wmjaggers of VinSolutions
1/19/2015 - 2:53 PM

VinAdvanced 960 Grid System CSS. Lay out your pages with ease!

VinAdvanced 960 Grid System CSS. Lay out your pages with ease!

/* Grid Styles */

.grid, [class*='col-'] {
    padding:25px 50px; 
    *behavior: url(/dealersites/scripts/boxsizing.htc);
}

.grid {
    padding-right:0;
    padding-bottom:0;
    clear:both;
    margin: 0 -50px;
}

.row {
    *zoom:1;
    clear:both;
}
.row:after, .row:before {
    content:' ';
    display: table;
    clear:both;
}

[class*='col-'] {
    padding-left:0;
    padding-top: 0;
    float:left;
}
.col-1, .col-1-1 {width: 100%; }
.col-1-2 {width: 50%; }

.col-1-3 {width: 33.33%; }
.col-2-3 {width: 66.66%;}

.col-1-4 {width: 25%; }
.col-3-4 {width: 75%;}


.col-1-5 {width: 20%; }
.col-2-5 {width: 40%;}
.col-3-5 {width: 60%;}
.col-4-5 {width: 80%;}

.col-1-6 {width: 16.66%; }
.col-5-6 {width: 83.33%; }

.col-1-7 {width: 14.28%;}
.col-2-7 {width: 28.57%;}
.col-3-7 {width: 42.85%;}
.col-4-7 {width: 57.14%;}
.col-5-7 {width: 71.42%;}
.col-6-7 {width: 85.71%;}

.col-1-12 {width: 8.33%;}
.col-5-12 {width: 41.66%;}
.col-7-12 {width: 58.33%;}
.col-11-12 {width: 91.66%;}