Difference between revisions of "Template:NYU-AD-Header"
| Line 22: | Line 22: | ||
} | } | ||
body{ | body{ | ||
| − | background:# | + | background:#e5e5e5; |
} | } | ||
#main-container{ | #main-container{ | ||
| Line 29: | Line 29: | ||
text-align: center; | text-align: center; | ||
float: center; | float: center; | ||
| − | + | background-color: #e5e5e5; | |
| − | + | ||
| − | background-color: # | + | |
font-family: 'Roboto', sans-serif; | font-family: 'Roboto', sans-serif; | ||
| + | margin:0 auto; | ||
| + | |||
} | } | ||
#content-container { | #content-container { | ||
padding-top:20px; | padding-top:20px; | ||
| − | padding-right: | + | padding-right:20px; |
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: # | + | background: #333333; |
width: 100%; | width: 100%; | ||
position: relative; | position: relative; | ||
| − | top: - | + | top: -10px; |
| − | + | margin:0 auto; | |
| − | + | border-top: solid #397886 7px; | |
| − | + | ||
} | } | ||
| + | |||
#header-container .arrow { | #header-container .arrow { | ||
font-size:11px; | font-size:11px; | ||
| Line 62: | Line 63: | ||
} | } | ||
.title { | .title { | ||
| − | font-family: | + | margin: 0.3em 0 -0.7em 0; |
| − | + | color: white; | |
| + | font-weight: normal; | ||
| + | font-family: 'Ultra', sans-serif; | ||
| + | font-size: 20px; | ||
| + | line-height: 42px; | ||
| + | |||
} | } | ||
| − | + | .menu-list { | |
| − | text-align: | + | background:#397886; |
| − | display: | + | width: 100%; |
| + | text-align: center; | ||
| + | display: block; | ||
margin: 0; | margin: 0; | ||
| − | padding: | + | padding: 5px 0px 5px 0px; |
list-style: none; | list-style: none; | ||
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15) | -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15) | ||
| Line 78: | Line 86: | ||
ul li a { | ul li a { | ||
text-decoration: none; | text-decoration: none; | ||
| − | opacity: 0. | + | opacity: 0.9; |
color: #F6F6F6; | color: #F6F6F6; | ||
font-family: Helvetica, Arial, sans-serif; | font-family: Helvetica, Arial, sans-serif; | ||
| Line 87: | Line 95: | ||
margin-right: -4px; | margin-right: -4px; | ||
position: relative; | position: relative; | ||
| − | padding: | + | padding: 13px 40px; |
cursor: pointer; | cursor: pointer; | ||
width: 90px; | width: 90px; | ||
| Line 96: | Line 104: | ||
transition: all 0.2s; | transition: all 0.2s; | ||
} | } | ||
| − | a:visited{ | + | a:visited{ |
| − | color: #F6F6F6; | + | color: #F6F6F6; |
| − | } | + | } |
ul li:hover > a { | ul li:hover > a { | ||
opacity: 1; | opacity: 1; | ||
| Line 106: | Line 114: | ||
padding: 0; | padding: 0; | ||
position: absolute; | position: absolute; | ||
| − | top: | + | top: 45px; |
left: 0; | left: 0; | ||
-webkit-box-shadow: none; | -webkit-box-shadow: none; | ||
| Line 112: | Line 120: | ||
box-shadow: none; | box-shadow: none; | ||
display: none; | display: none; | ||
| − | background: # | + | background: #397886; |
opacity: 0; | opacity: 0; | ||
visibility: hidden; | visibility: hidden; | ||
| Line 143: | Line 151: | ||
<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"> | <img class="logo" src="https://static.igem.org/mediawiki/2015/1/15/NYU-AD_temp_logo.jpg"> | ||
| − | < | + | <p class="title">Exterminator Coli<p> |
| − | <ul | + | <ul class="menu-list"> |
<li class="dropdown"> <a href="#">Home</a></li> | <li class="dropdown"> <a href="#">Home</a></li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
| Line 187: | Line 195: | ||
</div> | </div> | ||
<div id="content-container"> | <div id="content-container"> | ||
| − | + | ||
</html> | </html> | ||
Revision as of 21:30, 6 September 2015
Exterminator Coli