Team:UNITN-Trento/CSS/Home
From 2013.igem.org
(Difference between revisions)
(Blanked the page) |
|||
Line 1: | Line 1: | ||
+ | #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 .wrap.first { | ||
+ | height: 686px; | ||
+ | width: 324px; | ||
+ | margin: 0 7px 7px 17px; | ||
+ | |||
+ | background-color: #005e20; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2013/a/af/Tn-2013-boxbgs-Box-verde.png); | ||
+ | background-position: bottom; | ||
+ | background-repeat: no-repeat; | ||
+ | border: 3px solid white; | ||
+ | |||
+ | box-shadow: 2px 2px 4px #323232; | ||
+ | } | ||
+ | |||
+ | .column.first .wrap.first .container { | ||
+ | height: 646px; | ||
+ | width: 284px; | ||
+ | |||
+ | margin: 10px; | ||
+ | padding: 10px; | ||
+ | |||
+ | background-color: rgba(255,255,255,.5); | ||
+ | border-radius: 10px; | ||
+ | |||
+ | font-family: arial; | ||
+ | font-size: 14px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | .column.first .wrap.first .container p { | ||
+ | line-height: 17px; | ||
+ | } | ||
+ | |||
+ | .column.first .wrap.second { | ||
+ | height: 215px; | ||
+ | width: 324px; | ||
+ | margin: 14px 7px 0 17px; | ||
+ | |||
+ | background-color: #ffa018; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2013/0/08/Tn-2013-boxbgs-Box-vending.png); | ||
+ | background-position: bottom; | ||
+ | background-repeat: no-repeat; | ||
+ | border: 3px solid white; | ||
+ | |||
+ | box-shadow: 2px 2px 4px #323232; | ||
+ | } | ||
+ | |||
+ | .column.first .wrap.second .container { | ||
+ | height: 175px; | ||
+ | width: 284px; | ||
+ | |||
+ | margin: 10px; | ||
+ | padding: 10px; | ||
+ | |||
+ | background-color: rgba(255,255,255,.5); | ||
+ | border-radius: 10px; | ||
+ | |||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | .column.second .cell.first { | ||
+ | height: 398px; | ||
+ | width: 574px; | ||
+ | margin: 0 0 7px 7px; | ||
+ | |||
+ | background-color: #355667; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2013/d/dd/Tn-2013-boxbgs-Box-video.jpg); | ||
+ | background-position: bottom; | ||
+ | background-repeat: no-repeat; | ||
+ | border: 3px solid white; | ||
+ | |||
+ | box-shadow: 2px 2px 4px #323232; | ||
+ | } | ||
+ | |||
+ | .column.second .wrap.second { | ||
+ | height: 268px; | ||
+ | width: 574px; | ||
+ | margin: 14px 0 7px 7px; | ||
+ | |||
+ | background-color: #dc2c2c; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2013/8/86/Tn-2013-boxbgs-Box-slides.png); | ||
+ | background-position: bottom; | ||
+ | background-repeat: no-repeat; | ||
+ | border: 3px solid white; | ||
+ | |||
+ | box-shadow: 2px 2px 4px #323232; | ||
+ | } | ||
+ | |||
+ | .column.second .wrap.second .container { | ||
+ | height: 228px; | ||
+ | width: 534px; | ||
+ | |||
+ | margin: 10px; | ||
+ | padding: 10px; | ||
+ | |||
+ | background-color: rgba(255,255,255,.5); | ||
+ | border-radius: 10px; | ||
+ | |||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | .column.second .row.third .cell { | ||
+ | display: inline-block; | ||
+ | |||
+ | height: 215px; | ||
+ | width: 277px; | ||
+ | margin: 7px 0 0 7px; | ||
+ | |||
+ | background-color: #2d59de; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2013/4/44/Tn-2013-boxbgs-Box-blu-piccoli.jpg); | ||
+ | background-position: bottom; | ||
+ | background-repeat: no-repeat; | ||
+ | border: 3px solid white; | ||
+ | |||
+ | box-shadow: 2px 2px 4px #323232; | ||
+ | } | ||
+ | |||
+ | /*PRE-FOOTER*/ | ||
+ | |||
+ | .pre-footer { | ||
+ | width: 960px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | .pre-footer .sheet { | ||
+ | min-height: 100px; | ||
+ | |||
+ | padding: 40px; | ||
+ | |||
+ | background-color: #f0f0f0; | ||
+ | border: 3px solid white; | ||
+ | border-bottom: none; | ||
+ | border-top-left-radius: 50px; | ||
+ | border-top-right-radius: 50px; | ||
+ | |||
+ | box-shadow: 2px -2px 4px #323232; | ||
+ | } | ||
+ | |||
+ | .pre-footer .silhouette { | ||
+ | display: block; | ||
+ | margin: 0 auto; | ||
+ | } |
Revision as of 07:35, 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 .wrap.first {
height: 686px; width: 324px; margin: 0 7px 7px 17px;
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 .wrap.first .container {
height: 646px; width: 284px;
margin: 10px; padding: 10px;
background-color: rgba(255,255,255,.5); border-radius: 10px;
font-family: arial; font-size: 14px; text-align: justify;
}
.column.first .wrap.first .container p {
line-height: 17px;
}
.column.first .wrap.second {
height: 215px; width: 324px; margin: 14px 7px 0 17px;
background-color: #ffa018; background-image: url(); background-position: bottom; background-repeat: no-repeat; border: 3px solid white;
box-shadow: 2px 2px 4px #323232;
}
.column.first .wrap.second .container {
height: 175px; width: 284px;
margin: 10px; padding: 10px;
background-color: rgba(255,255,255,.5); border-radius: 10px;
font-size: 14px;
}
.column.second .cell.first {
height: 398px; width: 574px; margin: 0 0 7px 7px;
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 .wrap.second {
height: 268px; width: 574px; margin: 14px 0 7px 7px;
background-color: #dc2c2c; background-image: url(); background-position: bottom; background-repeat: no-repeat; border: 3px solid white;
box-shadow: 2px 2px 4px #323232;
}
.column.second .wrap.second .container {
height: 228px; width: 534px;
margin: 10px; padding: 10px;
background-color: rgba(255,255,255,.5); border-radius: 10px;
font-size: 14px;
}
.column.second .row.third .cell {
display: inline-block;
height: 215px; width: 277px; margin: 7px 0 0 7px;
background-color: #2d59de; background-image: url(); background-position: bottom; background-repeat: no-repeat; border: 3px solid white;
box-shadow: 2px 2px 4px #323232;
}
/*PRE-FOOTER*/
.pre-footer {
width: 960px; margin: 0 auto;
}
.pre-footer .sheet {
min-height: 100px;
padding: 40px;
background-color: #f0f0f0; border: 3px solid white; border-bottom: none; border-top-left-radius: 50px; border-top-right-radius: 50px;
box-shadow: 2px -2px 4px #323232;
}
.pre-footer .silhouette {
display: block; margin: 0 auto;
}