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