Difference between revisions of "Team:SJTU-software"

 
(66 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;}
−
        <!-- HEADER -->
+
    div#globalWrapper {width:100%;height:800px;}
−
      <header class="cf">
+
    div#content { width:1200px; display: inline-block;
−
          <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>
+
            vertical-align: middle;
−
          <div id="title">SJTU-software</div>
+
            margin-top:0px;
−
          <div id="subtitle">Metlab: a metabolic network alignment tool</div>
+
            width:100%;
−
         </header>
+
            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;
 +
    }
  
−
        <!-- NAV -->
+
    #HOME-5 {
−
        <nav class="cf">
+
  width: 87px;
−
            <ul id="nav" class="sf-menu">
+
  height: 87px;
−
                <li class="current-menu-item"><a href="https://2018.igem.org/Team:SJTU-software">HOME</a></li>
+
      float: left;
−
                <li><a href="">TEAM</a>
+
      clear: both;
−
                    <ul>
+
  background-image: url(https://static.igem.org/mediawiki/2018/7/72/T--SJTU-software--H-Team.png);
−
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Team">TEAM</a></li>
+
        left:385px;
−
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Collaborations">COLLABRATIONS</a></li>>
+
         bottom:880px;
−
                    </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/Design">DESIGN</a></li>
+
−
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Notebook">NOTEBOOK</a></li>
+
−
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Contribution">CONTRIBUTION</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/HP/Silver">SILVER HP</a></li>
+
−
                        <li><a href="https://2018.igem.org/Team:SJTU-software/HP/Gold_Intergrated">INTERCRATED AND COLD</a></li>
+
−
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Engagement">PUBLIC ENGAGEMENT</a></li>
+
−
                    </ul>
+
−
                </li>
+
−
            </ul>
+
−
         </nav>
+
−
        <!-- ENDS NAV-->
+
  
−
         <!-- MAIN-->
+
    #HOME-6 {
−
         <div id="main" class="cf">
+
  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 class="slider-wrapper">
+
    .works-wrapper a:hover {
−
            <div id="slider" class="nivoSlider">
+
background-position: bottom;
−
                    <img class="nivo-main-image" src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/dummies/slides/03.jpg" style="display: inline;">
+
      box-shadow: inset 0px 0px 0px 6px #FFA042;
−
            </div>
+
      -webkit-box-shadow: inset 0px 0px 0px 6px #FFA042;
−
        </div>
+
    }
 +
    .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="
−
        </div>
+
    margin-left: auto;
−
        <!-- ENDS MAIN -->
+
    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>
−
<!-- WIDGETS -->
+
                          <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="widget-cols cf">
+
<div class="works-wrapper" style="
−
<li class="first-col">
+
    margin-left: auto;
−
+
    margin-right:  auto;
−
<div class="widget-block">
+
    margin-top:  auto;
−
<h4>Address</h4>
+
    margin-bottom:  auto;">
−
<p>NO. 800 DONGCHUAN ROAD, MINHANG DISTRICT, SHANGHAI, CHINA
+
<b><img src="https://static.igem.org/mediawiki/2018/0/04/T--SJTU-software--teamlogo.png" align="center"></b>
−
                        <!-- <a href="#/blog/license/" >link</a>  -->
+
<a id="HOME-1" href="https://2018.igem.org/Team:SJTU-software/Description"></a>
−
                    </p>
+
<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>
−
</li>
+
<a id="HOME-4" href="http://weibohot.org"></a>
−
+
<!--    <a id="HOME-4" href="http://metlab-sjtu.com"></a>-->
−
<li class="second-col">
+
<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>
−
<div class="widget-block">
+
        <a id="HOME-7" href="https://2018.igem.org/Team:SJTU-software/Public_Engagement"></a>
−
<h4>Contact Us</h4>
+
<a id="HOME-8" href="https://2018.igem.org/Team:SJTU-software/Video"></a></div>
−
                 
+
<!--<div class="wrapper" style="
−
    </div>
+
    margin-left: auto;
−
+
    margin-right:  auto;
−
</li>
+
    margin-top:  30px;
−
+
    margin-bottom:  auto;" align="center;">
−
<li class="third-col">
+
                          <img src="https://static.igem.org/mediawiki/2018/5/5d/T--SJTU-software--H-foot.png" style="position: relative;"></img>
−
+
                         
−
<div class="widget-block">
+
</div>-->
−
<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>
+
−
</div>
+
−
<!-- ENDS WIDGETS -->
+
−
        <!-- FOOTER -->
+
−
            <div class="footer-divider"></div>
+
−
            <footer class="cf">
+
−
                    SJTU-software
+
−
               
+
−
            </footer>
+
−
<!-- ENDS FOOTER -->
+
−
 
+
−
    </div>
+
−
    <script src="js/jquery.min.js"></script>
+
−
    <script>
+
−
        /*-----------------------------------------------------------------------------------*/
+
−
        /* Scroll to top
+
−
        /*-----------------------------------------------------------------------------------*/       
+
−
        $('.widget-cols .scroll').click(function(){
+
−
            $("html, body").animate({ scrollTop: 0 }, 600);
+
−
            return false;
+
−
        });
+
−
        /*-----------------------------------------------------------------------------------*/
+
−
    </script>
+
−
 
+
 
</body>
 
</body>
−
</html>
+
<html>

Latest revision as of 08:55, 2 December 2018