Team:UNITN-Trento/CSS/Extra/Safety
From 2013.igem.org
(Difference between revisions)
(Created page with "#tn-content .container { background-color: rgb(238, 232, 78)!important; background-image: url(https://static.igem.org/mediawiki/2013/b/bf/Tn-2013_Onda-fruitripening.png)!important; }...") |
|||
(7 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | #tn-content .container { | + | #tn-central-container #tn-content-wrap #tn-content .container { |
- | background-color: rgb(238, 232, 78) | + | background-color: rgb(238, 232, 78); |
- | background-image: url(https://static.igem.org/mediawiki/2013/b/bf/Tn-2013_Onda-fruitripening.png) | + | background-image: url(https://static.igem.org/mediawiki/2013/b/bf/Tn-2013_Onda-fruitripening.png); |
} | } | ||
.tn-double-wrap .photo { | .tn-double-wrap .photo { | ||
display: inline-block; | display: inline-block; | ||
- | margin-left: | + | margin-bottom: 1.5em; |
+ | margin-left: 2em; | ||
width: 350px; | width: 350px; | ||
Line 19: | Line 20: | ||
vertical-align: middle; | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .mini { | ||
+ | font-family: "Kameron", cursive; | ||
+ | font-size: 0.9em; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | /*Navigation arrows*/ | ||
+ | |||
+ | #tn-central-container #tn-content-wrap #tn-content .container .sheet-2 { | ||
+ | position: relative; | ||
+ | |||
+ | margin: -1em 0 1em 0; | ||
+ | padding: 0.5em; | ||
+ | |||
+ | background-color: rgba(255,255,255,.6); | ||
+ | |||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #tn-central-container #tn-content-wrap #tn-content .container .sheet-2 .tn-arr-prev, | ||
+ | #tn-central-container #tn-content-wrap #tn-content .container .sheet-2 .tn-arr-next { | ||
+ | position: absolute; | ||
+ | bottom: 0.8em; | ||
+ | |||
+ | width: 174px; | ||
+ | |||
+ | border: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .container .sheet-2 .tn-arr-prev { | ||
+ | left: 2em; | ||
+ | } | ||
+ | |||
+ | .container .sheet-2 .tn-arr-next { | ||
+ | right: 2em; | ||
+ | } | ||
+ | |||
+ | /*Tour*/ | ||
+ | |||
+ | #tn-central-container { | ||
+ | position: relative; | ||
+ | box-shadow: none; | ||
+ | z-index: 0; | ||
+ | } | ||
+ | |||
+ | #tn-header-wrap #tn-header #tn-menu { | ||
+ | z-index: 5; | ||
+ | } | ||
+ | |||
+ | #tn-sp-tour { | ||
+ | position: absolute; | ||
+ | bottom: 0; | ||
+ | right: 10px; | ||
+ | |||
+ | width: 270px; | ||
+ | } | ||
+ | |||
+ | #tn-sp-tour img { | ||
+ | width: 260px; | ||
+ | } | ||
+ | |||
+ | #tn-sp-tour span { | ||
+ | position: absolute; | ||
+ | bottom: 0.5em; | ||
+ | left: 2em; | ||
+ | |||
+ | color: black; | ||
+ | font-family: "Boogaloo", cursive; | ||
+ | font-size: 1.5em; | ||
+ | text-shadow: 0 0 4px white; | ||
+ | } | ||
+ | |||
+ | #tn-sp-tour:hover span { | ||
+ | color: rgb(245, 90, 0); | ||
+ | text-shadow: 2px 2px 4px #323232; | ||
+ | } | ||
+ | |||
+ | @media(max-width:1500px) { | ||
+ | #tn-central-container { | ||
+ | padding-bottom: 200px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | #tn-central-container #tn-content-wrap #tn-content .container .sheet a:link, #tn-central-container #tn-content-wrap #tn-content .container .sheet a:visited { | ||
+ | color: rgb(245, 90, 0); | ||
+ | } | ||
+ | |||
+ | #tn-central-container #tn-content-wrap #tn-content .container .sheet a:hover { | ||
+ | color:black; | ||
} | } |
Latest revision as of 20:52, 4 October 2013
- tn-central-container #tn-content-wrap #tn-content .container {
background-color: rgb(238, 232, 78); background-image: url(); }
.tn-double-wrap .photo { display: inline-block; margin-bottom: 1.5em; margin-left: 2em; width: 350px;
border: 2px solid white; box-shadow: 2px 2px 4px #323232; }
.tn-double-wrap .text { display: inline-block; margin-left: 45px; width: 400px;
vertical-align: middle; }
.mini {
font-family: "Kameron", cursive; font-size: 0.9em; text-align: center;
}
/*Navigation arrows*/
- tn-central-container #tn-content-wrap #tn-content .container .sheet-2 {
position: relative; margin: -1em 0 1em 0; padding: 0.5em; background-color: rgba(255,255,255,.6); text-align: center;
}
- tn-central-container #tn-content-wrap #tn-content .container .sheet-2 .tn-arr-prev,
- tn-central-container #tn-content-wrap #tn-content .container .sheet-2 .tn-arr-next {
position: absolute; bottom: 0.8em;
width: 174px; border: none; box-shadow: none;
}
.container .sheet-2 .tn-arr-prev {
left: 2em;
}
.container .sheet-2 .tn-arr-next {
right: 2em;
}
/*Tour*/
- tn-central-container {
position: relative; box-shadow: none; z-index: 0;
}
- tn-header-wrap #tn-header #tn-menu {
z-index: 5;
}
- tn-sp-tour {
position: absolute; bottom: 0; right: 10px; width: 270px;
}
- tn-sp-tour img {
width: 260px;
}
- tn-sp-tour span {
position: absolute; bottom: 0.5em; left: 2em; color: black; font-family: "Boogaloo", cursive; font-size: 1.5em; text-shadow: 0 0 4px white;
}
- tn-sp-tour:hover span {
color: rgb(245, 90, 0); text-shadow: 2px 2px 4px #323232;
}
@media(max-width:1500px) {
#tn-central-container { padding-bottom: 200px; }
}
- tn-central-container #tn-content-wrap #tn-content .container .sheet a:link, #tn-central-container #tn-content-wrap #tn-content .container .sheet a:visited {
color: rgb(245, 90, 0); }
- tn-central-container #tn-content-wrap #tn-content .container .sheet a:hover {
color:black; }