Difference between revisions of "Template:Manchester/Navbar"
| Line 1: | Line 1: | ||
| + | |||
| + | {{Manchester}} | ||
{{Manchester/mobilenav}} | {{Manchester/mobilenav}} | ||
<html> | <html> | ||
| Line 31: | Line 33: | ||
/********************************* DEFAULT WIKI SETTINGS ********************************/ | /********************************* DEFAULT WIKI SETTINGS ********************************/ | ||
| + | nav .navbar { | ||
| + | display: table !important; | ||
| + | } | ||
| + | |||
| + | @media only screen and (max-width:800px) { | ||
| + | /* For tablets: */ | ||
| + | .main { | ||
| + | width: 80%; | ||
| + | padding: 0; | ||
| + | } | ||
| + | .right { | ||
| + | width: 100%; | ||
| + | } | ||
| + | } | ||
| + | @media only screen and (max-width:500px) { | ||
| + | /* For mobile phones: */ | ||
| + | .menu, .main, .right { | ||
| + | width: 100%; | ||
| + | } | ||
| + | } | ||
| + | |||
body, html { | body, html { | ||
| − | + | ||
margin: 0!important; | margin: 0!important; | ||
padding: 0!important; | padding: 0!important; | ||
| Line 51: | Line 74: | ||
| − | |||
| − | |||
| − | |||
#sideMenu, | #sideMenu, | ||
| Line 138: | Line 158: | ||
.dropdown10 { | .dropdown10 { | ||
display: block!important; | display: block!important; | ||
| − | width: | + | width: 16vw!important; |
} | } | ||
.dropdown13 { | .dropdown13 { | ||
display: block!important; | display: block!important; | ||
| − | width: | + | width: 16vw!important; |
} | } | ||
.dropdown7 { | .dropdown7 { | ||
display: block!important; | display: block!important; | ||
| − | width: | + | width: 16vw!important; |
} | } | ||
| Line 157: | Line 177: | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
/********************************* CONTENT OF THE PAGE ********************************/ | /********************************* CONTENT OF THE PAGE ********************************/ | ||
| Line 230: | Line 246: | ||
overflow: visible; | overflow: visible; | ||
text-align: right | text-align: right | ||
| + | |||
} | } | ||
| Line 237: | Line 254: | ||
a[href="#verytop"] { | a[href="#verytop"] { | ||
| − | color: # | + | color: #5bc7d8!important |
} | } | ||
| Line 265: | Line 282: | ||
padding: 5px 15px; | padding: 5px 15px; | ||
border-bottom: 0px; | border-bottom: 0px; | ||
| − | color: # | + | color: #72C489; |
} | } | ||
| Line 283: | Line 300: | ||
padding: 0px 15px; | padding: 0px 15px; | ||
font-size: 13px; | font-size: 13px; | ||
| − | font-family: ' | + | font-family: 'Proxima-nova', sans-serif; |
} | } | ||
| Line 292: | Line 309: | ||
font-weight: bold; | font-weight: bold; | ||
text-decoration: underline; | text-decoration: underline; | ||
| − | text-decoration-color: # | + | text-decoration-color: #72C489; |
color: #72c9b6; | color: #72c9b6; | ||
-webkit-transition: all 0.4s ease; | -webkit-transition: all 0.4s ease; | ||
| Line 365: | Line 382: | ||
text-align: center; | text-align: center; | ||
font-weight: bold; | font-weight: bold; | ||
| − | background-color: # | + | background-color: #72C489; |
| − | cursor: url(https://static.igem.org/mediawiki/ | + | cursor: url(https://static.igem.org/mediawiki/2018/0/04/T--MichiganState--Endophyte2.png), auto; |
-webkit-transition: all 0.4s ease; | -webkit-transition: all 0.4s ease; | ||
-moz-transition: all 0.4s ease; | -moz-transition: all 0.4s ease; | ||
| Line 379: | Line 396: | ||
.button_click:hover { | .button_click:hover { | ||
background-color: #000000; | background-color: #000000; | ||
| − | color: # | + | color: #5bc7d8; |
} | } | ||
| Line 394: | Line 411: | ||
} | } | ||
| + | nav .navbar { | ||
| + | display: table !important; | ||
| + | } | ||
| + | |||
| + | .navigation-bar { | ||
| + | background-color: #000000; | ||
| + | } | ||
| + | @media (max-width: 980px) { | ||
| + | .navigation-bar { | ||
| + | background-color: #FFFFFF; | ||
| + | } | ||
| + | } | ||
/********************************* RESPONSIVE STYLING ********************************/ | /********************************* RESPONSIVE STYLING ********************************/ | ||
| Line 411: | Line 440: | ||
<div class="logo-center logoheader"> | <div class="logo-center logoheader"> | ||
| − | <a class="navbar-left" href="https:// | + | <a class="navbar-left" href="https://2018.igem.org/Team:Manchester"> |
| − | <a class="navbar-logo" href="https:// | + | <a class="navbar-logo" href="https://2018.igem.org/Team:Manchester"> |
| − | <img style="float: left; display: block" src | + | <img style="float: left; display: block" src="https://static.igem.org/mediawiki/2018/c/c6/T--Manchester--NAVBARLOGOCLEAR.PNG" width="200%"> |
| − | + | ||
</a> | </a> | ||
</a> | </a> | ||
| Line 422: | Line 450: | ||
<ul class="nav navbar-nav navbar-right" style="margin-top: 10px;"> | <ul class="nav navbar-nav navbar-right" style="margin-top: 10px;"> | ||
| − | <li class="dropdown | + | <li class="dropdown dropdown8"> |
| − | <a class="dropdown-toggle active dropdowntextcenter" href="https:// | + | <a class="dropdown-toggle active dropdowntextcenter" href="https://2018.igem.org/Team:Manchester/Description">Project<span class="caret"></span></a> |
<ul class="dropdown-menu" style="left:0;"> | <ul class="dropdown-menu" style="left:0;"> | ||
| − | <li><a href="https:// | + | <li><a href="https://2018.igem.org/Team:Manchester/Description">Project Description</a></li> |
| − | + | <li><a href="https://2018.igem.org/Team:Manchester/Results">Results</a></li> | |
| − | <li><a href="https:// | + | <li><a href="https://2018.igem.org/Team:Manchester/Collaborations">Collaborations</a></li> |
| − | <li><a href="https:// | + | <li><a href="https://2018.igem.org/Team:Manchester/Improve">Improve</a></li> |
| − | <li><a href="https:// | + | <li><a href="https://2018.igem.org/Team:Manchester/Demonstrate">Demonstrate</a><li> |
| − | <li><a href="https:// | + | |
| − | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
| − | <li class="dropdown | + | <li class="dropdown dropdown1"> |
| − | <a class="dropdown-toggle active dropdowntextcenter" href="https:// | + | <a class="dropdown-toggle active dropdowntextcenter" href="https://2018.igem.org/Team:Manchester/Parts">PARTS<span class="caret"></span></a> |
<ul class="dropdown-menu" style="left:0;"> | <ul class="dropdown-menu" style="left:0;"> | ||
| − | <li><a href="https:// | + | <li><a href="https://2018.igem.org/Team:Manchester/Parts">Parts Overview</a></li> |
| − | <li><a href="https:// | + | <li><a href="https://2018.igem.org/Team:Manchester/Basic_Part">Basic Parts</a></li> |
| − | <li><a href="https:// | + | <li><a href="https://2018.igem.org/Team:Manchester/Composite_Part">Composite parts</a></li> |
| − | <li><a href="https:// | + | <li><a href="https://2018.igem.org/Team:Manchester/Part_Collection">Part collection</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
| − | <li class="dropdown | + | <li class="dropdown dropdown5"> |
| − | <a class="dropdown-toggle active dropdowntextcenter" href="https:// | + | <a class="dropdown-toggle active dropdowntextcenter" href="https://2018.igem.org/Team:Manchester/Experiments">WET LAB<span class="caret"></span></a> |
<ul class="dropdown-menu" style="left:0;"> | <ul class="dropdown-menu" style="left:0;"> | ||
| − | + | <li><a href="https://2018.igem.org/Team:Manchester/InterLab">InterLab</a></li> | |
| − | + | <li><a href="https://2018.igem.org/Team:Manchester/Protocols">Protocols</a><li> | |
| − | + | <li><a href="https://2018.igem.org/Team:Manchester/Experiments">Lab Book</a></li> | |
| − | + | <li><a href="https://2018.igem.org/Team:Manchester/Safety">Safety</a></li> | |
| − | + | <li><a href="https://2018.igem.org/Team:Manchester/Cheesemaking">Cheese Making</a><li> | |
</ul> | </ul> | ||
</li> | </li> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<li class="dropdown dropdown13"> | <li class="dropdown dropdown13"> | ||
| − | <a class="dropdown-toggle active dropdowntextcenter" href="https:// | + | <a class="dropdown-toggle active dropdowntextcenter" href="https://2018.igem.org/Team:Manchester/Model">DRY LAB<span class="caret"></span></a> |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
| − | + | <li> <a href="#">Promoter Quantification</a></li> | |
| − | + | <li> <a href="https://2018.igem.org/Team:Manchester/Model">Experimental Model</a><li> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
| − | <li class="dropdown | + | <li class="dropdown dropdown5"> |
| − | <a class="dropdown-toggle active dropdowntextcenter" href=" | + | <a class="dropdown-toggle active dropdowntextcenter" href="">HUMAN PRACTICES<span class="caret"></span></a> |
| − | <ul class="dropdown-menu" style="text-align: right;"> | + | <ul class="dropdown-menu" style="text-align: right;"></li> |
| − | + | <li> <a href="https://2018.igem.org/Team:Manchester/Human_Practices">Integrated Human Practices</a></li> | |
| − | <li><a href=" | + | <li><a href="#">The Cost of Listeria</a></li> |
| − | <li><a href="https:// | + | <li><a href="#">GMO's and Brexit</a></li> |
| + | <li><a href="https://2018.igem.org/Team:Manchester/Public_Engagement">Outreach</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
| + | |||
| + | <li class="dropdown dropdown10"> | ||
| + | <a class="dropdown-toggle active dropdowntextcenter" href="https://2018.igem.org/Team:Manchester/Team">TEAM<span class="caret"></span></a> | ||
| + | <ul class="dropdown-menu" style="left:0;"> | ||
| + | <li><a href="https://2018.igem.org/Team:Manchester/Team">The Team</a></li> | ||
| + | <li><a href="https://2018.igem.org/Team:Manchester/Attributions">Attributions</a></li> | ||
| + | <li><a href="https://2018.igem.org/Team:Manchester/Notebook">Calendar</a><li> | ||
| + | <li><a href="#">Gallery</a><li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | |||
| + | </ul> | ||
| + | </li> | ||
| + | |||
</ul> | </ul> | ||
</div> | </div> | ||
Revision as of 20:13, 20 September 2018
