code.grnet.gr Git - snf-cloudcms/blob - cloudcms/static/cloudcms/less/reset.less

   1 /* Reset.less
   2  * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here       that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
   3  * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
   4
   5
   6 // ERIC MEYER RESET
   7 // --------------------------------------------------
   8
   9 html, body { margin: 0; padding: 0; }
  10 h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; }
  11 table { border-collapse: collapse; border-spacing: 0; }
  12 ol, ul { list-style: none; }
  13 q:before, q:after, blockquote:before, blockquote:after { content: ""; }
  14
  15
  16 // Normalize.css
  17 // Pulling in select resets form the normalize.css project
  18 // --------------------------------------------------
  19
  20 // Display in IE6-9 and FF3
  21 // -------------------------
  22 // Source: http://github.com/necolas/normalize.css
  23 html {
  24   overflow-y: scroll;
  25   font-size: 100%;
  26   -webkit-text-size-adjust: 100%;
  27       -ms-text-size-adjust: 100%;
  28 }
  29 // Focus states
  30 a:focus {
  31   outline: thin dotted;
  32 }
  33 // Hover & Active
  34 a:hover,
  35 a:active {
  36   outline: 0;
  37 }
  38
  39 // Display in IE6-9 and FF3
  40 // -------------------------
  41 // Source: http://github.com/necolas/normalize.css
  42 article,
  43 aside,
  44 details,
  45 figcaption,
  46 figure,
  47 footer,
  48 header,
  49 hgroup,
  50 nav,
  51 section {
  52   display: block;
  53 }
  54
  55 // Display block in IE6-9 and FF3
  56 // -------------------------
  57 // Source: http://github.com/necolas/normalize.css
  58 audio,
  59 canvas,
  60 video {
  61   display: inline-block;
  62   *display: inline;
  63   *zoom: 1;
  64 }
  65
  66 // Prevents modern browsers from displaying 'audio' without controls
  67 // -------------------------
  68 // Source: http://github.com/necolas/normalize.css
  69 audio:not([controls]) {
  70     display: none;
  71 }
  72
  73 // Prevents sub and sup affecting line-height in all browsers
  74 // -------------------------
  75 // Source: http://github.com/necolas/normalize.css
  76 sub,
  77 sup {
  78   font-size: 75%;
  79   line-height: 0;
  80   position: relative;
  81   vertical-align: baseline;
  82 }
  83 sup {
  84   top: -0.5em;
  85 }
  86 sub {
  87   bottom: -0.25em;
  88 }
  89
  90 // Img border in a's and image quality
  91 // -------------------------
  92 // Source: http://github.com/necolas/normalize.css
  93 img {
  94     border: 0;
  95     -ms-interpolation-mode: bicubic;
  96 }
  97
  98 // Forms
  99 // -------------------------
 100 // Source: http://github.com/necolas/normalize.css
 101
 102 // Font size in all browsers, margin changes, misc consistency
 103 button,
 104 input,
 105 select,
 106 textarea {
 107   font-size: 100%;
 108   margin: 0;
 109   vertical-align: baseline;
 110   *vertical-align: middle;
 111 }
 112 button,
 113 input {
 114   line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
 115   *overflow: visible; // Inner spacing ie IE6/7
 116 }
 117 button::-moz-focus-inner,
 118 input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
 119   border: 0;
 120   padding: 0;
 121 }
 122 button,
 123 input[type="button"],
 124 input[type="reset"],
 125 input[type="submit"] {
 126   cursor: pointer; // Cursors on all buttons applied consistently
 127   -webkit-appearance: button; // Style clicable inputs in iOS
 128 }
 129 input[type="search"] { // Appearance in Safari/Chrome
 130   -webkit-appearance: textfield;
 131   -webkit-box-sizing: content-box;
 132      -moz-box-sizing: content-box;
 133           box-sizing: content-box;
 134 }
 135 input[type="search"]::-webkit-search-decoration {
 136   -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
 137 }
 138 textarea {
 139   overflow: auto; // Remove vertical scrollbar in IE6-9
 140   vertical-align: top; // Readability and alignment cross-browser
 141 }