Line 4: | Line 4: | ||
<style> | <style> | ||
.logo { /* LOGO IN MENU */ | .logo { /* LOGO IN MENU */ | ||
− | width: | + | width: 320px; |
+ | padding: 40px 40px; | ||
+ | float: left; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
#mainwrap { | #mainwrap { | ||
margin: 0 auto; | margin: 0 auto; | ||
− | width: | + | background-color: blue; |
+ | max-width: 1080px; | ||
+ | min-width: 320px; | ||
} | } | ||
#menubar { /* MASTER MENU TABLE */ | #menubar { /* MASTER MENU TABLE */ | ||
− | background-color: | + | background-color: none; |
+ | width: 100%; | ||
border: 0; | border: 0; | ||
display: table-row; | display: table-row; | ||
− | height: | + | align: left; |
+ | height: 160px; | ||
list-style-type: none; | list-style-type: none; | ||
− | margin-top: -1px | + | margin-top: -1px; |
padding: 0; | padding: 0; | ||
− | + | top: 20px; | |
− | top: | + | |
white-space: nowrap; | white-space: nowrap; | ||
− | + | float: right; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
#menubar li { | #menubar li { | ||
Line 91: | Line 33: | ||
li .menuitem, .dropbtn { /* MAIN MENU BUTTONS */ | li .menuitem, .dropbtn { /* MAIN MENU BUTTONS */ | ||
-webkit-transition:2s; | -webkit-transition:2s; | ||
− | color: # | + | color: #f8f9f9 !important; |
display: table-cell; | display: table-cell; | ||
font-family: Arial, sans-serif; | font-family: Arial, sans-serif; | ||
− | font-size: | + | font-size: 20pt; |
− | padding: 40px | + | padding: 0px 40px; |
− | text-align: | + | text-align: left; |
text-decoration: none !important; | text-decoration: none !important; | ||
− | vertical-align: | + | vertical-align: middle; |
} | } | ||
li.dropdown { | li.dropdown { | ||
align-self: left; | align-self: left; | ||
+ | text-align: left; | ||
display: table-cell; | display: table-cell; | ||
} | } | ||
.dropdown-content { /* DROP DOWN MENU CONTAINERS */ | .dropdown-content { /* DROP DOWN MENU CONTAINERS */ | ||
− | |||
display: none; | display: none; | ||
margin-top: -12px; | margin-top: -12px; | ||
Line 115: | Line 57: | ||
color: black; | color: black; | ||
display: block; | display: block; | ||
− | padding: 18px | + | padding: 18px 18px; |
text-align: left; | text-align: left; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
− | |||
.dropdown:hover .dropdown-content {display: block;} | .dropdown:hover .dropdown-content {display: block;} | ||
li .menuitem:hover, .dropdown:hover .dropbtn {color: #cc0000 !important; -webkit-transition:0.25s;} | li .menuitem:hover, .dropdown:hover .dropbtn {color: #cc0000 !important; -webkit-transition:0.25s;} | ||
− | |||
</style> | </style> | ||
</head> | </head> | ||
Line 128: | Line 68: | ||
<body> | <body> | ||
<div id="mainwrap"> | <div id="mainwrap"> | ||
+ | <a href="https://2017.igem.org/Team:BostonU"><img class="logo" src="https://static.igem.org/mediawiki/2017/d/de/T--BostonU--LandingPageLogo1.svg"></a></img> | ||
<ul id="menubar"> | <ul id="menubar"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<li class="dropdown"> | <li class="dropdown"> |
Revision as of 22:13, 1 August 2017