michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: /* -------------------------------------------------------------- 
michael@0:   
michael@0:    fancy-type.css
michael@0:    * Lots of pretty advanced classes for manipulating text.
michael@0:    
michael@0:    See the Readme file in this folder for additional instructions.
michael@0: 
michael@0: -------------------------------------------------------------- */
michael@0: 
michael@0: /* Indentation instead of line shifts for sibling paragraphs. */
michael@0:    p + p { text-indent:2em; margin-top:-1.5em; }
michael@0:    form p + p  { text-indent: 0; } /* Don't want this in forms. */
michael@0:    
michael@0: 
michael@0: /* For great looking type, use this code instead of asdf: 
michael@0:    <span class="alt">asdf</span>  
michael@0:    Best used on prepositions and ampersands. */
michael@0:   
michael@0: .alt { 
michael@0:   color: #666; 
michael@0:   font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
michael@0:   font-style: italic;
michael@0:   font-weight: normal;
michael@0: }
michael@0: 
michael@0: 
michael@0: /* For great looking quote marks in titles, replace "asdf" with:
michael@0:    <span class="dquo">&#8220;</span>asdf&#8221;
michael@0:    (That is, when the title starts with a quote mark). 
michael@0:    (You may have to change this value depending on your font size). */  
michael@0:    
michael@0: .dquo { margin-left: -.5em; } 
michael@0: 
michael@0: 
michael@0: /* Reduced size type with incremental leading
michael@0:    (http://www.markboulton.co.uk/journal/comments/incremental_leading/)
michael@0: 
michael@0:    This could be used for side notes. For smaller type, you don't necessarily want to 
michael@0:    follow the 1.5x vertical rhythm -- the line-height is too much. 
michael@0:    
michael@0:    Using this class, it reduces your font size and line-height so that for 
michael@0:    every four lines of normal sized type, there is five lines of the sidenote. eg:
michael@0: 
michael@0:    New type size in em's:
michael@0:      10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)
michael@0: 
michael@0:    New line-height value:
michael@0:      12px x 1.5 = 18px (old line-height)
michael@0:      18px x 4 = 72px 
michael@0:      72px / 5 = 14.4px (new line height)
michael@0:      14.4px / 10px = 1.44 (new line height in em's) */
michael@0: 
michael@0: p.incr, .incr p {
michael@0: 	font-size: 10px;
michael@0: 	line-height: 1.44em;  
michael@0: 	margin-bottom: 1.5em;
michael@0: }
michael@0: 
michael@0: 
michael@0: /* Surround uppercase words and abbreviations with this class.
michael@0:    Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
michael@0:    
michael@0: .caps { 
michael@0:   font-variant: small-caps; 
michael@0:   letter-spacing: 1px; 
michael@0:   text-transform: lowercase; 
michael@0:   font-size:1.2em;
michael@0:   line-height:1%;
michael@0:   font-weight:bold;
michael@0:   padding:0 2px;
michael@0: }