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

 
(13 intermediate revisions by the same user not shown)
Line 13: Line 13:
 
position: absolute;
 
position: absolute;
 
}
 
}
 +
.clicka {
 +
position: absolute;
 +
display: block;
 +
}
 +
#picdesc {
 +
position: absolute;
 +
bottom: 0;
 +
right: 0;
 +
color: #ffffff;
 +
}
 +
 +
body {
 +
background-image:url("https://static.igem.org/mediawiki/2016/c/c3/T--CLSB-UK--bgsyenchoj.jpg");
 +
background-repeat: repeat-y;
 +
background-size: 100vw;
 +
}
 +
 
</style>
 
</style>
 
<div id="cellpicdiv">
 
<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">
−
<div style="left:0.8%; top: 26.3%; width: 18.7%; height: 18.5%" class="clickdiv"><a href="https://2016.igem.org/Team:CLSB-UK/Project/CmpA">CmpA</a></div>
+
<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>
−
<a href="https://2016.igem.org/Team:CLSB-UK/Project/pDF"><div style="left:22.1%; top: 37.4%%; width: 15.6%; height: 13.0%" class="clickdiv">pDF</div></a>
+
<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>
−
<a href="https://2016.igem.org/Team:CLSB-UK/Project/Synechocystis/About"><div style="left:40.0%; top: 36.7%; width: 30.3%; height: 23.4%" class="clickdiv">Genome</div></a>
+
<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>
−
<a href="https://2016.igem.org/Team:CLSB-UK/Project/AmilCP"><div style="left:27.1%; top: 55.8%; width: 18.3%; height: 22.9%" class="clickdiv">AmilCP</div></a>
+
<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 href="https://2016.igem.org/Team:CLSB-UK/Project/CmpA"><div style="left:45.7%; top: 3.05%; width: 14.2%; height: 12.6%" class="clickdiv">OprF</div></a>
+
<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>
−
<a href="https://2016.igem.org/Team:CLSB-UK/Project/CmpA"><div style="left:79.3%; top: 64.2%; width: 15.8%; height: 14.6%" class="clickdiv">Riboflavin</div></a>
+
<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>
 +
<h5 id="picdesc">Click on different parts on the picture to find out more!</h5>
 
</div>
 
</div>
 +
 
</html>
 
</html>

Latest revision as of 22:21, 18 October 2016

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