Template:Team:UC Davis/Head

From 2014.igem.org

(Difference between revisions)
 
(159 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>  
Line 7: Line 8:
/* 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 14: Line 15:
               a{color:#909090}
               a{color:#909090}
 +
              .brightlink {color:#00BA00 !important;
 +
                       
 +
              }
 +
              .centertext {text-align: center;
 +
              }
               a:visited{color:#909090}
               a:visited{color:#909090}
Line 33: Line 39:
               }
               }
               .genpic { border-radius:4px;
               .genpic { border-radius:4px;
-
                       margin-right:10px;
+
                       margin-right:20px;
-
                       margin-bottom:10px;
+
                       margin-bottom:20px;
               }
               }
               .genpicfloatleft { border-radius:4px;
               .genpicfloatleft { border-radius:4px;
-
                                 margin-right:10px;
+
                                 margin-right:20px;
-
                                 margin-bottom:10px;
+
                                 margin-bottom:20px;
                                 float:left;
                                 float:left;
               }
               }
               .genpicfloatright { border-radius:4px;
               .genpicfloatright { border-radius:4px;
-
                                   margin-left:10px;
+
                                   margin-left:20px;
                                   float:right;
                                   float:right;
-
                                   margin-bottom:10px;
+
                                   margin-bottom:20px;
               }
               }
   
   
-
               img.statSpecs {
+
              .horizontalCenteringDiv { float:left;
-
                             width: 960px;
+
                                        height:100%;
-
                           
+
              }
 +
 
 +
               img.pStatImage {
 +
                             width: 300px;
 +
                            float: left;
 +
                           
 +
                            top: 0; bottom: 0; left: 0; right: 0;
 +
                            margin: auto;
               }
               }
Line 75: Line 88:
                             clear:both;
                             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 146: Line 308:
.floatboxPotentiostat
.floatboxPotentiostat
-
                   {width:100%;
+
                   {width:97%;
                   float:left;
                   float:left;
-
                  background-color: #a8b678;
+
                   margin-top: 0px;
-
                   margin-top: 10px;
+
                   margin-bottom: 0px;
                   margin-bottom: 0px;
                   border-radius: 4px;
                   border-radius: 4px;
Line 158: Line 319:
                   text-align:justify;
                   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;}
.PotentiostatTextNewColors{vertical-align:text-top; display:inline; float:left;}
.potentiostatLeftTab{float:left;}
.potentiostatLeftTab{float:left;}
-
.potentiostatCenterTab{ margin-left: 40px; float:left;}
+
.potentiostatCenterTab{ margin-left: 80px; float:left;}
-
.potentiostatRightTab{ margin-left: 40px; }
+
.potentiostatRightTab{ margin-left: 80px; float:left;}
.floatbox2
.floatbox2
Line 177: 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 styling*/
Line 357: 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 390: 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 500: 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 539: 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/2014/2/21/UCD_2014_Picked-olives-ii-Recovered2-9.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%;
Line 587: 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 610: Line 839:
               }
               }
</style>
</style>
 +
     </head>
     </head>
          
          
Line 617: 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"