advanced code snippet search

We Recommend

CSS: The Definitive Guide CSS: The Definitive Guide
Provides you with a comprehensive guide to CSS implementation, along with a thorough review of all aspects of CSS 2.1. Updated to cover Internet Explorer 7, Microsoft's vastly improved browser, this new edition includes content on positioning, text wrapping (nowrap), lists and generated content, table layout, user interface, paged media, and more.

Posted By

rhlowe on 06/21/07


Tagged

css


Versions (?)


Who likes this?

3 people have marked this snippet as a favorite

alvaroisorna
depmed
stoker


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.

Plain TextExpand 
  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.