Posts

Showing posts from March, 2014

Grid based layout css style

/* ----------------------------------------------- */ .page {margin:0 18px;} .head {padding:0 18px;} .section {position:relative;overflow:hidden;z-index:-1;} .row {position:relative;overflow:hidden;z-index:-1;} .column {float:left;} .content {padding:0 0px;} .scroll {     float: left;     overflow: hidden;     position: relative; } /* Column Widths ----------------------------------------------- */ .col1of1 {float:none;} .col1of2 {width:50%;} .col1of3 {width:33.33333%;} .col2of3 {width:66.66666%;} .col1of4 {width:25%;} .col3of4 {width:75%;} .col1of5 {width:20%;} .col2of5 {width:40%;} .col3of5 {width:60%;} .col4of5 {width:80%;} .col1of6 {width:16.66666%;} .col5of6 {width:83.33333%;} .col1of7 {width:14.285714285%;} .col2of7 {width:28.571428571%;} .col3of7 {width:42.857142857%;} .col4of7 {width:57.142857142%;} .col5of7 {width:71.428571428%;} .col6of7 {width:85.714285714%;} .col1of8 {width:12.5%;} .col3of8 {width:37.5%;} .col5of8 {width:62.5%;}