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.

289 lines
5.0 KiB

9 years ago
  1. /*!
  2. Pure v0.6.0
  3. Copyright 2014 Yahoo! Inc. All rights reserved.
  4. Licensed under the BSD License.
  5. https://github.com/yahoo/pure/blob/master/LICENSE.md
  6. */
  7. /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
  8. .pure-g {
  9. letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
  10. *letter-spacing: normal; /* reset IE < 8 */
  11. *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
  12. text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
  13. /*
  14. Sets the font stack to fonts known to work properly with the above letter
  15. and word spacings. See: https://github.com/yahoo/pure/issues/41/
  16. The following font stack makes Pure Grids work on all known environments.
  17. * FreeSans: Ships with many Linux distros, including Ubuntu
  18. * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
  19. Arial to get picked up by the browser, even though neither is available
  20. in Chrome OS.
  21. * Droid Sans: Ships with all versions of Android.
  22. * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
  23. */
  24. font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
  25. /*
  26. Use flexbox when possible to avoid `letter-spacing` side-effects.
  27. NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
  28. `-moz-` prefix version is omitted.
  29. */
  30. display: -webkit-flex;
  31. -webkit-flex-flow: row wrap;
  32. /* IE10 uses display: flexbox */
  33. display: -ms-flexbox;
  34. -ms-flex-flow: row wrap;
  35. /* Prevents distributing space between rows */
  36. -ms-align-content: flex-start;
  37. -webkit-align-content: flex-start;
  38. align-content: flex-start;
  39. }
  40. /* Opera as of 12 on Windows needs word-spacing.
  41. The ".opera-only" selector is used to prevent actual prefocus styling
  42. and is not required in markup.
  43. */
  44. .opera-only :-o-prefocus,
  45. .pure-g {
  46. word-spacing: -0.43em;
  47. }
  48. .pure-u {
  49. display: inline-block;
  50. *display: inline; /* IE < 8: fake inline-block */
  51. zoom: 1;
  52. letter-spacing: normal;
  53. word-spacing: normal;
  54. vertical-align: top;
  55. text-rendering: auto;
  56. }
  57. /*
  58. Resets the font family back to the OS/browser's default sans-serif font,
  59. this the same font stack that Normalize.css sets for the `body`.
  60. */
  61. .pure-g [class *= "pure-u"] {
  62. font-family: sans-serif;
  63. }
  64. .pure-u-1,
  65. .pure-u-1-1,
  66. .pure-u-1-2,
  67. .pure-u-1-3,
  68. .pure-u-2-3,
  69. .pure-u-1-4,
  70. .pure-u-3-4,
  71. .pure-u-1-5,
  72. .pure-u-2-5,
  73. .pure-u-3-5,
  74. .pure-u-4-5,
  75. .pure-u-5-5,
  76. .pure-u-1-6,
  77. .pure-u-5-6,
  78. .pure-u-1-8,
  79. .pure-u-3-8,
  80. .pure-u-5-8,
  81. .pure-u-7-8,
  82. .pure-u-1-12,
  83. .pure-u-5-12,
  84. .pure-u-7-12,
  85. .pure-u-11-12,
  86. .pure-u-1-24,
  87. .pure-u-2-24,
  88. .pure-u-3-24,
  89. .pure-u-4-24,
  90. .pure-u-5-24,
  91. .pure-u-6-24,
  92. .pure-u-7-24,
  93. .pure-u-8-24,
  94. .pure-u-9-24,
  95. .pure-u-10-24,
  96. .pure-u-11-24,
  97. .pure-u-12-24,
  98. .pure-u-13-24,
  99. .pure-u-14-24,
  100. .pure-u-15-24,
  101. .pure-u-16-24,
  102. .pure-u-17-24,
  103. .pure-u-18-24,
  104. .pure-u-19-24,
  105. .pure-u-20-24,
  106. .pure-u-21-24,
  107. .pure-u-22-24,
  108. .pure-u-23-24,
  109. .pure-u-24-24 {
  110. display: inline-block;
  111. *display: inline;
  112. zoom: 1;
  113. letter-spacing: normal;
  114. word-spacing: normal;
  115. vertical-align: top;
  116. text-rendering: auto;
  117. }
  118. .pure-u-1-24 {
  119. width: 4.1667%;
  120. *width: 4.1357%;
  121. }
  122. .pure-u-1-12,
  123. .pure-u-2-24 {
  124. width: 8.3333%;
  125. *width: 8.3023%;
  126. }
  127. .pure-u-1-8,
  128. .pure-u-3-24 {
  129. width: 12.5000%;
  130. *width: 12.4690%;
  131. }
  132. .pure-u-1-6,
  133. .pure-u-4-24 {
  134. width: 16.6667%;
  135. *width: 16.6357%;
  136. }
  137. .pure-u-1-5 {
  138. width: 20%;
  139. *width: 19.9690%;
  140. }
  141. .pure-u-5-24 {
  142. width: 20.8333%;
  143. *width: 20.8023%;
  144. }
  145. .pure-u-1-4,
  146. .pure-u-6-24 {
  147. width: 25%;
  148. *width: 24.9690%;
  149. }
  150. .pure-u-7-24 {
  151. width: 29.1667%;
  152. *width: 29.1357%;
  153. }
  154. .pure-u-1-3,
  155. .pure-u-8-24 {
  156. width: 33.3333%;
  157. *width: 33.3023%;
  158. }
  159. .pure-u-3-8,
  160. .pure-u-9-24 {
  161. width: 37.5000%;
  162. *width: 37.4690%;
  163. }
  164. .pure-u-2-5 {
  165. width: 40%;
  166. *width: 39.9690%;
  167. }
  168. .pure-u-5-12,
  169. .pure-u-10-24 {
  170. width: 41.6667%;
  171. *width: 41.6357%;
  172. }
  173. .pure-u-11-24 {
  174. width: 45.8333%;
  175. *width: 45.8023%;
  176. }
  177. .pure-u-1-2,
  178. .pure-u-12-24 {
  179. width: 50%;
  180. *width: 49.9690%;
  181. }
  182. .pure-u-13-24 {
  183. width: 54.1667%;
  184. *width: 54.1357%;
  185. }
  186. .pure-u-7-12,
  187. .pure-u-14-24 {
  188. width: 58.3333%;
  189. *width: 58.3023%;
  190. }
  191. .pure-u-3-5 {
  192. width: 60%;
  193. *width: 59.9690%;
  194. }
  195. .pure-u-5-8,
  196. .pure-u-15-24 {
  197. width: 62.5000%;
  198. *width: 62.4690%;
  199. }
  200. .pure-u-2-3,
  201. .pure-u-16-24 {
  202. width: 66.6667%;
  203. *width: 66.6357%;
  204. }
  205. .pure-u-17-24 {
  206. width: 70.8333%;
  207. *width: 70.8023%;
  208. }
  209. .pure-u-3-4,
  210. .pure-u-18-24 {
  211. width: 75%;
  212. *width: 74.9690%;
  213. }
  214. .pure-u-19-24 {
  215. width: 79.1667%;
  216. *width: 79.1357%;
  217. }
  218. .pure-u-4-5 {
  219. width: 80%;
  220. *width: 79.9690%;
  221. }
  222. .pure-u-5-6,
  223. .pure-u-20-24 {
  224. width: 83.3333%;
  225. *width: 83.3023%;
  226. }
  227. .pure-u-7-8,
  228. .pure-u-21-24 {
  229. width: 87.5000%;
  230. *width: 87.4690%;
  231. }
  232. .pure-u-11-12,
  233. .pure-u-22-24 {
  234. width: 91.6667%;
  235. *width: 91.6357%;
  236. }
  237. .pure-u-23-24 {
  238. width: 95.8333%;
  239. *width: 95.8023%;
  240. }
  241. .pure-u-1,
  242. .pure-u-1-1,
  243. .pure-u-5-5,
  244. .pure-u-24-24 {
  245. width: 100%;
  246. }