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.

174 lines
3.6 KiB

  1. //
  2. // HTML5 Reset :: style.css
  3. // ----------------------------------------------------------
  4. // We have learned much from/been inspired by/taken code where offered from:
  5. //
  6. // Eric Meyer :: http://meyerweb.com
  7. // HTML5 Doctor :: http://html5doctor.com
  8. // and the HTML5 Boilerplate :: http://html5boilerplate.com
  9. //
  10. //-------------------------------------------------------------------------------
  11. // Let's default this puppy out
  12. html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary
  13. margin: 0
  14. padding: 0
  15. border: 0
  16. font-size: 100%
  17. font-weight: normal
  18. vertical-align: baseline
  19. background: transparent
  20. article, aside, figure, footer, header, nav, section, details, summary
  21. display: block
  22. // Handle box-sizing while better addressing child elements:
  23. // http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
  24. html
  25. box-sizing: border-box
  26. *,
  27. *:before,
  28. *:after
  29. box-sizing: inherit
  30. // consider resetting the default cursor: https://gist.github.com/murtaugh/5247154
  31. // Responsive images and other embedded objects
  32. img,
  33. object,
  34. embed
  35. max-width: 100%
  36. //
  37. // Note: keeping IMG here will cause problems if you're using foreground images as sprites.
  38. // In fact, it *will* cause problems with Google Maps' controls at small size.
  39. // If this is the case for you, try uncommenting the following:
  40. //
  41. //#map img {
  42. // max-width: none;
  43. //}
  44. // force a vertical scrollbar to prevent a jumpy page
  45. html
  46. overflow-y: scroll
  47. // we use a lot of ULs that aren't bulleted.
  48. // don't forget to restore the bullets within content.
  49. ul
  50. list-style: none
  51. blockquote, q
  52. quotes: none
  53. blockquote:before,
  54. blockquote:after,
  55. q:before,
  56. q:after
  57. content: ''
  58. content: none
  59. a
  60. margin: 0
  61. padding: 0
  62. font-size: 100%
  63. vertical-align: baseline
  64. background: transparent
  65. del
  66. text-decoration: line-through
  67. abbr[title], dfn[title]
  68. border-bottom: 1px dotted #000
  69. cursor: help
  70. // tables still need cellspacing="0" in the markup
  71. table
  72. border-collapse: collapse
  73. border-spacing: 0
  74. th
  75. font-weight: bold
  76. vertical-align: bottom
  77. td
  78. font-weight: normal
  79. vertical-align: top
  80. hr
  81. display: block
  82. height: 1px
  83. border: 0
  84. border-top: 1px solid #ccc
  85. margin: 1em 0
  86. padding: 0
  87. input, select
  88. vertical-align: middle
  89. pre
  90. white-space: pre
  91. // CSS2
  92. white-space: pre-wrap
  93. // CSS 2.1
  94. white-space: pre-line
  95. // CSS 3 (and 2.1 as well, actually)
  96. word-wrap: break-word
  97. // IE
  98. input[type="radio"]
  99. vertical-align: text-bottom
  100. input[type="checkbox"]
  101. vertical-align: bottom
  102. select, input, textarea
  103. font: 99% sans-serif
  104. table
  105. font-size: inherit
  106. font: 100%
  107. small
  108. font-size: 85%
  109. strong
  110. font-weight: bold
  111. td, td img
  112. vertical-align: top
  113. // Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930
  114. sub, sup
  115. font-size: 75%
  116. line-height: 0
  117. position: relative
  118. sup
  119. top: -0.5em
  120. sub
  121. bottom: -0.25em
  122. // standardize any monospaced elements
  123. pre, code, kbd, samp
  124. font-family: monospace, sans-serif
  125. // hand cursor on clickable elements
  126. label,
  127. input[type=button],
  128. input[type=submit],
  129. input[type=file],
  130. button
  131. cursor: pointer
  132. // Webkit browsers add a 2px margin outside the chrome of form elements
  133. button, input, select, textarea
  134. margin: 0
  135. // make buttons play nice in IE
  136. button,
  137. input[type=button]
  138. width: auto
  139. overflow: visible