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.

482 lines
9.1 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. /*!
  8. normalize.css v^3.0 | MIT License | git.io/normalize
  9. Copyright (c) Nicolas Gallagher and Jonathan Neal
  10. */
  11. /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
  12. /**
  13. * 1. Set default font family to sans-serif.
  14. * 2. Prevent iOS text size adjust after orientation change, without disabling
  15. * user zoom.
  16. */
  17. .pure {
  18. font-family: sans-serif;
  19. /* 1 */
  20. -ms-text-size-adjust: 100%;
  21. /* 2 */
  22. -webkit-text-size-adjust: 100%;
  23. /* 2 */
  24. }
  25. /**
  26. * Remove default margin.
  27. */
  28. .pure {
  29. margin: 0;
  30. }
  31. /* HTML5 display definitions
  32. ========================================================================== */
  33. /**
  34. * Correct `block` display not defined for any HTML5 element in IE 8/9.
  35. * Correct `block` display not defined for `details` or `summary` in IE 10/11
  36. * and Firefox.
  37. * Correct `block` display not defined for `main` in IE 11.
  38. */
  39. .pure article,
  40. .pure aside,
  41. .pure details,
  42. .pure figcaption,
  43. .pure figure,
  44. .pure footer,
  45. .pure header,
  46. .pure hgroup,
  47. .pure main,
  48. .pure menu,
  49. .pure nav,
  50. .pure section,
  51. .pure summary {
  52. display: block;
  53. }
  54. /**
  55. * 1. Correct `inline-block` display not defined in IE 8/9.
  56. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
  57. */
  58. .pure audio,
  59. .pure canvas,
  60. .pure progress,
  61. .pure video {
  62. display: inline-block;
  63. /* 1 */
  64. vertical-align: baseline;
  65. /* 2 */
  66. }
  67. /**
  68. * Prevent modern browsers from displaying `audio` without controls.
  69. * Remove excess height in iOS 5 devices.
  70. */
  71. .pure audio:not([controls]) {
  72. display: none;
  73. height: 0;
  74. }
  75. /**
  76. * Address `[hidden]` styling not present in IE 8/9/10.
  77. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
  78. */
  79. .pure [hidden],
  80. .pure template {
  81. display: none;
  82. }
  83. /* Links
  84. ========================================================================== */
  85. /**
  86. * Remove the gray background color from active links in IE 10.
  87. */
  88. .pure a {
  89. background-color: transparent;
  90. }
  91. /**
  92. * Improve readability when focused and also mouse hovered in all browsers.
  93. */
  94. .pure a:active,
  95. .pure a:hover {
  96. outline: 0;
  97. }
  98. /* Text-level semantics
  99. ========================================================================== */
  100. /**
  101. * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
  102. */
  103. .pure abbr[title] {
  104. border-bottom: 1px dotted;
  105. }
  106. /**
  107. * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
  108. */
  109. .pure b,
  110. .pure strong {
  111. font-weight: bold;
  112. }
  113. /**
  114. * Address styling not present in Safari and Chrome.
  115. */
  116. .pure dfn {
  117. font-style: italic;
  118. }
  119. /**
  120. * Address variable `h1` font-size and margin within `section` and `article`
  121. * contexts in Firefox 4+, Safari, and Chrome.
  122. */
  123. .pure h1 {
  124. font-size: 2em;
  125. margin: 0.67em 0;
  126. }
  127. /**
  128. * Address styling not present in IE 8/9.
  129. */
  130. .pure mark {
  131. background: #ff0;
  132. color: #000;
  133. }
  134. /**
  135. * Address inconsistent and variable font size in all browsers.
  136. */
  137. .pure small {
  138. font-size: 80%;
  139. }
  140. /**
  141. * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  142. */
  143. .pure sub,
  144. .pure sup {
  145. font-size: 75%;
  146. line-height: 0;
  147. position: relative;
  148. vertical-align: baseline;
  149. }
  150. .pure sup {
  151. top: -0.5em;
  152. }
  153. .pure sub {
  154. bottom: -0.25em;
  155. }
  156. /* Embedded content
  157. ========================================================================== */
  158. /**
  159. * Remove border when inside `a` element in IE 8/9/10.
  160. */
  161. .pure img {
  162. border: 0;
  163. }
  164. /**
  165. * Correct overflow not hidden in IE 9/10/11.
  166. */
  167. .pure svg:not(:root) {
  168. overflow: hidden;
  169. }
  170. /* Grouping content
  171. ========================================================================== */
  172. /**
  173. * Address margin not present in IE 8/9 and Safari.
  174. */
  175. .pure figure {
  176. margin: 1em 40px;
  177. }
  178. /**
  179. * Address differences between Firefox and other browsers.
  180. */
  181. .pure hr {
  182. -moz-box-sizing: content-box;
  183. box-sizing: content-box;
  184. height: 0;
  185. }
  186. /**
  187. * Contain overflow in all browsers.
  188. */
  189. .pure pre {
  190. overflow: auto;
  191. }
  192. /**
  193. * Address odd `em`-unit font size rendering in all browsers.
  194. */
  195. .pure code,
  196. .pure kbd,
  197. .pure pre,
  198. .pure samp {
  199. font-family: monospace, monospace;
  200. font-size: 1em;
  201. }
  202. /* Forms
  203. ========================================================================== */
  204. /**
  205. * Known limitation: by default, Chrome and Safari on OS X allow very limited
  206. * styling of `select`, unless a `border` property is set.
  207. */
  208. /**
  209. * 1. Correct color not being inherited.
  210. * Known issue: affects color of disabled elements.
  211. * 2. Correct font properties not being inherited.
  212. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
  213. */
  214. .pure button,
  215. .pure input,
  216. .pure optgroup,
  217. .pure select,
  218. .pure textarea {
  219. color: inherit;
  220. /* 1 */
  221. font: inherit;
  222. /* 2 */
  223. margin: 0;
  224. /* 3 */
  225. }
  226. /**
  227. * Address `overflow` set to `hidden` in IE 8/9/10/11.
  228. */
  229. .pure button {
  230. overflow: visible;
  231. }
  232. /**
  233. * Address inconsistent `text-transform` inheritance for `button` and `select`.
  234. * All other form control elements do not inherit `text-transform` values.
  235. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
  236. * Correct `select` style inheritance in Firefox.
  237. */
  238. .pure button,
  239. .pure select {
  240. text-transform: none;
  241. }
  242. /**
  243. * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  244. * and `video` controls.
  245. * 2. Correct inability to style clickable `input` types in iOS.
  246. * 3. Improve usability and consistency of cursor style between image-type
  247. * `input` and others.
  248. */
  249. .pure button,
  250. .pure input[type="button"],
  251. .pure input[type="reset"],
  252. .pure input[type="submit"] {
  253. -webkit-appearance: button;
  254. /* 2 */
  255. cursor: pointer;
  256. /* 3 */
  257. }
  258. /**
  259. * Re-set default cursor for disabled elements.
  260. */
  261. .pure button[disabled],
  262. .pure input[disabled] {
  263. cursor: default;
  264. }
  265. /**
  266. * Remove inner padding and border in Firefox 4+.
  267. */
  268. .pure button::-moz-focus-inner,
  269. .pure input::-moz-focus-inner {
  270. border: 0;
  271. padding: 0;
  272. }
  273. /**
  274. * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  275. * the UA stylesheet.
  276. */
  277. .pure input {
  278. line-height: normal;
  279. }
  280. /**
  281. * It's recommended that you don't attempt to style these elements.
  282. * Firefox's implementation doesn't respect box-sizing, padding, or width.
  283. *
  284. * 1. Address box sizing set to `content-box` in IE 8/9/10.
  285. * 2. Remove excess padding in IE 8/9/10.
  286. */
  287. .pure input[type="checkbox"],
  288. .pure input[type="radio"] {
  289. box-sizing: border-box;
  290. /* 1 */
  291. padding: 0;
  292. /* 2 */
  293. }
  294. /**
  295. * Fix the cursor style for Chrome's increment/decrement buttons. For certain
  296. * `font-size` values of the `input`, it causes the cursor style of the
  297. * decrement button to change from `default` to `text`.
  298. */
  299. .pure input[type="number"]::-webkit-inner-spin-button,
  300. .pure input[type="number"]::-webkit-outer-spin-button {
  301. height: auto;
  302. }
  303. /**
  304. * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
  305. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
  306. * (include `-moz` to future-proof).
  307. */
  308. .pure input[type="search"] {
  309. -webkit-appearance: textfield;
  310. /* 1 */
  311. -moz-box-sizing: content-box;
  312. -webkit-box-sizing: content-box;
  313. /* 2 */
  314. box-sizing: content-box;
  315. }
  316. /**
  317. * Remove inner padding and search cancel button in Safari and Chrome on OS X.
  318. * Safari (but not Chrome) clips the cancel button when the search input has
  319. * padding (and `textfield` appearance).
  320. */
  321. .pure input[type="search"]::-webkit-search-cancel-button,
  322. .pure input[type="search"]::-webkit-search-decoration {
  323. -webkit-appearance: none;
  324. }
  325. /**
  326. * Define consistent border, margin, and padding.
  327. */
  328. .pure fieldset {
  329. border: 1px solid #c0c0c0;
  330. margin: 0 2px;
  331. padding: 0.35em 0.625em 0.75em;
  332. }
  333. /**
  334. * 1. Correct `color` not being inherited in IE 8/9/10/11.
  335. * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  336. */
  337. .pure legend {
  338. border: 0;
  339. /* 1 */
  340. padding: 0;
  341. /* 2 */
  342. }
  343. /**
  344. * Remove default vertical scrollbar in IE 8/9/10/11.
  345. */
  346. .pure textarea {
  347. overflow: auto;
  348. }
  349. /**
  350. * Don't inherit the `font-weight` (applied by a rule above).
  351. * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
  352. */
  353. .pure optgroup {
  354. font-weight: bold;
  355. }
  356. /* Tables
  357. ========================================================================== */
  358. /**
  359. * Remove most spacing between table cells.
  360. */
  361. .pure table {
  362. border-collapse: collapse;
  363. border-spacing: 0;
  364. }
  365. .pure td,
  366. .pure th {
  367. padding: 0;
  368. }
  369. /*csslint important:false*/
  370. /* ==========================================================================
  371. Pure Base Extras
  372. ========================================================================== */
  373. /**
  374. * Extra rules that Pure adds on top of Normalize.css
  375. */
  376. /**
  377. * Always hide an element when it has the `hidden` HTML attribute.
  378. */
  379. .pure .hidden,
  380. .pure [hidden] {
  381. display: none !important;
  382. }
  383. /**
  384. * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
  385. * aspect ratio.
  386. */
  387. .pure .pure-img {
  388. max-width: 100%;
  389. height: auto;
  390. display: block;
  391. }