"
Team:UNITN-Trento/CSS/Project/Introduction
From 2013.igem.org
(Difference between revisions)
| (One intermediate revision not shown) | |||
| Line 39: | Line 39: | ||
color: rgb(105, 18, 28); | color: rgb(105, 18, 28); | ||
} | } | ||
| + | |||
| + | #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-quote-link a:link, #tn-central-container #tn-content-wrap #tn-content .container .sheet .tn-quote-link a:visited { | #tn-central-container #tn-content-wrap #tn-content .container .sheet .tn-quote-link a:link, #tn-central-container #tn-content-wrap #tn-content .container .sheet .tn-quote-link a:visited { | ||
color: rgb(105, 18, 28); | color: rgb(105, 18, 28); | ||
| + | } | ||
| + | |||
| + | #tn-central-container #tn-content-wrap #tn-content .container .sheet .tn-quote-link 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 { | #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(105, 18, 28); | color: rgb(105, 18, 28); | ||
| + | } | ||
| + | |||
| + | #tn-central-container #tn-content-wrap #tn-content .container .sheet .tn-effect-link a:hover { | ||
| + | color: black; | ||
} | } | ||
| Line 63: | Line 76: | ||
position: absolute; | position: absolute; | ||
bottom: 0; | bottom: 0; | ||
| - | right: | + | right: 60px; |
width: 200px; | width: 200px; | ||
Latest revision as of 15:15, 3 October 2013
- tn-content .container {
background-color: rgb(127,15,11); background-image: url();
}
/*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;
}
- 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(105, 18, 28); }
- 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-quote-link a:link, #tn-central-container #tn-content-wrap #tn-content .container .sheet .tn-quote-link a:visited {
color: rgb(105, 18, 28); }
- tn-central-container #tn-content-wrap #tn-content .container .sheet .tn-quote-link 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(105, 18, 28); }
- tn-central-container #tn-content-wrap #tn-content .container .sheet .tn-effect-link a:hover {
color: black; }
/*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: 60px; width: 200px;
}
- tn-sp-tour img {
width: 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(127,15,11);
}
@media(max-width:1500px) {
#tn-central-container {
padding-bottom: 200px;
}
}
