globals.css 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. /* Artfully Masterminded by ZURB */
  2. /* --------------------------------------------------
  3. Table of Contents
  4. -----------------------------------------------------
  5. :: Reset & Standards
  6. :: Links
  7. :: Lists
  8. :: Tables
  9. :: Misc
  10. */
  11. /* --------------------------------------------------
  12. :: Global Reset & Standards
  13. -------------------------------------------------- */
  14. /*
  15. Eric Meyer's CSS Reset
  16. http://meyerweb.com/eric/tools/css/reset/
  17. v2.0 | 20110126
  18. License: none (public domain)
  19. */
  20. html, body, div, span, applet, object, iframe,
  21. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  22. a, abbr, acronym, address, big, cite, code,
  23. del, dfn, em, img, ins, kbd, q, s, samp,
  24. small, strike, strong, sub, sup, tt, var,
  25. b, u, i, center,
  26. dl, dt, dd, ol, ul, li,
  27. fieldset, form, label, legend,
  28. table, caption, tbody, tfoot, thead, tr, th, td,
  29. article, aside, canvas, details, embed,
  30. figure, figcaption, footer, header, hgroup,
  31. menu, nav, output, ruby, section, summary,
  32. time, mark, audio, video {
  33. margin: 0;
  34. padding: 0;
  35. border: 0;
  36. font: inherit;
  37. vertical-align: baseline;
  38. }
  39. html {
  40. font-size: 62.5%;
  41. }
  42. /* HTML5 display-role reset for older browsers */
  43. article, aside, details, figcaption, figure,
  44. footer, header, hgroup, menu, nav, section {
  45. display: block;
  46. }
  47. body {
  48. line-height: 1;
  49. }
  50. ol, ul {
  51. list-style: none;
  52. }
  53. blockquote, q {
  54. quotes: none;
  55. }
  56. blockquote:before, blockquote:after,
  57. q:before, q:after {
  58. content: '';
  59. content: none;
  60. }
  61. table {
  62. border-collapse: collapse;
  63. border-spacing: 0;
  64. }
  65. body { background: #fff; font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; line-height: 18px; color: #555; position: relative; -webkit-font-smoothing: antialiased; }
  66. /* --------------------------------------------------
  67. :: Links
  68. -------------------------------------------------- */
  69. a { color: #2a85e8; text-decoration: none; line-height: inherit; }
  70. a:hover { color: #11639d; }
  71. a:focus { color: #cc4714; outline: none; }
  72. p a, p a:visited { line-height: inherit; }
  73. /* --------------------------------------------------
  74. :: Lists
  75. -------------------------------------------------- */
  76. ul, ol { margin-bottom: 18px; }
  77. ul { list-style: none outside; }
  78. ol { list-style: decimal; }
  79. ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
  80. ul.square { list-style: square outside; }
  81. ul.circle { list-style: circle outside; }
  82. ul.disc { list-style: disc outside; }
  83. li { margin-bottom: 12px; }
  84. ul.large li { line-height: 21px; }
  85. /* --------------------------------------------------
  86. :: Tables
  87. -------------------------------------------------- */
  88. table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; }
  89. table thead, table tfoot { background: #f5f5f5; }
  90. table thead tr th,
  91. table tfoot tr th,
  92. table tbody tr td,
  93. table tr td,
  94. table tfoot tr td { font-size: 12px; line-height: 18px; text-align: left; }
  95. table thead tr th,
  96. table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }
  97. table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }
  98. table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }
  99. table tbody tr.even,
  100. table tbody tr.alt { background: #f9f9f9; }
  101. table tbody tr:nth-child(even) { background: #f9f9f9; }
  102. table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }
  103. /* --------------------------------------------------
  104. :: Misc
  105. ---------------------------------------------------*/
  106. .left { float: left; }
  107. .right { float: right; }
  108. .text-left { text-align: left; }
  109. .text-right { text-align: right; }
  110. .text-center { text-align: center; }
  111. .hide { display: none; }
  112. .highlight { background: #ff0; }