Team:Oxford/templates/header
From 2014.igem.org
(Difference between revisions)
Olivervince (Talk | contribs) |
Olivervince (Talk | contribs) |
||
(534 intermediate revisions not shown) | |||
Line 268: | Line 268: | ||
header { | header { | ||
- | background: url('https://static.igem.org/mediawiki/2014/ | + | background: url('https://static.igem.org/mediawiki/2014/e/eb/Oxfordigem_radcam.jpg'); |
background-size: cover; | background-size: cover; | ||
- | background-position: | + | background-position: 10% 16%; |
- | height: | + | height: 300px; |
min-width:600px; | min-width:600px; | ||
} | } | ||
Line 286: | Line 286: | ||
#igem_logo { | #igem_logo { | ||
- | background: url('https://static.igem.org/mediawiki/ | + | background: url('https://static.igem.org/mediawiki/2014/6/6d/OxiGEMiGEM.png'); |
background-size: cover; | background-size: cover; | ||
- | width: | + | width: 9em; |
- | height: | + | height: 7em; |
position: absolute; | position: absolute; | ||
right: 0; | right: 0; | ||
Line 307: | Line 307: | ||
/* edit: fixes overlap error in IE7/8, | /* edit: fixes overlap error in IE7/8, | ||
make sure you have an empty gif */ | make sure you have an empty gif */ | ||
+ | |||
background-image: url('empty.gif'); | background-image: url('empty.gif'); | ||
} | } | ||
Line 322: | Line 323: | ||
#main_navigation > div > ul > li { | #main_navigation > div > ul > li { | ||
- | |||
display: inline-block; | display: inline-block; | ||
- | margin: 0; | + | margin: 0 20px 0 0 ; |
padding: 0; | padding: 0; | ||
} | } | ||
Line 422: | Line 422: | ||
background: #fff; | background: #fff; | ||
padding: 1em; | padding: 1em; | ||
+ | width:90%; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .grow { | ||
+ | border-radius: 10px; | ||
+ | display: inline-block; | ||
+ | overflow: hidden; | ||
+ | height: 20px; | ||
+ | width: 100%; | ||
+ | margin: 0% 0px 0px 0%; | ||
+ | float: center; | ||
+ | position: relative; | ||
+ | transition:height 0.5s; | ||
+ | -webkit-transition:height 0.5s; | ||
+ | } | ||
+ | |||
+ | .grow:hover { | ||
+ | overflow: hidden; | ||
+ | height: 100px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .growat { | ||
+ | border-radius: 10px; | ||
+ | display: inline-block; | ||
+ | overflow: hidden; | ||
+ | height: 400px; | ||
+ | width: 100%; | ||
+ | margin: 0% 0px 0px 0%; | ||
+ | float: center; | ||
+ | position: relative; | ||
+ | transition:height 0.5s; | ||
+ | -webkit-transition:height 0.5s; | ||
+ | } | ||
+ | |||
+ | .growat:hover { | ||
+ | overflow: hidden; | ||
+ | height: 1000px; | ||
+ | } | ||
+ | |||
+ | .growbio { | ||
+ | border-radius: 10px; | ||
+ | display: inline-block; | ||
+ | overflow: hidden; | ||
+ | height: 250px; | ||
+ | width: 100%; | ||
+ | margin: 0% 0px 0px 0%; | ||
+ | float: center; | ||
+ | position: relative; | ||
+ | transition:height 0.5s; | ||
+ | -webkit-transition:height 0.5s; | ||
+ | } | ||
+ | |||
+ | .growbio:hover { | ||
+ | overflow: hidden; | ||
+ | height: 1000px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .growlabbookbweek1 { | ||
+ | border-radius: 10px; | ||
+ | display: inline-block; | ||
+ | overflow: hidden; | ||
+ | height: 100px; | ||
+ | width: 100%; | ||
+ | margin: 0% 0px 0px 0%; | ||
+ | float: center; | ||
+ | position: relative; | ||
+ | transition:height 0.5s; | ||
+ | -webkit-transition:height 0.5s; | ||
+ | } | ||
+ | |||
+ | .growlabbookbweek1:hover { | ||
+ | overflow: hidden; | ||
+ | height: 2800px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .growlabbookbweek2 { | ||
+ | border-radius: 10px; | ||
+ | display: inline-block; | ||
+ | overflow: hidden; | ||
+ | height: 150px; | ||
+ | width: 100%; | ||
+ | margin: 0% 0px 0px 0%; | ||
+ | float: center; | ||
+ | position: relative; | ||
+ | transition:height 0.5s; | ||
+ | -webkit-transition:height 0.5s; | ||
+ | } | ||
+ | |||
+ | .growlabbookbweek2:hover { | ||
+ | overflow: hidden; | ||
+ | height: 6500px; | ||
+ | } | ||
+ | |||
+ | .growlabbookbweek3 { | ||
+ | border-radius: 10px; | ||
+ | display: inline-block; | ||
+ | overflow: hidden; | ||
+ | height: 130px; | ||
+ | width: 100%; | ||
+ | margin: 0% 0px 0px 0%; | ||
+ | float: center; | ||
+ | position: relative; | ||
+ | transition:height 0.5s; | ||
+ | -webkit-transition:height 0.5s; | ||
+ | } | ||
+ | |||
+ | .growlabbookbweek3:hover { | ||
+ | overflow: hidden; | ||
+ | height: 2800px; | ||
+ | } | ||
+ | |||
+ | .growlabbookbweek4 { | ||
+ | border-radius: 10px; | ||
+ | display: inline-block; | ||
+ | overflow: hidden; | ||
+ | height: 130px; | ||
+ | width: 100%; | ||
+ | margin: 0% 0px 0px 0%; | ||
+ | float: center; | ||
+ | position: relative; | ||
+ | transition:height 0.5s; | ||
+ | -webkit-transition:height 0.5s; | ||
+ | } | ||
+ | |||
+ | .growlabbookbweek4:hover { | ||
+ | overflow: hidden; | ||
+ | height: 8000px; | ||
+ | } | ||
+ | |||
+ | .growlabbookbweek5 { | ||
+ | border-radius: 10px; | ||
+ | display: inline-block; | ||
+ | overflow: hidden; | ||
+ | height: 120px; | ||
+ | width: 100%; | ||
+ | margin: 0% 0px 0px 0%; | ||
+ | float: center; | ||
+ | position: relative; | ||
+ | transition:height 0.5s; | ||
+ | -webkit-transition:height 0.5s; | ||
+ | } | ||
+ | |||
+ | .growlabbookbweek5:hover { | ||
+ | overflow: hidden; | ||
+ | height: 3000px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .growlabbookcweek1 { | ||
+ | border-radius: 10px; | ||
+ | display: inline-block; | ||
+ | overflow: hidden; | ||
+ | height: 130px; | ||
+ | width: 100%; | ||
+ | margin: 0% 0px 0px 0%; | ||
+ | float: center; | ||
+ | position: relative; | ||
+ | transition:height 0.5s; | ||
+ | -webkit-transition:height 0.5s; | ||
+ | } | ||
+ | |||
+ | .growlabbookcweek1:hover { | ||
+ | overflow: hidden; | ||
+ | height: 1950px; | ||
+ | } | ||
+ | |||
+ | .growlabbookcweek3 { | ||
+ | border-radius: 10px; | ||
+ | display: inline-block; | ||
+ | overflow: hidden; | ||
+ | height: 130px; | ||
+ | width: 100%; | ||
+ | margin: 0% 0px 0px 0%; | ||
+ | float: center; | ||
+ | position: relative; | ||
+ | transition:height 0.5s; | ||
+ | -webkit-transition:height 0.5s; | ||
+ | } | ||
+ | |||
+ | .growlabbookcweek3:hover { | ||
+ | overflow: hidden; | ||
+ | height: 1950px; | ||
+ | } | ||
+ | |||
+ | .growlabbookcweek4 { | ||
+ | border-radius: 10px; | ||
+ | display: inline-block; | ||
+ | overflow: hidden; | ||
+ | height: 130px; | ||
+ | width: 100%; | ||
+ | margin: 0% 0px 0px 0%; | ||
+ | float: center; | ||
+ | position: relative; | ||
+ | transition:height 0.5s; | ||
+ | -webkit-transition:height 0.5s; | ||
+ | } | ||
+ | |||
+ | .growlabbookcweek4:hover { | ||
+ | overflow: hidden; | ||
+ | height: 1000px; | ||
+ | } | ||
+ | |||
+ | .growlabbookcweek5 { | ||
+ | border-radius: 10px; | ||
+ | display: inline-block; | ||
+ | overflow: hidden; | ||
+ | height: 250px; | ||
+ | width: 100%; | ||
+ | margin: 0% 0px 0px 0%; | ||
+ | float: center; | ||
+ | position: relative; | ||
+ | transition:height 0.5s; | ||
+ | -webkit-transition:height 0.5s; | ||
+ | } | ||
+ | |||
+ | .growlabbookcweek5:hover { | ||
+ | overflow: hidden; | ||
+ | height: 2100px; | ||
+ | } | ||
+ | |||
+ | .growlabbookcweek6 { | ||
+ | border-radius: 10px; | ||
+ | display: inline-block; | ||
+ | overflow: hidden; | ||
+ | height: 200px; | ||
+ | width: 100%; | ||
+ | margin: 0% 0px 0px 0%; | ||
+ | float: center; | ||
+ | position: relative; | ||
+ | transition:height 0.5s; | ||
+ | -webkit-transition:height 0.5s; | ||
+ | } | ||
+ | |||
+ | .growlabbookcweek6:hover { | ||
+ | overflow: hidden; | ||
+ | height: 2100px; | ||
+ | } | ||
+ | .growGW { | ||
+ | border-radius: 10px; | ||
+ | display: inline-block; | ||
+ | overflow: hidden; | ||
+ | height: 200px; | ||
+ | width: 100%; | ||
+ | margin: 0% 0px 0px 0%; | ||
+ | float: center; | ||
+ | position: relative; | ||
+ | transition:height 0.5s; | ||
+ | -webkit-transition:height 0.5s; | ||
+ | } | ||
+ | |||
+ | .growGW:hover { | ||
+ | overflow: hidden; | ||
+ | height: 1000px; | ||
+ | } | ||
+ | |||
+ | .grow3 { | ||
+ | border-radius: 10px; | ||
+ | display: inline-block; | ||
+ | overflow: hidden; | ||
+ | height: 300px; | ||
+ | width: 50%; | ||
+ | margin: 0% 0px 0px 0%; | ||
+ | float: center; | ||
+ | position: relative; | ||
+ | transition:height 0.5s; | ||
+ | -webkit-transition:height 0.5s; | ||
+ | } | ||
+ | |||
+ | .grow3:hover { | ||
+ | overflow: hidden; | ||
+ | width: 100%; | ||
} | } | ||
Line 437: | Line 714: | ||
</div> | </div> | ||
</header> | </header> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</html> | </html> | ||
+ | {{:Team:Oxford/templates/nav}} |
Latest revision as of 09:18, 9 September 2014