mirror of https://github.com/Ombi-app/Ombi
Work on the UI to show what episodes have been requested #254
parent
a5cbd5dfd6
commit
0657264dd3
File diff suppressed because one or more lines are too long
@ -0,0 +1,171 @@
|
|||||||
|
(function (root, factory) {
|
||||||
|
if (typeof define === 'function' && define.amd) {
|
||||||
|
// AMD. Register as an anonymous module unless amdModuleId is set
|
||||||
|
define(["tooltipster"], function (a0) {
|
||||||
|
return (factory(a0));
|
||||||
|
});
|
||||||
|
} else if (typeof exports === 'object') {
|
||||||
|
// Node. Does not work with strict CommonJS, but
|
||||||
|
// only CommonJS-like environments that support module.exports,
|
||||||
|
// like Node.
|
||||||
|
module.exports = factory(require("tooltipster"));
|
||||||
|
} else {
|
||||||
|
factory(jQuery);
|
||||||
|
}
|
||||||
|
}(this, function ($) {
|
||||||
|
|
||||||
|
(function (root, factory) {
|
||||||
|
if (typeof define === 'function' && define.amd) {
|
||||||
|
// AMD. Register as an anonymous module unless amdModuleId is set
|
||||||
|
define(["jquery"], function (a0) {
|
||||||
|
return (factory(a0));
|
||||||
|
});
|
||||||
|
} else if (typeof exports === 'object') {
|
||||||
|
// Node. Does not work with strict CommonJS, but
|
||||||
|
// only CommonJS-like environments that support module.exports,
|
||||||
|
// like Node.
|
||||||
|
module.exports = factory(require("jquery"));
|
||||||
|
} else {
|
||||||
|
factory(jQuery);
|
||||||
|
}
|
||||||
|
}(this, function ($) {
|
||||||
|
|
||||||
|
var pluginName = 'tooltipster.SVG';
|
||||||
|
|
||||||
|
$.tooltipster._plugin({
|
||||||
|
name: pluginName,
|
||||||
|
core: {
|
||||||
|
__init: function() {
|
||||||
|
|
||||||
|
$.tooltipster._on('init', function(event) {
|
||||||
|
|
||||||
|
var win = $.tooltipster._env.window;
|
||||||
|
|
||||||
|
if ( win.SVGElement
|
||||||
|
&& event.origin instanceof win.SVGElement
|
||||||
|
) {
|
||||||
|
|
||||||
|
// auto-activation of the plugin on the instance
|
||||||
|
event.instance._plug(pluginName);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
instance: {
|
||||||
|
__init: function(instance) {
|
||||||
|
|
||||||
|
var self = this;
|
||||||
|
|
||||||
|
//list of instance variables
|
||||||
|
self.__hadTitleTag = false;
|
||||||
|
self.__instance = instance;
|
||||||
|
|
||||||
|
// jQuery < v3.0's addClass and hasClass do not work on SVG elements.
|
||||||
|
// However, $('.tooltipstered') does find elements having the class.
|
||||||
|
if (!self.__instance._$origin.hasClass('tooltipstered')) {
|
||||||
|
|
||||||
|
var c = self.__instance._$origin.attr('class') || '';
|
||||||
|
|
||||||
|
if (c.indexOf('tooltipstered') == -1) {
|
||||||
|
self.__instance._$origin.attr('class', c + ' tooltipstered');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// if there is no content yet, let's look for a <title> child element
|
||||||
|
if (self.__instance.content() === null) {
|
||||||
|
|
||||||
|
// TODO: when there are several <title> tags (not supported in
|
||||||
|
// today's browsers yet though, still an RFC draft), pick the right
|
||||||
|
// one based on its "lang" attribute
|
||||||
|
var $title = self.__instance._$origin.find('>title');
|
||||||
|
|
||||||
|
if ($title[0]) {
|
||||||
|
|
||||||
|
var title = $title.text();
|
||||||
|
|
||||||
|
self.__hadTitleTag = true;
|
||||||
|
self.__instance._$origin.data('tooltipster-initialTitle', title);
|
||||||
|
self.__instance.content(title);
|
||||||
|
|
||||||
|
$title.remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// rectify the geometry if SVG.js and its screenBBox plugin have been included
|
||||||
|
self.__instance
|
||||||
|
._on('geometry.'+ self.namespace, function(event) {
|
||||||
|
|
||||||
|
var win = $.tooltipster._env.window;
|
||||||
|
|
||||||
|
// SVG coordinates may need fixing but we need svg.screenbox.js
|
||||||
|
// to provide it. SVGElement is IE8+
|
||||||
|
if (win.SVG.svgjs) {
|
||||||
|
|
||||||
|
if (!win.SVG.parser) {
|
||||||
|
win.SVG.prepare();
|
||||||
|
}
|
||||||
|
|
||||||
|
var svgEl = win.SVG.adopt(event.origin);
|
||||||
|
|
||||||
|
// not all figures need (and have) screenBBox
|
||||||
|
if (svgEl && svgEl.screenBBox) {
|
||||||
|
|
||||||
|
var bbox = svgEl.screenBBox();
|
||||||
|
|
||||||
|
event.edit({
|
||||||
|
height: bbox.height,
|
||||||
|
left: bbox.x,
|
||||||
|
top: bbox.y,
|
||||||
|
width: bbox.width
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
// if jQuery < v3.0, we have to remove the class ourselves
|
||||||
|
._on('destroy.'+ self.namespace, function() {
|
||||||
|
self.__destroy();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
__destroy: function() {
|
||||||
|
|
||||||
|
var self = this;
|
||||||
|
|
||||||
|
if (!self.__instance._$origin.hasClass('tooltipstered')) {
|
||||||
|
var c = self.__instance._$origin.attr('class').replace('tooltipstered', '');
|
||||||
|
self.__instance._$origin.attr('class', c);
|
||||||
|
}
|
||||||
|
|
||||||
|
self.__instance._off('.'+ self.namespace);
|
||||||
|
|
||||||
|
// if the content was provided as a title tag, we may need to restore it
|
||||||
|
if (self.__hadTitleTag) {
|
||||||
|
|
||||||
|
// this must happen after Tooltipster restored (or not) the title attr
|
||||||
|
self.__instance.one('destroyed', function() {
|
||||||
|
|
||||||
|
// if a title attribute was restored, we just need to replace it with a tag
|
||||||
|
var title = self.__instance._$origin.attr('title');
|
||||||
|
|
||||||
|
if (title) {
|
||||||
|
|
||||||
|
// must be namespaced to work
|
||||||
|
$(document.createElementNS('http://www.w3.org/2000/svg', 'title'))
|
||||||
|
.text(title)
|
||||||
|
.appendTo(self.__instance._$origin);
|
||||||
|
|
||||||
|
self.__instance._$origin.removeAttr('title');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
/* a build task will add "return $;" here */
|
||||||
|
return $;
|
||||||
|
|
||||||
|
}));
|
||||||
|
|
||||||
|
|
||||||
|
}));
|
@ -0,0 +1 @@
|
|||||||
|
!function(a,b){"function"==typeof define&&define.amd?define(["tooltipster"],function(a){return b(a)}):"object"==typeof exports?module.exports=b(require("tooltipster")):b(jQuery)}(this,function(a){!function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof exports?module.exports=b(require("jquery")):b(jQuery)}(this,function(a){var b="tooltipster.SVG";return a.tooltipster._plugin({name:b,core:{__init:function(){a.tooltipster._on("init",function(c){var d=a.tooltipster._env.window;d.SVGElement&&c.origin instanceof d.SVGElement&&c.instance._plug(b)})}},instance:{__init:function(b){var c=this;if(c.__hadTitleTag=!1,c.__instance=b,!c.__instance._$origin.hasClass("tooltipstered")){var d=c.__instance._$origin.attr("class")||"";-1==d.indexOf("tooltipstered")&&c.__instance._$origin.attr("class",d+" tooltipstered")}if(null===c.__instance.content()){var e=c.__instance._$origin.find(">title");if(e[0]){var f=e.text();c.__hadTitleTag=!0,c.__instance._$origin.data("tooltipster-initialTitle",f),c.__instance.content(f),e.remove()}}c.__instance._on("geometry."+c.namespace,function(b){var c=a.tooltipster._env.window;if(c.SVG.svgjs){c.SVG.parser||c.SVG.prepare();var d=c.SVG.adopt(b.origin);if(d&&d.screenBBox){var e=d.screenBBox();b.edit({height:e.height,left:e.x,top:e.y,width:e.width})}}})._on("destroy."+c.namespace,function(){c.__destroy()})},__destroy:function(){var b=this;if(!b.__instance._$origin.hasClass("tooltipstered")){var c=b.__instance._$origin.attr("class").replace("tooltipstered","");b.__instance._$origin.attr("class",c)}b.__instance._off("."+b.namespace),b.__hadTitleTag&&b.__instance.one("destroyed",function(){var c=b.__instance._$origin.attr("title");c&&(a(document.createElementNS("http://www.w3.org/2000/svg","title")).text(c).appendTo(b.__instance._$origin),b.__instance._$origin.removeAttr("title"))})}}}),a})});
|
@ -0,0 +1 @@
|
|||||||
|
.tooltipster-sidetip.tooltipster-borderless .tooltipster-box{border:none;background:#1b1b1b;background:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow{height:8px;margin-left:-8px;width:16px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow{height:16px;margin-left:0;margin-top:-8px;width:8px}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border{border:8px solid transparent}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#1b1b1b;border-bottom-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border{border-left-color:#1b1b1b;border-left-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border{border-right-color:#1b1b1b;border-right-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border{border-top-color:#1b1b1b;border-top-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped{top:-8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped{left:-8px}
|
@ -0,0 +1 @@
|
|||||||
|
.tooltipster-sidetip.tooltipster-light .tooltipster-box{border-radius:3px;border:1px solid #ccc;background:#ededed}.tooltipster-sidetip.tooltipster-light .tooltipster-content{color:#666}.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:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border{border-left-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border{border-right-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border{border-top-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped{top:-9px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped{left:-9px}
|
@ -0,0 +1 @@
|
|||||||
|
.tooltipster-sidetip.tooltipster-noir .tooltipster-box{border-radius:0;border:3px solid #000;background:#fff}.tooltipster-sidetip.tooltipster-noir .tooltipster-content{color:#000}.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow{height:11px;margin-left:-11px;width:22px}.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow{height:22px;margin-left:0;margin-top:-11px;width:11px}.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-background{border:11px solid transparent}.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#fff;top:4px}.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow-background{border-left-color:#fff;left:-4px}.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-background{border-right-color:#fff;left:4px}.tooltipster-sidetip.tooltipster-noir.tooltipster-top .tooltipster-arrow-background{border-top-color:#fff;top:-4px}.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-border{border-width:11px}.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-uncropped{top:-11px}.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-uncropped{left:-11px}
|
@ -0,0 +1 @@
|
|||||||
|
.tooltipster-sidetip.tooltipster-punk .tooltipster-box{border-radius:5px;border:none;border-bottom:3px solid #f71169;background:#2a2a2a}.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-box{margin-bottom:7px}.tooltipster-sidetip.tooltipster-punk .tooltipster-content{color:#fff;padding:8px 16px}.tooltipster-sidetip.tooltipster-punk .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-punk.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#2a2a2a}.tooltipster-sidetip.tooltipster-punk.tooltipster-left .tooltipster-arrow-border{border-left-color:#2a2a2a}.tooltipster-sidetip.tooltipster-punk.tooltipster-right .tooltipster-arrow-border{border-right-color:#2a2a2a}.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-arrow-border{border-top-color:#f71169}
|
@ -0,0 +1 @@
|
|||||||
|
.tooltipster-sidetip.tooltipster-shadow .tooltipster-box{border:none;border-radius:5px;background:#fff;box-shadow:0 0 10px 6px rgba(0,0,0,.1)}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box{margin-top:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box{margin-right:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box{margin-left:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box{margin-bottom:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-content{color:#8d8d8d}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow{height:6px;margin-left:-6px;width:12px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow{height:12px;margin-left:0;margin-top:-6px;width:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border{border:6px solid transparent}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border{border-left-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border{border-right-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border{border-top-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped{top:-6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped{left:-6px}
|
@ -0,0 +1 @@
|
|||||||
|
.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}
|
@ -0,0 +1,388 @@
|
|||||||
|
/* This is the core CSS of Tooltipster */
|
||||||
|
|
||||||
|
/* GENERAL STRUCTURE RULES (do not edit this section) */
|
||||||
|
|
||||||
|
.tooltipster-base {
|
||||||
|
/* this ensures that a constrained height set by functionPosition,
|
||||||
|
if greater that the natural height of the tooltip, will be enforced
|
||||||
|
in browsers that support display:flex */
|
||||||
|
display: flex;
|
||||||
|
pointer-events: none;
|
||||||
|
/* this may be overriden in JS for fixed position origins */
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-box {
|
||||||
|
/* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
|
||||||
|
and flex-basis auto for IE11- (at least) */
|
||||||
|
flex: 1 1 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-content {
|
||||||
|
/* prevents an overflow if the user adds padding to the div */
|
||||||
|
box-sizing: border-box;
|
||||||
|
/* these make sure we'll be able to detect any overflow */
|
||||||
|
max-height: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-ruler {
|
||||||
|
/* these let us test the size of the tooltip without overflowing the window */
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
position: fixed;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ANIMATIONS */
|
||||||
|
|
||||||
|
/* Open/close animations */
|
||||||
|
|
||||||
|
/* fade */
|
||||||
|
|
||||||
|
.tooltipster-fade {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transition-property: opacity;
|
||||||
|
-moz-transition-property: opacity;
|
||||||
|
-o-transition-property: opacity;
|
||||||
|
-ms-transition-property: opacity;
|
||||||
|
transition-property: opacity;
|
||||||
|
}
|
||||||
|
.tooltipster-fade.tooltipster-show {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* grow */
|
||||||
|
|
||||||
|
.tooltipster-grow {
|
||||||
|
-webkit-transform: scale(0,0);
|
||||||
|
-moz-transform: scale(0,0);
|
||||||
|
-o-transform: scale(0,0);
|
||||||
|
-ms-transform: scale(0,0);
|
||||||
|
transform: scale(0,0);
|
||||||
|
-webkit-transition-property: -webkit-transform;
|
||||||
|
-moz-transition-property: -moz-transform;
|
||||||
|
-o-transition-property: -o-transform;
|
||||||
|
-ms-transition-property: -ms-transform;
|
||||||
|
transition-property: transform;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
}
|
||||||
|
.tooltipster-grow.tooltipster-show {
|
||||||
|
-webkit-transform: scale(1,1);
|
||||||
|
-moz-transform: scale(1,1);
|
||||||
|
-o-transform: scale(1,1);
|
||||||
|
-ms-transform: scale(1,1);
|
||||||
|
transform: scale(1,1);
|
||||||
|
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
||||||
|
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* swing */
|
||||||
|
|
||||||
|
.tooltipster-swing {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: rotateZ(4deg);
|
||||||
|
-moz-transform: rotateZ(4deg);
|
||||||
|
-o-transform: rotateZ(4deg);
|
||||||
|
-ms-transform: rotateZ(4deg);
|
||||||
|
transform: rotateZ(4deg);
|
||||||
|
-webkit-transition-property: -webkit-transform, opacity;
|
||||||
|
-moz-transition-property: -moz-transform;
|
||||||
|
-o-transition-property: -o-transform;
|
||||||
|
-ms-transition-property: -ms-transform;
|
||||||
|
transition-property: transform;
|
||||||
|
}
|
||||||
|
.tooltipster-swing.tooltipster-show {
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-transform: rotateZ(0deg);
|
||||||
|
-moz-transform: rotateZ(0deg);
|
||||||
|
-o-transform: rotateZ(0deg);
|
||||||
|
-ms-transform: rotateZ(0deg);
|
||||||
|
transform: rotateZ(0deg);
|
||||||
|
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
|
||||||
|
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
|
||||||
|
-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
|
||||||
|
-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
|
||||||
|
-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
|
||||||
|
transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* fall */
|
||||||
|
|
||||||
|
.tooltipster-fall {
|
||||||
|
-webkit-transition-property: top;
|
||||||
|
-moz-transition-property: top;
|
||||||
|
-o-transition-property: top;
|
||||||
|
-ms-transition-property: top;
|
||||||
|
transition-property: top;
|
||||||
|
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
||||||
|
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
}
|
||||||
|
.tooltipster-fall.tooltipster-initial {
|
||||||
|
top: 0 !important;
|
||||||
|
}
|
||||||
|
.tooltipster-fall.tooltipster-show {
|
||||||
|
}
|
||||||
|
.tooltipster-fall.tooltipster-dying {
|
||||||
|
-webkit-transition-property: all;
|
||||||
|
-moz-transition-property: all;
|
||||||
|
-o-transition-property: all;
|
||||||
|
-ms-transition-property: all;
|
||||||
|
transition-property: all;
|
||||||
|
top: 0 !important;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* slide */
|
||||||
|
|
||||||
|
.tooltipster-slide {
|
||||||
|
-webkit-transition-property: left;
|
||||||
|
-moz-transition-property: left;
|
||||||
|
-o-transition-property: left;
|
||||||
|
-ms-transition-property: left;
|
||||||
|
transition-property: left;
|
||||||
|
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
||||||
|
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
}
|
||||||
|
.tooltipster-slide.tooltipster-initial {
|
||||||
|
left: -40px !important;
|
||||||
|
}
|
||||||
|
.tooltipster-slide.tooltipster-show {
|
||||||
|
}
|
||||||
|
.tooltipster-slide.tooltipster-dying {
|
||||||
|
-webkit-transition-property: all;
|
||||||
|
-moz-transition-property: all;
|
||||||
|
-o-transition-property: all;
|
||||||
|
-ms-transition-property: all;
|
||||||
|
transition-property: all;
|
||||||
|
left: 0 !important;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Update animations */
|
||||||
|
|
||||||
|
/* We use animations rather than transitions here because
|
||||||
|
transition durations may be specified in the style tag due to
|
||||||
|
animationDuration, and we try to avoid collisions and the use
|
||||||
|
of !important */
|
||||||
|
|
||||||
|
/* fade */
|
||||||
|
|
||||||
|
@keyframes tooltipster-fading {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-update-fade {
|
||||||
|
animation: tooltipster-fading 400ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* rotate */
|
||||||
|
|
||||||
|
@keyframes tooltipster-rotating {
|
||||||
|
25% {
|
||||||
|
transform: rotate(-2deg);
|
||||||
|
}
|
||||||
|
75% {
|
||||||
|
transform: rotate(2deg);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-update-rotate {
|
||||||
|
animation: tooltipster-rotating 600ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* scale */
|
||||||
|
|
||||||
|
@keyframes tooltipster-scaling {
|
||||||
|
50% {
|
||||||
|
transform: scale(1.1);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-update-scale {
|
||||||
|
animation: tooltipster-scaling 600ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* DEFAULT STYLE OF THE SIDETIP PLUGIN
|
||||||
|
*
|
||||||
|
* All styles are "namespaced" with .tooltipster-sidetip to prevent
|
||||||
|
* conflicts between plugins.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* .tooltipster-box */
|
||||||
|
|
||||||
|
.tooltipster-sidetip .tooltipster-box {
|
||||||
|
background: #565656;
|
||||||
|
border: 2px solid black;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
|
||||||
|
margin-left: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* .tooltipster-content */
|
||||||
|
|
||||||
|
.tooltipster-sidetip .tooltipster-content {
|
||||||
|
color: white;
|
||||||
|
line-height: 18px;
|
||||||
|
padding: 6px 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
|
||||||
|
corresponds to the arrow we want to display */
|
||||||
|
|
||||||
|
.tooltipster-sidetip .tooltipster-arrow {
|
||||||
|
overflow: hidden;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
|
||||||
|
height: 10px;
|
||||||
|
/* half the width, for centering */
|
||||||
|
margin-left: -10px;
|
||||||
|
top: 0;
|
||||||
|
width: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
|
||||||
|
height: 20px;
|
||||||
|
margin-top: -10px;
|
||||||
|
right: 0;
|
||||||
|
/* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
|
||||||
|
been positioned yet */
|
||||||
|
top: 0;
|
||||||
|
width: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
|
||||||
|
height: 20px;
|
||||||
|
margin-top: -10px;
|
||||||
|
left: 0;
|
||||||
|
/* same as .tooltipster-left .tooltipster-arrow */
|
||||||
|
top: 0;
|
||||||
|
width: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
|
||||||
|
bottom: 0;
|
||||||
|
height: 10px;
|
||||||
|
margin-left: -10px;
|
||||||
|
width: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
|
||||||
|
|
||||||
|
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
|
||||||
|
height: 0;
|
||||||
|
position: absolute;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* .tooltipster-arrow-background */
|
||||||
|
|
||||||
|
.tooltipster-sidetip .tooltipster-arrow-background {
|
||||||
|
border: 10px solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
|
||||||
|
border-bottom-color: #565656;
|
||||||
|
left: 0px;
|
||||||
|
top: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
|
||||||
|
border-left-color: #565656;
|
||||||
|
left: -3px;
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
|
||||||
|
border-right-color: #565656;
|
||||||
|
left: 3px;
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
|
||||||
|
border-top-color: #565656;
|
||||||
|
left: 0px;
|
||||||
|
top: -3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* .tooltipster-arrow-border */
|
||||||
|
|
||||||
|
.tooltipster-sidetip .tooltipster-arrow-border {
|
||||||
|
border: 10px solid transparent;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
|
||||||
|
border-bottom-color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
|
||||||
|
border-left-color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
|
||||||
|
border-right-color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
|
||||||
|
border-top-color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* tooltipster-arrow-uncropped */
|
||||||
|
|
||||||
|
.tooltipster-sidetip .tooltipster-arrow-uncropped {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
|
||||||
|
top: -10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
|
||||||
|
left: -10px;
|
||||||
|
}
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,231 @@
|
|||||||
|
/* This is the core CSS of Tooltipster */
|
||||||
|
|
||||||
|
/* GENERAL STRUCTURE RULES (do not edit this section) */
|
||||||
|
|
||||||
|
.tooltipster-base {
|
||||||
|
/* this ensures that a constrained height set by functionPosition,
|
||||||
|
if greater that the natural height of the tooltip, will be enforced
|
||||||
|
in browsers that support display:flex */
|
||||||
|
display: flex;
|
||||||
|
pointer-events: none;
|
||||||
|
/* this may be overriden in JS for fixed position origins */
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-box {
|
||||||
|
/* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
|
||||||
|
and flex-basis auto for IE11- (at least) */
|
||||||
|
flex: 1 1 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-content {
|
||||||
|
/* prevents an overflow if the user adds padding to the div */
|
||||||
|
box-sizing: border-box;
|
||||||
|
/* these make sure we'll be able to detect any overflow */
|
||||||
|
max-height: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-ruler {
|
||||||
|
/* these let us test the size of the tooltip without overflowing the window */
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
position: fixed;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ANIMATIONS */
|
||||||
|
|
||||||
|
/* Open/close animations */
|
||||||
|
|
||||||
|
/* fade */
|
||||||
|
|
||||||
|
.tooltipster-fade {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transition-property: opacity;
|
||||||
|
-moz-transition-property: opacity;
|
||||||
|
-o-transition-property: opacity;
|
||||||
|
-ms-transition-property: opacity;
|
||||||
|
transition-property: opacity;
|
||||||
|
}
|
||||||
|
.tooltipster-fade.tooltipster-show {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* grow */
|
||||||
|
|
||||||
|
.tooltipster-grow {
|
||||||
|
-webkit-transform: scale(0,0);
|
||||||
|
-moz-transform: scale(0,0);
|
||||||
|
-o-transform: scale(0,0);
|
||||||
|
-ms-transform: scale(0,0);
|
||||||
|
transform: scale(0,0);
|
||||||
|
-webkit-transition-property: -webkit-transform;
|
||||||
|
-moz-transition-property: -moz-transform;
|
||||||
|
-o-transition-property: -o-transform;
|
||||||
|
-ms-transition-property: -ms-transform;
|
||||||
|
transition-property: transform;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
}
|
||||||
|
.tooltipster-grow.tooltipster-show {
|
||||||
|
-webkit-transform: scale(1,1);
|
||||||
|
-moz-transform: scale(1,1);
|
||||||
|
-o-transform: scale(1,1);
|
||||||
|
-ms-transform: scale(1,1);
|
||||||
|
transform: scale(1,1);
|
||||||
|
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
||||||
|
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* swing */
|
||||||
|
|
||||||
|
.tooltipster-swing {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: rotateZ(4deg);
|
||||||
|
-moz-transform: rotateZ(4deg);
|
||||||
|
-o-transform: rotateZ(4deg);
|
||||||
|
-ms-transform: rotateZ(4deg);
|
||||||
|
transform: rotateZ(4deg);
|
||||||
|
-webkit-transition-property: -webkit-transform, opacity;
|
||||||
|
-moz-transition-property: -moz-transform;
|
||||||
|
-o-transition-property: -o-transform;
|
||||||
|
-ms-transition-property: -ms-transform;
|
||||||
|
transition-property: transform;
|
||||||
|
}
|
||||||
|
.tooltipster-swing.tooltipster-show {
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-transform: rotateZ(0deg);
|
||||||
|
-moz-transform: rotateZ(0deg);
|
||||||
|
-o-transform: rotateZ(0deg);
|
||||||
|
-ms-transform: rotateZ(0deg);
|
||||||
|
transform: rotateZ(0deg);
|
||||||
|
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
|
||||||
|
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
|
||||||
|
-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
|
||||||
|
-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
|
||||||
|
-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
|
||||||
|
transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* fall */
|
||||||
|
|
||||||
|
.tooltipster-fall {
|
||||||
|
-webkit-transition-property: top;
|
||||||
|
-moz-transition-property: top;
|
||||||
|
-o-transition-property: top;
|
||||||
|
-ms-transition-property: top;
|
||||||
|
transition-property: top;
|
||||||
|
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
||||||
|
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
}
|
||||||
|
.tooltipster-fall.tooltipster-initial {
|
||||||
|
top: 0 !important;
|
||||||
|
}
|
||||||
|
.tooltipster-fall.tooltipster-show {
|
||||||
|
}
|
||||||
|
.tooltipster-fall.tooltipster-dying {
|
||||||
|
-webkit-transition-property: all;
|
||||||
|
-moz-transition-property: all;
|
||||||
|
-o-transition-property: all;
|
||||||
|
-ms-transition-property: all;
|
||||||
|
transition-property: all;
|
||||||
|
top: 0 !important;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* slide */
|
||||||
|
|
||||||
|
.tooltipster-slide {
|
||||||
|
-webkit-transition-property: left;
|
||||||
|
-moz-transition-property: left;
|
||||||
|
-o-transition-property: left;
|
||||||
|
-ms-transition-property: left;
|
||||||
|
transition-property: left;
|
||||||
|
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
||||||
|
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||||
|
}
|
||||||
|
.tooltipster-slide.tooltipster-initial {
|
||||||
|
left: -40px !important;
|
||||||
|
}
|
||||||
|
.tooltipster-slide.tooltipster-show {
|
||||||
|
}
|
||||||
|
.tooltipster-slide.tooltipster-dying {
|
||||||
|
-webkit-transition-property: all;
|
||||||
|
-moz-transition-property: all;
|
||||||
|
-o-transition-property: all;
|
||||||
|
-ms-transition-property: all;
|
||||||
|
transition-property: all;
|
||||||
|
left: 0 !important;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Update animations */
|
||||||
|
|
||||||
|
/* We use animations rather than transitions here because
|
||||||
|
transition durations may be specified in the style tag due to
|
||||||
|
animationDuration, and we try to avoid collisions and the use
|
||||||
|
of !important */
|
||||||
|
|
||||||
|
/* fade */
|
||||||
|
|
||||||
|
@keyframes tooltipster-fading {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-update-fade {
|
||||||
|
animation: tooltipster-fading 400ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* rotate */
|
||||||
|
|
||||||
|
@keyframes tooltipster-rotating {
|
||||||
|
25% {
|
||||||
|
transform: rotate(-2deg);
|
||||||
|
}
|
||||||
|
75% {
|
||||||
|
transform: rotate(2deg);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-update-rotate {
|
||||||
|
animation: tooltipster-rotating 600ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* scale */
|
||||||
|
|
||||||
|
@keyframes tooltipster-scaling {
|
||||||
|
50% {
|
||||||
|
transform: scale(1.1);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltipster-update-scale {
|
||||||
|
animation: tooltipster-scaling 600ms;
|
||||||
|
}
|
File diff suppressed because it is too large
Load Diff
@ -0,0 +1 @@
|
|||||||
|
.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-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)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-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);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-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);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}
|
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue