Difference between revisions of "Template:Manchester/Navbar"
| (42 intermediate revisions by 3 users not shown) | |||
| 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:980px) { | ||
| + | /* 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: 15vw!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; |
| + | } | ||
| + | |||
| + | .dropdown8 { | ||
| + | display: block!important; | ||
| + | width: 15vw!important; | ||
} | } | ||
| Line 157: | Line 182: | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
/********************************* CONTENT OF THE PAGE ********************************/ | /********************************* CONTENT OF THE PAGE ********************************/ | ||
| Line 230: | Line 251: | ||
overflow: visible; | overflow: visible; | ||
text-align: right | text-align: right | ||
| + | |||
} | } | ||
| Line 237: | Line 259: | ||
a[href="#verytop"] { | a[href="#verytop"] { | ||
| − | color: # | + | color: #5bc7d8!important |
} | } | ||
| Line 265: | Line 287: | ||
padding: 5px 15px; | padding: 5px 15px; | ||
border-bottom: 0px; | border-bottom: 0px; | ||
| − | color: # | + | color: #72C489; |
} | } | ||
| Line 283: | Line 305: | ||
padding: 0px 15px; | padding: 0px 15px; | ||
font-size: 13px; | font-size: 13px; | ||
| − | font-family: ' | + | font-family: 'Proxima-nova', sans-serif; |
} | } | ||
| Line 292: | Line 314: | ||
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 387: | ||
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 401: | ||
.button_click:hover { | .button_click:hover { | ||
background-color: #000000; | background-color: #000000; | ||
| − | color: # | + | color: #5bc7d8; |
} | } | ||
| Line 394: | Line 416: | ||
} | } | ||
| + | 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 445: | ||
<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 455: | ||
<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/Cheesemaking">Cheese Making</a><li> |
| − | + | ||
| − | + | ||
| − | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
| − | <li class="dropdown | + | |
| − | <a class="dropdown-toggle active dropdowntextcenter" href="https:// | + | |
| + | <li class="dropdown dropdown5"> | ||
| + | <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/Experiments">Experiments</a></li> | |
| − | + | <li><a href="https://2018.igem.org/Team:Manchester/Protocols">Protocols</a><li> | |
| − | + | <li><a href="https://2018.igem.org/Team:Manchester/LabBook">Lab Book</a><li> | |
| + | <li><a href="https://2018.igem.org/Team:Manchester/Parts">Parts</a></li> | ||
| + | |||
| + | |||
| + | |||
</ul> | </ul> | ||
</li> | </li> | ||
| − | <li class="dropdown | + | |
| − | <a class="dropdown-toggle active dropdowntextcenter" href="https:// | + | <li class="dropdown dropdown15"> |
| − | <ul class="dropdown-menu | + | <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"> | |
| − | + | <li> <a href="https://2018.igem.org/Team:Manchester/PromoterModel">Promoter Tool</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=" | + | <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="https://2018.igem.org/Team:Manchester/Public_Engagement">Outreach</a></li> | |
| − | <li><a href="https:// | + | <li><a href="https://2018.igem.org/Team:Manchester/Burtscheese">Burt's cheese</a></li> |
| − | <li><a href="https:// | + | |
| − | <li><a href="https:// | + | <li><a href="https://2018.igem.org/Team:Manchester/Rokiskiosuris">Rokiškio sūris</a></li> |
| − | + | ||
| + | <li><a href="https://2018.igem.org/Team:Manchester/News">News Feed analysis</a></li> | ||
| + | <li><a href="https://2018.igem.org/Team:Manchester/Brexit">GMO's and Brexit</a></li> | ||
| + | <li><a href="https://2018.igem.org/Team:Manchester/EU">European Commission</a></li> | ||
| + | |||
| + | |||
| + | </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/Team">TEAM<span class="caret"></span></a> |
| − | <ul class="dropdown-menu" | + | <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> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</ul> | </ul> | ||
</li> | </li> | ||
| + | |||
</ul> | </ul> | ||
</div> | </div> | ||
Latest revision as of 23:48, 17 October 2018
