Team:UNITN-Trento/CSS/Team
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
+ | #tn-content h1 { | ||
+ | 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; | ||
+ | } | ||
+ | |||
.sheet { | .sheet { | ||
position: relative; | position: relative; | ||
Line 26: | Line 42: | ||
} | } | ||
- | .sheet .title { | + | .container .sheet .title { |
display: block; | display: block; | ||
position: absolute; | position: absolute; | ||
Line 68: | Line 84: | ||
} | } | ||
- | #tn-content | + | #tn-content .container-2 { |
- | + | width: 960px; | |
- | + | margin: auto; | |
- | + | padding: 0; | |
- | + | padding-top: 1.5em; | |
- | + | ||
- | + | background-color: rgb(48,106,56); | |
- | + | background-image: url(https://static.igem.org/mediawiki/2013/a/a8/Tn-2013-boxbg-Onda-intro1d.png); | |
- | + | 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 .sheet { | ||
+ | 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 .sheet .title { | ||
+ | font-weight: bold; | ||
+ | text-decoration: underline; | ||
} | } |
Revision as of 13:58, 25 September 2013
- tn-content h1 {
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; }
.sheet {
position: relative; display: inline-block; width: 525px; height: 350px; margin: 2em 0; vertical-align: top;
}
.sheet img.profile {
display: inline-block; width: 200px; margin-top: 6px; border-radius: 10px; box-shadow: inset 1px 1px 2px #323232; vertical-align: top;
}
.sheet .data {
display: inline-block; width: 300px; margin-left: 1em; font-family: "Cabin", arial; font-size: 1em; vertical-align: top;
}
.container .sheet .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 .sheet.right .data {
margin-left: 0; margin-right: 1em;
}
.container .sheet.right .title {
left: 1em;
}
- tn-content .container-2 {
width: 960px; margin: auto; padding: 0; padding-top: 1.5em;
background-color: rgb(48,106,56); 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 .sheet {
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 .sheet .title {
font-weight: bold; text-decoration: underline;
}