You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

247 lines
6.0 KiB

  1. /* Resets (http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 | License: none (public domain)) */
  2. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}
  3. /* Box Model */
  4. *, *:before, *:after {
  5. -moz-box-sizing: border-box;
  6. -webkit-box-sizing: border-box;
  7. box-sizing: border-box;
  8. }
  9. /* Container */
  10. .container {
  11. margin-left: auto;
  12. margin-right: auto;
  13. /* width: (containers) */
  14. width: 60em;
  15. }
  16. /* Modifiers */
  17. /* 125% */
  18. .container.\31 25\25 {
  19. width: 100%;
  20. /* max-width: (containers * 1.25) */
  21. max-width: 75em;
  22. /* min-width: (containers) */
  23. min-width: 60em;
  24. }
  25. /* 75% */
  26. .container.\37 5\25 {
  27. /* width: (containers * 0.75) */
  28. width: 45em;
  29. }
  30. /* 50% */
  31. .container.\35 0\25 {
  32. /* width: (containers * 0.50) */
  33. width: 30em;
  34. }
  35. /* 25% */
  36. .container.\32 5\25 {
  37. /* width: (containers * 0.25) */
  38. width: 15em;
  39. }
  40. /* Grid */
  41. .row {
  42. border-bottom: solid 1px transparent;
  43. }
  44. .row > * {
  45. float: left;
  46. }
  47. .row:after, .row:before {
  48. content: '';
  49. display: block;
  50. clear: both;
  51. height: 0;
  52. }
  53. .row.uniform > * > :first-child {
  54. margin-top: 0;
  55. }
  56. .row.uniform > * > :last-child {
  57. margin-bottom: 0;
  58. }
  59. /* Gutters */
  60. /* Normal */
  61. .row > * {
  62. /* padding: (gutters.horizontal) 0 0 (gutters.vertical) */
  63. padding: 0 0 0 2em;
  64. }
  65. .row {
  66. /* margin: -(gutters.horizontal) 0 -1px -(gutters.vertical) */
  67. margin: 0 0 -1px -2em;
  68. }
  69. .row.uniform > * {
  70. /* padding: (gutters.vertical) 0 0 (gutters.vertical) */
  71. padding: 2em 0 0 2em;
  72. }
  73. .row.uniform {
  74. /* margin: -(gutters.vertical) 0 -1px -(gutters.vertical) */
  75. margin: -2em 0 -1px -2em;
  76. }
  77. /* 200% */
  78. .row.\32 00\25 > * {
  79. /* padding: (gutters.horizontal) 0 0 (gutters.vertical) */
  80. padding: 0 0 0 4em;
  81. }
  82. .row.\32 00\25 {
  83. /* margin: -(gutters.horizontal) 0 -1px -(gutters.vertical) */
  84. margin: 0 0 -1px -4em;
  85. }
  86. .row.uniform.\32 00\25 > * {
  87. /* padding: (gutters.vertical) 0 0 (gutters.vertical) */
  88. padding: 4em 0 0 4em;
  89. }
  90. .row.uniform.\32 00\25 {
  91. /* margin: -(gutters.vertical) 0 -1px -(gutters.vertical) */
  92. margin: -4em 0 -1px -4em;
  93. }
  94. /* 150% */
  95. .row.\31 50\25 > * {
  96. /* padding: (gutters.horizontal) 0 0 (gutters.vertical) */
  97. padding: 0 0 0 3em;
  98. }
  99. .row.\31 50\25 {
  100. /* margin: -(gutters.horizontal) 0 -1px -(gutters.vertical) */
  101. margin: 0 0 -1px -3em;
  102. }
  103. .row.uniform.\31 50\25 > * {
  104. /* padding: (gutters.vertical) 0 0 (gutters.vertical) */
  105. padding: 3em 0 0 3em;
  106. }
  107. .row.uniform.\31 50\25 {
  108. /* margin: -(gutters.vertical) 0 -1px -(gutters.vertical) */
  109. margin: -3em 0 -1px -3em;
  110. }
  111. /* 50% */
  112. .row.\35 0\25 > * {
  113. /* padding: (gutters.horizontal) 0 0 (gutters.vertical) */
  114. padding: 0 0 0 1em;
  115. }
  116. .row.\35 0\25 {
  117. /* margin: -(gutters.horizontal) 0 -1px -(gutters.vertical) */
  118. margin: 0 0 -1px -1em;
  119. }
  120. .row.uniform.\35 0\25 > * {
  121. /* padding: (gutters.vertical) 0 0 (gutters.vertical) */
  122. padding: 1em 0 0 1em;
  123. }
  124. .row.uniform.\35 0\25 {
  125. /* margin: -(gutters.vertical) 0 -1px -(gutters.vertical) */
  126. margin: -1em 0 -1px -1em;
  127. }
  128. /* 25% */
  129. .row.\32 5\25 > * {
  130. /* padding: (gutters.horizontal) 0 0 (gutters.vertical) */
  131. padding: 0 0 0 0.5em;
  132. }
  133. .row.\32 5\25 {
  134. /* margin: -(gutters.horizontal) 0 -1px -(gutters.vertical) */
  135. margin: 0 0 -1px -0.5em;
  136. }
  137. .row.uniform.\32 5\25 > * {
  138. /* padding: (gutters.vertical) 0 0 (gutters.vertical) */
  139. padding: 0.5em 0 0 0.5em;
  140. }
  141. .row.uniform.\32 5\25 {
  142. /* margin: -(gutters.vertical) 0 -1px -(gutters.vertical) */
  143. margin: -0.5em 0 -1px -0.5em;
  144. }
  145. /* 0% */
  146. .row.\30 \25 > * {
  147. padding: 0;
  148. }
  149. .row.\30 \25 {
  150. margin: 0 0 -1px 0;
  151. }
  152. /* Cells */
  153. .\31 2u, .\31 2u\24 { width: 100%; clear: none; margin-left: 0; }
  154. .\31 1u, .\31 1u\24 { width: 91.6666666667%; clear: none; margin-left: 0; }
  155. .\31 0u, .\31 0u\24 { width: 83.3333333333%; clear: none; margin-left: 0; }
  156. .\39 u, .\39 u\24 { width: 75%; clear: none; margin-left: 0; }
  157. .\38 u, .\38 u\24 { width: 66.6666666667%; clear: none; margin-left: 0; }
  158. .\37 u, .\37 u\24 { width: 58.3333333333%; clear: none; margin-left: 0; }
  159. .\36 u, .\36 u\24 { width: 50%; clear: none; margin-left: 0; }
  160. .\35 u, .\35 u\24 { width: 41.6666666667%; clear: none; margin-left: 0; }
  161. .\34 u, .\34 u\24 { width: 33.3333333333%; clear: none; margin-left: 0; }
  162. .\33 u, .\33 u\24 { width: 25%; clear: none; margin-left: 0; }
  163. .\32 u, .\32 u\24 { width: 16.6666666667%; clear: none; margin-left: 0; }
  164. .\31 u, .\31 u\24 { width: 8.3333333333%; clear: none; margin-left: 0; }
  165. .\31 2u\24 + *,
  166. .\31 1u\24 + *,
  167. .\31 0u\24 + *,
  168. .\39 u\24 + *,
  169. .\38 u\24 + *,
  170. .\37 u\24 + *,
  171. .\36 u\24 + *,
  172. .\35 u\24 + *,
  173. .\34 u\24 + *,
  174. .\33 u\24 + *,
  175. .\32 u\24 + *,
  176. .\31 u\24 + * {
  177. clear: left;
  178. }
  179. .\-11u { margin-left: 91.6666666667% }
  180. .\-10u { margin-left: 83.3333333333% }
  181. .\-9u { margin-left: 75% }
  182. .\-8u { margin-left: 66.6666666667% }
  183. .\-7u { margin-left: 58.3333333333% }
  184. .\-6u { margin-left: 50% }
  185. .\-5u { margin-left: 41.6666666667% }
  186. .\-4u { margin-left: 33.3333333333% }
  187. .\-3u { margin-left: 25% }
  188. .\-2u { margin-left: 16.6666666667% }
  189. .\-1u { margin-left: 8.3333333333% }