Team:UNITN-Trento/CSS/Tour
From 2013.igem.org
Line 43: | Line 43: | ||
.tn-container .tour { | .tn-container .tour { | ||
- | width: | + | width: 300px; |
height: 150px; | height: 150px; | ||
background-color: white; | background-color: white; | ||
border-radius: 1em; | border-radius: 1em; | ||
+ | } | ||
+ | |||
+ | .tn-container #tour1 { | ||
+ | position: absolute; | ||
+ | left: 10px; | ||
+ | bottom: 200px; | ||
+ | } | ||
+ | |||
+ | .tn-container #tour2 { | ||
+ | position: absolute; | ||
+ | right: 100px; | ||
+ | bottom: 10; | ||
+ | } | ||
+ | |||
+ | .tn-container #tour3 { | ||
+ | position: absolute; | ||
+ | right: 100px; | ||
+ | bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .tn-container #tour4 { | ||
+ | position: absolute; | ||
+ | right: 10px; | ||
+ | bottom: 200px; | ||
} | } |
Revision as of 14:22, 18 September 2013
.tn-container { width: 960px; min-height: 800px; margin: 0 auto;
background-image: url(); background-attachment: scroll; background-position: center center; background-repeat: no-repeat;
text-align: center; }
.tn-container .bubble { position: relative;
width: 300px;
margin: 0 auto; 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;
background-image: url(); 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: 200px; }
.tn-container #tour2 { position: absolute; right: 100px; bottom: 10; }
.tn-container #tour3 { position: absolute; right: 100px; bottom: 10px; }
.tn-container #tour4 { position: absolute; right: 10px; bottom: 200px; }