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,
  67 img {
  68   max-width: 100%;
  69   height: auto;
  70 }
  71
  72 iframe {
  73   max-width: 100%;
  74 }
  75
  76 .fl {
  77   float: left;
  78 }
  79
  80 .fr {
  81   float: right;
  82 }
  83
  84 table {
  85   border-collapse: collapse;
  86 }
  87
  88 figure {
  89   margin: 0;
  90 }
  91
  92 button,
  93 input,
  94 select,
  95 textarea {
  96   font-family: inherit;
  97   font-size: 100%;
  98   margin: 0;
  99 }
 100
 101 input[type="search"] {
 102   -webkit-appearance: textfield;
 103 }
 104
 105 /* ==========================================================================
 106    Mise en page
 107    ========================================================================== */
 108
 109 .dib {
 110   display: inline-block;
 111   vertical-align: middle;
 112 }
 113
 114 .dnone {
 115   display: none;
 116 }
 117
 118 .dtable {
 119   display: table;
 120 }
 121
 122 .dtable > * {
 123   display: table-row;
 124 }
 125
 126 .dtable > * > * {
 127   display: table-cell;
 128 }
 129
 130 .element-invisible {
 131   border: 0;
 132   clip: rect(0 0 0 0);
 133   height: 1px;
 134   margin: -1px;
 135   overflow: hidden;
 136   padding: 0;
 137   position: absolute;
 138   width: 1px;
 139 }
 140
 141 .small {
 142   font-size: 0.8em;
 143 }
 144
 145 .big {
 146   font-size: 1.2em;
 147 }
 148
 149 /* Width */
 150
 151 .w100 {
 152   width: 100%;
 153 }
 154
 155 .w90 {
 156   width: 90%;
 157 }
 158
 159 .w80 {
 160   width: 80%;
 161 }
 162
 163 .w70 {
 164   width: 70%;
 165 }
 166
 167 .w60 {
 168   width: 60%;
 169 }
 170
 171 .w50 {
 172   width: 50%;
 173 }
 174
 175 .w40 {
 176   width: 40%;
 177 }
 178
 179 .w30 {
 180   width: 30%;
 181 }
 182
 183 .w20 {
 184   width: 20%;
 185 }
 186
 187 .w10 {
 188   width: 10%;
 189 }
 190
 191 /* ==========================================================================
 192    Internet Explorer
 193    ========================================================================== */
 194
 195 /* IE8 and IE9 */
 196
 197 article,
 198 aside,
 199 details,
 200 figcaption,
 201 figure,
 202 footer,
 203 header,
 204 hgroup,
 205 main,
 206 nav,
 207 section,
 208 summary {
 209   display: block;
 210 }
 211
 212 /* IE8 and IE9 */
 213
 214 audio,
 215 canvas,
 216 video {
 217   display: inline-block;
 218 }
 219
 220 @media screen and (-webkit-min-device-pixel-ratio: 0) {
 221   select {
 222     -webkit-appearance: none;
 223     border-radius: 0;
 224   }
 225 }