Posted By

nerdfiles on 01/20/11


Tagged

css organization


Versions (?)

CSS Organization Pattern 1


 / Published in: CSS
 

  1. /* ======= utils ======= */
  2.  
  3. /* BEGIN clearfix */
  4.  
  5. .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  6. * html .clearfix { zoom: 1; } /* IE6 */
  7. *:first-child+html .clearfix { zoom: 1; } /* IE7 */
  8.  
  9. /* END clearfix */
  10.  
  11. /* ======= ad-hoc ======= */
  12.  
  13. /* BEGIN stipulated clearfix */
  14.  
  15. div#siteHeader:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  16. * html div#siteHeader { zoom: 1; }
  17. *:first-child+html div#siteHeader { zoom: 1; }
  18.  
  19. /* END stipulated clearfix */
  20.  
  21. /* ======= site ======= */
  22.  
  23. div#siteHeader { }
  24.  
  25. div#siteLogo { float: left; }
  26. div#siteLogoGraphic { }
  27. div#siteLogoText { }
  28. div#siteLogoCaption { }
  29.  
  30. /* div#siteLogo */
  31.  
  32. div#siteNavigation { float: left; }
  33. div#siteNavigation ul.menu { padding: 0; }
  34. div#siteNavigation ul.menu li { display: inline-block; *zoom: 1; *display: inline; }
  35. div#siteNavigation ul.menu li.leaf { }
  36.  
  37. /* div#siteNavigation */
  38.  
  39. /* div#siteHeader */

Report this snippet  

You need to login to post a comment.