7e7bab9a4146e8bea925adde3f1e2349c19f89d0
[photo-tags.git] / normalize.css
1 /*! normalize.css 2011-09-22T17:42 UTC - http://github.com/necolas/normalize.css */
2
3 /* =============================================================================
4    HTML5 display definitions
5    ========================================================================== */
6
7 /*
8  * Corrects block display not defined in IE6/7/8/9 & FF3
9  */
10
11 article,
12 aside,
13 details,
14 figcaption,
15 figure,
16 footer,
17 header,
18 hgroup,
19 nav,
20 section {
21     display: block;
22 }
23
24 /*
25  * Corrects inline-block display not defined in IE6/7/8/9 & FF3
26  */
27
28 audio,
29 canvas,
30 video {
31     display: inline-block;
32     *display: inline;
33     *zoom: 1;
34 }
35
36 /*
37  * Prevents modern browsers from displaying 'audio' without controls
38  */
39
40 audio:not([controls]) {
41     display: none;
42 }
43
44 /*
45  * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
46  * Known issue: no IE6 support
47  */
48
49 [hidden] {
50     display: none;
51 }
52
53
54 /* =============================================================================
55    Base
56    ========================================================================== */
57
58 /*
59  * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
60  *    http://clagnut.com/blog/348/#c790
61  * 2. Keeps page centred in all browsers regardless of content height
62  * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
63  *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
64  */
65
66 html {
67     font-size: 100%; /* 1 */
68     overflow-y: scroll; /* 2 */
69     -webkit-text-size-adjust: 100%; /* 3 */
70     -ms-text-size-adjust: 100%; /* 3 */
71 }
72
73 /*
74  * Addresses margins handled incorrectly in IE6/7
75  */
76
77 body {
78     margin: 0;
79 }
80
81 /* 
82  * Addresses font-family inconsistency between 'textarea' and other form elements.
83  */
84
85 body,
86 button,
87 input,
88 select,
89 textarea {
90     font-family: sans-serif;
91 }
92
93
94 /* =============================================================================
95    Links
96    ========================================================================== */
97
98 a {
99     color: #00e;
100 }
101
102 a:visited {
103     color: #551a8b;
104 }
105
106 /*
107  * Addresses outline displayed oddly in Chrome
108  */
109
110 a:focus {
111     outline: thin dotted;
112 }
113
114 /*
115  * Improves readability when focused and also mouse hovered in all browsers
116  * people.opera.com/patrickl/experiments/keyboard/test
117  */
118
119 a:hover,
120 a:active {
121     outline: 0;
122 }
123
124
125 /* =============================================================================
126    Typography
127    ========================================================================== */
128
129 /*
130  * Addresses styling not present in IE7/8/9, S5, Chrome
131  */
132
133 abbr[title] {
134     border-bottom: 1px dotted;
135 }
136
137 /*
138  * Addresses style set to 'bolder' in FF3/4, S4/5, Chrome
139 */
140
141 b, 
142 strong { 
143     font-weight: bold; 
144 }
145
146 blockquote {
147     margin: 1em 40px;
148 }
149
150 /*
151  * Addresses styling not present in S5, Chrome
152  */
153
154 dfn {
155     font-style: italic;
156 }
157
158 /*
159  * Addresses styling not present in IE6/7/8/9
160  */
161
162 mark {
163     background: #ff0;
164     color: #000;
165 }
166
167 /*
168  * Corrects font family set oddly in IE6, S4/5, Chrome
169  * en.wikipedia.org/wiki/User:Davidgothberg/Test59
170  */
171
172 pre,
173 code,
174 kbd,
175 samp {
176     font-family: monospace, serif;
177     _font-family: 'courier new', monospace;
178     font-size: 1em;
179 }
180
181 /*
182  * Improves readability of pre-formatted text in all browsers
183  */
184
185 pre {
186     white-space: pre;
187     white-space: pre-wrap;
188     word-wrap: break-word;
189 }
190
191 /*
192  * 1. Addresses CSS quotes not supported in IE6/7
193  * 2. Addresses quote property not supported in S4
194  */
195
196 /* 1 */
197
198 q {
199     quotes: none;
200 }
201
202 /* 2 */
203
204 q:before,
205 q:after {
206     content: '';
207     content: none;
208 }
209
210 small {
211     font-size: 75%;
212 }
213
214 /*
215  * Prevents sub and sup affecting line-height in all browsers
216  * gist.github.com/413930
217  */
218
219 sub,
220 sup {
221     font-size: 75%;
222     line-height: 0;
223     position: relative;
224     vertical-align: baseline;
225 }
226
227 sup {
228     top: -0.5em;
229 }
230
231 sub {
232     bottom: -0.25em;
233 }
234
235
236 /* =============================================================================
237    Lists
238    ========================================================================== */
239
240 ul,
241 ol {
242     margin: 1em 0;
243     padding: 0 0 0 40px;
244 }
245
246 dd {
247     margin: 0 0 0 40px;
248 }
249
250 nav ul,
251 nav ol {
252     list-style: none;
253     list-style-image: none;
254 }
255
256
257 /* =============================================================================
258    Embedded content
259    ========================================================================== */
260
261 /*
262  * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
263  * 2. Improves image quality when scaled in IE7
264  *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
265  */
266
267 img {
268     border: 0; /* 1 */
269     -ms-interpolation-mode: bicubic; /* 2 */
270 }
271
272 /*
273  * Corrects overflow displayed oddly in IE9 
274  */
275
276 svg:not(:root) {
277     overflow: hidden;
278 }
279
280
281 /* =============================================================================
282    Figures
283    ========================================================================== */
284
285 /*
286  * Addresses margin not present in IE6/7/8/9, S5, O11
287  */
288
289 figure {
290     margin: 0;
291 }
292
293
294 /* =============================================================================
295    Forms
296    ========================================================================== */
297
298 /*
299  * Corrects margin displayed oddly in IE6/7
300  */
301
302 form {
303     margin: 0;
304 }
305
306 /*
307  * Define consistent border, margin, and padding
308  */
309
310 fieldset {
311     border: 1px solid #c0c0c0;
312     margin: 0 2px;
313     padding: 0.35em 0.625em 0.75em;
314 }
315
316 /*
317  * 1. Corrects color not being inherited in IE6/7/8/9
318  * 2. Corrects alignment displayed oddly in IE6/7
319  */
320
321 legend {
322     border: 0; /* 1 */
323     *margin-left: -7px; /* 2 */
324 }
325
326 /*
327  * 1. Corrects font size not being inherited in all browsers
328  * 2. Addresses margins set differently in IE6/7, FF3/4, S5, Chrome
329  * 3. Improves appearance and consistency in all browsers
330  */
331
332 button,
333 input,
334 select,
335 textarea {
336     font-size: 100%; /* 1 */
337     margin: 0; /* 2 */
338     vertical-align: baseline; /* 3 */
339     *vertical-align: middle; /* 3 */
340 }
341
342 /*
343  * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
344  */
345
346 button,
347 input {
348     line-height: normal; /* 1 */
349 }
350
351 /*
352  * 1. Improves usability and consistency of cursor style between image-type 'input' and others
353  * 2. Corrects inability to style clickable 'input' types in iOS
354  * 3. Corrects inner spacing displayed oddly in IE7 without effecting normal text inputs
355  *    Known issue: inner spacing remains in IE6
356  */
357
358 button,
359 input[type="button"], 
360 input[type="reset"], 
361 input[type="submit"] {
362     cursor: pointer; /* 1 */
363     -webkit-appearance: button; /* 2 */
364     *overflow: visible;  /* 3 */
365 }
366
367 /*
368  * 1. Addresses box sizing set to content-box in IE8/9
369  * 2. Addresses excess padding in IE8/9
370  */
371
372 input[type="checkbox"],
373 input[type="radio"] {
374     box-sizing: border-box; /* 1 */
375     padding: 0; /* 2 */
376 }
377
378 /*
379  * 1. Addresses appearance set to searchfield in S5, Chrome
380  * 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof)
381  */
382
383 input[type="search"] {
384     -webkit-appearance: textfield; /* 1 */
385     -moz-box-sizing: content-box;
386     -webkit-box-sizing: content-box; /* 2 */
387     box-sizing: content-box;
388 }
389
390 /*
391  * Corrects inner padding displayed oddly in S5, Chrome on OSX
392  */
393
394 input[type="search"]::-webkit-search-decoration {
395     -webkit-appearance: none;
396 }
397
398 /*
399  * Corrects inner padding and border displayed oddly in FF3/4
400  * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
401  */
402
403 button::-moz-focus-inner,
404 input::-moz-focus-inner {
405     border: 0;
406     padding: 0;
407 }
408
409 /*
410  * 1. Removes default vertical scrollbar in IE6/7/8/9
411  * 2. Improves readability and alignment in all browsers
412  */
413
414 textarea {
415     overflow: auto; /* 1 */
416     vertical-align: top; /* 2 */
417 }
418
419
420 /* =============================================================================
421    Tables
422    ========================================================================== */
423
424 /* 
425  * Remove most spacing between table cells
426  */
427
428 table {
429     border-collapse: collapse;
430     border-spacing: 0;
431 }