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