Difference between revisions of "Template:AshesiGhana/NavBar"
Japhethkelly (Talk | contribs) |
Japhethkelly (Talk | contribs) |
||
| Line 21: | Line 21: | ||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> | ||
| + | <script> | ||
| + | window.onscroll = function() { | ||
| + | growShrinkLogo() | ||
| + | }; | ||
| + | |||
| + | function growShrinkLogo() { | ||
| + | var Logo = document.getElementById("Logo") | ||
| + | if (document.body.scrollTop > 5 || document.documentElement.scrollTop > 5) { | ||
| + | Logo.style.width = '30px'; | ||
| + | } else { | ||
| + | Logo.style.width = '60px'; | ||
| + | } | ||
| + | } | ||
| + | </script> | ||
<style> | <style> | ||
/***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ | /***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ | ||
| − | + | ||
/* Clear the default wiki settings */ | /* Clear the default wiki settings */ | ||
| − | + | ||
#home_logo, #sideMenu { display:none; } | #home_logo, #sideMenu { display:none; } | ||
#sideMenu, #top_title, .patrollink {display:none;} | #sideMenu, #top_title, .patrollink {display:none;} | ||
| Line 51: | Line 65: | ||
<style> | <style> | ||
.description{ | .description{ | ||
| − | color: black !important; | + | color: black !important; |
font-family: 'Josefin Sans', sans-serif; | font-family: 'Josefin Sans', sans-serif; | ||
padding-left: 10%; | padding-left: 10%; | ||
| Line 104: | Line 118: | ||
padding: 0; | padding: 0; | ||
background: #262626; | background: #262626; | ||
| − | + | ||
} | } | ||
nav ul li { | nav ul li { | ||
| Line 110: | Line 124: | ||
position: relative; | position: relative; | ||
background: red; | background: red; | ||
| − | + | ||
} | } | ||
| Line 149: | Line 163: | ||
height: 50px; | height: 50px; | ||
width: 100%; | width: 100%; | ||
| − | + | ||
/* make dropdown stick to top */ | /* make dropdown stick to top */ | ||
| Line 185: | Line 199: | ||
} | } | ||
| − | @media only screen and (max-width: 950px) { | + | @media only screen and (max-width: 950px) { |
.nav-mobile { | .nav-mobile { | ||
display: block; | display: block; | ||
| Line 203: | Line 217: | ||
width: 180px; | width: 180px; | ||
height: auto; | height: auto; | ||
| − | + | ||
top: 81px; | top: 81px; | ||
right: 0px; | right: 0px; | ||
| Line 215: | Line 229: | ||
padding: 15px; | padding: 15px; | ||
line-height: 20px; | line-height: 20px; | ||
| − | + | ||
} | } | ||
| Line 222: | Line 236: | ||
.nav-dropdown { | .nav-dropdown { | ||
position:fixed; | position:fixed; | ||
| − | + | ||
top: 81px; | top: 81px; | ||
width: 180px; | width: 180px; | ||
| Line 284: | Line 298: | ||
<div style="float:right;"> | <div style="float:right;"> | ||
</div> | </div> | ||
| − | <div class="brand" class="pull-left" > | + | <div class="brand" class="pull-left" > |
| − | <a href="https://www.ashesi.edu.gh/" class="pull-left" ><img style=" | + | <a href="https://www.ashesi.edu.gh/" class="pull-left" ><img style="width:60px" id='Logo' src="https://static.igem.org/mediawiki/2017/5/58/T--AshesiGhana--logo3.png"> |
Ashesi University College | Ashesi University College | ||
</a> | </a> | ||
| Line 307: | Line 321: | ||
<li><a href="https://2017.igem.org/Team:AshesiGhana/Motivation">Motivation</a></li> | <li><a href="https://2017.igem.org/Team:AshesiGhana/Motivation">Motivation</a></li> | ||
<li><a href="https://2017.igem.org/Team:AshesiGhana/Description">Description</a></li> | <li><a href="https://2017.igem.org/Team:AshesiGhana/Description">Description</a></li> | ||
| − | + | ||
<li><a href="https://2017.igem.org/Team:AshesiGhana/Results">Results</a></li> | <li><a href="https://2017.igem.org/Team:AshesiGhana/Results">Results</a></li> | ||
<li><a href="https://2017.igem.org/Team:AshesiGhana/Safety">Safety</a></li> | <li><a href="https://2017.igem.org/Team:AshesiGhana/Safety">Safety</a></li> | ||
| Line 316: | Line 330: | ||
<a rel="nofollow" rel="noreferrer"href="#!">Parts</a> | <a rel="nofollow" rel="noreferrer"href="#!">Parts</a> | ||
<ul class="nav-dropdown"> | <ul class="nav-dropdown"> | ||
| − | <li><a href="https://2017.igem.org/Team:AshesiGhana/Parts">Parts</a></li> | + | <li><a href="https://2017.igem.org/Team:AshesiGhana/Parts">Parts</a></li> |
| − | <li><a href="https://2017.igem.org/Team:AshesiGhana/fret">FRET</a></li> | + | <li><a href="https://2017.igem.org/Team:AshesiGhana/fret">FRET</a></li> |
| − | <li><a href="https://2017.igem.org/Team:AshesiGhana/goldlib">Gold Liberation</a></li> | + | <li><a href="https://2017.igem.org/Team:AshesiGhana/goldlib">Gold Liberation</a></li> |
<li><a href="https://2017.igem.org/Team:AshesiGhana/collection">Parts Collection</a></li></ul> | <li><a href="https://2017.igem.org/Team:AshesiGhana/collection">Parts Collection</a></li></ul> | ||
</li> | </li> | ||
Revision as of 09:59, 5 October 2017
Ashesi University College
