Your Ad Here

advanced code snippet search

Posted By

mortu on 06/21/11


Tagged

css reset


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 :)

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

Report this snippet  

You need to login to post a comment.