Template:CSS/project
From 2014.igem.org
(Difference between revisions)
(36 intermediate revisions not shown) | |||
Line 5: | Line 5: | ||
<style rel='stylesheet' type='text/css'> | <style rel='stylesheet' type='text/css'> | ||
- | . | + | .container_project2{ |
width:100%; | width:100%; | ||
- | height: | + | height:7100px; |
- | background: url(https://static.igem.org/mediawiki/2014/ | + | background-image:url(https://static.igem.org/mediawiki/2014/2/29/Safety_bg_copy.png); |
position:absolute; | position:absolute; | ||
top:-10px; | top:-10px; | ||
Line 14: | Line 14: | ||
padding:0px; | padding:0px; | ||
margin:0px; | margin:0px; | ||
+ | z-index:10; | ||
} | } | ||
+ | |||
.topimg{ | .topimg{ | ||
position:absolute; | position:absolute; | ||
Line 26: | Line 28: | ||
.topimg img{ | .topimg img{ | ||
border-radius:10px; | border-radius:10px; | ||
+ | border:solid thin grey; | ||
} | } | ||
Line 35: | Line 38: | ||
padding:0px; | padding:0px; | ||
margin:0px; | margin:0px; | ||
- | font-family: | + | font-family:Open Sans; |
size:12px; | size:12px; | ||
text-align:justify; | text-align:justify; | ||
Line 44: | Line 47: | ||
} | } | ||
- | + | .footerbg_project{ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | . | + | |
position:absolute; | position:absolute; | ||
- | top: | + | top:7100px; |
left:0px; | left:0px; | ||
width:100%; | width:100%; | ||
- | + | height:100px; | |
- | background- | + | background-color:#424243; |
+ | z-index:2; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | .copyright{ | ||
+ | position:absolute; | ||
+ | bottom:5px; | ||
+ | left:400px; | ||
} | } | ||
+ | |||
+ | .copyright a,visited{ | ||
+ | color:#a2a1a1; | ||
+ | } | ||
+ | |||
+ | .copyright a:hover{ | ||
+ | color:#c7c6c6; | ||
+ | } | ||
+ | |||
+ | .copyright p{ | ||
+ | font-size:12px; | ||
+ | color:#807f7f; | ||
+ | font-family:Open sans, Helvetica, Arial; | ||
+ | font-weight:400; | ||
+ | } | ||
- | . | + | .nav2{ |
- | + | ||
- | + | ||
- | + | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:10px; |
- | left: | + | left:280px; |
+ | |||
+ | } | ||
+ | .nav2table{ | ||
+ | background-color:#424243; | ||
+ | color:#807f7f; | ||
+ | } | ||
+ | .nav2 a,visited{ | ||
+ | color:#d6d5d5; | ||
+ | font-size:12px; | ||
+ | text-decoration:none; | ||
+ | padding:10px; | ||
} | } | ||
- | . | + | .nav2 a:hover{ |
- | + | color:#ffffff; | |
- | + | font-size:12px; | |
- | + | font-weight:500; | |
- | + | text-decoration:none; | |
- | + | padding:10px; | |
- | + | ||
- | text- | + | |
- | + | ||
} | } | ||
- | . | + | .vector { |
- | position: | + | position:relative; |
- | top:auto; | + | top:10px; |
- | + | margin-top:0px; | |
- | + | margin-left:auto; | |
- | + | margin-right:auto; | |
- | + | margin-bottom:0px; | |
- | + | width:720px; | |
- | + | height:320px; | |
- | + | border-radius:10px; | |
+ | } | ||
+ | |||
+ | .vector img{ | ||
+ | border-radius:10px; | ||
+ | border:solid thin grey; | ||
+ | |||
} | } | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 03:52, 18 October 2014