app/Resources/static/themes/baggy/css/ratatouille.css

   1 /*
   2   Ratatouille mini Framework css by Thomas LEBEAU
   3   Base on KNACSS => www.KNACSS.com (2013-10) @author: Raphael Goetter, Alsacreations
   4   and normalize.css
   5 */
   6
   7 * {
   8   -webkit-box-sizing: border-box;
   9   -moz-box-sizing: border-box;
  10   box-sizing: border-box;
  11 }
  12
  13 html {
  14   font-family: sans-serif; /* 1 */
  15   -ms-text-size-adjust: 100%; /* 2 */
  16   -webkit-text-size-adjust: 100%; /* 2 */
  17 }
  18
  19 body {
  20   font-size: 1em;
  21   line-height: 1.5;
  22   margin: 0;
  23 }
  24
  25 /* ==========================================================================
  26    Mise en forme
  27    ========================================================================== */
  28
  29 h1:first-child,
  30 h2:first-child,
  31 h3:first-child,
  32 h4:first-child,
  33 h5:first-child,
  34 h6:first-child,
  35 p:first-child,
  36 ul:first-child,
  37 ol:first-child,
  38 dl:first-child {
  39   margin-top: 0;
  40 }
  41
  42 code,
  43 kbd,
  44 pre,
  45 samp {
  46   font-family: monospace, serif;
  47 }
  48
  49 pre {
  50   white-space: pre-wrap;
  51 }
  52
  53 .upper {
  54   text-transform: uppercase;
  55 }
  56
  57 .bold {
  58   font-weight: bold;
  59 }
  60
  61 .inner {
  62   margin: 0 auto;
  63   max-width: 61.25em; /* 980px */
  64 }
  65
  66 table, img, figure {
  67   max-width: 100%;
  68   height: auto;
  69 }
  70
  71 iframe {
  72   max-width: 100%;
  73 }
  74
  75 .fl {
  76   float: left;
  77 }
  78
  79 .fr {
  80   float: right;
  81 }
  82
  83 table {
  84   border-collapse: collapse;
  85 }
  86
  87 figure {
  88   margin: 0;
  89 }
  90
  91 button,
  92 input,
  93 select,
  94 textarea {
  95   font-family: inherit;
  96   font-size: 100%;
  97   margin: 0;
  98 }
  99
 100 input[type="search"] {
 101   -webkit-appearance: textfield;
 102 }
 103
 104 /* ==========================================================================
 105    Mise en page
 106    ========================================================================== */
 107
 108 .dib {
 109   display: inline-block;
 110   vertical-align: middle;
 111 }
 112
 113 .dnone {
 114   display: none;
 115 }
 116
 117 .dtable {
 118   display: table;
 119 }
 120
 121 .dtable > * {
 122   display: table-row;
 123 }
 124
 125 .dtable > * > * {
 126   display: table-cell;
 127 }
 128
 129 .element-invisible {
 130   border: 0;
 131   clip: rect(0 0 0 0);
 132   height: 1px;
 133   margin: -1px;
 134   overflow: hidden;
 135   padding: 0;
 136   position: absolute;
 137   width: 1px;
 138 }
 139
 140 .small {
 141   font-size: 0.8em;
 142 }
 143
 144 .big {
 145   font-size: 1.2em;
 146 }
 147
 148 /* Width */
 149
 150 .w100 {
 151   width: 100%;
 152 }
 153
 154 .w90 {
 155   width: 90%;
 156 }
 157
 158 .w80 {
 159   width: 80%;
 160 }
 161
 162 .w70 {
 163   width: 70%;
 164 }
 165
 166 .w60 {
 167   width: 60%;
 168 }
 169
 170 .w50 {
 171   width: 50%;
 172 }
 173
 174 .w40 {
 175   width: 40%;
 176 }
 177
 178 .w30 {
 179   width: 30%;
 180 }
 181
 182 .w20 {
 183   width: 20%;
 184 }
 185
 186 .w10 {
 187   width: 10%;
 188 }
 189
 190 /* ==========================================================================
 191    Internet Explorer
 192    ========================================================================== */
 193
 194 /* IE8 and IE9 */
 195
 196 article,
 197 aside,
 198 details,
 199 figcaption,
 200 figure,
 201 footer,
 202 header,
 203 hgroup,
 204 main,
 205 nav,
 206 section,
 207 summary {
 208   display: block;
 209 }
 210
 211 /* IE8 and IE9 */
 212
 213 audio,
 214 canvas,
 215 video {
 216   display: inline-block;
 217 }
 218
 219 @media screen and (-webkit-min-device-pixel-ratio: 0) {
 220   select {
 221     -webkit-appearance: none;
 222     border-radius: 0;
 223   }
 224 }