Skip to content

Instantly share code, notes, and snippets.

@sta1r
Created November 13, 2013 15:48
Show Gist options
  • Select an option

  • Save sta1r/7451276 to your computer and use it in GitHub Desktop.

Select an option

Save sta1r/7451276 to your computer and use it in GitHub Desktop.
/*
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