Difference between revisions of "Team:CHINA CD UESTC/Gallery"
(35 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; | 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