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