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

Line 1: Line 1:
 
<html>
 
<html>
−
 
 
<head>
 
<head>
−
  <title>iGEM</title>
+
<title>iGEM</title>
 
</head>
 
</head>
 
<style>
 
<style>
−
   body {
+
   body {background-color:#002855; margin:50px; background-color: #002855; max-width: 963px;}
−
    background-color: #002855;
+
−
  }
+
−
 
+
 
   /*------------Get rid of iGEM stuff----------------------------------*/
 
   /*------------Get rid of iGEM stuff----------------------------------*/
−
 
+
#home_logo, #sideMenu { display:none; }
−
  #home_logo,
+
#sideMenu, #top_title, .patrollink {display:none;}
−
  #sideMenu {
+
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
−
    display: none;
+
−
  }
+
−
 
+
−
  #sideMenu,
+
−
  #top_title,
+
−
  .patrollink {
+
−
    display: none;
+
−
  }
+
−
 
+
−
  #content {
+
−
    margin-left: 0px;
+
−
    margin-top: -7px;
+
−
    padding: 0px;
+
−
    width: 100%;
+
−
  }
+
−
 
+
 
   /*-------------------------------------------------------------------*/
 
   /*-------------------------------------------------------------------*/
  
 
   /*----Top Navigation Styling-----*/
 
   /*----Top Navigation Styling-----*/
−
 
 
   #topnav {
 
   #topnav {
 
     display: table;
 
     display: table;
 
     width: 100%;
 
     width: 100%;
 
     background-color: #002855;
 
     background-color: #002855;
−
     margin-left: 0px;
+
     white-space: nowrap;
−
     margin-top: 0px;
+
     margin-left: 14%;
−
  }
+
 
 +
}
  
−
   #topnav li {
+
   .topnav li {
 
     display: table-cell;
 
     display: table-cell;
−
    text-decoration: none;
 
−
 
 
     width: 16.666666667%;
 
     width: 16.666666667%;
 
     line-height: 50px;
 
     line-height: 50px;
 
     text-align: center;
 
     text-align: center;
−
  }
+
}
−
 
+
   .topnav a {
−
   #topnav a {
+
 
     text-decoration: none;
 
     text-decoration: none;
−
     font-size: 20px;
+
     font-size: 16px;
 
     color: white;
 
     color: white;
−
     padding: 7px 20px;
+
     white-space: nowrap;
 
   }
 
   }
−
 
+
   .topnav li a {
−
   #topnav li {
+
 
     display: block;
 
     display: block;
 +
  }
 +
  /*--------------------------------*/
 +
  /* The dropdown container */
 +
  .dropdown {
 
     float: left;
 
     float: left;
 +
    overflow: hidden;
 
   }
 
   }
  
−
   #topnav li a:hover {
+
   /* Dropdown button */
−
     background-color: #123b68;
+
  .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;
 +
  background-color: #002855;
 +
  margin-left: 14%;
  
−
  .logos {
+
 
−
     display: inline-block;
+
}
−
     background-color: #002855;
+
.content {
−
     margin-left: 14%;
+
     margin: auto;
−
  }
+
     background-color:#002855;
−
  .boop {
+
     white-space: nowrap;
−
    margin:auto;
+
}
−
    background-color: #002855;
+
−
  }
+
 
</style>
 
</style>
 +
<body >
 +
  <div class="content">
 +
    <!-- Page content -->
 +
  <!--______________UC Davis logo____________-->
  
−
<body>
+
    <div class="logos" style="background-color: #002855;">
−
<div class="boop">
+
      <img
−
  <div class="logos" style="background-color: #002855;">
+
      src="https://static.igem.org/mediawiki/2018/a/a5/T--UC_Davis--whitelogo.png"
−
    <img
+
      alt="uc davis logo"
−
    src="https://static.igem.org/mediawiki/2018/a/a5/T--UC_Davis--whitelogo.png"
+
      style="margin-left: auto;margin-right:auto;"
−
    alt="uc davis logo"
+
      width="147px";
−
    style="margin-left: auto;margin-right:auto;"
+
      Padding: "0";>
−
    width="147px";
+
    </div>
−
    height="25px";
+
−
    Padding: "0";>
+
−
  </div>
+
  
−
  <!--_____________Cenozoic logo_____________-->
+
    <!--_____________Cenozoic logo_____________-->
  
−
  <div class="logos" style="background-color: #002855">
+
    <div class="logos" style="background-color: #002855">
−
    <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";>
+
      <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>
+
    </div>
  
  
−
  <!--______________iGEM logo____________-->
+
    <!--______________iGEM logo____________-->
  
−
  <div class="logos" style="background-color: #002855">
+
    <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";>
+
      <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>
+
    </div>
−
</div>
+
−
 
+
−
  <!--______________Top Navigation Bar_________________________-->
+
−
  <ul id="topnav">
+
−
    <li><a href="Project">Project</a></li>
+
−
    <li><a href="Human_Practices">Human Practices</a></li>
+
−
    <li><a href="Tools">Tools</a></li>
+
−
    <li><a href="Safety">Safety</a></li>
+
−
    <li><a href="Acknowledgements">Acknowledgements</a></li>
+
−
    <li><a href="iGEM">iGEM</a></li>
+
−
  </ul>
+
−
  <!--_________________________________________________________-->
+
  
  
  
  
 +
  <!--______________Top Navigation Bar____________-->
 +
  <ul id="topnav">
  
−
 
+
        <!--______________Project____________-->
−
  <div class="Motivation Draft">
+
        <div class="dropdown">
−
    <h1>Mammilian Cell Based Biosensor For Physiological Effects Of Toxins</h1>
+
        <button class="dropbtn">Project</button>
−
    <p>After visiting the Yurok Tribe, it became clear that to have a real positive impact regarding their problems with pollution and health, it would be necessary to draw a clear narrative between sources of pollution, a specific toxin in the environment,
+
        <div class="dropdown-content">
−
      a high quality field test, a causal effect on human health, and a specific policy change. Polluters –> Environment (Field Test) –> Human Disease –> Policy Change –| Polluters For best outcomes, every link in this chain needs to be well documented
+
        <a href="#">Link 1</a>
−
      and backed by substantial evidence/data. It needs to be clear which organizations are responsible for introducing which toxins into the environment, that they are present in meaningful concentrations in the environment, that these toxins have a
+
        <a href="#">Link 2</a>
−
      known causal effect on human disease, and what set of policy changes can help improve public health.</p>
+
        <a href="#">Link 3</a>
 +
        </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>
 +
  </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>
 
</body>
−
 
 
</html>
 
</html>

Revision as of 22:42, 25 July 2018

iGEM

uc davis logo
Cenozoic logo
uc davis logo