Team:UNITN-Trento/CSS/Products
From 2013.igem.org
(Difference between revisions)
(Correct vertical align for dots) |
|||
(8 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | .container | + | #tn-content .container { |
- | + | background-color: rgb(208,146,32); | |
- | + | background-image: url(https://static.igem.org/mediawiki/2013/c/c6/Tn-2013-boxbg-onda-Gold.png); | |
} | } | ||
- | . | + | .silhouette img { |
- | + | display: block; | |
- | + | margin: 0 auto; | |
- | + | margin-bottom: 0 !important; | |
- | + | width: 92%; | |
- | + | margin-top: -22px; | |
- | + | ||
} | } | ||
- | .container | + | .container { |
- | + | text-align: center; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | .container . | + | .container .menu { |
- | + | margin: 0 auto; | |
- | + | width: 300px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | .container . | + | .container .menu a { |
- | + | display: inline-block; | |
- | + | ||
- | + | ||
- | + | ||
- | + | margin: 20px auto; | |
- | + | padding: 4px; | |
- | . | + | min-width: 92px; |
- | + | max-width: 110px; | |
- | + | ||
- | + | background-color: rgba(250,250,250,.8); | |
+ | border: 3px solid transparent; | ||
+ | border-radius: 5px; | ||
+ | |||
+ | color: #d09220; | ||
+ | font-family: "Boogaloo", sans-serif; | ||
+ | font-size: 1.2em; | ||
text-align: center; | text-align: center; | ||
- | + | text-decoration: none; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | .container . | + | .container .menu a:hover { |
- | + | background-color: transparent; | |
- | text- | + | border-color: white; |
+ | color: white; | ||
+ | text-shadow: 0 0 2px black; | ||
} | } |
Latest revision as of 12:06, 3 October 2013
- tn-content .container {
background-color: rgb(208,146,32); background-image: url();
}
.silhouette img {
display: block; margin: 0 auto; margin-bottom: 0 !important;
width: 92%; margin-top: -22px; }
.container {
text-align: center;
}
.container .menu {
margin: 0 auto; width: 300px;
}
.container .menu a {
display: inline-block; margin: 20px auto; padding: 4px; min-width: 92px; max-width: 110px; background-color: rgba(250,250,250,.8); border: 3px solid transparent; border-radius: 5px; color: #d09220; 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;
}