Team:TU-Delft/Zephyr

From 2013.igem.org

(Difference between revisions)
Line 132: Line 132:
.slider2 label {
.slider2 label {
/*Lets add some spacing for the thumbnails*/
/*Lets add some spacing for the thumbnails*/
-
margin: -74px 0 0 673px;
+
margin: 0px 0 0 773px;
border: 3px solid #999;
border: 3px solid #999;
-
float: left;
+
float: right;
cursor: pointer;
cursor: pointer;
transition: all 0.5s;
transition: all 0.5s;
Line 183: Line 183:
</label>
</label>
<img src="https://static.igem.org/mediawiki/2013/5/5c/Zephyr_part_drawings_Page_01.png" width="519px"/>
<img src="https://static.igem.org/mediawiki/2013/5/5c/Zephyr_part_drawings_Page_01.png" width="519px"/>
 +
 +
<input type="radio" name="slide_switch" id="id3"/>
 +
<label for="id3">
 +
<img src="https://static.igem.org/mediawiki/2013/3/39/Zephyr_part_drawings_Page_01_small.png" width="50px" height="70px"/>
 +
</label>
 +
<img src="https://static.igem.org/mediawiki/2013/a/a4/Zephyr_part_drawings_Page_03.png" width="519px"/>
</div>
</div>
Line 191: Line 197:
<input type="radio" name="slide_switch" id="id2"/>
<input type="radio" name="slide_switch" id="id2"/>
<label for="id2">
<label for="id2">
 +
<img src="https://static.igem.org/mediawiki/2013/7/76/Zephyr_part_drawings_Page_02_Smal.png" width="50px" height="70px" />
 +
</label>
 +
<img src="https://static.igem.org/mediawiki/2013/f/f7/Zephyr_part_drawings_Page_02.png" width="519px"/>
 +
 +
 +
<input type="radio" name="slide_switch" id="id4"/>
 +
<label for="id4">
<img src="https://static.igem.org/mediawiki/2013/7/76/Zephyr_part_drawings_Page_02_Smal.png" width="50px" height="70px" />
<img src="https://static.igem.org/mediawiki/2013/7/76/Zephyr_part_drawings_Page_02_Smal.png" width="50px" height="70px" />
</label>
</label>
Line 197: Line 210:
<!--Lets show the second image by default on page load-->
<!--Lets show the second image by default on page load-->
 +
 +
</div>
</div>

Revision as of 08:58, 25 September 2013


Zephyr


Figure 1: The way to Zephyr! Joep in action!

Drawings