"
Team:Shenzhen BGIC 0101/Templates/Banner
From 2013.igem.org
(Difference between revisions)
| (100 intermediate revisions not shown) | |||
| Line 5: | Line 5: | ||
<style type="text/css"> | <style type="text/css"> | ||
| + | |||
#top-section { | #top-section { | ||
width: 975px; | width: 975px; | ||
height: 20px; | height: 20px; | ||
background-color: #ffffff; | background-color: #ffffff; | ||
| + | border:none; | ||
} | } | ||
| Line 27: | Line 29: | ||
#Genovologo { | #Genovologo { | ||
position: relative; | position: relative; | ||
| - | + | margin-left:250px; | |
z-index:-1; | z-index:-1; | ||
} | } | ||
| Line 33: | Line 35: | ||
#iGEMLogo { | #iGEMLogo { | ||
position:absolute; | position:absolute; | ||
| - | top: | + | top:10px; |
left:25px; | left:25px; | ||
} | } | ||
| Line 40: | Line 42: | ||
position:absolute; | position:absolute; | ||
top:150px; | top:150px; | ||
| - | left: | + | left:750px; |
} | } | ||
| + | html, body { | ||
| + | height: 100%; | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | } | ||
body { | body { | ||
| Line 47: | Line 54: | ||
} | } | ||
| - | # | + | ##menucontainer { |
overflow:visible; | overflow:visible; | ||
position:relative; | position:relative; | ||
z-index:3; | z-index:3; | ||
| + | } | ||
| + | |||
| + | #wrapper { | ||
| + | overflow:visible; | ||
| + | width: 900px; | ||
| + | height: 500px; | ||
| + | position: relative; | ||
| + | top: 50%; | ||
| + | margin:100px 50px 50px 110px; | ||
} | } | ||
| Line 82: | Line 98: | ||
a:active {color:#93B825;} | a:active {color:#93B825;} | ||
a[name]:hover {text-decoration:none;} | a[name]:hover {text-decoration:none;} | ||
| - | |||
| - | |||
| - | |||
h1 { | h1 { | ||
font-family: arial,sans-serif; | font-family: arial,sans-serif; | ||
| - | color: # | + | color: #7380AE; |
background: #ffffff; | background: #ffffff; | ||
font-weight: bold; | font-weight: bold; | ||
| Line 96: | Line 109: | ||
border-bottom: none; | border-bottom: none; | ||
} | } | ||
| + | |||
h2 { | h2 { | ||
font-family: arial,sans-serif; | font-family: arial,sans-serif; | ||
| - | color: # | + | color: #7380AE; |
background: #ffffff; | background: #ffffff; | ||
font-weight: bold; | font-weight: bold; | ||
| Line 110: | Line 124: | ||
h3 { | h3 { | ||
font-family: arial,sans-serif; | font-family: arial,sans-serif; | ||
| - | color: # | + | color: #7380AE; |
background: #ffffff; | background: #ffffff; | ||
font-weight: bold; | font-weight: bold; | ||
| Line 117: | Line 131: | ||
padding: 16px 20px 2px 20px; | padding: 16px 20px 2px 20px; | ||
border-bottom: none; | border-bottom: none; | ||
| + | } | ||
| + | #footer h1{ | ||
| + | text-align:left; | ||
} | } | ||
h4 { | h4 { | ||
font-family: arial,sans-serif; | font-family: arial,sans-serif; | ||
| - | color: # | + | color: #7380AE; |
background: #ffffff; | background: #ffffff; | ||
font-weight: bold; | font-weight: bold; | ||
| Line 135: | Line 152: | ||
background: #ffffff; | background: #ffffff; | ||
font-weight: normal; | font-weight: normal; | ||
| - | font-size: | + | font-size: 1.5em; |
line-height: 1.7em; | line-height: 1.7em; | ||
text-align: justify; | text-align: justify; | ||
| Line 213: | Line 230: | ||
#BackToTop { | #BackToTop { | ||
position:fixed; | position:fixed; | ||
| - | bottom:0; | + | bottom:5px; |
| - | right:0; | + | right:5px; |
| + | } | ||
| + | <!--for the photos in team page--> | ||
| + | .container { | ||
| + | position: relative; | ||
| + | width: 1000px; | ||
| + | margin: 0 auto; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | .container .column { | ||
| + | float: left; | ||
| + | display: inline; | ||
| + | margin-left: 10px; | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | |||
| + | .container .one-third.column { | ||
| + | width: 300px; | ||
| + | } | ||
| + | |||
| + | .mini-post { | ||
| + | float: left; | ||
| + | background: #fff; | ||
| + | box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 4); | ||
| + | border-radius: 2px; | ||
| + | overflow: hidden; | ||
| + | width: 290px; | ||
| + | -webkit-transition: all .2s ease-out; | ||
| + | -moz-transition: all .2s ease-out; | ||
| + | transition: all .2s ease-out; | ||
| + | color: #333; | ||
| + | min-height: 320px; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | |||
| + | .mini-post:hover { | ||
| + | margin-top: -5px; | ||
| + | box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4); | ||
} | } | ||
| + | |||
| + | .hehe { | ||
| + | width:900px; | ||
| + | height:auto; | ||
| + | } | ||
</style> | </style> | ||
| Line 224: | Line 284: | ||
<a name="top"></a> | <a name="top"></a> | ||
<div id='Genovologo'> | <div id='Genovologo'> | ||
| - | <a href='https://2013.igem.org/Team:Shenzhen_BGIC_0101 | + | <a href='https://2013.igem.org/Team:Shenzhen_BGIC_0101'target="_blank"> |
<img src="https://static.igem.org/mediawiki/2013/d/d5/Abcdgenovo.png" style="width:350px;" /> | <img src="https://static.igem.org/mediawiki/2013/d/d5/Abcdgenovo.png" style="width:350px;" /> | ||
</a> | </a> | ||
| Line 230: | Line 290: | ||
<div id='iGEMLogo'> | <div id='iGEMLogo'> | ||
<a href='https://2013.igem.org/Main_Page' target="_blank"> | <a href='https://2013.igem.org/Main_Page' target="_blank"> | ||
| - | <img src='https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png' style="width: | + | <img src='https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png' style="width:60px;" /> |
</a> | </a> | ||
</div> | </div> | ||
<div id='logo'> | <div id='logo'> | ||
| - | <a href=' | + | <a href='https://2013.igem.org/Team:Shenzhen_BGIC_0101' target="_blank"> |
| - | <img src='https://static.igem.org/mediawiki/2013/d/d6/Genovoteamname.png' style="width: | + | <img src='https://static.igem.org/mediawiki/2013/d/d6/Genovoteamname.png' style="width:200px;" /> |
</a> | </a> | ||
</div> | </div> | ||
| Line 241: | Line 301: | ||
<div id="BackToTop"> | <div id="BackToTop"> | ||
<a href="#top"> | <a href="#top"> | ||
| - | <img src="https://static.igem.org/mediawiki/ | + | <img src="https://static.igem.org/mediawiki/2013/d/da/Up.png" width="48px" /> |
</a> | </a> | ||
</div> | </div> | ||
Latest revision as of 21:34, 28 October 2013
