tooltipster
Version:
A flexible and extensible jQuery plugin for modern tooltips.
75 lines (60 loc) • 2.04 kB
CSS
.tooltipster-sidetip.tooltipster-light .tooltipster-box {
border-radius: 3px;
border: 1px solid #cccccc;
background: #ededed;
}
.tooltipster-sidetip.tooltipster-light .tooltipster-content {
color: #666666;
}
.tooltipster-sidetip.tooltipster-light .tooltipster-arrow {
height: 9px;
margin-left: -9px;
width: 18px;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow {
height: 18px;
margin-left: 0;
margin-top: -9px;
width: 9px;
}
.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background {
border: 9px solid transparent;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background {
border-bottom-color: #ededed;
top: 1px;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background {
border-left-color: #ededed;
left: -1px;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background {
border-right-color: #ededed;
left: 1px;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background {
border-top-color: #ededed;
top: -1px;
}
.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border {
border: 9px solid transparent;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border {
border-bottom-color: #cccccc;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border {
border-left-color: #cccccc;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border {
border-right-color: #cccccc;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border {
border-top-color: #cccccc;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped {
top: -9px;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped {
left: -9px;
}