Template:Team:UC Davis/Head

From 2014.igem.org

(Difference between revisions)
 
(208 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
     <head>  
+
     <head>
 +
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 +
 
 +
         <title> UC Davis iGEM 2014 </title>  
         <title> UC Davis iGEM 2014 </title>  
         <style>
         <style>
/* Random CSS */
/* Random CSS */
-
 
+
              body {background-color: rgb(249,245,200);}
               a.white:link {color:#FFF;}      /* unvisited link */
               a.white:link {color:#FFF;}      /* unvisited link */
               a.white:visited {color:#FFF;}  /* visited link */
               a.white:visited {color:#FFF;}  /* visited link */
Line 12: Line 15:
               a{color:#909090}
               a{color:#909090}
 +
              .brightlink {color:#00BA00 !important;
 +
                       
 +
              }
 +
              .centertext {text-align: center;
 +
              }
               a:visited{color:#909090}
               a:visited{color:#909090}
-
               p {border:none;}
+
               p {border:none;
 +
                color:rgba(255,255,255,1);
 +
                }
               .teampagetext {vertical-align:text-top; display:inline; width:740px; float:left;}
               .teampagetext {vertical-align:text-top; display:inline; width:740px; float:left;}
               h1 {border-color:white;  
               h1 {border-color:white;  
Line 26: Line 36:
               }
               }
               .banner {border-radius:4px;
               .banner {border-radius:4px;
-
                       background-color: rgba(210, 230, 240, .6);
+
                       background-color: rgba(255,255,255, .6);
               }
               }
 +
              .genpic { border-radius:4px;
 +
                      margin-right:20px;
 +
                      margin-bottom:20px;
 +
              }
 +
              .genpicfloatleft { border-radius:4px;
 +
                                margin-right:20px;
 +
                                margin-bottom:20px;
 +
                                float:left;
 +
              }
 +
              .genpicfloatright { border-radius:4px;
 +
                                  margin-left:20px;
 +
                                  float:right;
 +
                                  margin-bottom:20px;
 +
              }
 +
 +
              .horizontalCenteringDiv { float:left;
 +
                                        height:100%;
 +
              }
 +
 +
              img.pStatImage {
 +
                            width: 300px;
 +
                            float: left;
 +
                           
 +
                            top: 0; bottom: 0; left: 0; right: 0;
 +
                            margin: auto;
 +
              }
 +
               img.leftpic {margin-right:15px;
               img.leftpic {margin-right:15px;
                             float:left;
                             float:left;
Line 43: Line 80:
                              
                              
               }
               }
 +
              img.contactimage {
 +
                            width:100px;
 +
                            border-radius:5px;
 +
                            margin-right:10px;
 +
                            align:text-top;
 +
                            float:left;
 +
                            clear:both;
 +
              }
 +
              .clear {      clear:both;
 +
              }
/* END Random CSS */
/* END Random CSS */
 +
 +
/* Aaron - Main Containers */
 +
 +
table#eChemJulie {
 +
float:left;
 +
border-spacing: 0px;
 +
table-layout: fixed;
 +
width: 100%;
 +
vertical-align:top;
 +
text-align: left;
 +
margin: 10px;
 +
border: 2px solid black;
 +
color:#212f20;
 +
}
 +
 +
.partstable {float:center;
 +
            border:none;
 +
            padding:3px;
 +
            margin:20px;
 +
            color:#212f20;
 +
            margin-right:auto;
 +
            margin-left:auto;
 +
           
 +
}
 +
.partstable td {
 +
            padding: 5px;
 +
}
 +
 +
.mainTitleHeader {
 +
                    width:937px;
 +
                    float:left;
 +
                    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;
 +
                    background: rgba(168, 182, 120, .95);
 +
 +
}
 +
 +
.mainTitleHeader :first-child {color:#212f20;margin: 0px;font-size:140%;font-weight: bold;
 +
}
 +
 +
.mainContainer
 +
                  {width:97%;
 +
                  float:left;
 +
                  margin-top: 0px;
 +
                  margin-bottom: 0px;
 +
                  border-radius: 4px;
 +
                  padding: 15px 15px 15px 15px;
 +
                  font: sans-serif;
 +
                  font-size: 13px;
 +
                  color: #212f20;
 +
                  text-align:justify;
 +
              }
 +
.mainContainer p
 +
                  {color:#212f20;
 +
                  font-size:120%;
 +
              }
 +
 +
.mainContainerLeftPic
 +
                  {padding:10px;
 +
              }
 +
.mainContainerLeftPic img
 +
                  {float:left;margin-right:20px;margin-bottom:20px;
 +
              }
 +
 +
.mainContainerRightPic
 +
                  {padding:10px;
 +
              }
 +
.mainContainerRightPic img
 +
                  {float:right;margin-left:20px;margin-bottom:20px;
 +
              }
 +
.mainContainerCenterPic
 +
                  {padding:10px;float:center;margin:auto;
 +
              }
 +
.mainContainerCenterPic img
 +
                  {float:center;
 +
              }
 +
.mainContainerCenterTopPic
 +
                  {padding:10px;float:center;margin:auto;
 +
              }
 +
.mainContainerCenterTopPic img
 +
                  {float:right;margin-bottom:20px;margin-bottom:20px;
 +
              }
 +
 +
/* Aaron - Main Containers End */
 +
 +
 +
 +
 +
/*Begin James' Crap*/
 +
table#t01 {
 +
border-spacing: 0px;
 +
width: 100%;
 +
text-align: center;
 +
margin: 10px;
 +
border: 2px solid black;
 +
color:#212f20;
 +
}
 +
 +
table#t02 {
 +
border-spacing: 0px;
 +
width: 100%;
 +
text-align: left;
 +
margin: 10px;
 +
border: 2px solid black;
 +
color:#212f20;
 +
}
 +
 +
table#t03 {
 +
border-spacing: 0px;
 +
width: 50%;
 +
text-align: left;
 +
margin: 10px;
 +
padding: 3px;
 +
border: 2px solid black;
 +
color:#212f20;
 +
float:right;
 +
}
 +
 +
th{
 +
background-color: rgba(168,182,120,0.95);
 +
}
 +
 +
 +
/*END James' Crap*/
 +
/* Begin Databox styling*/
 +
        .databox {float:left;
 +
                  margin-top: 10px;
 +
                  border-radius: 4px;
 +
                  padding: 5px 15px 5px 15px;
 +
                  font:sans-serif;
 +
                  font-size:13px;
 +
                  color:rgba(225,225,225,.9);
 +
                  text-align:justify;
 +
                  background: rgba(168, 182, 120, .95);
 +
          }
 +
          .databox a {color:#000000;
 +
          }
 +
          .databox img {
 +
                  float:none;
 +
                  margin:0px 8px 0px 4px;
 +
          }
 +
/* Begin Databox styling*/
/* Begin floatbox styling*/
/* Begin floatbox styling*/
Line 51: Line 245:
                     width:707px;
                     width:707px;
                     float:left;
                     float:left;
-
                     background-color: rgba(77, 69, 49, 1);
+
                     background-color: rgba(0,0,0,.65);
                     margin-top: 10px;
                     margin-top: 10px;
                     border-radius: 4px;
                     border-radius: 4px;
Line 65: Line 259:
                     width:937px;
                     width:937px;
                     float:left;
                     float:left;
-
                     background-color: rgba(77, 69, 49, 1);
+
                     background-color: rgba(0,0,0,.65);
                     margin-top: 10px;
                     margin-top: 10px;
                     border-radius: 4px;
                     border-radius: 4px;
Line 112: Line 306:
                   text-align:justify;
                   text-align:justify;
               }
               }
 +
 +
.floatboxPotentiostat
 +
                  {width:97%;
 +
                  float:left;
 +
                  margin-top: 0px;
 +
                  margin-bottom: 0px;
 +
                  border-radius: 4px;
 +
                  padding: 15px 15px 15px 15px;
 +
                  font: sans-serif;
 +
                  font-size: 13px;
 +
                  color: #212f20;
 +
                  text-align:justify;
 +
              }
 +
.floatboxPotentiostat p
 +
                  {color:#212f20;
 +
                  font-size:120%;
 +
              }
 +
 +
.floatboxPotentiostatLeftPic
 +
                  {padding:10px;
 +
              }
 +
.floatboxPotentiostatLeftPic img
 +
                  {float:left;margin-right:20px;
 +
              }
 +
 +
.floatboxPotentiostatRightPic
 +
                  {padding:10px;
 +
              }
 +
.floatboxPotentiostatRightPic img
 +
                  {float:right;margin-left:20px;
 +
              }
 +
 +
.PotentiostatTextNewColors{vertical-align:text-top; display:inline; float:left;}
 +
.potentiostatLeftTab{float:left;}
 +
.potentiostatCenterTab{ margin-left: 80px; float:left;}
 +
.potentiostatRightTab{ margin-left: 80px; float:left;}
.floatbox2
.floatbox2
Line 127: Line 357:
               }
               }
/* End floatbox styling */
/* End floatbox styling */
 +
 +
/*Begin switchbox1*/
 +
             
 +
 +
 +
              .switchbox1 {
 +
                    width:32.64%;
 +
                    height:43px;
 +
                    text-decoration:none;
 +
                    border-radius:4px;
 +
                    border:none;
 +
                    float:left;
 +
                    margin-top:10px;
 +
                    position:relative;                                                           
 +
                    background-size: 316px 43px;
 +
              }   
 +
     
 +
              .switchbox1:nth-of-type(2) {
 +
                    margin:10px 10px 0px 10px;
 +
              }
 +
 +
              .switchbox1 span {
 +
                    position:absolute;
 +
                    top:0;
 +
                    left:0;
 +
                    width:316px;
 +
                    height:43px;
 +
                    background-size: 316px 43px;
 +
                    opacity:.80;
 +
                    -webkit-transition: opacity 0.5s;
 +
                    -moz-transition:    opacity 0.5s;
 +
                    -o-transition:      opacity 0.5s;
 +
                    border-radius:4px;
 +
                    background-color:rgba(0,0,0,.65);
 +
                   
 +
              }
 +
 +
              .switchbox1 span:hover {
 +
                    opacity:1;
 +
              }
 +
             
 +
              .switchbox1 h2 {
 +
                    text-decoration:none;
 +
                    border:none;
 +
                    text-align:center;
 +
              }
 +
             
 +
                   
 +
/*End switchbox1*/
 +
 +
/*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 */
/* Begin Nav CSS */
/* Begin Nav CSS */
Line 149: Line 571:
              /* Background & effects */
              /* Background & effects */
-
              background: #232323; /* Background for Internet Explorer 9 and older browsers */
+
              background: rgba(129, 142, 94, .95); /* Background for Internet Explorer 9 and older browsers */
               }
               }
Line 164: Line 586:
               /* The main navigation links */
               /* The main navigation links */
-
               .nav>li>a {
+
               .nav>li>a, .nav>li>p {
              /* Layout & positioning */
              /* Layout & positioning */
              display: block;
              display: block;
Line 197: Line 619:
               /* Chaning the background on hover */
               /* Chaning the background on hover */
-
               .nav>li>a:hover, .nav>li:hover>a {
+
               .nav>li>a:hover, .nav>li>p:hover .nav>li:hover>a {
              background: rgba(255, 255, 255, .9);
              background: rgba(255, 255, 255, .9);
              color: #000;
              color: #000;
               }
               }
-
               .nav>li:first-child a {
+
               .nav>li:first-child a, .nav>li:first-child p  {
              border-top-left-radius: 3px;
              border-top-left-radius: 3px;
               }
               }
Line 307: Line 729:
               /* The hover state of the links */
               /* The hover state of the links */
-
               .nav ul li:hover>a, .nav ul li>a:hover {
+
               .nav ul li:hover>a, .nav ul li>a:hover, .nav ul li:hover>p, .nav ul li>p:hover  {
              background: #c8c8c8; /*e7e7e7 */
              background: #c8c8c8; /*e7e7e7 */
              color: #000000;
              color: #000000;
Line 346: Line 768:
               /* 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(249,245,200);
-
                     background-image: url('https://static.igem.org/mediawiki/2013/8/85/UC_Davis_13_DNA-background.jpg');
+
                     background-image: url('https://static.igem.org/mediawiki/2014/2/21/UCD_2014_Picked-olives-ii-Recovered2-9.jpg');
                     background-size: 100%;
                     background-size: 100%;
                     background-repeat: no-repeat;
                     background-repeat: no-repeat;
Line 363: Line 785:
                     line-height: 1.5em;
                     line-height: 1.5em;
                     z-index: 2;
                     z-index: 2;
 +
                    background-color:transparent;
               }
               }
Line 370: Line 793:
               #bodyContent {
               #bodyContent {
-
                     background-image: url('http://biobm.com/images/DNA-background.jpg');
+
                     background-image: url('');
                     background-size: 100%;
                     background-size: 100%;
                     background-repeat: no-repeat;
                     background-repeat: no-repeat;
Line 376: Line 799:
                     font-family: arial, times;
                     font-family: arial, times;
                     width:100%;
                     width:100%;
-
                     color:#ffffff;
+
                     background-color:transparent;
               }
               }
Line 393: Line 816:
                     margin-right: auto;
                     margin-right: auto;
                     margin-bottom: 10px;
                     margin-bottom: 10px;
-
                     margin-top: 3px;
+
                     margin-top: 0px;
                     border-bottom: 20px;
                     border-bottom: 20px;
               }
               }
Line 416: Line 839:
               }
               }
</style>
</style>
 +
     </head>
     </head>
          
          
Line 423: Line 847:
                     <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 leftbookend rightbookend">
 
-
                    <a href="https://2014.igem.org/Team:UC_Davis/Team_Overview" style="font-size:13px;">Team</a>
 
-
                    <ul>
 
-
                            <li><a href="https://2014.igem.org/Team:UC_Davis/Team_Overview">Overview</a></li>
 
-
                            <li><a href="https://2014.igem.org/Team:UC_Davis/Bios">Bios</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>
 
-
        </li>
 
<li class="dropdown leftbookend rightbookend">
<li class="dropdown leftbookend rightbookend">
<a href="https://2014.igem.org/Team:UC_Davis/Project_Overview" style="font-size:13px;">Project</a>
<a href="https://2014.igem.org/Team:UC_Davis/Project_Overview" style="font-size:13px;">Project</a>
<ul>
<ul>
<li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview">Overview</a></li>
<li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview">Overview</a></li>
 +
                                <li><a href="/Team:UC_Davis/Protein_Engineering">Protein Engineering</a></li>
                                 <li><a href="/Team:UC_Davis/Potentiostat_Design">Potentiostat Design</a></li>
                                 <li><a href="/Team:UC_Davis/Potentiostat_Design">Potentiostat Design</a></li>
                                 <li><a href="/Team:UC_Davis/Electrochemistry">Electrochemistry</a></li>
                                 <li><a href="/Team:UC_Davis/Electrochemistry">Electrochemistry</a></li>
-
                                 <li><a href="/Team:UC_Davis/Protein_Engineering">Protein Engineering</a></li>
+
                                 <li><a href="/Team:UC_Davis/Signal_Processing">Signal Processing</a></li>
-
<li><a href='/Team:UC_Davis/Assembly'>Assembly</a></li>
+
                                <li><a href="/Team:UC_Davis/Criteria">Achievements</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>
 +
<li class="dropdown rightbookend">
 +
<a href="/Team:UC_Davis/Policy_Practices_Overview" style="font-size:13px;">Policy & Practices</a>
 +
<ul>
 +
<li><a href='/Team:UC_Davis/Policy_Practices_Overview'>Overview</a></li>
 +
<li><a href='/Team:UC_Davis/Olive_Mills'>Olive Mill Visits</a></li>
 +
<li><a href='/Team:UC_Davis/Public_Perception'>Public Perception</a></li>
 +
<li><a href='/Team:UC_Davis/Legislation'>Legislation</a></li>
 +
</ul>
 +
</li>
 +
      <li class="dropdown leftbookend rightbookend">
 +
                    <a href="https://2014.igem.org/Team:UC_Davis/Team_Overview" style="font-size:13px;">Acknowledgements</a>
 +
                    <ul>
 +
                            <li><a href="https://2014.igem.org/Team:UC_Davis/Team_Overview">Overview</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:UC_Davis/Bios">Bios</a></li>
 +
    <li><a href='/Team:UC_Davis/Contact'>Contact Us</a></li>
 +
                    <li><a href="https://igem.org/Team.cgi?id=1324">Official Team Profile</a></li>
 +
                    </ul>
 +
        </li>
<li class="dropdown leftbookend rightbookend">
<li class="dropdown leftbookend rightbookend">
-
<a href="/Team:UC_Davis/Data" style="font-size:13px;">Data</a>
+
                        <a href="/Team:UC_Davis/Safety" style="font-size:13px;">Safety</a>
-
                        <ul>
+
-
                        <li><a href="/Team:UC_Davis/Data">Testing Constructs</a></li>
+
-
<li><a href="/Team:UC_Davis/Potentiostat_Data">Potentiostat</a></li>
+
-
                        <li><a href="/Team:UC_Davis/Electrochemistry_Data">Electrochemistry</a></li>
+
-
                        <li><a href="/Team:UC_Davis/Protein_Engineering_Data">Protein Engineering</a></li>
+
-
                        </ul>
+
</li>
</li>
<li class="dropdown leftbookend rightbookend">
<li class="dropdown leftbookend rightbookend">
-
<a href='/Team:UC_Davis/Notebook_Overview' style="font-size:13px;">Notebook</a>
+
                        <a href="https://2014.igem.org/Main_Page" style="font-size:13px;">iGEM</a>
<ul>
<ul>
-
                                <li><a href="/Team:UC_Davis/Notebook">Notebook</a></li>
 
-
<li><a href="/Team:UC_Davis/Protocols">Protocols</a></li>
 
-
                                <li><a href="https://2014.igem.org/Team:UC_Davis/Gallery">Gallery</a></li>
 
-
                                <li><a href="https://2014.igem.org/Team:UC_Davis/Attributions">Attributions</a></li>
 
</ul>
</ul>
-
</li>
+
</li>
-
<li class="dropdown rightbookend">
+
-
<a href="/Team:UC_Davis/HumanPracticesOverview" style="font-size:13px;">Human Practices</a>
+
-
<ul>
+
-
<li><a href='/Team:UC_Davis/HumanPracticesOverview'>Overview</a></li>
+
-
<li><a href='/Team:UC_Davis/Outreach'>Outreach</a></li>
+
-
</ul>
+
-
</li>
+
</ul>
</ul>
     </body>
     </body>
</html>
</html>

Latest revision as of 02:33, 18 October 2014

UC Davis iGEM 2014

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