Created
November 13, 2013 15:48
-
-
Save sta1r/7451276 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| University of the Arts London | |
| Universal print stylesheet | |
| Author: Alastair Mucklow | |
| Date: May 2008 | |
| Thanks to 24ways.org for print styling techniques: http://24ways.org/2007/back-to-the-future-of-print | |
| */ | |
| /* Reset to pt styles for print and increase line-height */ | |
| body { | |
| font-family: Georgia, serif; | |
| font-size: 12pt; | |
| line-height: 20pt; | |
| } | |
| /* Main logo should display on printed page */ | |
| #logo { | |
| text-align: right; | |
| } | |
| #logo a img { | |
| border: none; | |
| } | |
| #logo a:link:after, | |
| #logo a:visited:after { /* this overrides a rule set below */ | |
| content: " "; | |
| } | |
| /* Remove unnecessary blocks */ | |
| #inner-left, #course-links, ul#nav-main, ul#nav-sub, .aa, ul#nav-popup, #wayfinder, | |
| #breadcrumb-trail, #quick-course-finder, #side-bar, #site-search, ul#footer, footer, ul#tab-buttons, #related-links, .image-container-scroll, #course .inline-col, #showtime-feed, .block, #feed-element { | |
| display: none !important; | |
| } | |
| /* Override mootabs.js formatting on course pages */ | |
| #inner-right div { | |
| height: auto !important; | |
| overflow: visible !important; | |
| margin: 0 !important; | |
| } | |
| /* Help distinguish the separate tab sections */ | |
| .course-tab { | |
| border-bottom: 1px solid black; | |
| } | |
| .course-tab, #super-teaser { | |
| margin: 0 0 20px 0 !important; | |
| display: block !important; | |
| } | |
| #glanceTab:before, #glance:before { | |
| content: "At a Glance"; | |
| font-weight: bold; | |
| } | |
| #contentTab:before { | |
| content: "Content"; | |
| font-weight: bold; | |
| } | |
| #structureTab:before { | |
| content: "Structure"; | |
| font-weight: bold; | |
| } | |
| #careerTab:before { | |
| content: "Career Prospects"; | |
| font-weight: bold; | |
| } | |
| #entryTab:before { | |
| content: "Entry Requirements"; | |
| font-weight: bold; | |
| } | |
| #applyTab:before { | |
| content: "How to Apply"; | |
| font-weight: bold; | |
| } | |
| #materials:before { | |
| content: "Materials"; | |
| font-weight: bold; | |
| } | |
| #course-booking:before { | |
| content: "Course Booking"; | |
| font-weight: bold; | |
| } | |
| /* Add text after breadcrumb - this could be made more college-specific using the body class */ | |
| #content-col:before { | |
| font-size: 2em; | |
| } | |
| .ual #content-col:before { | |
| content: "University of the Arts London "; | |
| } | |
| .blue #content-col:before { | |
| content: "Camberwell College of Arts "; | |
| } | |
| .purple #content-col:before { | |
| content: "London College of Fashion "; | |
| } | |
| .green #content-col:before { | |
| content: "London College of Communication "; | |
| } | |
| .gold #content-col:before { | |
| content: "Wimbledon College of Arts "; | |
| } | |
| .red #content-col:before { | |
| content: "Central Saint Martins "; | |
| } | |
| .orange #content-col:before { | |
| content: "Chelsea College of Art and Design "; | |
| } | |
| /* Linearise content */ | |
| #inner-right, | |
| #inner-left { | |
| float: none; | |
| width: 100%; | |
| } | |
| /* Illuminate source for links */ | |
| a:link:after, | |
| a:visited:after, | |
| a:hover:after, | |
| a:active:after { | |
| content: " <" attr(href) "> "; | |
| color: grey; | |
| font-style: italic; | |
| font-weight: normal; | |
| border: none; | |
| } | |
| a[href^="/"]:after { | |
| content: " <http://www.example.com"attr(href)"> "; | |
| } | |
| /* Jazz up the headers */ | |
| h1 { | |
| border-bottom: 2px solid black; | |
| font-size: 2.6em; | |
| padding: 0 0 0.7em 0; | |
| font-weight: normal; | |
| line-height: 35pt; | |
| } | |
| h2 { | |
| border-bottom: 1px solid #999999; | |
| padding: 0 0 0.1em; | |
| font-size: 1.3em; | |
| } | |
| h3 { | |
| font-size: 1.1em; | |
| margin: 1em 0 0.2em 0; | |
| text-decoration: none; | |
| } | |
| p { | |
| margin: 0.5em 0 1em 0; | |
| } | |
| /* Control classes */ | |
| .noprint { | |
| display:none; | |
| } | |
| .printonly { | |
| display:block; | |
| } | |
| /* Some extra styles for Wordpress blogs */ | |
| .blog h1 { | |
| font-size: 1em; | |
| } | |
| #rollingarchives, .navigation, .secondary { | |
| display: none; | |
| } | |
| /* Short course booking iframe */ | |
| iframe { | |
| width: 100%; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment