Difference between revisions of "Template:NYU-AD-Header"
| Line 1: | Line 1: | ||
<html> | <html> | ||
| − | |||
| − | |||
| − | .firstHeading { | + | <head> |
| − | + | <style> | |
| − | } | + | .firstHeading { |
| − | + | display: none; | |
| − | #globalWrapper, #content{ | + | } |
| − | + | ||
| − | + | #globalWrapper, #content{ | |
| − | + | background-color: transparent; | |
| + | border: 0px; | ||
| + | float: center; | ||
width: 99.5%; | width: 99.5%; | ||
| − | + | margin-left:auto; | |
margin-right:auto; | margin-right:auto; | ||
| − | + | padding-top: -50px; | |
| − | } | + | } |
| − | #top_menu_inside { | + | #top_menu_inside { |
| − | + | margin-left: 20px; | |
background: transparent; | background: transparent; | ||
| − | } | + | } |
| − | body{ | + | body{ |
| − | background:#2B2B2B; | + | background:#2B2B2B; |
| − | } | + | } |
| − | #main-container{ | + | #main-container{ |
| − | width: 100%; | + | width: 100%; |
| − | height :100%; | + | height :100%; |
| − | text-align: center; | + | text-align: center; |
| − | float: center; | + | float: center; |
| − | overflow:auto; | + | overflow:auto; |
| − | margin:0; | + | margin:0; |
| − | background-color: #2B2B2B; | + | background-color: #2B2B2B; |
| − | font-family: 'Roboto', sans-serif; | + | font-family: 'Roboto', sans-serif; |
| − | } | + | } |
| − | #content-container { | + | #content-container { |
| − | padding-top:20px; | + | padding-top:20px; |
| − | padding-right:8px; | + | padding-right:8px; |
| − | margin-bottom: 30px; | + | margin-bottom: 30px; |
| − | width: 94%; | + | width: 94%; |
| − | padding-left: 25px; | + | padding-left: 25px; |
| − | font-family: 'Roboto', sans-serif; | + | font-family: 'Roboto', sans-serif; |
| − | } | + | } |
| − | #header-container { | + | #header-container { |
| − | + | background: #F6F6F6; | |
| − | + | width: 100%; | |
| − | + | position: relative; | |
| − | + | top: -2px; | |
| − | } | + | } |
| − | #menu-list{ | + | #menu-list{ |
| − | background:#2B2B2B; | + | background:#2B2B2B; |
| − | } | + | } |
| − | #header-container .arrow { | + | #header-container .arrow { |
| − | + | font-size:11px; | |
| − | + | line-height:0%; | |
| − | } | + | } |
| − | .logo { | + | .logo { |
| − | + | width: 150px; | |
| − | + | height: 150px; | |
| − | } | + | } |
| − | .title { | + | .title { |
| − | + | font-family: "Courier", Helvetica; | |
| − | + | color: #2B2B2B; | |
| − | } | + | } |
| − | ul { | + | ul { |
| − | + | text-align: left; | |
| − | + | display: inline; | |
| − | + | margin: 0; | |
| − | + | padding: 15px 180px 17px 210px; | |
| − | + | 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); | |
| − | } | + | } |
| − | ul li a { | + | ul li a { |
| − | + | text-decoration: none; | |
opacity: 0.5; | opacity: 0.5; | ||
| − | + | color: #F6F6F6; | |
| − | + | font-family: Helvetica, Arial, sans-serif; | |
| − | } | + | } |
| − | ul li { | + | ul li { |
| − | + | font: bold 12px/18px sans-serif; | |
| − | + | display: inline-block; | |
| − | + | margin-right: -4px; | |
| − | + | position: relative; | |
| − | + | padding: 15px 30px; | |
| − | + | cursor: pointer; | |
| − | + | width: 90px; | |
| − | + | -webkit-transition: all 0.2s; | |
| − | + | -moz-transition: all 0.2s; | |
| − | + | -ms-transition: all 0.2s; | |
| − | + | -o-transition: all 0.2s; | |
| − | + | transition: all 0.2s; | |
| − | } | + | } |
| − | ul li:hover > a { | + | ul li:hover > a { |
| − | + | opacity: 1; | |
| − | + | text-decoration: none; | |
| − | } | + | } |
| − | ul li ul { | + | ul li ul { |
| − | + | padding: 0; | |
| − | + | position: absolute; | |
| − | + | top: 48px; | |
| − | + | left: 0; | |
| − | + | -webkit-box-shadow: none; | |
| − | + | -moz-box-shadow: none; | |
| − | + | box-shadow: none; | |
| − | + | display: none; | |
| − | + | 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; | |
| − | } | + | } |
| − | ul li ul li { | + | ul li ul li { |
| − | + | left:0; | |
| − | + | text-shadow: 0 -1px 0 #000; | |
| − | } | + | } |
| − | ul li ul li:hover{ | + | ul li ul li:hover{ |
| − | + | background: #383838; | |
| − | + | border-radius:5px; | |
| − | } | + | } |
| − | ul li:hover ul { | + | ul li:hover ul { |
| − | + | display: block; | |
| − | + | opacity: 1; | |
| − | + | visibility: visible; | |
| − | } | + | } |
| − | </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/1/15/NYU-AD_temp_logo.jpg"> | |
| − | + | <h1 class="title">Exterminator Coli</h1> | |
| − | + | <ul id="menu-list"> | |
| − | + | <li class="dropdown"> <a href="#">Home</a></li> | |
| − | + | <li class="dropdown"> | |
| − | + | <a href="#" data-toggle="dropdown">Project <span class="arrow">▼</span><i class="icon-arrow"></i></a> | |
| − | + | <ul class="dropdown-menu"> | |
| − | + | <li><a href="#">Overview</a></li> | |
| − | + | <li><a href="#">Trap</a></li> | |
| − | + | <li><a href="#">Kill</a></li> | |
| − | + | <li><a href="#">Digest</a></li> | |
| − | + | </ul> | |
| − | + | </li> | |
| − | + | <li class="dropdown"> | |
| − | + | <a href="#" data-toggle="dropdown">Achievements<span class="arrow">▼</span><i class="icon-arrow"></i></a> | |
| − | + | <ul class="dropdown-menu"> | |
| − | + | <li><a href="#">Parts</a></li> | |
| − | + | <li><a href="#">Results</a></li> | |
| − | + | <li><a href="#">Medal Fulfillment</a></li> | |
| − | + | </ul> | |
| − | + | </li> | |
| − | + | <li class="dropdown"> | |
| − | + | <a href="#" data-toggle="dropdown">Notebook <span class="arrow">▼</span><i class="icon-arrow"></i></a> | |
| − | + | <ul class="dropdown-menu"> | |
| − | + | <li><a href="#">Day Notes</a></li> | |
| − | + | <li><a href="#">Protocols</a></li> | |
| − | + | <li><a href="#">Bibliography</a></li> | |
| − | + | </ul> | |
| − | + | </li> | |
| − | + | ||
| − | + | <li class="dropdown"> <a href="#">Modelling</a></li> | |
| − | + | <li class="dropdown"> | |
| − | + | <a href="#" data-toggle="dropdown">Team <span class="arrow">▼</span><i class="icon-arrow"></i></a> | |
| − | + | <ul class="dropdown-menu"> | |
| − | + | <li><a href="#">Team Members</a></li> | |
| − | + | <li><a href="#">Gallery</a></li> | |
| − | + | <li><a href="#">The University</a></li> | |
| − | + | <li><a href="#">Attributions</a></li> | |
| − | + | </ul> | |
| − | + | </li> | |
| − | + | ||
| − | + | </ul> | |
</div> | </div> | ||
<div id="content-container"> | <div id="content-container"> | ||
</html> | </html> | ||
Revision as of 07:57, 5 September 2015
