47 lines
771 B
CSS
47 lines
771 B
CSS
|
/* Released as CC0: http://creativecommons.org/publicdomain/zero/1.0/ */
|
||
|
|
/* by Bradley M. Kuhn <bkuhn@ebb.org> */
|
||
|
|
|
||
|
|
.ui-tooltip, .arrow:after {
|
||
|
|
background: black;
|
||
|
|
border: 2px solid white;
|
||
|
|
}
|
||
|
|
.ui-tooltip {
|
||
|
|
padding: 10px 20px;
|
||
|
|
color: white;
|
||
|
|
border-radius: 20px;
|
||
|
|
box-shadow: 0 0 7px black;
|
||
|
|
max-width: 50%;
|
||
|
|
}
|
||
|
|
.arrow {
|
||
|
|
width: 70px;
|
||
|
|
height: 16px;
|
||
|
|
overflow: hidden;
|
||
|
|
position: absolute;
|
||
|
|
left: 50%;
|
||
|
|
margin-left: -35px;
|
||
|
|
bottom: -16px;
|
||
|
|
}
|
||
|
|
.arrow.top {
|
||
|
|
top: -16px;
|
||
|
|
bottom: auto;
|
||
|
|
}
|
||
|
|
.arrow.left {
|
||
|
|
left: 20%;
|
||
|
|
}
|
||
|
|
.arrow:after {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
left: 20px;
|
||
|
|
top: -20px;
|
||
|
|
width: 25px;
|
||
|
|
height: 25px;
|
||
|
|
box-shadow: 6px 5px 9px -9px black;
|
||
|
|
-webkit-transform: rotate(45deg);
|
||
|
|
-ms-transform: rotate(45deg);
|
||
|
|
transform: rotate(45deg);
|
||
|
|
}
|
||
|
|
.arrow.top:after {
|
||
|
|
bottom: -20px;
|
||
|
|
top: auto;
|
||
|
|
}
|