Team:SCUT
From 2013.igem.org
(Difference between revisions)
Yanzw scut (Talk | contribs) |
|||
Line 1: | Line 1: | ||
{{Template:Team:SCUT/Mainheader}} | {{Template:Team:SCUT/Mainheader}} | ||
<html> | <html> | ||
+ | |||
+ | |||
+ | <!-- style for slider --> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | .nivoSlider { | ||
+ | position:relative; | ||
+ | width:100%; | ||
+ | height:auto; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .nivoSlider img { | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | left:0px; | ||
+ | max-width: none; | ||
+ | } | ||
+ | .nivo-main-image { | ||
+ | display: block !important; | ||
+ | position: relative !important; | ||
+ | width: 100% !important; | ||
+ | } | ||
+ | |||
+ | /* If an image is wrapped in a link */ | ||
+ | .nivoSlider a.nivo-imageLink { | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | left:0px; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | border:0; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | z-index:6; | ||
+ | display:none; | ||
+ | background:white; | ||
+ | filter:alpha(opacity=0); | ||
+ | opacity:0; | ||
+ | } | ||
+ | /* The slices and boxes in the Slider */ | ||
+ | .nivo-slice { | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | z-index:5; | ||
+ | height:100%; | ||
+ | top:0; | ||
+ | } | ||
+ | .nivo-box { | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | z-index:5; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | .nivo-box img { display:block; } | ||
+ | |||
+ | /* Caption styles */ | ||
+ | .nivo-caption { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | bottom:0px; | ||
+ | background:#000; | ||
+ | color:#fff; | ||
+ | width:100%; | ||
+ | z-index:8; | ||
+ | padding: 5px 10px; | ||
+ | opacity: 0.8; | ||
+ | overflow: hidden; | ||
+ | display: none; | ||
+ | -moz-opacity: 0.8; | ||
+ | filter:alpha(opacity=8); | ||
+ | -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ | ||
+ | -moz-box-sizing: border-box; /* Firefox, other Gecko */ | ||
+ | box-sizing: border-box; /* Opera/IE 8+ */ | ||
+ | } | ||
+ | .nivo-caption p { | ||
+ | padding:5px; | ||
+ | margin:0; | ||
+ | } | ||
+ | .nivo-caption a { | ||
+ | display:inline !important; | ||
+ | } | ||
+ | .nivo-html-caption { | ||
+ | display:none; | ||
+ | } | ||
+ | /* Direction nav styles (e.g. Next & Prev) */ | ||
+ | .nivo-directionNav a { | ||
+ | position:absolute; | ||
+ | top:45%; | ||
+ | z-index:9; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | .nivo-prevNav { | ||
+ | left:0px; | ||
+ | } | ||
+ | .nivo-nextNav { | ||
+ | right:0px; | ||
+ | } | ||
+ | /* Control nav styles (e.g. 1,2,3...) */ | ||
+ | .nivo-controlNav { | ||
+ | text-align:center; | ||
+ | padding: 15px 0; | ||
+ | } | ||
+ | .nivo-controlNav a { | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | .nivo-controlNav a.active { | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | </style> | ||
+ | <!-- style for slider --> | ||
+ | |||
<div id="textbody"> | <div id="textbody"> | ||
<table id="flame02"> | <table id="flame02"> | ||
<tr> | <tr> | ||
+ | <!-- | ||
<td class="left" style="background-image:url('images/testbackground.png');background-position:30% 30%;"><p class="f2">Abstract</p></td> | <td class="left" style="background-image:url('images/testbackground.png');background-position:30% 30%;"><p class="f2">Abstract</p></td> | ||
<td class="right"><p class="f3"><strong>E.cerevisiae is a sophisticated signal transport system between E.coli and S.cerevisiae.</strong> Producer, the E.coli, is assigned to distribute a special volatile—butanedione periodically with a stable oscillation circuit, which defines the meaning of the signal. On the other side, Sniffer,the yeast, transplanted with a nose from nematode, can respond to the signal immediately. We hope this can realize the communication between prokaryotes and eukaryotes for the further research on symbiosis.</p></td> | <td class="right"><p class="f3"><strong>E.cerevisiae is a sophisticated signal transport system between E.coli and S.cerevisiae.</strong> Producer, the E.coli, is assigned to distribute a special volatile—butanedione periodically with a stable oscillation circuit, which defines the meaning of the signal. On the other side, Sniffer,the yeast, transplanted with a nose from nematode, can respond to the signal immediately. We hope this can realize the communication between prokaryotes and eukaryotes for the further research on symbiosis.</p></td> | ||
+ | --> | ||
+ | <!-- start of image switcher --> | ||
+ | <div id = "xxx" style="width:965px; height:100px;"> | ||
+ | <div class="slider-wrapper theme-default"> | ||
+ | <div id="slider" class="nivoSlider"> | ||
+ | <img src="https://static.igem.org/mediawiki/parts/3/35/Slider_test4.jpg" /> | ||
+ | <img src="https://static.igem.org/mediawiki/parts/6/6a/Slider_test3.jpg" title="This is an example of a caption"/> | ||
+ | <img src="https://static.igem.org/mediawiki/parts/1/11/Slider_test2.jpg" /> | ||
+ | <img src="https://static.igem.org/mediawiki/parts/8/89/Slider_test1.jpg" title="#htmlcaption" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- end of image switcher --> | ||
+ | |||
+ | |||
</tr> | </tr> | ||
</table> | </table> | ||
Line 118: | Line 245: | ||
TableAnimate(120); | TableAnimate(120); | ||
</script> | </script> | ||
+ | |||
+ | <!-- slider --> | ||
+ | <script type="text/javascript"> | ||
+ | slider_build('slider'); | ||
+ | </script> | ||
+ | <!-- slider --> | ||
</html> | </html> |
Revision as of 18:02, 26 September 2013