Difference between revisions of "Template:UPMC-Paris/CSS"

Line 1: Line 1:
 
<html>
 
<html>
<style>
+
<!-- CSS-->
/* TAGS */
+
html {
+
    overflow-y: scroll;
+
    min-height:100%;
+
}
+
body {
+
    zoom:1;
+
    width:100%;
+
    background: #383838;
+
}
+
body:after {
+
  content: url(https://static.igem.org/mediawiki/2015/7/76/ETH_babybeacon.png);
+
  display: none;
+
}
+
#bodyContent {
+
    width: 100%;
+
}
+
#globalWrapper {
+
    background-image: url("https://static.igem.org/mediawiki/2015/d/d8/ETH_Zurich_background.png");
+
    background-position: 25px 25px;
+
    background-attachment: fixed;
+
}
+
  
 +
<style type='text/css'>
  
h1#loading {
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
    border-bottom:none;
+
    color:white;
+
}
+
  
/* IDs */
+
    #top_title, #sideMenu{
#content {
+
      display: none;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
+
    }
     width:100%;
+
     #content{
 +
    width:100%;
 +
    padding: 0;
 +
    margin: auto;
 +
    }
 +
    p {
 +
color:#666666;
 
}
 
}
 
+
  h3 {
#topContainer {
+
color: #222222;
    height: 100px;
+
    display:table-header-group;
+
}
+
@media screen and (max-device-width:480px) {
+
#topContainer {
+
    height:314px;
+
}
+
}
+
#mobileMenu {
+
    display:none;
+
 
}
 
}
 +
#header{
 +
      width:100%;
 +
      height:200px;
 +
      color-background:red;
 +
      display: block;
  
#sideFiller {
+
    width:20%;
+
#colorNav > ul{
     height:100px;
+
    float:left;
+
margin-left: auto;
 +
     margin-right: auto;
 +
position:fixed;
 +
top:50px;
 
}
 
}
@media screen and (max-device-width:480px) {
+
#colorNav > ul > li{ /* will style only the top level li */
#sideFiller {
+
list-style: none;
    width:80%;
+
box-shadow: 0 0 10px rgba(100, 100, 100, 0.2) inset,1px 1px 1px #CCC;
    height:auto;
+
display: inline-block;
 +
line-height:2;
 +
        margin: 0px;
 +
border-radius: 30px;
 +
position:relative;
 
}
 
}
 +
#colorNav > ul > li > a{
 +
color:inherit;
 +
text-decoration:none !important;
 +
font-size:24px;
 +
padding: 30px;
 
}
 
}
 +
#colorNav li ul{
 +
position:absolute;
 +
list-style:none;
 +
text-align:center;
 +
width:180px;
 +
left:50%;
 +
margin-left:-90px;
 +
top:30px;
 +
font:bold 12px 'Open Sans Condensed', sans-serif;
  
#sidemenuContainer {
+
/* This is important for the show/hide CSS animation */
    margin-right:1%;
+
max-height:0px;
    width:19%;
+
overflow:hidden;
    float:left;
+
        border-radius: 30px;
    display:table-cell;
+
-webkit-transition:max-height 0.4s linear;
    position:absolute;
+
-moz-transition:max-height 0.4 linear;
    top:103px;
+
transition:max-height 0.4 linear;
    bottom:0px;
+
/*    height:100%;*/
+
/*    position:relative;*/
+
/*    overflow:auto;*/
+
 
}
 
}
 
+
#colorNav li:hover ul{
#sidemenu {
+
max-height:500px;
    padding:11%;
+
    height:auto;
+
    background:white;
+
    border: 1px solid black;
+
    border-radius: 4px;
+
    width: 77%;
+
    position:absolute;
+
 
}
 
}
 
+
#colorNav li ul li{
#mainContainer {
+
background-color:#369799;
    width:80%;
+
    max-width: 1020px;
+
    margin:auto;
+
    position:relative;
+
    min-height:400px;
+
    height:100%;
+
    overflow-y: visible;
+
    display:table;
+
 
}
 
}
  
#menuButton {
+
#colorNav li ul li a{
    padding:30px;
+
padding:12px;
    margin:85px 30px 0px 0px;
+
color:#fff !important;
    background:#383838;
+
text-decoration:none !important;
    display:none;
+
display:block;
    width:90px;
+
       
    height:90px;
+
    float:right;
+
}
+
@media screen and (max-device-width: 480px) {
+
#menuButton {
+
    display:block;
+
}
+
}
+
#menuButton img {
+
    width:100%;
+
}
+
  
#footerContainer {
 
    width:80%;
 
    max-width: 1020px;
 
    text-align:center;
 
    background-color: #C0C0C0;
 
/*    padding: 10px;*/
 
    border: 1px solid black;
 
    border-radius: 4px;
 
    margin:auto;
 
/*    display:table-footer-group;*/
 
 
}
 
}
  
#socialmedia {
+
#colorNav li ul li:nth-child(odd){ /* zebra stripes */
    width:100%;
+
background-color:#369799;
    margin:auto;
+
/*   text-align:center;*/
+
    float:right;
+
 
}
 
}
  
.expContainer {
+
#colorNav li ul li:hover{
    padding: 4%;
+
background-color:#369741;
    background: #fff;
+
    border-radius: 4px;
+
    float:right;
+
    clear:right;
+
    display:table-cell;
+
    width:72%;
+
    margin:0 0 1% 0;
+
 
}
 
}
  
@media screen and (max-width:1100px) {
+
#colorNav li ul li:first-child{
#sidemenuContainer {
+
border-radius:3px 3px 0 0;
    display:none;
+
margin-top:25px;
}
+
position:relative;
.expContainer {
+
    width:92%;
+
}
+
}
+
@media print {
+
#sidemenuContainer {
+
    display:none;
+
}
+
.expContainer {
+
    width:92%;
+
}
+
 
}
 
}
  
@media screen and (max-device-width:480px) {
+
#colorNav li ul li:first-child:before{ /* the pointer tip */
#mainMenu {
+
content:'';
    display:none;
+
position:absolute;
}
+
width:1px;
 +
height:1px;
 +
border:5px solid transparent;
 +
border-bottom-color:#313131;
 +
left:50%;
 +
top:-10px;
 +
margin-left:-5px;
 
}
 
}
  
 
+
#colorNav li ul li:last-child{
/* CLASSES */
+
border-bottom-left-radius:3px;
 
+
border-bottom-right-radius:3px;
.mediabutton {
+
    width:48px;
+
    margin:3px;
+
    border-radius: 50%;
+
    display:inline-block;
+
}
+
@media screen and (max-device-width:480px) {
+
.mediabutton {
+
    width:120px;
+
    height:120px;
+
}
+
 
}
 
}
 +
#colorNav li.green{
 +
/* This is the color of the menu item */
 +
background-color:#00c08b;
  
/*Clear class for all the pages, adds spacing too*/
+
/* This is the color of the icon */
.clear{
+
color:#000000;
    clear:both;
+
    height: 10px;
+
 
}
 
}
  
/* highlight box for special messages */
+
#colorNav li.pink{background-color:#ea5080;color:#000000;}
.highlightBox {
+
#colorNav li.blue{background-color:#53bfe2;color:#000000;}
    width:80%;
+
#colorNav li.brown{background-color:#f8c54d;color:#000000;}
    margin:auto;
+
#colorNav li.purple{background-color:#df6dc2;color:#000000;}
    margin-bottom: 15px;
+
#colorNav li.orange{background-color:#df6dc2;color:#000000;}
    margin-top: 15px;
+
#colorNav li.green{background-color:#00FF00;color:#000000;}
    padding: 15px;
+
#colorNav li.yellow{background-color:#e2ff00;color:#000000;}
    padding-top: 5px;
+
#colorNav li.red{background-color:#f00000;color:#000000;}
    border:1px solid #383838;
+
#colorNav li.grey{background-color:#d3d3d3;color:#000000;}
    border-radius:4px;
+
}
+
 
+
.info {
+
    max-height:70px;
+
    overflow:hidden;
+
    position:relative;
+
    margin-bottom: 20px;
+
/*    padding-bottom:35px;*/
+
}
+
.open-info {
+
    max-height:99999px !important;
+
    padding-bottom:35px;
+
}
+
/*.closed-info {
+
    height:70px;
+
    max-height:70px !important;
+
    padding-bottom:auto;
+
}*/
+
.expander {
+
    position:absolute;
+
    bottom:0px;
+
    width:100% !important;
+
    display:inline-block;
+
    padding:5px 0px 5px 0;
+
    text-align:center;
+
    background: linear-gradient(rgba(192,192,192,0), #ccc);
+
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00cccccc, endColorstr=#ffcccccc);
+
    border-radius: 4px;
+
    outline : none;
+
}
+
 
+
/* SIDEMENU STYLES */
+
 
+
#mainContainer #sidemenu ul {
+
    margin: 0em 0em 0em 1em;
+
}
+
#mainContainer #sidemenu ul ul {
+
    margin: 0 0 0 0.5em;
+
}
+
#mainContainer #sidemenu ul ul ul {
+
    margin: 0 0 0 0.8em;
+
}
+
#mainContainer #sidemenu ul li {
+
    list-style: none;
+
    color: #00964B;
+
    margin-left:-1em;
+
    font-size:17px;
+
}
+
#mainContainer #sidemenu ul li a {
+
    font-weight: bold;
+
}
+
#mainContainer #sidemenu ul ul li {
+
    list-style: initial;
+
    color: #000000;
+
    margin:0;
+
    font-size:15px;
+
}
+
#mainContainer #sidemenu ul ul li a {
+
    font-weight:normal;
+
}
+
 
+
#mainContainer #sidemenu a {
+
    color: #00964B;
+
    font-weight: normal;
+
}
+
 
+
#mainContainer #sidemenu a:hover,#mainContainer #sidemenu a.current {
+
    color: #006EB4;
+
}
+
 
+
 
+
/* MAIN STYLE */
+
#mainContainer p {
+
    font-size: 15px;
+
    padding-top: 5px;
+
    padding-bottom: 5px;
+
    text-align:justify;
+
    margin:0 1% 0 1%;
+
}
+
#mainContainer p.caption {
+
    display:block;
+
    margin:auto;
+
    text-align:center;
+
}
+
 
+
#mainContainer h1,#mainContainer h2,#mainContainer h3,#mainContainer h4,#mainContainer h5,#mainContainer h6 {
+
    color: #000000;
+
    border-bottom: none;
+
    font-weight: bold;
+
    line-height:normal;
+
}
+
#mainContainer h1 p,#mainContainer h2 p,#mainContainer h3 p,#mainContainer h4 p,#mainContainer h5 p,#mainContainer h6 p {
+
    font-weight:normal;
+
    text-align:left;
+
}
+
 
+
#mainContainer h1 {
+
    text-align: center;
+
    color:#00964B;
+
    font-size:36px;
+
    padding-top:0px;
+
    clear:both;
+
/*    margin-bottom: 0px;*/
+
}
+
 
+
#mainContainer h2 {
+
    font-size:24px;
+
    padding-top: 40px;
+
    border-bottom:1px solid black;
+
    clear:both;
+
}
+
 
+
#mainContainer h2:first-child {
+
    padding-top: 0px;
+
}
+
 
+
#mainContainer h3 {
+
    font-size:20px;
+
    clear:both;
+
}
+
 
+
#mainContainer li,td,th {
+
    font-size:15px;
+
}
+
 
+
.expContainer a {  
+
    font-weight: bold;
+
    color: #00964B;
+
}
+
 
+
.expContainer a:hover {
+
    color: #59bf92;
+
}
+
 
+
.expContainer ul {
+
    margin: .3em 0 0 2.5em;
+
}
+
 
+
/*Change the styling of tables */
+
#mainContainer table {
+
    border: 3px solid #565656;
+
    border-collapse: collapse;
+
    margin: auto;
+
    margin-bottom:20px;
+
}
+
 
+
/*Change the styling of table cells*/
+
#mainContainer td,th {
+
    padding: 10px;
+
    vertical-align:middle;
+
    border: 3px solid #565656;
+
    max-width:100%;
+
}
+
 
+
/*Change the styling of table headers */
+
#mainContainer th {
+
    background-color: #93c6ac;
+
}
+
 
+
#mainContainer .imgBox {
+
    padding:3px;
+
    height:auto;
+
    border: 1px solid #ccc;
+
    font-family: "Trebuchet MS", Helvetica, sans-serif;
+
    margin: 20px 0 20px 0;
+
    background-color:#f9f9f9;
+
}
+
#mainContainer .imgBox a {
+
    display:block;
+
}
+
#mainContainer .imgBox > :not(p) {
+
    background-color:#fff;
+
}
+
#mainContainer .imgBox #mag {
+
    width:15px;
+
    height:11px;
+
    float:right;
+
    margin: 3px;
+
}
+
#mainContainer .imgBox #mag img {
+
    border:none !important;
+
}
+
#mainContainer .imgBox p {
+
    font-size: 10pt;
+
    padding:3px;
+
    margin: 0px;
+
    text-align:left;
+
}
+
 
+
#mainContainer .imgBox object,.imgBox img {
+
    width:100%;
+
    border: 1px solid #ccc;
+
}
+
#mainContainer .imgBox > table, #mainContainer .imgBox > table td,#mainContainer .imgBox > table th {
+
    border: 0;
+
}
+
#mainContainer .imgBox > table table, #mainContainer .imgBox > table table td, #mainContainer .imgBox > table table th {
+
    border: 3px solid black;
+
}
+
 
+
 
+
.expContainer img,.expContainer object.svg {
+
    display:block;
+
    margin:auto;
+
    text-align:center;
+
}
+
.expContainer ul {
+
    list-style: square;
+
}
+
a.expander img {
+
    background: url("https://static.igem.org/mediawiki/2015/b/b1/Updownarrows.png") no-repeat;
+
    outline : none;
+
    height:100%;
+
    background-size:100%;
+
/*    background-position: 0 100%;*/
+
}
+
.open-info a.expander img {
+
    background-position: 0 100%;
+
}
+
/*.closed-info a.expander img {
+
    background-position: 0 0;
+
}*/
+
.expContainer b.TODO {
+
    color: #F660AB;
+
}
+
 
+
@media screen and (max-device-width: 480px) {
+
    a.expander {
+
        height: 10em;
+
    }
+
    .info {
+
        padding-bottom:20em;
+
    }
+
    .open-info {
+
        padding-bottom:20em;
+
    }
+
    .info {
+
        max-height:10em;
+
    }
+
/*    .closed-info {
+
        max-height:10em;
+
        height:10em;
+
    }
+
 
+
/* MENU STYLE */
+
 
+
#sideFiller img {
+
    width:95%;
+
}
+
 
+
.hideMenu a {
+
    color: white;
+
    text-decoration:none;
+
    display:block;
+
    cursor: pointer;
+
    cursor: hand;
+
    outline : none;
+
}
+
 
+
 
+
.hideMenu {
+
    list-style: none;
+
    font-weight: bold;
+
    cursor: pointer;
+
    outline : none;
+
    -moz-user-select:-moz-none;
+
    -moz-user-select:none;
+
      -o-user-select:none;
+
  -khtml-user-select:none;
+
-webkit-user-select:none;
+
    -ms-user-select:none;
+
        user-select:none;
+
    text-align: center;
+
    height: 100px;
+
    width:80%;
+
    float:left;
+
    position:relative;
+
    margin: 0px;
+
    -webkit-transition: z-index 0s;
+
      -moz-transition: z-index 0s;
+
        -ms-transition: z-index 0s;
+
        -o-transition: z-index 0s;
+
            transition: z-index 0s;
+
    -webkit-transition-delay: 1s;
+
      -moz-transition-delay: 1s;
+
        -ms-transition-delay: 1s;
+
        -o-transition-delay: 1s;
+
            transition-delay: 1s;
+
}
+
 
+
#menuContainer .hideMenu {
+
    margin:0.3em 0 0 0;
+
}
+
 
+
.hideMenu li {
+
    color: #fff;
+
    text-transform:uppercase;
+
    cursor: pointer;
+
    margin:auto;
+
    outline : none;
+
/*    width:14.2857%;*/
+
    width:16.66666666%;
+
    float:left;
+
    z-index:10; 
+
    padding:10px 0 10px 0;
+
    border-radius: 20px;
+
    line-height:40px;
+
}
+
 
+
.hideMenu li ul {
+
    overflow:hidden;
+
    border-radius: 0px 0px 20px 20px;
+
    background: #00B058;
+
    display:none;
+
    position:relative;
+
    margin: 10px 0 0 0;
+
    z-index:100;
+
    list-style: none;
+
    width:100%;
+
}
+
 
+
 
+
 
+
 
+
.hideMenu li.sub {
+
    height:60px;
+
}
+
.hideMenu li.ignoreSwitch {
+
    line-height:normal;
+
}
+
.hideMenu li:hover {
+
    color: #FFF;
+
    background-color: #00964B;
+
    cursor: pointer;
+
}
+
.hideMenu li.sub:hover {
+
    border-radius: 20px 20px 0px 0px;
+
    background:      -o-linear-gradient(top,#00964B,#19b768);
+
    background: -webkit-linear-gradient(top,#00964B,#19b768);
+
    background:    -moz-linear-gradient(top,#00964B,#19b768);
+
    background:        linear-gradient(top,#00964B,#19b768);
+
}
+
.hideMenu li:hover a{
+
    color: #FFF;
+
}
+
.hideMenu li:hover ul {
+
    display:block;
+
}
+
/*Style the submenu buttons*/
+
.hideMenu li ul li {
+
    text-transform:capitalize;
+
    line-height:30px;
+
    border-radius: 0px;
+
    color: #383838;
+
    background-clip: border-box;
+
    padding:5px 0 5px 0;
+
    width:100%;
+
}
+
 
+
 
+
@media only screen and (max-device-width: 480px) {
+
.hideMenu {
+
    text-align: left;
+
    height:auto;
+
    float:none;
+
    margin: .3em 0 0 2em;
+
    background-color:#383838;
+
    position:absolute;
+
    width:100%;
+
}
+
#menuContainer .hideMenu {
+
    display:none;
+
}
+
 
+
.hideMenu li {
+
    font-size:70px;
+
    width:auto;
+
    line-height:120px;
+
    float:left;
+
    display:inline-block;
+
    clear:both;
+
    padding: 50px 0 50px 0;
+
}
+
.hideMenu li:hover {
+
    background:transparent;
+
}
+
.hideMenu li.ignoreSwitch br {
+
    display:none;
+
}
+
 
+
.hideMenu li.sub {
+
    height:auto;
+
    line-height:60px;
+
}
+
.hideMenu li.sub:hover {
+
    border-radius: 20px 20px 0px 0px;
+
    background: transparent;
+
}
+
.hideMenu li ul {
+
    margin: 0 0 0 20%;
+
    background:transparent;
+
    float:none;
+
    width:100%;
+
    display:none;
+
}
+
.hideMenu li:hover ul {
+
    display:none;
+
}
+
.hideMenu li ul li {
+
    line-height:120px;
+
    color: #fff;
+
}
+
.hideMenu li ul li:hover {
+
    line-height:120px;
+
    color: #fff;
+
    background-color: #00964B;
+
}
+
}
+
 
+
 
+
/* FOOTER STYLE */
+
#footerContainer img {
+
    padding:10px;
+
    max-width:200px;
+
    max-height:70px;
+
}
+
#footerContainer h2 {
+
    text-align:center;
+
    border: none;
+
    color: black;
+
    overflow: initial;
+
}
+
 
+
#lives {
+
    position:fixed;
+
    left:5px;
+
    top:16px;
+
    display:none;
+
}
+
#runner {
+
    position:fixed;
+
    left:5px;
+
    bottom:0px;
+
    display:none;
+
    width:100%;
+
    z-index:100;
+
}
+
#sandbox {
+
}
+
 
+
img#runnerImg {
+
    animation: run 10s linear;
+
    animation-fill-mode: forwards;
+
    position:relative;
+
    float:left;
+
    left:50px;
+
}
+
@keyframes run {
+
    from {left:0;}
+
    to {left:100%;display:none;}
+
}
+
 
+
/* CHANGE MEDIAWIKI STUFF */
+
div.thumb div div.thumbcaption {
+
    font-size: 10pt;
+
}
+
 
+
<html>
+
<!--<li><a href="https://2015.igem.org/Team:ETH_Zurich">Home</a></li>-->
+
 
+
<li class="sub">Project
+
    <ul>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Project_Description"><li>Project Description</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Design"><li>Design</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Applications"><li>Applications</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Achievements"><li>Achievements</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Collaborations"><li>Collaborations</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Glossary"><li>Glossary</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/References"><li>References</li></a>
+
    </ul>
+
</li>
+
 
+
<li class="sub">Modeling
+
    <ul>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Modeling"><li>Overview</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Modeling/Lactate_Module"><li>Lactate Module</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Modeling/AHL_Module"><li>AHL Module</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Modeling/Single-cell_Model"><li>Compartment Model</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Modeling/Reaction-diffusion"><li>Reaction-Diffusion</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Modeling/Experiments_Model"><li>Experiments Meet Modeling</li></a>
+
        <!--<a href="https://2015.igem.org/Team:ETH_Zurich/Modeling/Implementation"><li>Implementation</li></a>-->
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Modeling/Parameters"><li>Parameters</li></a>
+
    </ul>
+
</li>
+
 
+
<li class="sub">Lab
+
    <ul>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Lab"><li>Overview</li></a> 
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Results"><li>Results</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Chip"><li>Chip Design</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Experiments"><li>Experiments<!-- &amp; Protocols --></li></a> 
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Interlab_study"><li>Interlab Study</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Safety"><li>Safety</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Notebook"><li>Notebook</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Materials"><li>Materials</li></a>
+
<!--        <a href="https://2015.igem.org/Team:ETH_Zurich/Measurement"><li>Measurement</li></a>-->
+
    </ul>
+
</li>
+
 
+
<li class="sub ignoreSwitch">Human <br>Practices
+
    <ul>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Practices"><li>Overview</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Practices/Medicine"><li>Medicine</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Practices/Education"><li>Education</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Practices/Awareness"><li>Awareness</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Practices/Ethics"><li>Ethics</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Practices/Business"><li>Business</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Practices/Patents"><li>Patents</li></a>
+
        <!--<a href="https://2015.igem.org/Team:ETH_Zurich/Practices/Experts"><li>Experts</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Practices/Newspapers"><li>Newspapers</li></a>-->
+
    </ul>
+
</li>
+
 
+
<li class="sub">Parts
+
    <ul>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Parts"><li>Overview</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Basic_Part"><li>Basic</li></a> 
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Composite_Part"><li>Composite</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Part_Collection"><li>Part Collection</li></a> 
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Description"><li>Characterization</li></a>
+
    </ul>
+
</li>
+
 
+
<!--<li class="sub"><a href="#" onclick="return false;">Extras</a>
+
    <ul>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Software"><li>Software</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Entrepreneurship"><li>Entrepreneurship</li></a>   
+
    </ul>
+
</li>-->
+
 
+
<li class="sub">About Us
+
    <ul>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Team"><li>Team</li></a>
+
        <a href="https://2015.igem.org/Team:ETH_Zurich/Attributions"><li>Attributions</li></a>
+
        <a href="https://igem.org/Team.cgi?id=1847"><li>iGEM Team Roster</li></a>
+
    </ul>
+
</li>
+
</html>
+
 
+
 
</style>
 
</style>
 
</html>
 
</html>

Revision as of 12:46, 28 September 2016