Press Release Full Text
How do I make an press release full text?
What is a press release full text? How do you make a press release full text? This script and codes were developed by Kevin Bertram on 20 December 2022, Tuesday.
Press Release Full Text Previews
Press Release Full Text - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Press Release Full Text</title> <link rel="stylesheet" type="text/css" href="https://cloud.typography.com/6827072/7087552/css/fonts.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700' rel='stylesheet' type='text/css'> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="responsive"> <div id="header"> <div id="logo-container"> <a href="/" title="SAIC - School of the Art Institute of Chicago">SAIC</a> </div> <div class="resp-search"> <a href="#" class="search-toggle"><i class="ion ion-ios-search"></i></a> <!-- navigation object : Site Search --> <form id="search" action="/searchresults/" method="get"> <input type="text" id="search-bar" name="q" value="" title="Type search term here"> <input type="submit" id="search-btn" name="sa" value=""> </form> </div> <a href="#" class="info-nav-toggle">Menu <i class="ion ion-navicon"></i></a> <div id="institution-links-container"> <ul id="institution-links"> <!-- navigation object : Top Link Button --> <li id="apply-now"><a href="http://www.saic.edu/apply/">Apply 2016</a></li> <li id="fashion"><a href="http://campaign.saic.edu/">Donate Now</a></li> <li id="school">School</li> <li id="museum"><a href="http://www.artic.edu">Museum</a></li> </ul> </div> <div id="action-nav-container"> <div class="content"> <ul id="action-nav"> <!-- navigation object : Top Links --> <section class="cd-intro"> <h1 class="cd-headline"> <a href="http://campaign.saic.edu"><img class="bew-logo" src="http://sites.saic.edu/files/bw_horiz.png" alt="SAIC campaign"> <b>THE CAMPAIGN FOR SAIC</b></a> </h1> </section> <li><a href="/requestinformation/">Request Info</a></li> <li><a href="/apply/">Apply</a></li> <li><a href="/visit/">Visit</a></li> <li><a href="/supportsaic/">Support SAIC</a></li> <li><a href="/about/diversity/">Diversity</a></li> <li><a href="/viewwork/">View Work</a></li> <li><a href="/calendar/">Calendar</a></li> <li><a href="/news/">News</a></li>
<!-- <li> <ul class="social-links"> <li> <a target="_blank" href="https://www.facebook.com/saic.events" class="icon social" data-icon="c"></a> </li> <li> <a target="_blank" href="https://twitter.com/saic_news" class="icon social" data-icon="e"></a> </li> <li> <a target="_blank" href="https://vimeo.com/theschoolofart" class="icon social" data-icon="f"></a> </li> <li> <a target="_blank" href="http://instagram.com/saicpics#" class="icon social" data-icon="j"></a> </li> </ul> </li> --> </ul> <!-- navigation object : Site Search --> <form id="search" action="/searchresults/" method="get"> <input type="text" id="search-bar" name="q" value="" title="Type search term here"> <input type="submit" id="search-btn" name="sa" value=""> </form> </div> </div> <!-- action-nav-container --> <div class="info-nav-con"> <!-- navigation object : Responsive Audience Nav --> <div class="feature-150"> <section class="cd-intro"> <h1 class="cd-headline"> <a href="http://campaign.saic.edu"><img class="bew-logo" src="http://sites.saic.edu/files/bw_horiz.png" alt="SAIC campaign"> <b>THE CAMPAIGN FOR SAIC</b></a> </h1> </section> </div> <div class="resp-aud-nav"> <span class="for closed">RESOURCES FOR...<i class="ion-ios-people"></i><i class="ion-ios-arrow-down"></i></span> <ul id="audience-nav" class="audience-nav-links"> <li><a href="#" id="more-btn">Future Students <i class="ion-ios-arrow-down"></i></a> <ul> <!-- navigation object : Homepage Right Links - Future --> <li><a href="/admissions/ug/">Undergraduate</a></li> <li><a href="/admissions/grad/">Graduate</a></li> </ul> </li> <!-- navigation object : Homepage Right Links --> <li><a href="/students/">Current Students</a></li> <li><a href="/alumni/">Alumni</a></li> <li><a href="/parents/">Parents</a></li> <li><a href="/lifeatsaic/careersandinternships/foremployers/">Employers</a></li> <li><a href="/faculty/">Faculty</a></li> <li><a href="/staff/">Staff</a></li> <li><a href="/press/">Press</a></li> </ul> </div> <div id="info-nav-container"> <!-- navigation object : Main Navigation --> <ul id="info-nav"> <li id="about"><a href="#" class="info-btn">About</a> <div class="sub-nav-container"> <div class="sub-nav-items"> <div class="sub-nav column_one"> <div class="sub-nav"> <ul> <li><a href="/about/">Welcome to SAIC</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Core Values --><a href="/about/corevalues/">Core Values</a></li> </ul> </div> <div class="sub-nav"> <ul> <li><a href="/about/strategicinitiatives/">Strategic Initiatives</a> </li> </ul> </div> <div class="sub-nav"> <ul> <li><a href="/about/diversity/">Diversity</a> </li> </ul> </div> <div class="sub-nav"> <ul> <li><a href="/about/historyandquickfacts/">History & Quick Facts</a> <!-- navigation object : Sub Links - History & Quick Facts --> <ul> <li><a href="/about/historyandquickfacts/timeline/">Timeline</a></li> <li><a href="/about/historyandquickfacts/enrollment/">Enrollment</a></li> <li><a href="/about/historyandquickfacts/faculty/">Faculty</a></li> <li><a href="/about/historyandquickfacts/buildinghistory/">Building History</a></li> </ul> </li> </ul> </div> </div> <div class="sub-nav column_two"> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Outcomes --><a href="/about/outcomes/">Outcomes</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Consumer Information --><a href="/about/consumerinformation/">Consumer Information</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Notable Alumni --><a href="/about/notablealumni/">Notable Alumni</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Mission and Governance --><a href="/about/missionandgovernance/">Mission and Governance</a> <ul> <li><a href="/about/missionandgovernance/officeofthepresident/">Office of the President</a></li> <li><a href="/about/missionandgovernance/officeofthepresident/aboutourprovost/">About Our Provost</a></li> <li><a href="/about/missionandgovernance/officeofthepresident/aboutourdeanoffaculty/">About Our Dean of Faculty</a></li> <li><a href="/about/missionandgovernance/boardofgovernors/">Board of Governors</a></li> <li><a href="/about/missionandgovernance/non-discriminationpolicy/">Non-Discrimination Policy</a></li> <li><a href="/about/missionandgovernance/titleixcoordinator/">Title IX Coordinator</a></li> <li><a href="/about/missionandgovernance/annualreport/">Annual Report</a></li> <!-- navigation object : Sub Links - Goverance <li><a href="/about/missionandgovernance/officeofthepresident/">Office of the President</a></li><li><a href="/about/missionandgovernance/boardofgovernors/">Board of Governors</a></li><li><a href="/about/missionandgovernance/non-discriminationstatement/">Non-Discrimination Statement</a></li><li><a href="/about/missionandgovernance/titleixcoordinator/">Title IX Coordinator</a></li><li><a href="/about/missionandgovernance/annualreport/">Annual Report</a></li><li><a href="/about/missionandgovernance/divestmentpolicy/">Divestment Policy</a></li>--> </ul> </li> </ul> </div> </div> <div class="sub-nav column_three"> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Accreditation --><a href="/about/accreditation/">Accreditation</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Jobs at SAIC --><a href="/about/jobsatsaic/">Jobs at SAIC</a> <ul> <!-- navigation object : Sub Links - Jobs at SAIC --> <li><a href="/about/jobsatsaic/facultypositions/">Faculty Positions</a></li> <li><a href="http://www.artic.edu/employment">Staff Positions</a></li> </ul> </li> </ul> </div> <div class="sub-nav end"> <div class="sub-nav"> <ul> <li><a href="/saicballroomrental/">SAIC Ballroom Rental</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Campus Security --><a href="/lifeatsaic/campussecurity/">Campus Security</a> <ul> <li><a href="http://www.saic.edu/lifeatsaic/campussecurity/howtorespondinanemergency/">How to Respond to an Emergency</a></li> </ul> </li> </ul> </div> <div class="sub-nav"> <ul> <li><a href="http://www.saic.edu/media/saic/pdfs/visit/SAIC-CampusMap.pdf">Campus Map [PDF]</a></li> </ul> </div> </div> </div> </div> <!-- sub-nav-items --> <!-- navigation object : About Feature --> <div class="nav-feature"> <img src="/media/saic/gfx/megamenufeatures/insight-diversity_mega-menu.jpg" alt="" style="width : 175px; height : 107px; " data-htmlcap=""> <p><strong>SAIC Recognized again for Excellence in Diversity</strong></p> <p><span>Learn about our efforts toward supporting and building a </span><a href="/press/2015/heed2015/">diverse community</a><span>.</span></p> </div> </div> <!-- sub-nav-container --> </li> <li id="academics"><a href="#" class="info-btn">Academics</a> <div class="sub-nav-container"> <div class="sub-nav-items"> <div class="sub-nav column_one"> <div class="sub-nav"> <ul> <li><a href="/academics/areasofstudy/">Areas of Study</a></li> </ul> </div> <div class="sub-nav"> <ul> <li><a href="/academics/departments/">Academic Departments</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Undergraduate Degrees --><a href="/academics/undergraduatedegrees/">Undergraduate Degrees</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Graduate Degrees --><a href="/academics/graduatedegrees/">Graduate Degrees</a></li> </ul> </div> <div class="sub-nav"> <ul> <li><a href="/academics/post-baccalaureateandprofessionalcertificates/">Post-Baccalaureate & <br>Professional Certificates</a></li> </ul> </div> </div> <div class="sub-nav column_two"> <div class="sub-nav"> <ul> <li><a href="/coursesearch/">Courses</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Study Abroad/Off-Campus --><a href="/academics/studyabroadoff-campus/">Study Abroad/Off-Campus</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Registration and Records --><a href="/academics/registrationandrecords/">Registration and Records</a></li> </ul> </div> </div> <div class="sub-nav column_three"> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Libraries and Special Collections --><a href="/academics/librariesandspecialcollections/">Libraries and Special Collections</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Academic Resources --><a href="/academics/academicresources/">Academic Services</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Careers and Outcomes --><a href="/academics/careersandoutcomes/">Careers and Internships</a></li> </ul> </div> </div> </div> <!-- sub-nav-items --> <!-- navigation object : Academics Feature --> </div> <!-- sub-nav-container --> </li> <li id="admissions"><a href="#" class="info-btn">Admissions</a> <div class="sub-nav-container"> <div class="sub-nav-items"> <div class="sub-nav column_one"> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Undergraduate Admissions --><a href="/admissions/ug/">Undergraduate Admissions</a> <ul> <!-- navigation object : Sub Links - Undergraduate Admissions --> <li><a href="/admissions/ug/whychoosesaic/">Why Choose SAIC? </a></li> <li><a href="/admissions/ug/events/admissionsevents/">Admissions Events</a></li> <li><a href="/admissions/ug/first-timefreshmen/">First-Time Freshmen</a></li> <li><a href="/admissions/ug/transferpriordegreestudents/">Transfer & Prior Degree Students</a></li> <li><a href="/admissions/ug/internationalstudents/">International Students</a></li> <li><a href="/admissions/ug/admittedstudents/">Admitted Students</a></li> </ul> </li> </ul> </div> </div> <div class="sub-nav column_two"> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Graduate Admissions --><a href="/admissions/grad/">Graduate Admissions</a> <ul> <!-- navigation object : Sub Links - Graduate Admissions --> <li><a href="/admissions/grad/whychoosesaic/">Why Choose SAIC?</a></li> <li><a href="/admissions/grad/apply/">Application by Program</a></li> <li><a href="/admissions/grad/admissionsevents/">Admissions Events</a></li> <li><a href="/admissions/grad/visitsaic/">Visit SAIC</a></li> <li><a href="/admissions/grad/frequentlyaskedquestions/">Frequently Asked Questions</a></li> <li><a href="/admissions/grad/admittedstudents/">Admitted Students</a></li> </ul> </li> </ul> </div> </div> <div class="sub-nav column_three"> <div class="sub-nav"> <ul> <li><a href="/admissions/visit/">Visit SAIC</a></li> </ul> </div> <div class="sub-nav"> <ul> <li><a href="/apply/">Apply Now </a> <ul> <a href="/apply/"> </a> <li> <a href="/apply/"></a><a href="/redirects/undergraduatecommonapplication">Undergraduate Common Application</a></li> <li><a href="http://forms.saic.edu/admissions/transfer-student-application/">Undergraduate Transfer Application</a></li> <li><a href="/redirects/graduateonlineapplication">Graduate Online Application</a></li> </ul> </li> </ul> </div> </div> </div> <!-- sub-nav-items --> <!-- navigation object : Admissions Feature --> <div class="nav-feature"> <img src="/media/saic/gfx/megamenufeatures/virtual_tour2.jpg" alt="" style="width : 175px; height : 90px; " data-htmlcap=""> <p>Visit <a href="http://www.youvisit.com/tour/saic" target="_blank">SAIC's Virtual Tour</a></p> </div> </div> <!-- sub-nav-container --> </li> <li id="financial-aid"><a href="#" class="info-btn">Financial Aid <br>& Tuition</a> <div class="sub-nav-container"> <div class="sub-nav-items"> <div class="sub-nav column_one"> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Financial Aid --><a href="/financialaid/">Financial Aid</a> <ul> <!-- navigation object : Sub Links - Financial Aid --> <li><a href="/financialaid/saicscholarshipsandgrants/">SAIC Scholarships and Grants</a></li> <li><a href="/financialaid/federalstategrantsandoutsidescholarships/">Federal/State Grants and Outside Scholarships</a></li> <li><a href="/financialaid/internationalfinancialaid/">International Financial Aid</a></li> <li><a href="/financialaid/studentloans/">Student Loans</a></li> <li><a href="/financialaid/studentemployment/">Student Employment</a></li> <li><a href="/financialaid/studentpayroll/">Student Payroll</a></li> <li><a href="/financialaid/applyingforfinancialaid/">Applying for Financial Aid</a></li> <li><a href="/financialaid/informationsessions/">Information Sessions</a></li> <li><a href="/financialaid/policies/">Policies</a></li> <li><a href="/financialaid/helpfulresourcesandtools/">Helpful Resources and Tools</a></li> </ul> </li> </ul> </div> </div> <div class="sub-nav column_two"> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Tuition and Fees --><a href="/tuition/">Tuition and Fees</a> <ul> <!-- navigation object : Sub Links - Tuition and Fees --> <li><a href="/tuition/tuition/">Tuition</a></li> <li><a href="/tuition/housingcosts/">Housing Costs</a></li> <li><a href="/tuition/healthinsurance/">Health Insurance</a></li> <li><a href="/tuition/technologyfee/">Technology Fee</a></li> <li><a href="/tuition/additionalfees/">Additional Fees</a></li> <li><a href="/tuition/figureyourcosts/">Figure Your Costs</a></li> </ul> </li> </ul> </div> </div> <div class="sub-nav column_three"> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Payment and Your Student Account --><a href="/payment/">Payment and Your Student Account</a> <ul> <!-- navigation object : Sub Links - Payment and Your Student Ac --> <li><a href="/payment/newstudentdeposits/">New Student Deposits</a></li> <li><a href="/payment/paymentoptions/">Payment Options</a></li> <li><a href="/payment/paymentplans/">Payment Plans</a></li> <li><a href="/payment/billingprocess/">Billing Process</a></li> <li><a href="/payment/loandisbursements/">Loan Disbursements</a></li> <li><a href="/payment/manageyourstudentaccount/">Manage Your Student Account</a></li> <li><a href="/payment/refundsadvancesanddelinquencies/">Refunds, Advances, and Delinquencies</a></li> <li><a href="/payment/educationtaxcredits1098-t/">Education Tax Credits & 1098-T</a></li> </ul> </li> </ul> </div> </div> </div> <!-- sub-nav-items --> <!-- navigation object : Financial Aid & Tuition Feature --> <div class="nav-feature"> <img src="/media/saic/gfx/megamenufeatures/fin_aid_menu_feature.jpg" alt="co-op student" style="width : 174px; height : 90px; " data-htmlcap="co-op student"> <p>SAIC's suggested FAFSA priority deadline is February 1 for Undergraduate Illinois Residents, March 1 for All Others. <a href="/financialaid/applyingforfinancialaid/">More info</a>.</p> </div> </div> <!-- sub-nav-container --> </li> <li id="life"><a href="#" class="info-btn">Life @ SAIC</a> <div class="sub-nav-container"> <div class="sub-nav-items"> <div class="sub-nav column_one"> <div class="sub-nav"> <ul> <li><a href="/lifeatsaic/">Life at SAIC Overview</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Chicago Our Campus --><a href="/lifeatsaic/chicagoourcampus/">Chicago Our Campus</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Campus Life and Involvement --><a href="/lifeatsaic/campuslifeandinvolvement/">Campus Life and Involvement</a></li> </ul> </div> <div class="sub-nav"> <ul> <li><a href="/lifeatsaic/orientation/">New Student Orientation</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - The LeRoy Neiman Center --><a href="/lifeatsaic/theleroyneimancenter/">The LeRoy Neiman Center</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Commencement --><a href="/lifeatsaic/commencement/">Commencement</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Campus Security --><a href="/lifeatsaic/campussecurity/">Campus Security</a> <ul> <li><a href="http://www.saic.edu/lifeatsaic/campussecurity/howtorespondinanemergency/">How to Respond to an Emergency</a></li> </ul> </li> </ul> </div> <div class="sub-nav"> <ul> <li><a href="http://www.saic.edu/media/saic/pdfs/visit/SAIC-CampusMap.pdf">Campus Map [PDF]</a></li> </ul> </div> </div> <div class="sub-nav column_two"> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Careers --><a href="/lifeatsaic/careersandinternships/">Careers and Internships</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Housing and Residence Life --><a href="/lifeatsaic/housingandresidencelife/">Housing and Residence Life</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Dining Services --><a href="/lifeatsaic/diningservices/">Dining Services</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Summer Housing for Interns --><a href="/lifeatsaic/summerhousingforinterns/">Summer Housing for Interns</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - ARTICard and U-Pass --><a href="/lifeatsaic/articardandu-pass/">ARTICard and U-Pass</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Environmental Health and Safety --><a href="/lifeatsaic/environmentalhealthandsafety/">Environmental Health and Safety</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Sustainability at SAIC --><a href="/lifeatsaic/sustainabilityatsaic/">Sustainability at SAIC</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Academic Advising --><a href="/lifeatsaic/academicadvising/">Academic Advising</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - International Affairs --><a href="/lifeatsaic/internationalaffairs/">International Affairs</a></li> </ul> </div> </div> <div class="sub-nav column_three"> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Study Abroad/Off-Campus --><a href="/academics/studyabroadoff-campus/">Study Abroad/Off-Campus</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Multicultural Affairs --><a href="/lifeatsaic/multiculturalaffairs/">Multicultural Affairs</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Link - Wellness Center --><a href="/lifeatsaic/wellnesscenter/">Wellness Center</a> <ul> <!-- navigation object : Sub Links - Wellness Center --><a href="/lifeatsaic/wellnesscenter/counselingservices/">Counseling Services</a><a href="/lifeatsaic/wellnesscenter/disabilityandlearningresourcecenter/">Disability and Learning Resource Center</a><a href="/lifeatsaic/wellnesscenter/healthservices/">Health Services</a> <a href="/lifeatsaic/wellnesscenter/wellnesscenterstaff/">Wellness Center Staff</a> </ul> </li> </ul> </div> </div> </div> <!-- sub-nav-items --> <!-- navigation object : Life @ Feature --> <div class="nav-feature"> <img src="/media/saic/gfx/megamenufeatures/life_menu_feature.jpg" alt="" style="width : 174px; height : 90px; " data-htmlcap=""> <p>Students have many options when it comes to getting involved in the SAIC community. <a href="/lifeatsaic/campuslifeandinvolvement/">Learn more</a>.</p> </div> </div> <!-- sub-nav-container --> </li> <li id="studies"><a href="#" class="info-btn">Continuing Studies</a> <div class="sub-nav-container"> <div class="sub-nav-items"> <div class="sub-nav column_one"> <div class="sub-nav"> <ul> <li><a href="/cs/">Continuing Studies Program Overview</a></li> </ul> </div> <div class="sub-nav"> <ul> <li><a href="/cs/ace/">Adult Programs</a> <ul> <li><a href="/cs/ace/noncreditcourses/">Noncredit Courses</a></li> <li><a href="/cs/ace/certificateprograms/">Certificate Programs</a></li> <li><a href="/cs/ace/degreeprogramclassesforcredit/">Degree Programs Classes for Credit</a> <!--</ul--> </li> </ul> </li> </ul> </div> <div class="sub-nav"> <ul> <li><a href="/cs/teacher/">Teacher Programs</a> <ul> <li><a href="/cs/teacher/advancedplacementsummerinstitutes/">Advanced Placement Summer Institutes</a></li> <li><a href="/cs/teacher/teacherinstituteincontemporaryart/">Teacher Institute in Contemporary Art</a></li> <li><a href="/cs/teacher/teachinginstituteinmuseumeducation/">Teaching Institute in Museum Education</a></li> </ul> </li> </ul> </div> </div> <div class="sub-nav column_two"> <div class="sub-nav"> <ul> <li><a href="/cs/children/">Children's Programs</a> <ul> <!--<li><a href="/cs/children/fallandspring/">Fall and Spring</a></li>--> <li><a href="/cs/children/summercamps/">Summer Camps</a></li> </ul> </li> </ul> </div> <div class="sub-nav"> <ul> <li><a href="/cs/msp/">Middle School Programs</a> <ul> <li><a href="/cs/msp/fallandspring/">Fall and Spring</a></li> <li><a href="/cs/msp/summercamps/">Summer Camps</a></li> </ul> </li> </ul> </div> <div class="sub-nav"> <ul> <li><a href="/cs/high_school/">High School Programs</a> <ul> <li><a href="/cs/high_school/highschoolcommuterclasses/">High School Commuter Classes</a></li> <li><a href="/cs/high_school/summerinstituteresidencyprogram/">Summer Institute Residency Program</a></li> </ul> </li> </ul> </div> </div> <div class="sub-nav column_three"> <div class="sub-nav"> <ul> <li><a href="/cs/saiccpspartnership/">SAIC & CPS Partnership</a> <ul> <li><a href="/cs/saiccpspartnership/collegeartsaccessprogram/">College Arts Access Program</a></li> <li><a href="/cs/saiccpspartnership/ccolatsaic/">CCOL at SAIC</a></li> </ul> </li> </ul> </div> <div class="sub-nav"> <ul> <li><a href="/cs/calendar/">Calendar</a></li> </ul> </div> <div class="sub-nav"> <ul> <li><a href="/cs/ox-bowschoolofart/">Ox-Bow School of Art</a></li> </ul> </div> <div class="sub-nav"> <ul> <li><a href="/forms/continuingstudies/inquiryform/">Request Information</a></li> </ul> </div> </div> </div> <!-- sub-nav-items --> <!-- navigation object : Continuing Studies Feature --> <div class="nav-feature"> <img src="/media/saic/gfx/continuingstudies/adultprograms/unnamed.jpg" alt="" style="width : 180px; height : 120px; " data-htmlcap=""> <p>Summer Youth Programs and Summer Adult Continuing Education (ACE): Registration Open</p> <p><span>Adult Continuing Education painting courses were recently named Best of Chicago by CBS Local. </span></p> </div> </div> <!-- sub-nav-container --> </li> <li id="programs"><a href="#" class="info-btn pp">Public Programs</a> <div class="sub-nav-container"> <div class="sub-nav-items"> <div class="sub-nav column_one"> <div class="sub-nav"> <ul> <li></li> <li><a href="/highlights/">Public Programs Highlights</a> <ul> <!-- navigation object : Sub Links - Public Programs Highlights --> <li><a href="/highlights/saicstories/">SAIC Stories</a></li> <li><a href="/highlights/paststories/">Past Stories</a></li> <li><a href="/highlights/exhibitions/">Exhibitions</a></li> <li><a href="/highlights/lectures/">Lectures</a></li> <li><a href="/highlights/screenings/">Screenings</a></li> <li><a href="/highlights/performancesspecialevents/">Performances & Special Events</a></li> <li><a href="/highlights/150yearsofsaic/">150 Years of SAIC</a></li> </ul> </li> </ul> </div> </div> <div class="sub-nav column_two"> <div class="sub-nav"> <ul> <li> <!-- navigation object : Links - Conversations at the Edge --><a href="/cate/">Conversations at the Edge</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Links - Gene Siskel Film Center --><a href="/siskelfilmcenter/">Gene Siskel Film Center</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Links - Sullivan Galleries --><a href="/sullivangalleries/">Sullivan Galleries</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Links - Student Union Galleries --><a href="/sugs/">Student Union Galleries</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Links - Visiting Artists Program --><a href="/vap/">Visiting Artists Program</a></li> </ul> </div> <div class="sub-nav"> <ul> <li> <!-- navigation object : Links - Ox-Bow --><a href="/cs/ox-bowschoolofart/">Ox-Bow School of Art</a></li> </ul> </div> </div> <div class="sub-nav column_three"> <div class="sub-nav"> <ul> <li> <!-- navigation object : Links - Get SAIC Public Programs eNews --><a href="/forms/publicevents/joinsaicenewslist/">Join SAIC eNews List</a></li> </ul> </div> </div> </div> <!-- sub-nav-items --> <!-- navigation object : Public Programs Feature --> <div class="nav-feature"> <img src="/media/saic/gfx/megamenufeatures/megamenu-thumb_Joshua-Hoglund.jpg" alt="" style="width : 180px; height : 137px; " data-htmlcap=""> <p>Join us this spring for an exciting lineup of exhibitions, lectures, screenings, and special events.</p> <p><a href="/highlights/">Learn more</a></p> </div> </div> <!-- sub-nav-container --> </li> </ul> <div class="clear-fix"></div> <!-- navigation object : Responsive Sub Nav --> <div class="resp-sub-nav"> <ul id="action-nav"> <!-- navigation object : Top Links --> <section class="cd-intro"> <h1 class="cd-headline"> <a href="http://campaign.saic.edu"><img class="bew-logo" src="http://sites.saic.edu/files/bw_horiz.png" alt="SAIC campaign"> <b>THE CAMPAIGN FOR SAIC</b></a> </h1> </section> <li><a href="/requestinformation/">Request Info</a></li> <li><a href="/apply/">Apply</a></li> <li><a href="/visit/">Visit</a></li> <li><a href="/supportsaic/">Support SAIC</a></li> <li><a href="/about/diversity/">Diversity</a></li> <li><a href="/viewwork/">View Work</a></li> <li><a href="/calendar/">Calendar</a></li> <li><a href="/news/">News</a></li> <li> <ul class="social-links"> <li> <a target="_blank" href="https://www.facebook.com/saic.events" class="icon social" data-icon="c"></a> </li> <li> <a target="_blank" href="https://twitter.com/saic_news" class="icon social" data-icon="e"></a> </li> <li> <a target="_blank" href="https://vimeo.com/theschoolofart" class="icon social" data-icon="f"></a> </li> <li> <a target="_blank" href="http://instagram.com/saicpics#" class="icon social" data-icon="j"></a> </li> </ul> </li> </ul> <div class="clear-fix"></div> <ul id="resources-nav"> <li><a href="/lifeatsaic/campussecurity/howtorespondinanemergency/">Emergency Information</a></li> <li><a href="/lifeatsaic/wellnesscenter/disabilityandlearningresourcecenter/">Disability Resources</a></li> <li><a href="/sitetermsandconditions/">Terms+Conditions</a></li> <li><a href="/about/consumerinformation/">Consumer Information</a></li> <li><a href="/sitemap/">Site Map</a></li> <li><a href="/about/">About SAIC</a></li> <li><a href="/contact/">Contact</a></li> <li><a class="t4Edit-page" href="https://t4.saic.edu/terminalfour/SiteManager?ctfn=publish&fnno=31&sid=106768&chid=6&lang=en&ede=true">.</a></li> </ul> <div class="clear-fix"></div> </div> </div> <!-- info-nav-container --> </div> <div id="breadcrumb-nav-header"> <?php include 'breadcrumb-list.php'; ?> </div> <!-- breadcrumb-nav --> </div>
</div>
<br />
<br />
<br />
<div class="container"> <div class="col-md-8 main-content"> <h1>SAIC Names Arnold J. Kemp Dean of Graduate Studies</h1> <br /> <p> CHICAGO—The School of the Art Institute of Chicago (SAIC), a global leader in art and design education, announced the appointment of Arnold J. Kemp as the School’s dean of graduate studies. Concurrent with this appointment, Kemp joins the faculty of the Department of Painting and Drawing as a professor. Kemp comes to SAIC from Virginia Commonwealth University (VCU) where he is an associate professor and the chair of the Department of Painting and Printmaking. </p><p>
Arnold J. Kemp has been making and exhibiting critically engaging art for 25 years while concurrently writing and publishing critical and creative texts. Since 2009, he has served as a mentor for graduate students in a full-time academic administration role at Pacific Northwest College of Art and VCU. While at VCU, Kemp introduced a rigorously diverse visiting artist lecture series, established a new curriculum and brought a global perspective to courses in professional practices for graduate students. Prior to that, he was the chair of the Master of Fine Arts in Visual Studies Program at the Pacific Northwest College of Art. He also worked as one of the founding curators of San Francisco’s Yerba Buena Center for the Arts. </p><p>
“We’re thrilled to have Arnold join us as our dean of graduate studies at the School of the Art Institute of Chicago,” said Lisa Wainwright, SAIC’s dean of faculty and vice president of academic affairs. “The many roles he has played as an artist, curator, writer and lecturer are symbiotic with his personal research, art work and passion for preparing interdisciplinary artists for a lifetime of creative practice. Having the mindset of the artist and scholar within the School’s leadership is key to what makes SAIC, and its graduate programs in particular, so influential.” </p><p>
Kemp has been a visiting artist and lecturer, both domestically and abroad, at many leading schools and museums, including the San Francisco Museum of Modern Art; Portland Art Museum; San Francisco Art Institute; California College of the Arts; Vermont Studio Center; Parsons School of Design; University of Illinois, Chicago; Yale School of Art; Banff Centre in Canada; and York Saint John University in England, among others. His artworks are in the collections of the Metropolitan Museum of Art, Studio Museum in Harlem (New York), Berkeley Art Museum and Pacific Film Archive (California), Tacoma Art Museum (Washington) and the Fine Arts Collection at the University of California, Davis. Kemp is a 2012 Guggenheim Fellow and has also received awards and fellowships from the Joan Mitchell Foundation, Pollock-Krasner Foundation, Art Matters Inc., Printed Matter, Inc. and Portland Institute for Contemporary Art. </p><p>
“I used to keep a little newspaper clipping above my desk with a quote from Toni Morrison who upon receiving the Nobel Prize said, ‘I am outrageously happy!’ and I feel that way today,” said Kemp. “As an artist and educator, I am extremely honored to join the School of the Art Institute of Chicago, one of the world’s foremost art and design schools. I anticipate that leading, growing and learning with SAIC’s graduate students and my new colleagues will result in great things.” </p><p>
Kemp holds undergraduate degrees from the School of the Museum of Fine Arts, Boston, and Tufts University and a Master of Fine Arts from Stanford University. As the School’s dean of graduate studies, Kemp will take over for David Getsy, the Goldabelle McComb Finn Distinguished Professor of Art History at SAIC, who served in an interim capacity last academic year. Kemp’s appointment is effective Aug. 1, 2016.</p> </div> <div class="col-md-4"> <div class="panel panel-default ov-h"> <div class="panel-heading text"><small>Share this</small></div> <ul class="share-list"> <li><a href="#" class="sl-fb"><i class="fa fa-facebook"></i></a></li> <li><a href="#" class="sl-tw"><i class="fa fa-twitter"></i></a></li> <li><a href="#" class="sl-en"><i class="fa fa-envelope"></i></a></li> </ul> </div> <img src="http://www.saic.edu/media/bwitt/arnold_kemp_4-(1).gif" alt="" /> <small>Arnold J. Kemp</small> <br /> <div class="panel panel-contact"> <div class="panel-heading"> <h3 class="panel-title">Press/Media contact</h3> </div> <div class="panel-body"> <address> <strong class="name">Bree Witt</strong><br>
<!-- 1355 Market Street, Suite 900<br> San Francisco, CA 94103<br> --> <abbr title="Phone">P:</abbr> 312.499.4211 (office) <br /> <abbr title="Email">E:</abbr> <a href="mailto:[email protected]">[email protected]</a> </address> </div> </div> <div class="panel panel-lite"> <div class="panel-heading"> <h3 class="panel-title">Downloads</h3> </div> <a href="#" class="list-group-item"><i class="fa fa-file-pdf-o" aria-hidden="true"></i> PDF Version</a> </div> <div class="panel panel-lite"> <div class="panel-heading"> <h4>In this press release</h4> </div> <div class="panel-sub-heading"> Departments </div> <a href="http://saic.edu/" class="list-group-item" target="_blank">Paiting and Drawing</a> <div class="panel-sub-heading"> People </div> <a href="#" class="list-group-item" target="_blank">Arnold J. Kemp</a> <a href="#" class="list-group-item" target="_blank">Lisa Wainwright</a> <a href="#" class="list-group-item" target="_blank">David Getsy</a> </div> </div>
</div>
</div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js'></script>
<script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/masonry/3.3.2/masonry.pkgd.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js'></script>
<script src='http://www.saic.edu/media/saic/styleassets/js/menu.js'></script>
<script src='http://www.saic.edu/media/saic/styleassets/js/saic-responsive.js'></script> <script src="js/index.js"></script>
</body>
</html>
Press Release Full Text - Script Codes CSS Codes
/*** SAIC - School of the Art Institute of Chicago ***/
html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video { margin: 0; padding: 0; border: 0;
}
b,
strong { font-weight: bold;
}
i,
em { font-style: italic;
}
/*** HTML5 display-role reset for older browsers ***/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block;
}
body { line-height: 1;
}
hr { border: 0; background-color: #fea700; height: 1px;
}
ul li { list-style: none; line-height: 1.65em;
}
/*
ul.bullet li, #page-content>ul>li, #mid-section>ul>li, #page-content>table ul>li{ list-style: inside disc; margin: 0 0 6px 15px; }
ol li { list-style: inside decimal; margin-left: 15px; }
*/
#page-content > ul,
#page-content > ol,
#mid-section > ul,
#mid-section > ol,
.event_body > ul { margin-left: 15px;
}
#page-content > ol,
#page-content > ul { margin: 15px 0 15px 15px;
}
#page-content > table ul > li,
#page-content > ol > li > ul { margin-left: 30px;
}
#page-content > ul > li,
#page-content > ol > li,
#mid-section > ul > li,
#mid-section > ol > li,
#page-content > table ul > li,
#page-content > ol > li > ul > li,
#page-content > ul > li > ul > li,
.event_body > ul > li { list-style-position: outside; margin-left: 15px;
}
ol li { list-style-type: decimal;
}
ol li ol { list-style-position: outside; margin-left: 15px;
}
ul.bullet li,
#page-content > ul > li,
#mid-section > ul > li,
#page-content > table ul > li,
#page-content > ol > li > ul > li,
#page-content > ul > li > ul > li,
.event_body > ul > li { list-style: disc;
}
blockquote,
q { quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none;
}
table { border-collapse: collapse; border-spacing: 0;
}
/*** Font Embed ***/
@font-face { font-family: 'MeranProSmConBoldItalic'; src: url("//saic.edu/media/saic/styleassets/fonts/meranprosmcon-bolditalic-webfont.eot"); src: url("//saic.edu/media/saic/styleassets/fonts/meranprosmcon-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("//saic.edu/media/saic/styleassets/fonts/meranprosmcon-bolditalic-webfont.woff") format("woff"), url("//saic.edu/media/saic/styleassets/fonts/meranprosmcon-bolditalic-webfont.ttf") format("truetype"), url("//saic.edu/media/saic/styleassets/fonts/meranprosmcon-bolditalic-webfont.svg#MeranProSmConBoldItalic") format("svg"); font-weight: normal; font-style: normal;
}
@font-face { font-family: 'MeranProSmConBold'; src: url("//saic.edu/media/saic/styleassets/fonts/meranprosmcon-bold-webfont.eot"); src: url("//saic.edu/media/saic/styleassets/fonts/meranprosmcon-bold-webfont.eot?#iefix") format("embedded-opentype"), url("//saic.edu/media/saic/styleassets/fonts/meranprosmcon-bold-webfont.woff") format("woff"), url("//saic.edu/media/saic/styleassets/fonts/meranprosmcon-bold-webfont.ttf") format("truetype"), url("//saic.edu/media/saic/styleassets/fonts/meranprosmcon-bold-webfont.svg#MeranProSmConBold") format("svg"); font-weight: normal; font-style: normal;
}
@font-face { font-family: 'MeranProSmConNormal'; src: url("//saic.edu/media/saic/styleassets/fonts/meranprosmcon-normal-webfont.eot"); src: url("//saic.edu/media/saic/styleassets/fonts/meranprosmcon-normal-webfont.eot?#iefix") format("embedded-opentype"), url("//saic.edu/media/saic/styleassets/fonts/meranprosmcon-normal-webfont.woff") format("woff"), url("//saic.edu/media/saic/styleassets/fonts/meranprosmcon-normal-webfont.ttf") format("truetype"), url("//saic.edu/media/saic/styleassets/fonts/meranprosmcon-normal-webfont.svg#MeranProSmConNormal") format("svg"); font-weight: normal; font-style: normal;
}
@font-face { font-family: 'Jillican Heavy'; src: url("fonts/Jillican-Heavy.eot"); /* IE9 Compat Modes */ src: url("fonts/Jillican-Heavy.eot?#iefix") format("embedded-opentype"), url("fonts/Jillican-Heavy.woff") format("woff"), url("fonts/Jillican-Heavy.ttf") format("truetype"), url("fonts/Jillican-Heavy.svg#db63a28f1ba27ae0fca4a9f0bc2243dd") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: 400;
}
@font-face { font-family: 'Jillican Heavy'; src: url("fonts/Jillican-Heavy-Italic.eot"); /* IE9 Compat Modes */ src: url("fonts/Jillican-Heavy-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/Jillican-Heavy-Italic.woff") format("woff"), url("fonts/Jillican-Heavy-Italic.ttf") format("truetype"), url("fonts/Jillican-Heavy-Italic.svg#00b1c3bbe05eac60dacec4517f1cd6a4") format("svg"); /* Legacy iOS */ font-style: italic; font-weight: 400;
}
@font-face { font-family: 'Jillican Light'; src: url("fonts/Jillican-Light.eot"); /* IE9 Compat Modes */ src: url("fonts/Jillican-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Jillican-Light.woff") format("woff"), url("fonts/Jillican-Light.ttf") format("truetype"), url("fonts/Jillican-Light.svg#65e1e841042b9111d33418d80abf2ea2") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: 200;
}
@font-face { font-family: 'Jillican Light'; src: url("fonts/Jillican-Light-Italic.eot"); /* IE9 Compat Modes */ src: url("fonts/Jillican-Light-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/Jillican-Light-Italic.woff") format("woff"), url("fonts/Jillican-Light-Italic.ttf") format("truetype"), url("fonts/Jillican-Light-Italic.svg#df5657688f35713116b91c40aaad81fe") format("svg"); /* Legacy iOS */ font-style: italic; font-weight: 200;
}
/*** MP3s ***/
a[href$='.mp3'] { text-decoration: none !important; background: url(http://www.saic.edu/media/saic/styleassets/images/icon-audio.png) top right no-repeat; padding-right: 18px; background-size: 15px; color: #333 !important;
}
/*** Main Layout ***/
html { /*overflow-y: scroll;*/ height: 100%;
}
body { background: #f7f7f7; color: #333; height: 100%; font: normal 75%/1.5 "Droid Sans", Arial, sans-serif;
}
/*
h1 { font-size: 3em; }
h2 { font-size: 2.5em; }
h3 { font-size: 2em; }
h4 { font-size: 1.5em; line-height: 1.2; }
h5 { font-size: 1.3em; }
h6 { font-size: 1em; font-weight: bold; }
*/
p { margin: 15px 0;
}
.blockquote { background: #eee; border: 1px solid #ccc; font-style: italic; margin: 20px auto; padding: 10px; width: 80%;
}
small { color: #666; display: block; font-size: 11px; margin: 15px 0;
}
a:link { color: #333; text-decoration: underline;
}
a:visited { color: #333; text-decoration: underline;
}
a:hover { color: #000; text-decoration: underline;
}
a:active { color: #333; text-decoration: underline;
}
p a:link,
p a:visited,
.section-content > div a:link,
.section-content > div a:visited,
#page-content > ul > li a,
#page-content > ol > li a,
#mid-section > ul > li a,
.event_listing a,
.article-tags a { color: #ee4aa9;
}
p a:hover,
#page-content > ul > li a:hover,
#mid-section > ul > li a:hover,
.article-tags a:hover { color: #E71890;
}
a.filter.active { font-weight: bold;
}
strong { font-weight: bold;
}
em { font-style: italic; font-size: 1em;
}
a.return-to-top { margin-bottom: 36px; display: block;
}
input[type="text"],
textarea { border: 1px solid #ccc; color: #999; font-family: "Droid Sans", Arial, sans-serif; font-size: 11px; padding: 2px; width: 235px;
}
fieldset { border: 1px solid #ccc; padding: 5px 20px;
}
legend { padding: 0 5px;
}
label { padding-right: 5px;
}
input[type="radio"] { width: 11px;
}
input[type="text"] { padding: 3px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
textarea { height: 75px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
select { color: #999; font-size: 10px;
}
input[type="submit"],
input[type="button"] { background: url("http://saic.edu/media/saic/styleassets/images/button.jpg") repeat-x center -4px; border: 1px solid #ccc; margin-bottom: 10px; padding: 3px; text-transform: uppercase; /*width: 100px;*/ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
input[type="submit"]:hover,
input[type="button"]:hover { color: #fff; cursor: pointer;
}
#page-content form { max-width: 660px;
}
#page-content .form-row { margin: 10px 0;
}
#page-content .form-row label { display: block; float: left; width: 100px;
}
.gform { width: 727px; height: 528px; overflow: hidden; border: 1px solid #ccc; float: left; margin-right: 20px;
}
.gform iframe { margin-left: -1px; margin-top: -1px;
}
.float-left { float: left;
}
.float-right { float: right;
}
.clear-fix { clear: both;
}
.hide { display: none;
}
.spacer { height: 20px;
}
.content { margin: 0 auto; position: relative; width: 1005px;
}
.inner { padding: 10px;
}
/*a.btn {background: #3b3b42 url('http://saic.edu/media/saic/styleassets/images/button.jpg') repeat-x top; border: 1px solid #999; display: block; margin-bottom: 5px; padding: 4px 10px; text-decoration: none; text-transform: uppercase;}*/
li.btn a,
a.btn { background: #f0f0f0; border: 1px solid #cacaca; color: #444; display: block; margin-bottom: 5px; padding: 4px 10px; text-decoration: none; text-transform: uppercase;
}
li.btn a:hover,
a.btn:hover { background-position: bottom; color: #000; border-color: #7a7a7a;
}
li.btn a:active,
a.btn:active { color: #fff;
}
.image-right { float: right; margin: 0 0 10px 10px;
}
.video { background: #e9e9e9; border: 1px solid #ccc; margin: 5px auto 15px auto; padding: 5px;
}
table { border: 1px solid #ccc; border-top-color: #ee4aa9; margin-bottom: 20px; width: 100%;
}
table a:link,
table a:visited,
table a:active { color: #ee4aa9;
}
table a:hover { color: #333;
}
th { background: #eedde7; padding: 10px; text-align: left;
}
tr { background: #eee; border-bottom: 1px solid #ccc;
}
tr.alt { background: #e6e6e6;
}
td { padding: 10px; vertical-align: top;
}
.clear { clear: both;
}
/***** Layout *****/
#container { width: 100%;
}
.content { margin: 0 auto; width: 940px;
}
/*** Specific to Home Template ***/
#alert-container { margin: 0 auto; position: relative; top: 128px; width: 1000px;
}
#alert-box { background: #ee4aa9 url("http://saic.edu/media/saic/styleassets/images/icon-alert.png") no-repeat 10px 20px; padding: 12px 3px 3px 40px; position: absolute; right: 5px; top: 0; width: 672px; z-index: 999;
}
#alert-box #alert-title { font-size: 16px; float: left; line-height: 2; margin: 4px 0 0 0;
}
#alert-box #notice { color: #fff; font-size: 12px; line-height: 1.2; margin-left: 110px; padding: 5px; position: absolute; margin-top: 6px;
}
#alert-box #notice p { margin: 0;
}
#alert-box a { color: #ddd; text-decoration: none;
}
#alert-box a:hover { text-decoration: underline;
}
#home-header { position: fixed; width: 100%; z-index: 9999;
}
#home-header #info-nav-container { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); background: #f1f1f1;
}
#home-main-spacer { height: 500px;
}
#audience-nav { position: fixed; right: 0; top: 170px; z-index: 99;
}
#audience-nav li a { background: url("http://saic.edu/media/saic/styleassets/images/dark-transparency.png") repeat; border-bottom: 1px solid #ee4aa9; color: #fff; display: block; font-size: 11px; padding: 8px 10px; text-decoration: none; text-transform: uppercase; width: 170px;
}
#audience-nav li.for { background: #000; color: #ddd; padding: 5px 10px;
}
#audience-nav li a:hover { background: #181818; color: #ee4aa9;
}
#audience-nav li.end a,
.audience-nav li:last-child a { border: 0;
}
#audience-nav #more-btn { color: #fff; position: relative; z-index: 99;
}
#audience-nav #more-btn.active { background: #181818;
}
#audience-nav li ul { background: #181818; display: none; padding: 10px 0;
}
#audience-nav li ul li a:hover { background: #000;
}
#audience-nav li ul li a { background: #181818; border: 0; padding: 2px 0 2px 20px;
}
#audience-nav .down-arrow { width: 0; height: 0; border-left: 6px solid transparent; border-top: 6px solid #ee4aa9; border-right: 6px solid transparent; display: block; position: absolute; top: 15px; right: 20px;
}
/*Background Slide Images*/
#first { background: url("http://saic.edu/media/saic/gfx/homepage/whitney1.jpg") 50% -120px no-repeat fixed; height: 1200px; margin: 0 auto;
}
#second { background: url("http://saic.edu/media/saic/gfx/homepage/home5.jpg") 50% 0 no-repeat fixed; height: 1200px; margin: 0 auto;
}
#third { background: url("http://saic.edu/media/saic/gfx/homepage/fashion.jpg") 50% 0 no-repeat fixed; height: 1200px;
}
#fourth { background: url("http://saic.edu/media/saic/gfx/homepage/soto_edra_0005-home-(5).jpg") 50% 0 no-repeat fixed; height: 1200px;
}
.home-caption { margin: 0 auto; position: absolute; /* bottom: 40%; */ margin-left: 30px; width: 360px;
}
.home-caption h2 { background: #f6dd07; display: inline-block; font: 28px "MeranProSmConBoldItalic", Arial, sans-serif; padding: 6px 20px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); line-height: 30px;
}
.home-caption p { margin-bottom: 0;
}
.home-caption a { text-decoration: none; color: #ee4aa9;
}
.home-caption a:hover { text-decoration: underline; color: #ee4aa9;
}
.home-caption .caption-content { background: url("http://saic.edu/media/saic/styleassets/images/dark-transparency.png") repeat; color: #fff; margin-left: 25px; padding: 15px;
}
.slide { width: 100%;
}
.slide .content-wrapper { height: 100%; margin: 0 auto; position: relative; width: 990px;
}
#slide-nav { list-style: none; position: fixed; top: 450px; right: 20px; z-index: 98;
}
#slide-nav li { margin: 0 0 2px 0;
}
#slide-nav li a { background: url("http://saic.edu/media/saic/styleassets/images/slide-nav-diamond.png") no-repeat bottom center; display: block; width: 25px; height: 22px;
}
#slide-nav li a:hover { background-position: center;
}
#slide-nav li a.current { background-position: top center;
}
.slink { color: #000000 !important;
}
/* Fix backgrounds on iPad */
.touch #slide-nav { display: none;
}
.touch #first { background: url("http://saic.edu/media/saic/gfx/homepage/whitney1.jpg") 50% no-repeat; height: 1200px;
}
.touch #second { background: url("http://saic.edu/media/saic/gfx/homepage/home5.jpg") 50% 0 no-repeat; height: 1200px;
}
.touch #third { background: url("http://saic.edu/media/saic/gfx/homepage/fashion.jpg") 50% 0 no-repeat; height: 1200px;
}
.touch #fourth { background: url("http://saic.edu/media/saic/gfx/homepage/soto_edra_0005-home-(5).jpg") 50% 0 no-repeat; height: 1200px;
}
.touch .home-caption { bottom: 20%;
}
.touch #to-footer-btn { display: none;
}
.touch a.close-nav-btn { background: #000; color: #fff; display: block; font: normal 12px "MeranProSmConNormal", Arial, sans-serif; height: 25px; line-height: 2.2; margin: 0; padding: 0; position: absolute; bottom: -25px; left: 15px; text-align: center; text-decoration: none; text-transform: uppercase; width: 50px !important; z-index: 99999; border-radius: 0 0 3px 3px;
}
#to-footer-btn { display: block; height: 24px; bottom: 0; position: fixed; right: 80px; box-shadow: 0 0 3px #000;
}
#to-footer img-btn { display: block;
}
#home-footer { bottom: 0; height: 55px !important; position: relative; width: 100%;
}
#school-info-container { background: #100a01; height: 30px; line-height: 3; width: 100%;
}
#school-info-bar { color: #fff; font-size: 10px; margin: 0 auto; text-align: right; width: 970px;
}
#school-info-bar a { color: #ee4aa9;
}
#school-info-bar a:hover { color: #bbb;
}
#school-info-bar li { display: inline; margin-left: 20px;
}
#home-footer #resources-nav { text-align: left; width: 990px;
}
#home-footer #resources-nav ul { text-align: right;
}
#home-footer #resources-nav #copyright { float: left; font-size: 10px; line-height: 2; margin-left: 5px; width: 230px;
}
/*** ***/
/*** Header ***/
#header { background: url("http://saic.edu/media/saic/styleassets/images/header-arrow-pattern.png") bottom repeat-x; height: 205px; width: 100%; z-index: 9999;
}
#institution-links-container { background: #f1f1f1; border-bottom: solid 3px #c9c9c9; padding: 19px 0 0 0; text-align: right;
}
#institution-links { margin: 0 auto; width: 965px;
}
#institution-links li { display: inline-block; padding: 3px 10px;
}
#institution-links #school { background: #c9c9c9; color: #f1f1f1;
}
#institution-links #museum a { color: #c9c9c9;
}
#institution-links a { text-decoration: none;
}
#logo-container { margin: 0 auto; position: relative; width: 990px;
}
#saic-logo { position: absolute; left: -10px; z-index: 99;
}
#action-nav-container { background: url("http://saic.edu/media/saic/styleassets/images/dark-transparency.png") repeat; height: 28px; padding: 8px 0 0 0;
}
#action-nav { float: left; padding-left: 110px; width: 680px;
}
#action-nav li { display: inline; padding: 10px 14px;
}
#action-nav li.highlight { background: url("http://saic.edu/media/saic/styleassets/images/highlight-arrow.png") top center no-repeat; border-top: 3px solid #3ca9fc;
}
#action-nav a { color: #fff; text-decoration: none; -webkit-transition: .2s all linear; transition: .2s all linear;
}
#action-nav a:hover { color: #ee4aa9;
}
#action-nav img { width: 67px; height: 25px; top: -3px; position: absolute;
}
#search { position: absolute; right: 3px;
}
#search #search-bar { border-radius: 0px; height: 14px; margin: 0; width: 130px; margin-right: -24px;
}
#search #search-btn { background: #000; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; display: block; height: 18px; line-height: initial; position: absolute; text-indent: 0; top: 1px; right: -23px; width: 25px; font-family: ionicons; color: #fff; font-size: 14px;
}
#search #search-btn:hover { /* background-color: #333; */ cursor: pointer;
}
#search #search-btn:active { background-position: 7px 4px;
}
#info-nav-container { clear: both; margin: 0 auto; width: 990px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
#info-nav { margin-left: 135px;
}
#info-nav li { float: left; position: relative;
}
#info-nav a.info-btn { background: #f1f1f1; border-right: 1px solid #c9c9c9; color: #333; display: block; font: normal 12px "MeranProSmConNormal", Arial, sans-serif; float: left; height: 45px; line-height: 1.2; padding: 10px 0 0 15px; text-decoration: none; text-transform: uppercase; width: 127px; -webkit-transition: .2s all linear; transition: .2s all linear;
}
#info-nav a.info-btn:hover { background-color: #fff; color: #ee4aa9;
}
#info-nav li a.info-btn.active { background: #f86fbe; color: #fff;
}
#info-nav > li:first-child a { width: 125px;
}
#info-nav #studies-programs a { border: 0;
}
/** T4 Direct Edit Menu Duplication Fix **/
body.t4Editing #info-nav #info-nav { display: none;
}
body.t4Editing #info-nav { margin-left: 133px;
}
#info-nav #info-nav { display: none;
}
/*** Fashion 2014 Button ***/
#institution-links li#fashion { background: #f6dd07; margin-right: 8px; color: #333;
}
#institution-links li#fashion a { color: #333;
}
/* pink Apply Now button */
#institution-links li#apply-now { background: #ee4aa9; margin-right: 8px; color: #fff;
}
#institution-links li#apply-now a { color: #fff;
}
/*** Mega Menu ***/
#info-nav li .sub-nav-container { background: url("http://saic.edu/media/saic/styleassets/images/info-nav-bg.png") repeat-y; border-top: 1px solid #f86fbe; display: none; left: 0; position: absolute; top: 55px; width: 854px; z-index: 98;
}
#info-nav li#about .sub-nav-container { left: 1px;
}
#info-nav li#academics .sub-nav-container { left: -140px;
}
#info-nav li#admissions .sub-nav-container { left: -283px;
}
#info-nav li#financial-aid .sub-nav-container { left: -426px;
}
#info-nav li#life .sub-nav-container { left: -569px;
}
#info-nav li#studies-programs .sub-nav-container { left: -712px;
}
#info-nav li .sub-nav { float: left; margin: 0 15px 15px 0; width: 180px;
}
#info-nav li .sub-nav.end { margin-right: 0;
}
#info-nav .sub-nav-container ul li { padding-bottom: 2px;
}
#info-nav .sub-nav-container ul li a { background: none; border: 0; color: #fff; display: block; float: none; font: bold 11px "Droid Sans", Arial, sans-serif; height: auto; padding: 0; text-decoration: none; text-transform: none; width: 175px; margin-bottom: 5px;
}
#info-nav .sub-nav-container ul li a:hover { color: #bbb;
}
#info-nav .sub-nav-container ul li ul { margin-left: 10px;
}
#info-nav .sub-nav-container ul li ul li a { font-weight: normal; margin: 0;
}
#info-nav .sub-nav-items { float: left; padding: 10px 15px;
}
#info-nav .nav-feature { color: #fff; margin-left: 625px; padding: 10px 25px; width: 180px;
}
#info-nav .nav-feature img { display: block; margin-bottom: 10px;
}
.nav-feature p { color: #888; font-size: 11px;
}
/* MEGAMENU UPDATES - CS PubProg Split - 20150429 */
#info-nav #studies-programs > a { border-right: 1px solid #ccc;
}
#info-nav #programs > a.pp { border-right: 0; width: 100%;
}
#info-nav > li:first-child a { width: 106px;
}
/*MEGAMENU BUTTON WIDTH - CHANGE BACK AFTER FONT UPDATE*/
#info-nav a.info-btn { width: 106px;
}
#info-nav li#academics .sub-nav-container { left: -121px;
}
#info-nav li#admissions .sub-nav-container { left: -243px;
}
#info-nav li#financial-aid .sub-nav-container { left: -365px;
}
#info-nav li#life .sub-nav-container { left: -487px;
}
#info-nav li#studies .sub-nav-container { left: -609px;
}
#info-nav li#programs .sub-nav-container { left: -731px;
}
/*** ***/
#breadcrumb-nav-header { margin: 0 auto; position: relative; width: 850px; z-index: 9; padding-left: 140px;
}
#breadcrumb-nav-header ul { overflow: hidden; padding: 10px 0 0 8px;
}
#breadcrumb-nav-header ul li,
#breadcrumb-nav-footer ul li { color: #ccc; float: left; margin-right: 5px; padding: 0 5px 2px 0;
}
#breadcrumb-nav-header ul li .separator,
#breadcrumb-nav-footer ul li .separator { background: url("http://saic.edu/media/saic/styleassets/images/breadcrumb-nav-divider.png") no-repeat right; color: #ccc; float: right; margin-left: 5px; padding: 0 5px 2px 0;
}
#breadcrumb-nav-header ul li a,
#breadcrumb-nav-footer ul li a { color: #666; font: normal 10px Arial, sans-serif; text-decoration: none;
}
#breadcrumb-nav-header ul li a:hover,
#breadcrumb-nav-footer ul li a:hover { color: #000;
}
#breadcrumb-nav-header ul li a.home-btn,
#breadcrumb-nav-footer ul li a.home-btn { background: url("http://saic.edu/media/saic/styleassets/images/home-icon.png") no-repeat bottom; display: block; float: left; height: 11px; margin-right: 2px; text-indent: -9999px; width: 12px;
}
#breadcrumb-nav-footer { background: #c9c9c9; border-top: 1px solid #aaa; clear: both; margin-top: 60px; padding: 10px 0 15px 0; position: relative; top: 10px; z-index: 1;
}
#breadcrumb-nav-footer ul { margin: 0 auto; overflow: hidden; width: 980px;
}
#breadcrumb-nav-header ul li,
#breadcrumb-nav-footer ul li { color: #666; font: normal 10px Arial, sans-serif; text-decoration: none;
}
#share { clear: both; height: 25px; margin: 0 auto; position: relative; top: -2px; width: 980px;
}
.addthis_toolbox { position: absolute; right: 0; top: 0;
}
.addthis_button_compact,
.addthis_button_print,
.addthis_button_email { float: left;
}
.addthis_button_print,
.addthis_button_email { margin-left: 5px;
}
/*** End Header ***/
/*** View Work Gateway ***/
.workhold { width: 480px; float: left;
}
.workhold.left { border-right: 1px solid #ccc;
}
.workhold .portfolios { float: left; width: 355px; padding: 50px;
}
.workhold .profiles { float: right; width: 355px; padding: 50px;
}
.workhold .portfolios:hover,
.workhold .profiles:hover { background: #eee;
}
.workhold img { width: 355px; height: 285px;
}
.workhold .text { padding: 25px;
}
.workhold .text h2 { font-size: 24px;
}
/*** End View Work Gateway ***/
#main-content { clear: both; margin: 0 auto; position: relative; width: 980px; z-index: 1;
}
#page-header { left: -11px; position: relative; top: -20px;
}
#page-header h1 { background: #f6dd07; display: inline-block; font: normal 22px "MeranProSmConBoldItalic", Arial, sans-serif; padding: 5px 20px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
#page-header h1 a { text-decoration: none;
}
#left-sidebar { float: left; width: 225px;
}
#right-sidebar { float: left; width: 225px;
}
#page-content > img,
#page-content > h1 > img,
#page-content > h2 > img,
#page-content > h3 > img { padding: 0 20px 20px 0;
}
.two-column-left-sidebar #page-content { float: left; margin-left: 30px; width: 725px;
}
.two-column-left-sidebar #left-sidebar { float: left; width: 225px;
}
.two-column-right-sidebar #page-content { float: left; margin: 0; width: 725px;
}
.two-column-right-sidebar #right-sidebar { float: left; margin-left: 30px; width: 225px;
}
.three-column #left-sidebar { float: left; width: 225px; z-index: 100; position: relative;
}
.three-column #page-content { float: left; margin-left: 30px; width: 470px;
}
.three-column #right-sidebar { float: left; margin-left: 30px; width: 225px;
}
#mid-section { float: left; margin-left: 30px; width: 470px;
}
#full-image { margin-bottom: 15px; box-shadow: 0 0 5px #333; -moz-box-shadow: 0 0 5px #333; -webkit-box-shadow: 0 0 5px #333;
}
#full-image img { display: block;
}
#departments-column { float: left; width: 470px;
}
#areas-study-column { float: left; margin-left: 20px; width: 470px;
}
#depaos-column { float: left; width: 985px; overflow: hidden; margin: 20px 0;
}
#depaos-left { float: left; width: 470px;
}
#depaos-right { float: left; padding-left: 45px; width: 470px;
}
#departments-column h3,
#depaos-column h3,
#areas-study-column h3 { margin: 10px 0;
}
#departments-column ul li,
#depaos-column ul li,
#areas-study-column ul li { padding: 5px;
}
#departments-column ul li:nth-child(odd),
#depaos-column ul li:nth-child(odd),
#areas-study-column ul li:nth-child(odd) { background: #eee;
}
/* li.odd{background: #eee;} */
#departments-column ul li a,
#depaos-column ul li a,
#areas-study-column ul li a { background: url("http://saic.edu/media/saic/styleassets/images/icon-orange-arrow.png") no-repeat left center; padding-left: 15px; text-decoration: none;
}
#departments-column ul li a:hover,
#depaos-column ul li a:hover,
#areas-study-column ul li a:hover { /* color: #ee4aa9; */ text-decoration: underline;
}
.crit div#depaos-left { width: 49%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.crit div#depaos-right { float: right; width: 49%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
div#depaos-column.crit { width: 100%;
}
/* Landing Page Redesign - 2014-05-08 */
.two-col #depaos-left { float: left; width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-right: 2.5%;
}
.two-col #depaos-right { float: left; padding-left: 2.5%; width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
#depaos-column.two-col { float: left; width: 725px; overflow: hidden; margin: 20px 0;
}
#right-sidebar .portfolio-block img { display: block; max-width: 225px; height: auto !important;
}
#feature-intro.two-col-lnd { margin-left: 0; padding-top: 20px; width: 240px; height: 330px;
}
.sitemap { background: #eee; border: 1px solid #ccc; margin-bottom: 25px; padding: 20px 0;
}
.sitemap .column { float: left; margin: 0 10px; width: 224px;
}
.sitemap .column ul { margin-bottom: 20px;
}
.sitemap .column li a { font-weight: bold; margin-bottom: 10px; text-decoration: none;
}
.sitemap .column li a:hover { text-decoration: underline;
}
.sitemap .column li ul li { margin-left: 15px;
}
.sitemap .column li ul li a { font-weight: normal;
}
.sitemap .column li ul li ul { margin: 0;
}
/*** Faculty Accomplishments Widget ***/
.btn-fa { background: #f0f0f0; border: 1px solid #cacaca; color: #444; display: block; margin-bottom: 5px; padding: 4px 10px; text-decoration: none; text-transform: uppercase;
}
a.btn-fa { background: #f0f0f0; border: 1px solid #cacaca; color: #444; display: block; margin-bottom: 5px; padding: 4px 10px; text-decoration: none; text-transform: uppercase;
}
.accomp-header .btn-right { float: right;
}
.tools-resources .accomps li { float: left; padding: 2px 2px 12px 5px; width: 436px; border-bottom: 1px dashed #ccc;
}
.tools-resources .accomps li a { padding-left: 0px; text-decoration: underline; background: none;
}
.accomp-header { background: #f1f1f1; padding: 4px 4px 12px 4px; border-bottom: 2px solid #fea700; margin-bottom: 12px; height: 26px;
}
.accomp-header a.btn-fa { text-transform: capitalize;
}
select#dept { float: left; width: 220px; font-size: 12px; margin: 2px;
}
li.deptlist { display: inline;
}
/*** Section Modules ***/
.section { margin-bottom: 20px; position: relative;
}
.section-header { background: #f1f1f1; border: 1px solid #ccc; border-bottom: 2px solid #fea700; font: normal 16px "MeranProSmConBold", Arial, sans-serif; height: 32px; line-height: 2; padding: 0 10px; text-transform: uppercase;
}
.section-header-banner { background: #f6dd07; display: inline-block; font: normal 18px "MeranProSmConBoldItalic", Arial, sans-serif; left: -12px; padding: 2px 13px; position: absolute; top: -10px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); text-decoration: none !important;
}
#left-sidebar .static-content { padding: 15px; background: #f1f1f1;
}
.section-header-banner a { text-decoration: none !important;
}
.section-header-banner.middle { margin-top: 180px;
}
.section-content { background: #fff; padding: 10px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
a.more-btn { background: #fea700; font-size: 16px; font-weight: bold; height: 30px; line-height: 2; padding: 2px 10px; position: absolute; right: 0; top: 0; text-decoration: none;
}
a.more-btn:hover { color: #fff;
}
.secondary-nav { left: -11px; position: absolute; top: 50px; width: 245px; z-index: 99;
}
.secondary-nav > ul > li { background-color: #181818; background: rgba(0, 0, 0, 0.8); padding: 0;
}
.secondary-nav > ul > li > a { border-bottom: 1px solid #ee4aa9; color: #fff; display: block; padding: 4px 20px; text-decoration: none; text-transform: uppercase;
}
.secondary-nav > ul > li > a.end,
.secondary-nav > ul > li:last-child a,
.secondary-nav > ul > li ul.end { border: 0;
}
.secondary-nav > ul > li > a:hover { background: #181818; color: #ee4aa6;
}
.secondary-nav > ul > li > a.active,
.secondary-nav > ul > li > span.currentsection { background: #ee4aa9; color: #fff;
}
.secondary-nav > ul > li > a.open { background: #181818 url("http://saic.edu/media/saic/styleassets/images/nav-arrows.png") no-repeat 215px -20px;
}
.secondary-nav > ul > li > a.closed { background: #181818 url("http://saic.edu/media/saic/styleassets/images/nav-arrows.png") no-repeat 215px 12px;
}
.secondary-nav > ul > li > a.closed:hover { background: #181818 url("http://saic.edu/media/saic/styleassets/images/nav-arrows.png") no-repeat 215px 12px;
}
.secondary-nav > ul > li > ul { border-bottom: 1px solid #ee4aa9;
}
.secondary-nav > ul > li > ul > li a { color: white; text-decoration: none; border: 0; padding: 5px 2px 5px 30px; display: block;
}
.secondary-nav > ul > li > ul > li a.active:hover { color: #fff;
}
.secondary-nav > ul > li > ul > li a:hover { background: #181818; color: #ee4aa9;
}
.secondary-nav > ul > li.closed > a { background: #181818 url("http://saic.edu/media/saic/styleassets/images/nav-arrows-down.png") no-repeat 215px 12px; background: transparent url("http://saic.edu/media/saic/styleassets/images/nav-arrows-down.png") no-repeat 215px 12px; padding: 5px 33px 5px 20px;
}
.secondary-nav > ul > li.closed > a:hover { background: #181818 url("http://saic.edu/media/saic/styleassets/images/nav-arrows-down.png") no-repeat 215px 12px; background: transparent url("http://saic.edu/media/saic/styleassets/images/nav-arrows-down.png") no-repeat 215px 12px; color: #ee4aa6;
}
.secondary-nav > ul > li.closed > span.currentsection { background: #ee4aa9 url("http://saic.edu/media/saic/styleassets/images/nav-arrows-down.png") no-repeat 215px 12px; color: #fff; display: block; padding: 5px 33px 5px 20px; text-decoration: none; text-transform: uppercase;
}
.secondary-nav > ul > li > span.currentsection { border-bottom: 1px solid #ee4aa9; color: #fff; display: block; text-decoration: none; text-transform: uppercase; padding: 4px 20px;
}
.secondary-nav > ul > li > ul > li > span.currentsection,
.secondary-nav > ul > li > ul > li > ul > li > span.currentsection { border-bottom: 0; color: #fff; display: block; text-decoration: none; padding: 4px 5px 4px 30px; background: #ee4aa9;
}
#left-sidebar .secondary-nav { position: relative; top: 0; width: 236px;
}
#page-content .secondary-nav ul,
.secondary-nav ol { margin-bottom: 0;
}
#page-main-feature { float: left; height: 295px; position: relative; width: 725px; box-shadow: 0 0 5px #333; -moz-box-shadow: 0 0 5px #333; -webkit-box-shadow: 0 0 5px #333;
}
#page-main-feature .slides-container { display: none; width: 725px;
}
#page-main-feature .slides-container div.slide { display: block; height: 295px; width: 725px; overflow: hidden;
}
#page-main-feature .slides_control { width: 725px !important;
}
#page-main-feature .caption { top: 140px; left: -11px; position: absolute;
}
#page-main-feature .caption h2 { background: #f6dd07; display: inline-block; font: normal 22px "MeranProSmConBoldItalic", Arial, sans-serif; padding: 0px 20px; color: #333;
}
#page-main-feature .caption p { background: url("http://saic.edu/media/saic/styleassets/images/dark-transparency.png") repeat; color: #fff; margin: 0 25px; padding: 10px; width: 325px;
}
#page-main-feature .imgcaption { float: right;
}
#page-main-feature .slides-pagination { bottom: 20px; margin: 0 auto; padding-left: 30px; overflow: hidden; position: relative; width: 80px; z-index: 95;
}
#page-main-feature .slides-pagination-extended { bottom: 20px; margin: 0 auto; padding-left: 30px; overflow: hidden; position: relative; width: 110px; z-index: 95;
}
#page-main-feature.extended .slides-pagination { bottom: 20px; margin: 0 auto; padding-left: 30px; overflow: hidden; position: relative; width: 110px; z-index: 95;
}
#page-main-feature .slides-pagination li { float: left; list-style: none; margin: 0 3px;
}
#page-main-feature .slides-pagination li a { background: url("http://saic.edu/media/saic/styleassets/images/slides-pagination.png") no-repeat top center; display: block; height: 0; overflow: hidden; padding-top: 7px; text-decoration: none; width: 7px;
}
#page-main-feature .slides-pagination li.active a { background-position: center -8px;
}
#page-content.news-press div.caption { color: #fff; line-height: 14px; bottom: 0; background: none; width: 100%; display: block; top: auto !important; left: 0 !important; font-family: "Droid Sans" !important; font-size: 12px; padding: 15px 15px 15px 0px; text-decoration: none !important; font-style: normal;
}
#page-main-feature.department-slider { height: 375px; margin-bottom: 20px; box-shadow: 2px 2px 5px #ccc; -moz-box-shadow: 2px 2px 5px #ccc; -webkit-box-shadow: 2px 2px 5px #ccc;
}
#page-main-feature.department-slider div.slide { height: 375px;
}
div.caption { color: #fff; line-height: 14px; bottom: 0; background: rgba(0, 0, 0, 0.5); width: 100%; display: none; top: auto !important; left: 0 !important; font: normal 18px "MeranProSmConNormal", Arial, sans-serif; padding: 15px 15px 15px 60px; position: absolute; text-decoration: none !important; font-style: italic;
}
.slide .icon { bottom: 0; color: #fff; z-index: 100; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.9); position: absolute; font-size: 28px; margin: 0 0 0 15px;
}
.slide a:hover > .caption { display: block;
}
#page-main-feature .slides-pagination { bottom: 29px; margin: 0 auto; padding-left: 30px; overflow: hidden; position: relative; z-index: 95; float: right; padding-right: 10px; width: auto; right: 15px;
}
#page-main-feature .slides-pagination li.active a { background-position: center -8px; background: #fff;
}
#page-main-feature .slides-pagination li a { background: rgba(255, 255, 255, 0.5); display: block; height: 0; overflow: hidden; padding-top: 6px; text-decoration: none; width: 6px; border-radius: 6px;
}
#qrcode { display: none; background: #f7f7f7 url("http://saic.edu/media/saic/styleassets/images/gray-scanlines.jpg") repeat; border: 1px solid #ccc; padding: 10px 10px 6px 10px; width: 120px;
}
#qrcode img { padding: 0;
}
#page-content ul.btn-group { overflow: hidden;
}
#page-content ul.btn-group li { float: left; margin-right: 10px;
}
#page-content ul.btn-group li.end { margin-right: 0;
}
#page-content ul.btn-group li a { width: 192px;
}
#page-content #left-sidebar ul.btn-group li { float: none; margin: 0;
}
#page-content #left-sidebar ul.btn-group li a { width: inherit;
}
.two-column-left-sidebar .filter .section-header-banner { padding-right: 70px;
}
.two-column-left-sidebar .filter-nav li.first { margin-left: 270px;
}
.two-column-left-sidebar .filter-nav { display: inline-block;
}
.filter .section-header-banner { top: -5px; z-index: 10; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
.filter .section-content { background: #e9e9e9; border: 1px solid #ccc;
}
.filter-nav { background: #555; padding: 2px 0 4px 0;
}
.filter-nav li { display: inline; margin: 0 6px;
}
.filter-nav li.first { margin-left: 150px;
}
.filter-nav a { color: #fff; font-size: 11px; text-decoration: none;
}
.search-filters { background: #e9e9e9; border: 1px solid #ccc; display: inline-block; padding: 10px;
}
.search-filters p { margin: 0;
}
#profiles { background: #fff; padding: 20px 0 0 21px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
#profiles img { display: block;
}
#profiles ul { overflow: hidden;
}
#profiles ul li { float: left; padding: 0 26px 20px 0;
}
#profiles ul li.end { padding-right: 0;
}
img#artist-image { padding: 0;
}
#artist-image { border: 1px solid #ccc; padding: 2px; display: block; float: left; margin-right: 25px; width: 335px; height: 320px;
}
#artist-info { background: #e9e9e9; border: 1px solid #ccc; padding: 20px; margin-top: 20px;
}
#artist-info a { color: #ee4aa9;
}
#artist-info a:hover { color: #333;
}
#artist-info .follow-links { margin: 5px 0;
}
#artist-info .follow-links li { display: inline; margin-right: 5px;
}
.artist-work { overflow: hidden;
}
.artist-work li { float: left; padding: 0 5px 5px 0;
}
.artist-work li.end { padding-right: 0;
}
.artist-work img { border: 1px solid #ddd; padding: 2px; display: block;
}
.artist-work img:hover { border-color: #ee4aa9;
}
.writer-work { overflow: hidden;
}
.writer-work li { float: left; padding: 10px; width: 220px;
}
.writer-work li.alt { background: #e9e9e9; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
}
.writer-work.full li { width: 100%;
}
.writer-work li a { background: url("http://saic.edu/media/saic/styleassets/images/icon-pdf.png") no-repeat left center; font-weight: bold; padding: 5px 0 5px 30px; text-decoration: none;
}
.audio-work { overflow: hidden;
}
.audio-work li { float: left; padding: 10px; width: 220px;
}
.audio-work li.alt { background: #e9e9e9; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
}
.audio-work.full li { width: 100%;
}
.audio-work li a { background: url("http://saic.edu/media/saic/styleassets/images/icon-audio.png") no-repeat left center; font-weight: bold; padding: 5px 0 5px 30px; text-decoration: none;
}
#page-content > a.youtube > span { background: #111 url("http://saic.edu/media/saic/styleassets/images/icon-video-sm.png") no-repeat 300px; width: 341px; height: 25px; position: absolute; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); top: 340px; left: 0;
}
ul.thumbnails > li:nth-child(n+9) > a.youtube > span { display: none;
}
ul.thumbnails > li > a.youtube > span { background: #111 url("http://saic.edu/media/saic/styleassets/images/icon-video-sm.png") no-repeat 82px; width: 116px; height: 25px; position: absolute; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); margin-top: 80px;
}
.mixed-work-wimg { margin: 0 0 10px 362px; padding-bottom: 10px; width: 370px;
}
.mixed-work { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 10px;
}
.mixed-work h3,
.mixed-work-wimg h3 { font-size: 16px; text-transform: uppercase;
}
.mixed-work .thumbnails li,
.mixed-work-wimg .thumbnails li { float: left; padding: 0 5px 5px 0;
}
.mixed-work .thumbnails li.end,
.mixed-work-wimg .thumbnails li.end { padding-right: 0;
}
.mixed-work img,
.mixed-work-wimg img { border: 1px solid #ccc; padding: 2px; display: block;
}
.mixed-work img:hover,
.mixed-work-wimg img:hover { border-color: #ee4aa9;
}
.mixed-work ul,
.mixed-work-wimg ul { margin-bottom: 0; overflow: hidden; max-height: 320px; overflow: hidden;
}
.mixed-work li,
.mixed-work-wimg li { padding: 10px;
}
.mixed-work li.alt,
.mixed-work-wimg li.alt { background: #e9e9e9; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
}
.mixed-work .audio li a,
.mixed-work-wimg .audio li a { background: url("http://saic.edu/media/saic/styleassets/images/icon-audio.png") no-repeat left center; font-weight: bold; padding: 5px 0 5px 30px; text-decoration: none;
}
.mixed-work .pdf li a,
.mixed-work-wimg .pdf li a { background: url("http://saic.edu/media/saic/styleassets/images/icon-pdf.png") no-repeat left center; font-weight: bold; padding: 5px 0 5px 30px; text-decoration: none;
}
.search { background: url("http://saic.edu/media/saic/styleassets/images/magenta-scanlines.png") repeat; border: 1px solid #ccc;
}
.search h3 { font-size: 16px;
}
.search .section-content { background: none;
}
.search label { font-size: 10px;
}
.search input[type="radio"] { width: 11px;
}
.search input[type="text"] { color: #999; font-size: 10px;
}
.search input[type="text"],
.search select,
.search input[type="submit"] { border: 1px solid #ccc; margin: 8px 0; padding: 3px; width: 195px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.search select { color: #999; font-size: 10px; width: 201px;
}
.search input[type="submit"] { background: url("http://saic.edu/media/saic/styleassets/images/button.jpg") repeat-x center -4px; border-color: #999; margin-top: 10px; text-transform: uppercase; width: 201px;
}
.search input[type="submit"]:hover { color: #fff; cursor: pointer;
}
.search #reset-all a { color: black; text-decoration: none; background: #3b3b42; background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#ababab)); background: -moz-linear-gradient(top, #f1f1f1, #ababab); border: 1px solid #999; margin-bottom: 5px; padding: 4px 10px; text-decoration: none; text-transform: uppercase;
}
.related-profiles .section-content { overflow: hidden; padding-bottom: 5px;
}
.related-profiles li { float: left; padding: 0 5px 5px 0;
}
.related-profiles li.end { padding: 0;
}
.related-profiles img { display: block;
}
#page-content .related-profiles li { padding-right: 16px;
}
#page-content .related-profiles li.end { padding-right: 0;
}
.news-events div,
.announcements div,
.accomplishments div { padding: 5px;
}
.news-events .alt,
.announcements .alt,
.accomplishments .alt { background: #fff9ed;
}
.event_content .event_image h3,
.event_listing .event_image h3 { font-size: 11px;
}
.event_content .event_locationdatetime,
.event_listing .event_locationdatetime { font-weight: bold;
}
.event_content .event_title,
.event_listing .event_title { border-bottom: 1px solid #fea700; font-size: 24px; margin-bottom: 15px; padding-top: 34px;
}
.event_content .event_saiconly,
.event_listing .event_saiconly { font-style: italic; font-size: 11px;
}
.event_listing { clear: both;
}
.event_listing .event_leftcolumn,
.event_listing .event_rightcolumn { float: left; padding-right: 20px;
}
.event_listing .event_rightcolumn { width: 460px;
}
.event_listing .event_image img,
.event_listing .event_image h3 { width: 225px;
}
.event_listing .event_locationdatetime { margin-top: -18px; padding-top: 0;
}
.event_content .article-tags,
.event_rightcolumn .article-tags { margin: 10px 0;
}
.four-column-list { -moz-column-count: 4; -moz-column-gap: 0; -webkit-column-count: 4; -webkit-column-gap: 0; column-count: 4; column-gap: 0;
}
.four-column-list li { line-height: 1.2; list-style: circle inside; padding: 10px 10px 10px 25px; text-indent: -12px;
}
.four-column-list li a { text-decoration: none;
}
.portfolio-block .section-header-banner { top: 95px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
.portfolio-block img { display: block;
}
.department-nav { background: #f7f7f7 url("http://saic.edu/media/saic/styleassets/images/gray-scanlines.jpg") repeat; border: 1px solid #ccc; width: 365px;
}
.department-nav .section-content { background: none;
}
.department-nav h3 { font-size: 16px; margin-bottom: 8px;
}
.department-nav li a { font-weight: bold; text-decoration: none;
}
.department-nav li a:hover { color: #ee4aa9;
}
.course-detail { padding: 55px 20px 20px 20px;
}
.course-detail h2 { background: #f6dd07; font-size: 22px; font-style: italic; font-weight: bold; left: 0; padding: 3px 20px; position: absolute; top: 0; width: 100%; box-shadow: 0 2px 5px #999; -moz-box-shadow: 0 2px 5px #999; -webkit-box-shadow: 0 2px 5px #999;
}
.course-detail h3 { font-size: 14px; font-weight: bold;
}
#page-content ul.idTabs { margin-left: 0; padding: 0;
}
#page-content ul.idTabs > li { margin: 0; list-style-type: none;
}
#page-content ul.idTabs li { float: left; margin-right: 1px;
}
#page-content ul.idTabs li a { background: #e6e6e6; display: block; padding: 3px 10px; text-align: center; text-decoration: none; text-transform: uppercase; color: #333;
}
#page-content ul.idTabs li a:hover { background: #eedde7;
}
#page-content ul.idTabs li a.active { background: #ee4aa9; color: #fff;
}
#main-content .course-detail { display: none;
}
#page-content ul.newsevTabs { margin-left: 0; padding: 0; display: block; margin-bottom: 30px;
}
#page-content ul.newsevTabs > li { margin: 0; list-style-type: none;
}
#page-content ul.newsevTabs li { float: left; margin-right: 1px;
}
#page-content ul.newsevTabs li a { background: #e6e6e6; display: block; padding: 3px 10px; text-align: center; text-decoration: none; text-transform: uppercase; color: #333;
}
#page-content ul.newsevTabs li a:hover { background: #eedde7;
}
#page-content ul.newsevTabs li a.active { background: #ee4aa9; color: #fff;
}
.dept-detail { padding: 55px 20px 20px 20px;
}
.dept-detail h2 { background: #f6dd07; font-size: 22px; font-style: italic; font-weight: bold; left: 0; padding: 3px 20px; position: absolute; top: 0; width: 100%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
#main-content .dept-detail { display: none;
}
.related-nav .section-header { background: 0; border: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 10px;
}
#main-content .btn-group { background: url("http://saic.edu/media/saic/styleassets/images/orange-scanlines.jpg") repeat; border: 1px solid #fea700; padding: 10px 10px 5px 10px;
}
#overview-image { float: left; margin: 0 20px 20px 0;
}
.article-abstract { border-bottom: solid 2px #ccc; padding: 20px; position: relative;
}
.article-abstract.alt { background: #e9e9e9;
}
.article-abstract h2 { font-size: 24px; line-height: 1.2;
}
.article-abstract img { float: left; margin-right: 20px;
}
.article-abstract h3,
.article-abstract p { margin-left: 0px;
}
.copy-column { margin-left: 110px;
}
.news-sidebar .article-abstract h3,
.article-abstract p { margin-left: 0; font-size: 12px;
}
.tag-cloud a { background: #ee4aa9 url("http://saic.edu/media/saic/styleassets/images/month-arrow.png") no-repeat top left; border-right: 1px solid #ee4aa9; color: #fff; display: inline-block; margin: 0 2px 5px 0; padding: 2px 10px 3px 20px; text-decoration: none;
}
.tag-cloud a:hover { background-position: bottom left;
}
.article { position: relative; padding-top: 15px;
}
#article-image { margin-bottom: 4px;
}
#article-image img { display: block;
}
.article .cal-date-container { position: relative; left: 0; top: 0; padding-top: 10px; color: #999; font-size: 12px;
}
.article .cal-month { background: #fea700 url("http://saic.edu/media/saic/styleassets/images/month-arrow.png") no-repeat center right; display: block; font-size: 10px; padding-right: 5px; text-align: center; text-transform: uppercase; width: 70px;
}
.article .cal-date { display: block; font-size: 48px; line-height: 1.2; text-align: center;
}
.article h2 { border-bottom: 1px solid #fea700; font-size: 24px; margin-bottom: 15px; padding: 6px 0 13px 0px; vertical-align: bottom;
}
.article-tags { background: #e9e9e9; border: 1px solid #ccc; display: inline-block; padding: 5px 10px;
}
.article-tags li { display: inline; padding: 0 5px;
}
.article-tags li a { color: #ee4aa9;
}
.article-tags li a:hover { color: #000;
}
.expand-menu { position: relative; z-index: 999;
}
.expand-menu ul li { background: #ee4aa9 url("http://saic.edu/media/saic/styleassets/images/nav-arrows.png") no-repeat 205px 17px;
}
.expand-menu ul li a { color: #fff; display: block; padding: 8px 10px; text-decoration: none; text-transform: uppercase;
}
.expand-menu ul li ul { background: #181818; display: none; padding: 5px 0; position: absolute; width: 225px; z-index: 9;
}
.expand-menu ul li ul li a { background: #181818; padding: 2px 2px 2px 30px;
}
.expand-menu ul li ul li a:hover { color: #ee4aa9;
}
.pagination { margin: 20px 0 0 0; overflow: hidden;
}
.pagination li,
.pagination a,
.pagination .currentpage { border: 1px solid #ccc; float: left; list-style: none; margin: 0 3px 0 0;
}
.pagination li a,
.pagination a,
.pagination .currentpage { background: #fff; display: block; font-size: 11px; padding: 2px 7px; text-decoration: none;
}
.pagination li a:hover,
.pagination a:hover { background: #eee;
}
.pagination li a.current,
.pagination .currentpage { background: #333; color: #fff;
}
#page-content ul.pagination.section li { list-style: none; border: 0; margin: 0;
}
div#page-content ol#pagination { width: 320px; padding: 0;
}
div#page-content ol#pagination li { position: relative; top: -22px; list-style: none; float: left; margin: 3px;
}
div#page-content > ol#pagination li.prev { left: -12px;
}
div#page-content > ol#pagination li.next { float: right;
}
.social-media ul { margin-bottom: 0;
}
.social-media ul li { display: inline; margin: 0 8px 0 0;
}
.connect { list-style: none; display: inline; margin: 0 0 0 -4px;
}
.connect a { text-decoration: none;
}
span#BannerImageCaption span.marg-r { margin-right: 100px;
}
#sm-twitter { margin-top: 10px;
}
#sm-twitter .twitter-feed { padding-top: 25px;
}
#sm-twitter.twitter.section { background: #fff;
}
.twitter .section-content { padding: 5px;
}
.twitter-feed li { padding: 10px;
}
.twitter-feed li.tweet_even { background: #fff9ed;
}
.twitter-feed .tweet_time a { color: #999; display: block; font-size: 11px; margin-top: 5px; text-decoration: none;
}
.twitter .tweet_first { padding-top: 0;
}
.facebook .section-header-banner { margin-bottom: 10px; position: relative; top: 0;
}
.sharrre .button { float: left; width: 60px;
}
/* .twitter .section-header-banner { position: relative; top: 0; } */
.rss img { display: block; float: left; margin: 4px 10px 0 0;
}
#feature-intro { margin-left: 745px; padding-top: 10px; width: 240px; height: 330px;
}
#video-feed { background: #e9e9e9; border: 1px solid #ccc; margin-top: 10px; padding: 30px 10px 10px 10px; float: left; width: 703px;
}
#video-feed.section { margin-bottom: 10px;
}
#video-feed .btn { bottom: 10px; margin: 0; position: absolute; right: 10px; text-align: center; text-transform: none; width: 195px;
}
#video-feed #embed { float: left; height: 280px; width: 475px;
}
#video-list { height: 245px; margin-left: 485px; overflow: auto; width: 218px;
}
#video-list li { border-bottom: 1px solid #ccc; clear: both; margin-bottom: 10px; padding-bottom: 10px; overflow: hidden;
}
#video-list li img { float: left; height: 45px; margin-right: 5px; width: 55px;
}
#video-list li p { font-weight: bold;
}
.blogs { background: #e9e9e9; border: 1px solid #ccc; margin-top: 10px; padding: 35px 10px 5px 10px;
}
.blogs a img { display: block; float: left; padding: 0 6px 12px 6px; position: relative;
}
.scroller { height: 330px;
}
.row { overflow: hidden;
}
#dashboard-main-feature { margin-bottom: 30px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
#dashboard-main-feature img { display: block;
}
#dashboard-main-feature .section-header-banner { top: 300px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
.three-column #dashboard-main-feature .section-header-banner { top: 150px;
}
.tools-resources,
.page-quicklinks { background: #e9e9e9; border: 1px solid #ccc;
}
.tools-resources .section-content,
.page-quicklinks .section-content { background: none; overflow: hidden; padding-top: 30px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
}
.tools-resources .callouts li { padding: 0; width: 224px; margin-bottom: 10px;
}
.tools-resources .callouts img { border: 1px solid #ccc; float: left; margin-right: 10px;
}
.tools-resources .callouts li a { background: none; padding: 0;
}
.tools-resources .callouts p { margin: 0;
}
.tools-resources li { float: left; padding: 2px 2px 2px 5px; width: 217px;
}
.tools-resources li.alt,
.page-quicklinks li:nth-child(odd) { background: #f6f6f6;
}
.tools-resources li a { background: url("http://saic.edu/media/saic/styleassets/images/icon-orange-arrow.png") no-repeat left center; padding-left: 15px; text-decoration: none;
}
.tools-resources li a:hover,
.page-quicklinks li a:hover { text-decoration: underline;
}
.page-quicklinks li { float: left; padding: 2px 2px 2px 5px; width: 99%;
}
.page-quicklinks li a { background: url("http://saic.edu/media/saic/styleassets/images/icon-orange-downarrow.png") no-repeat left center; padding-left: 15px; text-decoration: none;
}
#main-content .jobs .btn-group { padding-top: 30px;
}
.related-links .btn-group { padding-top: 25px;
}
.academics .btn-group { padding-top: 25px;
}
.faculty-resources .section-content { background: #e9e9e9; border: 1px solid #ccc; overflow: hidden; padding-bottom: 0;
}
.faculty-resources img { border: 1px solid #ccc; float: left; margin-right: 10px;
}
.faculty-resources li { float: left; margin-bottom: 10px; width: 100%;
}
.faculty-resources li a { text-decoration: none;
}
.faculty-resources li a:hover { text-decoration: underline;
}
.blogs-side .section-content { background: #e9e9e9; border: 1px solid #ccc; overflow: hidden; padding-bottom: 0;
}
.blogs-side img { border: 1px solid #ccc; float: left; margin-right: 10px;
}
.blogs-side li { float: left; margin-bottom: 10px; width: 100%;
}
.blogs-side li a { text-decoration: none;
}
.courses div { padding: 5px;
}
.courses a { color: #ee4aa9;
}
.courses a:hover { color: #000;
}
.courses div .alt { background: #e9e9e9;
}
.courses span { display: block;
}
.result { margin-bottom: 15px; padding: 5px;
}
.result a { color: #ee4aa9; text-decoration: none;
}
.result a:hover { text-decoration: underline;
}
.result.alt { background: #e9e9e9;
}
.result p { margin-bottom: 5px;
}
.result small { margin: 0;
}
.result small a { color: #333;
}
.saicdays td { width: 33%;
}
/*** End Section Modules ***/
/* Adjustment to image captions */
#BannerImageCaption,
.body-content-caption { color: #7d7d7d; font-size: 0.9em; line-height: 1.15em;
}
/*** Profile Captions ***/
.caption-block { position: relative; overflow: hidden; width: 150px; height: 135px; background: #111 url("http://saic.edu/media/saic/styleassets/images/thumb_headshot.jpg") no-repeat center center;
}
.caption-overlay { color: #fff; display: none; z-index: 5; position: absolute; width: 100%; height: 100%; background: #111; bottom: -110px; font-size: 11px; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);
}
.caption-block strong { display: block; margin-bottom: 10px; padding: 5px;
}
.caption-block p { margin-bottom: 5px; padding: 5px;
}
/*** End Profile Captions ***/
/*** Blog Tool-Tips ***/
.tooltip-content { display: none;
}
#arrow { background: url("http://saic.edu/media/saic/styleassets/images/tooltip-arrow.png") no-repeat left center; height: 16px; position: absolute; top: 50px; left: -10px; width: 11px; z-index: 9999;
}
#tip-content-wrap { background: #fff; border: 1px solid #ccc; font-size: 11px; left: 0; top: 15px; min-height: 55px; padding: 35px 10px 10px 10px; position: absolute; width: 210px; z-index: 20; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
#tip-content-wrap strong { background: #f6dd07; display: block; font: normal 14px "MeranProSmConBoldItalic", Arial, sans-serif; padding: 5px 10px; position: absolute; top: 0; left: 0; width: 210px;
}
/*** ***/
/* No Javascript display fixes */
.no-js .home-caption { top: 500px;
}
.no-js #share { display: none;
}
.no-js #audience-nav li ul { display: block;
}
.no-js #slide-nav { display: none;
}
.no-js .expand-menu ul li ul { display: block; position: relative;
}
.no-js .caption-overlay { display: block;
}
/* End No Javascript display fixes */
/* IE fixes */
.lt-ie8 #search #search-bar { height: 11px;
}
.lt-ie8 #page-header h2 { display: inline;
}
.lt-ie8 #page-main-feature .caption h2 { display: inline;
}
.lt-ie8 #header { position: relative; z-index: 9998;
}
.lt-ie8 #page-header { margin: 10px 0 15px 0; top: auto;
}
/* End IE fixes */
/*** Footer ***/
#footer { background: url("http://saic.edu/media/saic/styleassets/images/footer-arrow-pattern.png") repeat-x top #000; position: relative; z-index: 9;
}
#footer-content { color: #fff; font-size: 11px; margin: 0 auto; padding: 30px 0 10px 0; width: 990px;
}
#footer-content a { color: #fff; text-decoration: none; -webkit-transition: .2s all linear; transition: .2s all linear;
}
#footer-content a:hover { color: #bbb;
}
#footer-content #text-logo { margin-bottom: 10px;
}
.footer-nav { float: left; margin-right: 25px; width: 150px;
}
.footer-nav h4 { background: #f6dd07; color: #000; display: inline-block; font-size: 12px; font-weight: bold; margin-bottom: 10px; padding: 2px 5px;
}
.footer-nav li { list-style: none outside; padding-bottom: 5px;
}
#school-info { float: left; margin: 0 25px 0 20px; width: 215px;
}
#school-info li { list-style: none outside; padding: 0;
}
#copyright { font-size: 11px; clear: both; display: block; margin-left: 20px;
}
#expand-footer-bar { background: url("http://saic.edu/media/saic/styleassets/images/expand-bar-bg.gif") repeat-x 0 24px; bottom: 28px; height: 35px; overflow: hidden; position: absolute; width: 100%;
}
#expand-footer { margin: 0 auto; width: 990px;
}
#expand-footer a { background: #100a01; border: 1px solid #444; border-bottom: 0; color: #ee4aa9; display: block; font-size: 11px; left: -6px; line-height: 2.2; position: relative; text-align: center; text-decoration: none; width: 150px;
}
#expand-footer a:hover { color: #fff;
}
#resources-nav-container { background: #ccc; padding: 5px 0; position: relative; z-index: 9;
}
#resources-nav { margin: 0 auto; text-align: center; width: 940px;
}
#resources-nav li { display: inline; padding: 0 10px;
}
#resources-nav li a { font-size: 9px; font-weight: bold; text-decoration: none; text-transform: uppercase;
}
/*** End Footer ***/
/*** T4 DirectEdit Fixes ***/
.t4-de-box { z-index: 2;
}
.t4Editing .hm-cn { display: none;
}
/*** End T4 DirectEdit Fixes ***/
/*** Cycle 2 ***/
.gallery-con { width: 750px; margin: 0 auto;
}
.cycle-slideshow { width: 540px; height: 620px; background: #eee; border: 1px solid #ccc; float: left;
}
.cycle-slideshow img { max-width: 520px; height: auto; max-height: 600px; display: block;
}
.gallery-con .thumb { height: 40px; width: 40px; margin: 10px 0px 0 10px;
}
#custom-caption { padding: 5px 0;
}
.gal-nav { background: #ddd; border-bottom: 1px solid #999; padding: 5px 7px; cursor: pointer; height: 15px; display: inline-block; margin-right: 5px;
}
#custom-caption,
.nav-con { float: left;
}
#custom-caption { margin-left: 10px; background: #ddd; padding: 6px 9px; float: right; border-radius: 15px; color: #666;
}
.nav-con-outer { height: 25px; font-size: 12px; background: #eee; border: 1px solid #ccc; width: 168px; padding: 10px; float: right; margin-right: 8px;
}
.cycle-overlay { z-index: 200; color: #333; bottom: -46px; position: absolute; width: 521px; padding: 10px; height: 25px; margin-left: -1px; right: 0; font-size: 12px; text-align: left;
}
.cycle-overlay > div:first-of-type { font-weight: bold;
}
/*** End Cycle 2 **/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Erik's custom decor bits
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Dark sidebar box, as alternate for generic page-content module */
.dark-sidebar-box { background: #1f1f1f; color: white; padding: 10px; padding-left: 14px;
}
.dark-sidebar-box h2,
.dark-sidebar-box h3 { color: #d7d7d7;
}
.dark-sidebar-box a:hover { color: #ccc;
}
/* For "Low Res MFA Promo" content type -- right sidebar. */
.static-content.low-res-promo { padding: 0px;
}
.static-content.low-res-promo div.lowres1 { background: #7b5fc5; color: white; padding: 10px;
}
.static-content.low-res-promo div.lowres1 a { color: #ff8168;
}
.static-content.low-res-promo div.lowres1:hover { background: #ff8168;
}
.static-content.low-res-promo div.lowres1:hover a { color: white;
}
.static-content.low-res-promo div.lowres2 { background: #ff8168; color: white; padding: 10px;
}
.static-content.low-res-promo div.lowres2:hover { background: #7b5fc5;
}
.static-content.low-res-promo div.lowres2 a { color: white;
}
.static-content.low-res-promo div.lowres2:hover a { color: #ff8168;
}
/* For Grad Open House and Grad Portfolio Day promos -- right sidebar. */
.static-content.section div.grad-open-house { background: black; color: white; padding: 10px; padding-left: 20px;
}
.static-content.section div.grad-open-house h2,
.static-content.section div.grad-open-house h3 { color: #9595c3;
}
.static-content.section div.grad-open-house h3 { text-align: right; font-size: 17px;
}
.static-content.section div.grad-open-house a { color: #ccc;
}
.static-content.section div.grad-open-house a:hover { color: white;
}
/* For Grad Degrees -- "Apply Now" */
.grad-apply-now { background: black; color: white; padding: 10px;
}
.grad-apply-now h3 { text-align: center;
}
.grad-apply-now a { color: #ccc; text-decoration: none;
}
.grad-apply-now a:hover { color: white;
}
/* For Grad Degrees -- "Apply Now", etc; new and pink! */
.conversion-block ul { list-style: none; padding: 0px; margin-bottom: 20px;
}
.conversion-block h2 { font-size: 15px; padding: 15px; padding-top: 0px; text-align: center;
}
.conversion-block a { background: #ee4aa9; color: white !important; padding: 15px; display: block; font-size: 15px; font-weight: bold; border-bottom: 1px solid white; text-align: center; text-decoration: none; -webkit-transition: background 200ms; transition: background 200ms; margin-bottom: 1px;
}
.conversion-block a:last-child { border-bottom: 0px;
}
.conversion-block a:hover { background: #f06abb; color: white !important;
}
/* 2013 holiday art sale promo */
.holiday-artsale-box { width: 350px; color: #00aeef; padding: 16px; border: 1px solid #00bdf3; float: left; margin-right: 30px;
}
.holiday-artsale-box a.purchase { display: block; color: white; background: #00aeef; font-size: 1.25em; padding: 6px; text-align: center; width: 185px; cursor: pointer; text-decoration: none;
}
.holiday-artsale-box a.purchase:hover { background: #00bdf3;
}
/* I forget what this is for*/
#page-content.vap li a { text-decoration: none; color: #333;
}
/* to permit bullets in Alumni profile bio statements */
#artist-info ul:not([class="follow-links"]) { padding-left: 15px;
}
#artist-info ul:not([class="follow-links"]) li { list-style: disc;
}
/* Academic Advising Branch Margin */
.brnch { margin-top: -20px;
}
.event_title a { text-decoration: none; color: #333;
}
.crit-contact li { border-bottom: 1px solid #ddd; padding: 10px 0;
}
.crit-contact li:last-child { border-bottom: none;
}
/*This is for divs that hold small images and captions for manually-built event archives -- like Sullivan Galleries */
.event-pic-box { width: 225px; float: left; margin-right: 25px; margin-bottom: 12px; margin-top: 18px; color: #7d7d7d; font-size: 0.9em; line-height: 1.15em;
}
.event-pic-box img { margin-bottom: 4px;
}
/* For images in the body copy that need captions */
div.image-showcase { color: #7d7d7d; font-size: 0.9em; line-height: 1.15em; margin: 1em 0px 1.5em 0px;
}
/* New Departmental Contact info social media links */
.social-dept { padding: 15px; background: #f1f1f1;
}
.social-dept .icon { display: block; background: #444; width: 25px; height: 25px; color: #fff; line-height: 20px; float: left; margin: 0 4px 0 0; font-size: 25px; text-decoration: none;
}
.social-dept .icon:hover { background: #000;
}
blockquote.faq { quotes: none; padding: 0 20px; font-style: italic; color: #666;
}
.header-link { text-decoration: none !important;
}
/* Correction for image captions on CATE frontpage slideshow */
#page-content .vap-credit p,
.responsive #page-content .vap-credit p { max-width: 624px; font-size: 1em; line-height: 1.4em; padding-top: 3px;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ end: Erik's additions
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* VAP Footnotes */
.vap sup { font-size: 8px;
}
/* CRIT Dashboard */
.tools-resources li:nth-child(1),
.tools-resources li:nth-child(2) { border-top: none;
}
.sub-links li { display: block; background: none !important; border-top: 1px solid #ccc; float: left !important;
}
/* Sidebar Reformat */
@font-face { font-family: "saic-icons"; src: url("fonts/icons/saic-icons.eot"); src: url("fonts/icons/saic-icons.eot?#iefix") format("embedded-opentype"), url("fonts/icons/saic-icons.woff") format("woff"), url("fonts/icons/saic-icons.ttf") format("truetype"), url("fonts/icons/saic-icons.svg") format("svg"); font-weight: normal; font-style: normal;
}
[data-icon]:before { font-family: "saic-icons" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before { font-family: "saic-icons" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.icon { float: left; margin: 5px 5px 5px 0px; font-size: 14px;
}
.social-con .icon { float: left; margin: 0px 2px 0px 0px; font-size: 25px; background: #444; color: #fff; width: 25px; height: 25px; line-height: 100%; -webkit-transition: .2s all linear; transition: .2s all linear; text-decoration: none;
}
.social-con .icon:hover { background: #000;
}
#right-sidebar a:hover { color: #000;
}
#right-sidebar .portfolio-block.section,
#left-sidebar .portfolio-block.section { margin-bottom: 15px; padding-bottom: 26px; clear: both;
}
/*#right-sidebar .portfolio-block.section:hover, #left-sidebar .portfolio-block.section:hover { background: #fff;
}*/
/* #action-nav li.social {
padding: 10px 0;
float: right;
position: relative;
margin: -10px 2px 0 0;
}
#action-nav li.social a.icon {
float: left;
background: #000;
width: 18px;
height: 18px;
display: inline-block;
font-size: 18px;
position: relative;
margin: 2px 4px 0 0;
line-height: 100%;
}
#action-nav li.social a.icon:hover { background: #111;
} */
.icon-icon-slideshow:before { content: "a";
}
.icon-icon-play:before { content: "b";
}
.icon-icon-right-arrow:before { content: "c";
}
.icon-icon-download:before { content: "d";
}
#right-sidebar .portfolio-block .section-header-banner,
#left-sidebar .portfolio-block .section-header-banner { display: inline-block; font: normal 14px "MeranProSmConNormal", Arial, sans-serif; left: inherit; padding: 2px 0px; text-decoration: none !important; float: left; margin: 1px 0 8px 0px; position: relative; top: 0px !important; background: none; box-shadow: none !important; width: 90%;
}
#right-sidebar .portfolio-block a,
#left-sidebar .portfolio-block a { display: block; color: #666666;
}
#right-sidebar .portfolio-block a:hover,
#left-sidebar .portfolio-block a:hover { color: #000;
}
/* Three Column - Slideshow */
.three-column #page-main-feature.department-slider { height: 273px; margin-bottom: 20px; box-shadow: 2px 2px 5px #ccc; -moz-box-shadow: 2px 2px 5px #ccc; -webkit-box-shadow: 2px 2px 5px #ccc;
}
.three-column #page-main-feature { float: left; height: 295px; position: relative; width: 470px; box-shadow: 0 0 5px #333; -moz-box-shadow: 0 0 5px #333; -webkit-box-shadow: 0 0 5px #333;
}
.three-column #page-main-feature .slides_control { width: 470px !important; height: 273px !important;
}
.three-column .jobs.section { clear: both;
}
.annual-fund-button-right { padding: 20px; background: #fac747; margin-bottom: 20px; text-align: center; font-weight: bold; text-decoration: none !important; font-size: 15px; display: block; box-shadow: 3px 3px 0px #e9e0cb; margin-top: -12px; color: #333 !important;
}
.annual-fund-button-main { padding: 10px 20px; background: #fac747; text-align: center; font-weight: bold; text-decoration: none !important; display: inline-block; box-shadow: 3px 3px 0px #e9e0cb; color: #333 !important;
}
/* New Stay Connected Links 021814 */
#left-sidebar .social-media .section-header { display: none;
}
#left-sidebar .social-media .section-content { box-shadow: none; padding: 15px; background: #f1f1f1; margin-top: -30px;
}
.social-media ul li { display: inline-block; margin: 0 8px 0 0;
}
.social-media ul li:last-child { margin-right: 0;
}
.social-media .icon.social { background: #333; color: #fff; text-decoration: none; display: inline-block; height: 25px; width: 25px; line-height: 25px; font-size: 25px; margin: 0;
}
.social-media .icon.social:hover { background: #000; color: #fff !important;
}
.social-media ul li { display: inline-block; margin: 0 4px 0 0;
}
.social-media ul { height: 25px; overflow: hidden;
}
/* Dept Slideshow Badge Reformat 20140305 */
.portfolio-block.badge-cen .icon { position: absolute; bottom: 0; color: #fff; font-size: 25px; z-index: 100; margin-left: 15px;
}
.badge-cen .section-header-banner { display: inline-block; font: normal 18px "MeranProSmConNormal", Arial, sans-serif; padding: 15px 15px 15px 60px; position: absolute; text-decoration: none !important; bottom: 0; font-style: italic; color: #fff; background: rgba(0, 0, 0, 0.5); width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: none !important; left: 0; top: auto !important; display: none;
}
.portfolio-block.badge-cen a:hover > .section-header-banner { display: block;
}
#event_slideshow .section-header-banner { display: none; font: normal 18px "MeranProSmConNormal", Arial, sans-serif; padding: 15px 15px 15px 60px; position: absolute; text-decoration: none !important; bottom: 2px; font-style: italic; color: #fff; background: rgba(0, 0, 0, 0.5); width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: none !important; left: 0; top: auto !important; margin: 0;
}
a#event_slideshow:hover > .section-header-banner { display: block;
}
#dashboard-main-feature .portfolio-block .icon,
#dashboard-main-feature.badge-cen .icon { position: absolute; bottom: 0; color: #fff; font-size: 25px; z-index: 100; margin-left: 15px; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.9);
}
#dashboard-main-feature .section-header-banner { display: inline-block; font: normal 18px "MeranProSmConNormal", Arial, sans-serif; padding: 15px 15px 15px 60px; position: absolute; text-decoration: none !important; bottom: 0; font-style: italic; color: #fff; background: rgba(0, 0, 0, 0.5); width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: none !important; left: 0; top: auto !important; display: none;
}
#dashboard-main-feature.show .section-header-banner { display: block;
}
.portfolio-block a:hover > .section-header-banner,
#dashboard-main-feature.badge-cen a:hover > .section-header-banner { display: block;
}
#dashboard-main-feature.badge-cen { display: inline-block;
}
div.badge-cap { margin-top: -40px; font-size: .9em;
}
/* Google Site Seach Promo Overrides */
.gs-promotion-table .gs-promotion-image-cell { width: 50px;
}
.gs-promotion-table .gs-promotion-text-cell-with-image span { font-size: 12px;
}
table.gs-promotion-table-snippet-with-image { margin-top: 5px !important;
}
.gs-promotion-table .gs-title { font-size: 16px !important;
}
.gsc-webResult.gsc-result.gsc-promotion { border-color: #F7F7F7; background-color: #E9E9E9; padding: 10px;
}
/*New Homepage CSS*/
.container,
.pag-outer { max-width: 990px; margin: 0 auto;
}
.container { height: 100%;
}
.container .inner { margin: 200px 0 0; display: block; position: absolute; z-index: 10; padding: 25px 25px 40px 25px; color: #fff; width: 330px; background: rgba(0, 0, 0, 0.8); float: left; bottom: 40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.inner p { margin: 8px 0;
}
.pagination-con { display: block; z-index: 10; color: #fff; width: 280px; float: left; /*bottom: 95px;*/ margin-left: 25px;
}
#slides h2 { font-family: "MeranProSmConBoldItalic"; margin: 0;
}
#slides .inner a { text-decoration: none; color: #ee4aa9;
}
#slides .inner h2 a { color: #fff;
}
#slides .inner h2 a:hover { color: #eee; text-decoration: none;
}
#slides a:hover { text-decoration: underline; color: #ee4aa9;
}
#slides { position: relative;
}
#slides .slides-container { display: none;
}
#slides .scrollable { *zoom: 1; position: relative; top: 0; left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%;
}
#slides .scrollable:after { content: ""; display: table; clear: both;
}
.slides-navigation { margin: 0 auto; position: absolute; z-index: 3; top: 46%; width: 100%;
}
.slides-navigation a { position: absolute; display: block;
}
.slides-navigation a.prev { left: 0;
}
.slides-navigation a.next { right: 0;
}
.pagination-con .slides-pagination { position: absolute; z-index: 3; bottom: 58px;
}
.pagination-con .slides-pagination a { border-radius: 15px; width: 8px; height: 8px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII="); margin: 2px 4px 2px 2px; overflow: hidden; text-indent: -100%; background: #aaa;
}
.pagination-con .slides-pagination a.current { background: #fff;
}
#home-footer { bottom: 0 !important; height: 55px !important; position: relative !important; width: 100%;
}
#action-nav ul.social-links li a { background: #000; height: 18px; width: 18px; font-size: 18px; line-height: 18px; margin-right: 4px;
}
#action-nav ul.social-links { display: inline; float: left; position: absolute; margin: -4px 0 0 0;
}
div.lynda-gate { background: #fff; padding: 30px 30px; text-align: center;
}
.lynda-gate a.btn { background: #ee4aa9; color: #fff; text-decoration: none; padding: 14px 24px; display: inline-block; border: none; text-transform: none;
}
.page-profiles #page-main-feature .caption { display: block !important; background: none !important;
}
.page-profiles #page-main-feature .caption p { font-family: 'Droid Sans'; font-size: 12px; font-style: normal;
}
/* Homepage Slides Resize Anchor Top */
#slides ul.slides-container li img { top: 0 !important;
}
/* Calendar Tests 20140701 */
#left-sidebar-calendar { float: left; width: 250px;
}
#left-sidebar-calendar input { width: auto;
}
#calendar_events { width: 680px; float: right;
}
#page-content #left-sidebar-calendar form { width: auto;
}
p.view_period_range { font-size: 14px; background: #eee; padding: 5px 10px; border-bottom: 1px solid #ddd;
}
.view_period_switchers a { background: #eee; padding: 5px 10px; text-decoration: none; border-bottom: 1px solid #ddd;
}
div.event { margin-bottom: 10px;
}
.eventdate a { font-size: 12px; text-decoration: none; color: #888;
}
div.eventwrap { padding: 5px 10px; border-bottom: 1px solid #ddd; margin-bottom: 10px;
}
.eventtitle a { font-size: 14px; text-decoration: none; font-weight: bold;
}
/* SFS Chat Buttons */
.sfs-chat-btn { font-family: "Droid Sans", sans-serif; font-size: 14px; display: inline-block; background-color: #ee4aa9; color: #fff !important; text-decoration: none !important; padding: 10px; width: 225px; padding: 10px; box-sizing: border-box; text-align: center; margin-bottom: 20px;
}
.sfs-chat-btn.na { background-color: #eee; color: #aaa;
}
.fa-comments { position: relative; display: inline-block; vertical-align: middle; font-size: 28px; margin-right: 4px;
}
.sfs-chat-btn.na .sfs-chat-btn-msg { font-size: 12px; color: #aaa;
}
.sfs-chat-btn.na .fa-comments { font-size: 18px; color: #aaa;
}
.course-table-con table { float: left;
}
.sfs-chat-btn-hrs { margin: -10px 0px 25px; text-align: center; display: block; font-size: 10px;
}
/* Admissions Conversion Buttons */
a.admiss-conversion { background: none repeat scroll 0% 0% #EE4AA9; color: #FFF !important; padding: 15px; display: block; font-size: 15px; font-weight: bold; margin-bottom: 1px; text-align: center; text-decoration: none; -webkit-transition: #6363CE 200ms ease 0s; transition: #6363CE 200ms ease 0s; margin-bottom: 1px; border-bottom: none;
}
.conversion-block a.admiss-conversion:last-child { margin-bottom: 15px;
}
.admiss-conversion-invite { background: #fff; padding: 15px; margin: 15px 0;
}
.admiss-conversion-invite a { color: #ee4aa9 !important; background: none; display: inline-block; padding: 0; font-weight: normal; font-size: 13px; text-decoration: underline;
}
.admiss-conversion-invite a:hover { color: #ee4aa9 !important; background: none; display: inline-block; padding: 0; font-weight: normal; font-size: 13px; text-decoration: underline;
}
/* News + Press Article List Styles - Bullets */
.article ul li { list-style: disc; margin-left: 20px;
}
/* Left Column SEO Updates */
#left-sidebar h2 { font-size: 17px; margin: 0;
}
/* RBSC Image Galleries */
img.crop { max-width: 110%; margin-left: -5%;
}
.gallery-grid ul li { float: left; margin: 10px 20px 10px 0px;
}
/* Series Listings */
.series-listing-block { background: #f1f1f1; padding: 0 0 15px; margin-bottom: 15px;
}
.series-listing-block h3 { padding: 0 15px 15px;
}
.series-item { padding: 5px 15px;
}
.series-title { font-weight: bold;
}
.series-current.show { display: block; margin-bottom: 5px;
}
.series-item.active { background: #e3e3e3; padding: 15px; margin: 8px 0;
}
.series-item a { text-decoration: none; display: block;
}
.series-item:hover { background: #ededed;
}
.timeline td { vertical-align: top;
}
.past-events { border-bottom: 1px solid #ccc; margin-top: 60px;
}
/* Event Slideshow Link Indicators */
#event_slideshow { position: relative;
}
#event_slideshow .icon { position: absolute; bottom: 0; color: #fff; font-size: 25px; z-index: 100; margin-left: 25px; display: block; float: left; margin: 5px 5px 5px 10px;
}
.three-column #page-main-feature.department-slider div.slide { height: 275px; width: 470px;
}
/* RESPONSIVE TESTS */
.responsive #header { background: #dedede; height: 210px; box-sizing: content-box;
}
.responsive #main-content { width: inherit; max-width: 990px;
}
.responsive #page-header { left: 0; top: -25px;
}
.responsive #page-header h1 { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
}
.h-zigzag { background: -webkit-linear-gradient(225deg, #dedede 5px, transparent 0) 0 5px, -webkit-linear-gradient(315deg, #dedede 5px, #f7f7f7 0) 0 5px; background: linear-gradient(-135deg, #dedede 5px, transparent 0) 0 5px, linear-gradient(135deg, #dedede 5px, #f7f7f7 0) 0 5px; background-color: #dedede; background-position: left bottom; background-repeat: repeat-x; background-size: 10px 10px;
}
.responsive .two-column-left-sidebar #page-content { float: left; padding-left: 0px; max-width: 725px; box-sizing: border-box; position: relative; padding-right: 15px;
}
.responsive #footer-content { max-width: 990px; width: 100%;
}
.responsive #footer { background: #000;
}
@media screen and (max-width: 769px) { body.responsive { height: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .responsive .two-column-left-sidebar #page-content { float: left; width: 100%; box-sizing: border-box; position: relative; padding: 15px; margin-left: 0; } .responsive #school-info { float: left; margin: 0px 25px 0 0px; width: 100%; padding: 0 25px; box-sizing: border-box; } .responsive .footer-nav { float: left; width: 100%; padding: 25px; box-sizing: border-box; } .responsive #resources-nav { width: 100%; max-width: 940px; } .responsive #resources-nav li { display: inline-block; padding: 10px; } .responsive #saic-logo { position: absolute; left: 0; z-index: 99; width: 82px; } .responsive #action-nav { right: 0; padding-left: 0; background: #333; z-index: 100; position: absolute; overflow-y: hidden; padding-bottom: 20px; margin-top: 25px; max-width: 680px; width: 100%; display: none; } .responsive #action-nav li { display: block; padding: 10px 25px; } .responsive #action-nav li ul.social-links li { display: inline !important; float: left; padding: 0; } .responsive #search { display: none; } .responsive #action-menu-toggle { float: right; color: #fff; padding-right: 20px; margin-top: -6px; font-size: 22px; } .responsive #action-menu-toggle .fa { color: #fff; } .responsive #info-menu-toggle { float: right; color: #fff; padding-right: 20px; margin-top: -6px; font-size: 22px; } .responsive #info-menu-toggle .fa { color: #fff; } .responsive #breadcrumb-nav-header { display: none; } .responsive #main-content { clear: both; margin: 0 auto; position: relative; width: 100%; z-index: 1; } .responsive #institution-links-container { background: #f1f1f1; border-bottom: solid 3px #c9c9c9; padding: 0px 0 20px 0; text-align: right; } .responsive body { width: 100%; overflow-x: hidden; } .responsive .three-column #left-sidebar { float: left; width: 100%; } .responsive .three-column #page-content { float: left; margin-left: 0; width: 100%; } .responsive .section-header-banner { background: #f6dd07; display: inline-block; font: normal 18px "MeranProSmConBoldItalic", Arial, sans-serif; left: 0px; padding: 2px 13px; position: absolute; top: -10px; text-decoration: none !important; } .responsive #header { height: 150px; margin-bottom: 10px; } .responsive #page-header { left: -11px; position: relative; top: 0px; } .responsive #info-nav-container { box-shadow: none; width: 100%; max-width: 990px; } .responsive #info-nav { margin-left: 0; margin: 17px 0px; position: relative; z-index: 100; } .responsive #info-nav li { float: left; position: relative; width: 100%; } .responsive #info-nav .nav-feature { color: #fff; margin-left: 0; padding: 10px 0; width: inherit; } .responsive #info-nav > li:first-child a { width: inherit; } .responsive #info-nav a.info-btn { background: #f1f1f1; border-right: 1px solid #c9c9c9; color: #333; display: block; font: normal 12px "MeranProSmConNormal", Arial, sans-serif; float: left; height: 45px; line-height: 1.2; padding: 10px 0 0 15px; text-decoration: none; text-transform: uppercase; width: 100%; -webkit-transition: .2s all linear; transition: .2s all linear; box-sizing: border-box; } .responsive #info-nav li .sub-nav-container { background: url("../images/info-nav-bg.png") repeat-y; border-top: 1px solid #f86fbe; display: none; left: 0; position: relative; top: 45px; width: 100%; z-index: 98; } .responsive #info-nav li#about .sub-nav-container { left: 0px; } .responsive #info-nav li#academics .sub-nav-container, .responsive #info-nav li#admissions .sub-nav-container, .responsive #info-nav li#financial-aid .sub-nav-container, .responsive #info-nav li#studies-programs .sub-nav-container, .responsive #info-nav li#life .sub-nav-container { left: 0; } .responsive #institution-links-container #school, #institution-links-container #museum { display: none; } .responsive #institution-links { margin: 0 auto; max-width: 965px; width: 100%; } .responsive #share { max-width: 980px; width: 100%; } .responsive .content { max-width: 940px; width: 100%; } .responsive #breadcrumb-nav-footer ul { max-width: 980px; width: 100%; } .responsive #left-sidebar { width: 100%; } .responsive .two-column-right-sidebar #page-content { width: 100%; } .responsive #mid-section { margin-left: 0; width: 100%; padding: 15px; box-sizing: border-box; } .responsive .secondary-nav, .responsive #left-sidebar .secondary-nav { left: 0; position: relative; top: 0; width: 100%; z-index: 99; margin-bottom: 0; } .responsive .secondary-nav > ul > li.closed > a { background: none; } .responsive .two-column-right-sidebar #right-sidebar { float: left; margin-left: 0; width: 100%; padding: 15px; box-sizing: border-box; }
}
/* FONT SWITCH 20150324 */
h1 { font-size: 2em;
}
h2 { font-size: 1.75em;
}
h3 { font-size: 1.35em;
}
p { line-height: 1.6em; margin: 0 0 1.65em 0;
}
a:hover,
p a:hover,
table a:hover,
a:link,
p a:link,
table a:link { text-decoration: none;
}
p a:hover,
table a:hover { color: #E71890;
}
#right-sidebar h2 { font-size: 1.35em;
}
#right-sidebar a:hover { color: #E71890;
}
#right-sidebar .btn-group a:hover,
#left-sidebar .btn-group a:hover { color: #000;
}
/* Top Navigation */
#info-nav .sub-nav-container ul li a { background: none; border: 0; color: #fff; display: block; float: none; font: bold .98em; height: auto; font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; padding: 0; text-decoration: none; text-transform: none; width: 175px; margin-bottom: 8px;
}
#info-nav .sub-nav-container ul li { padding-bottom: 6px;
}
#info-nav .sub-nav-container ul li ul li a { font-weight: 400; margin: 0; font-size: .9em;
}
#action-nav { font-size: .98em; font-weight: 300;
}
#institution-links { font-size: .92em; font-weight: 300;
}
#action-nav li { padding: 10px 11px;
}
#search { right: 0px;
}
#search #search-bar { width: 136px;
}
#breadcrumb-nav-header { font-size: .75em;
}
#breadcrumb-nav-header ul { overflow: hidden; padding: 12px 0 0 8px;
}
#breadcrumb-nav-header ul li,
#breadcrumb-nav-footer ul li { color: #ccc; float: left; margin-right: 0; padding: 0;
}
#breadcrumb-nav-footer { font-size: .75em; padding: 10px 0 18px 0;
}
#breadcrumb-nav-header ul li,
#breadcrumb-nav-footer ul li { color: #666; text-decoration: none; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300;
}
#breadcrumb-nav-header ul li a,
#breadcrumb-nav-footer ul li a { color: #666; font: normal 1em Arial, sans-serif; font-family: 'Gotham SSm A', 'Gotham SSm B'; text-decoration: none; font-weight: 300;
}
#breadcrumb-nav-header ul li .separator,
#breadcrumb-nav-footer ul li .separator { background: url("http://saic.edu/media/saic/styleassets/images/breadcrumb-nav-divider.png") no-repeat right; float: right; margin: 0 8px; padding: 0 5px 2px 0; opacity: .3;
}
#institution-links-container { background: #f1f1f1; border-bottom: solid 3px #c9c9c9; padding: 15px 0 0 0; text-align: right;
}
#institution-links li { display: inline-block; padding: 5px 10px;
}
/* Secondary Navigation */
.secondary-nav > ul > li > a { padding: 8px 20px;
}
.secondary-nav > ul > li > ul { border-bottom: 1px solid #ee4aa9; padding: 0;
}
.secondary-nav > ul > li > ul > li a { color: #fff; text-decoration: none; border: 0; padding: 8px 8px 8px 30px; display: block;
}
.secondary-nav > ul > li > ul > li:first-child a { padding: 8px 8px 8px 30px;
}
.secondary-nav > ul > li > ul > li:last-child a { padding: 8px 8px 8px 30px;
}
.secondary-nav > ul > li > ul > li > span.currentsection,
.secondary-nav > ul > li > ul > li > ul > li > span.currentsection { border-bottom: 0; color: #fff; display: block; text-decoration: none; padding: 8px 5px 8px 30px; background: #ee4aa9;
}
.secondary-nav > ul > li.closed > a { background: #181818 url("http://saic.edu/media/saic/styleassets/images/nav-arrows-down.png") no-repeat 215px 15px; background: transparent url("http://saic.edu/media/saic/styleassets/images/nav-arrows-down.png") no-repeat 215px 15px; padding: 8px 33px 8px 20px;
}
.secondary-nav > ul > li.closed > a:hover { background: #181818 url("http://saic.edu/media/saic/styleassets/images/nav-arrows-down.png") no-repeat 215px 15px; background: transparent url("http://saic.edu/media/saic/styleassets/images/nav-arrows-down.png") no-repeat 215px 15px; color: #ee4aa6; background-color: #181818;
}
.secondary-nav > ul > li.closed > span.currentsection { background: #ee4aa9 url("http://saic.edu/media/saic/styleassets/images/nav-arrows-down.png") no-repeat 215px 15px; color: #fff; display: block; padding: 8px 33px 8px 20px; text-decoration: none; text-transform: uppercase;
}
.secondary-nav > ul > li > span.currentsection { border-bottom: 1px solid #ee4aa9; color: #fff; display: block; text-decoration: none; text-transform: uppercase; padding: 8px 20px;
}
/* Page Content */
#page-header { left: -2px;
}
#page-header h1 { padding: 5px 15px;
}
#mid-section { margin-top: 14px;
}
#mid-section h1,
h2,
h3 { margin-bottom: .25em;
}
#page-content h1,
h2,
h3 { margin-bottom: .25em;
}
#page-content h2 { margin-top: 2.25em;
}
#page-content h2:first-of-type { margin-top: 0;
}
#left-sidebar .static-content { padding: 15px 15px 1px 15px; background: #f0f0f0;
}
#left-sidebar h2 { font-size: 1.35em; margin-bottom: .25em;
}
.tools-resources .section-content,
.page-quicklinks .section-content { padding-top: 10px; top: 0px; background: #f0f0f0; position: relative;
}
.tools-resources,
.page-quicklinks { background: none; border: none;
}
.tools-resources,
.page-quicklinks { background: none; border: 1px solid #ccc;
}
.page-quicklinks li { float: left; padding: 8px 2px 8px 5px; width: 99%;
}
a.return-to-top { margin-bottom: 0px; color: #C0C0C0; top: -12px; position: relative;
}
a.more-btn { background: none; font-size: 16px; font-weight: bold; height: 30px; line-height: 2; padding: 2px 10px; position: absolute; right: 0; top: 0; text-decoration: none;
}
#right-sidebar .portfolio-block .section-header-banner,
#left-sidebar .portfolio-block .section-header-banner { display: inline-block; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; left: inherit; font-size: 1em; padding: 2px 0px; text-decoration: none !important; float: left; margin: 5px 0 8px 0px; position: relative; top: 0px !important; background: none; box-shadow: none !important; width: 90%;
}
/* Tables */
#page-content ul.idTabs li a { background: #e6e6e6; display: block; padding: 8px 14px; text-align: center; text-decoration: none; text-transform: uppercase;
}
/* Student Dashboard */
.section-header { background: none; border: none; border-bottom: none; font: normal 18px "MeranProSmConBoldItalic", Arial, sans-serif; height: 32px; line-height: 2; padding: 0 10px; text-transform: none;
}
#dashboard-main-feature .section-header-banner { display: inline-block !important; font: normal 1.6em "MeranProSmConNormal", Arial, sans-serif; padding: 15px 15px 15px 60px; position: absolute; text-decoration: none !important; bottom: 0; font-style: italic; color: #fff; background: rgba(0, 0, 0, 0.4); width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: none !important; left: 0; top: auto !important; margin-bottom: 0;
}
.faculty-resources .section-content { background: #f0f0f0; border: none; overflow: hidden; padding-bottom: 0;
}
#dashboard-main-feature { margin-bottom: 20px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
}
.section-content { background: #fff; padding: 10px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
}
.callouts img { border: none !important; float: left; margin-right: 6px !important;
}
.faculty-resources img { border: none; float: left; margin-right: 6px;
}
.section-content li { font-size: .95em;
}
.tools-resources .section-content li { font-size: .9em;
}
.tools-resources,
.page-quicklinks { background: none; border: none;
}
.tools-resources li { padding: 6px 2px 6px 5px;
}
.section-header-banner { background: none; left: 0px; top: 0px; border-bottom: none; padding: 0px 10px; position: relative; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; text-decoration: none;
}
#main-content .jobs .btn-group { padding-top: 0px;
}
#main-content .btn-group { background: url("") repeat; border: none; padding: 0px; background-color: #f0f0f0;
}
ul.btn-group li + li a { border-top: 1px solid #DEDEDE;
}
li.btn a,
a.btn { background: #f0f0f0; border: none; color: #444; display: block; margin-bottom: 0; padding: 10px 10px; text-decoration: none; text-transform: none;
}
li.btn a:hover,
a.btn:hover { border-color: #dedede;
}
li a:hover { text-decoration: none !important;
}
/* lists */
#departments-column ul li,
#depaos-column ul li,
#areas-study-column ul li { padding: 10px;
}
#departments-column ul li a:hover,
#depaos-column ul li a:hover,
#areas-study-column ul li a:hover { text-decoration: none;
}
.page-quicklinks li { float: left; padding: 5px 2px 5px 5px; width: 99%;
}
#page-content ul,
#page-content ol { margin-bottom: 1.65em;
}
/* Events */
.event_listing { line-height: 1.2em; padding-bottom: 4px;
}
.event_listing .event_locationdatetime { margin-top: 0; padding-top: 0;
}
.event_listing .event_title { line-height: 1.65em;
}
.article-tags { background: #f1f1f1; border: none; display: inline-block; padding: 10px 12px;
}
#page-header h1 a:hover { color: #000;
}
/* News */
#page-main-feature { float: left; height: 295px; position: relative; width: 725px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
}
/* Footer */
#footer-content { color: #fff; font-size: 11px; margin: 0 auto; padding: 30px 0 50px 0; width: 990px;
}
/* Calendar Date addition */
.cal-listing-dates { color: #999; margin-bottom: 2px; font-size: 12px;
}
/* RESPONSIVE TESTS */
.responsive #header { background: -webkit-linear-gradient(225deg, #dedede 5px, transparent 0) 0 5px, -webkit-linear-gradient(315deg, #dedede 5px, #f7f7f7 0) 0 5px; background: linear-gradient(-135deg, #dedede 5px, transparent 0) 0 5px, linear-gradient(135deg, #dedede 5px, #f7f7f7 0) 0 5px; background-color: #dedede; background-position: left bottom; background-repeat: repeat-x; background-size: 9px 9px; height: 210px;
}
/* logo */
.responsive #logo-container a { display: block; width: 135px; height: 166px; background: url("http://saic.edu/media/saic/styleassets/images/saic-logo-sprite.png") -1px -1px; position: absolute; z-index: 1500; text-indent: -9999px; overflow: hidden; background-size: 192%; background-repeat: no-repeat; background-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.responsive #main-content { width: inherit; max-width: 990px;
}
.responsive #page-header { left: 0; top: -25px;
}
.responsive #page-header h1 { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
}
.h-zigzag { background: -webkit-linear-gradient(225deg, #dedede 5px, transparent 0) 0 5px, -webkit-linear-gradient(315deg, #dedede 5px, #f7f7f7 0) 0 5px; background: linear-gradient(-135deg, #dedede 5px, transparent 0) 0 5px, linear-gradient(135deg, #dedede 5px, #f7f7f7 0) 0 5px; background-color: #dedede; background-position: left bottom; background-repeat: repeat-x; background-size: 10px 10px;
}
.responsive .two-column-left-sidebar #page-content { float: left; padding: 0px; margin-left: 40px; max-width: 725px; box-sizing: border-box; position: relative; padding-right: 20px;
}
.responsive #footer-content { max-width: 990px; width: 100%;
}
.responsive #footer { background: #181818;
}
.responsive .resp-sub-nav { display: none;
}
.responsive .resp-aud-nav { display: none;
}
.responsive .cd-secondary-nav-trigger,
.info-nav-toggle,
.search-toggle,
.resp-search { display: none;
}
.workhold { max-width: 480px;
}
.workhold .portfolios,
.workhold .profiles { max-width: 355px;
}
.news-sidebar .copy-column { margin-left: 0;
}
/* MAX WIDTHS for page content */
.responsive #page-content p,
.responsive #page-content ol,
.responsive #page-content .page-quicklinks,
.responsive #page-content h1,
.responsive #page-content h2,
.responsive #page-content h3,
.responsive #page-content h4,
.responsive #page-content h5,
.responsive #page-content h6,
.responsive .event_listing { max-width: 560px;
}
.responsive #page-content ul { max-width: 560px;
}
blockquote { quotes: none; max-width: 500px; margin-bottom: 1.65em; font-size: 1.125em; padding-left: 30px; line-height: 1.6em; border-left: 2px solid #333; color: #888;
}
#artist-info ol,
#artist-info ul { padding-left: 2em; font-size: 1.125em;
}
/*COREY EDITS*/
/*
Gotham font-weight:
Light: 300
Book: 400
Medium: 500
Bold: 700
Black: 800
*/
body { font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; font-weight: 300; font-style: normal; font-size: 71%; letter-spacing: -.01em;
}
h1,
h2,
h3,
h4,
h5,
h6 { line-height: 1.2;
}
h1 { font-size: 2em;
}
h2 { font-size: 2em; /* 1.75em */
}
h3 { font-size: 1.5em; /* 1.35em */
}
p { line-height: 1.6em; margin: 0 0 1.65em 0;
}
#page-content p,
#mid-section p,
#mid-section ul li,
#artist-info p,
#footer-content p,
.event_morelink p { font-size: 1.125em;
}
a:hover,
p a:hover,
table a:hover,
a:link,
p a:link,
table a:link { text-decoration: none;
}
p a:hover,
table a:hover { color: #AD2070;
}
#right-sidebar h2 { font-size: 1.35em;
}
#right-sidebar a:hover { color: #E71890;
}
#right-sidebar .btn-group a:hover,
#left-sidebar .btn-group a:hover { color: #000;
}
/* Audience Nav */
#audience-nav { bottom: 40px !important; top: inherit !important; position: absolute;
}
li.for { padding: 8px 10px !important; color: #fff !important;
}
#cboxTitle p { margin: 0;
}
#profiles ul { max-width: 725px !important; width: 100%;
}
/* Course Descriptions */
.course-detail h2 { font: normal 18px "MeranProSmConBoldItalic", Arial, sans-serif; background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
}
.course-detail h3 { font-size: 1.75em; font-weight: 300;
}
.course-detail p { font-size: 1.125em;
}
#cboxOverlay { background: #000 !important; opacity: .8 !important;
}
#cboxLoadedContent { border: none !important; /*padding: 2px !important;*/
}
#cboxClose { right: 18px !important;
}
/* Global Navigation */
#info-nav-container { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
#info-nav .nav-feature { color: #888; background-color: rgba(0, 0, 0, 0.6); margin-left: 624px; padding: 0 25px; position: absolute; height: 100%;
}
#info-nav .nav-feature img { margin-top: 20px;
}
#info-nav a.info-btn { height: 43px;
}
#info-nav li .sub-nav-container { background-image: none; background-color: rgba(0, 0, 0, 0.85); top: 53px;
}
#info-nav .sub-nav-container ul li { padding-bottom: 6px;
}
#info-nav .sub-nav-container ul li a { background: none; border: 0; color: #fff; display: block; float: none; font: bold .98em; height: auto; font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; padding: 0; text-decoration: none; text-transform: none; width: 175px; margin-bottom: 8px;
}
#info-nav .sub-nav-container ul li ul li a { font-weight: 400; margin: 0; font-size: .9em;
}
#info-nav .sub-nav-items { padding: 20px;
}
#action-nav { font-size: .98em; font-weight: 300;
}
#institution-links { font-size: .92em; font-weight: 300;
}
#action-nav li { padding: 10px 11px;
}
#search { right: 0px;
}
#search #search-bar { width: 136px;
}
#breadcrumb-nav-header { font-size: .75em;
}
#breadcrumb-nav-header ul { overflow: hidden; padding: 12px 0 0 8px;
}
#breadcrumb-nav-header ul li,
#breadcrumb-nav-footer ul li { color: #ccc; float: left; margin-right: 0; padding: 0;
}
#breadcrumb-nav-footer { font-size: .75em; padding: 10px 0 18px 0; border: none;
}
#breadcrumb-nav-header ul li,
#breadcrumb-nav-footer ul li { color: #666; text-decoration: none; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300;
}
#breadcrumb-nav-header ul li a,
#breadcrumb-nav-footer ul li a { color: #666; font: normal 1em Arial, sans-serif; font-family: 'Gotham SSm A', 'Gotham SSm B'; text-decoration: none; font-weight: 300;
}
#breadcrumb-nav-header ul li .separator,
#breadcrumb-nav-footer ul li .separator { background: url("http://saic.edu/media/saic/styleassets/images/breadcrumb-nav-divider.png") no-repeat right; float: right; margin: 0 8px; padding: 0 5px 2px 0; opacity: .3;
}
#institution-links-container { background: #f1f1f1; border-bottom: solid 3px #c9c9c9; padding: 15px 0 0 0; text-align: right;
}
#institution-links li { display: inline-block; padding: 5px 10px;
}
h3.section-header-banner.middle { max-width: 100% !important; margin-bottom: 0;
}
.portfolio-block img { display: block; max-width: 100%; height: auto !important;
}
/* Secondary Navigation */
#left-sidebar .secondary-nav { left: 0;
}
.secondary-nav > ul > li > a { padding: 8px 20px;
}
.secondary-nav > ul > li > ul { border-bottom: 1px solid #ee4aa9; padding: 0;
}
.secondary-nav > ul > li > ul > li a { color: #fff; text-decoration: none; border-bottom: 1px solid rgba(0, 0, 0, 0.15); padding: 8px 8px 8px 30px; display: block;
}
.secondary-nav > ul > li > ul > li > span.currentsection,
.secondary-nav > ul > li > ul > li > ul > li > span.currentsection { border-bottom: 0; color: #fff; display: block; text-decoration: none; padding: 8px 5px 8px 30px; background: #ee4aa9;
}
.secondary-nav > ul > li.closed > a { background: #181818 url("http://saic.edu/media/saic/styleassets/images/nav-arrows-down.png") no-repeat 215px 15px; background: transparent url("http://saic.edu/media/saic/styleassets/images/nav-arrows-down.png") no-repeat 215px 15px; padding: 8px 33px 8px 20px;
}
.secondary-nav > ul > li.closed > a:hover { background: #181818 url("http://saic.edu/media/saic/styleassets/images/nav-arrows-down.png") no-repeat 215px 15px; background: transparent url("http://saic.edu/media/saic/styleassets/images/nav-arrows-down.png") no-repeat 215px 15px; color: #ee4aa6; background-color: #181818;
}
.secondary-nav > ul > li.closed > span.currentsection { background: #ee4aa9 url("http://saic.edu/media/saic/styleassets/images/nav-arrows-down.png") no-repeat 215px 15px; color: #fff; display: block; padding: 8px 33px 8px 20px; text-decoration: none; text-transform: uppercase;
}
.secondary-nav > ul > li > span.currentsection { border-bottom: 1px solid #ee4aa9; color: #fff; display: block; text-decoration: none; text-transform: uppercase; padding: 8px 20px;
}
/* Search bar */
#search input[type="text"],
#search #search-btn { background-color: #000; border: none;
}
#search #search-bar { height: 18px; top: -2px; position: relative; padding-left: 6px;
}
#search input[type="text"] { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; font-size: .9em;
}
/*remove blue outline in chrome */
textarea:focus,
input:focus { outline: 0;
}
/*ILM Slideshows*/
.two-column-left-sidebar #page-main-feature .slides-container { display: none; width: 100%; max-width: 725px;
}
.two-column-left-sidebar #page-main-feature { width: 100%; max-width: 725px;
}
.two-column-left-sidebar #page-main-feature .slides_control { width: 100% !important; height: 375px;
}
.two-column-left-sidebar #page-main-feature .slides-container div.slide { width: 100%;
}
/* Page Content */
#page-header { left: -2px;
}
#page-header h1 { padding: 5px 15px;
}
#mid-section { margin-top: 14px;
}
#mid-section h1,
h2,
h3 { margin-bottom: .25em;
}
#page-content h1,
h2,
h3 { margin-bottom: .25em;
}
#page-content h2 { margin-top: 1.65em;
}
#page-content h2:first-of-type { margin-top: 0;
}
#left-sidebar .static-content { padding: 15px; background: #f0f0f0; width: 206px;
}
#left-sidebar .social-media { width: 236px;
}
#main-content.three-column .left-sidebar .static-content { padding: 15px; background: #f0f0f0; width: 195px;
}
#left-sidebar .static-content p { font-size: 1em;
}
#left-sidebar h2 { font-size: 1.35em; margin-bottom: .25em;
}
a.return-to-top { margin-bottom: 0px; color: #C0C0C0; top: -12px; position: relative;
}
a.more-btn { background: none; font-size: 16px; font-weight: bold; height: 30px; line-height: 2; padding: 2px 10px; position: absolute; right: 0; top: 0; text-decoration: none;
}
#right-sidebar .portfolio-block .section-header-banner,
#left-sidebar .portfolio-block .section-header-banner { display: inline-block; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; left: inherit; font-size: 1em; padding: 2px 0px; text-decoration: none !important; float: left; margin: 5px 0 8px 0px; position: relative; top: 0px !important; background: none; box-shadow: none !important; width: 90%;
}
#right-sidebar .section-content { padding: 20px;
}
#right-sidebar .social-media .section-content { padding: 0;
}
#right-sidebar .news-events .section-content { padding: 10px;
}
#page-main-feature.department-slider { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
}
/* Tables */
#page-content ul.idTabs li a { background: #e6e6e6; display: block; padding: 8px 10px; text-align: center; text-decoration: none; text-transform: uppercase;
}
/* Student Dashboard */
.section-header { background: none; border: none; border-bottom: none; font: normal 18px "MeranProSmConBoldItalic", Arial, sans-serif; height: 32px; line-height: 2; padding: 0 10px; text-transform: none;
}
#dashboard-main-feature .section-header-banner { display: inline-block !important; font: normal 1.6em "MeranProSmConNormal", Arial, sans-serif; padding: 15px 15px 15px 60px; position: absolute; text-decoration: none !important; bottom: 0; font-style: italic; color: #fff; background: rgba(0, 0, 0, 0.4); width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: none !important; left: 0; top: auto !important; margin-bottom: 0;
}
#dashboard-main-feature { margin-bottom: 20px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
}
.section-content { background: #fff; padding: 0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
}
.section-content p { font-size: 1em !important;
}
.faculty-resources .section-content { background: #f0f0f0; border: none; overflow: hidden; padding-bottom: 0;
}
.faculty-resources li { margin-bottom: 0; padding: 10px 10px 0 10px; box-sizing: border-box;
}
.faculty-resources li:last-child { margin-bottom: 10px;
}
.faculty-resources img { border: none; float: left; margin-right: 6px;
}
.social-media ul { padding: 10px;
}
.callouts img { border: none !important; float: left; margin-right: 5px !important;
}
.section-content li { font-size: 1em;
}
.tools-resources .section-content,
.page-quicklinks .section-content { padding-top: 0; padding-right: 10px; top: 0px; background: #f0f0f0; position: relative;
}
.tools-resources,
.page-quicklinks { background: none; border: none;
}
.tools-resources,
.page-quicklinks { background: none; border: 1px solid #ccc;
}
.tools-resources .section-content li { font-size: .95em; padding: 10px 0px 10px 10px; margin-bottom: 0;
}
.tools-resources,
.page-quicklinks { background: none; border: none;
}
.tools-resources li { padding: 10px; width: 220px;
}
.tools-resources .callouts li { width: 220px;
}
.tools-resources li a { background: none; padding-left: 0;
}
.section-header-banner { background: none; left: 0px; top: 0px; border-bottom: none; padding: 0px 10px; position: relative; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; text-decoration: none;
}
#main-content .jobs .btn-group { padding-top: 0px;
}
#main-content .btn-group { background: url("") repeat; border: none; padding: 0px; background-color: #f0f0f0;
}
ul.btn-group li + li a { border-top: 1px solid #DEDEDE;
}
li.btn a,
a.btn { background: #f0f0f0; border: none; color: #444; display: block; margin-bottom: 0; padding: 10px; text-decoration: none; text-transform: none;
}
.responsive ul.btn-group li.btn a { padding: 10px;
}
li.btn a:hover,
a.btn:hover { border-color: #dedede;
}
li a:hover { text-decoration: none !important;
}
.sub-links li { border-top: 1px solid #dedede;
}
/* Search Inputs */
.search input[type="text"],
.search select,
.search input[type="submit"] { max-width: 100%;
}
/* lists */
#departments-column ul li,
#depaos-column ul li,
#areas-study-column ul li { padding: 10px;
}
#departments-column ul li a:hover,
#depaos-column ul li a:hover,
#areas-study-column ul li a:hover { text-decoration: none;
}
#page-content .page-quicklinks .section-content { padding: 0;
}
.page-quicklinks li { float: left; padding: 8px 2px 8px 5px; width: 99%;
}
#page-content ul,
#page-content ol { margin: 0 0 1.65em 0;
}
#page-content ol > li > ul { margin-left: 0px;
}
/* Events */
.event_listing { line-height: 1.2em; padding-bottom: 4px; margin-bottom: 20px;
}
.event_listing .event_locationdatetime { margin-top: 0; padding-top: 0;
}
.event_listing .event_locationdatetime p { margin-bottom: 4px;
}
.event_listing .event_title { font-size: 2em; line-height: 1.25em; padding-top: 0; padding-bottom: 6px;
}
.article-tags { background: #f1f1f1; border: none; display: inline-block; padding: 10px 12px;
}
.article-tags strong { color: #aaa;
}
#page-header h1 a:hover { color: #000;
}
.event_morelink { border: 1px solid #FA73BF; display: inline-block; border-radius: 2px; margin-bottom: 10px; margin-right: 10px;
}
.event_morelink a { padding: 10px 15px; display: block;
}
.event_morelink a:hover { color: #AD2070; border-color: #AD2070;
}
.past-events { border-bottom: none; margin-bottom: 20px; padding-bottom: 0; color: #d3d2d2;
}
.past-evs .event_listing .event_title { border-bottom: 1px solid #ccc;
}
.past-eve .event_title { /*color: #888;*/
}
/* News */
#page-main-feature { float: left; height: 295px; position: relative; width: 725px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
}
/* Footer */
#footer-content { color: #fff; margin: 0 auto; padding: 30px 0 40px 0; width: 990px;
}
.info-nav-toggle { display: none; position: absolute; top: 0; right: 0; font-size: 1em; text-transform: uppercase; color: #bbb; padding: 2em 1em 0;
}
a.info-nav-toggle { color: #bbb;
}
.info-nav-toggle i { font-size: 3em; float: right; margin: -10px 10px 0 10px;
}
#school-info { margin: 0 4% 0 0; width: 30%;
}
#copyright { margin-left: 0;
}
.footer-nav { margin-right: 4%; width: 18%;
}
.footer-nav h4 { background: none; color: #666; font-size: 16px; font-weight: normal; font-family: "MeranProSmConBoldItalic", Arial, sans-serif; padding: 0;
}
.footer-nav li { padding-bottom: 10px;
}
#resources-nav-container { background: #000;
}
#resources-nav li a { color: #666;
}
@media screen and (min-width: 770px) and (max-width: 1029px) { body.responsive { overflow-x: hidden; } #info-nav .sub-nav li { float: none; } .responsive .two-column-left-sidebar #page-content img { max-width: 100%; height: auto !important; } .responsive #info-nav > li { float: left; position: relative; width: 14.28%; } #info-nav #programs > a.pp { width: 100%; } .responsive #info-nav a.info-btn { height: 53px; text-transform: uppercase; width: 100%; box-sizing: border-box; padding: 10px 0 0 10px; } .responsive #info-nav > li:first-child a { width: 100%; } .responsive #info-nav-container { width: 100%; max-width: 990px; } .responsive .info-nav-con { z-index: 1100 !important; } .responsive #share { display: none; } .responsive #institution-links { margin: 0 auto; width: 100%; max-width: 965px; } .responsive #breadcrumb-nav-header { width: 100%; max-width: 700px; margin: 0; padding-left: 140px; } .responsive #breadcrumb-nav-footer { padding-left: 20px; padding-right: 20px; } .responsive #breadcrumb-nav-footer ul { width: 100%; max-width: 980px; } .responsive #resources-nav { width: 100%; max-width: 940px; } .responsive #search { right: 6px; } .responsive #search #search-btn { right: 0; } .responsive #action-nav-container .content { margin: 0; max-width: 940px; width: 100%; } .responsive #action-nav { padding-left: 138px; } .responsive #action-nav ul.social-links { display: none; } .responsive .resp-sub-nav .social-links { display: block; } .responsive .two-column-right-sidebar #page-content { float: none; margin: 0 auto; width: 725px; position: relative; } .responsive .two-column-right-sidebar .secondary-nav { top: 10px; } .responsive .two-column-right-sidebar #right-sidebar { margin-left: 0; } /*.responsive #info-nav .sub-nav-container ul li ul { display: none; }*/ .responsive #info-nav .sub-nav-items { width: 100%; box-sizing: border-box; padding-bottom: 15px; } .responsive #info-nav .nav-feature { display: none; } .responsive #info-nav li .sub-nav { margin: 0 0 15px 0; width: 195px; padding-right: 15px; } .sub-nav > .sub-nav { margin: 0 !important; } .responsive #info-nav .sub-nav-container { top: 52px; } /* .responsive #info-nav .sub-nav-container ul li { padding: 0; }*/ /* .responsive #info-nav .sub-nav-container ul li a { color: #fff; font-weight: 300; padding: 10px 0 10px 0; font-size: .9em; width: 225px; }*/ .responsive #info-nav li#about .sub-nav-container { left: 0px; } .responsive #footer-content { padding: 30px 20px 40px 20px; } .responsive #school-info { margin: 0 4% 0 0; width: 30%; } .responsive .footer-nav { margin-right: 4%; width: 18%; } .responsive #main-content { float: none; margin: 0 auto; width: 725px; position: relative; max-width: 990px; } .course-table-con tbody tr th:nth-child(2), .course-table-con tbody tr td:nth-child(2) { display: none; } #search #search-bar { width: 110px; margin-right: 0; } #left-sidebar #right-sidebar .social-media .section-content { margin-top: 0; background: #f0f0f0; } .three-column #right-sidebar { margin-left: 0; } .responsive h3.section-header-banner.middle { display: none !important; }
}
@media screen and (min-width: 940px) and (max-width: 1029px) { .responsive .two-column-left-sidebar #page-content { position: relative; padding-left: 0; float: left; width: 450px; padding-right: 20px; } .responsive #main-content { width: 860px; } .responsive .two-column-left-sidebar #page-content { width: 580px; } .two-column-left-sidebar #page-main-feature.department-slider { height: 300px; } .two-column-left-sidebar #page-main-feature .slides-container { height: 290px; } .responsive #action-nav { padding-left: 148px; } .responsive #breadcrumb-nav-header { padding-left: 154px; }
}
@media screen and (min-width: 840px) and (max-width: 939px) { .responsive .two-column-left-sidebar #page-content { position: relative; padding-left: 0; float: left; width: 450px; padding-right: 20px; } .responsive #search #search-bar { width: 100px; } .responsive #main-content { width: 800px; } .responsive .two-column-left-sidebar #page-content { width: 520px; } .two-column-left-sidebar #page-main-feature.department-slider { height: 260px; } .two-column-left-sidebar #page-main-feature .slides-container { height: 260px; }
}
@media screen and (min-width: 770px) and (max-width: 839px) { .responsive .two-column-left-sidebar #page-content { position: relative; padding-left: 0; float: left; width: 450px; padding-right: 20px; margin-left: 30px; } .responsive #action-nav li { padding: 10px 8px; } .responsive #search #search-bar { width: 75px; margin-right: 0; } .responsive #main-content { width: 750px; } .responsive .two-column-left-sidebar #page-content { width: 490px; padding-right: 0px; } .two-column-left-sidebar #page-main-feature.department-slider { height: 260px; } .two-column-left-sidebar #page-main-feature .slides-container { height: 250px; }
}
@media screen and (max-width: 769px) { body.responsive { height: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .responsive #home-header { position: relative; width: 100%; z-index: 9999; margin-bottom: -60px; height: 60px; } .responsive .two-column-left-sidebar #page-content { float: left; width: 100%; box-sizing: border-box; position: relative; padding: 20px; margin-left: 0; } .responsive .container .inner { width: 100%; bottom: 0; padding: 20px 20px 30px 20px; } .responsive .container .inner p { margin: 0; } .responsive #slides h2 { margin-bottom: 8px; } .responsive .info-nav-con { height: 100%; background: #2e2e2e; position: fixed; z-index: 4000; overflow-y: scroll; padding: 10px; display: none; width: 100%; box-sizing: border-box; -webkit-overflow-scrolling: touch; } .responsive #page-main-feature.department-slider { height: 210px; margin-bottom: 0; overflow: hidden; width: 100%; } .responsive #page-main-feature .slides-container { margin: 0 auto; } .responsive #page-content .static-content.section { padding: 20px 20px 1px 20px; background: #f0f0f0; } .responsive #page-content .static-content.section h2 { font-size: 1.5em; } .responsive #page-content .social-media .section-content { /* box-shadow: none; padding: 15px; background: #f1f1f1; margin-top: -30px; */ } .responsive .social-media ul { padding: 12px 20px; } .responsive #page-content .social-media .section-header { display: none; } .responsive.profile #page-content { padding: 15px; box-sizing: border-box; } .responsive.profile #profile-image-holder { float: left; margin-bottom: 15px; } .responsive.profile .mixed-work-wimg { margin: 0; padding-bottom: 10px; width: 370px; float: left; } .responsive #info-nav li .ion-ios-arrow-down { z-index: 1000; position: absolute; top: 16px; color: #bbb; } .responsive #info-nav li a.active + .ion-ios-arrow-down { color: #fff; } .responsive #home-footer #resources-nav { text-align: right; max-width: 990px; width: 100%; } #school-info-bar li { display: block; margin-left: 20px; } #school-info-bar { max-width: 970px; width: 100%; } #school-info-container { height: auto; width: 100%; } .responsive #home-footer #resources-nav { text-align: left; max-width: 990px; width: 100%; padding: 0 10px; } .responsive #home-footer #resources-nav ul { text-align: left; } #school-info-bar { max-width: 970px; width: 100%; color: #666; text-align: left; padding: 10px 0; } #school-info-bar a { color: #999; } .responsive .pagination-con { margin-left: 20px; } .responsive .pagination-con .slides-pagination { bottom: 14px; } .responsive .pagination-con .slides-pagination a { width: 6px; height: 6px; margin: 2px 4px 2px 2px; } .responsive #slides .inner > a { color: #ee4aa9; padding: 10px 0; display: inline-block; text-decoration: none; } .responsive #school-info { float: left; margin: 0px 25px 0 0px; width: 100%; padding: 0 20px 20px 20px; box-sizing: border-box; } .responsive .footer-nav { float: left; width: 100%; padding: 0 20px 20px 20px; box-sizing: border-box; } .responsive #copyright { margin-left: 20px; } .responsive #resources-nav { width: 100%; max-width: 940px; } .responsive .resp-sub-nav #resources-nav { display: none; } .responsive #resources-nav-container { background: #000; } .responsive #resources-nav li { display: inline-block; padding: 10px; } .responsive #resources-nav li a { color: #666; } .responsive #page-main-feature .caption { top: 0; bottom: inherit; background: none; } .responsive .slide .icon { top: 165px; } .responsive #saic-logo { position: absolute; left: 0; z-index: 99; width: 82px; } .responsive #action-nav { right: 0; padding-left: 0; background: #2e2e2e; z-index: 100; position: absolute; overflow-y: hidden; padding-bottom: 20px; margin-top: 25px; max-width: 680px; width: 100%; display: none; } .responsive #action-nav li { display: block; padding: 10px 25px; } .responsive #action-nav li ul.social-links li { display: inline !important; float: left; padding: 0; } .responsive #search { display: none; } .responsive #action-menu-toggle { float: right; color: #fff; padding-right: 20px; margin-top: -6px; font-size: 22px; } .responsive #action-menu-toggle .fa { color: #fff; } .responsive #info-menu-toggle { float: right; color: #fff; padding-right: 20px; margin-top: -6px; font-size: 22px; } .responsive #info-menu-toggle .fa { color: #fff; } .responsive #breadcrumb-nav-header { display: none; } .responsive #main-content { clear: both; margin: 0 auto; position: relative; width: 100%; z-index: 1; } .responsive #mid-section { margin-top: 0; } .responsive #institution-links-container { background: #f1f1f1; border-bottom: solid 3px #c9c9c9; padding: 0px 0 20px 0; text-align: right; } .responsive body { width: 100%; overflow-x: hidden; } .responsive .three-column #left-sidebar { float: left; width: 100%; } .responsive .three-column #page-content { float: left; margin-left: 0; width: 100%; } .responsive #header { height: 60px; margin-bottom: 0px; background: #f7f7f7; -webkit-transition: background 1s; transition: background 1s; } .responsive #header.header-open { background: #fff; } .responsive #page-header { left: 0px; position: relative; top: 0px; background-color: #fff; } .responsive #page-header h1 { padding: 15px 20px; background-color: #fff; } .info-nav-toggle { display: block; } .responsive #info-nav-container { display: block; box-shadow: none; width: 100%; max-width: 990px; } .responsive #info-nav { margin-left: 0; margin: 10px 0px; position: relative; z-index: 100; } .responsive #info-nav li { float: left; position: relative; width: 100%; } .responsive #info-nav > li + li { border-top: 1px solid #ccc; } .responsive #info-nav .nav-feature { color: #333; margin-left: 0; padding: 15px; width: 100%; box-sizing: border-box; } .responsive #info-nav > li:first-child a { width: inherit; } .responsive #info-nav a.info-btn { background: url(/media/saic/styleassets/images/resp-arrow-down.png) top right no-repeat #f1f1f1; border-right: none; color: #333; display: block; font: normal 16px "MeranProSmConNormal", Arial, sans-serif; float: left; min-height: 60px; line-height: 1.2; padding: 20px; text-decoration: none; text-transform: uppercase; width: 100% !important; -webkit-transition: .2s all ease-out; transition: .2s all ease-out; height: auto !important; z-index: 110; position: relative; background-size: 12px; background-position: 95% 28px; } .responsive .resp-sub-nav { display: block; } .responsive .resp-aud-nav { display: block; } .responsive .cd-secondary-nav-trigger { display: block; } .responsive #info-nav li .sub-nav-container { background: #333; border-top: none; display: none; left: 0 !important; position: relative; top: 0; width: 100%; z-index: 98; } .responsive .ion-ios-arrow-up, .responsive .ion-ios-arrow-down { right: 18px; position: absolute; font-size: 18px; } .responsive .for .ion-ios-arrow-up, .responsive .for .ion-ios-arrow-down { right: 29px; position: absolute; font-size: 18px; margin-top: 5px; } .responsive .for .ion-ios-people { right: 22px; position: absolute; font-size: 30px; margin-top: -20px; } .responsive #info-nav .sub-nav-container ul li ul { display: none; } .responsive #info-nav .sub-nav-items { padding: 20px; background: #d3d2d2; width: 100%; box-sizing: border-box; } .responsive #info-nav .nav-feature { display: none; } .responsive #info-nav li .sub-nav { float: left; margin: 0; width: 225px; margin-right: 15px; } .sub-nav > .sub-nav { margin: 0 !important; } .responsive #info-nav .sub-nav-container ul li { padding: 0; } .responsive #info-nav .sub-nav-container ul li a { color: #333; font-weight: 300; padding: 10px 0; font-size: 1.125em; width: 225px; } .responsive #info-nav li#about .sub-nav-container { left: 0px; } .responsive #audience-nav li a { width: 100%; box-sizing: border-box; padding: 15px; } .responsive #audience-nav li:last-child a { border-bottom: none; } .responsive #audience-nav { position: relative; right: 0; top: 0 !important; z-index: 99; display: none; } .responsive .resp-aud-nav .for { background: #000; color: #ee4aa9; width: 100%; display: block; padding: 22px 20px; box-sizing: border-box; } .responsive .resp-aud-nav .for.closed { border-bottom: none; } .responsive .resp-aud-nav .for.open { background: #ee4aa9; color: #fff; } .responsive .resp-aud-nav .for.open { border-bottom: 1px solid #ee4aa9; } .responsive .resp-aud-nav { border: 1px solid #ee4aa9; box-sizing: border-box; } .responsive #info-nav li#academics .sub-nav-container, .responsive #info-nav li#admissions .sub-nav-container, .responsive #info-nav li#financial-aid .sub-nav-container, .responsive #info-nav li#studies-programs .sub-nav-container, .responsive #info-nav li#life .sub-nav-container { left: 0; } .responsive #institution-links-container #school, #institution-links-container #museum { display: none; } .responsive #institution-links { margin: 0 auto; max-width: 965px; width: 100%; } .responsive #share { max-width: 980px; width: 100%; display: none; } .responsive .content { max-width: 940px; width: 100%; } .responsive #breadcrumb-nav-footer { margin-top: 0px; display: none; } .responsive #breadcrumb-nav-footer ul { max-width: 980px; width: 100%; } .responsive #left-sidebar { width: 100%; } .responsive .two-column-right-sidebar #page-content { width: 100%; } .responsive #mid-section { margin-left: 0; width: 100%; padding: 20px; box-sizing: border-box; } .responsive .secondary-nav, .responsive #left-sidebar .secondary-nav { left: 0; position: relative; top: 0; width: 100%; z-index: 99; margin-bottom: 0; clear: both; } .responsive .secondary-nav .twocol-resp { margin-bottom: 1.65em; } .responsive .secondary-nav > ul > li > a, .responsive .secondary-nav > ul > li.closed > a, .responsive .secondary-nav > ul > li > span.currentsection { padding: 12px 20px; } .secondary-nav > ul > li:last-child > a, .responsive .secondary-nav > ul > li > ul > li:last-child > span.currentsection, .secondary-nav > ul > li > ul > li > ul > li:last-child > span.currentsection { padding-right: 70px; } .responsive .secondary-nav > ul > li.closed > a { background: none; } .responsive .two-column-right-sidebar #right-sidebar { float: left; margin-left: 0; width: 100%; padding: 15px; box-sizing: border-box; } .responsive #page-content img { max-width: 100%; height: auto !important; } .responsive #page-content table img { width: 100% !important; } .responsive #logo-container { margin: 0 auto; position: relative; width: 100%; height: 58px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .responsive #institution-links-container, .responsive #action-nav-container { display: none; } .responsive .event_listing .event_rightcolumn { width: 100%; } .responsive .search-filters { margin-top: 15px; } .gsc-above-wrapper-area { border-bottom: 1px solid #E9E9E9; float: right; border: 0 !important; margin-top: 0 !important; width: 100% !important; } div#___gcse_0 { padding: 15px; } .responsive.prof-search .slide .caption { display: none; } #depaos-column.two-col { width: 100%; } .two-col #depaos-left { width: 100%; padding-right: 0; } .two-col #depaos-right { padding-left: 0; width: 100%; } #page-content.two-col { padding: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } h3.section-header-banner.middle { display: none; margin-top: 0; } a:hover > .section-header-banner.middle { display: none !important; margin-top: 0; } .responsive #page-content h3.section-header-banner.middle { max-width: 100%; margin-bottom: 0; } .responsive iframe { width: 100%; height: auto; } .responsive #cal-hold iframe { height: 100%; } #cal-hold { height: 460px; padding-bottom: 50px; } #saic-gcal-all { height: 460px; padding-bottom: 20px; } .cate-quote { text-align: left !important; width: 100%; padding: 15px 0 !important; } .cate-header { width: 100% !important; max-width: 980px; } .cate-main { width: 100% !important; max-width: 475px; padding-left: 0 !important; position: relative; } #vap-images, #vap-info { width: 100% !important; } /*****************************/ /******* RESP SUB NAV ********/ /*****************************/ .responsive .resp-search #search #search-bar { height: 38px !important; top: 0px; position: relative; padding-left: 6px; font-size: 18px !important; background: #eee; padding: 10px; width: 100%; color: #999; } .responsive .resp-search #search #search-btn { background: #eee; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; display: block; height: 38px; line-height: 0; position: absolute; text-indent: 0; top: 0px; right: -24px; width: 40px; font-family: 'ionicons'; font-size: 18px; color: #aaa; -webkit-appearance: none; z-index: 1120; } .responsive .resp-search { z-index: 1000; position: absolute; top: 10px; display: none; width: 100%; right: 125px; box-sizing: border-box; } .responsive .search-toggle { position: absolute; color: #aaa; z-index: 1100; font-size: 18px; top: 6px; right: -11px; display: block; } .responsive .resp-search #search { display: none; } .responsive .resp-search #search.open { display: block; } i.ion.ion-ios-close-empty { font-size: 4em; margin-top: -15px; margin-left: 11px; left: -2px; position: relative; } .responsive .resp-sub-nav #action-nav { display: block; max-width: 100%; width: 90%; box-sizing: border-box !important; padding: 0 30px; left: 0px; overflow-x: hidden; min-height: 290px; font-weight: bold; font-size: 12px; } .responsive .resp-sub-nav #action-nav li { padding: 10px 0; width: 50%; float: left; } .resp-sub-nav #action-nav ul.social-links li a { color: #fff; background: #000; width: 40px; height: 40px; text-align: center; font-size: 40px; } .resp-sub-nav #action-nav ul.social-links li { float: left; width: 40px; margin-right: 10px; margin-top: 10px; } ul.social-links li + li { margin-left: 1%; } ul.social-links { width: 100%; position: absolute; } .responsive #logo-container a { background-color: transparent; background-position: 132% 0; margin: 12px 15px; height: 40px; background-size: 170%; box-shadow: none; } .cd-secondary-nav-trigger { position: fixed; bottom: 22px; right: 20px; width: 50px; height: 40px; background: rgba(255, 255, 255, 0.5); border-radius: 0.25em; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; z-index: 2; border: 1px solid #ee4aa9; -webkit-transition: opacity .4s; transition: opacity .4s; opacity: 1; } .cd-secondary-nav-trigger.faded { opacity: 0; } .cd-secondary-nav-trigger span { /* the span element is used to create the menu icon */ position: absolute; display: block; width: 4px; height: 4px; border-radius: 50%; background: #ee4aa9; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: background; transition: background; } .cd-secondary-nav-trigger span::before, .cd-secondary-nav-trigger span::after { content: ''; position: absolute; background: inherit; width: 100%; height: 100%; border-radius: 50%; } .cd-secondary-nav-trigger span::before { right: -10px; -webkit-transform: rotate(0); transform: rotate(0); } .cd-secondary-nav-trigger span::after { left: -10px; -webkit-transform: rotate(0); transform: rotate(0); } .cd-secondary-nav-trigger.menu-is-open { background: #000; border: none; } .cd-secondary-nav-trigger.menu-is-open span { background: rgba(240, 238, 225, 0); width: 20px; height: 2px; } .cd-secondary-nav-trigger.menu-is-open span::before, .cd-secondary-nav-trigger.menu-is-open span::after { background: #ee4aa9; width: 100%; height: 100%; border-radius: 0; top: 0; left: 0; } .cd-secondary-nav-trigger.menu-is-open span::before { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .cd-secondary-nav-trigger.menu-is-open span::after { -webkit-transform: rotate(225deg); transform: rotate(225deg); } .cd-secondary-nav ul { /* mobile first - secondary navigation hidden by default, triggered by tap/click on .cd-secondary-nav-trigger*/ position: fixed; width: 90%; max-width: 360px; right: 20px; bottom: 20px; border-radius: 0.25em; background: none; visibility: hidden; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transition: -webkit-transform 0s, visibility 0s 0s; -webkit-transition: visibility 0s 0s, -webkit-transform 0s; transition: visibility 0s 0s, -webkit-transform 0s; transition: transform 0s, visibility 0s 0s; transition: transform 0s, visibility 0s 0s, -webkit-transform 0s; } .responsive ul.multilevel-linkul-0 { position: relative; width: 100%; left: 0; top: 0; } .cd-secondary-nav ul.is-visible { visibility: visible; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.2s, visibility 0s 0s ease-out; -webkit-transition: visibility 0s 0s ease-out, -webkit-transform 0.2s; transition: visibility 0s 0s ease-out, -webkit-transform 0.2s; transition: transform 0.2s, visibility 0s 0s ease-out; transition: transform 0.2s, visibility 0s 0s ease-out, -webkit-transform 0.2s; } .responsive .secondary-nav > ul > li > ul > li a { color: #fff; text-decoration: none; padding: 12px 20px 12px 30px; display: block; } .responsive .secondary-nav > ul > li > ul > li > span.currentsection, .secondary-nav > ul > li > ul > li > ul > li > span.currentsection { border-bottom: 0; color: #fff; display: block; text-decoration: none; padding: 12px 20px 12px 30px; background: #ee4aa9; background-image: none; } .responsive .secondary-nav > ul > li.closed > span.currentsection { background-image: none; padding: 12px 20px; } /* Main Content */ .responsive a.btn, .responsive ul.btn-group li.btn a { padding: 12px 10px; } /* Dashboards */ .responsive .section-header { padding: 0 10px; } .responsive .section-header-banner { padding: 0 10px; background: none; left: 0px; top: 0px; border-bottom: none; position: relative; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; text-decoration: none; } .responsive .section-content { padding: 0; } .responsive .section-content li { font-size: 1em; } .responsive .tools-resources .section-content-li { font-size: 1em; } .responsive .tools-resources .callouts li { width: 244px; margin-bottom: 15px; padding-right: 10px; } .responsive .tools-resources .callouts p { font-size: 1em !important; } .responsive .tools-resources .section-content { padding: 0; } .responsive .tools-resources li { padding-bottom: 12px; } .responsive .tools-resources .sub-links li:first-child { border-bottom: 1px solid #dedede; } .responsive .tools-resources li a { padding: 12px 0; } .responsive .faculty-resources li, .responsive .tools-resources li, .responsive .tools-resources .callouts li, .responsive .faculty-resources .section-content li { padding: 12px 12px 0 10px; margin-bottom: 0; width: 244px; } .responsive .tools-resources .callouts li:last-child, .faculty-resources .section-content li:last-child { margin-bottom: 10px; } /* .responsive li:nth-child(2) { border-top: 1px solid #DEDEDE; } */ /* Sidebars */ .responsive #left-sidebar .static-content { padding: 20px 20px 1px 20px; } .responsive .three-column #right-sidebar { margin-left: 0px; width: 100%; } .responsive #right-sidebar .portfolio-block.section, #left-sidebar .portfolio-block.section { margin-left: 20px; } /* FAQ */ .responsive .page-quicklinks li { padding: 5px 0px 5px 5px; } /* Footer */ .responsive #footer { margin-top: 2em; } .cd-secondary-nav-trigger, .info-nav-toggle { display: block; } .responsive #page-header h1 .colon-sep { display: none; } .responsive #page-header h1 a { font-family: "MeranProSmConNormal"; font-size: .7em; display: block; font-style: italic; } /* Homepage */ .responsive.home #home-header { background: #f1f1f1; } .responsive.home #home-header.header-open { background: #fff; } /*Profiles*/ .responsive.profile .mixed-work .thumbnails li, .mixed-work-wimg .thumbnails li { float: left; width: 30%; padding: 0px; margin: 0px 3% 1% 0px; } .responsive.profile .mixed-work img, .mixed-work-wimg img { border: 1px solid #CCC; padding: 2px; display: block; float: left; width: 100%; } .responsive.profile .mixed-work-wimg { margin: 0px; padding-bottom: 10px; float: left; max-width: 370px; width: auto; } .responsive.profile #profile-image-holder { float: left; margin-bottom: 15px; max-width: 100%; } .responsive.profile-search .slide .caption { display: none !important; } .sfs-chat-btn-hrs { margin: 0px 0px 25px; text-align: left; } .sfs-chat-btn { margin-bottom: 10px; } .article { padding: 20px; } #page-content > a.youtube > span { background: #111 url("http://saic.edu/media/saic/styleassets/images/icon-video-sm.png") no-repeat 300px; width: 335px; height: 25px; position: absolute; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); left: 16px; top: 371px; } .stacked { border-top: 1px solid #ee4aa9; } #video-feed #embed { float: left; height: auto; width: 100%; margin-bottom: 10px; } #video-list { height: 245px; margin-left: 0; overflow: auto; width: 100%; } #video-feed .btn { bottom: 0; margin: 0; position: relative; right: 0; text-align: center; text-transform: none; width: 100%; box-sizing: border-box; } #video-feed { width: 100%; padding: 10px 10px 10px 10px; box-sizing: border-box; } #vap-images { display: none; }
}
@media screen and (max-width: 620px) { .responsive #page-content #page-main-feature img { max-width: 100%; height: auto !important; width: 600px !important; }
}
@media screen and (max-width: 420px) { .responsive #page-content #page-main-feature img { max-width: 100%; height: auto !important; width: 400px !important; } .cd-secondary-nav ul { max-width: 280px; } .event-pic-box { float: none; }
}
.node-type-academic-department #breadcrumb-nav-footer { margin-top: 0;
}
.node-type-academic-department .content-block.full-width.admissions { margin-top: 60px;
}
.node-type-academic-department .content-block.full-width.admissions .bg-dark-2 p,
.node-type-academic-department .content-block.full-width.admissions .bg-dark-2 h1,
.node-type-academic-department .content-block.full-width.admissions .bg-dark-2 h2,
.node-type-academic-department .content-block.full-width.admissions .bg-dark-2 h3 { color: #fff;
}
.node-type-academic-department .content-block.full-width.admissions .bg-dark-2 h3 { font-family: "MeranProSmConBoldItalic";
}
.sep-l { float: none !important;
}
#school-info p { color: #fff;
}
.cd-words-wrapper i { font-style: normal;
}
.cd-words-wrapper b { font-weight: normal;
}
.cd-words-wrapper b.w-mh { color: #f44c53;
}
.cd-words-wrapper b.w-ex { color: #a684f0;
}
.cd-words-wrapper b.w-mm { color: #3fe090;
}
.cd-words-wrapper b.w-ad { color: #67cbf4;
}
.cd-words-wrapper b.w-ch { color: #f78724;
}
.cd-intro { position: absolute; margin-top: -32px; margin-left: 10px;
}
.cd-intro h1 { font-family: inherit;
}
#action-nav .cd-headline a,
.info-nav-con .cd-headline a { color: #333; font-weight: bold; border-bottom: 1px solid rgba(51, 51, 51, 0.3); transistion: all .5s;
}
#action-nav .cd-headline a:hover,
.info-nav-con .cd-headline a:hover { color: #000; border-bottom: 1px solid #333333;
}
.cd-words-wrapper { display: block;
}
a { text-decoration: none;
}
.cd-title { position: relative; height: 160px; line-height: 230px; text-align: left;
}
.cd-title h1 { font-size: 1em; font-weight: 700;
}
@media only screen and (min-width: 768px) { .cd-title { line-height: 250px; }
}
@media only screen and (min-width: 1170px) { .cd-title { height: 200px; line-height: 300px; } .cd-title h1 { font-size: 12px; }
}
.cd-intro { text-align: left; float: left; position: absolute;
}
.cd-headline { font-size: 1em; line-height: 1.2;
}
@media only screen and (min-width: 768px) { .cd-headline { font-size: 1em; font-weight: 300; }
}
@media only screen and (min-width: 1170px) { .cd-headline { font-size: 1em; }
}
.cd-words-wrapper { display: inline-block; position: relative; text-align: left; float: left; margin-left: 110px;
}
.cd-words-wrapper b { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; z-index: 9990;
}
.cd-words-wrapper b.is-visible { position: relative;
}
.no-js .cd-words-wrapper b { opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible { opacity: 1;
}
/* --------------------------------
xscale
-------------------------------- */
.cd-headline.scale b { opacity: 0;
}
.cd-headline.scale i { display: inline-block; opacity: 0; -webkit-transform: scale(0); transform: scale(0);
}
.is-visible .cd-headline.scale i { opacity: 1;
}
.cd-headline.scale i.in { -webkit-animation: scale-up 0.6s forwards; animation: scale-up 0.6s forwards;
}
.cd-headline.scale i.out { -webkit-animation: scale-down 0.6s forwards; animation: scale-down 0.6s forwards;
}
.no-csstransitions .cd-headline.scale i { -webkit-transform: scale(1); transform: scale(1); opacity: 0;
}
.no-csstransitions .cd-headline.scale .is-visible i { opacity: 1;
}
@-webkit-keyframes scale-up { 0% { -webkit-transform: scale(0); opacity: 0; } 60% { -webkit-transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); opacity: 1; }
}
@keyframes scale-up { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 60% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
@-webkit-keyframes scale-down { 0% { -webkit-transform: scale(1); opacity: 1; } 60% { -webkit-transform: scale(0); opacity: 0; }
}
@keyframes scale-down { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 60% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
}
#institution-links li#apply-now { background-color: #ee4aa9;
}
#institution-links li#apply-now a { color: #fff;
}
#institution-links li#fashion { background-color: #fff;
}
#institution-links li#fashion a { color: #333;
}
@media only screen and (max-width: 830px) { .cd-words-wrapper { display: none; }
}
.cd-headline > span:first-child { left: 0;
}
.feature-150 { display: block; background: url(http://sites.saic.edu/files/150tlimg/circles-bkgd-test-2.gif) center center #f1f1f1 !important; padding: 20px; margin: -10px -10px 10px -10px; height: 32px; display: none;
}
@media screen and (max-width: 769px) { .cd-intro { margin-top: 0; margin-left: 0; } #action-nav .cd-intro { display: none; } .info-nav-con .feature-150 { display: block; } .cd-words-wrapper { margin-left: -3px; margin-top: 8px; display: block; } #alert-container { margin: 0 auto; position: relative; top: 60px; width: 100%; } #alert-box { background: #ee4aa9 url("/media/saic/styleassets/images/icon-alert.png") no-repeat 10px 10px; padding: 12px 3px 12px 40px; position: absolute; right: initial; top: initial; width: 100%; z-index: 999; box-sizing: border-box; } #alert-box #alert-title { font-size: 16px; float: left; line-height: initial; margin: 0px 0 0 0; } #alert-box #notice { color: #fff; font-size: 12px; line-height: 1.2; margin-left: 54px; padding: 0 5px; position: relative; margin-top: initial; }
}
.bew-logo { width: auto !important; height: 18px !important; position: relative !important; display: inline-block; float: left; margin-right: 1em;
}
body { font-family: "Gotham SSm A", "Gotham SSm B"; font-weight: 300; -webkit-font-smoothing: antialiased; background: #fafafa; font-size: 14px; line-height: 1.55; color: #333;
}
img { max-width: 100%;
}
.text-blue { color: #2196F3;
}
.text-green { color: #4CAF50;
}
.text-orange { color: #FF5722;
}
.text-white { color: #fff;
}
.bg-blue { background: #2196F3;
}
.bg-green { background: #4CAF50;
}
.bg-orange { background: #FF5722;
}
.pad-md { padding: 1em;
}
.brad-sm { border-radius: 4px;
}
.card { border: 1px solid #ddd; margin-bottom: 2em; padding: .5em 1em; border-radius: 4px; overflow: hidden; background: #fff; color: #333; border-color: #ddd; -webkit-transition: border-color .25s; transition: border-color .25s;
}
.list-view .card .img-con { display: none;
}
.card.card--quote { border: none; background: #2196F3; color: #fff;
}
.card.card--quote.cq--blue { background: #2196F3;
}
.card.card--quote.cq--green { background: #4CAF50;
}
.card.card--quote.cq--orange { background: #FF5722;
}
.card.card--quote .card__footer .card__footer__links { background: rgba(255, 255, 255, 0.35); border-color: rgba(255, 255, 255, 0.35);
}
.card.card--quote .card__footer .card__footer__links li a { color: rgba(255, 255, 255, 0.5);
}
.card.card--quote .card__footer .card__footer__links li a:hover { background: rbga(255, 255, 255, 0.25);
}
.card.card--quote .card__footer .card__footer__links li a.more:hover { color: #fff; background: none;
}
.card.card--quote .card__footer .card__footer__links li.share a { border-left-color: rgba(255, 255, 255, 0.35);
}
.card.card--quote .card__footer .card__footer__links li.share a:hover { background: rgba(255, 255, 255, 0.25);
}
.card.card--quote .card__footer .card__footer__links li.share a i.fa { color: rgba(255, 255, 255, 0.5);
}
.card.card--quote p { font-size: 1.5em; font-style: normal; font-weight: 400; padding: 1em; margin-bottom: 0; position: relative;
}
.card.card--quote p.quote-body:before { content: '\201c'; color: rgba(255, 255, 255, 0.35); position: absolute; top: -15px; left: -5px; font-size: 4em; font-style: normal;
}
.card.card--quote p.quote-body:after { content: '\201d'; color: rgba(255, 255, 255, 0.35); position: absolute; bottom: 0; right: 0; font-size: 4em; font-style: normal; line-height: 0;
}
.card.card--quote p.cite { font-size: 1em; color: rgba(255, 255, 255, 0.75); margin: 0; padding: 0 1.5rem;
}
.card.card--quote p.cite-sub { font-size: .8em; color: rgba(255, 255, 255, 0.5); margin: 0; padding: 0 1.5rem; font-style: italic;
}
.card.card--quote p:last-of-type { margin-bottom: 1em;
}
.card.card--featured { border: none; background: none;
}
.card.card--featured .card-content h2 { font-size: 1.75em;
}
.card.card--featured .img-con { margin: -.5em 0 -.5em -1em;
}
.card .card-content { padding: 0 0 .5em;
}
.card .card-content h2 { margin-top: .25em; font-weight: bold; font-size: 1.85rem;
}
.card .card-content h2 a { color: #000;
}
.card .card-content p { margin-bottom: .25em;
}
.card .card-content .img-con { max-width: 100%; margin: -1em -1em 1em;
}
.card .card-content .img-con img { display: block; width: 115%; max-width: 115%; height: auto;
}
.card:hover, .card:focus { border-color: #aaa;
}
.card__pre-footer { position: relative; background: #f8f8f8; padding: .5em 1em; margin: 0 -1em;
}
.card__pre-footer ul.tags { padding-left: 0; list-style-type: none; white-space: nowrap; width: auto; margin-bottom: 0; font-size: .75em;
}
.card__pre-footer ul.tags li { display: inline-block;
}
.card__pre-footer ul.tags li + li { padding-left: .75em;
}
.card__pre-footer ul.tags li a { color: #aaa;
}
.date { font-size: .75em; color: #aaa;
}
.card__footer .card__footer__links { border-top: 1px solid #ddd; list-style-type: none; padding-left: 0; background: rgba(255, 255, 255, 0.75); padding: .5em 1em; margin: 0 -1em -.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
}
.card__footer .card__footer__links li { display: inline; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-positive: 1; flex-grow: 1; white-space: nowrap;
}
.card__footer .card__footer__links li.share { z-index: 100; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0;
}
.card__footer .card__footer__links li.share a { border-left: 1px solid #ddd; padding: .5em 1em; margin: -.5em -1em;
}
.card__footer .card__footer__links li.share a i.fa { color: #aaa;
}
.card__footer .card__footer__links li a { display: block; padding: .5em 0 .5em 1em; margin: -.5em 1em -.5em -1em; color: #666; -webkit-transition: all .25s; transition: all .25s;
}
.card__footer .card__footer__links li a:hover { background: #f8f8f8; color: #000;
}
.card__footer .card__footer__links li .share-list-con { position: relative;
}
.card__footer .card__footer__links li .share-list { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; left: 135%; -webkit-transition: left .25s; transition: left .25s;
}
.card__footer .card__footer__links li .share-list.share-list--open { left: 0%;
}
.card__footer .card__footer__links li .share-list li a { color: #fff; background: #aaa; text-align: center; padding: .5em .75em; list-style-type: none;
}
.card__footer .card__footer__links li .share-list li a.sl-fb { background: #3b5998;
}
.card__footer .card__footer__links li .share-list li a.sl-tw { background: #4099FF;
}
.card__footer .card__footer__links li .share-list li a.sl-en { background: tomato;
}
.grid-con { margin-top: 2em;
}
.btn { -webkit-transition: all .25s; transition: all .25s;
}
.btn.btn-hollow { border: 1px solid #aaa; color: #666;
}
.btn.btn-hollow:hover { border-color: #000; background: #eee; color: #000;
}
.list-layout-con { text-align: right;
}
.sty { font-weight: normal; color: #aaa; font-size: .8em; margin-bottom: 0;
}
.text-grey-50 { color: #aaa;
}
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: bold; margin-top: 1rem;
}
.btn { border-radius: 4px; margin-bottom: .25em;
}
.btn.btn-primary { background: #555; border-color: #000;
}
.btn.btn-primary:hover { background: #000;
}
.nav-tabs > li > a { -webkit-transition: background-color .25s; transition: background-color .25s;
}
.nav-tabs > li.ui-state-active > a { background: #fff; border: 1px solid #ddd; border-bottom-color: #fff; outline: 0;
}
.ui-tabs-panel { padding: 2em 2em 1em; background: #fff; border: 1px solid #ddd; border-top-color: transparent; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;
}
.ui-accordion .ui-accordion-header { font-size: 1em; display: block; border: 1px solid #ddd; padding: 1em; background: #fff; margin: 0; outline: 0; color: #999; background: #f5f5f5; -webkit-transition: color .25s; transition: color .25s;
}
.ui-accordion .ui-accordion-header.ui-accordion-header-active { color: #000; background: #fff;
}
.ui-accordion .ui-accordion-header:hover { cursor: pointer; color: #444;
}
.ui-accordion .ui-accordion-content { background: #fff; padding: 1em; border: 1px solid #ddd; border-top: none; border-bottom: none;
}
.ui-accordion .ui-accordion-content:last-of-type { border-bottom: 1px solid #ddd;
}
.panel-contact { border-color: #ddd;
}
.panel-contact .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd;
}
.panel-contact .panel-heading h4 { margin-top: 0;
}
.panel-contact .panel-heading .panel-title { font-weight: normal; font-size: .8em; color: #444;
}
.panel-contact .panel-body .name { font-size: 1.125em; line-height: 1.3; margin-bottom: .75em; display: inline-block;
}
.panel-contact .panel-body address { margin-bottom: 0;
}
.ui-tooltip { position: absolute; background: #f5f5f5; padding: .5em 1em; border: 1px solid #ddd; border-radius: 4px;
}
.ui-helper-hidden-accessible { display: none;
}
.pd-top-xs { padding-top: .25em;
}
.pd-top-sm { padding-top: .5em;
}
.pd-top-md { padding-top: 1em;
}
.pd-top-lg { padding-top: 2em;
}
.pd-top-xl { padding-top: 4em;
}
.content-card-sizer { -webkit-transition: all .5s; transition: all .5s;
}
.col-left-0 { left: 0;
}
.card-featured .content { position: relative;
}
.card-featured .content .img-con { margin-bottom: -.5em;
}
.card-featured .date { display: none;
}
.card-featured .text-con { position: absolute; bottom: 0; padding: 2.5em 3em; margin: -0.5em -1em; padding-top: 11em; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.15) 80%, transparent 100%); background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.15) 80%, transparent 100%); color: #fff; font-size: 1.25em;
}
.card-featured .text-con h2 { font-size: 1.5em;
}
.card-featured .text-con h2 a { color: #fff;
}
.main-content { font-size: 1.25em;
}
.main-content p { margin-bottom: 1em;
}
.main-content p.lead { font-size: 1.25em; color: #666; margin: 1em 0 1.5em;
}
.main-content h2 { margin: 1.25em 0 .75em;
}
.main-content h3 { margin: 1.25em 0 .75em;
}
.main-content blockquote { font-family: "Sentinel SSm A", "Sentinel SSm B"; font-weight: 300; font-size: 1.35em; border-color: #ccc; margin: 2em 0;
}
.main-content blockquote cite { display: block; font-size: 1.75rem; margin: 1em 0 0; color: #aaa;
}
.main-content blockquote cite > .circle-avatar { float: left; margin-left: -40px; margin-right: 10px;
}
.circle-avatar { /* make it responsive */ max-width: 75px; width: 100%; height: auto; display: block; /* div height to be the same as width*/ padding-top: 75px; /* make it a cirkle */ border-radius: 50%; /* Centering on image`s center*/ background-position-y: center; background-position-x: center; background-repeat: no-repeat; /* it makes the clue thing, takes smaller dimention to fill div */ background-size: cover; /* it is optional, for making this div centered in parent*/ margin: 0 auto; top: 0; left: 0; right: 0; bottom: 0;
}
.panel-lite { border-color: #ddd;
}
.panel-lite .panel-heading { background: #f3f3f3; padding: .75em 1em;
}
.panel-lite .panel-heading .panel-title { font-weight: normal; font-size: 1rem; color: #555;
}
.panel-lite a.list-group-item { margin: -1px;
}
.share-list.share-list-sidebar { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding-left: 0;
}
.share-list.share-list-sidebar li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; list-style: none; -ms-flex-positive: 1; flex-grow: 1;
}
.share-list.share-list-sidebar li a { color: #fff; background: #aaa; text-align: center; padding: .5em .75em; display: block; width: 100%;
}
.share-list.share-list-sidebar li a.sl-fb { background: #3b5998;
}
.share-list.share-list-sidebar li a.sl-tw { background: #4099FF;
}
.share-list.share-list-sidebar li a.sl-en { background: tomato;
}
.news-meta { color: #aaa; text-align: right; margin-top: 1em;
}
.panel-sub-heading { padding: .75em 1.2em; color: #555; background: #f9f9f9; font-weight: normal; font-size: 1rem;
}
.share-list { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-transition: left .25s; transition: left .25s; padding-left: 0; margin-bottom: 0;
}
.share-list li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; list-style-type: none;
}
.share-list li a { display: block; color: #fff; background: #aaa; text-align: center; padding: .5em .75em;
}
.share-list li a.sl-fb { background: #3b5998;
}
.share-list li a.sl-tw { background: #4099FF;
}
.share-list li a.sl-en { background: tomato;
}
.ov-h { overflow: hidden;
}
small { margin: 0;
}
#action-nav-container { height: 34px;
}
#action-nav { font-size: 12px; width: initial;
}
@media screen and (min-width: 768px) { #info-nav { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; } #info-nav li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; list-style-type: none; } #info-nav li:first-child > a { width: inherit; } #info-nav li a.info-btn { width: 100%; height: 53px; }
}
.date p { margin-bottom: .25em;
}
.panel-heading h4 { margin: .25em 0;
}
ul { padding-left: 20px;
}
ul li { list-style-type: initial;
}
h1 { font-size: 2em;
}
h2 { font-size: 1.75em;
}
h3 { font-size: 1.5em;
}
h4 { font-size: 1.25em;
}
h5 { font-size: 1.125em;
}
.ui-accordion-content { font-size: .85em;
}
.pre-head { display: -webkit-box; display: -ms-flexbox; display: flex;
}
.pre-head div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1;
}
.pre-head .source-pub { font-size: .75em; color: #aaa; text-align: right;
}
.pre-head .source-pub .fa-newspaper-o { font-size: 1.75em;
}
hr { border-color: #aaa;
}
.date { color: #ee4aa9;
}
Press Release Full Text - Script Codes JS Codes
$(document).ready(function() { $( "#tabs" ).tabs(); $( "#accordion" ).accordion({ heightStyle: "content" }); $( "#accordion2" ).accordion({ heightStyle: "content" }); $('.ttip').tooltip({ content: function() { var element = $(this); var text = element.text(); return "<label class='sty'>Click to email</label><br/>" + element.attr('title'); }, position: { my: "left+10 center", at: "right center" } }); function cardSizer(button, cardContainer, cardWidth, cardPush) { $(button).click(function(e){ e.preventDefault(); $(cardContainer).removeClass() .addClass(cardContainer.replace('.','')) .addClass(cardWidth) .addClass(cardPush); }); } cardSizer('#card-size-def', '.content-card-sizer', 'col-sm-6', 'col-sm-push-3'); cardSizer('#card-size-lrg', '.content-card-sizer', 'col-sm-8', 'col-sm-push-2'); cardSizer('#card-size-fea', '.content-card-sizer', 'card-featured col-sm-12', 'col-left-0'); $('.grid-con').masonry({ itemSelector: '.grid__item', columnWidth: '.grid__item' }); $('.share').click(function(e) { e.preventDefault(); $(this).prev('.share-list-con').children('.share-list').toggleClass('share-list--open'); }); $('.btn-grid-view').click(function(e) { e.preventDefault(); $('.grid__item').each(function(){ $(this).removeClass('col-lg-12 list-view').addClass('col-md-4 col-sm-6'); }); $('.grid-con').masonry({ itemSelector: '.grid__item', columnWidth: '.grid__item' }); }); $('.btn-list-view').click(function(e) { e.preventDefault(); $('.grid__item').each(function(){ $(this).removeClass('col-md-4 col-sm-6').addClass('col-md-6 list-view'); }); $('.grid-con').masonry({ itemSelector: '.grid__item', columnWidth: '.grid__item' }); });
});
| Developer | Kevin Bertram |
| Username | kbrtrm |
| Uploaded | December 20, 2022 |
| Rating | 3 |
| Size | 66,636 Kb |
| Views | 16,192 |
Do you need developer help for Press Release Full Text?
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Kevin Bertram (kbrtrm) Script Codes
| Name | Size |
| A Pen by Kevin Bertram | 16,613 Kb |
| Department Grids | 4,459 Kb |
| News Current State with Full-Width Feature Area v3 | 26,287 Kb |
| Tail rose iris | 1,914 Kb |
| Theme Customization Preview | 12,478 Kb |
| Full Width Peppered | 100,681 Kb |
| Happy Worm Exploring Space on Hover | 4,696 Kb |
| You blockhead | 1,933 Kb |
| SAIC Campaign Styles | 43,117 Kb |
| Just white dots in space | 4,333 Kb |
Create amazing Facebook ads with AI!
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Similar Scripts & Codes
| Name | Username | Size |
| Process Accordion | Devilskitchen | 31,432 Kb |
| Michelle, submit your photography to Unsplash. | Zaneriley | 3,368 Kb |
| Svg animation draw | SzymonDziewonski | 5,545 Kb |
| Contact | GanNichiHa | 2,514 Kb |
| Eunice A | Ejbronze | 2,203 Kb |
| See Through | Larrygeams | 77,410 Kb |
| GrcJS | Vino6 | 2,047 Kb |
| My Starter Kit For Codepen | Dkdesign | 2,012 Kb |
| Animated Logo | Shakdaniel | 2,672 Kb |
| Drag in vanilla js using dotval math instead of translate | Paulq | 2,662 Kb |
Do you want hide your ip address?
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!