Template:Team:HokkaidoU Japan/Top Header/CSS
From 2014.igem.org
(Difference between revisions)
(87 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | # | + | |
- | width: | + | #header-image { |
- | height: | + | width:960px; |
+ | height:240px; | ||
margin: 0 auto; | margin: 0 auto; | ||
- | + | } | |
+ | |||
+ | #header-wrapper { | ||
+ | width:100%; | ||
+ | background-color:#d92424; | ||
+ | } | ||
+ | |||
+ | #header-top img | ||
+ | { width:100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | #header-top { | ||
+ | width:100%; | ||
+ | height:25px; | ||
+ | background-color:#d92424; | ||
+ | } | ||
+ | |||
+ | #header-bottom { | ||
+ | width:100%; | ||
+ | height:180px; | ||
+ | background-color:#d92424; | ||
+ | } | ||
+ | |||
+ | #header-bottom-contents { | ||
+ | width:960px; | ||
margin: 0 auto; | margin: 0 auto; | ||
} | } | ||
- | # | + | #top-header { |
width: 960px; | width: 960px; | ||
+ | height: 240px; | ||
+ | margin: 0 auto; | ||
} | } | ||
- | . | + | .header-picture { |
- | + | position:relative; | |
+ | float:right; | ||
+ | top:20px; | ||
+ | |||
} | } | ||
- | . | + | .header-picture > img { |
- | + | ||
height:150px; | height:150px; | ||
- | + | position:relative; | |
- | position: relative | + | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .header-title { | |
- | height: | + | height:150px; |
- | + | width:600px; | |
- | + | float:left; | |
- | margin: 0 | + | font-family: 'Special Elite', cursive; |
- | + | color:white; | |
+ | |||
+ | } | ||
+ | |||
+ | .header-title-top{ | ||
+ | height:50px; | ||
+ | margin:40px 0 20px; | ||
+ | font-size:30px; | ||
} | } | ||
- | + | .header-title-bottom { | |
- | + | height:100px; | |
+ | font-size:45px; | ||
} | } | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 14:00, 17 October 2014