Difference between revisions of "Team:Shanghaitech"

Line 4: Line 4:
 
<html lang="en">
 
<html lang="en">
  
−
<style type="text/css">
+
<body>
−
    #home-botton{height: 140px;width: 150px;position: absolute;left: 52%;top: 100%;transform: translate(-50%,-50%);}
+
    <style type="text/css">
−
    #button-bg{
+
        #home-botton {
−
         background: url("https://static.igem.org/mediawiki/2017/5/5f/T--Shanghaitech--Home-Homepage-botton-thick.png") no-repeat 50% 50%/contain;
+
            height: 140px;
−
        width: 224.5px;height: 133px;position: absolute;
+
            width: 150px;
−
    }
+
            position: absolute;
−
    #home-button:hover #button-bg{
+
            left: 52%;
−
        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;
+
            top: 100%;
−
    }
+
            transform: translate(-50%, -50%);
 +
         }
  
−
</style>
+
        #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: 224.5px;
 +
            height: 133px;
 +
            position: absolute;
 +
        }
  
−
<div id="main-content-wrapper" style="max-width:none;padding-top:100px">
+
        #home-button:hover #button-bg {
−
<div id="content-block" style="max-width:none;padding:0px">
+
            background: url("https://static.igem.org/mediawiki/2017/7/7e/T--Shanghaitech--Home-Homepage-button-flat.png") no-repeat 50% 50%/contain;
−
<div id="home-story-wrapper" style="position:relative;margin-bottom: 200px;">
+
            height: 197px;
−
<a id="home-botton" href="https://2017.igem.org/Team:Shanghaitech/project">
+
            width: 283px;
−
    <div id="button-bg"></div>
+
            left: -63px;
−
</a>
+
            top: -46px;
−
<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>
+
    </style>
  
−
<center>
+
    <div id="main-content-wrapper" style="max-width:none;padding-top:100px">
−
<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="content-block" style="max-width:none;padding:0px">
−
</center>
+
            <div id="home-story-wrapper" style="position:relative;margin-bottom: 200px;">
 +
                <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>

Revision as of 14:38, 1 November 2017

<div id="button-bg"></div> homepage-story