Template:Team:UC Davis/Head

From 2013.igem.org

(Difference between revisions)
 
(263 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
   <head>
   <head>
 +
     
-
       <style type="text/css">
+
       <!-- Head Scripts -->
 +
      <script src="https://2013.igem.org/wiki/skins/common/ajax.js?270"></script>
 +
      <script src="https://2013.igem.org/wiki/skins/common/mwsuggest.js?270"></script>
 +
      <script type="text/javascript" src="https://2013.igem.org/wiki/index.php? title=-    &amp;action=raw&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
 +
      <!-- jQuery Javascript -->
 +
      <script type="text/javascript"        src ="https://2013.igem.org/common/jquery-latest.min.js">
 +
      </script>
 +
      <!-- End head Scripts -->
 +
 
 +
<script>
 +
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 +
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 +
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 +
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 +
 
 +
  ga('create', 'UA-44427828-1', 'igem.org');
 +
  ga('send', 'pageview');
 +
 
 +
</script>
 +
 
 +
<style type="text/css">
               a.white:link {color:#FFF;}      /* unvisited link */
               a.white:link {color:#FFF;}      /* unvisited link */
Line 8: Line 29:
               a.white:hover {color:#FFF;}  /* mouse over link */
               a.white:hover {color:#FFF;}  /* mouse over link */
               a.white:active {color:#FFF;}  /* selected link */  
               a.white:active {color:#FFF;}  /* selected link */  
 +
 +
a{color:#909090}
 +
 +
a:visited{color:#909090}
.floatbox
.floatbox
Line 14: Line 39:
                     float:left;
                     float:left;
                     background-color: rgba(0,0,0,.65);
                     background-color: rgba(0,0,0,.65);
-
                     margin-top: 5px;
+
                     margin-top: 10px;
                     border-radius: 4px;
                     border-radius: 4px;
                     padding: 15px 15px 15px 15px;
                     padding: 15px 15px 15px 15px;
-
                     font: sans-serif;
+
                     font:sans-serif;
-
                     font-size: 13px;
+
                     font-size:13px;
-
                     color: rgba(225,225,225,.9);
+
                     color:rgba(225,225,225,.9);
 +
                    text-align:justify;
               }
               }
 +
 +
.floatboxwide
 +
              {
 +
                    width:937px;
 +
                    float:left;
 +
                    background-color: rgba(0,0,0,.65);
 +
                    margin-top: 10px;
 +
                    border-radius: 4px;
 +
                    padding: 15px 15px 15px 15px;
 +
                    font:sans-serif;
 +
                    font-size:13px;
 +
                    color:rgba(225,225,225,.9);
 +
                    text-align:justify;
 +
              }
 +
.floatboxleft
 +
              {
 +
                    width:102px;
 +
                    float:left;
 +
                    background-color: rgba(0,0,0,.65);
 +
                    border-radius: 4px;
 +
                    padding: 15px 15px 15px 15px;
 +
                    font:sans-serif;
 +
                    font-size:13px;
 +
                    color:rgba(225,225,225,.9);
 +
              }
 +
.floatprotocol
.floatprotocol
               {
               {
Line 26: Line 78:
                     float:left;
                     float:left;
                     background-color: rgba(0,0,0,.65);
                     background-color: rgba(0,0,0,.65);
-
                     margin-top: 5px;
+
                     margin-top: 10px;
                     border-radius: 4px;
                     border-radius: 4px;
                     padding: 15px 15px 15px 15px;
                     padding: 15px 15px 15px 15px;
Line 35: Line 87:
.floatbox1
.floatbox1
-
                   {width:677px;
+
                   {width:97%;
                   float:left;
                   float:left;
                   background-color: rgba(0,0,0,.4);
                   background-color: rgba(0,0,0,.4);
-
                   margin-top: 5px;
+
                   margin-top: 10px;
-
                   margin-bottom: 5px;
+
                   margin-bottom: 0px;
                   border-radius: 4px;
                   border-radius: 4px;
                   padding: 15px 15px 15px 15px;
                   padding: 15px 15px 15px 15px;
Line 45: Line 97:
                   font-size: 13px;
                   font-size: 13px;
                   color: rgba(225,225,225,1);
                   color: rgba(225,225,225,1);
 +
                  text-align:justify;
               }
               }
Line 50: Line 103:
                     {width:194px;
                     {width:194px;
                     float:right;
                     float:right;
-
                     background-color: rgba(0,0,0,.65);
+
                     background-color:rgba(0,0,0,.65);
-
                     margin-top: 5px;
+
                     margin-top:10px;
-
                     margin-bottom: 5px;
+
                     margin-bottom:0px;
-
                     border-radius: 4px;
+
                     border-radius:4px;
                     padding: 15px 15px 15px 15px;
                     padding: 15px 15px 15px 15px;
-
                     font: sans-serif;
+
                     font:sans-serif;
-
                     font-size: 13px;
+
                     font-size:11px;
-
                     color: rgba(225,225,225,.9);
+
                     color:#FFFFFF;
 +
                    text-align:justify;                           
               }
               }
Line 100: Line 154:
              width: 159.1px; /* 198 */
              width: 159.1px; /* 198 */
                       padding: 15px 0px;
                       padding: 15px 0px;
-
              border-right: 1px dotted #393939;
 
-
              border-left: 1px dotted #595959;
 
              /* Typography */
              /* Typography */
Line 119: Line 171:
              transition: background .35s linear;
              transition: background .35s linear;
               }
               }
 +
 +
              /* Centering dotted line dividers */
 +
              .leftbookend {
 +
                      border-right: 1px dotted #393939;
 +
              }
 +
             
 +
              .rightbookend {
 +
                      border-left: 1px dotted #595959;
 +
              } 
               /* Chaning the background on hover */
               /* Chaning the background on hover */
Line 161: Line 222:
               /* Making the level 1 submenu to appear on hover */
               /* Making the level 1 submenu to appear on hover */
               .nav>li:hover>ul {
               .nav>li:hover>ul {
-
              left: 1px;
+
              left: 0px;
               }
               }
Line 254: Line 315:
               .nav>li:last-child:hover>ul  
               .nav>li:last-child:hover>ul  
               {
               {
-
                     left: 1px;
+
                     left: 0px;
               }
               }
Line 267: Line 328:
               /* Hiding default wiki displays: Credits to TU-Delft and Groningen for the code! */
               /* Hiding default wiki displays: Credits to TU-Delft and Groningen for the code! */
               #globalWrapper {
               #globalWrapper {
-
                     background-color: rgba(255,255,255,1);
+
                     background-color: rgba(255, 255, 155, );
-
                     background-image: url('http://biobm.com/images/DNA-background.jpg');
+
                     background-image: url('https://static.igem.org/mediawiki/2013/8/85/UC_Davis_13_DNA-background.jpg');
                     background-size: 100%;
                     background-size: 100%;
                     background-repeat: no-repeat;
                     background-repeat: no-repeat;
                     background-attachment:fixed;
                     background-attachment:fixed;
                     font-family: arial, times;
                     font-family: arial, times;
 +
                 
               }
               }
               #content {
               #content {
                     position: relative;
                     position: relative;
-
                     width: 965px;
+
                     width: 967px;
                     padding: 0px 0px 0px 0px;
                     padding: 0px 0px 0px 0px;
-
                    background: white;
 
                     border: none;
                     border: none;
                     color: black;
                     color: black;
Line 293: Line 354:
                     background-image: url('http://biobm.com/images/DNA-background.jpg');
                     background-image: url('http://biobm.com/images/DNA-background.jpg');
                     background-size: 100%;
                     background-size: 100%;
 +
                    background-color: rgba(255, 255, 155, 1)
                     background-repeat: no-repeat;
                     background-repeat: no-repeat;
                     background-attachment:fixed;
                     background-attachment:fixed;
                     font-family: arial, times;
                     font-family: arial, times;
 +
                    width:100%;
 +
                    color:#ffffff;
               }
               }
Line 360: Line 424:
               p {border:none;}
               p {border:none;}
-
               h1 {border-color:white; color:white;}
+
              .teampagetext {vertical-align:text-top; display:inline; width:740px; float:left;}
 +
               h1 {border-color:white;  
 +
                  color:white;
 +
              }
 +
              h2 {color:white;}
 +
              h3 {margin-bottom:0px;
 +
                  font-size:140%;
 +
                  padding:0px;
 +
                  color:white;
 +
              }
               .banner {border-radius:4px;
               .banner {border-radius:4px;
-
                      margin-bottom:10px;
 
-
                      margin-top:10px;
 
               }
               }
 +
              img.leftpic {margin-right:15px;
 +
                            float:left;
 +
                            vertical-align:top;
 +
                            border-radius:4px;
 +
                            width:150px;
 +
                            border-collapse:separate;
 +
                           
 +
              }
 +
              img.rightpic {margin-left:15px;
 +
                            float:right;
 +
                            vertical-align:top;
 +
                            border-radius:4px;
 +
                            width:150px;
 +
                           
 +
              }
 +
             
 +
              #myleftbox .smallboxsite
 +
              {
 +
              width:707px;
 +
              float:left;
 +
              background-color:rgba(0,0,0,.65);
 +
              margin-top: 17px;
 +
              border-radius: 4px;
 +
              padding: 0px 15px 15px 15px;
 +
              font: sans-serif;
 +
              font-size: 13px;
 +
              line-height:1.5em;
 +
              color:black;
 +
              }
 +
              #myleftbox
 +
              {
 +
              position:relative;
 +
              bottom:0px;
 +
              width:707px;
 +
              float:left;
 +
              margin-top: 0px;
 +
              border-radius: 4px;
 +
              padding: 0px;
 +
              font: sans-serif;
 +
              font-size: 13px;
 +
              color: white;
 +
              } 
 +
 +
 +
/*sitemap styling*/
 +
 +
#sitemap1 {background:none;
 +
            width:100%;
 +
            }
 +
 +
#sitemap1 td {background:none;
 +
            vertical-align:top;
 +
            border: none;
 +
            min-width:80px;
 +
            }
 +
 +
#sitemap1 a:link {
 +
            color:#ffffff;
 +
            text-decoration:none;
 +
            }
 +
#sitemap1 a:visited {
 +
            color:#ffffff;
 +
            text-decoration:none;
 +
            }
 +
#sitemap1 a:hover {
 +
            color:#ffffff;
 +
            text-decoration:none;
 +
            }
 +
 +
/*end sitemap style*/
 +
 +
 +
/*showbox styling*/
 +
 +
      .showbox tr:first-child td { 
 +
          border-top: 1px;
 +
          padding-top: 1px
 +
      }
 +
      .showbox tr:last-child td {
 +
          border-bottom: 1px;
 +
          padding-bottom: 1px
 +
      }
 +
      .showbox tr td:first-child {
 +
          border-left: 1px;
 +
          padding-left: 1px;
 +
      }
 +
      .showbox tr td:last-child {
 +
          border-right: 1px;
 +
          padding-right: 1px;
 +
      }
 +
 +
      .showbox {
 +
          background:none;
 +
          color:#ffffff;
 +
          vertical-align:baseline;
 +
          border-collapse:collapse;
 +
          }
 +
      .showbox td {
 +
          background:none;
 +
          border:1px solid rgba(65,65,65,.64);
 +
          padding:10px;
 +
          width:50%;
 +
          }
 +
      .showbox p {
 +
          text-align:top;
 +
          color:#ffffff;
 +
          margin:0px;
 +
          }
 +
      .showbox img {
 +
          height:120px;
 +
          width:120px;
 +
          float:left;
 +
          border-radius:4px;
 +
          margin-right:10px;
 +
          }
 +
 +
      .showbox1 tr:first-child td { 
 +
          border-top: 1px;
 +
          padding-top: 1px;
 +
      }
 +
      .showbox1 tr:last-child td {
 +
          border-bottom: 1px;
 +
          padding-bottom: 1px
 +
      }
 +
      .showbox1 tr td:first-child {
 +
          border-left: 1px;
 +
          padding-left: 1px;
 +
      }
 +
      .showbox1 tr td:last-child {
 +
          border-right: 1px;
 +
          padding-right: 1px;
 +
      }
 +
 +
      .showbox1 {
 +
          background:none;
 +
          color:#ffffff;
 +
          vertical-align:baseline;
 +
          border-collapse:collapse;
 +
          }
 +
      .showbox1 td {
 +
          background:none;
 +
          border:1px solid rgba(65,65,65,.64);
 +
          padding:10px;
 +
          width:50%;
 +
          }
 +
      .showbox1 p {
 +
          text-align:top;
 +
          color:#ffffff;
 +
          margin:0px;
 +
          }
 +
      .showbox1 img {
 +
          height:120px;
 +
          width:120px;
 +
          float:left;
 +
          border-radius:4px;
 +
          margin-right:10px;
 +
          }
 +
 +
 +
      a:hover {
 +
          text-decoration:none;
 +
          }
 +
 +
  /*end showboxstyling */ 
 +
 +
  /*showboxwide styling*/
 +
 +
      .showboxwide tr:first-child td { 
 +
          border-top: 0px;
 +
          padding-top: 1px
 +
      }
 +
      .showboxwide tr:last-child td {
 +
          border-bottom: 0px;
 +
          padding-bottom: 1px
 +
      }
 +
      .showboxwide tr td:first-child {
 +
          border-left: 0px;
 +
          padding-left: 1px;
 +
      }
 +
      .showboxwide tr td:last-child {
 +
          border-right: 0px;
 +
          padding-right: 1px;
 +
      }
 +
 +
      .showboxwide {
 +
          background:none;
 +
          color:#ffffff;
 +
          vertical-align:baseline;
 +
          border-collapse:collapse;
 +
          }
 +
      .showboxwide td {
 +
          background:none;
 +
          border:1px solid rgba(65,65,65,.64);
 +
          padding:15px;
 +
          width:50%;
 +
          }
 +
      .showboxwide p {
 +
          text-align:top;
 +
          color:#ffffff;
 +
          margin:0px;
 +
          }
 +
      .showboxwide img {
 +
          height:120px;
 +
          width:120px;
 +
          float:left;
 +
          border-radius:4px;
 +
          margin-right:10px
 +
          }
 +
 +
      .showboxwide a:hover {
 +
          text-decoration:none;
 +
          }
 +
 +
  /*end showboxwide styling */     
 +
 +
    /* to center an image on a line by itself */
 +
    .centerimg{
 +
        display: block;
 +
        margin-left:auto;
 +
        margin-right:auto;
 +
        float:none;
 +
    }                 
 +
 +
    table.black{
 +
        background: none;
 +
        color:rgba(225,225,225,.9);}
 +
    table.black td{
 +
          border:1px solid rgba(65,65,65,.64);}
 +
 +
    .bold{font-weight:bolder;
 +
            font-size:14pt;}
 +
 +
/*  Begin Blur CSS  */
 +
.blur
 +
{
 +
filter: hue-rotate(0);
 +
-webkit-filter: hue-rotate(0);
 +
-moz-filter: hue-rotate(0);
 +
-o-filter: hue-rotate(0);
 +
-ms-filter: hue-rotate(0);
 +
}
 +
 +
.blur:hover
 +
{
 +
 +
 +
        filter: hue-rotate(180deg);
 +
-webkit-filter: hue-rotate(180deg);
 +
-moz-filter: hue-rotate(180deg);
 +
-o-filter: hue-rotate(180deg);
 +
-ms-filter: hue-rotate(180deg);
 +
}
 +
 +
/*End Blur CSS */
 +
 +
.genpic { border-radius:4px;
 +
          margin-right:10px;
 +
          margin-bottom:10px;
 +
          }
 +
 +
.genpicfloatleft
 +
        { border-radius:4px;
 +
          margin-right:10px;
 +
          margin-bottom:10px;
 +
          float:left;
 +
        }
 +
.genpicfloatright
 +
        { border-radius:4px;
 +
          margin-left:10px;
 +
          float:right;
 +
          margin-bottom:10px;
 +
        }
 +
.clear  {clear:both;}
 +
 +
                 
 +
/*begin parts table css*/
 +
.partstable
 +
        {width:700px;
 +
        }
 +
 +
/*end parts table css*/
 +
 +
/*back to top links*/
 +
a.to_top {float:right;
 +
            font-size:12pt;}
 +
 +
 +
</style>
 +
 +
 +
-
      </style>
 
</head>
</head>
<body>
<body>
-
 
+
<a id="top">
 +
</a>
       <ul class="nav">
       <ul class="nav">
-
               <li class="dropdown">
+
               <li class="dropdown leftbookend">
                     <a href="/Team:UC_Davis" style="font-size:13px;">Home</a>
                     <a href="/Team:UC_Davis" style="font-size:13px;">Home</a>
      </li>
      </li>
-
      <li class="dropdown">
+
      <li class="dropdown leftbookend rightbookend">
-
                     <a href="/Team:UC_Davis/Team" style="font-size:13px;">Team</a>
+
                     <a href="https://2013.igem.org/Team:UC_Davis/Team_Overview" style="font-size:13px;">Team</a>
                     <ul>
                     <ul>
-
                             <li><a href='/Team:UC_Davis/Team#Team'>Team Members</a></li>
+
                             <li><a href="https://2013.igem.org/Team:UC_Davis/Team_Overview">Overview</a></li>
-
                    <li><a href='/Team:UC_Davis/Advisors'>Advisors</a></li>
+
                            <li><a href="https://2013.igem.org/Team:UC_Davis/Bios">Bios</a></li>
-
    <li><a href='/Team:UC_Davis/Contact'>Contact</a></li>
+
    <li><a href='/Team:UC_Davis/Contact'>Contact Us</a></li>
 +
                    <li><a href="https://igem.org/Team.cgi?id=1212">Official Team Profile</a></li>
                     </ul>
                     </ul>
        </li>
        </li>
-
<li class="dropdown">
+
<li class="dropdown leftbookend rightbookend">
-
<a href="/Team:UC_Davis/Project" style="font-size:13px;">Project</a>
+
<a href="https://2013.igem.org/Team:UC_Davis/Project_Overview" style="font-size:13px;">Project</a>
<ul>
<ul>
-
<li><a href='/Team:UC_Davis/Project'>Overview</a></li>
+
<li><a href="https://2013.igem.org/Team:UC_Davis/Project_Overview">Overview</a></li>
 +
                                <li><a href="/Team:UC_Davis/Modeling">Modeling</a></li>
<li><a href='/Team:UC_Davis/Assembly'>Assembly</a></li>
<li><a href='/Team:UC_Davis/Assembly'>Assembly</a></li>
-
<li><a href='/Team:UC_Davis/KO3D'>KO3D </a></li>
 
<li><a href='/Team:UC_Davis/Parts'>Parts</a></li>
<li><a href='/Team:UC_Davis/Parts'>Parts</a></li>
 +
<li><a href='/Team:UC_Davis/Safety'>Safety</a></li>
</ul>
</ul>
 +
</li>
 +
<li class="dropdown leftbookend rightbookend">
 +
<a href="/Team:UC_Davis/Data" style="font-size:13px;">Data</a>
 +
                        <ul>
 +
                        <li><a href="/Team:UC_Davis/Data">Testing Constructs</a></li>
 +
<li><a href="/Team:UC_Davis/AndersonPromoters">Anderson Promoters</a></li>
 +
                        <li><a href="/Team:UC_Davis/AndersonPromoters2">Anderson II</a></li>
 +
                        </ul>
</li>
</li>
-
<li class="dropdown">
+
<li class="dropdown leftbookend rightbookend">
-
<a href="/Team:UC_Davis/Notebook" style="font-size:13px;">Notebook</a>
+
<a href='/Team:UC_Davis/Notebook_Overview' style="font-size:13px;">Notebook</a>
<ul>
<ul>
-
                                 <li><a href='/Team:UC_Davis/Notebook'>Notebook</a></li>
+
                                 <li><a href="/Team:UC_Davis/Notebook">Notebook</a></li>
-
<li><a href='/Team:UC_Davis/Safety'>Safety</a></li>
+
<li><a href="/Team:UC_Davis/Protocols">Protocols</a></li>
-
<li><a href='/Team:UC_Davis/Protocols'>Protocols</a></li>
+
                                <li><a href="https://2013.igem.org/Team:UC_Davis/Gallery">Gallery</a></li>
 +
                                <li><a href="https://2013.igem.org/Team:UC_Davis/Attributions">Attributions</a></li>
</ul>
</ul>
</li>
</li>
-
<li class="dropdown">
+
<li class="dropdown rightbookend">
-
<a href="#" style="font-size:13px;">Modeling</a>
+
-
<ul>
+
-
                                <li><a href='/Team:UC_Davis/Stochastic'>Stochastic</a></li>
+
-
<li><a href='/Team:UC_Davis/Deterministic'>Deterministic</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="dropdown">
+
<a href="/Team:UC_Davis/HumanPracticesOverview" style="font-size:13px;">Human Practices</a>
<a href="/Team:UC_Davis/HumanPracticesOverview" style="font-size:13px;">Human Practices</a>
<ul>
<ul>
<li><a href='/Team:UC_Davis/HumanPracticesOverview'>Overview</a></li>
<li><a href='/Team:UC_Davis/HumanPracticesOverview'>Overview</a></li>
<li><a href='/Team:UC_Davis/Outreach'>Outreach</a></li>
<li><a href='/Team:UC_Davis/Outreach'>Outreach</a></li>
 +
                                <li><a href='/Team:UC_Davis/Database'>The Depot</a></li>
</ul>
</ul>
</li>
</li>
Line 417: Line 784:
 +
 +
 +
<script>if (window.runOnloadHook) runOnloadHook();</script>
 +
 +
</body>
</html>
</html>

Latest revision as of 05:25, 8 September 2014

Retrieved from "http://2013.igem.org/Template:Team:UC_Davis/Head"