Team:UNITN-Trento/CSS/About us
From 2013.igem.org
(Difference between revisions)
(Started styling map) |
|||
(9 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | .container | + | #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 | |
+ | ); | ||
} | } | ||
- | . | + | .silhouette { |
- | + | display: block; | |
- | + | margin: 0 auto; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | .silhouette img { |
- | + | margin-bottom: 0 !important; | |
- | + | width: 92%; | |
- | + | margin-top: -22px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | .container | + | .container { |
- | + | text-align: center; | |
- | + | ||
- | + | ||
} | } | ||
- | .container . | + | .container .menu { |
- | + | margin: 0 auto; | |
- | + | width: 700px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | .container . | + | .container .menu a { |
- | + | display: inline-block; | |
- | + | ||
- | + | ||
- | + | margin: 20px auto; | |
- | width: | + | padding: 4px; |
+ | min-width: 92px; | ||
+ | max-width: 110px; | ||
- | background-color: | + | background-color: rgba(250,250,250,.6); |
- | + | border: 3px solid transparent; | |
- | + | border-radius: 5px; | |
- | . | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | color: rgb(48, 106, 56); | |
- | + | font-family: "Boogaloo", sans-serif; | |
- | + | font-size: 1.2em; | |
- | + | text-align: center; | |
- | + | text-decoration: none; | |
- | + | ||
- | + | ||
} | } | ||
- | .container . | + | .container .menu a:hover { |
- | background-color: | + | background-color: transparent; |
- | border- | + | border-color: white; |
- | + | color: white; | |
- | + | text-shadow: 0 0 2px black; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } |
Latest revision as of 12:03, 3 October 2013
- tn-content .container {
background-color: rgb(32,86,54); background-image: url(![]()
); }
.silhouette {
display: block; margin: 0 auto;
}
.silhouette img {
margin-bottom: 0 !important;
width: 92%; margin-top: -22px;
}
.container {
text-align: center;
}
.container .menu {
margin: 0 auto; width: 700px;
}
.container .menu a {
display: inline-block; margin: 20px auto; padding: 4px; min-width: 92px; max-width: 110px; background-color: rgba(250,250,250,.6); border: 3px solid transparent; border-radius: 5px; color: rgb(48, 106, 56); font-family: "Boogaloo", sans-serif; font-size: 1.2em; text-align: center; text-decoration: none;
}
.container .menu a:hover {
background-color: transparent; border-color: white; color: white; text-shadow: 0 0 2px black;
}