Difference between revisions of "Template:AshesiGhana/NavBar"

 
(77 intermediate revisions by 2 users not shown)
Line 7: Line 7:
  
 
<!-- icons -->
 
<!-- icons -->
−
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
 
 +
<link rel="stylesheet" type="text/css"
 +
href="https://2017.igem.org/Template:AshesiGhana/CSS:font-awesome.min?action=raw&ctype=text/css" />
  
 
<!--jquery-->
 
<!--jquery-->
  
−
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
+
<link rel="stylesheet" type="text/css"
 +
href="https://2017.igem.org/Template:AshesiGhana/CSS:Nunito?action=raw&ctype=text/css" />
 +
 
 
<!-- Latest compiled and minified CSS -->
 
<!-- Latest compiled and minified CSS -->
−
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 
  
−
<script type="text/javascript" async
 
−
  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML">
 
−
</script>
 
  
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 
  
−
<style>
+
<link rel="stylesheet" type="text/css"
−
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
+
href="https://2017.igem.org/Template:AshesiGhana/CSS:bootstrap.min.css?action=raw&ctype=text/css" />
−
   
+
−
    /* Clear the default wiki settings */
+
−
   
+
−
    #home_logo, #sideMenu { display:none; }
+
−
    #sideMenu, #top_title, .patrollink  {display:none;}
+
−
    #content { width:100%; padding:0px;  margin-top:-13px; margin-left:0px;}
+
−
    body {background-color:white; }
+
−
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
  
 +
<script type="text/javascript" src="https://2017.igem.org/Template:AshesiGhana/JS:MathJax?action=raw&ctype=text/javascript"></script>
  
−
/********************************* DEFAULT WIKI SETTINGS  ********************************/
+
<script type="text/javascript" src="https://2017.igem.org/Template:AshesiGhana/JS:jquery.min?action=raw&ctype=text/javascript"></script>
−
body {
+
−
  background-color: white;
+
−
  width: 100%;
+
−
}
+
  
−
#bodyContent h1,
+
<link rel="stylesheet" type="text/css"
−
#bodyContent h2,
+
href="https://2017.igem.org/Template:AshesiGhana/CSS:bootstrap.min.css?action=raw&ctype=text/css" />
−
#bodyContent h3,
+
  <script type="text/javascript" src="https://2017.igem.org/Template:AshesiGhana/JS:jquery.min?action=raw&ctype=text/javascript"></script>
−
#bodyContent h4,
+
  <script type="text/javascript" src="https://2017.igem.org/Template:AshesiGhana/JS:bootstrap.min.js?action=raw&ctype=text/javascript"></script>
−
#bodyContent h5 {
+
−
  margin-bottom: 0px;
+
−
}
+
−
</style>
+
  
−
<style>
 
−
.description{
 
−
color: black !important;
 
−
font-family: 'Josefin Sans', sans-serif;
 
−
padding-left: 10%;
 
−
padding-right: 10%;
 
−
margin: 0 auto;
 
−
position: relative;
 
−
max-width: 100em;
 
−
}
 
  
−
</style>
+
<link rel="stylesheet" type="text/css"
 +
href="https://2017.igem.org/Template:AshesiGhana/CSS:carousel?action=raw&ctype=text/css" />
  
−
<style>
+
<!-- This Part contains the metadata for the landing page-->
−
@charset "UTF-8";
+
−
.navigation {
+
−
  height: 70px;
+
−
  margin-top:10px;
+
−
  padding:0;
+
−
  background: #262626;
+
−
  font-size: 80%;
+
−
}
+
  
−
.brand {
+
<link rel="stylesheet" type="text/css"
−
  position: absolute;
+
href="https://2017.igem.org/Template:AshesiGhana/CSS:carousel?action=raw&ctype=text/css" />
−
  float: left;
+
   <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
−
   padding-left:2%;
+
   <link rel="shortcut icon" href="favicon.ico">
−
   line-height: 80px;
+
 
−
   text-transform: uppercase;
+
   <!-- Google Webfonts -->
−
   font-size: 1.4em;
+
    
−
}
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:AshesiGhana/CSS:Roboto?action=raw&ctype=text/css" />
  
−
/* ASHESI COLLEGE*/
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:AshesiGhana/CSS:Montserrat?action=raw&ctype=text/css" />
−
.brand a,
+
 
−
.brand a:visited{
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:AshesiGhana/CSS:Sanchez:400,400italic?action=raw&ctype=text/css" />
−
   color: #ffffff;
+
 
−
   text-decoration: none;
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:AshesiGhana/CSS:Playfair%2BDisplay:400,400italic?action=raw&ctype=text/css" />
−
   font-family: 'Josefin Sans', sans-serif;
+
 
−
  font-size: 100%;
+
   <style>
 +
  #home_logo, #sideMenu { display:none; }
 +
  #sideMenu, #top_title, .patrollink  {display:none;}
 +
   #content { width:100%; padding:0px;  margin-top:-13px; margin-left:0px;}
 +
   body {background-color:white; }
 +
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
/*************************
 +
EXAMPLES 2-7 BELOW
 +
**************************/
 +
 
 +
/* EXAMPLE 2 (larger logo) - simply adjust top bottom padding to make logo larger */
 +
 
 +
.example2 .navbar-brand>img {
 +
  padding: 7px 15px;
 
}
 
}
  
−
.nav-container {
+
 
−
  max-width: 1150px;
+
/* EXAMPLE 3
−
   margin: 0 auto;
+
 
 +
line height is 20px by default so add 30px top and bottom to equal the new .navbar-brand 80px height  */
 +
 
 +
.example3 .navbar-brand {
 +
   height: 80px;
 
}
 
}
  
−
nav {
+
.example3 .nav >li >a {
−
   float: right;
+
   padding-top: 30px;
−
   background: none;
+
   padding-bottom: 30px;
 
}
 
}
−
nav ul {
+
.example3 .navbar-toggle {
−
   list-style: none;
+
   padding: 10px;
−
   margin: 0;
+
   margin: 25px 15px 25px 0;
−
  padding: 0;
+
−
  background: #262626;
+
−
 
+
 
}
 
}
−
nav ul li {
+
 
−
  float: left;
+
 
−
  position: relative;
+
/* EXAMPLE 4 - Small Narrow Logo*/
−
   background: red;
+
.example4 .navbar-brand>img {
−
 
+
   padding: 7px 14px;
 
}
 
}
  
−
/* text inside navbar before */
+
 
−
nav ul li a,
+
/* EXAMPLE 5 - Logo with Text*/
−
nav ul li a:visited {
+
.example5 .navbar-brand {
−
   display: block;
+
   display: flex;
−
  height: 65px;
+
   align-items: center;
−
  padding: 0 20px;
+
−
  background: #262626;
+
−
  line-height: 80px;
+
−
  //background: purple;
+
−
  color: #ffffff;
+
−
  text-decoration: none;
+
−
  font-family: 'Josefin Sans', sans-serif;
+
−
   font-size: 120%;
+
 
}
 
}
−
nav ul li a:hover,
+
.example5 .navbar-brand>img {
−
nav ul li a:visited:hover {
+
   padding: 7px 14px;
−
  background: #2581DC;
+
−
  color: #ffffff;
+
−
  text-decoration: none;
+
−
}
+
−
nav ul li a:not(:only-child):after,
+
−
nav ul li a:visited:not(:only-child):after {
+
−
   padding-left: 4px;
+
−
  content: ' ▾';
+
−
  text-decoration: none;
+
 
}
 
}
  
−
nav ul li ul {
 
−
  height: 5px;
 
−
}
 
  
  
−
nav ul li ul li {
 
−
  min-width: 150px;
 
−
  height: 50px;
 
−
  width: 100%;
 
−
 
 
  
−
  /* make dropdown stick to top */
 
−
  top: -5px;
 
−
}
 
−
nav ul li ul li a {
 
−
  padding: 15px;
 
−
  line-height: 50%;
 
−
  margin: 0px;
 
−
  text-decoration: none;
 
  
−
}
 
  
−
.nav-dropdown {
+
 
 +
 
 +
/* EXAMPLE 8 - Center on mobile*/
 +
  @media only screen and (max-width : 768px){
 +
  .example-8 .navbar-brand {
 +
  padding: 0px;
 +
  transform: translateX(-50%);
 +
  left: 50%;
 
   position: absolute;
 
   position: absolute;
−
  display: none;
+
}
−
  left: -23px;
+
.example-8 .navbar-brand>img {
−
  top: 65px;
+
−
  z-index: 1;
+
−
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
+
 
   height: 100%;
 
   height: 100%;
 +
  width: auto;
 +
  padding: 7px 14px;
 +
}
 
}
 
}
  
−
/* Mobile navigation */
 
−
.nav-mobile {
 
−
  float:right;
 
−
  display: none;
 
−
  position: absolute;
 
−
  top: 0;
 
−
  right: 0;
 
−
  height: 20px;
 
−
  width: 70px;
 
−
  background: #262626;
 
  
−
}
 
  
−
@media only screen and (max-width: 950px) {
 
−
  .nav-mobile {
 
−
    display: block;
 
−
  }
 
  
−
  nav {
+
/* EXAMPLE 9 - Center with Flexbox and Text*/
−
    width: 100%;
+
−
    padding: 0 0 0;
+
−
  }
+
  
−
  /* background of mobile dropdown */
+
body {
−
  nav ul {
+
  font-family: "Lato";
−
    display: none;
+
}
 +
  </style>
 +
 
  
−
    /* width of dropdown */
+
<!-- Animate.css -->
−
    position: fixed;
+
  <!-- <link rel="stylesheet" href="https://ashbuspay.000webhostapp.com/animate.css"> -->
−
    width: 180px;
+
<link rel="stylesheet" type="text/css"
−
    height: auto;
+
href="https://2017.igem.org/Template:AshesiGhana/CSS:animate?action=raw&ctype=text/css" />
−
   
+
  <!-- Icomoon Icon Fonts-->
−
    top: 81px;
+
  <!-- <link rel="stylesheet" href="https://ashbuspay.000webhostapp.com/icomoon.css"> -->
−
    right: 0px;
+
  
−
  }
+
<link rel="stylesheet" type="text/css"
−
  nav ul li {
+
href="https://2017.igem.org/Template:AshesiGhana/CSS:icomoon?action=raw&ctype=text/css" />
−
    float: none;
+
   <!-- Magnific Popup -->
−
    text-align: center;
+
   <!-- <link rel="stylesheet" href="https://ashbuspay.000webhostapp.com/magnific-popup.css"> -->
−
   }
+
−
   nav ul li a {
+
−
    padding: 15px;
+
−
    line-height: 20px;
+
−
   
+
−
  }
+
  
  
−
/* toggle dropdown */
+
<link rel="stylesheet" type="text/css"
−
  .nav-dropdown {
+
href="https://2017.igem.org/Template:AshesiGhana/CSS:magnific-popup?action=raw&ctype=text/css" />
−
  position:fixed;
+
  <!-- Theme Style -->
−
 
+
  <!-- <link rel="stylesheet" href="https://ashbuspay.000webhostapp.com/style.css"> -->
−
  top: 81px;
+
−
  width: 180px;
+
−
  height: auto;
+
  
 +
<link rel="stylesheet" type="text/css"
 +
href="https://2017.igem.org/Template:AshesiGhana/CSS?action=raw&ctype=text/css" />
 +
  <!-- Modernizr JS -->
 +
  <!-- <script src="https://ashbuspay.000webhostapp.com/js/modernizr-2.6.2.min.js"></script> -->
  
−
   }
+
    
−
  .brand{
+
−
    padding-left: 10%;
+
−
  }
+
−
}
+
  
 +
<script type="text/javascript" src="https://2017.igem.org/Template:AshesiGhana/JS:modernizr-2.6.2.min?action=raw&ctype=text/javascript"></script>
  
−
/* background of toggle (mobile) */
 
−
#nav-toggle {
 
−
  position: absolute;
 
−
  left: 18px;
 
−
  top: 22px;
 
−
  cursor: pointer;
 
−
  padding: 10px 35px 16px 0px;
 
−
  background: #262626;
 
−
}
 
  
−
/* toggle button (mobile) */
+
<!-- -->
−
#nav-toggle span,
+
−
#nav-toggle span:before,
+
−
#nav-toggle span:after {
+
−
  cursor: pointer;
+
−
  border-radius: 1px;
+
−
  height: 5px;
+
−
  width: 35px;
+
−
  background: #ffffff;
+
−
  position: absolute;
+
−
  display: block;
+
−
  content: '';
+
−
  transition: all 300ms ease-in-out;
+
−
}
+
−
#nav-toggle span:before {
+
−
  top: -10px;
+
−
}
+
−
#nav-toggle span:after {
+
−
  bottom: -10px;
+
−
}
+
−
#nav-toggle.active span {
+
−
  background-color: transparent;
+
−
}
+
−
#nav-toggle.active span:before, #nav-toggle.active span:after {
+
−
  top: 0;
+
−
}
+
−
#nav-toggle.active span:before {
+
−
  transform: rotate(45deg);
+
−
}
+
−
#nav-toggle.active span:after {
+
−
  transform: rotate(-45deg);
+
−
}
+
  
−
</style>
 
  
−
<section class="navigation navbar-fixed-top">
 
−
  <div class="nav-container">
 
−
<div style="float:right;">
 
−
</div>
 
−
    <div class="brand" >
 
−
      <a rel="nofollow" rel="noreferrer" href="https://2017.igem.org/Team:AshesiGhana">Ashesi University College</a>
 
−
    </div>
 
−
    <nav>
 
−
      <div class="nav-mobile"><a rel="nofollow" rel="noreferrer"id="nav-toggle" href="#!"><span></span></a></div>
 
−
      <ul class="nav-list">
 
−
        <li>
 
−
          <a rel="nofollow" rel="noreferrer" href="https://2017.igem.org/Team:AshesiGhana">Home</a>
 
−
        </li>
 
−
        <li>
 
−
          <a rel="nofollow" rel="noreferrer"href="#!">Team</a>
 
−
          <ul class="nav-dropdown">
 
−
            <li><a href="https://2017.igem.org/Team:AshesiGhana/Team">Meet The Miners</a></li>
 
−
<li><a href="https://2017.igem.org/Team:AshesiGhana/Contributors">Contributors</a></li>
 
−
                                            <li><a href="https://2017.igem.org/Team:AshesiGhana/Sponsors">Sponsors</a></li>
 
−
                                        </ul>
 
−
        </li>
 
−
        <li>
 
−
          <a rel="nofollow" rel="noreferrer"href="#!">Project</a>
 
−
          <ul class="nav-dropdown">
 
−
<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/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/Interlab">Interlab</a></li>
 
−
                                            <li><a href="https://2017.igem.org/Team:AshesiGhana/Improvements">Improvements</a></li> </ul>
 
−
        </li>
 
−
        <li>
 
−
          <a rel="nofollow" rel="noreferrer"href="#!">Parts</a>
 
−
          <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/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/collection">Parts Collection</a></li></ul>
 
−
        </li>
 
−
        <li>
 
−
          <a rel="nofollow" rel="noreferrer"href="#!">Human Practices</a>
 
−
          <ul class="nav-dropdown">
 
−
            <li><a href="https://2017.igem.org/Team:AshesiGhana/Engagement">Public Engagement</a></li>
 
−
          </ul>
 
−
        </li>
 
−
<li>
 
−
                            <a rel="nofollow" rel="noreferrer"href="#!">Notebook </a>
 
−
                            <ul class="nav-dropdown">
 
−
                                            <li><a href="https://2017.igem.org/Team:AshesiGhana/Brainstorm">Brainstorm</a></li>
 
−
                                            <li><a href="https://2017.igem.org/Team:AshesiGhana/Notebook">Lab Notebook</a></li>
 
−
                                            <li><a href="https://2017.igem.org/Team:AshesiGhana/Protocols">Protocols</a></li>
 
−
                                        </ul>
 
−
                        </li>
 
−
        <li>
 
−
          <a rel="nofollow" rel="noreferrer"href="#!">Awards</a>
 
−
          <ul class="nav-dropdown">
 
−
                                          <li><a href="https://2017.igem.org/Team:AshesiGhana/Collaborations">Collaborations</a></li>
 
−
                                            <li><a href="https://2017.igem.org/Team:AshesiGhana/Medal">Medal Citerion</a></li> </ul>
 
−
        </li>
 
−
      </ul>
 
−
    </nav>
 
−
  </div>
 
−
</section>
 
  
  
 
<script>
 
<script>
−
(function($) { // Begin jQuery
+
window.onscroll = function() {
−
   $(function() { // DOM ready
+
   growShrinkLogo()
−
    // If a link has a dropdown, add sub menu toggle.
+
};
−
    $('nav ul li a:not(:only-child)').click(function(e) {
+
−
      $(this).siblings('.nav-dropdown').toggle();
+
−
      // Close one dropdown when selecting another
+
−
      $('.nav-dropdown').not($(this).siblings()).hide();
+
−
      e.stopPropagation();
+
−
    });
+
−
    // Clicking away from dropdown will remove the dropdown class
+
−
    $('html').click(function() {
+
−
      $('.nav-dropdown').hide();
+
−
    });
+
−
    // Toggle open and close nav styles on click
+
−
    $('#nav-toggle').click(function() {
+
−
      $('nav ul').slideToggle();
+
−
    });
+
−
    // Hamburger to X toggle
+
−
    $('#nav-toggle').on('click', function() {
+
−
      this.classList.toggle('active');
+
−
    });
+
−
  }); // end DOM ready
+
−
})(jQuery); // end jQuery
+
−
</script>
+
−
</head>
+
−
</html>
+
−
<html>
+
−
<head>
+
−
<meta charset="utf-8">
+
−
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
  
−
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
function growShrinkLogo() {
−
 
+
  var Logo = document.getElementById("Logo")
−
<!-- icons -->
+
  if (document.body.scrollTop > 5 || document.documentElement.scrollTop > 5) {
−
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
    Logo.style.width = '60px';
−
 
+
    document.getElementById("ashName").innerHTML = "Ashesi University College";
−
<!--jquery-->
+
  } else {
−
 
+
    Logo.style.width = '150px';
−
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
+
    document.getElementById("ashName").innerHTML = "Ashesi University <br>     College";
−
<!-- Latest compiled and minified CSS -->
+
   }
−
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
}
−
 
+
−
<script type="text/javascript" async
+
−
   src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML">
+
 
</script>
 
</script>
−
 
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></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;}
−
    #content { width:100%; padding:0px;  margin-top:-13px; margin-left:0px;}
+
  #content { width:100%; padding:0px;  margin-top:-13px; margin-left:0px;}
−
    body {background-color:white; }
+
  body {background-color:white; }
−
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
  
Line 423: Line 222:
 
<style>
 
<style>
 
.description{
 
.description{
−
color: black !important;  
+
color: black !important;
−
font-family: 'Josefin Sans', sans-serif;
+
font-family: 'Nunito';
 
padding-left: 10%;
 
padding-left: 10%;
 
padding-right: 10%;
 
padding-right: 10%;
Line 440: Line 239:
 
   margin-top:10px;
 
   margin-top:10px;
 
   padding:0;
 
   padding:0;
−
   background: #262626;
+
   background: white;
−
   font-size: 80%;
+
   font-size: 70%;
 
}
 
}
  
Line 447: Line 246:
 
   position: absolute;
 
   position: absolute;
 
   float: left;
 
   float: left;
−
   padding-left:2%;
+
    
−
  line-height: 80px;
+
 
   text-transform: uppercase;
 
   text-transform: uppercase;
 
   font-size: 1.4em;
 
   font-size: 1.4em;
Line 456: Line 254:
 
.brand a,
 
.brand a,
 
.brand a:visited{
 
.brand a:visited{
−
   color: #ffffff;
+
   color: black;
 
   text-decoration: none;
 
   text-decoration: none;
−
   font-family: 'Josefin Sans', sans-serif;
+
   font-family:'Nunito';
 
   font-size: 100%;
 
   font-size: 100%;
 +
font-weight: 400;
 
}
 
}
  
 
.nav-container {
 
.nav-container {
−
   max-width: 1150px;
+
   max-width: 98%;
 
   margin: 0 auto;
 
   margin: 0 auto;
 
}
 
}
Line 476: Line 275:
 
   padding: 0;
 
   padding: 0;
 
   background: #262626;
 
   background: #262626;
−
 
+
 
 
}
 
}
 
nav ul li {
 
nav ul li {
Line 482: Line 281:
 
   position: relative;
 
   position: relative;
 
   background: red;
 
   background: red;
−
 
+
 
 
}
 
}
  
Line 496: Line 295:
 
   color: #ffffff;
 
   color: #ffffff;
 
   text-decoration: none;
 
   text-decoration: none;
−
   font-family: 'Josefin Sans', sans-serif;
+
   font-family: 'Nunito';
 
   font-size: 120%;
 
   font-size: 120%;
 
}
 
}
Line 521: Line 320:
 
   height: 50px;
 
   height: 50px;
 
   width: 100%;
 
   width: 100%;
−
 
+
 
  
 
   /* make dropdown stick to top */
 
   /* make dropdown stick to top */
Line 557: Line 356:
 
}
 
}
  
−
@media only screen and (max-width: 950px) {  
+
@media only screen and (max-width: 950px) {
 
   .nav-mobile {
 
   .nav-mobile {
 
     display: block;
 
     display: block;
Line 575: Line 374:
 
     width: 180px;
 
     width: 180px;
 
     height: auto;
 
     height: auto;
−
   
+
 
 
     top: 81px;
 
     top: 81px;
 
     right: 0px;
 
     right: 0px;
Line 587: Line 386:
 
     padding: 15px;
 
     padding: 15px;
 
     line-height: 20px;
 
     line-height: 20px;
−
   
+
 
 
   }
 
   }
  
Line 594: Line 393:
 
   .nav-dropdown {
 
   .nav-dropdown {
 
   position:fixed;
 
   position:fixed;
−
 
+
 
 
   top: 81px;
 
   top: 81px;
 
   width: 180px;
 
   width: 180px;
Line 656: Line 455:
 
<div style="float:right;">
 
<div style="float:right;">
 
</div>
 
</div>
−
 
+
     <div class="brand" class="pull-left" >
−
     <div class="brand" >
+
      <a href="https://www.ashesi.edu.gh/" class="pull-left" ><img style = "width: 230px; transition: width 2s;" id='Logo' src="https://static.igem.org/mediawiki/2017/5/58/T--AshesiGhana--logo3.png"><div id="ashName" style="float: right; padding-top: 20px;">
−
    <a href="#" class="pull-left"><img style="max-width:6%; max-height:6%;" src="https://static.igem.org/mediawiki/2017/a/ac/T--AshesiGhana--ashigemlogo.png">Ashesi University College</a>  
+
    Ashesi University <br> College</div>
−
    </div>
+
    </a>
−
 
+
    </div>
 
     <nav>
 
     <nav>
 
       <div class="nav-mobile"><a rel="nofollow" rel="noreferrer"id="nav-toggle" href="#!"><span></span></a></div>
 
       <div class="nav-mobile"><a rel="nofollow" rel="noreferrer"id="nav-toggle" href="#!"><span></span></a></div>
Line 671: Line 470:
 
           <ul class="nav-dropdown">
 
           <ul class="nav-dropdown">
 
             <li><a href="https://2017.igem.org/Team:AshesiGhana/Team">Meet The Miners</a></li>
 
             <li><a href="https://2017.igem.org/Team:AshesiGhana/Team">Meet The Miners</a></li>
−
<li><a href="https://2017.igem.org/Team:AshesiGhana/Contributors">Contributors</a></li>
+
 
−
                                             <li><a href="https://2017.igem.org/Team:AshesiGhana/Sponsors">Sponsors</a></li>
+
                                            <li><a href="https://2017.igem.org/Team:AshesiGhana/Collaborations">Collaborations</a></li>
 +
                                             <li><a href="https://2017.igem.org/Team:AshesiGhana/Attribution">Attribution</a></li>
 +
 
 
                                         </ul>
 
                                         </ul>
 
         </li>
 
         </li>
Line 680: Line 481:
 
<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>
 
                                             <li><a href="https://2017.igem.org/Team:AshesiGhana/Interlab">Interlab</a></li>
 
                                             <li><a href="https://2017.igem.org/Team:AshesiGhana/Interlab">Interlab</a></li>
−
                                            <li><a href="https://2017.igem.org/Team:AshesiGhana/Improvements">Improvements</a></li> </ul>
+
                                                </ul>
 
         </li>
 
         </li>
 
         <li>
 
         <li>
 
           <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/collection">Parts Collection</a></li></ul>
+
<li><a href="https://2017.igem.org/Team:AshesiGhana/Goldlib">Gold Liberation</a></li>
 +
                                          </ul>
 
         </li>
 
         </li>
 
         <li>
 
         <li>
 
           <a rel="nofollow" rel="noreferrer"href="#!">Human Practices</a>
 
           <a rel="nofollow" rel="noreferrer"href="#!">Human Practices</a>
 
           <ul class="nav-dropdown">
 
           <ul class="nav-dropdown">
 +
            <li><a href="https://2017.igem.org/Team:AshesiGhana/HP/Silver">Silver HP</a></li>
 
             <li><a href="https://2017.igem.org/Team:AshesiGhana/Engagement">Public Engagement</a></li>
 
             <li><a href="https://2017.igem.org/Team:AshesiGhana/Engagement">Public Engagement</a></li>
 
           </ul>
 
           </ul>
Line 703: Line 506:
 
                             <a rel="nofollow" rel="noreferrer"href="#!">Notebook </a>
 
                             <a rel="nofollow" rel="noreferrer"href="#!">Notebook </a>
 
                             <ul class="nav-dropdown">
 
                             <ul class="nav-dropdown">
−
                                            <li><a href="https://2017.igem.org/Team:AshesiGhana/Brainstorm">Brainstorm</a></li>
+
                                         
 
                                             <li><a href="https://2017.igem.org/Team:AshesiGhana/Notebook">Lab Notebook</a></li>
 
                                             <li><a href="https://2017.igem.org/Team:AshesiGhana/Notebook">Lab Notebook</a></li>
 
                                             <li><a href="https://2017.igem.org/Team:AshesiGhana/Protocols">Protocols</a></li>
 
                                             <li><a href="https://2017.igem.org/Team:AshesiGhana/Protocols">Protocols</a></li>
Line 711: Line 514:
 
           <a rel="nofollow" rel="noreferrer"href="#!">Awards</a>
 
           <a rel="nofollow" rel="noreferrer"href="#!">Awards</a>
 
           <ul class="nav-dropdown">
 
           <ul class="nav-dropdown">
−
                                          <li><a href="https://2017.igem.org/Team:AshesiGhana/Collaborations">Collaborations</a></li>
+
 
−
                                             <li><a href="https://2017.igem.org/Team:AshesiGhana/Medal">Medal Citerion</a></li> </ul>
+
                                            <li><a href="https://2017.igem.org/Team:AshesiGhana/Medal">Medal Criteria</a></li>
 +
 
 +
                                            <li><a href="https://igem.org/2017_Judging_Form?id=2252">JUDGING FORM</a></li>  
 +
                                             <li><a href="https://2017.igem.org/Team:AshesiGhana/Hardware">Hardware</a></li>  
 +
                                            </ul>
 +
                                           
 
         </li>
 
         </li>
 
       </ul>
 
       </ul>

Latest revision as of 02:51, 2 November 2017

Ashesi University
College