Team:UNITN-Trento/CSS/Products
From 2013.igem.org
(Difference between revisions)
(Blanked the page) |
(Copied from CSS/Project) |
||
Line 1: | Line 1: | ||
+ | .container .sheet { | ||
+ | position: relative; | ||
+ | min-height: 600px; | ||
+ | } | ||
+ | .container .sheet .guide { | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | |||
+ | width: 300px; | ||
+ | transform:rotate(-15deg); | ||
+ | } | ||
+ | |||
+ | .container .sheet .bubble { | ||
+ | position: absolute; | ||
+ | top: 10px; | ||
+ | left: 300px; | ||
+ | |||
+ | padding: 15px; | ||
+ | width: 500px; | ||
+ | |||
+ | background-color: white; | ||
+ | border: 2px solid black; | ||
+ | border-radius: 0.5em; | ||
+ | |||
+ | font-family: "Cabin", cursive; | ||
+ | } | ||
+ | |||
+ | .container .sheet .bubble .pointer { | ||
+ | position: absolute; | ||
+ | top: 20px; | ||
+ | left: -23px; | ||
+ | |||
+ | transform:rotate(90deg); | ||
+ | } |
Revision as of 10:22, 22 September 2013
.container .sheet {
position: relative; min-height: 600px;
}
.container .sheet .guide {
position: absolute; top: 0px; left: 0px; width: 300px; transform:rotate(-15deg);
}
.container .sheet .bubble {
position: absolute; top: 10px; left: 300px; padding: 15px; width: 500px; background-color: white; border: 2px solid black; border-radius: 0.5em; font-family: "Cabin", cursive;
}
.container .sheet .bubble .pointer {
position: absolute; top: 20px; left: -23px; transform:rotate(90deg);
}