Difference between revisions of "Template:TPHS San Diego/Navbar"

 
(19 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
 
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:600" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
 
 
 
<style>
 
<style>
 +
 +
@font-face {
 +
  font-family: 'Montserrat';
 +
  src: url('https://static.igem.org/mediawiki/2018/3/30/T--TPHS_San_Diego--Montserrat.ttf') format('truetype');
 +
}
  
 
#navbar  
 
#navbar  
Line 14: Line 14:
 
     width: 100%;
 
     width: 100%;
 
     text-align: center;
 
     text-align: center;
 +
    box-shadow: 0 0 20px #333333;
 +
    position: fixed;
 +
    top: 15px;
 +
    z-index: 10;
 
}
 
}
  
Line 52: Line 56:
 
     width: 180px;
 
     width: 180px;
 
     background-color: #333333;
 
     background-color: #333333;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
     box-shadow: 0px 0px 20px #333333;
 
     z-index: 2;
 
     z-index: 2;
 
     text-align: center;
 
     text-align: center;
Line 73: Line 77:
 
   text-decoration: none;
 
   text-decoration: none;
 
   display: block;
 
   display: block;
   font-family: 'Raleway', sans-serif;
+
   font-family: 'Montserrat', sans-serif;
 
}
 
}
  
Line 132: Line 136:
 
<div id="navbar-fill">
 
<div id="navbar-fill">
 
<div class="dropdown nav-animation">
 
<div class="dropdown nav-animation">
   <a href = "https://2017.igem.org/Team:TP-CC_San_Diego"> <button class = "dropbtn" class id = "title" style = "color: white"> Home </button> </a>
+
   <a href = "https://2018.igem.org/Team:TPHS_San_Diego"> <button class = "dropbtn" class id = "title" style = "color: white"> Home </button> </a>
  
 
</div>
 
</div>
Line 139: Line 143:
 
   <button class="dropbtn"> Project </button>
 
   <button class="dropbtn"> Project </button>
 
   <div class="dropdown-content" style="left:0;">
 
   <div class="dropdown-content" style="left:0;">
<a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Description">Description</a>
+
<a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Description">Description</a>
<a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Results">Results</a>
+
<a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Model">Modeling</a>
  
         <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Model">Modeling</a>
+
         <a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Parts">Parts</a>
 +
 
 +
        <a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Results">Results</a>
 +
 
 +
        <a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Safety">Safety</a>
 +
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 149: Line 158:
 
   <button class="dropbtn"> Notebook </button>
 
   <button class="dropbtn"> Notebook </button>
 
   <div class="dropdown-content">
 
   <div class="dropdown-content">
<a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/LabBook">Lab Notebook</a>
+
<a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Notebook">Lab Notebook</a>
<a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/InterLab">Interlab Study</a>
+
<a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Experiments">Experiments</a>
<a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Protocols">Protocols</a>
+
<a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Improve">Part Improvements</a>
<a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/MedalCriteria">Medal Criteria</a>
+
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 159: Line 167:
 
   <button class="dropbtn"> Human Practices </button>
 
   <button class="dropbtn"> Human Practices </button>
 
   <div class="dropdown-content">
 
   <div class="dropdown-content">
<a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/HP/Silver">Human Practices</a>
+
<a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Human_Practices">Integrated Human Practices</a>
<a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/HP/Gold_Integrated">Integrated Practices</a>
+
<a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Collaborations">Collaborations</a>
<a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Collaborations">Collaborations</a>
+
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 168: Line 176:
 
   <button class="dropbtn"> Team </button>
 
   <button class="dropbtn"> Team </button>
 
   <div class="dropdown-content">
 
   <div class="dropdown-content">
<a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Team">Team</a>
+
<a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Team">Team</a>
         <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Attributions">Attributions</a>
+
         <a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Attributions">Attributions</a>
 +
  </div>
 +
</div>
 +
 
 +
<div class="dropdown">
 +
  <button class="dropbtn"> Judging </button>
 +
  <div class="dropdown-content">
 +
      <a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Medal_Criteria">Medal Criteria</a>
 
   </div>
 
   </div>
 
</div>
 
</div>

Latest revision as of 22:16, 17 October 2018