Team:UNITN-Trento/CSS/Project/Fruit ripening
From 2013.igem.org
(Difference between revisions)
(2 intermediate revisions not shown) | |||
Line 182: | Line 182: | ||
padding-bottom: 200px; | 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 { | #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( | + | color:rgb(245, 90, 0); |
} | } | ||
Line 193: | Line 192: | ||
#tn-central-container #tn-content-wrap #tn-content .container .sheet .tn-effect-link a:link, #tn-central-container #tn-content-wrap #tn-content .container .sheet .tn-effect-link a:visited { | #tn-central-container #tn-content-wrap #tn-content .container .sheet .tn-effect-link a:link, #tn-central-container #tn-content-wrap #tn-content .container .sheet .tn-effect-link a:visited { | ||
- | color:rgb( | + | color:rgb(245, 90, 0); |
} | } | ||
Latest revision as of 12:31, 29 September 2013
- tn-content .container {
background-image: url(); background-color: rgb(245, 90, 0);
}
.tn-msg {
margin-bottom: 0;
font-family: "Kameron", cursive; font-size: 0.8em; text-align: center;
}
/*jmslideshow*/
.jms-slideshow {
width: 80%; height: 500px;
margin: 2em auto !important; margin-top: 0 !important;
font-family: arial; font-size: 16px;
background-color: rgba(255, 255, 255, 0.4); /*background-image: url(https://static.igem.org/mediawiki/2013/c/c3/Tn-2013-mainbg-Wood_pattern_2.jpg);*/ border: 3px solid rgb(105, 18, 28); border-radius: 1em; box-shadow: none !important;
}
.jms-wrapper {
width: 100%; height: 500px;
font-family: arial; font-size: 16px;
background-color: transparent; /*background-image: url(https://static.igem.org/mediawiki/2013/c/c3/Tn-2013-mainbg-Wood_pattern_2.jpg);*/ border: 0; border-radius: 1em; box-shadow: none !important;
}
.step {
width: 900px; height: 600px; margin:auto; text-align: center; /*opacity: 1 !important;*/ z-index: 0; display: none;
}
.step.active {
z-index: 5; display: block;
}
.step > p {
display: block; position: absolute; top: -1.3em; width: 100%; margin: 0 !important; padding: 0 !important;
font-size: 2.5em; font-family: "Boogaloo";
}
.step table {
position: relative; top: -1.5em; width: 100% !important; height: 100%; background-color: transparent; color: black; font-size: 1.2em; text-align: justify;
}
.step table tr td:nth-child(1) {
width: 300px;
}
.step table img {
margin-left: 2em; max-width: 500px; max-height: 550px;
}
.step table .title {
display: block; margin-bottom: 5px; font-size: 1.3em; font-weight: bold; text-align: left; border-bottom: 3px solid black;
}
.jms-slideshow .jms-dots {
position: relative; bottom: 1.5em;
}
/*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: 200px;
}
- tn-sp-tour img {
height: 200px;
}
- tn-sp-tour span {
position: absolute; bottom: 0.5em; left: 0; 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);
}
@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; }
- tn-central-container #tn-content-wrap #tn-content .container .sheet .tn-effect-link a:link, #tn-central-container #tn-content-wrap #tn-content .container .sheet .tn-effect-link a:visited {
color:rgb(245, 90, 0); }
- tn-central-container #tn-content-wrap #tn-content .container .sheet .tn-effect-link a:hover {
color:black; }