Difference between revisions of "Template:UC Davis/header"

 
(92 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
 
+
<!DOCTYPE html>
 
<head>
 
<head>
−
<title>iGEM</title>
+
  <title>iGEM</title>
 
</head>
 
</head>
 
<style>
 
<style>
−
body {
+
  /*------------Get rid of iGEM stuff----------------------------------*/
−
background-color: #002855;
+
−
}
+
  
−
/*------------Get rid of iGEM stuff----------------------------------*/
+
  #home_logo,
 +
  #sideMenu {
 +
    display: none;
 +
  }
  
−
#home_logo,
+
  #sideMenu,
−
#sideMenu {
+
  #top_title,
−
display: none;
+
  .patrollink {
−
}
+
    display: none;
 +
  }
  
−
#sideMenu,
+
  #content {
−
#top_title,
+
    margin-left: 0px;
−
.patrollink {
+
    margin-top: -20px;
−
display: none;
+
    padding: 0px;
−
}
+
    width: 100%;
 +
  }
  
−
#content {
+
  /*-------------------------------------------------------------------*/
−
margin-left: 0px;
+
−
margin-top: -7px;
+
−
padding: 0px;
+
−
width: 100%;
+
−
}
+
  
−
/*-------------------------------------------------------------------*/
+
  /*----------------------Header Styling-------------------------*/
  
−
/*----Top Navigation Styling-----*/
+
  #topnav {
 +
  z-index: 1000;
 +
font-family: 'proxima-nova', sans-serif;
 +
font-size:8px;
 +
    display: flex;
 +
    justify-content: center;
 +
    align-items: center;
 +
    background-color: #002855;
 +
    list-style: none;
 +
    padding: 40px;
 +
    margin: 0;
 +
  }
  
−
#topnav {
+
  #topnav li,
−
display: table;
+
  a {
−
width: 100%;
+
    text-decoration: none;
−
background-color: #002855;
+
  }
−
margin: 0;
+
−
text-align: center;
+
−
white-space: nowrap;
+
−
}
+
  
−
#topnav li {
+
  #topnav .nav-item:visited {
−
display: table-cell;
+
    color: white;
−
text-decoration: none;
+
  }
−
display: inline-block;
+
−
line-height: 50px;
+
−
width: 220px;
+
−
}
+
  
−
#topnav a:visited {
+
  #topnav .b-dropdown-main:visited {
−
color: #abb2b8;
+
    color: #525b65;
−
}
+
  }
  
−
.dropdown-main,
+
  #topnav li:hover,
−
.nav-item {
+
  a:hover {
−
text-decoration: none;
+
    text-decoration: none;
−
font-size: 20px;
+
  }
−
color: #abb2b8;
+
−
/* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
+
−
}
+
  
−
.no-dropdown {
+
  .dropdown {
−
text-decoration: none;
+
    flex-grow: 1;
−
}
+
    max-width: 150px;
 +
    white-space: nowrap;
 +
    text-align: center;
 +
  }
  
−
.dropdown-content {
+
  .dropdown-main,
−
display: none;
+
  .nav-item {
−
position: absolute;
+
    font-size: 15px;
−
background-color: #f9f9f9;
+
    color: white;
−
min-width: 150px;
+
  }
−
margin-left: 30px;
+
 
−
     border-radius:7px;
+
  .dropdown-content {
−
}
+
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 200px;
 +
    border-radius: 4px;
 +
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
 +
    z-index: 1;
 +
  }
 +
 
 +
  .dropdown-content a {
 +
    float: none;
 +
    font-size: 14px;
 +
    color: #525b65;
 +
    padding: 12px 16px;
 +
    display: block;
 +
    text-align: left;
 +
  }
 +
 
 +
  .dropdown:hover .dropdown-content {
 +
    display: block;
 +
  }
  
−
.dropdown-content a {
 
−
color: #525b65;
 
−
padding: 6px 8px;
 
−
text-decoration: none;
 
−
display: block;
 
−
text-align: left;
 
−
    font-weight: bold; 
 
−
}
 
 
   .dropdown-content a:hover {
 
   .dropdown-content a:hover {
−
     color: black;
+
     color:#48fb47;
−
}
+
  }
−
.dropdown:hover .dropdown-content {
+
−
display: block;
+
−
text-decoration: none;
+
−
}
+
  
−
/*--------------------------------*/
+
  #navlogo {
 +
    flex-grow: 2;
 +
    max-width: 300px;
 +
  }
  
−
/*-----Styling the 3 logos-----*/
+
  .navlogo {
 +
    display: flex;
 +
    justify-content: center;
 +
    align-items: center;
 +
  }
  
−
.logos {
+
  .navlogo-img {
−
display: inline-block;
+
    width: 125px;
−
background-color: #002855;
+
    margin-left: -43px;
−
padding: 50px;
+
    margin-right: -35px;
−
}
+
    margin-bottom: -7px;
 +
  }
  
−
.banner {
+
  .logo-word {
−
background-color: #002855;
+
    text-decoration: none;
−
text-align: center;
+
    color: #d9a900;
−
margin-left: -50px;
+
    font-size: 30px;
−
white-space: nowrap;
+
    font-weight: normal;
−
}
+
  }
  
−
/*--------------------------------*/
+
  /*-----------Burger Menu Styling-------------*/
−
</style>
+
  
−
<body>
+
  #topnav .burger {
−
<div class="banner">
+
    display: none;
−
<div class="logos" style="background-color: #002855;">
+
    margin-right: 20px;
−
<a href="http://ucdavis.com"><img src="https://static.igem.org/mediawiki/2018/a/a5/T--UC_Davis--whitelogo.png" alt="uc davis logo" style="margin-left: auto;margin-right:auto;" width="264.6px" ; Padding: "0";></a>
+
    color: #d9a900;
−
</div>
+
    font-size: 22px;
 +
  }
  
−
<!--_____________Cenozoic logo_____________-->
+
  .burger-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    border-radius: 7px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
 +
    z-index: 1;
 +
    width: 200px;
 +
    margin-left: -185px;
  
−
<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="543.6px" ; Padding: "0";>
+
−
</div>
+
  
 +
  .b-dropdown-main {
 +
    font-weight: bold;
 +
    font-size: 15px;
 +
    color: #525b65;
 +
    padding: 12px 16px;
 +
    display: block;
 +
    text-align: left;
 +
    overflow: hidden;
 +
  }
  
−
<!--______________iGEM logo____________-->
+
  .b-dropdown-content {
 +
    display: none;
 +
    position: block;
 +
    color: #525b65;
 +
    padding: 12px;
 +
  }
  
−
<div class="logos" style="background-color: #002855">
+
  .b-dropdown-content a {
−
<a href="https://2018.igem.org"><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="201.6px" ; Padding: "0";></a>
+
    display: block;
−
</div>
+
    padding: 5px;
−
</div>
+
    color: #525b65;
 +
    font-weight: normal;
 +
    font-size: 14px;
  
−
<!--______________Top Navigation Bar_________________________-->
+
  }
−
<ul id="topnav">
+
 
−
<li class="dropdown"><a href="Project" class="dropdown-main">Project</a>
+
  #topnav .b-dropdown-content a:visited {
−
<div class="dropdown-content">
+
      color: #525b65;
−
<a href="#">Link 1</a>
+
    }
−
<a href="#">Link 2</a>
+
−
<a href="#">Link 3</a>
+
−
</div>
+
−
</li>
+
−
<li class="dropdown"><a href="Practices" class="dropdown-main">Practices</a>
+
−
<div class="dropdown-content">
+
−
<a href="#">Link 1</a>
+
−
<a href="#">Link 2</a>
+
−
<a href="#">Link 3</a>
+
−
</div>
+
−
</li>
+
−
<li class="dropdown"><a href="Tools" class="dropdown-main">Tools</a>
+
−
<div class="dropdown-content">
+
−
<a href="#">Link 1</a>
+
−
<a href="#">Link 2</a>
+
−
<a href="#">Link 3</a>
+
−
</div>
+
−
</li>
+
−
<li class="dropdown"><a href="Acknowledgements" class="dropdown-main">Acknowledgements</a>
+
−
<div class="dropdown-content">
+
−
<a href="#">Link 1</a>
+
−
<a href="#">Link 2</a>
+
−
<a href="#">Link 3</a>
+
−
</div>
+
−
</li>
+
−
<li class="no-dropdown"><a href="Safety" class="nav-item">Safety</a></li>
+
−
<li class="no-dropdown"><a href="iGEM" class="nav-item">iGEM</a></li>
+
−
</ul>
+
−
<!--_________________________________________________________-->
+
  
 +
  #topnav .b-dropdown:hover .b-dropdown-content {
 +
    display: block;
 +
  }
 +
 +
  #topnav .b-dropdown-content a:hover {
 +
    color:#525b65;
 +
  }
 +
 +
  input[type=checkbox] {
 +
    display: none;
 +
  }
 +
 +
  input[type=checkbox]:checked~.burger-content {
 +
    display: block;
 +
  }
 +
 +
  @media screen and (max-width:730px) {
 +
    #topnav li {
 +
      display: none;
 +
    }
 +
    #topnav {
 +
      justify-content: space-between;
 +
    }
 +
 +
    #topnav li.burger {
 +
      display: block;
 +
    }
 +
    #topnav li#navlogo {
 +
      display: block;
 +
      flex-grow: 0;
 +
    }
 +
  }
 +
</style>
 +
 +
<body>
 +
  <!--______________Top Navigation Bar_________________________-->
 +
  <ul id="topnav">
 +
    <li class="dropdown"><div class="dropdown-main">PROJECT</div>
 +
      <div class="dropdown-content">
 +
        <a href="https://2018.igem.org/Team:UC_Davis/Design">Design</a>
 +
<a href="https://2018.igem.org/Team:UC_Davis/Measurement">Measurement</a>
 +
        <a href="https://2018.igem.org/Team:UC_Davis/Demonstrate">Results</a>
 +
        <a href="https://2018.igem.org/Team:UC_Davis/Modeling">Modeling</a>
 +
        <a href="https://2018.igem.org/Team:UC_Davis/InterLab">InterLab</a>
 +
   
 +
      </div>
 +
    </li>
 +
    <li class="dropdown"><div class="dropdown-main">HUMAN PRACTICES</div>
 +
      <div class="dropdown-content">
 +
        <a href="https://2018.igem.org/Team:UC_Davis/Human_Practices">Integrating Human Practices</a>
 +
   
 +
        <a href="https://2018.igem.org/Team:UC_Davis/Education">Education & Outreach</a>
 +
      </div>
 +
    </li>
 +
    <li class="dropdown"><a href="https://2018.igem.org/Team:UC_Davis/Parts" class="nav-item" class="dropdown-main">PARTS</a>
 +
 
 +
    </li>
 +
    <li id="navlogo">
 +
      <a class="navlogo" href="https://2018.igem.org/Team:UC_Davis"><img src="https://static.igem.org/mediawiki/2018/7/73/T--UC_Davis--anchor.png" alt="DNA logo" class="navlogo-img"><b class="logo-word">Cenozoic</b></a>
 +
    </li>
 +
    <li class="dropdown"><div class="dropdown-main">LAB WORK</div>
 +
      <div class="dropdown-content">
 +
        <a href="https://2018.igem.org/Team:UC_Davis/Experiments">Experiments</a>
 +
        <a href="https://2018.igem.org/Team:UC_Davis/Notebook">Lab Notebook</a>
 +
  <a href="https://2018.igem.org/Team:UC_Davis/SupplementalMaterials">Supplementary Material</a>
 +
        <a href="https://2018.igem.org/Team:UC_Davis/Safety">Safety</a>
 +
      </div>
 +
    </li>
 +
    <li class="dropdown"><div class="nav-item">TEAM</div>
 +
      <div class="dropdown-content">
 +
        <a href="https://2018.igem.org/Team:UC_Davis/Team">Meet the Team</a>
 +
        <a href="https://2018.igem.org/Team:UC_Davis/Attributions">Attributions</a>
 +
        <a href="https://2018.igem.org/Team:UC_Davis/Sponsors">Sponsors</a>
 +
      </div>
 +
    </li>
 +
    <li class="dropdown"><div class="nav-item">ACHIEVEMENTS</div>
 +
      <div class="dropdown-content">
 +
        <a href="https://2018.igem.org/Team:UC_Davis/Medal_Requirements">Medal Requirements</a>
 +
<a href="https://2018.igem.org/Team:UC_Davis/Collaborations">Collaborations</a>
 +
       
 +
      </div>
 +
    </li>
  
 +
    <!--___________________________________Burger Menu____________________________________________-->
 +
    <li class="burger"><input type="checkbox" id="b-control"><label for="b-control">&#9776;</label>
 +
      <div class="burger-content">
 +
        <div class="b-dropdown"><div class="b-dropdown-main">Project</div>
 +
          <div class="b-dropdown-content">
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Design">Design</a>
 +
<a href="https://2018.igem.org/Team:UC_Davis/Measurement">Measurement</a>
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Demonstrate">Results</a>
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Modeling">Modeling</a>
 +
            <a href="https://2018.igem.org/Team:UC_Davis/InterLab">InterLab</a>
 +
           
 +
          </div>
 +
        </div>
 +
        <div class="b-dropdown"><div class="b-dropdown-main">Human Practices</div>
 +
          <div class="b-dropdown-content">
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Human_Practices">Integrating Human Practices</a>
 +
         
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Education">Education & Outreach</a>
 +
           
 +
          </div>
 +
        </div>
 +
        <div class="b-dropdown"><a href="https://2018.igem.org/Team:UC_Davis/Parts" class="b-dropdown-main">Parts</a>
 +
     
 +
          </div>
 +
        </div>
 +
        <div class="b-dropdown"><div class="b-dropdown-main">Lab Work</div>
 +
          <div class="b-dropdown-content">
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Experiments">Experiments</a>
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Notebook">Lab Notebook</a>
 +
<a href="https://2018.igem.org/Team:UC_Davis/SupplementalMaterials">Supplementary Material</a>
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Safety">Safety</a>
 +
          </div>
 +
        </div>
 +
        <div class="b-dropdown"><div class="b-dropdown-main">Team</div>
 +
          <div class="b-dropdown-content">
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Team">Meet the Team</a>
 +
            <a href="#">Advisors</a>
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Sponsors">Sposors</a>
 +
          </div>
 +
        </div>
 +
        <div class="b-dropdown"><div class="b-dropdown-main">Achievements</div>
 +
          <div class="b-dropdown-content">
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Medal_Requirements">Medal Requirements</a>
 +
<a href="https://2018.igem.org/Team:UC_Davis/Collaborations">Collaborations</a>
 +
         
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </li>
 +
  </ul>
 +
  <!--__________________________________________________________________________________________-->
  
−
<div class="Motivation Draft">
+
  <!--_________________________________________________________-->
−
<h1>Mammilian Cell Based Biosensor For Physiological Effects Of Toxins</h1>
+
<script>
−
<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,
+
$(document).ready(function() {
−
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 and
+
$("#HQ_page").attr('id','');
−
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 known causal
+
});
−
effect on human disease, and what set of policy changes can help improve public health.</p>
+
</script>
−
</div>
+
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 22:58, 17 October 2018

iGEM