Difference between revisions of "Team:SJTU-software"

 
(51 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{SJTU-software}}
 
 
<html>
 
<html>
−
<body>
+
<style>
−
     <div class="wrapper">
+
     #sideMenu, #top_title, .patrollink  {display:none;}
−
        <!-- MAIN-->
+
    div#globalWrapper {width:100%;height:800px;}
−
        <div id="main" class="cf">
+
    div#content { width:1200px; display: inline-block;
 +
            vertical-align: middle;
 +
            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;
 +
    }
  
−
<div class="slider-wrapper">
+
    #HOME-5 {
−
            <div id="slider" class="nivoSlider">
+
  width: 87px;
−
                    <img class="nivo-main-image" src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/dummies/slides/03.jpg" style="display: inline;">
+
  height: 87px;
−
            </div>
+
      float: left;
−
        </div>
+
      clear: both;
 +
  background-image: url(https://static.igem.org/mediawiki/2018/7/72/T--SJTU-software--H-Team.png);
 +
        left:385px;
 +
        bottom:880px;
 +
    }
  
 +
    #HOME-6 {
 +
  width: 56px;
 +
  height: 56px;
 +
      float: left;
 +
      clear: both;
 +
  background-image: url(https://static.igem.org/mediawiki/2018/9/9d/T--SJTU-software--H-Demo.png);
 +
        left:638px;
 +
        bottom:950px;
 +
    }
 +
 +
    #HOME-7 {
 +
  width: 104px;
 +
  height: 104px;
 +
      float: left;
 +
      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;
 +
        }
 +
    .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-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;
 +
    }
  
−
         </div>
+
    .works-wrapper a:hover {
−
        <!-- ENDS MAIN -->
+
background-position: bottom;
 +
      box-shadow: inset 0px 0px 0px 6px #FFA042;
 +
      -webkit-box-shadow: inset 0px 0px 0px 6px #FFA042;
 +
    }
 +
    .works-wrapper a img {
 +
      width: auto;
 +
      height: auto;
 +
      transition: margin-top 0.2s;
 +
      -webkit-transition: margin-top 0.2s;
 +
      position: relative;
 +
    }
 +
    .works-wrapper a:hover img {
 +
         z-index: 0;
 +
        width: 75px;
 +
        height: 75px;
 +
        margin-left: 6px;
 +
        margin-top: 6px;
 +
    }
 +
</style>
 +
<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>
 +
                          <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="works-wrapper" style="
 +
    margin-left: auto;
 +
    margin-right:  auto;
 +
    margin-top:  auto;
 +
    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>
−
{{SJTU-software/Widget}}
+

Latest revision as of 08:55, 2 December 2018