Mercurial > hg > mpiwgzen_wide

comparison css/normalize.css~ @ 0:a3750d724105 default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
initital
author Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de>
date Tue, 02 Jun 2015 09:16:36 +0200
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:a3750d724105
1 /**
2 * @file
3 * Normalize.css is intended to be used as an alternative to CSS resets.
4 *
5 * This file is a slight fork of these original sources:
6 * - normalize.css v2.1.2 | MIT License | git.io/normalize
7 * - normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass
8 *
9 * It's suggested that you read the normalize.scss file and customise it to meet
10 * your needs, rather then including the file in your project and overriding the
11 * defaults later in your CSS.
12 * @see http://nicolasgallagher.com/about-normalize-css/
13 *
14 * Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
15 * @see http://snook.ca/archives/html_and_css/no_css_reset/
16 */
17
18 /**
19 * HTML5 display definitions
20 */
21
22 /* Correct `block` display not defined in IE 8/9. */
23 article,
24 aside,
25 details,
26 figcaption,
27 figure,
28 footer,
29 header,
30 main,
31 nav,
32 section,
33 summary {
34 display: block;
35 }
36
37 /* Correct `inline-block` display not defined in IE 8/9. */
38 audio,
39 canvas,
40 video {
41 display: inline-block;
42 *display: inline;
43 *zoom: 1;
44 }
45
46 /**
47 * Prevent modern browsers from displaying `audio` without controls.
48 * Remove excess height in iOS 5 devices.
49 */
50 audio:not([controls]) {
51 display: none;
52 height: 0;
53 }
54
55 /* Address styling not present in IE 8/9. */
56 [hidden] {
57 display: none;
58 }
59
60 /**
61 * Base
62 *
63 * Instead of relying on the fonts that are available on a user's computer, you
64 * can use web fonts which, like images, are resources downloaded to the user's
65 * browser. Because of the bandwidth and rendering resources required, web fonts
66 * should be used with care.
67 *
68 * Numerous resources for web fonts can be found on Google. Here are a few
69 * websites where you can find Open Source fonts to download:
70 * - http://www.fontsquirrel.com/fontface
71 * - http://www.theleagueofmoveabletype.com
72 *
73 * In order to use these fonts, you will need to convert them into formats
74 * suitable for web fonts. We recommend the free-to-use Font Squirrel's
75 * Font-Face Generator:
76 * http://www.fontsquirrel.com/fontface/generator
77 *
78 * The following is an example @font-face declaration. This font can then be
79 * used in any ruleset using a property like this: font-family: Example, serif;
80 */
81
82 /*
83 @font-face {
84 font-family: 'Example';
85 src: url('../fonts/example.eot');
86 src: url('../fonts/example.eot?iefix') format('eot'),
87 url('../fonts/example.woff') format('woff'),
88 url('../fonts/example.ttf') format('truetype'),
89 url('../fonts/example.svg#webfontOkOndcij') format('svg');
90 font-weight: normal;
91 font-style: normal;
92 }
93 */
94
95 /**
96 * 1. Set default font family to sans-serif.
97 * 2. Prevent iOS text size adjust after orientation change, without disabling
98 * user zoom.
99 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
100 * `em` units.
101 */
102 html {
103 font-family: Verdana, Arial, sans-serif; /* 1 */
104 /*mpiwg Schriften eigentlich:
105 font-family: Verdana, Arial, sans-serif;*/
106
107 /* Use a 12px base font size. 16px x 75% = 12px */
108 font-size: 75%; /* 3 */
109
110 -ms-text-size-adjust: 100%; /* 2 */
111 -webkit-text-size-adjust: 100%; /* 2 */
112
113 /* Establish a vertical rhythm. */
114 line-height: 1.5em;
115 }
116
117 /* Address `font-family` inconsistency between `textarea` and other form elements. */
118 button,
119 input,
120 select,
121 textarea {
122 /**
123 * The following font family declarations are available on most computers.
124 *
125 * A user's web browser will look at the comma-separated list and will
126 * attempt to use each font in turn until it finds one that is available
127 * on the user's computer. The final "generic" font (sans-serif, serif or
128 * monospace) hints at what type of font to use if the web browser doesn't
129 * find any of the fonts in the list.
130 *
131 * font-family: "Times New Roman", Times, Georgia, "DejaVu Serif", serif;
132 * font-family: Times, "Times New Roman", Georgia, "DejaVu Serif", serif;
133 * font-family: Georgia, "Times New Roman", "DejaVu Serif", serif;
134 *
135 * font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
136 * font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif;
137 * font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
138 * font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
139 *
140 * font-family: "Courier New", "DejaVu Sans Mono", monospace;
141 */
142 font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
143 }
144
145 /* Remove default margin. */
146 body {
147 margin: 0;
148 padding: 0;
149 background-color: #ebecf3;
150 }
151
152 /**
153 * Links
154 *
155 * The order of link states are based on Eric Meyer's article:
156 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
157 */
158 a:link {
159 text-decoration: none;
160 color: #3c4286;
161 }
162 a:visited {
163 text-decoration: none;
164 color: #3c4286;
165 }
166 a:hover,
167 a:focus {
168 text-decoration: underline;
169 }
170 a:active {
171 text-decoration: none;
172 }
173
174 /* Address `outline` inconsistency between Chrome and other browsers. */
175 a:focus {
176 outline: thin dotted;
177 }
178
179 /* Improve readability when focused and also mouse hovered in all browsers. */
180 a:active,
181 a:hover {
182 outline: 0;
183 }
184
185 /**
186 * Typography
187 *
188 * To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins
189 * so that the line height of our base font becomes the basic unit of vertical
190 * measurement. We use multiples of that unit to set the top and bottom margins
191 * for our block level elements and to set the line heights of any fonts.
192 * For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
193 */
194
195 /* Set 1 unit of vertical rhythm on the top and bottom margin. */
196 p,
197 pre {
198 margin: 1.5em 0;
199 }
200 blockquote {
201 /* Also indent the quote on both sides. */
202 margin: 1.5em 30px;
203 }
204
205 /**
206 * Address variable `h1` font-size and margin within `section` and `article`
207 * contexts in Firefox 4+, Safari 5, and Chrome.
208 */
209 h1 {
210 /* Set the font-size and line-height while keeping a proper vertical rhythm. */
211 font-size: 1em;
212 line-height: 1.5em; /* 3rem / 2em = 1.5em */
213 /* Set 1 unit of vertical rhythm on the top and bottom margins. */
214 /* margin-top: 0.75em; /* 1.5rem / 2em = .75em */
215 /* margin-bottom: 0.75em;*/
216 }
217 h2 {
218 font-size: 1.5em;
219 line-height: 2em; /* 3rem / 1.5em = 2em */
220 margin-top: 1em; /* 1.5rem / 1.5em = 1em */
221 margin-bottom: 1em;
222 }
223 h3 {
224 font-size: 1.17em;
225 line-height: 1.28205em; /* 1.5rem / 1.17em = 1.28205em */
226 margin-top: 1.28205em;
227 margin-bottom: 1.28205em;
228 }
229 h4 {
230 font-size: 1em;
231 line-height: 1.5em; /* 1.5rem / 1em = 1.5em */
232 margin-top: 1.5em;
233 margin-bottom: 1.5em;
234 }
235 h5 {
236 font-size: 0.83em;
237 line-height: 1.80723em; /* 1.5rem / 0.83em = 1.80723em */
238 margin-top: 1.80723em;
239 margin-bottom: 1.80723em;
240 }
241 h6 {
242 font-size: 0.67em;
243 line-height: 2.23881em; /* 1.5rem / 0.67em = 2.23881em */
244 margin-top: 2.23881em;
245 margin-bottom: 2.23881em;
246 }
247
248 /* Address styling not present in IE 8/9, Safari 5, and Chrome. */
249 abbr[title] {
250 border-bottom: 1px dotted;
251 }
252
253 /* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
254 b,
255 strong {
256 font-weight: bold;
257 }
258
259 /* Address styling not present in Safari 5 and Chrome. */
260 dfn {
261 font-style: italic;
262 }
263
264 /* Address differences between Firefox and other browsers. */
265 hr {
266 -webkit-box-sizing: content-box;
267 -moz-box-sizing: content-box;
268 box-sizing: content-box;
269 height: 0;
270 border: 1px solid #666;
271 padding-bottom: -1px;
272 margin: 1.5em 0;
273 }
274
275 /* Address styling not present in IE 8/9. */
276 mark {
277 background: #ff0;
278 color: #000;
279 }
280
281 /* Correct font family set oddly in Safari 5 and Chrome. */
282 code,
283 kbd,
284 pre,
285 samp,
286 tt,
287 var {
288 font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif;
289 _font-family: 'courier new', monospace;
290 font-size: 1em;
291 line-height: 1.5em;
292 }
293
294 /* Improve readability of pre-formatted text in all browsers. */
295 pre {
296 white-space: pre;
297 white-space: pre-wrap;
298 word-wrap: break-word;
299 }
300
301 /* Set consistent quote types. */
302 q {
303 quotes: "\201C" "\201D" "\2018" "\2019";
304 }
305
306 /* Address inconsistent and variable font size in all browsers. */
307 small {
308 font-size: 80%;
309 }
310
311 /* Prevent `sub` and `sup` affecting `line-height` in all browsers. */
312 sub,
313 sup {
314 font-size: 75%;
315 line-height: 0;
316 position: relative;
317 vertical-align: baseline;
318 }
319 sup {
320 top: -0.5em;
321 }
322 sub {
323 bottom: -0.25em;
324 }
325
326 /**
327 * Lists
328 */
329 dl,
330 menu,
331 ol,
332 ul {
333 /* Address margins set differently in IE 6/7. */
334 margin: 0 0 0;
335 }
336 ol ol,
337 ol ul,
338 ul ol,
339 ul ul {
340 /* Turn off margins on nested lists. */
341 margin: 0;
342 }
343 dd {
344 margin: 0 0 0 30px; /* LTR */
345 }
346
347 /* Address paddings set differently in IE 6/7. */
348 menu,
349 ol,
350 ul {
351 padding: 0 0 0 15px; /* LTR */
352 }
353
354 /* Correct list images handled incorrectly in IE 7. */
355 nav ul,
356 nav ol {
357 list-style: none;
358 list-style-image: none;
359 }
360
361 /**
362 * Embedded content and figures
363 *
364 * @todo Look into adding responsive embedded video.
365 */
366 img {
367 /* Remove border when inside `a` element in IE 8/9. */
368 border: 0;
369 /* Improve image quality when scaled in IE 7. */
370 -ms-interpolation-mode: bicubic;
371
372 /* Suppress the space beneath the baseline */
373 /* vertical-align: bottom; */
374
375 /* Responsive images */
376 max-width: 100%;
377 height: auto;
378 /* Correct IE 8 not scaling image height when resized. */
379 width: auto;
380 }
381
382 /* Correct overflow displayed oddly in IE 9. */
383 svg:not(:root) {
384 overflow: hidden;
385 }
386
387 /* Address margin not present in IE 8/9 and Safari 5. */
388 figure {
389 margin: 0;
390 }
391
392 /**
393 * Forms
394 */
395
396 /* Correct margin displayed oddly in IE 6/7. */
397 form {
398 margin: 0;
399 }
400
401 /* Define consistent border, margin, and padding. */
402 fieldset {
403 border: 1px solid #c0c0c0;
404 margin: 0 2px;
405 padding: 0.5em 0.625em 1em;
406 }
407
408 /**
409 * 1. Correct `color` not being inherited in IE 8/9.
410 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
411 * 3. Correct alignment displayed oddly in IE 6/7.
412 */
413 legend {
414 border: 0; /* 1 */
415 padding: 0; /* 2 */
416 *margin-left: -7px; /* 3 */ /* LTR */
417 }
418
419 /**
420 * 1. Correct font family not being inherited in all browsers.
421 * 2. Correct font size not being inherited in all browsers.
422 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
423 * 4. Improve appearance and consistency with IE 6/7.
424 * 5. Keep form elements constrained in their containers.
425 */
426 button,
427 input,
428 select,
429 textarea {
430 font-family: inherit; /* 1 */
431 font-size: 100%; /* 2 */
432 margin: 0; /* 3 */
433 vertical-align: baseline; /* 4 */
434 *vertical-align: middle; /* 4 */
435 max-width: 100%; /* 5 */
436 -webkit-box-sizing: border-box;
437 -moz-box-sizing: border-box;
438 box-sizing: border-box; /* 5 */
439 }
440
441 /**
442 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
443 * the UA stylesheet.
444 */
445 button,
446 input {
447 line-height: normal;
448 }
449
450 /**
451 * Address inconsistent `text-transform` inheritance for `button` and `select`.
452 * All other form control elements do not inherit `text-transform` values.
453 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
454 * Correct `select` style inheritance in Firefox 4+ and Opera.
455 */
456 button,
457 select {
458 text-transform: none;
459 }
460
461 /**
462 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
463 * and `video` controls.
464 * 2. Correct inability to style clickable `input` types in iOS.
465 * 3. Improve usability and consistency of cursor style between image-type
466 * `input` and others.
467 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
468 * Known issue: inner spacing remains in IE 6.
469 */
470 button,
471 html input[type="button"], /* 1 */
472 input[type="reset"],
473 input[type="submit"] {
474 -webkit-appearance: button; /* 2 */
475 cursor: pointer; /* 3 */
476 *overflow: visible; /* 4 */
477 }
478
479 /**
480 * Re-set default cursor for disabled elements.
481 */
482 button[disabled],
483 html input[disabled] {
484 cursor: default;
485 }
486
487 /**
488 * 1. Address box sizing set to `content-box` in IE 8/9.
489 * 2. Remove excess padding in IE 8/9.
490 * 3. Remove excess padding in IE 7.
491 * Known issue: excess padding remains in IE 6.
492 */
493 input[type="checkbox"],
494 input[type="radio"] {
495 -webkit-box-sizing: border-box;
496 -moz-box-sizing: border-box;
497 box-sizing: border-box; /* 1 */
498 padding: 0; /* 2 */
499 *height: 13px; /* 3 */
500 *width: 13px; /* 3 */
501 }
502
503 /**
504 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
505 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
506 * (include `-moz` to future-proof).
507 */
508 input[type="search"] {
509 -webkit-appearance: textfield; /* 1 */
510 -webkit-box-sizing: content-box;
511 -moz-box-sizing: content-box;
512 box-sizing: content-box; /* 2 */
513 }
514
515 /**
516 * Remove inner padding and search cancel button in Safari 5 and Chrome
517 * on OS X.
518 */
519 input[type="search"]::-webkit-search-cancel-button,
520 input[type="search"]::-webkit-search-decoration {
521 -webkit-appearance: none;
522 }
523
524 /* Remove inner padding and border in Firefox 4+. */
525 button::-moz-focus-inner,
526 input::-moz-focus-inner {
527 border: 0;
528 padding: 0;
529 }
530
531 /**
532 * 1. Remove default vertical scrollbar in IE 8/9.
533 * 2. Improve readability and alignment in all browsers.
534 */
535 textarea {
536 overflow: auto; /* 1 */
537 vertical-align: top; /* 2 */
538 }
539
540 /* Drupal-style form labels. */
541 label {
542 display: block;
543 font-weight: bold;
544 }
545
546 /**
547 * Tables
548 */
549 table {
550 /* Remove most spacing between table cells. */
551 border-collapse: collapse;
552 border-spacing: 0;
553 /* Prevent cramped-looking tables */
554 /* width: 100%; */
555 /* Add vertical rhythm margins. */
556 margin-top: 1.5em;
557 margin-bottom: 1.5em;
558 }