Difference between revisions of "Team:Shanghaitech"

Line 4: Line 4:
 
<html lang="en">
 
<html lang="en">
  
−
<body>
+
<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-botton {
+
    #button-bg{
−
            height: 140px;
+
         background: url(https://static.igem.org/mediawiki/2017/5/5f/T--Shanghaitech--Home-Homepage-botton-thick.png) no-repeat 50% 50%/contain;
−
            width: 150px;
+
        width: 224.5px;height: 133px;position: absolute;
−
            position: absolute;
+
    }
−
            left: 52%;
+
    #button-bg-active{
−
            top: 100%;
+
        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;
−
            transform: translate(-50%, -50%);
+
    }
−
         }
+
    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);
 +
    }
  
−
        #button-bg {
+
</style>
−
            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 {
+
<body>
−
            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;
+
−
            left: -63px;
+
−
            top: -46px;
+
−
        }
+
−
    </style>
+
  
−
    <div id="main-content-wrapper" style="max-width:none;padding-top:100px">
+
<div id="main-content-wrapper" style="max-width:none;padding-top:100px">
−
        <div id="content-block" style="max-width:none;padding:0px">
+
<div id="content-block" style="max-width:none;padding:0px">
−
            <div id="home-story-wrapper" style="position:relative;margin-bottom: 200px;">
+
<div id="home-story-wrapper" style="position:relative;margin-bottom: 200px;">
−
                <a id="home-botton" href="https://2017.igem.org/Team:Shanghaitech/project">
+
<a id="home-botton" href=""><div></div>
−
                    <div id="button-bg"></div>
+
</a>
−
                </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/>
−
                <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"
+
</div>
−
                    height=3000 width=2388/>
+
−
            </div>
+
  
−
            <center>
+
<center>
−
                <video height="600" src="https://static.igem.org/mediawiki/2017/1/10/T--Shanghaitech--Hardware--Project.mp4" controls style="max-width:100%"
+
<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>
−
                    poster="https://static.igem.org/mediawiki/2017/thumb/e/e6/T--Shanghaitech--works363636hop1.jpg/800px-T--Shanghaitech--works363636hop1.jpg"></video>
+
</center>
−
            </center>
+
  
  
  
−
        </div>
+
</div></div>
−
    </div>
+
  
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 14:39, 1 November 2017

<div></div> homepage-story