Your Ad Here

advanced code snippet search

Posted By

nerdfiles on 01/20/11


Tagged

css organization


Versions (?)

CSS Organization Pattern 1

 / Published in: CSS
 
Expand | Embed | Plain Text 
  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.