Difference between revisions of "Template:NYU-AD-Header"
| Line 1: | Line 1: | ||
| − | <html | + | <html> |
| + | <head> | ||
| + | <style> | ||
| + | #contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear { | ||
| + | display: none; | ||
| + | } | ||
| + | .container { | ||
| + | background: #F6F6F6; | ||
| + | width: 100%; | ||
| + | height: 210px; | ||
| + | position: absolute; | ||
| + | top: -2px; | ||
| + | border-bottom: solid 4px #DE1B1B; | ||
| + | } | ||
| + | .container .arrow { | ||
| + | font-size:11px; | ||
| + | line-height:0%; | ||
| + | } | ||
| + | .logo { | ||
| + | width: 150px; | ||
| + | height: 150px; | ||
| + | } | ||
| + | .title { | ||
| + | font-family: "Comic Sans MS", Helvetica; | ||
| + | color: #2B2B2B; | ||
| + | } | ||
| + | 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); | ||
| + | } | ||
| + | body { | ||
| + | font-family: Helvetica, Arial, sans-serif; | ||
| + | font-size: 13px; | ||
| + | text-align: center; | ||
| + | background-color: #2B2B2B; | ||
| + | } | ||
| + | ul li a { | ||
| + | text-decoration: none; | ||
| + | opacity: 0.5; | ||
| + | color: #F6F6F6; | ||
| + | font-family: Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | 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 { | |
| − | + | opacity: 1; | |
| − | + | text-decoration: none; | |
} | } | ||
| − | + | 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; | |
| − | + | } | |
| − | .title | + | ul li ul li { |
| − | + | left:0; | |
| − | + | text-shadow: 0 -1px 0 #000; | |
| − | + | } | |
| − | + | ul li ul li:hover{ | |
| − | + | background: #383838; | |
| − | + | border-radius:5px; | |
| − | + | } | |
| − | + | ||
| − | + | ul li:hover ul { | |
| + | display: block; | ||
| + | opacity: 1; | ||
| + | visibility: visible; | ||
| + | } | ||
| + | </style> | ||
| + | </head> | ||
| + | |||
| + | <body> | ||
| + | <div class="container"> | ||
| + | <img class="logo"src="LOGO.jpg"> | ||
| + | <h2 class="title"><span>Exterminator Coli</span></h2> | ||
| + | <ul> | ||
| + | <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> | ||
| − | + | </body> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</html> | </html> | ||
Revision as of 14:47, 4 September 2015
