Mercurial > web-octave
annotate css/normalize.css @ 0:7abe02bf29ec
initial commit
author | Alex Krolick <whokilledtheelectricmonk@gmail.com> |
---|---|
date | Sat, 07 Nov 2015 18:04:42 -0800 |
parents | |
children | 33f406425440 |
rev | line source |
---|---|
0
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
1 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
2 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
3 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
4 * 1. Set default font family to sans-serif. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
5 * 2. Prevent iOS and IE text size adjust after device orientation change, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
6 * without disabling user zoom. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
7 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
8 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
9 html { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
10 font-family: sans-serif; /* 1 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
11 -ms-text-size-adjust: 100%; /* 2 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
12 -webkit-text-size-adjust: 100%; /* 2 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
13 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
14 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
15 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
16 * Remove default margin. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
17 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
18 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
19 body { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
20 margin: 0; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
21 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
22 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
23 /* HTML5 display definitions |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
24 ========================================================================== */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
25 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
26 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
27 * Correct `block` display not defined for any HTML5 element in IE 8/9. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
28 * Correct `block` display not defined for `details` or `summary` in IE 10/11 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
29 * and Firefox. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
30 * Correct `block` display not defined for `main` in IE 11. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
31 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
32 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
33 article, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
34 aside, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
35 details, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
36 figcaption, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
37 figure, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
38 footer, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
39 header, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
40 hgroup, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
41 main, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
42 menu, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
43 nav, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
44 section, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
45 summary { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
46 display: block; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
47 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
48 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
49 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
50 * 1. Correct `inline-block` display not defined in IE 8/9. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
51 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
52 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
53 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
54 audio, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
55 canvas, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
56 progress, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
57 video { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
58 display: inline-block; /* 1 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
59 vertical-align: baseline; /* 2 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
60 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
61 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
62 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
63 * Prevent modern browsers from displaying `audio` without controls. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
64 * Remove excess height in iOS 5 devices. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
65 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
66 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
67 audio:not([controls]) { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
68 display: none; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
69 height: 0; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
70 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
71 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
72 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
73 * Address `[hidden]` styling not present in IE 8/9/10. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
74 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
75 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
76 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
77 [hidden], |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
78 template { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
79 display: none; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
80 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
81 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
82 /* Links |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
83 ========================================================================== */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
84 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
85 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
86 * Remove the gray background color from active links in IE 10. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
87 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
88 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
89 a { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
90 background-color: transparent; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
91 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
92 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
93 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
94 * Improve readability of focused elements when they are also in an |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
95 * active/hover state. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
96 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
97 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
98 a:active, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
99 a:hover { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
100 outline: 0; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
101 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
102 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
103 /* Text-level semantics |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
104 ========================================================================== */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
105 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
106 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
107 * Address styling not present in IE 8/9/10/11, Safari, and Chrome. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
108 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
109 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
110 abbr[title] { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
111 border-bottom: 1px dotted; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
112 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
113 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
114 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
115 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
116 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
117 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
118 b, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
119 strong { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
120 font-weight: bold; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
121 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
122 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
123 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
124 * Address styling not present in Safari and Chrome. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
125 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
126 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
127 dfn { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
128 font-style: italic; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
129 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
130 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
131 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
132 * Address variable `h1` font-size and margin within `section` and `article` |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
133 * contexts in Firefox 4+, Safari, and Chrome. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
134 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
135 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
136 h1 { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
137 font-size: 2em; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
138 margin: 0.67em 0; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
139 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
140 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
141 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
142 * Address styling not present in IE 8/9. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
143 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
144 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
145 mark { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
146 background: #ff0; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
147 color: #000; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
148 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
149 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
150 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
151 * Address inconsistent and variable font size in all browsers. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
152 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
153 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
154 small { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
155 font-size: 80%; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
156 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
157 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
158 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
159 * Prevent `sub` and `sup` affecting `line-height` in all browsers. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
160 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
161 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
162 sub, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
163 sup { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
164 font-size: 75%; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
165 line-height: 0; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
166 position: relative; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
167 vertical-align: baseline; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
168 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
169 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
170 sup { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
171 top: -0.5em; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
172 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
173 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
174 sub { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
175 bottom: -0.25em; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
176 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
177 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
178 /* Embedded content |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
179 ========================================================================== */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
180 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
181 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
182 * Remove border when inside `a` element in IE 8/9/10. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
183 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
184 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
185 img { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
186 border: 0; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
187 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
188 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
189 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
190 * Correct overflow not hidden in IE 9/10/11. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
191 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
192 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
193 svg:not(:root) { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
194 overflow: hidden; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
195 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
196 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
197 /* Grouping content |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
198 ========================================================================== */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
199 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
200 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
201 * Address margin not present in IE 8/9 and Safari. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
202 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
203 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
204 figure { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
205 margin: 1em 40px; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
206 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
207 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
208 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
209 * Address differences between Firefox and other browsers. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
210 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
211 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
212 hr { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
213 box-sizing: content-box; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
214 height: 0; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
215 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
216 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
217 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
218 * Contain overflow in all browsers. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
219 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
220 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
221 pre { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
222 overflow: auto; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
223 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
224 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
225 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
226 * Address odd `em`-unit font size rendering in all browsers. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
227 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
228 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
229 code, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
230 kbd, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
231 pre, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
232 samp { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
233 font-family: monospace, monospace; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
234 font-size: 1em; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
235 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
236 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
237 /* Forms |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
238 ========================================================================== */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
239 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
240 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
241 * Known limitation: by default, Chrome and Safari on OS X allow very limited |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
242 * styling of `select`, unless a `border` property is set. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
243 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
244 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
245 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
246 * 1. Correct color not being inherited. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
247 * Known issue: affects color of disabled elements. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
248 * 2. Correct font properties not being inherited. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
249 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
250 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
251 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
252 button, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
253 input, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
254 optgroup, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
255 select, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
256 textarea { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
257 color: inherit; /* 1 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
258 font: inherit; /* 2 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
259 margin: 0; /* 3 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
260 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
261 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
262 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
263 * Address `overflow` set to `hidden` in IE 8/9/10/11. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
264 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
265 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
266 button { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
267 overflow: visible; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
268 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
269 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
270 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
271 * Address inconsistent `text-transform` inheritance for `button` and `select`. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
272 * All other form control elements do not inherit `text-transform` values. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
273 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
274 * Correct `select` style inheritance in Firefox. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
275 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
276 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
277 button, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
278 select { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
279 text-transform: none; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
280 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
281 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
282 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
283 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
284 * and `video` controls. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
285 * 2. Correct inability to style clickable `input` types in iOS. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
286 * 3. Improve usability and consistency of cursor style between image-type |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
287 * `input` and others. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
288 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
289 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
290 button, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
291 html input[type="button"], /* 1 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
292 input[type="reset"], |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
293 input[type="submit"] { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
294 -webkit-appearance: button; /* 2 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
295 cursor: pointer; /* 3 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
296 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
297 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
298 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
299 * Re-set default cursor for disabled elements. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
300 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
301 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
302 button[disabled], |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
303 html input[disabled] { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
304 cursor: default; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
305 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
306 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
307 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
308 * Remove inner padding and border in Firefox 4+. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
309 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
310 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
311 button::-moz-focus-inner, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
312 input::-moz-focus-inner { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
313 border: 0; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
314 padding: 0; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
315 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
316 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
317 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
318 * Address Firefox 4+ setting `line-height` on `input` using `!important` in |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
319 * the UA stylesheet. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
320 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
321 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
322 input { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
323 line-height: normal; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
324 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
325 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
326 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
327 * It's recommended that you don't attempt to style these elements. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
328 * Firefox's implementation doesn't respect box-sizing, padding, or width. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
329 * |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
330 * 1. Address box sizing set to `content-box` in IE 8/9/10. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
331 * 2. Remove excess padding in IE 8/9/10. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
332 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
333 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
334 input[type="checkbox"], |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
335 input[type="radio"] { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
336 box-sizing: border-box; /* 1 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
337 padding: 0; /* 2 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
338 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
339 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
340 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
341 * Fix the cursor style for Chrome's increment/decrement buttons. For certain |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
342 * `font-size` values of the `input`, it causes the cursor style of the |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
343 * decrement button to change from `default` to `text`. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
344 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
345 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
346 input[type="number"]::-webkit-inner-spin-button, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
347 input[type="number"]::-webkit-outer-spin-button { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
348 height: auto; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
349 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
350 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
351 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
352 * 1. Address `appearance` set to `searchfield` in Safari and Chrome. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
353 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
354 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
355 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
356 input[type="search"] { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
357 -webkit-appearance: textfield; /* 1 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
358 box-sizing: content-box; /* 2 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
359 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
360 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
361 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
362 * Remove inner padding and search cancel button in Safari and Chrome on OS X. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
363 * Safari (but not Chrome) clips the cancel button when the search input has |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
364 * padding (and `textfield` appearance). |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
365 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
366 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
367 input[type="search"]::-webkit-search-cancel-button, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
368 input[type="search"]::-webkit-search-decoration { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
369 -webkit-appearance: none; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
370 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
371 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
372 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
373 * Define consistent border, margin, and padding. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
374 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
375 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
376 fieldset { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
377 border: 1px solid #c0c0c0; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
378 margin: 0 2px; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
379 padding: 0.35em 0.625em 0.75em; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
380 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
381 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
382 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
383 * 1. Correct `color` not being inherited in IE 8/9/10/11. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
384 * 2. Remove padding so people aren't caught out if they zero out fieldsets. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
385 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
386 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
387 legend { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
388 border: 0; /* 1 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
389 padding: 0; /* 2 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
390 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
391 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
392 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
393 * Remove default vertical scrollbar in IE 8/9/10/11. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
394 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
395 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
396 textarea { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
397 overflow: auto; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
398 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
399 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
400 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
401 * Don't inherit the `font-weight` (applied by a rule above). |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
402 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
403 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
404 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
405 optgroup { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
406 font-weight: bold; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
407 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
408 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
409 /* Tables |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
410 ========================================================================== */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
411 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
412 /** |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
413 * Remove most spacing between table cells. |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
414 */ |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
415 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
416 table { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
417 border-collapse: collapse; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
418 border-spacing: 0; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
419 } |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
420 |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
421 td, |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
422 th { |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
423 padding: 0; |
7abe02bf29ec
initial commit
Alex Krolick <whokilledtheelectricmonk@gmail.com>
parents:
diff
changeset
|
424 } |