Difference between revisions of "Team:SJTU-software"

 
(84 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
 
−
{{SJTU-software}}
 
−
 
−
 
−
 
 
<html>
 
<html>
−
 
−
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
−
 
−
 
−
<head>
 
−
 
−
 
−
<script type="text/javascript">
 
−
$('#home_link').addClass('active');
 
−
 
−
$(document).ready(function(){
 
−
var keys = [];
 
−
var konami  = '38,38,40,40,37,39,37,39,66,65';
 
−
 
−
$(document)
 
−
.keydown(
 
−
function(e) {
 
−
keys.push( e.keyCode );
 
−
if ( keys.toString().indexOf( konami ) >= 0 ){
 
−
$('#flagstats').toggle();
 
−
 
−
keys = [];
 
−
}
 
−
}
 
−
);
 
−
});
 
−
 
−
</script>
 
 
<style>
 
<style>
−
 
+
    #sideMenu, #top_title, .patrollink  {display:none;}
−
body {
+
    div#globalWrapper {width:100%;height:800px;}
−
 
+
    div#content { width:1200px; display: inline-block;
−
  background-image: url("https://static.igem.org/mediawiki/2015/9/92/TU_Dresden_background.jpg");
+
            vertical-align: middle;
−
  background-size: 100%;
+
            margin-top:0px;
−
 
+
            width:100%;
 +
            height:100%;
 +
            min-height:400px;}
 +
    div#bodyContent {
 +
            display: inline-block;
 +
            vertical-align: middle;
 +
            width:100%;
 +
            height:100%;
 +
            min-height:400px; }
 +
    #content {background:transparent; margin-top:30px;margin-bottom:30px; padding:0px; width:1200px; display: inline-block;
 +
            vertical-align: middle;
 +
            width:100%;
 +
            height:100%;
 +
            min-height:400px;}
 +
    body {
 +
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif;
 +
        font-size: 18px;
 +
        line-height: 1.5em;
 +
        color: #6b3b25;
 +
        background: url(https://static.igem.org/mediawiki/2018/b/b9/T--SJTU-software--H-background.jpg);
 +
        background-size: 100%;
 
}
 
}
 +
    /* 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;
 +
    }
  
−
#TueContent table img {
+
    #HOME-5 {
−
  width: 250px;
+
  width: 87px;
−
  display: block;  
+
  height: 87px;
−
  margin-left: auto;  
+
      float: left;
−
  margin-right: auto;
+
      clear: both;
−
  padding-bottom: 20px;
+
  background-image: url(https://static.igem.org/mediawiki/2018/7/72/T--SJTU-software--H-Team.png);
−
}
+
        left:385px;
 +
        bottom:880px;
 +
    }
  
−
 
+
    #HOME-6 {
−
#squareLogo img {
+
  width: 56px;
−
  width: 120px !important;
+
  height: 56px;
−
}
+
      float: left;
−
 
+
      clear: both;
−
table {
+
  background-image: url(https://static.igem.org/mediawiki/2018/9/9d/T--SJTU-software--H-Demo.png);
−
  valign: middle;
+
        left:638px;
−
  justify: center;
+
        bottom:950px;
−
 
+
    }
−
}
+
−
 
+
    #HOME-7 {
−
#TueContent img {
+
  width: 104px;
−
    display: block;
+
  height: 104px;
−
    margin-left: auto;
+
      float: left;
−
    margin-right: auto;
+
      clear: both;
−
    margin-bottom: -20px;
+
  background-image: url(https://static.igem.org/mediawiki/2018/f/f1/T--SJTU-software--H-Game.png);
−
    width: 100%;
+
        left:690px;
−
}
+
        bottom:700px;
−
 
+
    }
−
 
+
−
#HOME-REACTOR {
+
    #HOME-8 {
−
display:block;
+
  width: 55px;
−
width: 190px;
+
  height: 55px;
−
height: 300px;
+
      float: left;
−
background-image: url(https://static.igem.org/mediawiki/2015/d/d1/Tu_dRESDEN_Reactor_edit_SMALL3.png);
+
      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;
 +
        }
 +
    .works-wrapper {
 +
        width: 1000px;
 +
        margin: auto auto auto auto;
 +
        background: transparent;}
 +
    .bin{
 +
        -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);
 +
        }
 +
    .works-wrapper a {
 +
      position: relative;
 +
      box-shadow: none;
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
 
background-position: top;
 
background-position: top;
−
                float:right;
+
      transition: box-shadow 0.3s , -webkit-box-shadow 0.3s, background-position 0.5s;
−
margin-left: auto;
+
      -webkit-transition: box-shadow 0.3s , -webkit-box-shadow 0.3s, background-position 0.5s;
−
margin-right: auto;
+
      z-index: 1;
−
                position: fixed;
+
    }
−
                top: 350px;
+
−
                left: 250px;
+
−
}
+
  
−
 
+
    .works-wrapper a:hover {
−
#HOME-REACTOR:hover {
+
 
background-position: bottom;
 
background-position: bottom;
−
}
+
      box-shadow: inset 0px 0px 0px 6px #FFA042;
−
 
+
      -webkit-box-shadow: inset 0px 0px 0px 6px #FFA042;
−
#HOME-ROCKET {
+
    }
−
display:block;
+
    .works-wrapper a img {
−
width: 250px;
+
      width: auto;
−
height: 470px;
+
      height: auto;
−
background-image: url(https://static.igem.org/mediawiki/2015/d/db/TU_Dresden_Rocket_edit_bigger_moved2.png);
+
      transition: margin-top 0.2s;
−
background-repeat: no-repeat;
+
      -webkit-transition: margin-top 0.2s;
−
background-position: top;
+
      position: relative;
−
                float:right;
+
    }
−
margin-left: auto;
+
    .works-wrapper a:hover img {
−
margin-right: auto;
+
        z-index: 0;
−
                position: fixed;
+
        width: 75px;
−
                bottom: 30px;
+
        height: 75px;
−
                right: 50px;
+
        margin-left: 6px;
−
}
+
        margin-top: 6px;
−
 
+
−
#HOME-ROCKET:hover {
+
−
background-position: bottom;
+
−
}
+
−
 
+
−
#HOME-NOTEBOOK {
+
−
display:block;
+
−
width: 250px;
+
−
height: 185px;
+
−
background-image: url(https://static.igem.org/mediawiki/2015/6/6b/TU_Dresden_edit_notebook_bigger.png);
+
−
background-repeat: no-repeat;
+
−
background-position: top;
+
−
                float:right;
+
−
margin-left: auto;
+
−
margin-right: auto;
+
−
                position: fixed;
+
−
                bottom: 280px;
+
−
                left: 380px;
+
−
}
+
−
 
+
−
#HOME-NOTEBOOK:hover {
+
−
background-position: bottom;
+
−
}
+
−
 
+
−
#HOME-VIDEO {
+
−
display:block;
+
−
width: 250px;
+
−
height: 170px;
+
−
background-image: url(https://static.igem.org/mediawiki/2015/9/98/TU_Dresden_Video_edit_SMALL2.png);
+
−
background-repeat: no-repeat;
+
−
background-position: top;
+
−
                float:right;
+
−
margin-left: auto;
+
−
margin-right: auto;
+
−
                position: fixed;
+
−
                bottom: 300px;
+
−
                right: 280px;
+
−
}
+
−
 
+
−
#HOME-VIDEO:hover {
+
−
background-position: bottom;
+
−
}
+
−
 
+
−
#HOME-SAFETY {
+
−
display:block;
+
−
width: 250px;
+
−
height: 250px;
+
−
background-image: url(https://static.igem.org/mediawiki/2015/d/d5/TU_Dresden_Safety_Small.png);
+
−
background-repeat: no-repeat;
+
−
background-position: top;
+
−
                float:right;
+
−
margin-left: auto;
+
−
margin-right: auto;
+
−
                position: fixed;
+
−
                left:570px;
+
−
                bottom:140px;
+
−
}
+
−
 
+
−
#HOME-SAFETY:hover {
+
−
background-position: bottom;
+
−
}
+
−
 
+
−
#HOME-HUMANPRACTICES {
+
−
display:block;
+
−
width: 285px;
+
−
height: 380px;
+
−
background-image: url(https://static.igem.org/mediawiki/2015/4/41/TU_Dresden_HumanPractices_drawing.png);
+
−
background-repeat: no-repeat;
+
−
background-position: top;
+
−
                float:right;
+
−
margin-right: auto;
+
−
                position: fixed;
+
−
                right: 1060px;
+
−
                bottom:185px;
+
−
}
+
−
 
+
−
#HOME-HUMANPRACTICES:hover {
+
−
background-position: bottom;
+
−
}
+
−
p.big {
+
−
    line-height: 1000%;
+
−
}
+
−
 
+
−
p.center { text-align: center; }
+
−
 
+
−
.fix{
+
−
    bottom:0px;
+
−
    position:fixed;
+
−
    left:0%;
+
 
     }
 
     }
−
 
−
 
−
.over
 
−
{
 
−
    position:fixed;
 
−
    left:60px;
 
−
    bottom:-50px;
 
−
    z-index:1;
 
−
}
 
−
 
 
</style>
 
</style>
−
 
−
 
 
<body>
 
<body>
  
−
 
+
<div class="wrapper" style="
−
+
    margin-left: auto;
−
 
+
    margin-right:  auto;
−
 
+
    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>
−
<div class="over" style="text-align:left;">
+
                          <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>
−
<div class="row">
+
<div class="works-wrapper" style="
−
<div class="col-md-4">
+
    margin-left: auto;
−
<a id="HOME-REACTOR" href="https://2015.igem.org/Team:TU_Dresden/Project"></a>
+
    margin-right:  auto;
−
<br /><br /><br />
+
    margin-top:  auto;
−
</div>
+
    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>
−
</div>
+
<a id="HOME-2" href="https://2018.igem.org/Team:SJTU-software/Design"></a>
−
</div>
+
<a id="HOME-3" href="https://2018.igem.org/Team:SJTU-software/Human_Practices"></a>
−
 
+
<a id="HOME-4" href="http://weibohot.org"></a>
−
<div class="over" style="text-align:right;">
+
<!--   <a id="HOME-4" href="http://metlab-sjtu.com"></a>-->
−
<div class="row">
+
<a id="HOME-5" href="https://2018.igem.org/Team:SJTU-software/Team"></a>
−
<div class="col-md-4">
+
        <a id="HOME-6" href="https://2018.igem.org/Team:SJTU-software/Demonstrate"></a>
−
<a id="HOME-ROCKET" href="https://2015.igem.org/Team:TU_Dresden/Team"></a>
+
        <a id="HOME-7" href="https://2018.igem.org/Team:SJTU-software/Public_Engagement"></a>
−
<br /><br /><br />
+
<a id="HOME-8" href="https://2018.igem.org/Team:SJTU-software/Video"></a></div>
−
</div>
+
<!--<div class="wrapper" style="
−
+
     margin-left: auto;
−
+
     margin-right: auto;
−
</div>
+
     margin-top:  30px;
−
</div>
+
     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 class="over" style="text-align:right;">
+
                         
−
<div class="row">
+
</div>-->
−
<div class="col-md-4">
+
</body>
−
<a id="HOME-NOTEBOOK" href="https://2015.igem.org/Team:TU_Dresden/Notebook"></a>
+
<html>
−
<br /><br /><br />
+
−
</div>
+
−
+
−
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="over" style="text-align:right;" style="width:150%;">
+
−
<div class="row">
+
−
<div class="col-md-4">
+
−
<a id="HOME-VIDEO" href="https://2015.igem.org/Team:TU_Dresden/Video"></a>
+
−
<br /><br /><br />
+
−
</div>
+
−
+
−
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class="over" style="text-align:right;" style="width:150%;">
+
−
<div class="row">
+
−
<div class="col-md-4">
+
−
<a id="HOME-SAFETY" href="https://2015.igem.org/TU_Dresden/Safety"></a>
+
−
<br /><br /><br />
+
−
</div>
+
−
+
−
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class="over" style="text-align:right;" style="width:150%;">
+
−
<div class="row">
+
−
<div class="col-md-4">
+
−
<a id="HOME-HUMANPRACTICES" href="https://2015.igem.org/Team:TU_Dresden/Practices"></a>
+
−
<br /><br /><br />
+
−
</div>
+
−
+
−
+
−
</div>
+
−
</div>
+
−
 
+
−
<br>
+
−
 
+
−
 
+
−
<br>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<img src="https://static.igem.org/mediawiki/2015/b/bb/TU_Dresden_space_grey.png" style="width: 100%;"  class="fix" class="under"  />
+
−
 
+
−
<img src="https://static.igem.org/mediawiki/2015/c/c0/TU_Dresden_Space-Elements_4_edit_small.png" style="position:fixed;
+
−
    left:1280px;
+
−
    bottom:30px;
+
−
    z-index:1;width:50px;"  class="fix" />
+
−
 
+
−
<img src="https://static.igem.org/mediawiki/2015/0/09/TU_Dresden_Space-Elements_2_edit_small.png" style="position:fixed;
+
−
     left:450px;
+
−
     bottom:30px;
+
−
     z-index:1;width:120px;" class="fix" />
+
−
 
+
−
<img src="https://static.igem.org/mediawiki/2015/3/32/TU_Dresden_Space-Elements_3_edit_small.png" style="position:fixed;
+
−
    left:110px;
+
−
    bottom:30px;
+
−
     z-index:1;width:70px;" class="fix" />
+
−
 
+
−
<img src="https://static.igem.org/mediawiki/2015/6/6c/TU_Dresden_space-Elements_1_edit_small.png" style="position:fixed;
+
−
              left:750px;
+
−
                bottom:160px;
+
−
    z-index:1;width:50px;" class="fix" />
+
−
 
+
−
 
+
−
<img src="https://static.igem.org/mediawiki/2015/2/29/TU_Dresden_space-Elements_5_edit_small.png" style="position:fixed;
+
−
              left:900px;
+
−
                bottom:30px;
+
−
    z-index:1;width:60px;"  class="fix" />
+
−
</html>
+

Latest revision as of 08:55, 2 December 2018