Team:Heidelberg

From 2013.igem.org

(Difference between revisions)
m
Line 16: Line 16:
.imageMap .hotspots {width:100%; height:100%; position:absolute; left:0; top:0; visibility:hidden;}
.imageMap .hotspots {width:100%; height:100%; position:absolute; left:0; top:0; visibility:hidden;}
.imageMap a {display:block; position:absolute; z-index:100; opacity:0.2; filter: alpha(opacity=20); border:1px solid transparent; border-radius:10px;}
.imageMap a {display:block; position:absolute; z-index:100; opacity:0.2; filter: alpha(opacity=20); border:1px solid transparent; border-radius:10px;}
-
.imageMap a.p1 {height: 28%;left: 14.3%;top: 37%;transform: rotate(40deg);width: 4.3%;}
+
.imageMap a.p1 {height: 28%;left: 14.3%;top: 37%;transform: rotate(40deg);-ms-transform:rotate(40deg); /* IE 9 */
-
.imageMap a.p2 {height: 28%;left: 19.1%;top: 38.5%;transform: rotate(-18deg);width: 4.3%;}
+
-webkit-transform:rotate(40deg); /* Safari and Chrome */ width: 4.3%;}
-
.imageMap a.p3 {height: 28.5%;left: 23.8%;top: 37%;transform: rotate(32deg);width: 4.3%;}
+
.imageMap a.p2 {height: 28%;left: 19.1%;top: 38.5%;transform: rotate(-18deg);-ms-transform:rotate(-18deg); /* IE 9 */
-
.imageMap a.p4 {height: 46%;left: 30.4%;top: 20%;transform: rotate(18deg);width: 6.3%;}
+
-webkit-transform:rotate(-18deg); /* Safari and Chrome */width: 4.3%;}
-
.imageMap a.p5 {height: 28%;left: 36.7%;top: 39.5%;transform: rotate(-8deg);width: 4.3%;}
+
.imageMap a.p3 {height: 28.5%;left: 23.8%;top: 37%;transform: rotate(32deg);-ms-transform:rotate(32deg); /* IE 9 */
-
.imageMap a.p6 {height: 38%;left: 42.5%;top: 27%;transform: rotate(23deg);width: 5.6%;}
+
-webkit-transform:rotate(32deg); /* Safari and Chrome */width: 4.3%;}
-
.imageMap a.p7 {height: 46%;left: 49.2%;top: 20%;transform: rotate(-27deg);width: 6.3%;}
+
.imageMap a.p4 {height: 46%;left: 30.4%;top: 20%;transform: rotate(18deg);-ms-transform:rotate(18deg); /* IE 9 */
-
.imageMap a.p8 {height: 57%;left: 56.8%;top: 8%;transform: rotate(23.5deg);width: 8%;}
+
-webkit-transform:rotate(18deg); /* Safari and Chrome */width: 6.3%;}
-
.imageMap a.p9 {height: 28%;left: 64.7%;top: 37%;transform: rotate(-45deg);width: 4%;}
+
.imageMap a.p5 {height: 28%;left: 36.7%;top: 39.5%;transform: rotate(-8deg);-ms-transform:rotate(-8deg); /* IE 9 */
-
.imageMap a.p10 {height: 28.5%;left: 69.2%;top: 38%;transform: rotate(22deg);width: 4.1%;}
+
-webkit-transform:rotate(-8deg); /* Safari and Chrome */width: 4.3%;}
-
.imageMap a.p11 {height: 46%;left: 73.5%;top: 20%;transform: rotate(-18deg);width: 6.3%;}
+
.imageMap a.p6 {height: 38%;left: 42.5%;top: 27%;transform: rotate(23deg);-ms-transform:rotate(23deg); /* IE 9 */
-
.imageMap a.p12{height: 41%;left: 82.2%;top: 25%;transform: rotate(24.5deg);width: 5.6%;}
+
-webkit-transform:rotate(23deg); /* Safari and Chrome */width: 5.6%;}
-
.imageMap a.p13{height: 29%;left: 88.2%;top: 36.5%;transform: rotate(40deg);width: 4%;}
+
.imageMap a.p7 {height: 46%;left: 49.2%;top: 20%;transform: rotate(-27deg);-ms-transform:rotate(-27deg); /* IE 9 */
-
.imageMap a.p14{height: 29%;left: 92.9%;top: 38%;transform: rotate(-16deg);width: 4%;}
+
-webkit-transform:rotate(-27deg); /* Safari and Chrome */width: 6.3%;}
 +
.imageMap a.p8 {height: 57%;left: 56.8%;top: 8%;transform: rotate(23.5deg);-ms-transform:rotate(23.5deg); /* IE 9 */
 +
-webkit-transform:rotate(23.5deg); /* Safari and Chrome */width: 8%;}
 +
.imageMap a.p9 {height: 28%;left: 64.7%;top: 37%;transform: rotate(-45deg);-ms-transform:rotate(-45deg); /* IE 9 */
 +
-webkit-transform:rotate(-45deg); /* Safari and Chrome */width: 4%;}
 +
.imageMap a.p10 {height: 28.5%;left: 69.2%;top: 38%;transform: rotate(22deg);-ms-transform:rotate(22deg); /* IE 9 */
 +
-webkit-transform:rotate(22deg); /* Safari and Chrome */width: 4.1%;}
 +
.imageMap a.p11 {height: 46%;left: 73.5%;top: 20%;transform: rotate(-18deg);-ms-transform:rotate(-18deg); /* IE 9 */
 +
-webkit-transform:rotate(-18deg); /* Safari and Chrome */width: 6.3%;}
 +
.imageMap a.p12{height: 41%;left: 82.2%;top: 25%;transform: rotate(24.5deg);-ms-transform:rotate(24.5deg); /* IE 9 */
 +
-webkit-transform:rotate(24.5deg); /* Safari and Chrome */width: 5.6%;}
 +
.imageMap a.p13{height: 29%;left: 88.2%;top: 36.5%;transform: rotate(40deg);-ms-transform:rotate(40deg); /* IE 9 */
 +
-webkit-transform:rotate(40deg); /* Safari and Chrome */width: 4%;}
 +
.imageMap a.p14{height: 29%;left: 92.9%;top: 38%;transform: rotate(-16deg);-ms-transform:rotate(-16deg); /* IE 9 */
 +
-webkit-transform:rotate(-16deg); /* Safari and Chrome */width: 4%;}
.imageMap a + p {position:absolute; left:0%; top:102%; width:100%; color:#000; display:none;}
.imageMap a + p {position:absolute; left:0%; top:102%; width:100%; color:#000; display:none;}

Revision as of 14:34, 22 October 2013