Difference between revisions of "Template:BU17 template menubar"
| Line 14: | Line 14: | ||
border: 0; | border: 0; | ||
display: table-row; | display: table-row; | ||
| − | height: | + | height: 50px; |
list-style-type: none; | list-style-type: none; | ||
| − | margin-top: -1px | + | margin-top: -1px; |
padding: 0; | padding: 0; | ||
| − | + | float: right; | |
| − | + | ||
top:0px; | top:0px; | ||
white-space: nowrap; | white-space: nowrap; | ||
| − | |||
} | } | ||
#menubar li { | #menubar li { | ||
| Line 30: | Line 28: | ||
-webkit-transition:2s; | -webkit-transition:2s; | ||
color: #605e5e !important; | color: #605e5e !important; | ||
| − | |||
font-family: Arial, sans-serif; | font-family: Arial, sans-serif; | ||
font-size: 130%; | font-size: 130%; | ||
padding: 40px 18px; | padding: 40px 18px; | ||
| − | |||
text-decoration: none !important; | text-decoration: none !important; | ||
| − | vertical-align: | + | vertical-align: middle; |
} | } | ||
.dropdown-content { /* DROP DOWN MENU CONTAINERS */ | .dropdown-content { /* DROP DOWN MENU CONTAINERS */ | ||
| Line 53: | Line 49: | ||
} | } | ||
.dropdown-content .menuitem:hover {background-color: #fefefe;} /* HOVER ANIMATIONS */ | .dropdown-content .menuitem:hover {background-color: #fefefe;} /* HOVER ANIMATIONS */ | ||
| − | . | + | .menu-column:hover .dropdown-content {display: block;} |
| − | li .menuitem:hover, . | + | li .menuitem:hover, .menu-column:hover .dropbtn {color: #cc0000 !important; -webkit-transition:0.25s;} |
.logo:hover {color: #b9b4b4 !important; -webkit-transition:1s;} | .logo:hover {color: #b9b4b4 !important; -webkit-transition:1s;} | ||
</style> | </style> | ||
| Line 61: | Line 57: | ||
<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"></img></a> | + | <a href="https://2017.igem.org/Team:BostonU"><img class="logo" src="https://static.igem.org/mediawiki/2017/d/de/T--BostonU--LandingPageLogo1.svg"></img></a> |
<ul id="menubar"> | <ul id="menubar"> | ||
| − | <li class=" | + | <li class="menu-column"> |
<a href="https://2017.igem.org/Team:BostonU/Overview" class="dropbtn">Research</a> | <a href="https://2017.igem.org/Team:BostonU/Overview" class="dropbtn">Research</a> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
| Line 74: | Line 70: | ||
</div> | </div> | ||
</li> | </li> | ||
| − | + | <li class="menu-column"> | |
| − | <li class=" | + | |
<a href="https://2017.igem.org/Team:BostonU/Achievements" class="dropbtn">Achievements</a> | <a href="https://2017.igem.org/Team:BostonU/Achievements" class="dropbtn">Achievements</a> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
| Line 84: | Line 79: | ||
</div> | </div> | ||
</li> | </li> | ||
| − | + | <li class="menu-column"> | |
| − | <li class=" | + | |
<a href="https://2017.igem.org/Team:BostonU/BTB" class="dropbtn">Beyond the Bench</a> | <a href="https://2017.igem.org/Team:BostonU/BTB" class="dropbtn">Beyond the Bench</a> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
| Line 94: | Line 88: | ||
</div> | </div> | ||
</li> | </li> | ||
| − | + | <li class="menu-column"> | |
| − | <li | + | <a href="https://2017.igem.org/Team:BostonU/attributions" class="dropbtn">Attributions</a> |
| − | </ | + | </li> |
| − | </div> | + | </li> |
| + | </ul> | ||
| + | </div> | ||
</body> | </body> | ||
Revision as of 17:55, 2 August 2017
