Difference between revisions of "Team:Shanghaitech"

 
(30 intermediate revisions by 4 users not shown)
Line 3: Line 3:
 
{{Shanghaitech/js}}
 
{{Shanghaitech/js}}
 
<html lang="en">
 
<html lang="en">
−
 
+
<head>
 
<style type="text/css">
 
<style type="text/css">
−
     a#home-botton{height: 140px;width: 150px;position: absolute;left: 52%;top: 100%;transform: translate(-50%,-50%);}
+
     #home-button{height: 210px;width: 225px;left: 50%;    margin-bottom: 30px;
−
     #button-bg{
+
                display: inline-block;    position: relative;   left: 50%;   transform: translateX(-50%);}
−
         background: url(https://static.igem.org/mediawiki/2017/5/5f/T--Shanghaitech--Home-Homepage-botton-thick.png) no-repeat 50% 50%/contain;
+
     #home-button #home-button-bg{
−
         width: 224.5px;height: 133px;position: absolute;
+
         background: url("https://static.igem.org/mediawiki/2017/5/5f/T--Shanghaitech--Home-Homepage-botton-thick.png") no-repeat 50% 50%/contain;
 +
         width: 336.75px;height: 199.5px;position: absolute;display:block;
 
     }
 
     }
−
     #button-bg-active{
+
     #home-button:hover #home-button-bg{
−
         background: url(https://static.igem.org/mediawiki/2017/7/7e/T--Shanghaitech--Home-Homepage-button-flat.png) no-repeat 50% 50%/contain;height: 197px;width: 283px;position: absolute;left: -63px;top: -46px;display: none;
+
         background: url("https://static.igem.org/mediawiki/2017/7/7e/T--Shanghaitech--Home-Homepage-button-flat.png") no-repeat 50% 50%/contain;height: 295.5px;width: 424.5px;position: absolute;left: -94.5px;top: -69px;
−
    }
+
−
    a#home-button:hover #button-bg-active{display: block;}
+
−
    a#home-button:hover #button-bg-inactive{display: none;}
+
−
    a#home-button:hover div{
+
−
        transform: rotate(180deg);
+
 
     }
 
     }
  
 
</style>
 
</style>
−
 
+
</head>
 
<body>
 
<body>
 +
<img src="https://static.igem.org/mediawiki/2017/7/7e/T--Shanghaitech--Home-Homepage-button-flat.png" style="display:none"/>
 +
<div id="main-content-wrapper" style="max-width:none;">
 +
<div id="content-block" style="max-width:none;padding:0px">
 +
<a href="https://2017.igem.org/Team:Shanghaitech/Awards" style="
 +
    color: #607D6F;
 +
    display: block;
 +
    max-width: 600px;
 +
    margin: 0 auto;
 +
"><h1 style="
 +
">奖项及致谢(Click me to see our awards and our special thanks)</h1></a>
  
−
<div id="main-content-wrapper" style="max-width:none;padding-top:100px">
+
<div id="home-story-wrapper" style="position:relative;">
−
<div id="content-block" style="max-width:none;padding:0px">
+
 
−
<div id="home-story-wrapper" style="position:relative;margin-bottom: 200px;">
+
    <img src="https://static.igem.org/mediawiki/2017/0/0b/T--Shanghaitech--Home-Homepage-story.png" alt="homepage-story" style="width:100%;height:auto;max-height:none" height=3000 width=2388/>
−
<a id="home-botton" href=""><div></div>
+
−
</a>
+
−
<img src="https://static.igem.org/mediawiki/2017/0/0b/T--Shanghaitech--Home-Homepage-story.png" alt="homepage-story" style="width:100%;height:auto;max-height:none" height=3000 width=2388/>
+
 
</div>
 
</div>
  
−
<center>
+
<a href="https://2017.igem.org/Team:Shanghaitech/project" id="home-button"><span id="home-button-bg"></span></a>
−
<video height="600" src="https://static.igem.org/mediawiki/2017/1/10/T--Shanghaitech--Hardware--Project.mp4" controls style="max-width:100%" poster="https://static.igem.org/mediawiki/2017/thumb/e/e6/T--Shanghaitech--works363636hop1.jpg/800px-T--Shanghaitech--works363636hop1.jpg"></video>
+
<p style="text-align: center"><video height="600" src="https://static.igem.org/mediawiki/2017/1/10/T--Shanghaitech--Hardware--Project.mp4" controls style="max-width:100%" poster="https://static.igem.org/mediawiki/2017/thumb/e/e6/T--Shanghaitech--works363636hop1.jpg/800px-T--Shanghaitech--works363636hop1.jpg"></video>
−
</center>
+
</p>
−
 
+
  
  

Latest revision as of 07:34, 6 December 2017

奖项及致谢(Click me to see our awards and our special thanks)
homepage-story