Difference between revisions of "Template:NYU-AD-Header2"
(31 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 28: | Line 12: | ||
float: center; | float: center; | ||
overflow:auto; | overflow:auto; | ||
− | margin: | + | margin:auto; |
− | background-color: | + | background-color: white; |
− | font-family: | + | font-family: sans-serif; |
} | } | ||
+ | body{ | ||
+ | background:white; | ||
+ | } | ||
#content-container { | #content-container { | ||
− | padding-top: | + | padding-top:70px; |
− | + | margin:auto; | |
margin-bottom: 30px; | margin-bottom: 30px; | ||
− | width: | + | width: 90%; |
− | + | font-family: sans-serif; | |
− | font-family: | + | text-align: left; |
+ | |||
} | } | ||
#header-container { | #header-container { | ||
− | background: # | + | background: #397886; |
width: 100%; | width: 100%; | ||
position: fixed; | position: fixed; | ||
− | top: - | + | float:right; |
− | + | padding-top: 15px; | |
+ | top:-1px; | ||
+ | left: -1px; | ||
+ | z-index:10; | ||
+ | |||
+ | |||
} | } | ||
#header-container .arrow { | #header-container .arrow { | ||
Line 58: | Line 51: | ||
} | } | ||
.title { | .title { | ||
− | + | font-family: Franchise; | |
− | + | color: White; | |
− | + | float: left; | |
− | + | padding-left: 20px; | |
− | + | font-size: 24px; | |
− | + | margin-top: 7px; | |
− | + | ||
− | + | ||
} | } | ||
} | } | ||
− | + | .list { | |
text-align: right; | text-align: right; | ||
display: inline; | display: inline; | ||
Line 79: | Line 70: | ||
} | } | ||
− | + | .list-item a { | |
text-decoration: none; | text-decoration: none; | ||
opacity: 0.9; | opacity: 0.9; | ||
− | color: | + | color: white; |
font-family: Helvetica, Arial, sans-serif; | font-family: Helvetica, Arial, sans-serif; | ||
} | } | ||
− | + | .list-item, .dropdown-list-item { | |
font: bold 12px/18px sans-serif; | font: bold 12px/18px sans-serif; | ||
display: inline-block; | display: inline-block; | ||
Line 92: | Line 83: | ||
padding: 15px 30px; | padding: 15px 30px; | ||
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 90: | ||
transition: all 0.2s; | transition: all 0.2s; | ||
} | } | ||
− | + | .dropdown-list-item { | |
− | + | margin-right: 0px; | |
+ | |||
+ | } | ||
+ | .list-item:hover > a { | ||
opacity: 1; | opacity: 1; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
− | + | .dropdown-list { | |
padding: 0; | padding: 0; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 45px; |
left: 0; | left: 0; | ||
+ | z-index-100; | ||
-webkit-box-shadow: none; | -webkit-box-shadow: none; | ||
-moz-box-shadow: none; | -moz-box-shadow: none; | ||
box-shadow: none; | box-shadow: none; | ||
display: none; | display: none; | ||
− | background: #383838; | + | background: #383838; |
opacity: 0; | opacity: 0; | ||
visibility: hidden; | visibility: hidden; | ||
Line 124: | Line 119: | ||
-transition: opacity 0.2s; | -transition: opacity 0.2s; | ||
} | } | ||
− | + | .dropdown-list-item { | |
left:0; | left:0; | ||
text-shadow: 0 -1px 0 #000; | text-shadow: 0 -1px 0 #000; | ||
} | } | ||
− | + | .dropdown-list-item:hover{ | |
background: #2B2B2B; | background: #2B2B2B; | ||
border-radius:5px; | border-radius:5px; | ||
} | } | ||
− | + | .list-item:hover .dropdown-list { | |
display: block; | display: block; | ||
opacity: 1; | opacity: 1; | ||
visibility: visible; | visibility: visible; | ||
} | } | ||
− | a:visited { | + | .list-item a:visited ,.dropdown-list-item a:visited{ |
− | color: | + | color: white; |
− | } | + | } |
− | a:hover { | + | .list-item a:hover ,.dropdown-list-item a:hover{ |
− | color: # | + | color: #66cccc; |
− | } | + | } |
</style> | </style> | ||
</head> | </head> | ||
Line 149: | Line 144: | ||
<div id="main-container"> | <div id="main-container"> | ||
<div id="header-container"> | <div id="header-container"> | ||
− | <p class="title">Exterminator Coli< | + | <p class="title">Exterminator Coli<p> |
− | <ul | + | <ul class="list"> |
− | <li class=" | + | <li class="list-item"> <a href="https://2015.igem.org/Team:NYU-AD">Home</a></li> |
− | <li class=" | + | <li class="list-item"> |
− | <a href="# | + | <a href="#">Project <span class="arrow">▼</span><i class="icon-arrow"></i></a> |
− | <ul class="dropdown- | + | <ul class="dropdown-list"> |
− | + | <li class="dropdown-list-item"><a href="https://2015.igem.org/Team:NYU-AD/Description">Description</a></li> | |
− | <li><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/Experiments">Experiments & Protocols</a></li> |
− | <li><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/Results">Results</a></li> |
− | <li><a href="https://2015.igem.org/Team:NYU-AD/Design">Design</a></li> | + | <li class="dropdown-list-item"><a href="https://2015.igem.org/Team:NYU-AD/Design">Design</a></li> |
+ | |||
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class=" | + | <li class="list-item"> |
− | <a href=" | + | <a href="https://2015.igem.org/Team:NYU-AD/Parts">Parts</a> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</li> | </li> | ||
− | <li class=" | + | <li class="list-item"> |
− | <a href="# | + | <a href="#">Notebook <span class="arrow">▼</span><i class="icon-arrow"></i></a> |
− | <ul class="dropdown- | + | <ul class="dropdown-list"> |
− | <li><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><a href=" | + | <li class="dropdown-list-item"><a href="https://2015.igem.org/Team:NYU-AD/Safety">Safety</a></li> |
</ul> | </ul> | ||
− | </li> | + | </li> |
− | + | <li class="list-item"> | |
− | <li class=" | + | <a href="https://2015.igem.org/Team:NYU-AD/Practices">Human Practices</a> |
− | <li class=" | + | </li> |
− | <a href="# | + | <li class="list-item"> |
− | <ul class="dropdown- | + | <a href="#">About Us <span class="arrow">▼</span><i class="icon-arrow"></i></a> |
− | <li><a href=" | + | <ul class="dropdown-list"> |
− | + | <li class="dropdown-list-item"><a href="https://2015.igem.org/Team:NYU-AD/Team">Team</a></li> | |
− | <li><a href="https://2015.igem.org/Team:NYU-AD/Attributions">Attributions</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="https://2015.igem.org/Team:NYU-AD/Attributions">Attributions</a></li> | |
+ | |||
</ul> | </ul> | ||
</li> | </li> |
Latest revision as of 20:26, 18 September 2015