1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/build/pgo/blueprint/fancytype-screen.css Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,75 @@ 1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public 1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this 1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 1.7 + 1.8 +/* -------------------------------------------------------------- 1.9 + 1.10 + fancy-type.css 1.11 + * Lots of pretty advanced classes for manipulating text. 1.12 + 1.13 + See the Readme file in this folder for additional instructions. 1.14 + 1.15 +-------------------------------------------------------------- */ 1.16 + 1.17 +/* Indentation instead of line shifts for sibling paragraphs. */ 1.18 + p + p { text-indent:2em; margin-top:-1.5em; } 1.19 + form p + p { text-indent: 0; } /* Don't want this in forms. */ 1.20 + 1.21 + 1.22 +/* For great looking type, use this code instead of asdf: 1.23 + <span class="alt">asdf</span> 1.24 + Best used on prepositions and ampersands. */ 1.25 + 1.26 +.alt { 1.27 + color: #666; 1.28 + font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 1.29 + font-style: italic; 1.30 + font-weight: normal; 1.31 +} 1.32 + 1.33 + 1.34 +/* For great looking quote marks in titles, replace "asdf" with: 1.35 + <span class="dquo">“</span>asdf” 1.36 + (That is, when the title starts with a quote mark). 1.37 + (You may have to change this value depending on your font size). */ 1.38 + 1.39 +.dquo { margin-left: -.5em; } 1.40 + 1.41 + 1.42 +/* Reduced size type with incremental leading 1.43 + (http://www.markboulton.co.uk/journal/comments/incremental_leading/) 1.44 + 1.45 + This could be used for side notes. For smaller type, you don't necessarily want to 1.46 + follow the 1.5x vertical rhythm -- the line-height is too much. 1.47 + 1.48 + Using this class, it reduces your font size and line-height so that for 1.49 + every four lines of normal sized type, there is five lines of the sidenote. eg: 1.50 + 1.51 + New type size in em's: 1.52 + 10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems) 1.53 + 1.54 + New line-height value: 1.55 + 12px x 1.5 = 18px (old line-height) 1.56 + 18px x 4 = 72px 1.57 + 72px / 5 = 14.4px (new line height) 1.58 + 14.4px / 10px = 1.44 (new line height in em's) */ 1.59 + 1.60 +p.incr, .incr p { 1.61 + font-size: 10px; 1.62 + line-height: 1.44em; 1.63 + margin-bottom: 1.5em; 1.64 +} 1.65 + 1.66 + 1.67 +/* Surround uppercase words and abbreviations with this class. 1.68 + Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */ 1.69 + 1.70 +.caps { 1.71 + font-variant: small-caps; 1.72 + letter-spacing: 1px; 1.73 + text-transform: lowercase; 1.74 + font-size:1.2em; 1.75 + line-height:1%; 1.76 + font-weight:bold; 1.77 + padding:0 2px; 1.78 +}