Difference between revisions of "Template:NYU-AD-Header"
(53 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
+ | {{Template_All_Teams}} | ||
<html> | <html> | ||
− | <head> | + | <head> |
− | <style> | + | <style> |
− | + | #globalWrapper,#content{ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | #globalWrapper, #content{ | + | |
− | + | ||
− | + | ||
− | + | ||
width: 99.5%; | width: 99.5%; | ||
− | + | } | |
− | margin- | + | #main-container{ |
− | + | width: 100%; | |
+ | height :100%; | ||
+ | text-align: center; | ||
+ | float: center; | ||
+ | overflow:auto; | ||
+ | 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 { | ||
+ | padding-top:250px; | ||
+ | margin:auto; | ||
+ | margin-bottom: 30px; | ||
+ | width: 85%; | ||
+ | padding-left: 25px; | ||
+ | font-family: sans-serif; | ||
+ | text-align: left; | ||
− | + | } | |
− | + | #header-container .arrow { | |
− | + | font-size:11px; | |
− | } | + | line-height:0%; |
− | # | + | } |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | font- | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | font-size: | + | .title { |
− | + | 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 { | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | display: inline; | ||
+ | margin: 0; | ||
+ | padding: 5px 0px 5px 0px; | ||
+ | list-style: none; | ||
+ | -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15) | ||
+ | -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); | ||
+ | box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); | ||
+ | } | ||
− | . | + | .list-item a, .dropdown-list-item a { |
− | + | text-decoration: none; | |
− | + | opacity: 0.9; | |
− | + | color: #F6F6F6; | |
− | + | font-family: Helvetica, Arial, sans-serif; | |
− | + | } | |
− | + | .list-item,.dropdown-list-item { | |
− | + | font: bold 12px/18px sans-serif; | |
− | + | display: inline-block; | |
− | + | margin-right: -4px; | |
− | + | position: relative; | |
− | + | padding: 13px 40px; | |
− | + | cursor: pointer; | |
− | + | width: auto; | |
− | + | -webkit-transition: all 0.2s; | |
− | + | -moz-transition: all 0.2s; | |
− | + | -ms-transition: all 0.2s; | |
− | + | -o-transition: all 0.2s; | |
− | + | transition: all 0.2s; | |
− | + | } | |
− | + | .dropdown-list-item { | |
− | + | width: auto; | |
− | + | margin-right: 0px; | |
− | + | } | |
− | + | .list-item a:visited, .dropdown-list-item a:visited{ | |
− | + | color: #F6F6F6; | |
− | + | } | |
− | + | .list-item a:hover{ | |
− | + | color: #66cccc; | |
− | } | + | } |
− | + | .dropdown-list { | |
− | + | padding: 0; | |
− | + | position: absolute; | |
− | + | top: 40px; | |
− | + | left: 0; | |
− | + | z-index:100; | |
− | + | -webkit-box-shadow: none; | |
− | + | -moz-box-shadow: none; | |
− | + | box-shadow: none; | |
− | + | display: none; | |
− | + | background: #397886; | |
− | + | opacity: 0; | |
− | + | visibility: hidden; | |
− | } | + | border: 2px solid #F6F6F6; |
− | + | border-radius: 10px; | |
− | + | -webkit-transiton: opacity 0.2s; | |
− | + | -moz-transition: opacity 0.2s; | |
− | + | -ms-transition: opacity 0.2s; | |
− | } | + | -o-transition: opacity 0.2s; |
− | + | -transition: opacity 0.2s; | |
− | + | } | |
− | + | .dropdown-list-item:hover{ | |
− | + | background: #2B2B2B; | |
− | + | border-radius:5px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | .list-item:hover .dropdown-list { | ||
+ | display: block; | ||
+ | opacity: 1; | ||
+ | visibility: visible; | ||
+ | } | ||
+ | </style> | ||
+ | </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"> | |
− | + | <li class="list-item"> <a href="https://2015.igem.org/Team:NYU-AD">Home</a></li> | |
− | + | <li class="list-item"> | |
− | + | <a href="#">Project <span class="arrow">▼</span><i class="icon-arrow"></i></a> | |
− | + | <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/Experiments">Experiments & Protocols</a></li> | |
− | + | <li class="dropdown-list-item"><a href="https://2015.igem.org/Team:NYU-AD/Results">Results</a></li> | |
− | + | <li class="dropdown-list-item"><a href="https://2015.igem.org/Team:NYU-AD/Design">Design</a></li> | |
− | + | ||
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="list-item"> | |
− | + | <a href="https://2015.igem.org/Team:NYU-AD/Parts">Parts</a> | |
− | + | </li> | |
− | + | <li class="list-item"> | |
− | + | <a href="#">Notebook <span class="arrow">▼</span><i class="icon-arrow"></i></a> | |
− | + | <ul class="dropdown-list"> | |
− | + | <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="https://2015.igem.org/Team:NYU-AD/Safety">Safety</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="list-item"> | |
− | + | <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"> | |
− | + | <li class="dropdown-list-item"><a href="https://2015.igem.org/Team:NYU-AD/Team">Team</a></li> | |
− | <li class=" | + | <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="https://2015.igem.org/Team:NYU-AD/Attributions">Attributions</a></li> | |
− | + | ||
− | + | </ul> | |
− | + | </li> | |
− | + | ||
− | + | </ul> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
+ | |||
<div id="content-container"> | <div id="content-container"> | ||
+ | |||
</html> | </html> |
Latest revision as of 20:26, 18 September 2015