Team:UC Davis

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
{{CSS/Main}}
+
<!DOCTYPE html>
-
 
+
-
 
+
<html>
<html>
 +
    <head>
 +
        <title> UC Davis iGEM 2014 </title>
 +
        <style>
 +
        .nav, .nav ul {
 +
              margin: 0;
 +
                      margin-bottom: 10px;
 +
              padding: 0;
 +
              list-style: none;
 +
              line-height: 1;
 +
              z-index: 9999999;
 +
              }
-
<!--main content -->
+
              /* The top navigation menu */
-
<table width="70%" align="center">
+
              .nav {
-
 
+
              /* Layout & positioning */
-
 
+
              display: block;
-
<!--welcome box -->
+
              position: relative;
-
<tr>
+
              width: 967px; /*1000px*/
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
              height: 43px;
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
                      border-radius:4px;
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UC_Davis&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
<!-- end welcome box -->
+
-
<tr>
+
-
 
+
-
<!--navigation menu -->
+
-
<td align="center" colspan="3">
+
-
 
+
-
<table  width="100%">
+
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">
+
-
 
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:UC_Davis"style="color:#000000">Home </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:UC_Davis/Team"style="color:#000000"> Team </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=UC_Davis"style="color:#000000"> Official Team Profile </a></td>
+
-
 
+
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:UC_Davis/Project"style="color:#000000"> Project</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:UC_Davis/Parts"style="color:#000000"> Parts</a></td>
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
              /* Background & effects */
-
<a href="https://2014.igem.org/Team:UC_Davis/Modeling"style="color:#000000"> Modeling</a></td>
+
              background: #232323; /* Background for Internet Explorer 9 and older browsers */
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
              }
-
<a href="https://2014.igem.org/Team:UC_Davis/Notebook"style="color:#000000"> Notebook</a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
              /* The link containers */
-
<a href="https://2014.igem.org/Team:UC_Davis/Safety"style=" color:#000000"> Safety </a></td>
+
              .nav>li {
 +
              display: block;
 +
              float:left;
 +
              position: relative;
 +
              margin: 0;
 +
              padding: 0;
 +
 +
              }
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
              /* The main navigation links */
-
<a href="https://2014.igem.org/Team:UC_Davis/Attributions"style="color:#000000"> Attributions </a></td>
+
              .nav>li>a {
 +
              /* Layout & positioning */
 +
              display: block;
 +
              width: 159.1px; /* 198 */
 +
                      padding: 15px 0px;
 +
              /* Typography */
 +
              font-family: Arial, san-serif;
 +
              font-size: 20px;
 +
                    font-weight: normal;
 +
              text-decoration: none;
 +
              color: rgba(255, 255, 255, .9);
 +
              text-shadow: 0 1px 0 #2a2a2a;
 +
              text-align: center;
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
              /* Chaning the background on hover with a smooth transition */
-
</tr>
+
              -webkit-transition: background .35s linear;
-
</table>
+
              -moz-transition: background .35s linear;
 +
              -ms-transition: background .35s linear;
 +
              -o-transition: background .35s linear;
 +
              transition: background .35s linear;
 +
              }
-
<!--end navigation menu -->
+
              /* Centering dotted line dividers */
-
</tr>
+
              .leftbookend {
 +
                      border-right: 1px dotted #393939;
 +
              }
 +
             
 +
              .rightbookend {
 +
                      border-left: 1px dotted #595959;
 +
              } 
 +
              /* Chaning the background on hover */
 +
              .nav>li>a:hover, .nav>li:hover>a {
 +
              background: rgba(255, 255, 255, .9);
 +
              color: #000;
 +
              }
-
</tr>
+
              .nav>li:first-child a {
-
+
              border-top-left-radius: 3px;
 +
              }
 +
              .arrow:hover {
 +
                  -moz-transition-duration: 3000s;
 +
                  -ms-transition-duration: 3000s;
 +
                  -o-transition-duration: 3000s;
 +
                  -webkit-transition-duration: 3000s;
 +
                  transition-duration: 3000s;
 +
              }
-
</td>
 
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
              /* General styling for the submenus */
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
              .nav ul {
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
              display: block;
 +
              position: absolute;
 +
              left: -9999px;
 +
              text-align: center;
 +
              box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
 +
 +
              }
 +
              /* Level 1 submenus */
 +
              .nav>li>ul {
 +
              cursor: pointer;
 +
              padding-top: 0px;
 +
              z-index: 200;
 +
              top: 43px;
 +
              }
-
<!--requirements section -->
+
              /* Making the level 1 submenu to appear on hover */
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
              .nav>li:hover>ul {
-
<tr>
+
              left: 0px;
-
<td width="45%"  valign="top">
+
              }
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
 
-
<!-- Links to other team pages -->
+
              /* The submenu link containers */
-
<ul>
+
              .nav ul li {
-
<li><a href="https://2014.igem.org/Team:UC_Davis">Home</a> </li>
+
              position: relative;
-
<li><a href="https://2014.igem.org/Team:UC_Davis/Team">Team</a> </li>
+
              display: block;
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=UC_Davis">Official Team Profile</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:UC_Davis/Project">Project</a> </li>
+
              /* Creating the slide effect. The list elements which contain the links have 0 height. On hover, they will expand */
-
<li><a href="https://2014.igem.org/Team:UC_Davis/Parts">Parts</a> </li>
+
              height: 0px;
-
<li><a href="https://2014.igem.org/Team:UC_Davis/Modeling">Modeling</a> </li>
+
              -webkit-transition: height .2s;
-
<li><a href="https://2014.igem.org/Team:UC_Davis/Notebook">Notebook</a> </li>
+
              -moz-transition: height .2s;
-
<li><a href="https://2014.igem.org/Team:UC_Davis/Safety">Safety</a> </li>
+
              -o-transition: height .2s;
-
<li><a href="https://2014.igem.org/Team:UC_Davis/Attributions">Attributions</a> </li>
+
              -ms-transition: height .2s;
 +
              }
-
</ul>
+
              /* Expanding the list elements which contain the links */
 +
              .nav li:hover>ul>li {
 +
              height: 24px;
 +
              }
-
</td>
+
              .nav>li:hover>ul>li:first-child {
 +
              height: 27px;
 +
              }
-
<td > </td>
+
              .nav>li>ul>li:first-child>a {
-
<td width="45%">
+
              border-top: 3px solid #fff;
 +
              }
-
<p>There are a few wiki requirements teams must follow:</p>
+
              .nav>li>ul>li.dropdown:first-child>ul {
-
<ul>
+
                    top: 3px;
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li>
+
              }
-
<li>All pages must be created under the team’s name space.</li>
+
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
-
<li>Do not use flash in wiki code. </li>
+
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
-
</ul>
+
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
-
</td>
+
              /* The links of the submenus */
-
</tr>
+
              .nav ul li a {
 +
              /* Layout */
 +
              display: block;
 +
              width: 127px; /* 169 */
 +
              padding: 6px 12px 6px 20px;
 +
              /* Typography */
 +
              font-size: 13px;
 +
              color: #01406e;
 +
              font-family: Arial, san-serif;
 +
              text-decoration: none;
 +
              background: #f0f0f0;
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
              /* Every change to the links (background, color etc) will be made with a smooth transition */
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
              -webkit-transition: all .2s;
 +
              -moz-transition: all .2s;
 +
              -ms-transition: all .2s;
 +
              -o-transition: all .2s;
 +
              transition: all .2s;
 +
              }
 +
              .nav>li>ul>li:first-child>a::before {
 +
              content: "";
 +
              display: block;
 +
              position: absolute;
 +
              text-align: center;
 +
              width: 100%;
 +
              height: 12px;
 +
              background: transparent;
 +
              top: -8px;
 +
              left: 0;
 +
              z-index: 9999;
 +
              }
-
<!--tips  -->
+
              /* The hover state of the links */
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
              .nav ul li:hover>a, .nav ul li>a:hover {
 +
              background: #c8c8c8; /*e7e7e7 */
 +
              color: #000000;
 +
              }
-
<tr>
+
              /* Changing the color of the arrow on hover */
-
<td width="45%" valign="top">  
+
              .nav ul>.dropdown:hover>a::after, .nav ul>.dropdown>a:hover::after {
-
<p>We are currently working on providing teams with some easy to use design templates.
+
              border-left-color: #fff;
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
              }
-
<ul>
+
              .nav>li>ul>li  
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
              {
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
                      margin-bottom: 0
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
              }
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
-
</ul>
+
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a>  lists. </p>
 
-
</td>
 
-
<td> </td>
+
              .nav>li:first-child:hover>ul
-
<td width="45%">
+
              {
 +
                      left:0px;
 +
              }
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
              .nav>li:last-child:hover>ul
 +
              {
 +
                    left: 0px;
 +
              }
-
<ul>
+
              .tableCSS
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
              {
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
                    background-color:#ffffff;
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
                    width:1000px;
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li>
+
              }
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
      </style>
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
    </head>
-
<li>Have lots of fun! </li>
+
       
-
</ul>
+
    <body>
-
</br>
+
        <ul class="nav">
-
</td>
+
              <li class="dropdown leftbookend">
-
</tr>
+
                    <a href="/Team:UC_Davis" style="font-size:13px;">Home</a>
-
</table>
+
      </li>
 +
      <li class="dropdown leftbookend rightbookend">
 +
                    <a href="https://2013.igem.org/Team:UC_Davis/Team_Overview" style="font-size:13px;">Team</a>
 +
                    <ul>
 +
                            <li><a href="https://2013.igem.org/Team:UC_Davis/Team_Overview">Overview</a></li>
 +
                            <li><a href="https://2013.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">
 +
<a href="https://2013.igem.org/Team:UC_Davis/Project_Overview" style="font-size:13px;">Project</a>
 +
<ul>
 +
<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/Parts'>Parts</a></li>
 +
<li><a href='/Team:UC_Davis/Safety'>Safety</a></li>
 +
</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 class="dropdown leftbookend rightbookend">
 +
<a href='/Team:UC_Davis/Notebook_Overview' style="font-size:13px;">Notebook</a>
 +
<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://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>
 +
</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>
 +
                                <li><a href='/Team:UC_Davis/Database'>The Depot</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
    </body>
 +
</html>

Revision as of 22:52, 11 July 2014

<!DOCTYPE html> UC Davis iGEM 2014

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