Difference between revisions of "Team:SJTU-software"

Line 1: Line 1:
−
{{SJTU-software}}
 
 
<html>
 
<html>
−
<body>
+
<style>
−
     <div class="wrapper">
+
     #sideMenu, #top_title, .patrollink  {display:none;}
−
         <!-- MAIN-->
+
    div#content { width:1490px; height:690px;}
−
         <div id="main" class="cf">
+
    #content {background:transparent; margin-top:30px;margin-bottom:30px; padding:0px; width:1490px; height:690px;}
 +
    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/1/12/T--SJTU-software--H-background.png);
 +
         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://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/H-HP.png);
 +
        left:570px;
 +
        bottom:620px;
 +
    }
 +
 +
    #HOME-2 {
 +
      width: 87px;
 +
      height: 87px;
 +
      float: left;
 +
      clear: both;
 +
  background-image: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/H-home.png);
 +
        left:435px;
 +
        bottom:305px;
 +
    }
 +
 +
    #HOME-3 {
 +
  width: 106px;
 +
  height: 106px;
 +
      float: left;
 +
      clear: both;
 +
  background-image: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/H-project.png);
 +
        left:202px;
 +
        bottom:300px;
 +
    }
 +
 +
    #HOME-4 {
 +
  width: 100px;
 +
  height: 100px;
 +
      float: left;
 +
      clear: both;
 +
  background-image: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/H-video.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://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/H-team.png);
 +
        left:385px;
 +
        bottom:880px;
 +
    }
  
 +
    #HOME-6 {
 +
  width: 56px;
 +
  height: 56px;
 +
      float: left;
 +
      clear: both;
 +
  background-image: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/H-photo.png);
 +
        left:638px;
 +
        bottom:950px;
 +
    }
 +
 +
    #HOME-7 {
 +
  width: 104px;
 +
  height: 104px;
 +
      float: left;
 +
      clear: both;
 +
  background-image: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/H-game.png);
 +
        left:690px;
 +
        bottom:700px;
 +
    }
 +
 +
    #HOME-8 {
 +
  width: 55px;
 +
  height: 55px;
 +
      float: left;
 +
      clear: both;
 +
  background-image: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/H-none.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;
 +
        -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/1/15/T--SJTU-software--hometitle.PNG" align="center"></img></div>
 +
<div class="works-wrapper" style="
 +
    margin-left: auto;
 +
    margin-right:  auto;
 +
    margin-top:  auto;
 +
    margin-bottom:  auto;">
 +
<b><img src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/teamlogo.png" align="center"></b>
 +
<a id="HOME-1" href="https://2018.igem.org/Team:SJTU-software/Human_Practices"></a>
 +
<a id="HOME-2" href="https://2018.igem.org/Team:SJTU-software"></a>
 +
<a id="HOME-3" href="https://2018.igem.org/Team:SJTU-software/Description"></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"></a>
 +
        <a id="HOME-7" href="https://2018.igem.org/Team:SJTU-software"></a>
 +
<a id="HOME-8" href="https://2018.igem.org/Team:SJTU-software"></a></div>
 
</body>
 
</body>
−
</html>
+
<html>
−
{{SJTU-software/Widget}}
+

Revision as of 10:33, 15 October 2018