Difference between revisions of "Template:Austin UTexas LASA"

 
(43 intermediate revisions by the same user not shown)
Line 1: Line 1:
  
 
<html>
 
<html>
−
 
  
 
<style>
 
<style>
  
−
ul {
+
.ul1 {
 
  list-style-type: none;
 
  list-style-type: none;
 
     margin: 0;
 
     margin: 0;
 
     padding: 0;
 
     padding: 0;
 
     overflow: hidden;
 
     overflow: hidden;
−
     background-color: purple;
+
     background-color: #333;
 
    
 
    
 
}
 
}
Line 27: Line 26:
 
margin: 0px;
 
margin: 0px;
 
padding: 0px;
 
padding: 0px;
−
font-size: 100%;
+
font-size: 110%;
 
}
 
}
 +
  
 
#header {
 
#header {
Line 37: Line 37:
  
  
−
#headerWrapper {
 
−
    position:fixed;
 
−
    top:0px;
 
−
    height: 75px;
 
−
    width:100%;
 
−
    background-color:#46494C;
 
−
    background-color: rgba(70, 73, 76, 0.95);
 
−
    z-index:30;
 
−
}
 
  
−
li {
+
.li2 {
 
     float: right;
 
     float: right;
 
}
 
}
  
−
li a, .dropbtn {
+
.li2 a, .dropbtn {
 
     display: inline-block;
 
     display: inline-block;
 
     color: #EFEFF7;
 
     color: #EFEFF7;
 
     text-align: center;
 
     text-align: center;
−
     padding: 20px 17px;
+
     padding: 20px 20px;
 
     text-decoration: none;
 
     text-decoration: none;
 
}
 
}
  
−
li a:hover, .dropdown:hover .dropbtn {
+
.li2 a:hover, .dropdown:hover .dropbtn {
 
     background-color: #7D5E7F;
 
     background-color: #7D5E7F;
 
}
 
}
  
−
li.dropdown {
+
.li2.dropdown {
 
     display: inline-block;
 
     display: inline-block;
 
}
 
}
Line 94: Line 85:
  
  
−
<img src="https://static.igem.org/mediawiki/parts/6/67/Austin_UTexas_LASA_logo.jpeg" alt="Lamp" width = “250” height=125”>
 
  
−
<ul>
+
 
−
   <li><a href="#home">Team</a></li>
+
<ul class="ul1">
−
   <li><a href="#news">Notebook</a></li>
+
   <li class="dropdown li2">
−
   <li class="dropdown">
+
    <a href="javascript:void(0)" class="dropbtn">Team</a>
 +
    <div class="dropdown-content">
 +
      <a href="#">Members</a>
 +
      <a href="#">Attribution</a>
 +
      <a href="#">Collaboration</a>
 +
<a href="#">Human Practices</a>
 +
    </div>
 +
  </li>
 +
   <li class = "li2"><a href="#news">Parts</a></li>
 +
<li class="dropdown li2">
 +
    <a href="javascript:void(0)" class="dropbtn">Experiment</a>
 +
    <div class="dropdown-content">
 +
      <a href="#">Notebook</a>
 +
      <a href="#">Safety</a>
 +
      <a href="#">Model</a>
 +
    </div>
 +
  </li>
 +
   <li class="dropdown li2">
 
     <a href="javascript:void(0)" class="dropbtn">Project</a>
 
     <a href="javascript:void(0)" class="dropbtn">Project</a>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
−
       <a href="#">Parts</a>
+
       <a href="#">Description</a><span onclick="google.com'">
−
       <a href="#">Description</a>
+
       <a href="#">Design</a>
−
       <a href="#">Other</a>
+
       <a href="#">Experimentation</a>
 
     </div>
 
     </div>
 
   </li>
 
   </li>
 
</ul>
 
</ul>
 +
  
  
 
</html>
 
</html>

Latest revision as of 02:08, 27 September 2017