build/pgo/blueprint/fancytype-screen.css

changeset 0
6474c204b198
     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">&#8220;</span>asdf&#8221;
    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 +}

mercurial