Team:UNITN-Trento/CSS/About us
From 2013.igem.org
.container .sheet {
position: relative; min-height: 410px;
}
.container .sheet .guide {
position: absolute; top: 0px; left: 0px; width: 250px; transform:rotate(-15deg);
}
.container .sheet .bubble {
position: absolute; top: 10px; left: 230px; padding: 15px; width: 620px; background-color: white; border: 2px solid black; border-radius: 0.5em; font-family: "Cabin", cursive;
} .container .sheet .bubble .title {
font-size: 1.5em; margin: 0;
}
.container .sheet .bubble .title b {
font-size: 1.2em; font-family: "Boogaloo", sans-serif; color: green;
}
.container .sheet .bubble .pointer {
position: absolute; top: 20px; left: -23px; transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg);
}
.container .sheet .map {
position: absolute; top: 225px; left: 230px; height: 100px; width: 500px; background-color: transparent;
}
.container .sheet .map td {
margin: 0 !important; padding: 0.1em !important;
}
.container .sheet .map .spot {
display: block; width: 20px; height: 20px; background-color: #545454; border-bottom: 2px solid black; border-radius: 10px; box-shadow: 1px 1px 2px #323232;
}
.container .sheet .map .spot:hover {
background-color: red; border-bottom: 2px solid #545454; box-shadow: 1px 1px 2px #323232 inset;
}
.container .sheet .map .line {
display: block; width: 100px; height: 5px; border-bottom: 2px dashed black;
}