Difference between revisions of "Template:GlasgowNavbar"

 
(47 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<meta name="viewport" content="width=device-width, initial-scale=1">
 
−
<meta charset="utf-8">
 
 
<head>
 
<head>
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
<!-------DONT DELETE!!!!------->
−
    <meta charset="utf-8">
+
  <link rel="stylesheet" href="https://2015.igem.org/Team:Glasgow/bootstrap?action=raw&ctype=text/css" type="text/css">
−
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
  <script src="https://2015.igem.org/Team:Stockholm/bootstrapjs?action=raw&ctype=text/javascript" type="text/javascript" ></script>
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
  <link rel="stylesheet" href="https://2015.igem.org/Team:Glasgow/bootstrapcss?action=raw&ctype=text/css" type="text/css">
−
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+
  <link rel="stylesheet prefetch" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
−
    <meta name="description" content="">
+
−
    <meta name="author" content="">
+
−
    <link href="https://2015.igem.org/Team:Glasgow/bootstrap.min.css?action=raw&ctype=text/css" rel="stylesheet">
+
−
    <script src="https://2015.igem.org/Team:Glasgow/bootstrap.min.js?action=raw&ctype=text/css"></script>
+
−
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+
−
    <!-- Custom styles for this template -->
+
−
    <link href="carousel.css" rel="stylesheet">
+
−
<link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
+
−
  </head>
+
 
<style>
 
<style>
−
 
 
/*===== Navigation Bar =====*/
 
/*===== Navigation Bar =====*/
 +
 +
* {
 +
  margin:0;
 +
  padding:0;
 +
}
 +
  
 
.mainNav {
 
.mainNav {
Line 34: Line 28:
 
     z-index:99;
 
     z-index:99;
 
}
 
}
−
           
+
 
−
                     
+
 
nav ul li {
 
nav ul li {
 
     list-style: none;
 
     list-style: none;
Line 46: Line 39:
 
}
 
}
  
−
.first {
 
−
  margin-left:3.45vw;
 
−
}
 
−
 
−
       
 
 
nav ul li a, nav ul li a:active, nav ul li a:visited {
 
nav ul li a, nav ul li a:active, nav ul li a:visited {
 
     text-decoration: none;
 
     text-decoration: none;
 
     color: white;
 
     color: white;
−
    line-height: 8.47vh;
 
 
     display:block;
 
     display:block;
 +
    line-height:7.5vh;
 
     padding: 0px;
 
     padding: 0px;
 
     margin: 0px;
 
     margin: 0px;
Line 64: Line 52:
 
ul li ul {
 
ul li ul {
 
     display:none;
 
     display:none;
−
    position: relative;
 
−
    margin: 0 auto;
 
 
}
 
}
  
Line 71: Line 57:
 
     list-style: none;
 
     list-style: none;
 
     display:block;
 
     display:block;
−
     width:12.60vw;
+
     width:13.00vw;
 
     float:none;
 
     float:none;
 
     background-color:black;
 
     background-color:black;
 
     color:white;
 
     color:white;
−
   margin: 0 auto;
+
    
 
}
 
}
−
 
  
 
ul li:hover ul {
 
ul li:hover ul {
−
     display: inline-table;
+
     display: block;
 +
    padding:0;
 +
    margin:0;
 
}
 
}
  
−
.dim {
+
.dim5 {
 
     opacity:0.3;
 
     opacity:0.3;
 
}
 
}
 
              
 
              
−
.dim:hover {
+
.dim5:hover {
 
     opacity:1;
 
     opacity:1;
 
}
 
}
−
+
 
−
/*===== //Navigation Bar ====*/
+
.first {
 +
  margin-left:3.45vw;
 +
}
  
 
</style>
 
</style>
 +
</head>
  
 
<body>
 
<body>
Line 101: Line 91:
 
         <nav class="mainNav">
 
         <nav class="mainNav">
 
             <ul>
 
             <ul>
−
                 <li class="first"><a  href='#'>Project</a>
+
                 <li class="first"><a  href='https://2015.igem.org/Team:Glasgow'>Project</a>
 
                 <ul>
 
                 <ul>
−
                         <li><a href="#">UVA</a></li>
+
                         <li><a href="https://2015.igem.org/Team:Glasgow/Project/Overview">Overview</a></li>
−
                         <li><a href="#">Protocols</a></li>
+
                        <li><a href="https://2015.igem.org/Team:Glasgow/Project/Overview/UVA">UVA</a></li>
−
                         <li><a href="#">Bioluminesence</a></li>
+
                         <li><a href="https://2015.igem.org/Team:Glasgow/Project/Overview/Repressors">Repressors</a></li>
−
                         <li><a href="#">Steve</a></li>
+
                         <li><a href="https://2015.igem.org/Team:Glasgow/Project/Overview/Bistable">Bistable Switch</a></li>
−
                         <li><a href="#">Repressors</a></li>                  
+
                        <li><a href="https://2015.igem.org/Team:Glasgow/Project/Overview/Bioluminesence">Bioluminescence</a></li>
 +
                         <li><a href="https://2015.igem.org/Team:Glasgow/Description">RBS Library</a></li>
 +
                         <li><a href="https://2015.igem.org/Team:Glasgow/Project/Overview/Terminator">Terminator</a></li>
 +
                               
 
                     </ul>               
 
                     </ul>               
 
                  
 
                  
 
                 </li>
 
                 </li>
−
                 <li><a href='pages/team/team.html'>About Us</a>
+
                 <li><a href='https://2015.igem.org/Team:Glasgow/Team'>About Us</a>
 
                     <ul>
 
                     <ul>
 
                         <li><a href="https://2015.igem.org/Team:Glasgow/Team">Team</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Glasgow/Team">Team</a></li>
Line 118: Line 111:
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
−
                 <li><a href='https://2015.igem.org/Team:Glasgow/Notebook'>Notebook</a>              
+
                 <li><a href='https://2015.igem.org/Team:Glasgow/Notebook'>Notebook</a>
 +
                      <ul>
 +
                          <li><a href="https://2015.igem.org/Team:Glasgow/Project/Overview/Protocols">Protocols</a></li>         
 +
                      </ul>           
 
                 </li>
 
                 </li>
−
                 <li><a href='https://2015.igem.org/Team:Glasgow/Parts'>Parts</a>
+
                 <li><a href='https://2015.igem.org/Team:Glasgow/Basic_Part'>Parts</a>
 
                     <ul>
 
                     <ul>
−
                         <li><a href="https://2015.igem.org/Team:Glasgow/Parts">Basic</a></li>
+
                         <li><a href="https://2015.igem.org/Team:Glasgow/Basic_Part">Basic Parts</a></li>
−
                         <li><a href="https://2015.igem.org/Team:Glasgow/Parts">Composite</a></li>
+
                         <li><a href="https://2015.igem.org/Team:Glasgow/Composite_Part">Composite</a></li>
−
                         <li><a href="https://2015.igem.org/Team:Glasgow/Parts">Collection</a></li>                 
+
                         <li><a href="https://2015.igem.org/Team:Glasgow/Part_Collection">Collection</a></li>                 
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
 
                  
 
                  
−
                 <li><a href='#'>Application</a>
+
                 <li><a href='https://2015.igem.org/Team:Glasgow/Design'>Application</a>
 
                     <ul>
 
                     <ul>
−
                         <li><a href='#'>Product Design</a></li>
+
                         <li><a href='https://2015.igem.org/Team:Glasgow/Design'>Product Design</a></li>                
−
                        <li><a href='#'>Modelling</a></li>                 
+
 
                     </ul>
 
                     </ul>
 
                 </li>     
 
                 </li>     
 
                  
 
                  
−
                 <li><a href='#'><p style= "padding:0; margin:0; margin-top:0.8vh;">Policy & </p><p style="padding:0; margin:0;"> Practice</p></a>
+
                 <li><a href='https://2015.igem.org/Team:Glasgow/Practices'><p style= "padding:0; margin:0; margin-top:0.8vh;">Policy & </p><p style="padding:0; margin:0;"> Practice</p></a>
 
                     <ul>
 
                     <ul>
−
                         <li><a href='#'>Public Engagement</a></li>
+
                         <li><a href='https://2015.igem.org/Team:Glasgow/AzureA'>Azure A Staining</a></li>
−
                         <li><a href='#'>Lab Safety</a></li>
+
                         <li><a href='https://2015.igem.org/Team:Glasgow/Safety'>Lab Safety</a></li>  
−
                         <li><a href='#'>Education</a></li>                  
+
                         <li><a href='https://2015.igem.org/Team:Glasgow/Practices/Bedtimestories'>Bedtime Stories</a></li>                        
 
                     </ul>
 
                     </ul>
  
 
                 </li>         
 
                 </li>         
−
                 <li><a href='#'>Measurement</a>
+
                 <li><a href='https://2015.igem.org/Team:Glasgow/Interlab'>Measurement</a>
 
                     <ul>
 
                     <ul>
 
                         <li><a href='https://2015.igem.org/Team:Glasgow/Interlab'>Interlab Study</a></li>
 
                         <li><a href='https://2015.igem.org/Team:Glasgow/Interlab'>Interlab Study</a></li>
−
                         <li><a href='#'>Collaborations</a></li>                   
+
                         <li><a href='https://2015.igem.org/Team:Glasgow/Collaborations'>Collaborations</a></li>                   
 
                     </ul>
 
                     </ul>
 
               </li>         
 
               </li>         
Line 153: Line 148:
  
 
   <!-- //Navigation bar -->
 
   <!-- //Navigation bar -->
−
 
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 
  
 
<script>
 
<script>
−
 
−
 
  
 
$(window).scroll(function() {
 
$(window).scroll(function() {
 
             if ($(this).scrollTop() > 50) {
 
             if ($(this).scrollTop() > 50) {
−
                 $('nav').addClass("dim");
+
                 $('nav').addClass("dim5");
 
             }
 
             }
 
             else {  
 
             else {  
−
                 $('nav').removeClass("dim");
+
                 $('nav').removeClass("dim5");
 
             }
 
             }
 
         });
 
         });

Latest revision as of 03:14, 21 November 2015