diff options
Diffstat (limited to 'static/css/blueprint/src/typography.css')
-rw-r--r-- | static/css/blueprint/src/typography.css | 106 |
1 files changed, 106 insertions, 0 deletions
diff --git a/static/css/blueprint/src/typography.css b/static/css/blueprint/src/typography.css new file mode 100644 index 0000000..a1cfe27 --- /dev/null +++ b/static/css/blueprint/src/typography.css | |||
@@ -0,0 +1,106 @@ | |||
1 | /* -------------------------------------------------------------- | ||
2 | |||
3 | typography.css | ||
4 | * Sets up some sensible default typography. | ||
5 | |||
6 | -------------------------------------------------------------- */ | ||
7 | |||
8 | /* Default font settings. | ||
9 | The font-size percentage is of 16px. (0.75 * 16px = 12px) */ | ||
10 | html { font-size:100.01%; } | ||
11 | body { | ||
12 | font-size: 75%; | ||
13 | color: #222; | ||
14 | background: #fff; | ||
15 | font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; | ||
16 | } | ||
17 | |||
18 | |||
19 | /* Headings | ||
20 | -------------------------------------------------------------- */ | ||
21 | |||
22 | h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; } | ||
23 | |||
24 | h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } | ||
25 | h2 { font-size: 2em; margin-bottom: 0.75em; } | ||
26 | h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; } | ||
27 | h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } | ||
28 | h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } | ||
29 | h6 { font-size: 1em; font-weight: bold; } | ||
30 | |||
31 | h1 img, h2 img, h3 img, | ||
32 | h4 img, h5 img, h6 img { | ||
33 | margin: 0; | ||
34 | } | ||
35 | |||
36 | |||
37 | /* Text elements | ||
38 | -------------------------------------------------------------- */ | ||
39 | |||
40 | p { margin: 0 0 1.5em; } | ||
41 | p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } | ||
42 | p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; } | ||
43 | |||
44 | a:focus, | ||
45 | a:hover { color: #000; } | ||
46 | a { color: #009; text-decoration: underline; } | ||
47 | |||
48 | blockquote { margin: 1.5em; color: #666; font-style: italic; } | ||
49 | strong { font-weight: bold; } | ||
50 | em,dfn { font-style: italic; } | ||
51 | dfn { font-weight: bold; } | ||
52 | sup, sub { line-height: 0; } | ||
53 | |||
54 | abbr, | ||
55 | acronym { border-bottom: 1px dotted #666; } | ||
56 | address { margin: 0 0 1.5em; font-style: italic; } | ||
57 | del { color:#666; } | ||
58 | |||
59 | pre { margin: 1.5em 0; white-space: pre; } | ||
60 | pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } | ||
61 | |||
62 | |||
63 | /* Lists | ||
64 | -------------------------------------------------------------- */ | ||
65 | |||
66 | li ul, | ||
67 | li ol { margin: 0; } | ||
68 | ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; } | ||
69 | |||
70 | ul { list-style-type: disc; } | ||
71 | ol { list-style-type: decimal; } | ||
72 | |||
73 | dl { margin: 0 0 1.5em 0; } | ||
74 | dl dt { font-weight: bold; } | ||
75 | dd { margin-left: 1.5em;} | ||
76 | |||
77 | |||
78 | /* Tables | ||
79 | -------------------------------------------------------------- */ | ||
80 | |||
81 | table { margin-bottom: 1.4em; width:100%; } | ||
82 | th { font-weight: bold; } | ||
83 | thead th { background: #c3d9ff; } | ||
84 | th,td,caption { padding: 4px 10px 4px 5px; } | ||
85 | tr.even td { background: #e5ecf9; } | ||
86 | tfoot { font-style: italic; } | ||
87 | caption { background: #eee; } | ||
88 | |||
89 | |||
90 | /* Misc classes | ||
91 | -------------------------------------------------------------- */ | ||
92 | |||
93 | .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } | ||
94 | .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } | ||
95 | .hide { display: none; } | ||
96 | |||
97 | .quiet { color: #666; } | ||
98 | .loud { color: #000; } | ||
99 | .highlight { background:#ff0; } | ||
100 | .added { background:#060; color: #fff; } | ||
101 | .removed { background:#900; color: #fff; } | ||
102 | |||
103 | .first { margin-left:0; padding-left:0; } | ||
104 | .last { margin-right:0; padding-right:0; } | ||
105 | .top { margin-top:0; padding-top:0; } | ||
106 | .bottom { margin-bottom:0; padding-bottom:0; } | ||