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.

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