Posted By

mortu on 06/21/11


Tagged

reset css


Versions (?)

css Reset


 / Published in: CSS
 

URL: http://meyerweb.com/eric/tools/css/reset/

This css reset is from http://meyerweb.com/eric/tools/css/reset/ website but i manage to add some things :)

  1. /* -------------------- Reset ------------------- */
  2. html, body, div, span, applet, object, iframe,
  3. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  4. a, abbr, acronym, address, big, cite, code,
  5. del, dfn, em, img, ins, kbd, q, s, samp,
  6. small, strike, sub, sup, tt, var,
  7. b, u, i, center,
  8. dl, dt, dd, ol, ul, li,
  9. fieldset, form, label, legend,
  10. table, caption, tbody, tfoot, thead, tr, th, td,
  11. article, aside, canvas, details, embed,
  12. figure, figcaption, footer, header, hgroup,
  13. menu, nav, output, ruby, section, summary,
  14. time, mark, audio, video {
  15. margin: 0;
  16. padding: 0;
  17. border: 0;
  18. font-size: 100%;
  19. font: inherit;
  20. vertical-align: baseline;
  21. }
  22. /* HTML5 display-role reset for older browsers */
  23. article, aside, details, figcaption, figure,
  24. footer, header, hgroup, menu, nav, section {
  25. display: block;
  26. }
  27. body {line-height: 1;}
  28. ol, ul {list-style: none;}
  29. blockquote, q {<a class="inlineAdmedialink" href="#">quotes</a>: none;}
  30. blockquote:before, blockquote:after,
  31. q:before, q:after {content: ''; content: none;}
  32. table {border-collapse: collapse; border-spacing: 0;}
  33.  
  34. html {overflow-y:scroll;}
  35.  
  36. /*---------------Clearfix----------------*/
  37. .clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
  38. .clearfix {display: inline-block;}
  39. html[xmlns] .clearfix {display: block;}
  40. * html .clearfix {height: 1%;}
  41. /*---------------Clearfix----------------*/
  42.  
  43.  
  44. /*-----------Outline-------------------*/
  45. :-moz-any-link:focus { outline: none;}
  46. a {outline:none;}
  47. input { outline: none; } /* removes the line of input when focus in chrome and <a class="inlineAdmedialink" href="#">safari</a> */
  48.  
  49. textarea {resize:none;}
  50. /*-----------Outline-------------------*/
  51. /* -------------------- Reset ------------------- */
  52.  
  53. /* ------------------ The CSS -------------------- */
  54.  
  55. /* set the body styles */
  56. body {<a class="inlineAdmedialink" href="#">font</a>:normal 13px/18px Arial, Helvetica, sans-serif; color:#444;}
  57. .left {float:left;}
  58. .right {float:right;}
  59.  
  60. .position_r {position:relative;}
  61. .position_a {position:absolute;}
  62.  
  63. .display_b {display:block;}
  64. .full_width {width:100%;}
  65.  
  66. /* Headings */
  67. h1 {font-size:18px; line-height:25px;}
  68. h2 {font-size:16px; line-height:22px;}
  69. h3 {font-size:14px; line-height:10px;}
  70. h4 {font-size:13px; line-height:18px;}
  71. h5 {font-size:12px; line-height:17px;}
  72. h6 {font-size:11px; line-height:16px;}
  73.  
  74. /* set the links styles */
  75. a {<a class="inlineAdmedialink" href="#">color</a>:#00B5CF; text-decoration:none;}
  76. a:hover {color:#00B5CF; text-decoration:underline;}
  77.  
  78. /* set th slection background color */
  79. ::selection { background: #ff0000; color:white; /* Safari */ }
  80. ::-moz-selection { background: #ff0000; color:white; /* <a class="inlineAdmedialink" href="#">Firefox</a> */ }
  81.  
  82. /* Set the sprites url */
  83. .sprites {background:url(images/sprites.png);}
  84.  
  85. /* input and textarea focus */
  86. input:focus, textarea:focus {
  87. background:#ddd;
  88. }

Report this snippet  

You need to login to post a comment.