Difference between revisions of "Template:SJTU-software"

 
(156 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
 
−
<style>
 
−
 
−
 
−
/* hide various iGEM-elements */
 
−
 
−
h1.firstHeading {
 
−
  background-color: red;
 
−
  display: none;
 
−
}
 
−
 
−
.firstHeading {
 
−
  display: none;
 
−
}
 
−
 
−
#top-section {
 
−
  border: 200;
 
−
  height: 16px;
 
−
  font-size: 13px;
 
−
  background-color: black !important;
 
−
  width: 100% !important;
 
−
  color: #323232 !important;
 
−
  z-index: 999;
 
−
}
 
−
 
−
#catlinks {
 
−
  display: none !important;
 
−
}
 
−
 
−
/* disable search-controls (top right corner) */
 
−
#search-controls {
 
−
  display: none !important;
 
−
}
 
−
 
−
#searchInput {
 
−
  display: none !important;
 
−
}
 
−
 
−
.searchButton {
 
−
  display: none !important;
 
−
}
 
−
 
−
/* change the menubar (top menu) */
 
−
#menubar {
 
−
display: table-cell;
 
−
        background: transparent !important;
 
−
}
 
−
 
−
#menubar.right-menu {
 
−
text-align: right;
 
−
}
 
−
 
−
#menubar.left-menu {
 
−
}
 
−
 
−
#menubar * {
 
−
color: #777777 !important;
 
−
background: black !important;
 
−
}
 
−
 
−
#top-section:hover #menubar * {
 
−
color: white !important;
 
−
}
 
−
 
−
/* Disable Table Of Contents */
 
−
table#toc {
 
−
  display: none;
 
−
  float: right;
 
−
  margin: 0em;
 
−
}
 
−
 
−
 
−
 
−
/* main heading */
 
−
h1 {
 
−
  border: 0;
 
−
  display: inline;
 
−
}
 
−
 
−
/* edit links on headings */
 
−
span.editsection {
 
−
  font-size: .5em;
 
−
  color: lightgrey;
 
−
}
 
−
span.editsection a {
 
−
  color: black;
 
−
}
 
−
 
−
 
−
</style>
 
−
 
−
<body>
 
−
</body>
 
−
 
−
 
−
<html>
 
−
 
−
<html>
 
−
 
−
<head>
 
−
 
  
 
<style type="text/css">
 
<style type="text/css">
  
−
body {
+
    #sideMenu, #top_title, .patrollink  {display:none;}
−
  width:100%;
+
    #content {background:transparent; margin-top:30px; padding:0px; width:100%;}
−
  background-color: white;
+
    body {
−
  font-family: 'Open Sans', Arial, sans-serif;
+
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif;
−
  font-size: 9pt;
+
        font-size: 18px;
−
  background-image: url("https://static.igem.org/mediawiki/2015/6/65/TU_Dresden_back1.png");
+
        line-height: 1.5em;
−
  background-repeat: repeat;
+
        color: #6b3b25;
−
  opacity: 4.5;
+
        background: url(https://static.igem.org/mediawiki/2018/b/b9/T--SJTU-software--background.png);
−
  background-attachment: fixed;
+
        background-size: 100%;
−
 
+
 
}
 
}
  
−
#content {               /* ----------------------------------------------------- #CONTENT */
+
    ul{
−
  background-color: transparent !important;
+
        list-style:none;
−
  margin: auto;
+
−
  border: none !important;
+
    }
−
  padding: 0px !important;
+
    .wrapper {
−
  position: relative;
+
        width: 1000px;
−
  width: auto !important;
+
        margin: auto auto auto auto;
−
  height: auto;
+
        background: #dedad3;
−
}
+
        -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
 +
        -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
 +
        -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
 +
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
 +
        }
 +
    /*-----------------------------------------------------------------------------------*/
 +
    /* HEADER(url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/bg.png))
 +
    /*-----------------------------------------------------------------------------------*/
 +
    header {
 +
        background: url(https://static.igem.org/mediawiki/2018/b/b9/T--SJTU-software--header.png);
 +
        min-height: 155px;
 +
        }
 +
    header #logo {
 +
        margin-top: 36px;
 +
        margin-bottom: 20px;
 +
        float: left;
 +
        }
 +
    header #logo:hover {
 +
        opacity: 0.8;
 +
        }
 +
    header #logo img {
 +
        display: block;
 +
        margin: 0 0 0 55px;
 +
        }
 +
    header #title {
 +
        color: #6b3b25;
 +
        margin-top: 45px;
 +
        margin-left: 260px;
 +
        font-size: 42px;
 +
        font-weight: 700;
 +
        text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 +
        /* text-align: center; */
 +
    }
 +
    header #subtitle{
 +
        color: #6b3b25;
 +
        margin-top: 26px;
 +
        margin-left: 260px;
 +
        font-size: 26px;
 +
        font-weight: 500;
 +
        text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 +
    }
 +
    /*---------------------------------------------------------------*/
  
−
div#bodyContent {        /* ------------------------------------------------- #BODYCONTENT */
+
    /*-----------------------------------------------------------------------------------*/
−
  background-color: transparent !important;
+
    /* Nav
−
  width: 100% ;
+
    /*-----------------------------------------------------------------------------------*/
−
  position: relative;
+
    nav {
−
  margin-top: 20px !important;
+
        background: url(https://static.igem.org/mediawiki/2018/5/54/T--SJTU-software--nav.png) no-repeat top center;
−
  height: auto;
+
        height: 65px;
−
}
+
        width: 1038px;
 +
        margin-left: -20px;
 +
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial;
 +
        font-size: 16px;
 +
        font-weight: 700;
 +
        }
 +
    nav #menu-icon {
 +
        display: none;
 +
        background: red;
 +
        width: 40px;
 +
        height: 40px;
 +
        }
 +
    nav #nav {
 +
        display: block;
 +
        margin-left: 35px;
 +
        /* substract 15 from the link padding */
  
−
#TueContent {
+
        }
−
  background-color: white;
+
    nav #nav > li {
−
  width: 920px;
+
        display: block;
−
  position: relative;
+
        float: left;
−
  margin: auto;
+
        /* Subnavigation ----------------------------------------------------*/
−
  margin-top: 55px;
+
        }
−
  margin-bottom: 30px;
+
    nav #nav > li:hover a,
−
  padding: 20px 40px 40px 40px;
+
    nav #nav > li.current-menu-item a,
−
  text-align: justify;
+
    nav #nav > li.current_page_item a {
−
}
+
        background: #62493d;
 +
        text-shadow: 0px 2px 0px #444;
 +
        }
 +
        nav #nav > li > a {
 +
        display: block;
 +
        line-height: 65px;
 +
        padding-left: 15px;
 +
        padding-right: 15px;
 +
        text-decoration: none;
 +
        color: #dedad3;
 +
        text-shadow: 0px 2px 0px #c68301;
 +
        }
 +
    nav #nav > li.important a {
 +
        color: #ffe09f;
 +
    }
 +
    nav #nav > li ul {
 +
        margin-top: 20px;
 +
        background: #62493d;
 +
    }
 +
    nav #nav > li ul li {
 +
        border-bottom: 1px solid #806d63;
 +
    }
 +
    nav #nav > li ul li:last-child {
 +
        border-bottom: none;
 +
    }
 +
    nav #nav > li ul a {
 +
        display: block;
 +
        color: #dedad3;
 +
        text-decoration: none;
 +
        line-height: 1.5em;
 +
        padding: 15px;
 +
    }
 +
    nav #nav > li ul a:hover {
 +
        color: #e09402;
 +
    }
 +
    /*-----------------------------------------------------------------------------------*/
  
−
#TueContent img {
+
     /*** ESSENTIAL STYLES ***/
−
     display: block;
+
−
    margin-left: auto;
+
−
    margin-right: auto;
+
−
}
+
  
−
#TueContent p {
+
    .sf-menu, .sf-menu * {
−
  font-size: 12pt;
+
        margin: 0;
−
  text-align: justify;
+
        padding: 0;
−
   line-height: 18pt;
+
        list-style: none;
−
  padding-bottom: 6pt;
+
    }
 +
    
 +
    .sf-menu ul {
 +
        position: absolute;
 +
        top: -999em;
 +
        margin-left:            0em;
 +
        width: 10em; /* left offset of submenus need to match (see below) */
  
−
}
+
    }
−
#TueContent a {
+
    .sf-menu ul li {
−
  color: #9C1A16;
+
        width: 100%;
−
  text-decoration: underline;
+
    }
−
}
+
    .sf-menu li:hover {
−
#TueContent a:hover {
+
        visibility: inherit; /* fixes IE7 'sticky bug' */
−
  color: #9C1A16;
+
    }
−
  text-decoration: none;
+
    .sf-menu li {
−
  border-bottom: 1px dotted;
+
        float: left;
−
  border-color: #9C1A16;
+
        position: relative;
−
}
+
    }
−
#TueContent a:active {
+
    .sf-menu a {
−
  color: black;
+
        display: block;
−
  text-decoration: underline;
+
        position: relative;
−
  border: none;
+
    }
−
}
+
    .sf-menu li:hover ul,
 +
    .sf-menu li.sfHover ul {
 +
        left: 0;
 +
        top: 2.5em; /* match top ul list item height */
 +
        z-index: 99;
 +
    }
 +
    ul.sf-menu li:hover li ul,
 +
    ul.sf-menu li.sfHover li ul {
 +
        top: -999em;
 +
    }
 +
    ul.sf-menu li li:hover ul,
 +
    ul.sf-menu li li.sfHover ul {
 +
        left: 10em; /* match ul width */
 +
        top: 0;
 +
    }
 +
    ul.sf-menu li li:hover li ul,
 +
    ul.sf-menu li li.sfHover li ul {
 +
        top: -999em;
 +
    }
 +
    ul.sf-menu li li li:hover ul,
 +
    ul.sf-menu li li li.sfHover ul {
 +
        left: 10em; /* match ul width */
 +
        top: 0;
 +
    }
 +
    /* MAIN
 +
    /*-----------------------------------------------------------------------------------*/
 +
    #main {
 +
        min-height: 500px;
 +
        position: relative;
 +
        border-top: 5px solid #c6c2bc;
 +
        }
 +
    #main .tagline {
 +
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial;
 +
        line-height: 1.3em;
 +
        font-size: 36px;
 +
        font-weight: 700;
 +
        text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 +
        text-align: center;
 +
        margin-bottom: 40px;
 +
        margin-right: 30px;
 +
        margin-left: 30px;
 +
        }
  
−
#TueContent ul {
+
    /* cf: contain floats*/
−
  list-style-type: disc !important;
+
−
  color: black !important;
+
−
  font-size: 12pt !important;
+
−
  list-style-image: none !important;
+
−
  line-height: 18pt !important;
+
−
  padding-bottom: 6pt;
+
−
}
+
  
−
#TueContent ol {
+
    .cf:before,
−
  color: black !important;
+
    .cf:after {
−
  font-size: 12pt !important;
+
        content: " "; /* 1 */
−
  line-height: 18pt !important;
+
        display: table; /* 2 */
−
  padding-bottom: 6pt;
+
    }
−
}
+
  
−
#TueContent table {
+
    .cf:after {
−
  font-size: 12pt !important;
+
        clear: both;
−
  line-height: 18pt !important
+
    }
−
}
+
  
−
#picText {
+
    /*
−
  text-align: justify !important;
+
    * For IE 6/7 only
−
  font-size: 10pt !important;
+
    * Include this rule to trigger hasLayout and contain floats.
−
}
+
    */
  
 +
    .cf {
 +
        *zoom: 1;
 +
    }
  
−
#picTextCenter {
+
    /* ==========================================================================*/
−
  text-align: center !important;
+
−
  font-size: 10pt !important;
+
−
}
+
  
−
h1 {
+
    .slider-wrapper{
−
  font-family: 'FFF Tusj Bold', arial;
+
        margin: 30px auto 0px auto;
−
  position: relative;
+
        width: 940px;
−
  font-size: 48px;
+
    }
−
  text-shadow: 4px 4px 4px #aaa;
+
   
−
  text-align: left;
+
    /* The Nivo Slider styles */
−
  color: black;
+
    .nivoSlider {
−
  margin-bottom:100px;
+
        position:relative;
−
}
+
        width:100%;
 +
        height:auto;
 +
        overflow: hidden;
 +
       
 +
        border: 5px solid #fff;
 +
        margin-left: -5px; /* Adjust 5px because of the border width 5px*/
 +
       
 +
        -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.2);  
 +
        -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
 +
        -o-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
 +
        box-shadow: 0px 0px 5px rgba(0,0,0,.2);
 +
       
 +
    }
 +
    .nivoSlider img {
 +
        position:absolute;
 +
        top:0px;
 +
        left:0px;
 +
        max-width: none;
 +
    }
  
−
{
+
    .nivo-main-image {
−
  font-family: 'Headland One', serif, 'Open Sans', sans-serif;
+
        display: block !important;
−
  position: relative;
+
        position: relative !important;  
−
  font-size: 26pt;
+
        width: 100% !important;
−
  text-align: left;
+
    }
−
  color: black;
+
−
}
+
  
−
h2 {
+
    /* If an image is wrapped in a link */
−
  font-family: 'Headland One', serif, 'Open Sans', sans-serif;
+
    .nivoSlider a.nivo-imageLink {
−
  position: relative;
+
        position:absolute;
−
  font-size: 20pt;  
+
        top:0px;
−
  text-align: left;
+
        left:0px;
−
/*  padding-left: 20px;*/
+
        width:100%;
−
/* padding-top: 20px;*/
+
        height:100%;
−
  color: black;
+
        border:0;
−
}
+
        padding:0;
 +
        margin:0;
 +
        z-index:6;
 +
        display:none;
 +
    }
 +
    /* The slices and boxes in the Slider */
 +
    .nivo-slice {
 +
        display:block;
 +
        position:absolute;
 +
        z-index:5;
 +
        height:100%;
 +
        top:0;
 +
    }
 +
    .nivo-box {
 +
        display:block;
 +
        position:absolute;
 +
        z-index:5;
 +
        overflow:hidden;
 +
    }
 +
    .nivo-box img { display:block; }
  
−
h3 {
+
    /* Caption styles */
−
      font-family: 'Headland One', serif, 'Open Sans', sans-serif;
+
    .nivo-caption {
−
  position: relative;
+
        position:absolute;
−
  font-size: 14pt;  
+
        left:0px;
−
  text-align: left;
+
        bottom:0px;
−
/* padding-left: 20px;*/
+
        background:#000;
−
/* padding-top: 20px;*/
+
        color:#fff;
−
  color: black;
+
        width:100%;
−
}
+
        z-index:8;
 +
        padding: 5px 10px;
 +
        opacity: 0.8;
 +
        overflow: hidden;
 +
        display: none;
 +
        -moz-opacity: 0.8;
 +
        filter:alpha(opacity=8);
 +
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 +
        -moz-box-sizing: border-box;   /* Firefox, other Gecko */
 +
        box-sizing: border-box;        /* Opera/IE 8+ */
 +
    }
 +
    .nivo-caption p {
 +
        padding:5px;
 +
        margin:0;
 +
    }
 +
    .nivo-caption a {
 +
        display:inline !important;
 +
    }
 +
    .nivo-html-caption {
 +
        display:none;
 +
    }
 +
    /* Direction nav styles (e.g. Next & Prev) */
 +
    .nivo-directionNav a {
 +
        position:absolute;
 +
        top:45%;
 +
        z-index:9;
 +
        cursor:pointer;
 +
    }
 +
    .nivo-prevNav {
 +
        left:0px;
 +
    }
 +
    .nivo-nextNav {
 +
        right:0px;
 +
    }
 +
    /* Control nav styles (e.g. 1,2,3...) */
 +
    .nivo-controlNav {
 +
        text-align:left;
 +
        padding: 10px 0 15px 0px;
 +
    }
 +
    .nivo-controlNav a {
 +
        display: inline-block;
 +
        cursor:pointer;
 +
        background: #62493d;
 +
        width: 10px;
 +
        height: 10px;
 +
        text-indent: -9000px;
 +
        margin-right: 5px;
 +
       
 +
        -moz-border-radius: 10px;
 +
        -webkit-border-radius: 10px;
 +
        border-radius: 10px;
 +
       
 +
        border: 2px solid #f1f1f1;
 +
        border-top: 2px solid #ffffff;
 +
       
 +
        -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
 +
        -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
 +
        -o-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
 +
        box-shadow: 0px 0px 2px rgba(0,0,0,.2);
 +
    }
 +
    .nivo-controlNav a.active {
 +
        background: #e09402;
 +
    }
  
−
h5 {
+
    /* Widgets block
−
     padding-left: 20px;
+
     /*-----------------------------------------------------------------------------------*/
−
/*  padding-top: 20px;*/
+
    .widget-cols {
−
  color: black;
+
        position: relative;
−
}
+
        display: block;
 +
        background: #62493d url(https://static.igem.org/mediawiki/2018/e/e5/T--SJTU-software--widgets.png) repeat;
 +
        font-size: 14px;
 +
        color: #e7d7ba;
 +
        text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.5);
 +
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
 +
        border-top: 4px solid #e09402;
 +
        padding-left: 10px;
 +
        padding-top: 10px;
 +
        margin: auto;
 +
        height:230px;
 +
    }
 +
    .widget-cols h1,
 +
    .widget-cols h2,
 +
    .widget-cols h3,
 +
    .widget-cols h4,
 +
    .widget-cols h5,
 +
    .widget-cols h6 {
 +
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial;
 +
        color: #e09402;
 +
        margin-bottom: 20px;
 +
        font-weight: 700;
 +
    }
 +
    .widget-cols a {
 +
        color: #e09402;
 +
        text-decoration: none;
 +
    }
 +
    .widget-cols a:hover {
 +
        color: #e7d7ba;
 +
        border-bottom: 1px dotted #e7d7ba;
 +
    }
 +
    .widget-cols > ul {
 +
        width: 230px;
 +
        list-style:none;
 +
        float: left;
 +
        margin-left: 10px;
 +
        margin-bottom: 20px;
 +
    }
 +
    .widget-cols > li {
 +
        width: 220px;
 +
        float: left;
 +
        margin-left: 5px;
 +
        margin-bottom: 20px;
 +
    }
 +
    .widget-cols .scroll {
 +
        content: '';
 +
        position: absolute;
 +
        top: -40px;
 +
        left: 50%;
 +
        margin-left: -23px;
 +
        background: url(https://static.igem.org/mediawiki/2018/f/ff/T--SJTU-software--bottom-arrow.png) no-repeat;
 +
        height: 41px;
 +
        width: 46px;
 +
    }
 +
    .widget-cols .scroll:hover {
 +
        background-position: 0px -41px;
 +
    }
 +
    .multiplebgs .widget-cols {
 +
        background-image: url(https://static.igem.org/mediawiki/2018/9/91/T--SJTU-software--widgets-shadow.png), url(https://static.igem.org/mediawiki/2018/e/e5/T--SJTU-software--widgets.png);
 +
        background-repeat: repeat-x, repeat;
 +
        background-position: left bottom, left bottom;
 +
    }
  
 +
    .footer-divider {
 +
        background: #5a453b;
 +
        border-top: 1px solid #644d42;
 +
        border-bottom: 1px solid #523f35;
 +
        height: 8px;
 +
        width: 100%;
 +
    }
  
−
/* ---------- DROP DOWN MENU CSS STARTS HERE ---------- */
+
    /* FOOTER
−
 
+
    /*-----------------------------------------------------------------------------------*/
−
nav {
+
     footer {
−
    top: -22px;
+
        position: relative;
−
    position: absolute;
+
        text-align: center;
−
    width: 100%;
+
        padding: 15px 15px 15px 15px;
−
    z-index: 99;
+
        font-size: 22px;
−
}
+
        color: #e09402;
−
 
+
        background: #62493d url(https://static.igem.org/mediawiki/2018/b/b6/T--SJTU-software--footer.png) repeat-x center top;
−
nav ul {
+
        text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.5);
−
    padding: 0px !important;
+
    }
−
    margin: 0px !important;
+
     footer:after {
−
    text-align: center;
+
        content: '';
−
    line-height: 43px !important;
+
        position: absolute;
−
    height: 71px;
+
        bottom: -46px;
−
 
+
        height: 46px;
−
}
+
        right: 6px;
−
 
+
        width: 100%;
−
nav ul:after {
+
         width: 940px\9;
−
    clear: both;
+
         background: url(https://static.igem.org/mediawiki/2018/5/5b/T--SJTU-software--main-shadow.png) no-repeat top center;
−
    content: " ";
+
    }
−
    display: block;
+
    footer a {
−
    font-size: 0;
+
        text-decoration: none;
−
    height: 0 !important;
+
        color: #e09402;
−
    visibility: hidden;
+
    }
−
}
+
    footer a:hover {
−
 
+
        color: #fff;
−
nav ul,nav ul li{
+
    }
−
    background-color: white;
+
−
}
+
−
nav ul li {
+
−
    list-style: none;   
+
−
float: none;
+
−
display: inline-block;
+
−
text-align: left;
+
−
        margin-left: -5px;
+
−
        margin-top: 0px;
+
−
        font-size: 14pt;
+
−
        font-weight: bold;
+
−
        top: -5px !important;   
+
−
 
+
−
}
+
−
 
+
−
nav ul li a {
+
−
    text-decoration: none !important;
+
−
    display: block;
+
−
    color: black !important;
+
−
    padding: 14px 33px 14px 30px;     
+
−
    height: auto;
+
−
    transition: background 0.3s ease-out; /* explorer 10 */
+
−
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
+
−
    -moz-transition: background 0.3 ease-out; /* firefox */
+
−
    -o-transition: background 0.3 ease-out; /* opera */
+
−
}
+
−
 
+
−
nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a  {
+
−
     background-color: #9ABD6F;
+
−
}
+
−
nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a  {
+
−
    background-color: #9ABD6F;
+
−
}
+
−
nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a {
+
−
    background-color: #9ABD6F;
+
−
}
+
−
nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a {
+
−
    background-color: #9ABD6F;
+
−
}
+
−
nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a {
+
−
    background-color: #9ABD6F;
+
−
}
+
−
nav ul li.cat6:hover a, nav ul li.cat6:hover > ul li a {
+
−
    background-color: #9ABD6F;
+
−
}
+
−
nav ul li.cat7:hover a, nav ul li.cat7:hover > ul li a {
+
−
    background-color: #9ABD6F;
+
−
}
+
−
nav ul li.cat8:hover a, nav ul li.cat8:hover > ul li a {
+
−
    background-color: #EF4136;
+
−
}
+
−
nav ul li.catX:hover a, nav ul li.catX:hover > ul li a {
+
−
    background-color: white;
+
−
}
+
−
 
+
−
.catX a{
+
−
    margin-bottom: -100px !important;
+
−
    margin-top: -100px;
+
−
 
+
−
 
+
−
    height: auto !important;   
+
−
}
+
−
 
+
−
 
+
−
nav ul li:hover > a {
+
−
    color: white !important;
+
−
    text-decoration: none !important;
+
−
}
+
−
nav ul li:hover > ul {
+
−
     visibility: visible;
+
−
}
+
−
 
+
−
nav ul li ul{
+
−
    display: inline;
+
−
    visibility: hidden;
+
−
    position: absolute;
+
−
    padding:0px;
+
−
    margin-left: 5px !important;  
+
−
    text-align: inherit;
+
−
    height: 100%;
+
−
}
+
−
nav ul li ul li{
+
−
float: none;
+
−
display: block;
+
−
         margin-bottom: 0px;
+
−
         font-size: 12pt;
+
−
}
+
−
nav ul li ul li a {
+
−
    color: white !important;
+
−
    text-decoration: none !important;
+
−
}
+
−
nav ul li ul li a:hover{
+
−
color: black !important;
+
−
background-color: #FAFAFA !important;
+
−
        text-decoration: none !important;
+
−
}
+
−
 
+
−
nav ul img {
+
−
    padding-top: 0px !important;
+
−
    padding-bottom: 0px !important;
+
−
}
+
−
 
+
−
 
+
−
div#afixLeft{
+
−
width:50px;
+
−
position:fixed;
+
−
bottom:35%;
+
−
left:0;
+
−
z-index:11;
+
−
}
+
  
 
</style>
 
</style>
−
</head>
 
−
 
−
 
 
<body>
 
<body>
 +
    <div class="wrapper">
 +
        <!-- HEADER -->
 +
      <header class="cf">
 +
          <div id="logo"><a href="https://2018.igem.org/Team:SJTU-software"> <img src="https://static.igem.org/mediawiki/2018/0/04/T--SJTU-software--teamlogo.png"  height="90"/></a></div>
 +
          <div id="title">SJTU-software</div>
 +
          <div id="subtitle">Metlab: a metabolic network research tool box</div>
 +
        </header>
  
 +
        <!-- NAV -->
 +
        <nav class="cf">
 +
            <ul id="nav" class="sf-menu">
 +
                <li><a href="https://2018.igem.org/Team:SJTU-software">HOME</a></li>
 +
                <li><a href="">TEAM</a>
 +
                    <ul>
 +
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Team">TEAM</a></li>
 +
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Video">VIDEO</a></li>
 +
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Collaborations">COLLABRATIONS</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li><a href="">PROJECT</a>
 +
                    <ul>
 +
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Description">DESCRIPTION</a></li>
 +
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Document">DOCUMENT</a></li>
 +
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Design">DESIGN</a></li>
 +
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Demonstrate">DEMONSTRATE</a></li>
 +
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Improve">IMPROVE</a></li>
 +
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Attributions">ATTRIBUTIONS</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li><a href="">HUMAN PRACTICE</a>
 +
                    <ul>
 +
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Human_Practices">INTERCRATED AND GOLD</a></li>
 +
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Public_Engagement">PUBLIC ENGAGEMENT</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li><a href="https://2018.igem.org/Team:SJTU-software/Safety">SAFETY</a>
 +
                </li>
 +
            </ul>
 +
        </nav>
 +
        <!-- ENDS NAV-->
  
−
 
+
</div>
−
 
+
−
<nav>
+
−
        <ul>
+
−
                                <li class = "catX">
+
−
                                    <a href="https://2018.igem.org/Team:SJTU-software"><img src="https://static.igem.org/mediawiki/2018/2/23/T--SJTU-software--igem.jpg" style="width:80px;"></a>
+
−
                                </li>
+
−
               
+
−
                                <li class = "cat1">
+
−
        <a href="/Team:SJTU-software">Home</a>
+
−
        </li>
+
−
        <li class = "cat2">
+
−
        <a href="https://2018.igem.org/Team:SJTU-software/Project">Project</a>
+
−
        <ul>
+
−
        <li><a href="/Team:SJTU-software/Project/Overview">Overview</a></li>
+
−
        <li><a href="/Team:SJTU-software/Description">Description</a></li>
+
−
        <li><a href="/Team:SJTU-software/Project/Background">Background</a></li>
+
−
        <li><a href="/Team:SJTU-software/Project/Methods">Methods</a></li>
+
−
                                                <li><a href="/Team:SJTU-software/Project/Results">Results</a></li>
+
−
                                                <li><a href="/Team:SJTU-software/Project/Parts">Parts</a></li>
+
−
                                                <li><a href="/Team:SJTU-software/Modeling">Modeling</a></li>
+
−
                                                                 
+
−
                                                <li><a href="/Team:SJTU-software/Project/Conclusions">Conclusions</a></li>
+
−
 
+
−
        </ul>
+
−
        </li>
+
−
 
+
−
        <li class = "cat3">
+
−
        <a href="https://2018.igem.org/Team:SJTU-software/Team">Team</a>
+
−
        <ul>
+
−
        <li><a href="/Team:SJTU-software/Team/Aboutus">About Us</a></li>                                     
+
−
                                                <li><a href="/Team:SJTU-software/Team/Attributions">Attributions</a></li>
+
−
        <li><a href="/Team:SJTU-software/Team/Gallery">Gallery</a></li>
+
−
        <li><a href="https://igem.org/Team.cgi?id=1781">Official Team Site</a></li>
+
−
        <li><a href="/Team:SJTU-software/Team/Contact">Contact Us!</a></li>
+
−
        <li><a href="/Team:SJTU-software/Team/Sponsors">Sponsors</a></li>
+
−
        </ul>
+
−
        </li>
+
−
 
+
−
        <li class = "cat5">
+
−
        <a href="https://2018.igem.org/Team:SJTU-software/Video">Video</a><li>
+
−
 
+
−
        <li class = "cat4">
+
−
        <a href="https://2018.igem.org/Team:SJTU-software/Notebook">Notebook</a>
+
−
        <ul>
+
−
        <li><a href="/Team:SJTU-software/Notebook/Protocols">Protocols</a></li>
+
−
        <li><a href="/Team:SJTU-software/Notebook/LabJournal">Lab Journal</a></li>
+
−
        <li><a href="/Team:SJTU-software/Notebook/PlasmidDesign">Plasmid Design</a></li>
+
−
        </ul>
+
−
        </li>
+
−
 
+
−
        <li class = "cat6">
+
−
        <a href="https://2018.igem.org/Team:SJTU-software/Practices">Human Practices</a>
+
−
        <ul>
+
−
        <li><a href="/Team:SJTU-software/Practices/Sustainability">Sustainability</a></li>
+
−
        <li><a href="/Team:SJTU-software/Practices/Social_Outreach">Social Outreach (LNdW)</a></li>
+
−
        <li><a href="/Team:SJTU-software/Practices/Education">Education</a></li>
+
−
        <li><a href="/Team:SJTU-software/Collaborations">Team Collaborations</a></li>
+
−
 
+
−
        <li><a href="/Team:SJTU-software/Practices/Meetings">Meetings</a></li>
+
−
        </ul>
+
−
        </li>
+
−
 
+
−
 
+
−
        <li class = "cat7">
+
−
        <a href="/SJTU-software/Safety">Safety</a>
+
−
       
+
−
        </li>
+
−
 
+
−
<li class = "catX">
+
−
                        <a href="https://2018.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2015/2/2a/Igemlogo_banner.jpg" style="width: 40px; height: 38px"></a>
+
−
</li>
+
−
</ul>
+
−
        </nav>
+
−
 
+
−
                         
+
−
 
+
−
 
+
 
</body>
 
</body>
−
 
−
 
−
 
−
 
−
 
 
</html>
 
</html>

Latest revision as of 07:42, 17 October 2018

SJTU-software
Metlab: a metabolic network research tool box