Team:St Andrews/Template:Fonts

From 2012.igem.org

/* Type-A-File "Field Report" designed by Russ Maschmeyer, aka StrangeNative. http://www.strangenative.com @strangenative

Creative Commons License by Attribution. Feel free to take it, adapt it, & use it on both commercial and non-commercial projects. Though I'd like a smidgeon of credit, so just leave this bit in here. K?

  • /

/*Pick Your Fonts*/ body, h3, h4, h5, h6, .run-in, dt {font-family: "museo-sans-1","museo-sans-2", Helvetica, Arial, sans-serif;} h1, h2, .pullquote, blockquote, .sidenote h1, aside h1, .pullquote, .drop-cap, cite {font-family: "museo-slab-1","museo-slab-2", Helvetica, Arial, sans-serif;}

/*Size & Vertical Rhythm*/ body{font-size:87.5%;font-size:14px;line-height:1.5em;}

/*HTML Standard Elements*/ h1{font-size:2.5em;line-height:1.333em;margin:.97em 0 0em;} h2{font-size:1.75em;line-height:1.1em;margin:2em 0 .5em;} h1 + img, h2 + img{margin-top:1em;} h3{font-size:1.125em;} h4{font-weight:bold;font-size:1em;} h1, h2, h3, h4, h5, h6{font-weight:500;} small{display:block;font-size:.75em;letter-spacing:.05em;margin:2.2em 0 -.2em;font-style:italic;line-height:1.75em;} p, ul, ol, form{margin:1.5em 0 1em;} ul{list-style-position:outside;list-style-type:disc;line-height:1.5;} li{margin-bottom:.75em;} ol{list-style-position:outside;list-style-type:decimal;} blockquote{font-style:italic;line-height:1.6em;} blockquote:before{font-family:Georgia, serif;content: "“";font-size:2.75em;text-indent:-.8em;margin-top:.1em;float:left;opacity:.3;} cite{display:block;text-transform:uppercase;letter-spacing:.2em;margin-top:1.5em;margin-left:1em;font-weight:900;font-style:normal;font-size:.8em;} cite:before{content:"— ";margin-left:-3.4em;margin-right:.9em;opacity:.3;} pre{margin:1.5em;} dl{margin:1.75em 0 1.75em;} dt{font-style:italic;margin-top:1.25em;font-size:1.13em;font-weight:700;border-bottom:1px solid #999;background:#DDD;} dd{font-style:italic;font-size:.85em;margin-top:1em;line-height:1.6em;} abbr{text-transform:uppercase;font-size:.9em;letter-spacing:.1em;} p {margin-bottom:0;hyphenate: auto;hyphenate-before:2;hyphenate-after:3;hyphenate-lines: 3;orphans:4} p span.pullquote{text-indent:0;}

/*Compositional Elements*/ .kicker{font-size:1.25em;line-height:1.693em;/*font-style:italic;*/margin:-.35em 0 -.35em;} .kicker, .pullquote{font-weight:100;} .run-in{font-style:italic;font-weight:bold;} .superscript{font-family:arial, sans-serif;vertical-align:super;font-size:75%;margin-right:.4em;text-transform:lowercase;font-variant:small-caps;letter-spacing:.1em;line-height:0;} .subscript{font-family:arial, sans-serif;vertical-align:sub;font-size:75%;margin-right:.4em;text-transform:lowercase;font-variant:small-caps;letter-spacing:.1em;line-height:0em;} a.superscript, a.subscript{text-decoration:none;} aside, .sidenote{font-size:.83em;font-style:italic;margin-top:1.25em;} aside h1, .sidenote h1{text-transform:uppercase;font-size:1em;line-height:1.5em;font-style:normal;font-weight:900;} aside p, .sidenote p{line-height:1.7em;margin:1.3em 0;font-style:normal;} aside ul, aside ol, .sidenote ul, .sidenote ol{margin-top:1.3em;line-height:1.7em;} aside ul li, aside ol li, .sidenote ul li, .sidenote ol li{margin-bottom:1.3em;} .pullquote{font-style:italic;letter-spacing:.05em;margin:.5em .7em .3em 0em;padding-top:.15em;line-height:1.7em;display:block;float:left;font-size:1.6em;width:55%;} .pullquote:before {font-family:Georgia, serif;content: "“";font-size:2em;text-indent:-.8em;margin-top:.05em;float:left;opacity:.3;} .footnote{border-top:1px solid black;font-size:.75em;margin-top:3.5em;} .footnote li{margin:1.5em 0 1.5em;word-spacing:.1em;line-height:1.75em;} .caption{font-size:.8em;font-style:italic;margin:.6em 0 -.2em;} .kicker .run-in{text-transform:uppercase;font-style:normal;letter-spacing:.25em;font-size:.9em;} .drop-cap {display:block;font-style:normal;font-size:5.1em;float:left;margin:.13em .1em 0 0;line-height:.67em;font-weight:100;}

/*Tweaks*/ .kern{letter-spacing:-.1em;}