advanced code snippet search

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
 
Expand | Embed | Plain Text 
  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.