2017-05-31 07:14:01 +08:00
|
|
|
.tooltiptext {
|
2017-06-01 03:07:30 +08:00
|
|
|
position: absolute;
|
2017-05-31 07:14:01 +08:00
|
|
|
visibility: hidden;
|
|
|
|
|
color: #fff;
|
2017-06-01 03:07:30 +08:00
|
|
|
background-color: #333;
|
|
|
|
|
transform: translateX(-50%); /* Center by moving tooltip 50% of its width left */
|
|
|
|
|
left: -8px; /* Half of the width of the icon */
|
|
|
|
|
top: -35px;
|
|
|
|
|
font-size: 0.8em;
|
2017-05-31 07:14:01 +08:00
|
|
|
text-align: center;
|
|
|
|
|
border-radius: 6px;
|
|
|
|
|
padding: 5px 8px;
|
|
|
|
|
margin: 5px;
|
|
|
|
|
z-index: 1000;
|
|
|
|
|
}
|
|
|
|
|
.tooltipped .tooltiptext {
|
|
|
|
|
visibility: visible;
|
|
|
|
|
}
|
