Difference between revisions of "Template:Uo2015-styles"
Line 1: | Line 1: | ||
<html><style> | <html><style> | ||
− | + | ||
− | body { | + | |
− | #top- | + | * { |
− | + | box-sizing: border-box; | |
+ | } | ||
+ | a:hover { | ||
+ | text-decoration: underline !important; | ||
+ | } | ||
+ | body { | ||
+ | font: 15px "Open Sans", Helvetica, sans-serif; | ||
+ | margin: 0px; | ||
+ | } | ||
+ | h1 { | ||
+ | color: #333; | ||
+ | font: 28px Raleway; | ||
+ | } | ||
+ | h2 { | ||
+ | color: #333; | ||
+ | font: 22px Raleway; | ||
+ | } | ||
+ | .uocover { | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center bottom; | ||
+ | background-size: cover; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2015/thumb/9/9f/Uo2015-cover.jpg/800px-Uo2015-cover.jpg"); | ||
+ | border-bottom: 2px solid #cd00cd; | ||
+ | height: 700px; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | } | ||
+ | .uocover .uocover-content { | ||
+ | margin: auto; | ||
+ | margin-top: 120px; | ||
+ | text-align: right; | ||
+ | width: 700px; | ||
+ | } | ||
+ | .uocover .uocover-content span { | ||
+ | background-color: rgba(240,240,240,0.75); | ||
+ | padding: 0px 3px; | ||
+ | } | ||
+ | .uocover .uocover-content .big { | ||
+ | color: #333; | ||
+ | font: 800 46px Raleway; | ||
+ | } | ||
+ | .uocover .uocover-content .small { | ||
+ | color: #90008f; | ||
+ | font: 18px/24px "Open Sans"; | ||
+ | } | ||
+ | .noborder nav { | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | nav { | ||
+ | border-bottom: 2px solid #cd00cd; | ||
+ | font-family: Raleway; | ||
+ | font-size: 17px; | ||
+ | margin-bottom: 15px; | ||
+ | padding: 10px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | nav.noborder { | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | nav a { | ||
+ | color: #ae00ae; | ||
+ | margin-right: 30px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | nav a:last-child { | ||
+ | margin-right: 0px; | ||
+ | } | ||
+ | .uowrapper { | ||
+ | margin: auto; | ||
+ | max-width: 1148px; | ||
+ | width: 90%; | ||
+ | } | ||
+ | .uomenu { | ||
+ | float: left; | ||
+ | margin-top: 9px; | ||
+ | padding-right: 15px; | ||
+ | text-align: right; | ||
+ | width: 24%; | ||
+ | } | ||
+ | .uomenu header { | ||
+ | border-bottom: 1px dotted #666; | ||
+ | font: 18px Raleway; | ||
+ | padding: 15px 0px; | ||
+ | } | ||
+ | .uomenu a { | ||
+ | color: #666; | ||
+ | display: block; | ||
+ | font: 14px Raleway; | ||
+ | margin: 15px 0px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .uocontent { | ||
+ | float: left; | ||
+ | width: 75%; | ||
+ | } | ||
+ | figure { | ||
+ | border: 1px solid #999; | ||
+ | border-radius: 7px; | ||
+ | font-size: 0px; | ||
+ | margin: 10px auto; | ||
+ | max-width: 70%; | ||
+ | padding: 7px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | figure img { | ||
+ | max-width: 100%; | ||
+ | } | ||
+ | figure p { | ||
+ | color: #666; | ||
+ | font: 14px Raleway; | ||
+ | text-align: center; | ||
+ | } | ||
+ | figure.full { | ||
+ | max-width: 100%; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
</html> | </html> |
Revision as of 20:32, 14 September 2015