Posted By

Yahosh on 12/08/10


Tagged

css reset cross-browser


Versions (?)

Who likes this?

3 people have marked this snippet as a favorite

DCalabrese
laurentzziu
angrytomato


CSS Reset


 / Published in: CSS
 

  1. /* Project Information
  2. =================================================================================
  3. Theme Name: Custom Website for Company X
  4. Theme URI: http://www.hirejosh.com/
  5. Description: Custom Wordpress site for Company X.
  6. Version: 1.0
  7. Author: Josh Lawrence
  8. Author URI: http://www.hirejosh.com/
  9. Tags: fixed width, one column, two columns right, two columns right, three columns
  10. */
  11.  
  12.  
  13. /* Cross Browser Reset
  14. ================================================================================= */
  15. body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
  16. pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
  17.  
  18. body { background:#fff; font:12px/1 Arial, Helvetica, sans-serif; color:#444; text-align:center; }
  19. img { border:0; vertical-align:top; }
  20. a { color:#2a6920; text-decoration:none; }
  21. a:hover { text-decoration:underline; }
  22. :focus { outline: 0; }
  23.  
  24. /* Forms */
  25. form { display:inline; }
  26. fieldset { border:0; }
  27. legend { display:none; }
  28.  
  29. /* Table */
  30. table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
  31. caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }
  32.  
  33. /* Content */
  34. header, section, aside, footer, article, nav { display: block; }
  35. address { font-style:normal; }
  36. cite { font-style:normal; }
  37. q,
  38. blockquote { quotes:none; }
  39. q:before,
  40. q:after { content:''; }
  41. abbr, acronym { border: 0; }
  42. small { font-size:10px; }
  43. big { font-size:1.2em; }
  44. /*sup { font-size:1em; vertical-align:top; }/*/
  45.  
  46. /* Lists */
  47. ul,ol { list-style:none; }
  48.  
  49.  
  50. /* Tools */
  51. .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
  52. .nobr { white-space:nowrap !important; }
  53. .wrap { white-space:normal !important; }
  54. .v-top { vertical-align:top; }
  55. .v-middle { vertical-align:middle; }
  56. .f-left,
  57. .float-left,
  58. .left { float:left !important; }
  59. .f-right,
  60. .float-right,
  61. .right { float:right !important; }
  62. .f-none { float:none !important; }
  63. .f-fix { float:left; width:100%; }
  64. .no-display,
  65. .hide { display:none; }
  66. .block { display: block; }
  67. .text-left { text-align: left; }
  68. .text-right { text-align: right; }
  69. .text-center { text-align: center; }
  70. .text-justify { text-align: justify; }
  71. .bold { font-weight: bold; }
  72. .italic { font-style: italic; }
  73. .underline { border-bottom: 1px solid; }
  74. .highlight { background: #fffaaa; }
  75. .relative { position: relative; }
  76. .absolute { position: absolute; }
  77. .screen-reader-text,
  78. .section-heading { position: absolute; left: -9000em; }

Report this snippet  

You need to login to post a comment.