Difference between revisions of "Template:Manchester/Navbar"
| Line 1: | Line 1: | ||
| + | |||
{{Manchester}} | {{Manchester}} | ||
| + | {{Manchester/mobilenav}} | ||
<html> | <html> | ||
<head> | <head> | ||
| Line 33: | Line 35: | ||
body, html { | body, html { | ||
| − | + | ||
margin: 0!important; | margin: 0!important; | ||
padding: 0!important; | padding: 0!important; | ||
| Line 51: | Line 53: | ||
| − | |||
| − | |||
| − | |||
#sideMenu, | #sideMenu, | ||
| Line 138: | Line 137: | ||
.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 156: | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
/********************************* CONTENT OF THE PAGE ********************************/ | /********************************* CONTENT OF THE PAGE ********************************/ | ||
| Line 230: | Line 225: | ||
overflow: visible; | overflow: visible; | ||
text-align: right | text-align: right | ||
| + | |||
} | } | ||
| Line 237: | Line 233: | ||
a[href="#verytop"] { | a[href="#verytop"] { | ||
| − | color: # | + | color: #5bc7d8!important |
} | } | ||
| Line 265: | Line 261: | ||
padding: 5px 15px; | padding: 5px 15px; | ||
border-bottom: 0px; | border-bottom: 0px; | ||
| − | color: # | + | color: #72C489; |
} | } | ||
| Line 283: | Line 279: | ||
padding: 0px 15px; | padding: 0px 15px; | ||
font-size: 13px; | font-size: 13px; | ||
| − | font-family: ' | + | font-family: 'Proxima-nova', sans-serif; |
} | } | ||
| Line 292: | Line 288: | ||
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 361: | ||
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 375: | ||
.button_click:hover { | .button_click:hover { | ||
background-color: #000000; | background-color: #000000; | ||
| − | color: # | + | color: #5bc7d8; |
} | } | ||
| Line 394: | Line 390: | ||
} | } | ||
| + | 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 419: | ||
<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="https://static.igem.org/mediawiki/ | + | <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 479: | Line 486: | ||
<li><a href="#">Gallery</a><li> | <li><a href="#">Gallery</a><li> | ||
</ul> | </ul> | ||
| − | </li> | + | </li> |
| + | |||
| + | </ul> | ||
| + | </li> | ||
| + | |||
| + | </ul> | ||
</div> | </div> | ||
<!-- /.navbar-collapse --> | <!-- /.navbar-collapse --> | ||
Revision as of 15:38, 14 September 2018
