Difference between revisions of "Template:NYU-AD-Header"
| (14 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| + | {{Template_All_Teams}} | ||
<html> | <html> | ||
| − | |||
<head> | <head> | ||
<style> | <style> | ||
| − | + | #globalWrapper,#content{ | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
width: 99.5%; | width: 99.5%; | ||
| − | + | } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | } | + | |
#main-container{ | #main-container{ | ||
width: 100%; | width: 100%; | ||
| Line 23: | Line 11: | ||
text-align: center; | text-align: center; | ||
float: center; | float: center; | ||
| − | background-color: | + | overflow:auto; |
| − | font-family: | + | margin:0; |
| − | + | background-color: white; | |
| − | + | font-family: sans-serif; | |
} | } | ||
| + | body{ | ||
| + | background:white; | ||
| + | } | ||
| + | #header-container { | ||
| + | background: #397886; | ||
| + | width: 100%; | ||
| + | position: variable; | ||
| + | float:right; | ||
| + | padding-top: 15px; | ||
| + | top:-1px; | ||
| + | left: -1px; | ||
| + | z-index:10; | ||
| + | } | ||
#content-container { | #content-container { | ||
| − | padding-top: | + | padding-top:250px; |
| − | + | margin:auto; | |
margin-bottom: 30px; | margin-bottom: 30px; | ||
| − | width: | + | width: 85%; |
| − | padding-left: | + | padding-left: 25px; |
| − | font-family: | + | font-family: sans-serif; |
| + | text-align: left; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
#header-container .arrow { | #header-container .arrow { | ||
font-size:11px; | font-size:11px; | ||
| Line 52: | Line 44: | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
.title { | .title { | ||
margin: 0.3em 0 -0.7em 0; | margin: 0.3em 0 -0.7em 0; | ||
| − | + | color: white; | |
| − | + | font-weight: normal; | |
| − | + | font-family: 'Ultra', sans-serif; | |
| − | + | font-size: 20px; | |
| − | + | line-height: 42px; | |
| − | + | ||
} | } | ||
| + | .logo{ | ||
| + | display:block; | ||
| + | margin:auto; | ||
| + | } | ||
.list { | .list { | ||
| − | |||
width: 100%; | width: 100%; | ||
text-align: center; | text-align: center; | ||
| − | display: | + | display: inline; |
margin: 0; | margin: 0; | ||
padding: 5px 0px 5px 0px; | padding: 5px 0px 5px 0px; | ||
| Line 91: | Line 83: | ||
padding: 13px 40px; | padding: 13px 40px; | ||
cursor: pointer; | cursor: pointer; | ||
| − | width: | + | width: auto; |
-webkit-transition: all 0.2s; | -webkit-transition: all 0.2s; | ||
-moz-transition: all 0.2s; | -moz-transition: all 0.2s; | ||
| Line 99: | Line 91: | ||
} | } | ||
.dropdown-list-item { | .dropdown-list-item { | ||
| − | width: | + | width: auto; |
margin-right: 0px; | margin-right: 0px; | ||
} | } | ||
| Line 105: | Line 97: | ||
color: #F6F6F6; | color: #F6F6F6; | ||
} | } | ||
| − | . | + | .list-item a:hover{ |
| − | + | color: #66cccc; | |
| − | + | ||
} | } | ||
.dropdown-list { | .dropdown-list { | ||
padding: 0; | padding: 0; | ||
position: absolute; | position: absolute; | ||
| − | top: | + | top: 40px; |
left: 0; | left: 0; | ||
z-index:100; | z-index:100; | ||
| Line 142: | Line 133: | ||
</style> | </style> | ||
</head> | </head> | ||
| − | |||
<div id="main-container"> | <div id="main-container"> | ||
<div id="header-container"> | <div id="header-container"> | ||
| − | + | <img class="logo" src="https://static.igem.org/mediawiki/2015/b/b2/NYUAD-LogoFinal.png"> | |
| − | + | ||
<ul class="list"> | <ul class="list"> | ||
| − | <li class="list-item"> <a href=" | + | <li class="list-item"> <a href="https://2015.igem.org/Team:NYU-AD">Home</a></li> |
<li class="list-item"> | <li class="list-item"> | ||
| − | <a href="# | + | <a href="#">Project <span class="arrow">▼</span><i class="icon-arrow"></i></a> |
<ul class="dropdown-list"> | <ul class="dropdown-list"> | ||
<li class="dropdown-list-item"><a href="https://2015.igem.org/Team:NYU-AD/Description">Description</a></li> | <li class="dropdown-list-item"><a href="https://2015.igem.org/Team:NYU-AD/Description">Description</a></li> | ||
| Line 160: | Line 149: | ||
</li> | </li> | ||
<li class="list-item"> | <li class="list-item"> | ||
| − | <a href=" | + | <a href="https://2015.igem.org/Team:NYU-AD/Parts">Parts</a> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</li> | </li> | ||
<li class="list-item"> | <li class="list-item"> | ||
| − | <a href="# | + | <a href="#">Notebook <span class="arrow">▼</span><i class="icon-arrow"></i></a> |
<ul class="dropdown-list"> | <ul class="dropdown-list"> | ||
| − | <li class="dropdown-list-item"><a href=" | + | <li class="dropdown-list-item"><a href="https://2015.igem.org/Team:NYU-AD/Notebook">Wet Lab</a></li> |
| − | + | <li class="dropdown-list-item"><a href="https://2015.igem.org/Team:NYU-AD/DryLab">Dry Lab</a></li> | |
| − | <li class="dropdown-list-item"><a href=" | + | <li class="dropdown-list-item"><a href="https://2015.igem.org/Team:NYU-AD/Safety">Safety</a></li> |
</ul> | </ul> | ||
| − | + | </li> | |
| − | + | ||
| − | + | ||
<li class="list-item"> | <li class="list-item"> | ||
| − | <a href=" | + | <a href="https://2015.igem.org/Team:NYU-AD/Practices">Human Practices</a> |
| + | </li> | ||
| + | <li class="list-item"> | ||
| + | <a href="#">About Us <span class="arrow">▼</span><i class="icon-arrow"></i></a> | ||
<ul class="dropdown-list"> | <ul class="dropdown-list"> | ||
| − | <li class="dropdown-list-item"><a href=" | + | <li class="dropdown-list-item"><a href="https://2015.igem.org/Team:NYU-AD/Team">Team</a></li> |
| − | + | <li class="dropdown-list-item"><a href="https://2015.igem.org/Team:NYU-AD/Advisors">Advisors</a></li> | |
| − | <li class="dropdown-list-item"><a href=" | + | <li class="dropdown-list-item"><a href="https://2015.igem.org/Team:NYU-AD/Attributions">Attributions</a></li> |
| − | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
| Line 189: | Line 174: | ||
</ul> | </ul> | ||
</div> | </div> | ||
| + | |||
<div id="content-container"> | <div id="content-container"> | ||
</html> | </html> | ||
Latest revision as of 20:26, 18 September 2015
