Difference between revisions of "Team:CUNY Kingsborough/Header"

Line 61: Line 61:
 
<link rel="stylesheet" href="https://2018.igem.org/Team:CUNY_Kingsborough/style" type="text/css">
 
<link rel="stylesheet" href="https://2018.igem.org/Team:CUNY_Kingsborough/style" type="text/css">
 
<link rel="stylesheet" href="https://2018.igem.org/Team:CUNY_Kingsborough/style" type="text/css">
 
<link rel="stylesheet" href="https://2018.igem.org/Team:CUNY_Kingsborough/style" type="text/css">
 +
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 
<meta name= "viewport" content = "initial-scale=1.0, width= device-width" />
 
<meta name= "viewport" content = "initial-scale=1.0, width= device-width" />
 
</head>
 
</head>
Line 73: Line 74:
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<style>
 
<style>
 +
a, a:hover, a:visited {
 +
    color: white;
 +
    text-decoration: none;
 +
}
 +
 
.dropbtn {
 
.dropbtn {
−
     background-color: #4CAF50;
+
    border: none;
 +
     background-color: #158BED;
 
     color: white;
 
     color: white;
 
     padding: 16px;
 
     padding: 16px;
 
     font-size: 16px;
 
     font-size: 16px;
−
     border: none;
+
     transition: all 0.5s;
 +
    cursor: pointer;
 
}
 
}
  
Line 89: Line 97:
 
     display: none;
 
     display: none;
 
     position: absolute;
 
     position: absolute;
−
     background-color: #f1f1f1;
+
     background-color: #98BCFF;
 
     min-width: 160px;
 
     min-width: 160px;
 
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
Line 96: Line 104:
  
 
.dropdown-content a {
 
.dropdown-content a {
 +
    border-bottom-style: solid;
 +
    border-color: white;
 +
    border-width: 1px;
 
     color: black;
 
     color: black;
 +
    font-size: 14px;
 
     padding: 12px 16px;
 
     padding: 12px 16px;
 
     text-decoration: none;
 
     text-decoration: none;
Line 102: Line 114:
 
}
 
}
  
−
.dropdown-content a:hover {background-color: #ddd}
+
.dropdown-content a:hover {
 +
    background-color: #AAD0FF
 +
}
  
 
.dropdown:hover .dropdown-content {
 
.dropdown:hover .dropdown-content {
Line 109: Line 123:
  
 
.dropdown:hover .dropbtn {
 
.dropdown:hover .dropbtn {
−
     background-color: #3e8e41;
+
     background-color: #1457BB;
 
}
 
}
 +
 
</style>
 
</style>
 
</head>
 
</head>
 
<body>
 
<body>
  
 +
<center>
 
<div class="dropdown">
 
<div class="dropdown">
−
   <button class="dropbtn">Home</button>
+
   <button class="dropbtn w3-btn w3-round-xxlarge">Team</button>
−
  <div class="dropdown-content">
+
−
    <a href="https://2018.igem.org/Team:CUNY_Kingsborough">Home</a>
+
−
 
+
−
  </div>
+
−
</div>
+
−
 
+
−
<div class="dropdown">
+
−
  <button class="dropbtn">Team</button>
+
 
   <div class="dropdown-content">
 
   <div class="dropdown-content">
 
     <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Team">Team Members</a>
 
     <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Team">Team Members</a>
Line 130: Line 138:
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
 
<div class="dropdown">
 
<div class="dropdown">
−
   <button class="dropbtn">Project</button>
+
   <button class="dropbtn w3-btn w3-round-xxlarge">Project</button>
 
   <div class="dropdown-content">
 
   <div class="dropdown-content">
 
     <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Description">Description</a>
 
     <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Description">Description</a>
 
     <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Design">Design</a>
 
     <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Design">Design</a>
−
    <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Experiments">Experiments</a>
 
−
    <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Notebook">Notebook</a>
 
−
    <a href="https://2018.igem.org/Team:CUNY_Kingsborough/InterLab">InterLab</a>
 
 
     <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Model">Model</a>
 
     <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Model">Model</a>
 
       <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Results">Results</a>
 
       <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Results">Results</a>
−
      <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Demonstrate">Demonstrate</a>
 
 
       <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Improve">Improve</a>
 
       <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Improve">Improve</a>
 
         <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Attributions">Attributions</a>
 
         <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Attributions">Attributions</a>
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
 +
<div class="dropdown">
 +
  <button class="dropbtn w3-btn w3-round-xxlarge">Human Practices</button>
 +
  <div class="dropdown-content">
 +
    <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Human_Practices">Human Practices</a>
 +
    <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Public_Engagement">Public Engagement</a>
 +
  </div>
 +
</div>
 +
 +
<a href="https://2018.igem.org/Team:CUNY_Kingsborough" class="image-link">
 +
  <img src="https://static.igem.org/mediawiki/2018/0/0e/T--CUNY_Kingsborough--2018Logo.jpeg" width="120px">
 +
</a>
 +
 
<div class="dropdown">
 
<div class="dropdown">
−
   <button class="dropbtn">Parts</button>
+
   <button class="dropbtn w3-btn w3-round-xxlarge">Parts</button>
 
   <div class="dropdown-content">
 
   <div class="dropdown-content">
 
     <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Parts">Parts</a>
 
     <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Parts">Parts</a>
Line 154: Line 172:
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
 
<div class="dropdown">
 
<div class="dropdown">
−
   <button class="dropbtn">Safety</button>
+
   <button class="dropbtn w3-btn w3-round-xxlarge"><a href="https://2018.igem.org/Team:CUNY_Kingsborough/Safety">Safety</a></button>
−
  <div class="dropdown-content">
+
−
    <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Safety">Safety</a>
+
−
 
+
−
  </div>
+
 
</div>
 
</div>
 +
 
<div class="dropdown">
 
<div class="dropdown">
−
   <button class="dropbtn">Human Practices</button>
+
   <button class="dropbtn w3-btn w3-round-xxlarge"><a href="https://igem.org/2018_Judging_Form?team=CUNY_Kingsborough">Judging Form</a></button>
−
  <div class="dropdown-content">
+
−
    <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Human_Practices">Human Practices</a>
+
−
    <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Public_Engagement">Public Engagement</a>
+
−
  </div>
+
 
</div>
 
</div>
−
<div class="dropdown">
 
−
  <button class="dropbtn">Awards</button>
 
−
  <div class="dropdown-content">
 
−
    <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Applied_Design">Applied Design</a>
 
−
    <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Entrepreneurship">Entrepreneurship</a>
 
−
    <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Hardware">Hardware</a>
 
−
    <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Measurement">Measurement</a>
 
−
    <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Model">Model</a>
 
−
      <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Plant">Plant</a>
 
−
      <a href="https://2018.igem.org/Team:CUNY_Kingsborough/Software">Software</a>
 
  
−
  </div>
+
</center>
−
</div>
+
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 20:44, 6 October 2018