Team:Penn/css/theCSS
From 2012.igem.org
(5 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | div.layout-1000{ | + | div.layout-1000 |
- | width: 1000px; margin: 10px auto; | + | { |
+ | width: 1000px; | ||
+ | margin: 10px auto; | ||
} | } | ||
Line 7: | Line 9: | ||
div.col1, div.col2, div.col3, div.col4,div.col4-2, div.col5, div.col6, div.col6-2, div.col7, div.col8, div.col8-2, div.col8-4, div.col9, div.col10, div.col11, div.col12, div.col12-2, div.col2-2,div.col12-3, div.col13, div.col14 | div.col1, div.col2, div.col3, div.col4,div.col4-2, div.col5, div.col6, div.col6-2, div.col7, div.col8, div.col8-2, div.col8-4, div.col9, div.col10, div.col11, div.col12, div.col12-2, div.col2-2,div.col12-3, div.col13, div.col14 | ||
{ | { | ||
- | float: left; margin-left: 20px; | + | float: left; |
+ | margin-left: 20px; | ||
} | } | ||
+ | |||
div.col3-2 { | div.col3-2 { | ||
- | float: left; margin-left: 20px; | + | float: left; |
+ | margin-left: 20px; | ||
} | } | ||
- | div.col1:first-child, div.col2:first-child, div.col2-2:first-child, div.col3:first-child, div.col3-2:first-child, div.col4:first-child, div.col5:first-child, div.col6:first-child, div.col7:first-child, div.col8:first-child, div.col9:first-child, div.col10:first-child, div.col11:first-child, div.col12:first-child, div.col12-2:first-child, div.col13:first-child { | + | |
- | margin-left: 10px; | + | div.col1:first-child, div.col2:first-child, div.col2-2:first-child, div.col3:first-child, div.col3-2:first-child, div.col4:first-child, div.col5:first-child, div.col6:first-child, div.col7:first-child, div.col8:first-child, div.col9:first-child, div.col10:first-child, div.col11:first-child, div.col12:first-child, div.col12-2:first-child, div.col13:first-child |
+ | { | ||
+ | margin-left: 10px; | ||
} | } | ||
- | div.col4-2:first-child, div.col6-2:first-child, div.col8-2:first-child,div.col8-3:first-child, div.col12-3:first-child, div.col8-4:first-child { | + | |
- | margin-left: 15px; | + | div.col4-2:first-child, div.col6-2:first-child, div.col8-2:first-child,div.col8-3:first-child, div.col12-3:first-child, div.col8-4:first-child |
+ | { | ||
+ | margin-left: 15px; | ||
} | } | ||
- | div.row { | + | div.row |
- | + | { | |
- | + | height: 1%; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | div. | + | div.col12 |
- | + | { | |
+ | width: 100px; | ||
} | } | ||
- | div.col12-3 { | + | |
- | width: 970px; | + | div.col2-2 |
+ | { | ||
+ | width: 195px; | ||
+ | } | ||
+ | |||
+ | div.row-end | ||
+ | { | ||
+ | clear: both; | ||
+ | font: 1px/1px sans-serif; | ||
+ | height: 1px; overflow: hidden; | ||
+ | } | ||
+ | |||
+ | div.col12-3 | ||
+ | { | ||
+ | width: 970px; | ||
+ | } | ||
+ | |||
+ | div.col2-21 | ||
+ | { | ||
+ | width:180px; | ||
} | } |
Latest revision as of 09:58, 3 October 2012
div.layout-1000 {
width: 1000px; margin: 10px auto;
}
div.col1, div.col2, div.col3, div.col4,div.col4-2, div.col5, div.col6, div.col6-2, div.col7, div.col8, div.col8-2, div.col8-4, div.col9, div.col10, div.col11, div.col12, div.col12-2, div.col2-2,div.col12-3, div.col13, div.col14 {
float: left; margin-left: 20px;
}
div.col3-2 {
float: left; margin-left: 20px;
}
div.col1:first-child, div.col2:first-child, div.col2-2:first-child, div.col3:first-child, div.col3-2:first-child, div.col4:first-child, div.col5:first-child, div.col6:first-child, div.col7:first-child, div.col8:first-child, div.col9:first-child, div.col10:first-child, div.col11:first-child, div.col12:first-child, div.col12-2:first-child, div.col13:first-child
{ margin-left: 10px;
}
div.col4-2:first-child, div.col6-2:first-child, div.col8-2:first-child,div.col8-3:first-child, div.col12-3:first-child, div.col8-4:first-child
{ margin-left: 15px;
}
div.row
{
height: 1%;
} div.col12 {
width: 100px;
}
div.col2-2
{ width: 195px;
}
div.row-end
{ clear: both; font: 1px/1px sans-serif; height: 1px; overflow: hidden;
}
div.col12-3
{ width: 970px;
}
div.col2-21 {
width:180px;
}