Team:UNITN-Trento/CSS/Home
From 2013.igem.org
(Difference between revisions)
Line 34: | Line 34: | ||
.column.first .cell.first { | .column.first .cell.first { | ||
- | margin: 17px 7px | + | margin: 17px 7px 9px 17px; |
} | } | ||
.column.first .cell.second { | .column.first .cell.second { | ||
- | margin: 7px | + | margin: 9px 7px 9px 17px; |
} | } | ||
.column.first .cell.third { | .column.first .cell.third { | ||
- | margin: 7px | + | margin: 9px 7px 0px 17px; |
} | } | ||
Line 58: | Line 58: | ||
.column.second .cell.first { | .column.second .cell.first { | ||
- | height: | + | height: 412px; |
- | margin: 17px 17px | + | margin: 17px 17px 9px 0; |
} | } | ||
.column.second .cell.second { | .column.second .cell.second { | ||
- | height: | + | height: 268px; |
- | margin: | + | margin: 9px 17px 0px 0; |
} | } | ||
.row.second { | .row.second { | ||
height: 215px; | height: 215px; | ||
- | width: | + | width: 915px; |
- | margin: | + | margin: 9px 17px 17px 17px; |
background-color: #323232; | background-color: #323232; | ||
Line 81: | Line 81: | ||
.pre-footer { | .pre-footer { | ||
- | width: | + | width: 960px; |
margin: 0 auto; | margin: 0 auto; | ||
- | |||
} | } | ||
.pre-footer .sheet { | .pre-footer .sheet { | ||
+ | width: 835px; | ||
min-height: 100px; | min-height: 100px; | ||
+ | margin-left: 17px; | ||
padding: 40px; | padding: 40px; | ||
- | background-color: # | + | background-color: #989898; |
border: 3px solid white; | border: 3px solid white; | ||
- | |||
- | |||
box-shadow: 2px -2px 4px #323232; | box-shadow: 2px -2px 4px #323232; |
Revision as of 13:42, 20 September 2013
- tn-central-container,
- tn-content-wrap,
- tn-content {
padding-bottom: 0 !important;
}
.grid {
width: 960px; margin: 0 auto;
}
.column {
display: inline-block; vertical-align: top;
}
.wrap, .cell {
display: block;
}
.column.first .cell {
height: 222px; width: 324px;
background-color: #005e20; /*background-image: url(); background-position: bottom; background-repeat: no-repeat;*/ border: 3px solid white;
box-shadow: 2px 2px 4px #323232;
}
.column.first .cell.first {
margin: 17px 7px 9px 17px;
}
.column.first .cell.second {
margin: 9px 7px 9px 17px;
}
.column.first .cell.third {
margin: 9px 7px 0px 17px;
}
.column.second .cell {
width: 574px;
background-color: #355667; /*background-image: url(); background-position: bottom; background-repeat: no-repeat;*/ border: 3px solid white;
box-shadow: 2px 2px 4px #323232;
}
.column.second .cell.first {
height: 412px; margin: 17px 17px 9px 0;
}
.column.second .cell.second {
height: 268px; margin: 9px 17px 0px 0;
}
.row.second {
height: 215px; width: 915px; margin: 9px 17px 17px 17px;
background-color: #323232; border: 3px solid white;
box-shadow: 2px 2px 4px #323232;
}
/*PRE-FOOTER*/
.pre-footer {
width: 960px; margin: 0 auto;
}
.pre-footer .sheet {
width: 835px; min-height: 100px;
margin-left: 17px; padding: 40px;
background-color: #989898; border: 3px solid white;
box-shadow: 2px -2px 4px #323232;
text-align: justify;
}
.pre-footer .silhouette {
display: block; margin: 0 auto;
}