Template:Team:UW/CSS

From 2014.igem.org

(Difference between revisions)
 
(144 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
 +
 +
<!--    -->
 +
<!-- CSS -->
 +
<!--    -->
 +
<style type="text/css">
<style type="text/css">
 +
  /*-- hides default wiki settings --*/
 +
  #contentSub, #footer-box, #catlinks, #search-controls,#p-logo, .printfooter, .visualClear {display: none;}
-
.firstHeading {                                                   /* Gets rid of the default iGEM picture*/
+
  .firstHeading {
     height:2px;
     height:2px;
     visibility:hidden;
     visibility:hidden;
-
}
+
  }
-
#contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
-
.topWikiNavBackground {
+
  h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
-
    height:18px;
+
-
    margin-top: -32px;
+
-
    background-color:transparent;
+
-
}
+
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
  /*-- styling for default menu bar (edit, page, history, etc.) --*/
-
width: 100%;  
+
  #top-section {
-
height: 100%;
+
    background-color: #383838;
-
border: 0px;
+
    border: 0 none;
-
background-color: transparent;
+
    height: 14px;
-
margin: 0px;
+
    z-index: 100;
-
padding: 0px;
+
    top: 0;
-
}
+
    position: fixed;
 +
    width: 975px;
 +
    left: 50%;
 +
    margin-left: -487px;
 +
  }
-
html, body, .wrapper { /*-- changes default wiki settings --*/
+
  /*-- styling for default menu bar links (edit, page, history, etc.) --*/
-
width: 100%;
+
  #menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover {
-
height: 100%;
+
    color: #727272;
-
background-color: transparent;
+
    text-decoration: none;
-
}
+
    background-color: transparent;
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
  }
-
border: 0 none;
+
-
height: 14px;
+
-
z-index: 100;
+
-
top: 0;
+
-
position: fixed;
+
-
width: 975px;  
+
-
left: 50%;
+
-
margin-left: -487px;
+
-
        background-color: transparent;  
+
-
}
+
-
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
+
  body {
-
        background-color:transparent;
+
    background-color: #fff;
-
        height: 14px;
+
  }
-
display: block;
+
-
z-index: 10;
+
-
position: fixed;
+
-
width:100%;
+
-
top: 0;
+
-
}
+
-
#menubar a:link, #menubar a:visited  { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
+
  /*-- changes default wiki settings --*/
-
        color:#FFF;
+
  #globalWrapper, #content {
-
text-decoration: none;  
+
    width: 100%;
-
background-color: transparent;
+
    height: 100%;
-
}
+
    border: 10px;
 +
    background-color: transparent;
 +
    margin: 0px;
 +
    padding: 0px;
 +
  }
-
#menubar a:active, #menubar a:hover
+
  /*-- changes default wiki settings --*/
-
{
+
  html, body, .wrapper {
-
        color:#FFF;
+
    width: 100%;
-
text-decoration: underline;
+
    height: 100%;
-
        background-color:transparent;
+
    background: File:Washington_background.JPG no-repeat center center fixed;
-
}
+
    -webkit-background-size: cover;
-
* {
+
    -moz-background-size: cover;
-
margin: 0;
+
    -o-background-size: cover;
-
padding: 0;
+
    background-size: cover;
 +
    z-index: -6;
 +
  }
-
-webkit-font-smoothing: antialiased;
+
  p, h1, h2, h3 {
-
-webkit-box-sizing: border-box;
+
    margin-left: 8%;
-
-moz-box-sizing: border-box;
+
    margin-right: 10%;
-
box-sizing: border-box;
+
    margin-bottom: 6%;
-
}
+
  }
-
::selection {
+
  }
-
background: #F79042;
+
-
color: #fff;
+
-
}
+
-
</style>
+
  body  {
-
<!--main content -->
+
    margin-left: 4%;
-
<table width="70%" align="center">
+
    margin-right: 4%;
 +
    margin-bottom: 4%;
 +
  }
 +
  /*-- creates container for all content on page --*/
 +
  #contentcontainer {
 +
    font-family: Arial, Helvetica, sans-serif;
 +
    font-weight: normal;
 +
    font-size: 14px;
 +
    color: #414141;
 +
    width: 800px;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    background-color: #transparent;
 +
    margin-top: 0px;
 +
  }
-
<!--welcome box -->
+
  .sidemenu, .sidemenu li {
-
<tr>
+
    list-style-type: none;
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
    list-style-image: none;
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
    font-family: verdana;
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
    text-decoration: none;
-
<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>
+
    color:#000;
-
<br>
+
    font-size: 14px;
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Washington/Safety&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
  }
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
  .sidemenu li {display: block;}
-
<!-- end welcome box -->
+
-
<tr>
+
-
<!--navigation menu -->
+
  .sidemenu a {
-
<td align="center" colspan="3">
+
    text-decoration:none;
 +
    color: #000;
 +
    display: block;
 +
    width: 180px;
 +
    height: 100%;
 +
    padding: 3px 5px;
 +
    transition: .25s ease-in-out;
 +
    -moz-transition: .25s ease-in-out;
 +
    -webkit-transition: .25s ease-in-out;
 +
  }
-
<table  width="100%">
+
  .sidemenu a.greyout { color: #909090; }
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">
+
 +
  .sidemenu a:hover {
 +
    color:#666;
 +
    background-color: #d9f5aa;
 +
  }
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
  .sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
-
<a href="https://2014.igem.org/Team:Washington"style="color:#000000">Home </a> </td>
+
  .sub-sidemenu a {color: #666;}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
  div.underconst {
-
<a href="https://2014.igem.org/Team:Washington/Team"style="color:#000000"> Team </a> </td>
+
    padding:10px;
 +
    border-radius:5px;
 +
    background-color:pink;
 +
    text-align:center;
 +
  }
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
  a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Washington"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> 
+
  .contentpara {margin-bottom: 30px;}
-
<a href="https://2014.igem.org/Team:Washington/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>
+
  span.email{font-family: monospace; font-weight: normal;}
-
<a href="https://2014.igem.org/Team:Washington/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>
+
  fieldset {border: 1px solid #337f53;}
-
<a href="https://2014.igem.org/Team:Washington/Modeling"style="color:#000000"> Modeling</a></td>
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
  .greyout {color: #A0A0A0;}
-
<a href="https://2014.igem.org/Team:Washington/Notebook"style="color:#000000"> Notebook</a></td>
+
  .highlightme {background-color: #FFFF00;}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
  #alertContainer { margin-bottom: 10px; width: 936px;}
-
<a href="https://2014.igem.org/Team:Washington/Safety"style=" color:#000000"> Safety </a></td>
+
  #annContainer {margin-left: 8px;}
 +
  #newsContainer {border: 1px solid #ccc;}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
  .newsTitle {
-
<a href="https://2014.igem.org/Team:Washington/Attributions"style="color:#000000"> Attributions </a></td>
+
    display: block;
 +
    color: #414141;
 +
    font-size: 25px;
 +
    font-family: Georgia, Times, "Times New Roman", serif;
 +
    padding: 10px 15px 5px 10px;
 +
    border-bottom: 1px solid #ccc;
 +
    margin-bottom: 0px;
 +
  }
 +
  .newsItem {
 +
    border-bottom: 1px solid #ccc;
 +
    display: block;
 +
    padding: 5px 15px 0px 10px;
 +
    margin-bottom: 0px;
 +
  }
-
<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>
+
  .newsItem h3 {
-
</tr>
+
    width: auto;
-
</table>
+
    display: inline;
-
<!--end navigation menu -->
+
    font-size: 14px;
-
</tr>
+
    font-family: Arial, Helvetica, sans-serif;
-
</tr>
+
    padding: 0px;
-
</td>
+
    margin: 0px;
 +
  }
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
  .newsItem img {
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
    float: right;
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
    clear: right;
 +
    width: 80px;
 +
    padding-left: 15px;
 +
    display: inline-block;
 +
  }
 +
  .newsItem .newsDate {
 +
    font-style: italic;
 +
    font-size: 14px;
 +
    display: inline-block;
 +
    color: #FFF;
 +
    float: right;
 +
    padding: 0px 0px 10px 15px;
 +
  }
-
<!--safety content-->
+
  .newsItem p, .newsItem ul, .newsItem li {
-
<tr><td > <h3> Welcome! </h3></td>
+
    padding: 0px;
-
<td ></td >
+
    margin-left: 20px;
-
<td > <h3> Timeline</h3></td>
+
    font-size: 12px;
-
</tr>
+
    line-height: 1.2;
 +
  }
-
<tr>
+
  .newsItem p {
-
<td width="45%"  valign="top">
+
    margin-top: 10px;
-
<p> Visit the <a href="https://2014.igem.org/Safety" >Safety Hub</a> to see this year's safety requirements. The Safety Hub is the central page for everything related to safety in iGEM. You can also go there to learn about general biosafety topics, and how to think about the future implications of your project.</p>
+
  }
 +
  .annItem {
 +
    border: 2px solid #414141;
 +
    display: block;
 +
    padding: 0px 15px 10px 10px;
 +
    margin-bottom: 18px;
 +
    position: relative;
 +
    height: 160px;
 +
    vertical-align: middle;
 +
  }
 +
  .annItem .annCentered {
 +
    display: table-cell;
 +
    vertical-align: middle;
 +
    height: 160px;
 +
  }
-
<br>
+
  .annCentered h3 {
-
<h3> Edit this page!</h3>
+
    padding: 0px;
-
<p>
+
    display: block;
-
Please use this page to write about anything related to safety in your project. <!--Be sure to talk about both
+
    margin-left: auto;
-
<ul>
+
    margin-right: auto;
-
<li> <a href=" ">Learn about lab Safety for Today</a></li>
+
    text-align: center;
-
<li> <a href="">Learn about Safety for the future of your project.</a></li>
+
  }
-
</ul>
+
-
-->
+
-
</p>
+
-
<h3> Your Lab </h3>
+
  .igemlogopos{
 +
    position:absolute;
 +
    right:-15px;
 +
    z-index:30;
 +
    top: 18px;
 +
  }
 +
  .annItem ul, .annItem li {padding: 0px; margin: 0px;}
 +
  .annItem li {list-style: none; margin: 5px}
 +
  .centerImg{  background:#E8E8E8; margin:auto; width:100%; }
-
<p> Use this section to tell us about your laboratory. Where is it located? What sort of equipment do you use every day? Have you decorated it for the summer? How do you look wearing a lab coat? Take pictures! Show off your space! </p>
+
  #igemuwmenu, #igemuwmenu ul {
-
<!--
+
    margin: 0;
-
<gallery>
+
    padding: 0;
-
Image:Example2_Lab_1.png|The building our lab is in!
+
    list-style: none;
-
Image:Example2_Lab_2.png|The inside of our lab!
+
  }
-
Image:Example2_Lab_3.png|Team Member 3 doing an experiment
+
-
Image:Example2_Lab_4.png|Working in biosafety cabinets
+
-
Image:Example2_Lab_5.png|Team all gloved up and ready for work!
+
-
Image:Example2_Lab_6.png|Equipment that we use to do SCIENCE!
+
-
Image:Example2_Lab_7.png|We decorated this part of our lab
+
-
Image:Example2_Lab_8.png|Whatever else you want
+
-
</gallery>-->
+
-
</td>
+
  #igemuwmenu {
-
<td></td>
+
    width: 730px;
 +
    margin: 10px auto;
 +
    border: 3px solid #b7a57a;
 +
    background-color: #4b2e84;
 +
    border-radius: 6px;
 +
    display: inline-block;
 +
    white-space: nowrap;
 +
  }
 +
  #igemuwmenu:before,
 +
  #igemuwmenu:after {
 +
    content: "";
 +
    display: table;
 +
  }
-
<td width="45%" valign="top">  
+
  #igemuwmenu:after {
 +
    clear: both;
 +
  }
 +
 
 +
  #igemuwmenu {
 +
    zoom:1;
 +
  }
 +
 
 +
  #igemuwmenu li {
 +
    border-right: 1px solid #222;
 +
    -moz-box-shadow: 1px 0 0 #444;
 +
    -webkit-box-shadow: 1px 0 0 #2E0854;
 +
    box-shadow: 1px 0 0 #2E0854;
 +
    position: relative;
 +
    display: inline-block;
 +
    white-space: nowrap;
 +
  }
 +
 
 +
  #igemuwmenu a {
 +
    padding: 12px 20px;
 +
    color: #b7a57a;
 +
    text-transform: uppercase;
 +
    font: bold 11.4px Arial, Helvetica;
 +
    text-decoration: none;
 +
    text-shadow: 0 1px 0 #000;
 +
    display: inline-block;
 +
    white-block: nowrap;
 +
  }
 +
 
 +
  #igemuwmenu li:hover > a {
 +
    color: #fafafa;
 +
  }
 +
 
 +
  *html #igemuwmenu li a:hover { /* IE6 only */
 +
    color: #fafafa;
 +
  }
 +
 
 +
  #igemuwmenu ul {
 +
    margin: 20px 0 0 0;
 +
    _margin: 0; /*IE6 only*/
 +
    opacity: 0;
 +
    visibility: hidden;
 +
    position: absolute;
 +
    top: 38px;
 +
    left: 0;
 +
    z-index: 1;
 +
    background: #4b2e84;
 +
    border: 2px solid #b7a57a;
 +
    -webkit-transition: all .2s ease-in-out;
 +
    -moz-transition: all .2s ease-in-out;
 +
    -ms-transition: all .2s ease-in-out;
 +
    -o-transition: all .2s ease-in-out;
 +
    transition: all .2s ease-in-out;
 +
  }
 +
 
 +
  #igemuwmenu li:hover > ul {
 +
    opacity: 1;
 +
    visibility: visible;
 +
    margin: 0;
 +
  }
 +
 
 +
  #igemuwmenu ul ul {
 +
    top: 0;
 +
    left: 150px;
 +
    margin: 0 0 0 20px;
 +
    _margin: 0; /*IE6 only*/
 +
    -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
 +
    -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
 +
    box-shadow: -1px 0 0 rgba(255,255,255,1);
 +
  }
 +
 
 +
  #igemuwmenu ul li {
 +
    float: none;
 +
    display: block;
 +
    border: 0;
 +
    _line-height: 0; /*IE6 only*/
 +
    -moz-box-shadow: 0 1px 0 #b7a57a, 0 2px 0 #b7a57a;
 +
    -webkit-box-shadow: 0 1px 0 #b7a57a, 0 2px 0 #b7a57a;
 +
    box-shadow: 0 1px 0 #b7a57a, 0 2px 0 #b7a57a;   
 +
  }
 +
  #igemuwmenu ul li.active {
 +
    float: none;
 +
    display: block;
 +
    border: 0;
 +
    _line-height: 0; /*IE6 only*/
 +
    -moz-box-shadow: 0 1px 0 #b8860b, 0 2px 0 #fff;
 +
    -webkit-box-shadow: 0 1px 0 #b8860b, 0 2px 0 #fff;
 +
    box-shadow: 0 1px 0 #b8860b, 0 2px 0 #fff;
 +
  }
 +
 
 +
  #igemuwmenu ul li:last-child {
 +
    -moz-box-shadow: none;
 +
    -webkit-box-shadow: none;
 +
    box-shadow: none;
 +
  }
 +
 
 +
  #igemuwmenu ul a {
 +
    padding: 10px;
 +
    width: 130px;
 +
    _height: 10px; /*IE6 only*/
 +
    display: block;
 +
    white-space: nowrap;
 +
    float: none;
 +
    text-transform: none;
 +
  }
 +
 
 +
  #igemuwmenu ul a.selected {
 +
    padding: 10px;
 +
    width: 130px;
 +
    _height: 10px; /*IE6 only*/
 +
    display: block;
 +
    white-space: nowrap;
 +
    float: none;
 +
    text-transform: none;
 +
  }
 +
 
 +
  #igemuwmenu ul a:hover {
 +
    background-color: #785D84;
 +
    background-image: -moz-linear-gradient(#94749a, #785D84);
 +
    background-image: -webkit-gradient(linear, left top, left bottom, from(#94749a), to(#785D84));
 +
    background-image: -webkit-linear-gradient(#94749a, #785D84);
 +
    background-image: -o-linear-gradient(#94749a, #785D84);
 +
    background-image: -ms-linear-gradient(#94749a, #785D84);
 +
    background-image: linear-gradient(#94749a, #785D84);
 +
  }
 +
 
 +
  #igemuwmenu ul li:first-child > a {
 +
    -moz-border-radius: 3px 3px 0 0;
 +
    -webkit-border-radius: 3px 3px 0 0;
 +
    border-radius: 3px 3px 0 0;
 +
  }
 +
 
 +
  #igemuwmenu ul li:first-child > a:after {
 +
    content: '';
 +
    position: absolute;
 +
    left: 40px;
 +
    top: -6px;
 +
    border-left: 6px solid transparent;
 +
    border-right: 6px solid transparent;
 +
    border-bottom: 6px solid #2E0854;
 +
  }
 +
 
 +
  #igemuwmenu ul ul li:first-child a:after {
 +
    left: -6px;
 +
    top: 50%;
 +
    margin-top: -6px;
 +
    border-left: 0;
 +
    border-bottom: 6px solid transparent;
 +
    border-top: 6px solid transparent;
 +
    border-right: 6px solid #FFFFFF;
 +
  }
 +
 
 +
  #igemuwmenu ul li:first-child a:hover:after {
 +
    border-bottom-color: #2E0854;
 +
  }
 +
 
 +
  #igemuwmenu ul li:last-child > a {
 +
    -moz-border-radius: 0 0 3px 3px;
 +
    -webkit-border-radius: 0 0 3px 3px;
 +
    border-radius: 0 0 3px 3px;
 +
  }
 +
 
 +
  /* Mobile */
 +
  #igemuwmenu-trigger {
 +
    display: none;
 +
  }
 +
 
 +
  @media screen and (max-width: 600px) {
 +
 
 +
    /* nav-wrap */
 +
    #igemuwmenu-wrap {
 +
      position: relative;
 +
    }
 +
 
 +
    #igemuwmenu-wrap * {
 +
      -moz-box-sizing: border-box;
 +
      -webkit-box-sizing: border-box;
 +
      box-sizing: border-box;
 +
    }
 +
 
 +
    /* menu icon */
 +
    #igemuwmenu-trigger {
 +
      display: block; /* show menu icon */
 +
      height: 40px;
 +
      line-height: 40px;
 +
      cursor: pointer;
 +
      padding: 0 0 0 35px;
 +
      border: 1px solid #222;
 +
      color: #ffffff;
 +
      font-weight: bold;
 +
      background-color: #b8860b;
 +
      -moz-border-radius: 6px;
 +
      -webkit-border-radius: 6px;
 +
      border-radius: 6px;
 +
      -moz-box-shadow: 0 1px 1px #fff, 0 1px 0 #fff inset;
 +
      -webkit-box-shadow: 0 1px 1px #fff, 0 1px 0 #fff inset;
 +
      box-shadow: 0 1px 1px #fff, 0 1px 0 #fff inset;
 +
    }
 +
 
 +
    /* main nav */
 +
    #igemuwmenu {
 +
      margin: 0; padding: 10px;
 +
      position: absolute;
 +
      top: 40px;
 +
      width: 100%;
 +
      z-index: 1;
 +
      background-color: #2E0854;
 +
      display: none;
 +
      -moz-box-shadow: none;
 +
      -webkit-box-shadow: none;
 +
      box-shadow: none;
 +
    }
 +
 
 +
    #igemuwmenu:after {
 +
      content: '';
 +
      position: absolute;
 +
      left: 25px;
 +
      top: -8px;
 +
      border-left: 8px solid transparent;
 +
      border-right: 8px solid transparent;
 +
      border-bottom: 8px solid #2E0854;
 +
    }
 +
 
 +
    #igemuwmenu ul {
 +
      position: static;
 +
      visibility: visible;
 +
      opacity: 1;
 +
      margin: 0;
 +
      background: none;
 +
      -moz-box-shadow: none;
 +
      -webkit-box-shadow: none;
 +
      box-shadow: none;
 +
    }
 +
 
 +
    #igemuwmenu ul ul {
 +
      margin: 0 0 0 20px !important;
 +
      -moz-box-shadow: none;
 +
      -webkit-box-shadow: none;
 +
      box-shadow: none;
 +
    }
 +
 
 +
    #igemuwmenu li {
 +
      position: static;
 +
      display: block;
 +
      float: none;
 +
      border: 0;
 +
      margin: 5px;
 +
      -moz-box-shadow: none;
 +
      -webkit-box-shadow: none;
 +
      box-shadow: none;
 +
    }
 +
 
 +
    #igemuwmenu ul li{
 +
      margin-left: 20px;
 +
      -moz-box-shadow: none;
 +
      -webkit-box-shadow: none;
 +
      box-shadow: none;
 +
    }
 +
 
 +
    #igemuwmenu a{
 +
      display: block;
 +
      float: none;
 +
      padding: 0;
 +
      color: #fff;
 +
    }
 +
 
 +
    #igemuwmenu a:hover{
 +
      color: #FFFFFF;
 +
    }
 +
 
 +
    #igemuwmenu ul a{
 +
      padding: 0;
 +
      width: auto;
 +
    }
 +
 
 +
    #igemuwmenu ul a:hover{
 +
      background: none;
 +
    }
 +
 
 +
    #igemuwmenu ul li:first-child a:after,
 +
    #igemuwmenu ul ul li:first-child a:after {
 +
      border: 0;
 +
    }
 +
 
 +
  }
 +
 
 +
  @media screen and (min-width: 600px) {
 +
    #igemuwmenu {
 +
      display: block !important;
 +
    }
 +
  }
 +
 
 +
  /* iPad */
 +
  .no-transition {
 +
    -webkit-transition: none;
 +
    -moz-transition: none;
 +
    -ms-transition: none;
 +
    -o-transition: none;
 +
    transition: none;
 +
    opacity: 1;
 +
    visibility: visible;
 +
    display: none;
 +
  }
 +
 
 +
  #igemuwmenu li:hover > .no-transition {
 +
    display: block;
 +
  }
 +
 
 +
</style>
 +
<!--              -->
 +
<!-- Main Content -->
 +
<!--              -->
-
<ul>
+
<body>
-
<li> <b>Now :</b>  Read the <a href="https://2014.igem.org/Safety">Safety Hub </a> and learn about safety in iGEM. Ask questions by emailing safety at <i> igem DOT org </i>. </li>
+
-
<li><b>Now - Jamboree:</b> Complete <b>Check-Ins</b> and receive approval before acquiring and using certain materials in your lab</li>
+
-
<li><b>Now - Wiki Freeze:</b> Edit this Safety page to tell us about what you're doing</li>
+
-
<li><b>June 9: </b>Submit the About Our Lab form.</li>
+
-
<li><b>Let us know by June 25 </b>if you will need an extension on the Preliminary Version, or your Preliminary Version will be significantly incomplete.</li>
+
-
<li><b>June 30: </b>Submit the Preliminary Version of the <b>Safety Form</b>.</li>
+
-
<li>Participate in Virtual Open Office Hours to ask questions and discuss safety topics (exact date to be determined).</li>
+
-
<li><b>September 1:</b> Submit the Final Version of the Safety Form.</li>
+
-
<li><b>October: </b> Wiki freeze (exact date to be determined)</li>
+
-
<li><b>October 30 - November 3: </b>GIANT JAMBOREE!</li>
+
-
</ul>
+
  <!-- Table for the entire content (to split it vertically, weird) -->
-
</td>
+
  <table align="center">
-
</tr>
+
  <!-- Banner  -->
 +
    <tr> <center>
 +
    <img src="https://static.igem.org/mediawiki/2014/6/61/Banner-Wiki.png" width="1100" height="338" usemap="#linkmap">
 +
  <map name="linkmap">
 +
  <area shape="rect" coords="80,140,350,250" href="http://www.washington.edu" target="_blank" alt="UW Homepage">
 +
<area shape="rect" coords="750,110,980,260" href="http://www.igem.org" target="_blank" alt="Official iGEM website">
 +
  </map>
 +
    </center>
 +
    </tr>
 +
    <!-- Spacer -->
 +
    <tr>
 +
      <td colspan="3"  height="5px"></td>
 +
    </tr>
 +
    <!-- Navigation Bar -->
 +
    <tr>
 +
      <td align="left" colspan="3">
 +
        <table  width="100%">
 +
          <tr heigth="15px"></tr>
 +
          <tr heigth="75px">
 +
            <nav id="igemuwmenu-wrap">
 +
              <ul id="igemuwmenu">
 +
                <li>
 +
                  <a href="https://2014.igem.org/Team:Washington">Home</a>
 +
                  <ul>
 +
                    <li><a href="https://2014.igem.org/Team:Washington">UW 2014</a></li>
 +
                    <li><a href="https://2013.igem.org/Team:Washington">UW 2013</a></li>
 +
                    <li><a href="https://2012.igem.org/Team:Washington">UW 2012</a></li>
 +
                    <li><a href="https://2011.igem.org/Team:Washington">UW 2011</a></li>
 +
                    <li><a href="https://2010.igem.org/Team:Washington">UW 2010</a></li>
 +
                    <li><a href="https://2009.igem.org/Team:Washington">UW 2009</a></li>
 +
                    <li><a href="https://2008.igem.org/Team:University_of_Washington">UW 2008</a></li>
 +
                    <li><a href="https://2013.igem.org/Main_Page">iGEM Homepage</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li>
 +
                  <a href="https://2014.igem.org/Team:Washington/Our_Project">Our Project</a>
 +
                  <ul>
 +
                    <li><a href="https://2014.igem.org/Team:Washington/Our_Project">Our System</a></li>
 +
                    <li><a href="https://2014.igem.org/Team:Washington/Methods">Methods</a></li>
 +
                    <li><a href="https://2014.igem.org/Team:Washington/Results">Results</a></li>
 +
                    <li><a href="https://2014.igem.org/Team:Washington/Future Plans">Future Plans</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li>
 +
                  <a href="https://2014.igem.org/Team:Washington/BioBricks">BioBricks</a>
 +
                </li>
-
<tr>
+
                <li>
 +
                  <a href="https://2014.igem.org/Team:Washington/Outreach">Outreach</a>
 +
                </li>
 +
                <li>
 +
                  <a href="https://2014.igem.org/Team:Washington/Protocols">Protocols</a>
 +
                </li>
 +
                <li>
 +
                  <a href="https://2014.igem.org/Team:Washington/Safety">Safety</a>
 +
                  <ul>
 +
                    <li><a href="https://2014.igem.org/Team:Washington/Safety">Safety</a></li>
 +
                    <li><a href="https://2014.igem.org/Team:Washington/ProjectConsiderations">Project Considerations</a></li>
 +
                    <li><a href="https://2014.igem.org/Team:Washington/JudgingForm">Judging Form</a></li>
 +
                  </ul>
 +
                </li>
 +
<li>
 +
                  <a href="https://2014.igem.org/Team:Washington/Our_Team">Our Team</a>
 +
</li>
 +
              </ul>
 +
            </nav>
 +
          </tr>
 +
        </table>
 +
      </td>
 +
    </tr>
 +
  </table>
 +
</body>
 +
<!--            -->
 +
<!-- Javascript -->
 +
<!--            -->
 +
  <script>
 +
    $(document).ready(function() {
 +
      function filterPath(string) {
 +
      return string
 +
      .replace(/^\//,'')
 +
      .replace(/(index|default).[a-zA-Z]{3,4}$/,'')
 +
      .replace(/\/$/,'');
 +
    }
 +
    var locationPath = filterPath(location.pathname);
 +
    var scrollElem = scrollableElement('html', 'body');
 +
    $('a[href*=#]').each(function() {
 +
      var thisPath = filterPath(this.pathname) || locationPath;
 +
      if (  locationPath == thisPath
 +
        && (location.hostname == this.hostname || !this.hostname)
 +
        && this.hash.replace(/#/,'') ) {
 +
      var $target = $(this.hash), target = this.hash;
 +
      if (target) {
 +
      var targetOffset = $target.offset().top;
 +
      $(this).click(function(event) {
 +
        event.preventDefault();
 +
        $(scrollElem).animate({scrollTop: targetOffset}, 400, function() {
 +
          location.hash = target;
 +
          });
 +
        });
 +
      }
 +
      }
 +
      });
 +
    // use the first element that is "scrollable"
 +
    function scrollableElement(els) {
 +
      for (var i = 0, argLength = arguments.length; i <argLength; i++) {
 +
        var el = arguments[i],
 +
            $scrollElement = $(el);
 +
        if ($scrollElement.scrollTop()> 0) {
 +
          return el;
 +
        } else {
 +
          $scrollElement.scrollTop(1);
 +
          var isScrollable = $scrollElement.scrollTop()> 0;
 +
          $scrollElement.scrollTop(0);
 +
          if (isScrollable) {
 +
            return el;
 +
          }
 +
        }
 +
      }
 +
      return [];
 +
    }
 +
    });
 +
</script>
-
</table>
 
</html>
</html>

Latest revision as of 03:55, 18 October 2014

UW Homepage Official iGEM website

Retrieved from "http://2014.igem.org/Template:Team:UW/CSS"