Difference between revisions of "Team:NUDT CHINA/HP/Gold Integrated"

Line 93: Line 93:
  
 
         <div class="content" style="width: 74%">
 
         <div class="content" style="width: 74%">
       
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<style>
 +
.contain{
 +
  cursor: pointer;
 +
    background-repeat: no-repeat;
 +
    background-size: 115%;
 +
    background-position: 50% 50%;
 +
@bg1: url(https://static.igem.org/mediawiki/2017/2/2d/T-NUDT_CHINA-GOAD1.jpeg);
 +
@bg2: url(https://static.igem.org/mediawiki/2017/8/8f/T-NUDT_CHINA-GOAD2.jpeg);
 +
@bg3: url(https://static.igem.org/mediawiki/2017/8/8b/T-NUDT_CHINA-GOAD3.jpeg);
 +
@bg4: url(https://static.igem.org/mediawiki/2017/3/3e/T-NUDT_CHINA-GOAD4.jpeg);
 +
@bg5: url(https://static.igem.org/mediawiki/2017/3/36/T-NUDT_CHINA-GOAD5.jpeg);
 +
@bg6: url(https://static.igem.org/mediawiki/2017/6/69/T-NUDT_CHINA-GOAD6.jpeg);
 +
@bg4: url(https://static.igem.org/mediawiki/2017/7/77/T-NUDT_CHINA-GOAD7.jpeg);
 +
@bg5: url(https://static.igem.org/mediawiki/2017/8/8d/T-NUDT_CHINA-GOAD8.jpeg);
 +
@bg6: url(https://static.igem.org/mediawiki/2017/6/67/T-NUDT_CHINA-GOLD9.jpg);
 +
&:hover{
 +
      background-size: 100%;
 +
    }
 +
   
 +
    &:nth-of-type(1){
 +
      background-image:  @bg1;
 +
    }
 +
    &:nth-of-type(2){
 +
      background-image:  @bg2;
 +
    }
 +
    &:nth-of-type(3){
 +
      background-image:  @bg3;
 +
    }
 +
    &:nth-of-type(4){
 +
      background-image:  @bg4;
 +
    }
 +
    &:nth-of-type(5){
 +
      background-image:  @bg5;
 +
    }
 +
    &:nth-of-type(6){
 +
      background-image:  @bg6;
 +
    }
 +
    &:nth-of-type(4){
 +
      background-image:  @bg7;
 +
    }
 +
    &:nth-of-type(5){
 +
      background-image:  @bg8;
 +
    }
 +
    &:nth-of-type(6){
 +
      background-image:  @bg9;
 +
    }}
 +
}
 +
</style>
 +
<div class="pure-g">
 +
<div class="pure-u-1-3 contain"></div>
 +
<div class="pure-u-1-3 contain"></div>
 +
<div class="pure-u-1-3 contain"></div>
 +
<div class="pure-u-1-3 contain"></div>
 +
<div class="pure-u-1-3 contain"></div>
 +
<div class="pure-u-1-3 contain"></div>
 +
<div class="pure-u-1-3 contain"></div>
 +
<div class="pure-u-1-3 contain"></div>
 +
<div class="pure-u-1-3 contain"></div>
 +
</div>
 +
 
 +
     
 
</div>
 
</div>
 
</div></div>
 
</div></div>

Revision as of 19:03, 1 November 2017

Gold_Integrated