Difference between revisions of "Template:SJTU-software"

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>
 
<head>
  
 +
    <style type="text/css">
 +
        body {
 +
            font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif;
 +
            font-size: 16px;
 +
            line-height: 1.5em;
 +
            color: #6b3b25;
 +
            background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/bg.png);
 +
            }
 +
        .wrapper {
 +
            width: 1000px;
 +
            margin: 30px auto 80px 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
 +
        /*-----------------------------------------------------------------------------------*/
 +
        header {
 +
            background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/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 {
 +
            margin-top: 45px;
 +
            margin-left: 260px;
 +
            font-size: 36px;
 +
            font-weight: 700;
 +
            text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 +
            /* text-align: center; */
 +
        }
 +
        header #subtitle{
 +
            margin-top: 26px;
 +
            margin-left: 260px;
 +
            font-size: 23px;
 +
            font-weight: 500;
 +
            text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 +
        }
 +
        /*---------------------------------------------------------------*/
  
−
<style type="text/css">
+
        /*-----------------------------------------------------------------------------------*/
 +
        /* Nav
 +
        /*-----------------------------------------------------------------------------------*/
 +
        nav {
 +
            background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/nav.png) no-repeat top center;
 +
            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 */
  
−
body {
+
            }
−
  width:100%;
+
        nav #nav > li {
−
  background-color: white;
+
            display: block;
−
  font-family: 'Open Sans', Arial, sans-serif;
+
            float: left;
−
  font-size: 9pt;
+
            /* Subnavigation ----------------------------------------------------*/
−
  background-image: url("https://static.igem.org/mediawiki/2018/8/87/T--SJTU-software--dark-background.jpg");
+
            }
−
  background-repeat: repeat;
+
        nav #nav > li:hover a,
−
  opacity: 4.5;
+
        nav #nav > li.current-menu-item a,
−
  background-attachment: fixed;
+
        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: 25px;
 +
            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;
 +
        }
 +
        /*-----------------------------------------------------------------------------------*/
  
−
}
+
        /*** ESSENTIAL STYLES ***/
  
−
#content {                /* ----------------------------------------------------- #CONTENT */
+
        .sf-menu, .sf-menu * {
−
  background-color: transparent !important;
+
            margin: 0;
−
  margin: auto;
+
            padding: 0;
−
  border: none !important;
+
            list-style: none;
−
  padding: 0px !important;
+
        }
−
  position: relative;
+
     
−
  width: auto !important;
+
        .sf-menu ul {
−
  height: auto;
+
            position: absolute;
−
}
+
            top: -999em;
 +
            width: 10em; /* left offset of submenus need to match (see below) */
  
−
div#bodyContent {        /* ------------------------------------------------- #BODYCONTENT */
+
        }
−
  background-color: transparent !important;
+
        .sf-menu ul li {
−
  width: 100% ;
+
            width: 100%;
−
  position: relative;
+
         }
−
  margin-top: 20px !important;
+
        .sf-menu li:hover {
−
  height: auto;
+
            visibility: inherit; /* fixes IE7 'sticky bug' */
−
}
+
        }
 +
        .sf-menu li {
 +
            float: left;
 +
            position: relative;
 +
        }
 +
        .sf-menu a {
 +
            display: block;
 +
            position: relative;
 +
        }
 +
        .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 {
+
        /* cf: contain floats*/
−
  background-color: white;
+
−
  width: 920px;
+
−
  position: relative;
+
−
  margin: auto;
+
−
  margin-top: 55px;
+
−
  margin-bottom: 30px;
+
−
  padding: 20px 40px 40px 40px;
+
−
  text-align: justify;
+
−
}
+
  
−
#TueContent img {
+
        .cf:before,
−
    display: block;
+
        .cf:after {
−
    margin-left: auto;
+
            content: " "; /* 1 */
−
    margin-right: auto;
+
            display: table; /* 2 */
−
}
+
        }
  
−
#TueContent p {
+
        .cf:after {
−
  font-size: 12pt;
+
            clear: both;
−
  text-align: justify;
+
        }
−
  line-height: 18pt; 
+
−
  padding-bottom: 6pt;
+
  
−
}
+
        /*
−
#TueContent a {
+
        * For IE 6/7 only
−
  color: #9C1A16;
+
        * Include this rule to trigger hasLayout and contain floats.
−
  text-decoration: underline;
+
        */
−
}
+
−
#TueContent a:hover {
+
−
  color: #9C1A16;
+
−
  text-decoration: none;
+
−
  border-bottom: 1px dotted;
+
−
  border-color: #9C1A16;
+
−
}
+
−
#TueContent a:active {
+
−
  color: black;
+
−
  text-decoration: underline;
+
−
  border: none;
+
−
}
+
  
−
#TueContent ul {
+
        .cf {
−
  list-style-type: disc !important;
+
            *zoom: 1;
−
  color: black !important;
+
        }
−
  font-size: 12pt !important;
+
−
  list-style-image: none !important;
+
−
  line-height: 18pt !important;
+
−
  padding-bottom: 6pt;
+
−
}
+
  
−
#TueContent ol {
+
        /* ==========================================================================*/
−
  color: black !important;
+
−
  font-size: 12pt !important;
+
−
  line-height: 18pt !important;
+
−
  padding-bottom: 6pt;
+
−
}
+
  
−
#TueContent table {
+
        .slider-wrapper{
−
  font-size: 12pt !important;
+
            margin: 30px auto 0px auto;
−
  line-height: 18pt !important
+
            width: 940px;
−
}
+
        }
 +
       
 +
        /* The Nivo Slider styles */
 +
        .nivoSlider {
 +
            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;
 +
        }
  
−
#picText {
+
        .nivo-main-image {
−
  text-align: justify !important;  
+
            display: block !important;
−
  font-size: 10pt !important;
+
            position: relative !important;
−
}
+
            width: 100% !important;
 +
        }
  
 +
        /* If an image is wrapped in a link */
 +
        .nivoSlider a.nivo-imageLink {
 +
            position:absolute;
 +
            top:0px;
 +
            left:0px;
 +
            width:100%;
 +
            height:100%;
 +
            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; }
  
−
#picTextCenter {
+
        /* Caption styles */
−
  text-align: center !important;
+
        .nivo-caption {
−
  font-size: 10pt !important;
+
            position:absolute;
−
}
+
            left:0px;
 +
            bottom:0px;
 +
            background:#000;
 +
            color:#fff;
 +
            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;
 +
        }
  
−
h1 {
+
        /* Widgets block
−
  font-family: 'FFF Tusj Bold', arial;
+
        /*-----------------------------------------------------------------------------------*/
−
  position: relative;
+
        .widget-cols {
−
  font-size: 48px;
+
            position: relative;
−
  text-shadow: 4px 4px 4px #aaa;
+
            display: block;
−
  text-align: left;
+
            background: #62493d url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/widgets.png) repeat;
−
  color: black;
+
            font-size: 16px;
−
  margin-bottom:100px;
+
            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:220px;
 +
        }
 +
        .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;
 +
            border-bottom: 1px dotted #e09402;
 +
            text-decoration: none;
 +
        }
 +
        .widget-cols a:hover {
 +
            color: #fff;
 +
            border-bottom: 1px dotted #fff;
 +
        }
 +
        .widget-cols > li {
 +
            width: 220px;
 +
            float: left;
 +
            margin-left: 20px;
 +
            margin-bottom: 40px;
 +
        }
 +
        .widget-cols .scroll {
 +
            content: '';
 +
            position: absolute;
 +
            top: -40px;
 +
            left: 50%;
 +
            margin-left: -23px;
 +
            background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/bottom-arrow.png) no-repeat;
 +
            height: 41px;
 +
            width: 46px;
 +
        }
 +
        .widget-cols .scroll:hover {
 +
            background-position: 0px -41px;
 +
        }
 +
        .multiplebgs .widget-cols {
 +
            background-image: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/widgets-shadow.png), url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/widgets.png);
 +
            background-repeat: repeat-x, repeat;
 +
            background-position: left bottom, left bottom;
 +
        }
  
−
{
+
        .footer-divider {
−
  font-family: 'Headland One', serif, 'Open Sans', sans-serif;
+
            background: #5a453b;
−
  position: relative;
+
            border-top: 1px solid #644d42;
−
  font-size: 26pt;  
+
            border-bottom: 1px solid #523f35;
−
  text-align: left;
+
            height: 8px;
−
  color: black;
+
            width: 100%;
−
}
+
        }
  
−
h2 {
+
        /* FOOTER
−
  font-family: 'Headland One', serif, 'Open Sans', sans-serif;
+
        /*-----------------------------------------------------------------------------------*/
−
  position: relative;
+
        footer {
−
  font-size: 20pt;  
+
            position: relative;
−
  text-align: left;
+
            text-align: center;
−
/*  padding-left: 20px;*/
+
            padding: 30px 30px 30px 30px;
−
/*  padding-top: 20px;*/
+
            font-size: 18px;
−
  color: black;
+
            color: #e09402;
−
}
+
            background: #62493d url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/footer.png) repeat-x center top;
 +
            text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.5);
 +
        }
 +
        footer:after {
 +
            content: '';
 +
            position: absolute;
 +
            bottom: -46px;
 +
            height: 46px;
 +
            width: 100%;
 +
            width: 940px\9;
 +
            background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/main-shadow.png) no-repeat top center;
 +
        }
 +
        footer a {
 +
            text-decoration: none;
 +
            color: #e09402;
 +
            border-bottom: 1px dotted #e09402;
 +
        }
 +
        footer a:hover {
 +
            color: #fff;
 +
            border-bottom: 1px dotted #fff;
 +
        }
  
−
h3 {
+
     </style>
−
      font-family: 'Headland One', serif, 'Open Sans', sans-serif;
+
−
  position: relative;
+
−
  font-size: 14pt;
+
−
  text-align: left;
+
−
/*  padding-left: 20px;*/
+
−
/*  padding-top: 20px;*/
+
−
  color: black;
+
−
}
+
−
 
+
−
h5 {
+
−
     padding-left: 20px;
+
−
/*  padding-top: 20px;*/
+
−
  color: black;
+
−
}
+
−
 
+
−
 
+
−
/* ---------- DROP DOWN MENU CSS STARTS HERE ---------- */
+
−
 
+
−
nav {
+
−
    top: -22px;
+
−
    position: absolute;
+
−
    width: 100%;
+
−
    z-index: 99;
+
−
}
+
−
 
+
−
nav ul {
+
−
    padding: 0px !important;
+
−
    margin: 0px !important;
+
−
    text-align: center;
+
−
    line-height: 43px !important;
+
−
    height: 71px;
+
−
 
+
−
}
+
−
 
+
−
nav ul:after {
+
−
    clear: both;
+
−
    content: " ";
+
−
    display: block;
+
−
    font-size: 0;
+
−
    height: 0 !important;
+
−
    visibility: hidden;
+
−
}
+
−
 
+
−
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>
+
 
</head>
 
</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://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/teamlogo.png"  height="90"/></a></div>
 +
          <div id="title">SJTU-software</div>
 +
          <div id="subtitle">Metlab: a metabolic network alignment tool</div>
 +
        </header>
  
 +
        <!-- NAV -->
 +
        <nav class="cf">
 +
            <ul id="nav" class="sf-menu">
 +
                <li class="current-menu-item"><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/collaborations">COLLABRATIONS</a></li>>
 +
                    </ul>
 +
                </li>
 +
                <li><a href="">PROJECT</a>
 +
                    <ul>
 +
                        <li><a href="">DESCRIPTION</a></li>
 +
                        <li><a href="">DESIGN</a></li>
 +
                        <li><a href="">NOTEBOOK</a></li>
 +
                        <li><a href="">CONTRIBUTION</a></li>
 +
                        <li><a href="">DEMONSTRATE</a></li>
 +
                        <li><a href="">IMPROVE</a></li>
 +
                        <li><a href="">ATTRIBUTIONS</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li><a href="">HUMAN PRACTICE</a>
 +
                    <ul>
 +
                        <li><a href="">SILVER HP</a></li>
 +
                        <li><a href="">INTERCRATED AND COLD</a></li>
 +
                        <li><a href="">PUBLIC ENGAGEMENT</a></li>
 +
                    </ul>
 +
                </li>
 +
            </ul>
 +
        </nav>
 +
        <!-- ENDS NAV-->
  
 +
        <!-- FOOTER -->
 +
            <div class="footer-divider"></div>
 +
            <footer class="cf">
 +
                    SJTU-software
 +
               
 +
            </footer>
 +
<!-- ENDS FOOTER -->
  
 +
    </div>
  
−
<nav>
+
    <script type="text/javascript" src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/js/jquery.min.js"></script>
−
        <ul>
+
    <script>
−
                                <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>
+
        /* Scroll to top
−
                                </li>
+
        /*-----------------------------------------------------------------------------------*/        
−
               
+
        $('.widget-cols .scroll').click(function(){
−
                                <li class = "cat1">
+
            $("html, body").animate({ scrollTop: 0 }, 600);
−
        <a href="/Team:SJTU-software">Home</a>
+
            return false;
−
        </li>
+
        });
−
        <li class = "cat2">
+
        /*-----------------------------------------------------------------------------------*/
−
        <a href="https://2018.igem.org/Team:SJTU-software/Project">Project</a>
+
    </script>
−
        <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>

Revision as of 12:50, 26 September 2018

SJTU-software
Metlab: a metabolic network alignment tool
SJTU-software