Team:UNITN-Trento/CSS/Team
From 2013.igem.org
(Difference between revisions)
(37 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | #tn-content .container { | |
+ | background-color: rgb(32,86,54); | ||
+ | background-image: url(https://static.igem.org/mediawiki/2013/9/91/Tn-2013-boxbg-Onda-Watermelon.png); | ||
+ | } | ||
- | .tn-title { | + | #tn-content > .tn-title { |
display: block; | display: block; | ||
- | + | padding-top:0; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | text-align: center; | + | border:none; |
+ | |||
+ | color:rgb(48, 106, 56); | ||
+ | font-family: "Mouse Memoirs"; | ||
+ | font-size:6em; | ||
+ | text-align:center; | ||
+ | text-shadow:2px 2px 4px white | ||
} | } | ||
- | + | #tn-content .container { | |
+ | margin-bottom: 3em !important; | ||
+ | } | ||
- | . | + | .paper { |
- | + | position: relative; | |
- | + | display: inline-block; | |
- | + | margin: 2em 0; | |
- | + | padding: 1em; | |
+ | height: 350px; | ||
+ | width: 525px; | ||
- | + | background-color: rgba(255,255,255,.7); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
border-radius: 1em; | border-radius: 1em; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | font-family: "Cabin", sans-serif; | |
- | + | font-size: 16px; | |
- | font-family: " | + | text-align: justify; |
- | font-size: | + | vertical-align: top; |
- | + | ||
- | + | ||
} | } | ||
- | . | + | .paper img.profile { |
- | width: | + | display: inline-block; |
- | + | width: 200px !important; | |
- | border-radius: | + | margin-top: 6px; |
- | + | border-radius: 10px; | |
+ | box-shadow: inset 1px 1px 2px #323232; | ||
+ | vertical-align: top; | ||
} | } | ||
- | . | + | .paper .data { |
- | + | display: inline-block; | |
- | width: | + | width: 300px; |
- | + | margin-left: 1em; | |
- | + | font-family: "Cabin", arial; | |
- | font- | + | font-size: 1em; |
- | + | ||
- | + | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
- | . | + | .paper .data p { |
- | + | line-height: 1.3em; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | .container .paper .title { |
- | position: | + | display: block; |
+ | position: absolute; | ||
+ | top: -0.7em; | ||
+ | right: 1em; | ||
- | + | font-family: "Boogaloo", serif; | |
- | + | font-size: 2.5em; | |
- | + | font-weight: bold; | |
- | + | ||
- | + | text-shadow: 0 0 2px rgba(250,250,250,.9); | |
} | } | ||
- | . | + | .container img.lab { |
- | border-radius: | + | display: inline-block; |
+ | width: 328px; | ||
+ | height: 382px; | ||
+ | margin-top: 2em; | ||
+ | border-radius: 10px; | ||
} | } | ||
- | . | + | .container .left { |
- | + | margin-left: 1em !important; | |
- | + | margin-right: 1em !important; | |
+ | box-shadow: 0 0 4px white; | ||
} | } | ||
- | + | .container .right { | |
- | + | margin-left: 0 !important; | |
- | + | margin-right: 1em !important; | |
- | margin | + | box-shadow: 0 0 4px white; |
- | + | ||
- | + | ||
- | + | ||
- | box-shadow: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | .container .paper.right .data { |
- | + | margin-left: 0; | |
- | + | margin-right: 1em; | |
} | } | ||
- | . | + | .container .paper.right .title { |
- | + | left: 1em; | |
- | + | ||
- | + | ||
} | } | ||
- | #tn-content . | + | #tn-content .container-2 { |
- | + | width: 960px; | |
- | + | margin: auto; | |
+ | margin-bottom: 2em; | ||
+ | padding: 0; | ||
+ | padding-top: 1.5em; | ||
- | + | background-color: rgb(32,86,54); | |
- | + | background-image: url(https://static.igem.org/mediawiki/2013/9/91/Tn-2013-boxbg-Onda-Watermelon.png); | |
- | background- | + | background-position: top center; |
+ | background-repeat: no-repeat; | ||
+ | border: 3px solid white; | ||
+ | box-shadow: 2px 2px 4px #323232; | ||
+ | text-align:justify; | ||
} | } | ||
- | . | + | .container-2 .main-name { |
- | + | display: block; | |
- | + | position: absolute; | |
- | + | top: -0.7em; | |
+ | right: 1em; | ||
- | + | font-family: "Boogaloo", serif; | |
- | + | font-size: 2.5em; | |
- | + | font-weight: bold; | |
+ | |||
+ | text-shadow: 0 0 2px rgba(250,250,250,.9); | ||
} | } | ||
- | . | + | .container-2 img { |
- | + | display: inline-block; | |
- | background- | + | |
- | + | margin: 1em; | |
+ | |||
+ | height: 200px; | ||
+ | width: 200px; | ||
+ | |||
+ | background: black; | ||
+ | border-radius: 15px; | ||
+ | box-shadow: 0 0 4px white; | ||
} | } | ||
- | . | + | .container-2 .paper { |
- | + | display: inline-block; | |
- | + | ||
+ | margin: 1em; | ||
+ | padding: 15px; | ||
+ | height: 170px; | ||
+ | width: 662px; | ||
+ | |||
+ | background-color: white; | ||
+ | border-radius: 15px; | ||
+ | box-shadow: 0 0 4px white; | ||
+ | |||
+ | font-family: "Cabin", sans-serif; | ||
} | } | ||
- | . | + | .container-2 .paper .title { |
- | + | font-weight: bold; | |
- | + | ||
} | } | ||
- | + | .container-2 .paper div { | |
- | + | margin-bottom: 5px; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | /* | + | /*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; | text-align: center; | ||
} | } | ||
- | .tn- | + | #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; | |
- | + | ||
- | border | + | width: 174px; |
- | + | ||
+ | border: none; | ||
+ | box-shadow: none; | ||
} | } | ||
- | .tn- | + | .container .sheet-2 .tn-arr-prev { |
- | + | left: 2em; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | .container .sheet-2 .tn-arr-next { |
- | + | right: 2em; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } |
Latest revision as of 13:28, 29 September 2013
- tn-content .container {
background-color: rgb(32,86,54); background-image: url();
}
- tn-content > .tn-title {
display: block; padding-top:0; border:none; color:rgb(48, 106, 56); font-family: "Mouse Memoirs"; font-size:6em; text-align:center; text-shadow:2px 2px 4px white
}
- tn-content .container {
margin-bottom: 3em !important;
}
.paper {
position: relative; display: inline-block;
margin: 2em 0; padding: 1em; height: 350px; width: 525px;
background-color: rgba(255,255,255,.7); border-radius: 1em;
font-family: "Cabin", sans-serif; font-size: 16px; text-align: justify; vertical-align: top;
}
.paper img.profile {
display: inline-block; width: 200px !important; margin-top: 6px; border-radius: 10px; box-shadow: inset 1px 1px 2px #323232; vertical-align: top;
}
.paper .data {
display: inline-block; width: 300px; margin-left: 1em; font-family: "Cabin", arial; font-size: 1em; vertical-align: top;
}
.paper .data p {
line-height: 1.3em;
}
.container .paper .title {
display: block; position: absolute; top: -0.7em; right: 1em;
font-family: "Boogaloo", serif; font-size: 2.5em; font-weight: bold;
text-shadow: 0 0 2px rgba(250,250,250,.9);
}
.container img.lab {
display: inline-block; width: 328px; height: 382px; margin-top: 2em; border-radius: 10px;
}
.container .left {
margin-left: 1em !important; margin-right: 1em !important; box-shadow: 0 0 4px white;
}
.container .right {
margin-left: 0 !important; margin-right: 1em !important; box-shadow: 0 0 4px white;
}
.container .paper.right .data {
margin-left: 0; margin-right: 1em;
}
.container .paper.right .title {
left: 1em;
}
- tn-content .container-2 {
width: 960px; margin: auto; margin-bottom: 2em; padding: 0; padding-top: 1.5em;
background-color: rgb(32,86,54); background-image: url(); background-position: top center; background-repeat: no-repeat; border: 3px solid white; box-shadow: 2px 2px 4px #323232; text-align:justify;
}
.container-2 .main-name {
display: block; position: absolute; top: -0.7em; right: 1em;
font-family: "Boogaloo", serif; font-size: 2.5em; font-weight: bold;
text-shadow: 0 0 2px rgba(250,250,250,.9);
}
.container-2 img {
display: inline-block; margin: 1em; height: 200px; width: 200px; background: black; border-radius: 15px; box-shadow: 0 0 4px white;
}
.container-2 .paper {
display: inline-block; margin: 1em; padding: 15px; height: 170px; width: 662px; background-color: white; border-radius: 15px; box-shadow: 0 0 4px white; font-family: "Cabin", sans-serif;
}
.container-2 .paper .title {
font-weight: bold;
}
.container-2 .paper div {
margin-bottom: 5px;
}
/*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;
}