Difference between revisions of "Team:CLSB-UK/Templates/Synecho"

 
(17 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
−
.v1 {
+
#cellpicdiv {
−
background-color: #941f33;
+
position: relative;
 +
left: 45vw;
 +
width: 50vw;
 
}
 
}
−
.v2 {
+
#cellpic {
−
background-color: #941f8a;
+
position: relative;
 +
width:100%;
 
}
 
}
−
.v3 {
+
.clickdiv {
−
background-color: #5b1f94;
+
position: absolute;
 
}
 
}
−
.v4 {
+
.clicka {
−
background-color: #1f3894;
+
position: absolute;
 +
display: block;
 
}
 
}
−
.v5 {
+
#picdesc {
−
background-color: #1f9094;
+
position: absolute;
 +
bottom: 0;
 +
right: 0;
 +
color: #ffffff;
 
}
 
}
−
.v6 {
+
 
−
background-color: #e3e567;
+
body {  
 +
background-image:url("https://static.igem.org/mediawiki/2016/c/c3/T--CLSB-UK--bgsyenchoj.jpg");
 +
background-repeat: repeat-y;
 +
background-size: 100vw;
 
}
 
}
−
#cellpic {
 
−
position: relative;
 
−
left: 45vw;
 
−
width: 50vw;
 
−
}
 
−
</style>
 
  
 +
</style>
 +
<div id="cellpicdiv">
 
<img src="https://static.igem.org/mediawiki/2016/e/e5/T--CLSB-UK--CellDiagram.png" id="cellpic">
 
<img src="https://static.igem.org/mediawiki/2016/e/e5/T--CLSB-UK--CellDiagram.png" id="cellpic">
−
<ul id="verticalselector" style="left:43vw">
+
<a href="https://2016.igem.org/Team:CLSB-UK/Project/CmpA" style="left:0.8%; top: 26.3%; width: 18.7%; height: 18.5%" class="clicka"></a>
−
<li class="v1"> <a href="https://2016.igem.org/Team:CLSB-UK/Project/Synechocystis/About">
+
<a href="https://2016.igem.org/Team:CLSB-UK/Project/pDF" style="left:22.1%; top: 37.4%; width: 15.6%; height: 13.0%" class="clicka"></a>
−
<img src="https://static.igem.org/mediawiki/2016/9/9d/T--CLSB-UK--ArrowIcon.png">
+
<a href="https://2016.igem.org/Team:CLSB-UK/Project/Synechocystis/About" style="left:40.0%; top: 36.7%; width: 30.3%; height: 23.4%" class="clicka"></a>
−
<div class="v1"> About </div>
+
<a href="https://2016.igem.org/Team:CLSB-UK/Project/AmilCP" style="left:27.1%; top: 55.8%; width: 18.3%; height: 22.9%" class="clicka"></a>
−
</a> </li>
+
<a href="https://2016.igem.org/Team:CLSB-UK/Project/Porins" style="left:45.7%; top: 3.05%; width: 14.2%; height: 12.6%" class="clicka"></a>
−
<li class="v2"> <a href="https://2016.igem.org/Team:CLSB-UK/Project/CmpA">
+
<a href="https://2016.igem.org/Team:CLSB-UK/Project/Riboflavin" style="left:79.3%; top: 64.2%; width: 15.8%; height: 14.6%" class="clicka"></a>
−
<img src="https://static.igem.org/mediawiki/2016/9/9d/T--CLSB-UK--ArrowIcon.png">
+
<h5 id="picdesc">Click on different parts on the picture to find out more!</h5>
−
<div class="v2"> CmpA </div>
+
</div>
−
</a> </li>
+
 
−
<li class="v3"> <a href="https://2016.igem.org/Team:CLSB-UK/Project/AmilCP">
+
−
<img src="https://static.igem.org/mediawiki/2016/9/9d/T--CLSB-UK--ArrowIcon.png">
+
−
<div class="v3"> AmilCP </div>
+
−
</a> </li>
+
−
<li class="v4"> <a href="https://2016.igem.org/Team:CLSB-UK/Project/Porins">
+
−
<img src="https://static.igem.org/mediawiki/2016/9/9d/T--CLSB-UK--ArrowIcon.png">
+
−
<div class="v4"> Porins </div>
+
−
</a> </li>
+
−
<li class="v5"> <a href="https://2016.igem.org/Team:CLSB-UK/Project/Riboflavin">
+
−
<img src="https://static.igem.org/mediawiki/2016/9/9d/T--CLSB-UK--ArrowIcon.png">
+
−
<div class="v5"> Riboflavin </div>
+
−
</a> </li>
+
−
<li class="v6"> <a href="https://2016.igem.org/Team:CLSB-UK/Project/pDF">
+
−
<img src="https://static.igem.org/mediawiki/2016/9/9d/T--CLSB-UK--ArrowIcon.png">
+
−
<div class="v6"> pDF Plasmid </div>
+
−
</a> </li>
+
−
</ul>
+
 
</html>
 
</html>

Latest revision as of 22:21, 18 October 2016

Click on different parts on the picture to find out more!