Difference between revisions of "Team:CHINA CD UESTC/Gallery"
(Created page with "{{Template:Team:CHINA_CD_UESTC/menu}} <!DOCTYPE html> <!-- saved from url=(0028)http://www.whitefrontier.ch/ --> <html lang="en" class="js flexbox canvas canvastext webgl no-tou...") |
|||
(41 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
{{Template:Team:CHINA_CD_UESTC/menu}} | {{Template:Team:CHINA_CD_UESTC/menu}} | ||
+ | {{Template:Team:CHINA_CD_UESTC/cssstyle}} | ||
+ | |||
+ | |||
<!DOCTYPE html> | <!DOCTYPE html> | ||
− | + | <html > | |
− | <html | + | |
<head> | <head> | ||
− | |||
</head> | </head> | ||
− | <style type="text/css"> | + | <style type="text/css"> |
/************************************************* | /************************************************* | ||
− | + | whole right section | |
− | + | https://static.igem.org/mediawiki/2015/4/44/CHINA_CD_UESTC_TEAMbg.jpg | |
− | + | background-size: 180px; | |
***********************************************/ | ***********************************************/ | ||
#RightSection { | #RightSection { | ||
− | + | position: fixed; | |
− | + | left: 260px; | |
− | + | top: 0; | |
− | + | right: 0; | |
− | + | height:100%; | |
− | + | background:#F0F0F0; | |
− | + | background-image:url("https://static.igem.org/mediawiki/2015/4/44/CHINA_CD_UESTC_TEAMbg.jpg"); | |
− | + | overflow-y: scroll; | |
− | + | background-repeat: repeat; | |
− | + | background-size: 180px; | |
− | + | transition: all 200ms ease-out; | |
− | + | transform: translate3d(0, 0, 0); | |
− | + | z-index:1; | |
} | } | ||
− | + | #RightContentText { | |
− | + | background:rgba(35, 37, 35, 0.26) | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .gallery-container ul { |
− | + | list-style: none; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
</style> | </style> | ||
<body id="homeIndexBody"> | <body id="homeIndexBody"> | ||
− | + | <div id="RightSection"></div> | |
− | + | <div id="title"> | |
− | + | <div id="firstTitle"> | |
− | + | <p> | |
+ | <B>GALLERY</B> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <div id="RightContent"> | |
− | + | <div class="transparent_class "> | |
− | + | <p class="blockWords"> | |
− | + | Are we a group of nerd struggling with the experiments? NO!! Whether the rigorous experiments are, we are all happy to participate. Here you will see our members' colorful experience in experiments, discussions and meetings——Gathered together by iGEM, we really had a good time. | |
+ | </p> | ||
+ | </div> | ||
− | + | <div id="RightContentText"> | |
+ | <section class="gallery-container"> | ||
+ | <input id="select-type-all" name="radio-set-1" type="radio" class="gallery-selector-type-all" checked="checked" /> | ||
+ | <label for="select-type-all" class="gallery-label-type-all">All</label> | ||
− | + | <input id="select-type-1" name="radio-set-1" type="radio" class="gallery-selector-type-1" /> | |
− | + | <label for="select-type-1" class="gallery-label-type-1">Experiment</label> | |
− | + | ||
+ | <input id="select-type-2" name="radio-set-1" type="radio" class="gallery-selector-type-2" /> | ||
+ | <label for="select-type-2" class="gallery-label-type-2">Daily life</label> | ||
− | + | <input id="select-type-3" name="radio-set-1" type="radio" class="gallery-selector-type-3" /> | |
− | + | <label for="select-type-3" class="gallery-label-type-3">Outreach</label> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <div class="clr"></div> | ||
+ | <ul class="gallery-items"> | ||
+ | <li class="gallery-item-type-2"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/2/25/CHINA_CD_UESTC_gallery03.jpg" ></a> | ||
+ | </li> | ||
+ | <li class="gallery-item-type-1"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/a/ad/CHINA_CD_UESTC_gallery04.jpg" ></a> | ||
+ | </li> | ||
+ | <li class="gallery-item-type-1"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/2/2a/CHINA_CD_UESTC_gallery07.jpg" ></a> | ||
+ | </li> | ||
+ | <li class="gallery-item-type-2"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/e/e9/CHINA_CD_UESTC_gallery13.jpg" ></a> | ||
+ | </li> | ||
+ | <li class="gallery-item-type-2"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/b/b3/CHINA_CD_UESTC_gallery08.jpg" ></a> | ||
+ | </li> | ||
+ | <li class="gallery-item-type-1"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/d/d2/CHINA_CD_UESTC_gallery09.jpg" ></a> | ||
+ | </li> | ||
+ | <li class="gallery-item-type-2"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/2/29/CHINA_CD_UESTC_gallery21.jpg" ></a> | ||
+ | </li> | ||
+ | <li class="gallery-item-type-3"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/b/bf/CHINA_CD_UESTC_gallery02.jpg" ></a> | ||
+ | </li> | ||
+ | <li class="gallery-item-type-2"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/7/77/CHINA_CD_UESTC_gallery22.jpg" ></a> | ||
+ | </li> | ||
− | + | <li class="gallery-item-type-1"> | |
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/6/64/CHINA_CD_UESTC_gallery12.jpg" ></a> | ||
+ | </li> | ||
+ | <li class="gallery-item-type-2"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/f/f1/CHINA_CD_UESTC_gallery19.jpg" ></a> | ||
+ | </li> | ||
+ | <li class="gallery-item-type-1"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/9b/CHINA_CD_UESTC_gallery01.jpg" ></a> | ||
+ | </li> | ||
+ | <li class="gallery-item-type-2"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/a/ae/CHINA_CD_UESTC_gallery05.JPG" ></a> | ||
+ | </li> | ||
+ | <li class="gallery-item-type-2"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/f/f2/CHINA_CD_UESTC_gallery23.jpg" ></a> | ||
+ | </li> | ||
+ | |||
+ | <li class="gallery-item-type-1"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/3/39/CHINA_CD_UESTC_gallery14.jpg" ></a> | ||
+ | </li> | ||
+ | <li class="gallery-item-type-1"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/1/1a/CHINA_CD_UESTC_gallery15.jpg" ></a> | ||
+ | </li> | ||
+ | <li class="gallery-item-type-2"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/b/b2/CHINA_CD_UESTC_gallery10.JPG" ></a> | ||
+ | </li> | ||
+ | <li class="gallery-item-type-3"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/b/b9/CHINA_CD_UESTC_gallery06.jpg" ></a> | ||
+ | </li> | ||
+ | <li class="gallery-item-type-2"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/5/50/CHINA_CD_UESTC_gallery20.jpg" ></a> | ||
+ | </li> | ||
+ | <li class="gallery-item-type-2"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/96/CHINA_CD_UESTC_gallery16.jpg" ></a> | ||
+ | </li> | ||
+ | <li class="gallery-item-type-3"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/c/cf/CHINA_CD_UESTC_gallery17.jpg" ></a> | ||
+ | </li> | ||
+ | <li class="gallery-item-type-1"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/1/1a/CHINA_CD_UESTC_gallery18.jpg" ></a> | ||
+ | </li> | ||
+ | <li class="gallery-item-type-2"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/0/06/CHINA_CD_UESTC_gallery11.JPG" ></a> | ||
+ | </li> | ||
+ | <li class="gallery-item-type-2"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/0/0a/CHINA_CD_UESTC_gallery24.jpg" ></a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </section> | ||
+ | </div> | ||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 19:58, 17 September 2015
<!DOCTYPE html>
GALLERY