/* ------------------------------------------------- * * Ezy Grid by Frej Raahede Nielsen * http://github.com/raahede/ezy * ------------------------------------------------- * */ /* ------------------------------------------------- * * Micro Clearfix * http://nicolasgallagher.com/micro-clearfix-hack/ */ .page:before, .grid:before, .page:after, .grid:after { content: " "; display: table; } .page:after, .grid:after { clear: both; } .page, .grid { /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ *zoom: 1; } /* --- End clearfix --- */ .page { margin-left: auto; margin-right: auto; } .page { width: 1050px; padding-left: 0; padding-right: 0; } .grid { margin-left: -15px; margin-right: -15px; } /* -------------------------------------------------------------------- * * Static columns: not using grid-init() */ .span-columns-2 { /* Spanning 2 columns */ width: 150px; float: left; /* Fixing double margin on IE6 */ _display: inline; margin-left: 15px; margin-right: 15px; } .span-columns-4 { /* Spanning 4 columns */ width: 330px; float: left; /* Fixing double margin on IE6 */ _display: inline; margin-left: 15px; margin-right: 15px; } .span-columns-6 { /* Spanning 6 columns */ width: 510px; float: left; /* Fixing double margin on IE6 */ _display: inline; margin-left: 15px; margin-right: 15px; } /* -------------------------------------------------------------------- * * Static columns: using grid-init() */ .span-columns-2, .span-columns-4, .span-columns-6, .span-columns-18 { /* Grid column base at a 12-column context */ margin-left: 15px; margin-right: 15px; float: left; /* Fixing double margin on IE6 */ _display: inline; } .span-columns-2 { /* Spanning 2 columns */ width: 150px; } .span-columns-4 { /* Spanning 4 columns */ width: 330px; } .span-columns-6 { /* Spanning 6 columns */ width: 510px; } /* -------------------------------------------------------------------- * * Grid colum spanning more columns than layout */ .span-columns-18 { /* Spanning 18 columns */ width: 1590px; }