|
|
| (80 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| | <html> | | <html> |
| − | <head> | + | <style> |
| − | | + | #sideMenu, #top_title, .patrollink {display:none;} |
| − | <style type="text/css"> | + | div#globalWrapper {width:100%;height:800px;} |
| − | body {
| + | div#content { width:1200px; display: inline-block; |
| − | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif;
| + | vertical-align: middle; |
| − | font-size: 16px;
| + | margin-top:0px; |
| − | 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);
| + | |
| − | }
| + | |
| − | /*---------------------------------------------------------------*/
| + | |
| − | | + | |
| − | /*-----------------------------------------------------------------------------------*/
| + | |
| − | /* 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 */
| + | |
| − | | + | |
| − | }
| + | |
| − | nav #nav > li {
| + | |
| − | display: block;
| + | |
| − | float: left;
| + | |
| − | /* Subnavigation ----------------------------------------------------*/
| + | |
| − | }
| + | |
| − | nav #nav > li:hover a,
| + | |
| − | nav #nav > li.current-menu-item a,
| + | |
| − | 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 ***/
| + | |
| − | | + | |
| − | .sf-menu, .sf-menu * {
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | list-style: none;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .sf-menu ul {
| + | |
| − | position: absolute;
| + | |
| − | top: -999em;
| + | |
| − | width: 10em; /* left offset of submenus need to match (see below) */
| + | |
| − | | + | |
| − | }
| + | |
| − | .sf-menu ul li {
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | .sf-menu li:hover {
| + | |
| − | 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;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* cf: contain floats*/
| + | |
| − | | + | |
| − | .cf:before,
| + | |
| − | .cf:after {
| + | |
| − | content: " "; /* 1 */
| + | |
| − | display: table; /* 2 */
| + | |
| − | }
| + | |
| − | | + | |
| − | .cf:after {
| + | |
| − | clear: both;
| + | |
| − | }
| + | |
| − | | + | |
| − | /*
| + | |
| − | * For IE 6/7 only
| + | |
| − | * Include this rule to trigger hasLayout and contain floats.
| + | |
| − | */
| + | |
| − | | + | |
| − | .cf {
| + | |
| − | *zoom: 1;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* ==========================================================================*/
| + | |
| − | | + | |
| − | .slider-wrapper{
| + | |
| − | margin: 30px auto 0px auto;
| + | |
| − | width: 940px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | /* The Nivo Slider styles */
| + | |
| − | .nivoSlider {
| + | |
| − | position:relative;
| + | |
| | width:100%; | | width:100%; |
| − | height:auto; | + | height:100%; |
| − | overflow: hidden; | + | min-height:400px;} |
| − |
| + | div#bodyContent { |
| − | border: 5px solid #fff;
| + | display: inline-block; |
| − | margin-left: -5px; /* Adjust 5px because of the border width 5px*/
| + | vertical-align: middle; |
| − |
| + | |
| − | -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 {
| + | |
| − | display: block !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%; | | width:100%; |
| | height:100%; | | height:100%; |
| − | border:0; | + | min-height:400px; } |
| − | padding:0;
| + | #content {background:transparent; margin-top:30px;margin-bottom:30px; padding:0px; width:1200px; display: inline-block; |
| − | margin:0;
| + | vertical-align: middle; |
| − | z-index:6;
| + | width:100%; |
| − | display:none;
| + | |
| − | }
| + | |
| − | /* The slices and boxes in the Slider */
| + | |
| − | .nivo-slice {
| + | |
| − | display:block;
| + | |
| − | position:absolute; | + | |
| − | z-index:5; | + | |
| | height:100%; | | height:100%; |
| − | top:0; | + | min-height:400px;} |
| − | } | + | body { |
| − | .nivo-box { | + | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif; |
| − | display:block;
| + | font-size: 18px; |
| − | position:absolute;
| + | line-height: 1.5em; |
| − | z-index:5;
| + | color: #6b3b25; |
| − | overflow:hidden;
| + | background: url(https://static.igem.org/mediawiki/2018/b/b9/T--SJTU-software--H-background.jpg); |
| − | } | + | background-size: 100%; |
| − | .nivo-box img { display:block; } | + | } |
| | + | /* fantasy ball */ |
| | + | /*#HOME-0 { |
| | + | width: 1000px; |
| | + | background: transparent; |
| | + | -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); |
| | + | }*/ |
| | + | #HOME-1 { |
| | + | width: 108px; |
| | + | height: 108px; |
| | + | float: left; |
| | + | clear: both; |
| | + | background-image: url(https://static.igem.org/mediawiki/2018/archive/7/7e/20181017145320%21T--SJTU-software--H-project.png); |
| | + | left:570px; |
| | + | bottom:620px; |
| | + | } |
| | + | |
| | + | #HOME-2 { |
| | + | width: 87px; |
| | + | height: 87px; |
| | + | float: left; |
| | + | clear: both; |
| | + | background-image: url(https://static.igem.org/mediawiki/2018/f/fb/T--SJTU-software--H-Design.png); |
| | + | left:435px; |
| | + | bottom:305px; |
| | + | } |
| | + | |
| | + | #HOME-3 { |
| | + | width: 106px; |
| | + | height: 106px; |
| | + | float: left; |
| | + | clear: both; |
| | + | background-image: url(https://static.igem.org/mediawiki/2018/archive/6/60/20181017145003%21T--SJTU-software--H-HP.png); |
| | + | left:202px; |
| | + | bottom:300px; |
| | + | } |
| | + | |
| | + | #HOME-4 { |
| | + | width: 100px; |
| | + | height: 100px; |
| | + | float: left; |
| | + | clear: both; |
| | + | background-image: url(https://static.igem.org/mediawiki/2018/archive/a/ae/20181017144024%21T--SJTU-software--H-tool.png); |
| | + | left:113px; |
| | + | bottom:872px; |
| | + | } |
| | | | |
| − | /* Caption styles */
| + | #HOME-5 { |
| − | .nivo-caption {
| + | width: 87px; |
| − | position:absolute;
| + | height: 87px; |
| − | left:0px;
| + | float: left; |
| − | bottom:0px;
| + | clear: both; |
| − | background:#000;
| + | background-image: url(https://static.igem.org/mediawiki/2018/7/72/T--SJTU-software--H-Team.png); |
| − | color:#fff;
| + | left:385px; |
| − | width:100%;
| + | bottom:880px; |
| − | 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;
| + | |
| − | }
| + | |
| | | | |
| − | /* Widgets block
| + | #HOME-6 { |
| − | /*-----------------------------------------------------------------------------------*/
| + | width: 56px; |
| − | .widget-cols { | + | height: 56px; |
| − | position: relative;
| + | float: left; |
| − | display: block;
| + | clear: both; |
| − | background: #62493d url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/widgets.png) repeat;
| + | background-image: url(https://static.igem.org/mediawiki/2018/9/9d/T--SJTU-software--H-Demo.png); |
| − | font-size: 16px;
| + | left:638px; |
| − | color: #e7d7ba;
| + | bottom:950px; |
| − | 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;
| + | #HOME-7 { |
| − | padding-left: 10px;
| + | width: 104px; |
| − | padding-top: 10px;
| + | height: 104px; |
| − | margin: auto;
| + | float: left; |
| − | height:220px;
| + | clear: both; |
| | + | background-image: url(https://static.igem.org/mediawiki/2018/f/f1/T--SJTU-software--H-Game.png); |
| | + | left:690px; |
| | + | bottom:700px; |
| | + | } |
| | + | |
| | + | #HOME-8 { |
| | + | width: 55px; |
| | + | height: 55px; |
| | + | float: left; |
| | + | clear: both; |
| | + | background-image: url(https://static.igem.org/mediawiki/2018/4/4c/T--SJTU-software--H-Video.png); |
| | + | left:195px; |
| | + | bottom:862px; |
| | + | } |
| | + | .wrapper { |
| | + | width: 570px; |
| | + | margin: auto auto auto auto; |
| | + | background: transparent; |
| | } | | } |
| − | .widget-cols h1,
| + | .works-wrapper { |
| − | .widget-cols h2, | + | width: 1000px; |
| − | .widget-cols h3,
| + | margin: auto auto auto auto; |
| − | .widget-cols h4,
| + | background: transparent;} |
| − | .widget-cols h5,
| + | .bin{ |
| − | .widget-cols h6 {
| + | -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); |
| − | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial;
| + | -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); |
| − | color: #e09402;
| + | -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); |
| − | margin-bottom: 20px;
| + | box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); |
| − | 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;
| + | |
| | } | | } |
| | + | .works-wrapper a { |
| | + | position: relative; |
| | + | box-shadow: none; |
| | + | background-repeat: no-repeat; |
| | + | background-position: top; |
| | + | transition: box-shadow 0.3s , -webkit-box-shadow 0.3s, background-position 0.5s; |
| | + | -webkit-transition: box-shadow 0.3s , -webkit-box-shadow 0.3s, background-position 0.5s; |
| | + | z-index: 1; |
| | + | } |
| | | | |
| − | .footer-divider {
| + | .works-wrapper a:hover { |
| − | background: #5a453b;
| + | background-position: bottom; |
| − | border-top: 1px solid #644d42;
| + | box-shadow: inset 0px 0px 0px 6px #FFA042; |
| − | border-bottom: 1px solid #523f35;
| + | -webkit-box-shadow: inset 0px 0px 0px 6px #FFA042; |
| − | height: 8px;
| + | } |
| − | width: 100%;
| + | .works-wrapper a img { |
| − | }
| + | width: auto; |
| − | | + | height: auto; |
| − | /* FOOTER
| + | transition: margin-top 0.2s; |
| − | /*-----------------------------------------------------------------------------------*/
| + | -webkit-transition: margin-top 0.2s; |
| − | footer {
| + | position: relative; |
| − | position: relative;
| + | } |
| − | text-align: center;
| + | .works-wrapper a:hover img { |
| − | padding: 30px 30px 30px 30px;
| + | z-index: 0; |
| − | font-size: 18px;
| + | width: 75px; |
| − | color: #e09402;
| + | height: 75px; |
| − | background: #62493d url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/footer.png) repeat-x center top;
| + | margin-left: 6px; |
| − | text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.5);
| + | margin-top: 6px; |
| − | }
| + | } |
| − | footer:after {
| + | </style> |
| − | 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;
| + | |
| − | }
| + | |
| − | | + | |
| − | </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://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-->
| |
| − |
| |
| − | <!-- MAIN-->
| |
| − | <div id="main" class="cf">
| |
| − | <!-- SLIDER -->
| |
| − | <div class="slider-wrapper">
| |
| − | <div id="slider" class="nivoSlider">
| |
| − | <img class="nivo-main-image" src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/dummies/slides/03.jpg" style="display: inline;">
| |
| − | </div>
| |
| − | </div>
| |
| − | <!-- ENDS SLIDER -->
| |
| − |
| |
| − | </div>
| |
| − | <!-- ENDS MAIN -->
| |
| − |
| |
| − |
| |
| − | <!-- WIDGETS -->
| |
| − | <ul class="widget-cols cf">
| |
| − | <li class="first-col">
| |
| − |
| |
| − | <div class="widget-block">
| |
| − | <h4>Address</h4>
| |
| − | <p>NO. 800 DONGCHUAN ROAD, MINHANG DISTRICT, SHANGHAI, CHINA
| |
| − | <!-- <a href="#/blog/license/" >link</a> -->
| |
| − | </p>
| |
| − | </div>
| |
| − | </li>
| |
| − |
| |
| − | <li class="second-col">
| |
| − |
| |
| − | <div class="widget-block">
| |
| − | <h4>Contact Us</h4>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | </li>
| |
| − |
| |
| − | <li class="third-col">
| |
| − |
| |
| − | <div class="widget-block">
| |
| − | <h4>DUMMY TEXT</h4>
| |
| − | <p></p>
| |
| − | </div>
| |
| − |
| |
| − | </li>
| |
| − |
| |
| − | <li class="fourth-col">
| |
| − |
| |
| − | <div class="widget-block">
| |
| − | <h4>CATEGORIES</h4>
| |
| − | <ul>
| |
| − | <li class="cat-item"><a href="#" >Design</a></li>
| |
| − | <li class="cat-item"><a href="#" >Photo</a></li>
| |
| − | <li class="cat-item"><a href="#" >Art</a></li>
| |
| − | <li class="cat-item"><a href="#" >Game</a></li>
| |
| − | <li class="cat-item"><a href="#" >Film</a></li>
| |
| − | <li class="cat-item"><a href="#" >TV</a></li>
| |
| − | </ul>
| |
| − | </div>
| |
| − |
| |
| − | </li>
| |
| − | <li class="scroll"></li>
| |
| − | </ul>
| |
| − | <!-- ENDS WIDGETS -->
| |
| − | <!-- FOOTER -->
| |
| − | <div class="footer-divider"></div>
| |
| − | <footer class="cf">
| |
| − | SJTU-software
| |
| − |
| |
| − | </footer>
| |
| − | <!-- ENDS FOOTER -->
| |
| − |
| |
| − | </div>
| |
| | | | |
| − | <script type="text/javascript" src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/js/jquery.min.js"></script>
| + | <div class="wrapper" style=" |
| − | <script>
| + | margin-left: auto; |
| − | /*-----------------------------------------------------------------------------------*/
| + | margin-right: auto; |
| − | /* Scroll to top
| + | margin-top: auto; |
| − | /*-----------------------------------------------------------------------------------*/ | + | margin-bottom: auto;"><img src="https://static.igem.org/mediawiki/2018/4/4c/T--SJTU-software--headboy.png" align="center" style="height:150px;padding-left:450px;"></img> |
| − | $('.widget-cols .scroll').click(function(){ | + | <img src="https://static.igem.org/mediawiki/2018/e/ee/T--SJTU-software--H-box2.jpg" align="center" style="width:500px;padding-bottom:40px;height:90px;"></img></div> |
| − | $("html, body").animate({ scrollTop: 0 }, 600);
| + | <div class="works-wrapper" style=" |
| − | return false;
| + | margin-left: auto; |
| − | });
| + | margin-right: auto; |
| − | /*-----------------------------------------------------------------------------------*/
| + | margin-top: auto; |
| − | </script>
| + | margin-bottom: auto;"> |
| − |
| + | <b><img src="https://static.igem.org/mediawiki/2018/0/04/T--SJTU-software--teamlogo.png" align="center"></b> |
| | + | <a id="HOME-1" href="https://2018.igem.org/Team:SJTU-software/Description"></a> |
| | + | <a id="HOME-2" href="https://2018.igem.org/Team:SJTU-software/Design"></a> |
| | + | <a id="HOME-3" href="https://2018.igem.org/Team:SJTU-software/Human_Practices"></a> |
| | + | <a id="HOME-4" href="http://weibohot.org"></a> |
| | + | <!-- <a id="HOME-4" href="http://metlab-sjtu.com"></a>--> |
| | + | <a id="HOME-5" href="https://2018.igem.org/Team:SJTU-software/Team"></a> |
| | + | <a id="HOME-6" href="https://2018.igem.org/Team:SJTU-software/Demonstrate"></a> |
| | + | <a id="HOME-7" href="https://2018.igem.org/Team:SJTU-software/Public_Engagement"></a> |
| | + | <a id="HOME-8" href="https://2018.igem.org/Team:SJTU-software/Video"></a></div> |
| | + | <!--<div class="wrapper" style=" |
| | + | margin-left: auto; |
| | + | margin-right: auto; |
| | + | margin-top: 30px; |
| | + | margin-bottom: auto;" align="center;"> |
| | + | <img src="https://static.igem.org/mediawiki/2018/5/5d/T--SJTU-software--H-foot.png" style="position: relative;"></img> |
| | + | |
| | + | </div>--> |
| | </body> | | </body> |
| − | </html> | + | <html> |
