Difference between revisions of "Template:Paris Bettencourt/cssPages"
| (39 intermediate revisions by the same user not shown) | |||
| Line 5: | Line 5: | ||
* It's FREE! But you can send us beer at | * It's FREE! But you can send us beer at | ||
* beer@corre.bio :-) */ | * beer@corre.bio :-) */ | ||
| − | |||
/* Background of the pages */ | /* Background of the pages */ | ||
| Line 181: | Line 180: | ||
.noBanner { | .noBanner { | ||
| − | + | padding: 0; | |
| + | margin: 0; | ||
| + | position: static; | ||
| + | display: block; | ||
} | } | ||
.noBanner #banner { | .noBanner #banner { | ||
| − | |||
| − | |||
background-color: black; | background-color: black; | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
| + | position: static; | ||
| + | display: block; | ||
} | } | ||
.noBanner #banner h3 { | .noBanner #banner h3 { | ||
| − | + | height: 60px; | |
| − | height: | + | |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
| − | + | position: static; | |
} | } | ||
| Line 203: | Line 204: | ||
/* Overview & Infographics */ | /* Overview & Infographics */ | ||
#overview { | #overview { | ||
| − | border-top: | + | border-top: 0; |
} | } | ||
#overview table { | #overview table { | ||
| Line 230: | Line 231: | ||
} | } | ||
#overview table td, #overview table th { | #overview table td, #overview table th { | ||
| − | border: | + | border: 0 |
display: table-cell; | display: table-cell; | ||
vertical-align: middle; | vertical-align: middle; | ||
| Line 237: | Line 238: | ||
width: 33.3%; | width: 33.3%; | ||
color: white; | color: white; | ||
| − | text-align: | + | text-align: justify; |
padding: 10px; | padding: 10px; | ||
font-size: 20px; | font-size: 20px; | ||
| Line 270: | Line 271: | ||
line-height: 30px; | line-height: 30px; | ||
} | } | ||
| + | |||
| + | |||
.yellow, h3.yellow, a.yellow { | .yellow, h3.yellow, a.yellow { | ||
color: #FFF200; | color: #FFF200; | ||
| Line 280: | Line 283: | ||
} | } | ||
#overview a { | #overview a { | ||
| − | + | color: #09A1FF; | |
| − | + | ||
} | } | ||
#overview a:hover { | #overview a:hover { | ||
| Line 289: | Line 291: | ||
| − | + | img.info { | |
max-width: 842px; | max-width: 842px; | ||
min-width: 300px; | min-width: 300px; | ||
| Line 325: | Line 327: | ||
.textContent.black { | .textContent.black { | ||
background-color: black; | background-color: black; | ||
| + | width: 100%; | ||
| + | max-width: 100%; | ||
} | } | ||
| Line 332: | Line 336: | ||
background-color: white; | background-color: white; | ||
width: 100%; | width: 100%; | ||
| + | max-width: 100%; | ||
} | } | ||
/* Text content */ | /* Text content */ | ||
.textContent { | .textContent { | ||
| − | + | max-width: 1800px; | |
font-size: 16px; | font-size: 16px; | ||
margin: auto; | margin: auto; | ||
| Line 463: | Line 468: | ||
margin-bottom: 50px; | margin-bottom: 50px; | ||
margin-top: 50px; | margin-top: 50px; | ||
| + | } | ||
| + | |||
| + | .textContent a { | ||
| + | color: #636363; | ||
| + | } | ||
| + | .textContent a:hover { | ||
| + | color: #909090; | ||
} | } | ||
| Line 834: | Line 846: | ||
#bronze, | #bronze, | ||
#silver, | #silver, | ||
| − | #gold { | + | #gold, |
| + | #jamboree, | ||
| + | #empty { | ||
width: 30%; | width: 30%; | ||
margin: 1.5%; | margin: 1.5%; | ||
| Line 851: | Line 865: | ||
#gold { | #gold { | ||
background-image: url('https://static.igem.org/mediawiki/2015/5/56/ParisBettencourt_Gold.png'); | background-image: url('https://static.igem.org/mediawiki/2015/5/56/ParisBettencourt_Gold.png'); | ||
| + | } | ||
| + | #jamboree { | ||
| + | background-image: url('https://static.igem.org/mediawiki/2015/d/d1/ParisBettencorut_igemFromAbove_small.jpg'); | ||
| + | background-size: 500px; | ||
| + | background-repeat: no-repeat; | ||
| + | background-position: top; | ||
| + | padding-top: 320px; | ||
} | } | ||
#medals ul{ | #medals ul{ | ||
| Line 1,056: | Line 1,077: | ||
a.buttonMagena:active { | a.buttonMagena:active { | ||
box-shadow: 0px 1px 0px 0px #BB0066; | box-shadow: 0px 1px 0px 0px #BB0066; | ||
| + | } | ||
| + | |||
| + | |||
| + | .textWrapper.black { | ||
| + | background-color: black; | ||
| + | } | ||
| + | .container.black { | ||
| + | background-color: black; | ||
| + | } | ||
| + | .container.black.white { | ||
| + | background-color: white; | ||
| + | } | ||
| + | .textContent.black { | ||
| + | background-color: black; | ||
} | } | ||
Latest revision as of 14:54, 1 December 2015