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