Difference between revisions of "Team:Shanghaitech"

 
(31 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">
 +
    #home-button{height: 210px;width: 225px;left: 50%;    margin-bottom: 30px;
 +
                display: inline-block;    position: relative;    left: 50%;    transform: translateX(-50%);}
 +
    #home-button #home-button-bg{
 +
        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;
 +
    }
 +
    #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: 295.5px;width: 424.5px;position: absolute;left: -94.5px;top: -69px;
 +
    }
  
 +
</style>
 +
</head>
 
<body>
 
<body>
−
    <style type="text/css">
+
<img src="https://static.igem.org/mediawiki/2017/7/7e/T--Shanghaitech--Home-Homepage-button-flat.png" style="display:none"/>
−
        #home-botton {
+
<div id="main-content-wrapper" style="max-width:none;">
−
            height: 140px;
+
<div id="content-block" style="max-width:none;padding:0px">
−
            width: 150px;
+
<a href="https://2017.igem.org/Team:Shanghaitech/Awards" style="
−
            position: absolute;
+
    color: #607D6F;
−
            left: 52%;
+
    display: block;
−
            top: 100%;
+
    max-width: 600px;
−
            transform: translate(-50%, -50%);
+
    margin: 0 auto;
−
        }
+
"><h1 style="
 +
">奖项及致谢(Click me to see our awards and our special thanks)</h1></a>
  
−
        #button-bg {
+
<div id="home-story-wrapper" style="position:relative;">
−
            background: url("https://static.igem.org/mediawiki/2017/5/5f/T--Shanghaitech--Home-Homepage-botton-thick.png") no-repeat 50% 50%/contain;
+
−
            width: 224.5px;
+
−
            height: 133px;
+
−
            position: absolute;
+
−
        }
+
  
−
        #home-button:hover #button-bg {
+
    <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/>
−
            background: url("https://static.igem.org/mediawiki/2017/7/7e/T--Shanghaitech--Home-Homepage-button-flat.png") no-repeat 50% 50%/contain;
+
</div>
−
            height: 197px;
+
−
            width: 283px;
+
−
            left: -63px;
+
−
            top: -46px;
+
−
        }
+
−
    </style>
+
  
−
    <div id="main-content-wrapper" style="max-width:none;padding-top:100px">
+
<a href="https://2017.igem.org/Team:Shanghaitech/project" id="home-button"><span id="home-button-bg"></span></a>
−
        <div id="content-block" style="max-width:none;padding:0px">
+
<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>
−
            <div id="home-story-wrapper" style="position:relative;margin-bottom: 200px;">
+
</p>
−
                <a id="home-botton" href="https://2017.igem.org/Team:Shanghaitech/project">
+
−
                    <div id="button-bg"></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>
+
  
−
            <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>
 
  
−
 
+
</div></div>
−
 
+
−
        </div>
+
−
    </div>
+
  
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 07:34, 6 December 2017

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