tinper-bee
Version:
React Components living for enterprise-class pc backend application
1 lines • 13.1 kB
CSS
.u-tooltip{position:absolute;z-index:1;display:block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:12px;opacity:0;max-width:200px}.u-tooltip.in{opacity:1}.u-tooltip .tooltip-arrow{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.u-tooltip .tooltip-inner{padding:3px 8px;color:#fff;background-color:#42526e;border-radius:3px;word-wrap:break-word}.u-tooltip.top,.u-tooltip.topLeft,.u-tooltip.topRight{padding:5px 0}.u-tooltip.right,.u-tooltip.rightBottom,.u-tooltip.rightTop{padding:0 5px}.u-tooltip.bottom,.u-tooltip.bottomLeft,.u-tooltip.bottomRight{padding:5px 0}.u-tooltip.left,.u-tooltip.leftBottom,.u-tooltip.leftTop{padding:0 5px}.u-tooltip.top .tooltip-arrow,.u-tooltip.topLeft .tooltip-arrow,.u-tooltip.topRight .tooltip-arrow{bottom:0;border-width:5px 5px 0;border-top-color:#42526e}.u-tooltip.top .tooltip-arrow{left:50%;margin-left:-5px}.u-tooltip.topLeft .tooltip-arrow{left:16px}.u-tooltip.topRight .tooltip-arrow{right:16px}.u-tooltip.right .tooltip-arrow,.u-tooltip.rightBottom .tooltip-arrow,.u-tooltip.rightTop .tooltip-arrow{left:0;border-width:5px 5px 5px 0;border-right-color:#42526e}.u-tooltip.right .tooltip-arrow{top:50%;margin-top:-5px}.u-tooltip.rightTop .tooltip-arrow{top:8px}.u-tooltip.rightBottom .tooltip-arrow{bottom:8px}.u-tooltip.left .tooltip-arrow,.u-tooltip.leftBottom .tooltip-arrow,.u-tooltip.leftTop .tooltip-arrow{right:0;border-width:5px 0 5px 5px;border-left-color:#42526e}.u-tooltip.left .tooltip-arrow{top:50%;margin-top:-5px}.u-tooltip.leftTop .tooltip-arrow{top:8px}.u-tooltip.leftBottom .tooltip-arrow{bottom:8px}.u-tooltip.bottom .tooltip-arrow,.u-tooltip.bottomLeft .tooltip-arrow,.u-tooltip.bottomRight .tooltip-arrow{top:0;border-width:0 5px 5px;border-bottom-color:#42526e}.u-tooltip.bottom .tooltip-arrow{left:50%;margin-left:-5px}.u-tooltip.bottomLeft .tooltip-arrow{left:16px}.u-tooltip.bottomRight .tooltip-arrow{right:16px}.u-tooltip.inverse-arrow.right,.u-tooltip.inverse-arrow.rightBottom,.u-tooltip.inverse-arrow.rightTop{margin-right:-6px}.u-tooltip.inverse-arrow.right .tooltip-arrow,.u-tooltip.inverse-arrow.rightBottom .tooltip-arrow,.u-tooltip.inverse-arrow.rightTop .tooltip-arrow{left:auto;right:0;border-width:5px 0 5px 5px;border-left-color:#42526e}.u-tooltip.inverse-arrow.left,.u-tooltip.inverse-arrow.leftBottom,.u-tooltip.inverse-arrow.leftTop{margin-left:-6px}.u-tooltip.inverse-arrow.left .tooltip-arrow,.u-tooltip.inverse-arrow.leftBottom .tooltip-arrow,.u-tooltip.inverse-arrow.leftTop .tooltip-arrow{left:0;border-width:5px 5px 5px 0;border-right-color:#42526e}.u-tooltip.inverse-arrow.top,.u-tooltip.inverse-arrow.topLeft,.u-tooltip.inverse-arrow.topRight{margin-top:-6px}.u-tooltip.inverse-arrow.top .tooltip-arrow,.u-tooltip.inverse-arrow.topLeft .tooltip-arrow,.u-tooltip.inverse-arrow.topRight .tooltip-arrow{top:0;border-width:0 5px 5px;border-bottom-color:#42526e}.u-tooltip.inverse-arrow.bottom{margin-bottom:-6px}.u-tooltip.inverse-arrow.bottom .tooltip-arrow{top:auto;bottom:0;border-width:5px 5px 0;border-top-color:#42526e}.u-tooltip.inverse.bottom .tooltip-arrow:after,.u-tooltip.inverse.bottomLeft .tooltip-arrow:after,.u-tooltip.inverse.bottomRight .tooltip-arrow:after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#fff}.u-tooltip.inverse.bottom .tooltip-arrow,.u-tooltip.inverse.bottomLeft .tooltip-arrow,.u-tooltip.inverse.bottomRight .tooltip-arrow{border-bottom-color:#a5adba}.u-tooltip.inverse-arrow.inverse.top .tooltip-arrow:after,.u-tooltip.inverse-arrow.inverse.topLeft .tooltip-arrow:after,.u-tooltip.inverse-arrow.inverse.topRight .tooltip-arrow:after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#fff;border-bottom-width:inherit}.u-tooltip.inverse-arrow.inverse.top .tooltip-arrow,.u-tooltip.inverse-arrow.inverse.topLeft .tooltip-arrow,.u-tooltip.inverse-arrow.inverse.topRight .tooltip-arrow{border-bottom-color:#a5adba}.u-tooltip.inverse.left .tooltip-arrow:after,.u-tooltip.inverse.leftBottom .tooltip-arrow:after,.u-tooltip.inverse.leftTop .tooltip-arrow:after{border-right-width:0;top:-5px;margin-left:-6px;border-left-color:#fff}.u-tooltip.inverse.left .tooltip-arrow,.u-tooltip.inverse.leftBottom .tooltip-arrow,.u-tooltip.inverse.leftTop .tooltip-arrow{border-left-color:#a5adba}.u-tooltip.inverse-arrow.inverse.right .tooltip-arrow:after,.u-tooltip.inverse-arrow.inverse.rightBottom .tooltip-arrow:after,.u-tooltip.inverse-arrow.inverse.rightTop .tooltip-arrow:after{border-right-width:0;top:-5px;margin-left:-6px;border-left-color:#fff;border-left-width:inherit}.u-tooltip.inverse-arrow.inverse.right .tooltip-arrow,.u-tooltip.inverse-arrow.inverse.rightBottom .tooltip-arrow,.u-tooltip.inverse-arrow.inverse.rightTop .tooltip-arrow{border-left-color:#a5adba}.u-tooltip.inverse.right .tooltip-arrow:after,.u-tooltip.inverse.rightBottom .tooltip-arrow:after,.u-tooltip.inverse.rightTop .tooltip-arrow:after{border-left-width:0;top:-5px;margin-left:1px;border-right-color:#fff}.u-tooltip.inverse.right .tooltip-arrow,.u-tooltip.inverse.rightBottom .tooltip-arrow,.u-tooltip.inverse.rightTop .tooltip-arrow{border-right-color:#a5adba}.u-tooltip.inverse-arrow.inverse.left .tooltip-arrow:after,.u-tooltip.inverse-arrow.inverse.leftBottom .tooltip-arrow:after,.u-tooltip.inverse-arrow.inverse.leftTop .tooltip-arrow:after{border-left-width:0;top:-5px;margin-left:1px;border-right-color:#fff;border-right-width:inherit}.u-tooltip.inverse-arrow.inverse.left .tooltip-arrow,.u-tooltip.inverse-arrow.inverse.leftBottom .tooltip-arrow,.u-tooltip.inverse-arrow.inverse.leftTop .tooltip-arrow{border-right-color:#a5adba}.u-tooltip.inverse.top .tooltip-arrow:after,.u-tooltip.inverse.topLeft .tooltip-arrow:after,.u-tooltip.inverse.topRight .tooltip-arrow:after{top:-6px;margin-left:-5px;border-bottom-width:0;border-bottom-color:#d9d9d9;border-top-color:#fff}.u-tooltip.inverse.top .tooltip-arrow,.u-tooltip.inverse.topLeft .tooltip-arrow,.u-tooltip.inverse.topRight .tooltip-arrow{border-top-color:#a5adba}.u-tooltip.inverse-arrow.inverse.bottom .tooltip-arrow:after,.u-tooltip.inverse-arrow.inverse.bottomLeft .tooltip-arrow:after,.u-tooltip.inverse-arrow.inverse.bottomRight .tooltip-arrow:after{top:-6px;margin-left:-5px;border-bottom-width:0;border-bottom-color:#d9d9d9;border-top-color:#fff;border-top-width:inherit}.u-tooltip.inverse-arrow.inverse.bottom .tooltip-arrow,.u-tooltip.inverse-arrow.inverse.bottomLeft .tooltip-arrow,.u-tooltip.inverse-arrow.inverse.bottomRight .tooltip-arrow{border-top-color:#a5adba}.u-tooltip.inverse .tooltip-inner{background-color:#fff;color:#333;border:1px solid #a5adba}.u-tooltip.inverse .tooltip-arrow:after{position:absolute;display:block;width:0;height:0;border:5px solid transparent;content:" "}.u-slider{position:relative;height:14px;padding:5px 0;width:100%;border-radius:6px;-ms-touch-action:none;touch-action:none}.u-slider,.u-slider *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.u-slider .u-slider-rail{position:absolute;width:100%;background-color:#e9e9e9;height:4px;border-radius:6px}.u-slider .u-slider-track{position:absolute;left:0;height:4px;border-radius:6px;background-color:#f53c32}.u-slider .u-slider-handle{position:absolute;margin-left:-7px;margin-top:-5px;width:14px;height:14px;cursor:pointer;cursor:-webkit-grab;cursor:grab;border-radius:50%;border:2px solid #f53c32;background-color:#fff;-ms-touch-action:pan-x;touch-action:pan-x}.u-slider .u-slider-handle:hover{border-color:#f53c32}.u-slider .u-slider-handle:active{border-color:#f53c32;-webkit-box-shadow:0 0 5px #f53c32;box-shadow:0 0 5px #f53c32;cursor:-webkit-grabbing;cursor:grabbing}.u-slider .u-slider-handle:focus{border-color:#f53c32;-webkit-box-shadow:0 0 0 5px #f53c32;box-shadow:0 0 0 5px #f53c32;outline:none}.u-slider .u-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.u-slider .u-slider-mark-text{position:absolute;display:inline-block;vertical-align:middle;text-align:center;cursor:pointer;color:#999}.u-slider .u-slider-mark-text-active{color:#666}.u-slider .u-slider-step{position:absolute;width:100%;height:4px;background:transparent}.u-slider .u-slider-dot{position:absolute;bottom:-2px;margin-left:-4px;width:8px;height:8px;border:2px solid #e9e9e9;background-color:#fff;cursor:pointer;border-radius:50%;vertical-align:middle}.u-slider .u-slider-dot:first-child,.u-slider .u-slider-dot:last-child{margin-left:-4px}.u-slider .u-slider-dot-active{border-color:#f53c32}.u-slider .u-slider-disabled{background-color:#e9e9e9}.u-slider .u-slider-disabled .u-slider-track{background-color:#ccc}.u-slider .u-slider-disabled .u-slider-dot,.u-slider .u-slider-disabled .u-slider-handle{border-color:#ccc;-webkit-box-shadow:none;box-shadow:none;background-color:#fff;cursor:not-allowed}.u-slider .u-slider-disabled .u-slider-dot,.u-slider .u-slider-disabled .u-slider-mark-text{cursor:not-allowed}.u-slider.u-slider-vertical{width:14px;height:100%;padding:0 5px}.u-slider.u-slider-vertical .u-slider-rail{height:100%;width:4px}.u-slider.u-slider-vertical .u-slider-track{left:5px;bottom:0;width:4px}.u-slider.u-slider-vertical .u-slider-handle{margin-left:-5px;margin-bottom:-7px;-ms-touch-action:pan-y;touch-action:pan-y}.u-slider.u-slider-vertical .u-slider-mark{top:0;left:18px;height:100%}.u-slider.u-slider-vertical .u-slider-step{height:100%;width:4px}.u-slider.u-slider-vertical .u-slider-dot{left:2px;margin-bottom:-4px}.u-slider.u-slider-vertical .u-slider-dot:first-child,.u-slider.u-slider-vertical .u-slider-dot:last-child{margin-bottom:-4px}.u-slider .u-slider-tooltip-zoom-down-appear,.u-slider .u-slider-tooltip-zoom-down-enter,.u-slider .u-slider-tooltip-zoom-down-leave{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:block;-webkit-animation-play-state:paused;animation-play-state:paused}.u-slider .u-slider-tooltip-zoom-down-appear.u-slider-tooltip-zoom-down-appear-active,.u-slider .u-slider-tooltip-zoom-down-enter.u-slider-tooltip-zoom-down-enter-active{-webkit-animation-name:rcSliderTooltipZoomDownIn;animation-name:rcSliderTooltipZoomDownIn;-webkit-animation-play-state:running;animation-play-state:running}.u-slider .u-slider-tooltip-zoom-down-leave.u-slider-tooltip-zoom-down-leave-active{-webkit-animation-name:rcSliderTooltipZoomDownOut;animation-name:rcSliderTooltipZoomDownOut;-webkit-animation-play-state:running;animation-play-state:running}.u-slider .u-slider-tooltip-zoom-down-appear,.u-slider .u-slider-tooltip-zoom-down-enter{-webkit-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}.u-slider .u-slider-tooltip-zoom-down-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.u-slider-tooltip{position:absolute;left:-9999px;top:-9999px;visibility:visible}.u-slider-tooltip,.u-slider-tooltip *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.u-slider-tooltip .u-slider-tooltip-hidden{display:none}.u-slider-tooltip .u-slider-tooltip-placement-top{padding:4px 0 8px}.u-slider-tooltip .u-slider-tooltip-inner{padding:6px 2px;min-width:24px;height:24px;font-size:12px;line-height:1;color:#fff;text-align:center;text-decoration:none;background-color:#666;border-radius:6px;-webkit-box-shadow:0 0 4px #d9d9d9;box-shadow:0 0 4px #d9d9d9}.u-slider-tooltip .u-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.u-slider-tooltip .u-slider-tooltip-placement-top .u-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#666}@-webkit-keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes rcSliderTooltipZoomDownOut{0%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(0);transform:scale(0)}}@keyframes rcSliderTooltipZoomDownOut{0%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(0);transform:scale(0)}}