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.

427 lines
8.3 KiB

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