Difference between revisions of "Team:Shanghaitech/HP/Gold Integrated"

 
(10 intermediate revisions by 2 users not shown)
Line 4: Line 4:
  
 
<html>
 
<html>
 +
<style>
 +
    .medal-list{position: absolute;-webkit-backface-visibility: hidden;}
 +
    .medal-list a{
 +
        color: black;
 +
        font-size: 2em;
 +
    }
 +
    .medal-list li{
 +
        margin-bottom: 1.5em;
 +
    }
 +
    #gold-medal-list{
 +
        top: 50%;
 +
        left: 25%;
 +
        transform: translate(-50%,-50%) rotate(6.3deg);
 +
    }
 +
    #silver-medal-list{
 +
        top: 62%;
 +
        left: 80%;
 +
        transform: translate(-50%,-50%) rotate(-16deg);
 +
    }
 +
</style>
 +
 +
 
<div id='main-content-wrapper'>
 
<div id='main-content-wrapper'>
 
<div class="column half_size" id="content-block">
 
<div class="column half_size" id="content-block">
 
<h1>Human Practice</h1>
 
<h1>Human Practice</h1>
  
<div id="bg-container">
+
<div id="medal-container" style="position: relative;">
 
     <img src="https://static.igem.org/mediawiki/2017/f/f7/T--Shanghaitech--interla25262626b2.jpg" alt="medals-bg" style="width: 100%;height: auto;">
 
     <img src="https://static.igem.org/mediawiki/2017/f/f7/T--Shanghaitech--interla25262626b2.jpg" alt="medals-bg" style="width: 100%;height: auto;">
</div>
 
  
<div id="gold-medal-list">
+
 
 +
<div id="gold-medal-list" class="medal-list">
 
     <ul>
 
     <ul>
 
         <li><a href="https://2017.igem.org/Team:Shanghaitech/Background">Background</a></li>
 
         <li><a href="https://2017.igem.org/Team:Shanghaitech/Background">Background</a></li>
Line 22: Line 44:
 
</div>
 
</div>
  
<div id="silver-medal-list" <li><a href="https://2017.igem.org/Team:Shanghaitech/PublicEducation">Public Education</a></li>
+
<div id="silver-medal-list" class="medal-list">
 +
    <li><a href="https://2017.igem.org/Team:Shanghaitech/PublicEducation">Public Education</a></li>
 
     <li><a href="https://2017.igem.org/Team:Shanghaitech/BioSafety">Biosafety</a></li>
 
     <li><a href="https://2017.igem.org/Team:Shanghaitech/BioSafety">Biosafety</a></li>
 
</div>
 
</div>
 
+
</div>
 
</div></div>
 
</div></div>
  
 
</html>
 
</html>

Latest revision as of 21:19, 1 November 2017