Revision as of 19:15, 1 November 2017

@@ Line 94: / Line 94: @@
          <div class="content" style="width: 74%">
@@ Line 104: / Line 101: @@
 .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;
-     }}
 }
+.contain a{}
+.contain:hover{
+background-color: rgba(0,0,0,0.5);
+}
+.contain:hover a{opacity: 1;}
+.contain img{width: 100%;}
 </style>
 <div class="pure-g">
-<div class="pure-u-1-3 contain"></div>
+<div class="pure-u-1-3 contain"><img src="https://static.igem.org/mediawiki/2017/3/3e/T-NUDT_CHINA-GOAD4.jpeg" alt=""><a>test</a></div>
-<div class="pure-u-1-3 contain"></div>
+<div class="pure-u-1-3 contain"><img src="https://static.igem.org/mediawiki/2017/3/36/T-NUDT_CHINA-GOAD5.jpeg" alt=""></div>
-<div class="pure-u-1-3 contain"></div>
+<div class="pure-u-1-3 contain"><img src="https://static.igem.org/mediawiki/2017/6/69/T-NUDT_CHINA-GOAD6.jpeg" alt=""></div>
-<div class="pure-u-1-3 contain"></div>
+<div class="pure-u-1-3 contain"><img src="https://static.igem.org/mediawiki/2017/2/2d/T-NUDT_CHINA-GOAD1.jpeg" alt=""></div>
-<div class="pure-u-1-3 contain"></div>
+<div class="pure-u-1-3 contain"><img src="https://static.igem.org/mediawiki/2017/6/67/T-NUDT_CHINA-GOLD9.jpg" alt=""></div>
-<div class="pure-u-1-3 contain"></div>
+<div class="pure-u-1-3 contain"><img src="https://static.igem.org/mediawiki/2017/7/77/T-NUDT_CHINA-GOAD7.jpeg" alt=""></div>
-<div class="pure-u-1-3 contain"></div>
+<div class="pure-u-1-3 contain"><img src="https://static.igem.org/mediawiki/2017/8/8f/T-NUDT_CHINA-GOAD2.jpeg" alt=""></div>
-<div class="pure-u-1-3 contain"></div>
+<div class="pure-u-1-3 contain"><img src="https://static.igem.org/mediawiki/2017/8/8d/T-NUDT_CHINA-GOAD8.jpeg" alt=""></div>
-<div class="pure-u-1-3 contain"></div>
+<div class="pure-u-1-3 contain"><img src="https://static.igem.org/mediawiki/2017/8/8b/T-NUDT_CHINA-GOAD3.jpeg" alt=""></div>
 </div>
 </div>

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

Revision as of 19:15, 1 November 2017

Gold_Integrated