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.

619 lines
10 KiB

  1. /*
  2. * # Semantic - Site
  3. * http://github.com/semantic-org/semantic-ui/
  4. *
  5. *
  6. * Copyright 2013 Contributors
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */
  11. /*******************************
  12. Theme
  13. *******************************/
  14. /* Manual Import */
  15. /*! normalize.css v2.1.3 | MIT License | git.io/normalize */
  16. /* ==========================================================================
  17. HTML5 display definitions
  18. ========================================================================== */
  19. /**
  20. * Correct `block` display not defined in IE 8/9.
  21. */
  22. article,
  23. aside,
  24. details,
  25. figcaption,
  26. figure,
  27. footer,
  28. header,
  29. hgroup,
  30. main,
  31. nav,
  32. section,
  33. summary {
  34. display: block;
  35. }
  36. /**
  37. * Correct `inline-block` display not defined in IE 8/9.
  38. */
  39. audio,
  40. canvas,
  41. video {
  42. display: inline-block;
  43. }
  44. /**
  45. * Prevent modern browsers from displaying `audio` without controls.
  46. * Remove excess height in iOS 5 devices.
  47. */
  48. audio:not([controls]) {
  49. display: none;
  50. height: 0;
  51. }
  52. /**
  53. * Address `[hidden]` styling not present in IE 8/9.
  54. * Hide the `template` element in IE, Safari, and Firefox < 22.
  55. */
  56. [hidden],
  57. template {
  58. display: none;
  59. }
  60. /* ==========================================================================
  61. Base
  62. ========================================================================== */
  63. /**
  64. * 1. Set default font family to sans-serif.
  65. * 2. Prevent iOS text size adjust after orientation change, without disabling
  66. * user zoom.
  67. */
  68. html {
  69. font-family: sans-serif;
  70. /* 1 */
  71. -ms-text-size-adjust: 100%;
  72. /* 2 */
  73. -webkit-text-size-adjust: 100%;
  74. /* 2 */
  75. }
  76. /**
  77. * Remove default margin.
  78. */
  79. body {
  80. margin: 0;
  81. }
  82. /* ==========================================================================
  83. Links
  84. ========================================================================== */
  85. /**
  86. * Remove the gray background color from active links in IE 10.
  87. */
  88. a {
  89. background: transparent;
  90. }
  91. /**
  92. * Address `outline` inconsistency between Chrome and other browsers.
  93. */
  94. a:focus {
  95. outline: thin dotted;
  96. }
  97. /**
  98. * Improve readability when focused and also mouse hovered in all browsers.
  99. */
  100. a:active,
  101. a:hover {
  102. outline: 0;
  103. }
  104. /* ==========================================================================
  105. Typography
  106. ========================================================================== */
  107. /**
  108. * Address variable `h1` font-size and margin within `section` and `article`
  109. * contexts in Firefox 4+, Safari 5, and Chrome.
  110. */
  111. h1 {
  112. font-size: 2em;
  113. margin: 0.67em 0;
  114. }
  115. /**
  116. * Address styling not present in IE 8/9, Safari 5, and Chrome.
  117. */
  118. abbr[title] {
  119. border-bottom: 1px dotted;
  120. }
  121. /**
  122. * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
  123. */
  124. b,
  125. strong {
  126. font-weight: bold;
  127. }
  128. /**
  129. * Address styling not present in Safari 5 and Chrome.
  130. */
  131. dfn {
  132. font-style: italic;
  133. }
  134. /**
  135. * Address differences between Firefox and other browsers.
  136. */
  137. hr {
  138. -moz-box-sizing: content-box;
  139. -webkit-box-sizing: content-box;
  140. box-sizing: content-box;
  141. height: 0;
  142. }
  143. /**
  144. * Address styling not present in IE 8/9.
  145. */
  146. mark {
  147. background: #ff0;
  148. color: #000;
  149. }
  150. /**
  151. * Correct font family set oddly in Safari 5 and Chrome.
  152. */
  153. code,
  154. kbd,
  155. pre,
  156. samp {
  157. font-family: monospace, serif;
  158. font-size: 1em;
  159. }
  160. /**
  161. * Improve readability of pre-formatted text in all browsers.
  162. */
  163. pre {
  164. white-space: pre-wrap;
  165. }
  166. /**
  167. * Set consistent quote types.
  168. */
  169. q {
  170. quotes: "\201C" "\201D" "\2018" "\2019";
  171. }
  172. /**
  173. * Address inconsistent and variable font size in all browsers.
  174. */
  175. small {
  176. font-size: 80%;
  177. }
  178. /**
  179. * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  180. */
  181. sub,
  182. sup {
  183. font-size: 75%;
  184. line-height: 0;
  185. position: relative;
  186. vertical-align: baseline;
  187. }
  188. sup {
  189. top: -0.5em;
  190. }
  191. sub {
  192. bottom: -0.25em;
  193. }
  194. /* ==========================================================================
  195. Embedded content
  196. ========================================================================== */
  197. /**
  198. * Remove border when inside `a` element in IE 8/9.
  199. */
  200. img {
  201. border: 0;
  202. }
  203. /**
  204. * Correct overflow displayed oddly in IE 9.
  205. */
  206. svg:not(:root) {
  207. overflow: hidden;
  208. }
  209. /* ==========================================================================
  210. Figures
  211. ========================================================================== */
  212. /**
  213. * Address margin not present in IE 8/9 and Safari 5.
  214. */
  215. figure {
  216. margin: 0;
  217. }
  218. /* ==========================================================================
  219. Forms
  220. ========================================================================== */
  221. /**
  222. * Define consistent border, margin, and padding.
  223. */
  224. fieldset {
  225. border: 1px solid #c0c0c0;
  226. margin: 0 2px;
  227. padding: 0.35em 0.625em 0.75em;
  228. }
  229. /**
  230. * 1. Correct `color` not being inherited in IE 8/9.
  231. * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  232. */
  233. legend {
  234. border: 0;
  235. /* 1 */
  236. padding: 0;
  237. /* 2 */
  238. }
  239. /**
  240. * 1. Correct font family not being inherited in all browsers.
  241. * 2. Correct font size not being inherited in all browsers.
  242. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
  243. */
  244. button,
  245. input,
  246. select,
  247. textarea {
  248. font-family: inherit;
  249. /* 1 */
  250. font-size: 100%;
  251. /* 2 */
  252. margin: 0;
  253. /* 3 */
  254. }
  255. /**
  256. * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  257. * the UA stylesheet.
  258. */
  259. button,
  260. input {
  261. line-height: normal;
  262. }
  263. /**
  264. * Address inconsistent `text-transform` inheritance for `button` and `select`.
  265. * All other form control elements do not inherit `text-transform` values.
  266. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
  267. * Correct `select` style inheritance in Firefox 4+ and Opera.
  268. */
  269. button,
  270. select {
  271. text-transform: none;
  272. }
  273. /**
  274. * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  275. * and `video` controls.
  276. * 2. Correct inability to style clickable `input` types in iOS.
  277. * 3. Improve usability and consistency of cursor style between image-type
  278. * `input` and others.
  279. */
  280. button,
  281. html input[type="button"],
  282. input[type="reset"],
  283. input[type="submit"] {
  284. -webkit-appearance: button;
  285. /* 2 */
  286. cursor: pointer;
  287. /* 3 */
  288. }
  289. /**
  290. * Re-set default cursor for disabled elements.
  291. */
  292. button[disabled],
  293. html input[disabled] {
  294. cursor: default;
  295. }
  296. /**
  297. * 1. Address box sizing set to `content-box` in IE 8/9/10.
  298. * 2. Remove excess padding in IE 8/9/10.
  299. */
  300. input[type="checkbox"],
  301. input[type="radio"] {
  302. -webkit-box-sizing: border-box;
  303. -moz-box-sizing: border-box;
  304. box-sizing: border-box;
  305. /* 1 */
  306. padding: 0;
  307. /* 2 */
  308. }
  309. /**
  310. * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
  311. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
  312. * (include `-moz` to future-proof).
  313. */
  314. input[type="search"] {
  315. -webkit-appearance: textfield;
  316. /* 1 */
  317. -moz-box-sizing: content-box;
  318. -webkit-box-sizing: content-box;
  319. /* 2 */
  320. box-sizing: content-box;
  321. }
  322. /**
  323. * Remove inner padding and search cancel button in Safari 5 and Chrome
  324. * on OS X.
  325. */
  326. input[type="search"]::-webkit-search-cancel-button,
  327. input[type="search"]::-webkit-search-decoration {
  328. -webkit-appearance: none;
  329. }
  330. /**
  331. * Remove inner padding and border in Firefox 4+.
  332. */
  333. button::-moz-focus-inner,
  334. input::-moz-focus-inner {
  335. border: 0;
  336. padding: 0;
  337. }
  338. /**
  339. * 1. Remove default vertical scrollbar in IE 8/9.
  340. * 2. Improve readability and alignment in all browsers.
  341. */
  342. textarea {
  343. overflow: auto;
  344. /* 1 */
  345. vertical-align: top;
  346. /* 2 */
  347. }
  348. /* ==========================================================================
  349. Tables
  350. ========================================================================== */
  351. /**
  352. * Remove most spacing between table cells.
  353. */
  354. table {
  355. border-collapse: collapse;
  356. border-spacing: 0;
  357. }
  358. /*******************************
  359. Global Variables
  360. *******************************/
  361. /*-------------------
  362. Paths
  363. --------------------*/
  364. /*-------------------
  365. Page
  366. --------------------*/
  367. /*-------------------
  368. Breakpoints
  369. --------------------*/
  370. /*-------------------
  371. Fonts
  372. --------------------*/
  373. /*-------------------
  374. Icons
  375. --------------------*/
  376. /* Width of largest icon */
  377. /*******************************
  378. BG Colors
  379. *******************************/
  380. /*******************************
  381. Colors
  382. *******************************/
  383. /*-------------------
  384. Background
  385. --------------------*/
  386. /*--- Colors ---*/
  387. /*--- Emotive ---*/
  388. /*--- Neutrals ---*/
  389. /*-------------------
  390. Text Colors
  391. --------------------*/
  392. /*-------------------
  393. Brand Colors
  394. --------------------*/
  395. /*-------------------
  396. Borders
  397. --------------------*/
  398. /*-------------------
  399. Sizes
  400. --------------------*/
  401. /*-------------------
  402. Transitions
  403. --------------------*/
  404. /*******************************
  405. States
  406. *******************************/
  407. /*-------------------
  408. Disabled
  409. --------------------*/
  410. /*-------------------
  411. Hover
  412. --------------------*/
  413. /*--- Colors ---*/
  414. /*--- Emotive ---*/
  415. /*--- Neutrals ---*/
  416. /*-------------------
  417. Down (:active)
  418. --------------------*/
  419. /*--- Colors ---*/
  420. /*--- Emotive ---*/
  421. /*--- Neutrals ---*/
  422. /*-------------------
  423. Active
  424. --------------------*/
  425. /*--- Standard ---*/
  426. /*--- Emotive ---*/
  427. /*--- Neutrals ---*/
  428. /*******************************
  429. Page
  430. *******************************/
  431. html,
  432. body {
  433. font-size: 15px;
  434. height: 100%;
  435. }
  436. body {
  437. background: #fcfcfc;
  438. font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
  439. margin: 0px;
  440. padding: 0px;
  441. color: rgba(0, 0, 0, 0.7);
  442. min-width: 320px;
  443. }
  444. /*******************************
  445. Text
  446. *******************************/
  447. h1,
  448. h2,
  449. h3,
  450. h4,
  451. h5 {
  452. margin: 1em 0em 1rem;
  453. padding: 0em;
  454. }
  455. p {
  456. margin: 1em 0em;
  457. }
  458. p:first-child {
  459. margin-top: 0em;
  460. }
  461. p:last-child {
  462. margin-bottom: 0em;
  463. }
  464. /*-------------------
  465. Links
  466. --------------------*/
  467. a {
  468. color: #009fda;
  469. text-decoration: none;
  470. }
  471. a:hover {
  472. color: #00b2f3;
  473. }
  474. /*******************************
  475. Highlighting
  476. *******************************/
  477. ::-webkit-selection {
  478. background-color: #ffffcc;
  479. color: rgba(0, 0, 0, 0.7);
  480. }
  481. ::-moz-selection {
  482. background-color: #ffffcc;
  483. color: rgba(0, 0, 0, 0.7);
  484. }
  485. ::selection {
  486. background-color: #ffffcc;
  487. color: rgba(0, 0, 0, 0.7);
  488. }