You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
1.9 KiB
CSS
85 lines
1.9 KiB
CSS
13 years ago
|
/*
|
||
|
|
99Lime.com HTML KickStart by Joshua Gatcke
|
||
|
|
kickstart-grids.css
|
||
|
|
|
||
|
|
DO NOT EDIT THIS FILE unless you know what you are doing.
|
||
|
|
*/
|
||
|
|
/*---------------------------------
|
||
|
|
GRID/COLUMNS
|
||
|
|
-----------------------------------
|
||
|
|
tinyfluidgrid.com
|
||
|
|
& girlfriendnyc.com
|
||
|
|
with changes by 99Lime
|
||
|
|
-----------------------------------*/
|
||
|
|
/*
|
||
|
|
& Columns : 12
|
||
|
|
& Gutter %: 20%
|
||
|
|
& MinWidth: 960px
|
||
|
|
& MaxWidth: 1080px
|
||
|
|
*/
|
||
|
|
.col_1 { width: 6.6666666666667%; }
|
||
|
|
.col_2 { width: 15%; }
|
||
|
|
.col_3 { width: 23.333333333333%; }
|
||
|
|
.col_4 { width: 31.666666666667%; }
|
||
|
|
.col_5 { width: 40%; }
|
||
|
|
.col_6 { width: 48.333333333333%; }
|
||
|
|
.col_7 { width: 56.666666666667%; }
|
||
|
|
.col_8 { width: 65%; }
|
||
|
|
.col_9 { width: 73.333333333333%; }
|
||
|
|
.col_10 { width: 81.666666666667%; }
|
||
|
|
.col_11 { width: 90%; }
|
||
|
|
.col_12 { width: 98.333333333333%; }
|
||
|
|
|
||
|
|
.col_1,
|
||
|
|
.col_2,
|
||
|
|
.col_3,
|
||
|
|
.col_4,
|
||
|
|
.col_5,
|
||
|
|
.col_6,
|
||
|
|
.col_7,
|
||
|
|
.col_8,
|
||
|
|
.col_9,
|
||
|
|
.col_10,
|
||
|
|
.col_11,
|
||
|
|
.col_12 {
|
||
|
|
margin-left: 0.83333333333333%;
|
||
|
|
margin-right: 0.83333333333333%;
|
||
|
|
margin-top:8px;
|
||
|
|
margin-bottom:8px;
|
||
|
|
float: left;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.alpha{margin-left:0px;}
|
||
|
|
.omega{margin-right:0px;}
|
||
|
|
|
||
|
|
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
|
||
|
|
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
|
||
|
|
* html .clearfix, *:first-child+html .clearfix{zoom:1}
|
||
|
|
|
||
|
|
/* Viewable Grids
|
||
|
|
To view your grids, add the class .visible to any grid container.
|
||
|
|
This will add a background color so you can see the layout of your grids.
|
||
|
|
*/
|
||
|
|
.col_1.visible,
|
||
|
|
.col_2.visible,
|
||
|
|
.col_3.visible,
|
||
|
|
.col_4.visible,
|
||
|
|
.col_5.visible,
|
||
|
|
.col_6.visible,
|
||
|
|
.col_7.visible,
|
||
|
|
.col_8.visible,
|
||
|
|
.col_9.visible,
|
||
|
|
.col_10.visible,
|
||
|
|
.col_11.visible,
|
||
|
|
.col_12.visible {
|
||
|
|
background:#efefef;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Default .inner Padding
|
||
|
|
The inside of a column is automatically wrapped with div.inner by Javascript.
|
||
|
|
This allows for more flexible styling and layout without breaking your columns.
|
||
|
|
*/
|
||
|
|
.column .inner{
|
||
|
|
padding:10px;
|
||
|
|
}
|