Posted By

rhlowe on 06/21/07


Tagged

css


Versions (?)

Who likes this?

4 people have marked this snippet as a favorite

alvaroisorna
depmed
stoker
WinterCrow


My CSS Starter


 / Published in: CSS
 

A starter CSS file that was bred from various style sheets, css techniques and standard practices I use. v.4: Added the @charset delaration at the top v.3: Converted to alpha/numeral notation. Now uses @media rule more effectively v.2: Consolidated sections 1 and 99 to shrink the file size. There is no need to change these sections except for the very last rule anyways.

  1. @charset "utf-8";
  2. /************************************/
  3. /* Table of Contents
  4. /*
  5. /* A. Colors
  6. /* B. Screen Styles @media screen
  7. /* B.1 General
  8. /* B.2
  9. /* B.3
  10. /* C. Printer Styles @media print
  11. /* C.1 Printer Styles Reset
  12. /************************************/
  13.  
  14. /************************************/
  15. /* A. Colors
  16. /*
  17. /************************************/
  18.  
  19. /************************************/
  20. /* B. Screen Styles @media screen
  21. /************************************/
  22. @media screen {
  23. /************************************/
  24. /* B.1 General
  25. /************************************/
  26. html, body, blockquote, code, div, dd, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, th, td, ul { margin:0; padding:0; }
  27. body { font-size:10px; }
  28. address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
  29. caption, th { text-align:left; }
  30. code, h1, h2, h3, h4, h5, h6, pre { font-size:100%; }
  31. img { display:block; }
  32. ol, ul { list-style:none; }
  33. :link, :visited { text-decoration:none; }
  34. :focus, :active { outline:none; }
  35. a img, :link img, :visited img { border:none; }
  36. q:after, q:before{ content:''; }
  37. table{ border-collapse:collapse; border-spacing:0; }
  38. .clearfix { display:inline-table; height:1%; display:block; }
  39. html > body .clearfix { height:auto; }
  40. .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
  41. /************************************/
  42. /* B.2
  43. /************************************/
  44.  
  45. /************************************/
  46. /* B.3
  47. /************************************/
  48. }
  49.  
  50. /************************************/
  51. /* C. Printer Styles @media print
  52. /************************************/
  53. @media print {
  54. /************************************/
  55. /* C.1 Printer Styles Reset
  56. /************************************/
  57. body { background:#fff; font-size:12pt; }
  58. a:link, a:visited { color:#520; background:transparent; font-weight:bold; text-decoration:underline; }
  59. #content a:link:after, #content a:visited:after { content:" (" attr(href) ") "; font-size:90%; }
  60. #content a[href^="/"]:after { content:" (http://www.your-site-name.com" attr(href) ") "; }
  61. }

Report this snippet  

You need to login to post a comment.