Team:UNITN-Trento/CSS/Tour

From 2013.igem.org

(Difference between revisions)
Line 19: Line 19:
width: 300px;
width: 300px;
-
margin: 0 auto;
+
margin-left: 200px;
padding: 10px;
padding: 10px;
Line 37: Line 37:
width: 20px;
width: 20px;
height: 26px;
height: 26px;
-
 
+
0
background-image: url(https://static.igem.org/mediawiki/2013/d/d4/Tn-2013-guide-Bubble-point.png);
background-image: url(https://static.igem.org/mediawiki/2013/d/d4/Tn-2013-guide-Bubble-point.png);
background-attachment: scroll;
background-attachment: scroll;
Line 55: Line 55:
position: absolute;
position: absolute;
left: 10px;
left: 10px;
-
bottom: 200px;
+
bottom: 300px;
}
}
.tn-container #tour2 {
.tn-container #tour2 {
position: absolute;
position: absolute;
-
left: 100px;
+
left: 50px;
-
bottom: 10px;
+
bottom: 30px;
}
}
Line 73: Line 73:
position: absolute;
position: absolute;
right: 10px;
right: 10px;
-
bottom: 200px;
+
bottom: 240px;
}
}

Revision as of 14:29, 18 September 2013

.tn-container { position: relative;

width: 960px; min-height: 800px; margin: 0 auto;

background-image: url(Tn-2013-Tourbg-kiwiki.png); background-attachment: scroll; background-position: center center; background-repeat: no-repeat;

text-align: center; }

.tn-container .bubble { position: relative;

width: 300px;

margin-left: 200px; padding: 10px;

background-color: white; border: 2px solid black; border-radius: 0.5em;

font-family: "Mouse Memoirs",cursive; font-size: 1.8em; }

.tn-container .bubble .point { position: absolute; bottom: -26px; right: 50px;

width: 20px; height: 26px; 0 background-image: url(Tn-2013-guide-Bubble-point.png); background-attachment: scroll; background-position: center center; background-repeat: no-repeat; }

.tn-container .tour { width: 300px; height: 150px;

background-color: white; border-radius: 1em; }

.tn-container #tour1 { position: absolute; left: 10px; bottom: 300px; }

.tn-container #tour2 { position: absolute; left: 50px; bottom: 30px; }

.tn-container #tour3 { position: absolute; right: 100px; bottom: 10px; }

.tn-container #tour4 { position: absolute; right: 10px; bottom: 240px; }