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

 
(20 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  
 
{
 
{
−
    position:relative;
 
−
    top:-20px;
 
 
     margin: auto;
 
     margin: auto;
 +
    margin-top:0px;
 
     width: 100%;
 
     width: 100%;
 
     text-align: center;
 
     text-align: center;
 +
    box-shadow: 0 0 20px #333333;
 +
    position: fixed;
 +
    top: 15px;
 +
    z-index: 10;
 
}
 
}
  
Line 53: 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 74: Line 77:
 
   text-decoration: none;
 
   text-decoration: none;
 
   display: block;
 
   display: block;
−
   font-family: 'Raleway', sans-serif;
+
   font-family: 'Montserrat', sans-serif;
 
}
 
}
  
Line 133: 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 140: 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 150: 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 160: 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 169: 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