build/pgo/blueprint/fancytype-screen.css@6474c204b198 (annotated)
build/pgo/blueprint/fancytype-screen.css
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
| michael@0 | 1 | /* This Source Code Form is subject to the terms of the Mozilla Public |
| michael@0 | 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this |
| michael@0 | 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ |
| michael@0 | 4 | |
| michael@0 | 5 | /* -------------------------------------------------------------- |
| michael@0 | 6 | |
| michael@0 | 7 | fancy-type.css |
| michael@0 | 8 | * Lots of pretty advanced classes for manipulating text. |
| michael@0 | 9 | |
| michael@0 | 10 | See the Readme file in this folder for additional instructions. |
| michael@0 | 11 | |
| michael@0 | 12 | -------------------------------------------------------------- */ |
| michael@0 | 13 | |
| michael@0 | 14 | /* Indentation instead of line shifts for sibling paragraphs. */ |
| michael@0 | 15 | p + p { text-indent:2em; margin-top:-1.5em; } |
| michael@0 | 16 | form p + p { text-indent: 0; } /* Don't want this in forms. */ |
| michael@0 | 17 | |
| michael@0 | 18 | |
| michael@0 | 19 | /* For great looking type, use this code instead of asdf: |
| michael@0 | 20 | <span class="alt">asdf</span> |
| michael@0 | 21 | Best used on prepositions and ampersands. */ |
| michael@0 | 22 | |
| michael@0 | 23 | .alt { |
| michael@0 | 24 | color: #666; |
| michael@0 | 25 | font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; |
| michael@0 | 26 | font-style: italic; |
| michael@0 | 27 | font-weight: normal; |
| michael@0 | 28 | } |
| michael@0 | 29 | |
| michael@0 | 30 | |
| michael@0 | 31 | /* For great looking quote marks in titles, replace "asdf" with: |
| michael@0 | 32 | <span class="dquo">“</span>asdf” |
| michael@0 | 33 | (That is, when the title starts with a quote mark). |
| michael@0 | 34 | (You may have to change this value depending on your font size). */ |
| michael@0 | 35 | |
| michael@0 | 36 | .dquo { margin-left: -.5em; } |
| michael@0 | 37 | |
| michael@0 | 38 | |
| michael@0 | 39 | /* Reduced size type with incremental leading |
| michael@0 | 40 | (http://www.markboulton.co.uk/journal/comments/incremental_leading/) |
| michael@0 | 41 | |
| michael@0 | 42 | This could be used for side notes. For smaller type, you don't necessarily want to |
| michael@0 | 43 | follow the 1.5x vertical rhythm -- the line-height is too much. |
| michael@0 | 44 | |
| michael@0 | 45 | Using this class, it reduces your font size and line-height so that for |
| michael@0 | 46 | every four lines of normal sized type, there is five lines of the sidenote. eg: |
| michael@0 | 47 | |
| michael@0 | 48 | New type size in em's: |
| michael@0 | 49 | 10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems) |
| michael@0 | 50 | |
| michael@0 | 51 | New line-height value: |
| michael@0 | 52 | 12px x 1.5 = 18px (old line-height) |
| michael@0 | 53 | 18px x 4 = 72px |
| michael@0 | 54 | 72px / 5 = 14.4px (new line height) |
| michael@0 | 55 | 14.4px / 10px = 1.44 (new line height in em's) */ |
| michael@0 | 56 | |
| michael@0 | 57 | p.incr, .incr p { |
| michael@0 | 58 | font-size: 10px; |
| michael@0 | 59 | line-height: 1.44em; |
| michael@0 | 60 | margin-bottom: 1.5em; |
| michael@0 | 61 | } |
| michael@0 | 62 | |
| michael@0 | 63 | |
| michael@0 | 64 | /* Surround uppercase words and abbreviations with this class. |
| michael@0 | 65 | Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */ |
| michael@0 | 66 | |
| michael@0 | 67 | .caps { |
| michael@0 | 68 | font-variant: small-caps; |
| michael@0 | 69 | letter-spacing: 1px; |
| michael@0 | 70 | text-transform: lowercase; |
| michael@0 | 71 | font-size:1.2em; |
| michael@0 | 72 | line-height:1%; |
| michael@0 | 73 | font-weight:bold; |
| michael@0 | 74 | padding:0 2px; |
| michael@0 | 75 | } |
