Difference between revisions of "Team:UC Davis/AchalaTestPage"

(Blanked the page)
 
(88 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
 
<head>
 
<title>iGEM</title>
 
</head>
 
<style>
 
  body {background-color:#002855; }
 
  /*------------Get rid of iGEM stuff----------------------------------*/
 
#home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 
  /*-------------------------------------------------------------------*/
 
  
  /*----Top Navigation Styling-----*/
 
  #topnav {
 
    display: table;
 
    width: 100%;
 
    background-color: #002855;
 
    margin-left: 0px;
 
    margin-top: 0px;
 
   
 
}
 
 
  .topnav li {
 
    display: table-cell;
 
    width: 16.666666667%;
 
    line-height: 50px;
 
    text-align: center;
 
}
 
  .topnav a {
 
    text-decoration: none;
 
    font-size: 16px;
 
    color: white;
 
    white-space: nowrap;
 
  }
 
  .topnav li a {
 
    display: block;
 
  }
 
  /*--------------------------------*/
 
  /* The dropdown container */
 
  .dropdown {
 
    float: left;
 
    overflow: hidden;
 
  }
 
 
  /* Dropdown button */
 
  .dropdown .dropbtn {
 
    font-size: 20px;
 
    border: none;
 
    outline: none;
 
    color: white;
 
    padding: 14px 16px;
 
    background-color: inherit;
 
    font-family: inherit; /* Important for vertical align on mobile phones */
 
    margin: 0; /* Important for vertical align on mobile phones */
 
  }
 
/* Adds navy blue color to backgroup to navbar links
 
#topnav li a:hover, .dropdown:hover .dropbtn {
 
  background-color: #123b68;
 
}*/
 
  /* Dropdown content (hidden by default) */
 
.dropdown-content {
 
  display: none;
 
  position: absolute;
 
  background-color: #eff1f2;
 
  min-width: 160px;
 
  border-radius: 8px;
 
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
  z-index: 1;
 
}
 
 
/* Links inside the dropdown */
 
.dropdown-content a {
 
  float: none;
 
  color: black;
 
  padding: 12px 16px;
 
  text-decoration: none;
 
  display: block;
 
  text-align: left;
 
}
 
 
/* Add a grey background color to dropdown links on hover */
 
.dropdown-content a:hover {
 
  background-color: #ddd;
 
}
 
 
/* Show the dropdown menu on hover */
 
.dropdown:hover .dropdown-content {
 
  display: block;
 
}
 
 
  /*--------------------------------*/
 
  /*Image alignment*/
 
.logos {
 
  display: inline-block;
 
}
 
.content {
 
    max-width: 963px;
 
    margin: auto;
 
    white-space: nowrap;
 
}
 
</style>
 
<body>
 
  <div class="content">
 
    <!-- Page content -->
 
  <!--______________UC Davis logo____________-->
 
 
    <div class="logos" style="background-color: #002855;">
 
      <img
 
      src="https://static.igem.org/mediawiki/2018/4/40/T--UC_Davis--UC_Davis_Logo.png"
 
      alt="uc davis logo"
 
      style="margin-left: auto;margin-right:auto;"
 
      width="147px";
 
      height="25px";
 
      Padding: "0";>
 
    </div>
 
 
    <!--_____________Cenozoic logo_____________-->
 
 
    <div class="logos" style="background-color: #002855">
 
      <a href="https://2018.igem.org/Team:UC_Davis">
 
      <img src="https://static.igem.org/mediawiki/2018/1/1b/T--UC_Davis--DNA_refined.png" alt="Cenozoic logo" style="margin-left: auto;margin-right: auto;"width="301px"; height="301px"; Padding: "0";>
 
    </div>
 
 
 
    <!--______________iGEM logo____________-->
 
 
    <div class="logos" style="background-color: #002855">
 
      <img src="https://static.igem.org/mediawiki/2018/2/2b/T--UC_Davis--iGEM.png" alt="uc davis logo" style="margin-left: auto;margin-right: auto; "width="112px"; height="90px";Padding: "0";>
 
    </div>
 
 
 
 
 
 
  <!--______________Top Navigation Bar____________-->
 
  <ul id="topnav">
 
    <div class="topnav">
 
        <!--______________Project____________-->
 
      <div class="dropdown">
 
    <button class="dropbtn">Project</button>
 
    <div class="dropdown-content">
 
      <a href="#">Link 1</a>
 
      <a href="#">Link 2</a>
 
      <a href="#">Link 3</a>
 
    </div>
 
</div>
 
</div>
 
  <!--______________Human Resources____________-->
 
<div class="dropdown">
 
<button class="dropbtn">Human Resources</button>
 
<div class="dropdown-content">
 
<a href="#">Link 1</a>
 
<a href="#">Link 2</a>
 
<a href="#">Link 3</a>
 
</div>
 
</div>
 
  <!--______________Tools____________-->
 
  <div class="dropdown">
 
  <button class="dropbtn">Tools</button>
 
  <div class="dropdown-content">
 
  <a href="#">Link 1</a>
 
  <a href="#">Link 2</a>
 
  <a href="#">Link 3</a>
 
  </div>
 
  </div>
 
      <!--______________Safety____________-->
 
      <div class="dropdown">
 
      <button class="dropbtn">Safety</button>
 
      <div class="dropdown-content">
 
      <a href="#">Link 1</a>
 
      <a href="#">Link 2</a>
 
      <a href="#">Link 3</a>
 
      </div>
 
      </div>
 
      <!--______________Acknowledgements____________-->
 
      <div class="dropdown">
 
      <button class="dropbtn">Acknowledgements</button>
 
      <div class="dropdown-content">
 
      <a href="#">Link 1</a>
 
      <a href="#">Link 2</a>
 
      <a href="#">Link 3</a>
 
      </div>
 
      </div>
 
      <!--______________iGEM____________-->
 
      <div class="dropdown">
 
      <button class="dropbtn">iGEM</button>
 
      </div>
 
</ul>
 
</div>
 
</body>
 
</html>
 

Latest revision as of 21:28, 17 October 2018