Team:UNITN-Trento/CSS/Project/Bacillus
From 2013.igem.org
(Difference between revisions)
(6 intermediate revisions not shown) | |||
Line 26: | Line 26: | ||
border: none; | border: none; | ||
box-shadow: none; | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | #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; | ||
} | } | ||
Line 52: | Line 68: | ||
} | } | ||
- | .container .sheet > img { | + | #tn-central-container #tn-content-wrap #tn-content .container .sheet > img { |
display: block; | display: block; | ||
margin: 1em auto; | margin: 1em auto; | ||
Line 58: | Line 74: | ||
border: 3px solid white; | border: 3px solid white; | ||
box-shadow: 2px 2px 4px #323232; | box-shadow: 2px 2px 4px #323232; | ||
+ | } | ||
+ | |||
+ | #tn-content .container .sheet .tn-doublephoto-wrap > img { | ||
+ | display: block; | ||
+ | margin: 1em auto; | ||
+ | width: 800px; | ||
+ | border: 3px solid white; | ||
+ | box-shadow: 2px 2px 4px #323232; | ||
+ | } | ||
+ | |||
+ | #tn-content .container .sheet .tn-doublephoto-wrap .plot { | ||
+ | display: inline-block; | ||
+ | height: auto; | ||
+ | width: 49%; | ||
+ | } | ||
+ | |||
+ | #tn-content .container .sheet .tn-doublephoto-wrap .photo { | ||
+ | display: inline-block; | ||
+ | height: 330px; | ||
+ | width: auto; | ||
} | } |
Latest revision as of 09:51, 30 September 2013
- tn-content .container {
background-color: rgb(208,146,32); 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;
}
- 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(208,146,32); }
- 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(208,146,32); }
- tn-central-container #tn-content-wrap #tn-content .container .sheet .tn-effect-link a:hover {
color:black; }
- tn-central-container #tn-content-wrap #tn-content .container .sheet > img {
display: block; margin: 1em auto; width: 800px; border: 3px solid white; box-shadow: 2px 2px 4px #323232; }
- tn-content .container .sheet .tn-doublephoto-wrap > img {
display: block; margin: 1em auto; width: 800px; border: 3px solid white; box-shadow: 2px 2px 4px #323232; }
- tn-content .container .sheet .tn-doublephoto-wrap .plot {
display: inline-block; height: auto; width: 49%; }
- tn-content .container .sheet .tn-doublephoto-wrap .photo {
display: inline-block; height: 330px; width: auto; }