.tooltipster-default { background: #000; border: 0; border-radius: 5px; color: #fff; } .tooltipster-default .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; overflow: hidden;; padding: 8px 10px; } .tooltipster-icon { cursor: help; margin-left: 4px; } .tooltipster-base { font-size: 0; left: 0; line-height: 0; overflow: visible;; padding: 0; pointer-events: none; position: absolute; top: 0; width: auto; z-index: 9999999; } .tooltipster-base .tooltipster-content { overflow: hidden; } .tooltipster-arrow { display: block; height: 100%; left: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: -1; } .tooltipster-arrow span, .tooltipster-arrow-border { display: block; height: 0; position: absolute;; width: 0; } .tooltipster-arrow-top span, .tooltipster-arrow-top-left span, .tooltipster-arrow-top-right span { border-left: 8px solid transparent!important; border-right: 8px solid transparent!important; border-top: 8px solid; bottom: -7px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border { border-left: 9px solid transparent!important; border-right: 9px solid transparent!important; border-top: 9px solid; bottom: -7px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-left span, .tooltipster-arrow-bottom-right span { border-bottom: 8px solid; border-left: 8px solid transparent!important; border-right: 8px solid transparent!important; top: -7px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { border-bottom: 9px solid; border-left: 9px solid transparent!important; border-right: 9px solid transparent!important; top: -7px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top span { left: 0; margin: 0 auto;; right: 0; } .tooltipster-arrow-bottom-left span, .tooltipster-arrow-top-left span { left: 6px; } .tooltipster-arrow-bottom-left .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { left: 5px; } .tooltipster-arrow-bottom-right span, .tooltipster-arrow-top-right span { right: 6px; } .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border { right: 5px; } .tooltipster-arrow-left .tooltipster-arrow-border, .tooltipster-arrow-left span { border-bottom: 8px solid transparent!important; border-left: 8px solid; border-top: 8px solid transparent!important; margin-top: -7px; right: -7px;; top: 50%; } .tooltipster-arrow-left .tooltipster-arrow-border { border-bottom: 9px solid transparent!important; border-left: 9px solid; border-top: 9px solid transparent!important; margin-top: -8px; } .tooltipster-arrow-right .tooltipster-arrow-border, .tooltipster-arrow-right span { border-bottom: 8px solid transparent!important; border-right: 8px solid; border-top: 8px solid transparent!important; left: -7px;; margin-top: -7px; top: 50%; } .tooltipster-arrow-right .tooltipster-arrow-border { border-bottom: 9px solid transparent!important; border-right: 9px solid; border-top: 9px solid transparent!important; margin-top: -8px; } .tooltipster-fade { opacity: 0; transition-property: opacity;; -moz-transition-property: opacity; -ms-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; } .tooltipster-fade-show { opacity: 1; } .tooltipster-grow { transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); -webkit-transform: scale(0, 0); transition-property: transform; -moz-transition-property: -moz-transform; -ms-transition-property: -ms-transform; -o-transition-property: -o-transform; -webkit-transition-property: -webkit-transform; -webkit-backface-visibility: hidden; } .tooltipster-grow-show { transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -webkit-transform: scale(1, 1); transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);; -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); } .tooltipster-swing { opacity: 0; transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -webkit-transform: rotateZ(4deg); transition-property: transform;; -moz-transition-property: -moz-transform; -ms-transition-property: -ms-transform; -o-transition-property: -o-transform; -webkit-transition-property: -webkit-transform, opacity; } .tooltipster-swing-show { opacity: 1; transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);; -moz-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4); -ms-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4); -o-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4); -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 1); -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4); } .tooltipster-fall { top: 0; transition-property: top; -moz-transition-property: top; -ms-transition-property: top; -o-transition-property: top; -webkit-transition-property: top; transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);; -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); } .tooltipster-fall.tooltipster-dying { opacity: 0;; top: 0!important; transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; } .tooltipster-slide { left: -40px; transition-property: left; -moz-transition-property: left; -ms-transition-property: left; -o-transition-property: left; -webkit-transition-property: left; transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);; -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); } .tooltipster-slide.tooltipster-dying { left: 0!important; opacity: 0;; transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; } .tooltipster-content-changing { opacity: .5; transform: scale(1.1, 1.1);; -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }