http://git-wip-us.apache.org/repos/asf/incubator-senssoft/blob/6a2b3459/semantic/dist/components/nag.js ---------------------------------------------------------------------- diff --git a/semantic/dist/components/nag.js b/semantic/dist/components/nag.js deleted file mode 100644 index 73804f3..0000000 --- a/semantic/dist/components/nag.js +++ /dev/null @@ -1,507 +0,0 @@ -/*! - * # Semantic UI 2.2.6 - Nag - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -;(function ($, window, document, undefined) { - -"use strict"; - -window = (typeof window != 'undefined' && window.Math == Math) - ? window - : (typeof self != 'undefined' && self.Math == Math) - ? self - : Function('return this')() -; - -$.fn.nag = function(parameters) { - var - $allModules = $(this), - moduleSelector = $allModules.selector || '', - - time = new Date().getTime(), - performance = [], - - query = arguments[0], - methodInvoked = (typeof query == 'string'), - queryArguments = [].slice.call(arguments, 1), - returnedValue - ; - $allModules - .each(function() { - var - settings = ( $.isPlainObject(parameters) ) - ? $.extend(true, {}, $.fn.nag.settings, parameters) - : $.extend({}, $.fn.nag.settings), - - className = settings.className, - selector = settings.selector, - error = settings.error, - namespace = settings.namespace, - - eventNamespace = '.' + namespace, - moduleNamespace = namespace + '-module', - - $module = $(this), - - $close = $module.find(selector.close), - $context = (settings.context) - ? $(settings.context) - : $('body'), - - element = this, - instance = $module.data(moduleNamespace), - - moduleOffset, - moduleHeight, - - contextWidth, - contextHeight, - contextOffset, - - yOffset, - yPosition, - - timer, - module, - - requestAnimationFrame = window.requestAnimationFrame - || window.mozRequestAnimationFrame - || window.webkitRequestAnimationFrame - || window.msRequestAnimationFrame - || function(callback) { setTimeout(callback, 0); } - ; - module = { - - initialize: function() { - module.verbose('Initializing element'); - - $module - .on('click' + eventNamespace, selector.close, module.dismiss) - .data(moduleNamespace, module) - ; - - if(settings.detachable && $module.parent()[0] !== $context[0]) { - $module - .detach() - .prependTo($context) - ; - } - - if(settings.displayTime > 0) { - setTimeout(module.hide, settings.displayTime); - } - module.show(); - }, - - destroy: function() { - module.verbose('Destroying instance'); - $module - .removeData(moduleNamespace) - .off(eventNamespace) - ; - }, - - show: function() { - if( module.should.show() && !$module.is(':visible') ) { - module.debug('Showing nag', settings.animation.show); - if(settings.animation.show == 'fade') { - $module - .fadeIn(settings.duration, settings.easing) - ; - } - else { - $module - .slideDown(settings.duration, settings.easing) - ; - } - } - }, - - hide: function() { - module.debug('Showing nag', settings.animation.hide); - if(settings.animation.show == 'fade') { - $module - .fadeIn(settings.duration, settings.easing) - ; - } - else { - $module - .slideUp(settings.duration, settings.easing) - ; - } - }, - - onHide: function() { - module.debug('Removing nag', settings.animation.hide); - $module.remove(); - if (settings.onHide) { - settings.onHide(); - } - }, - - dismiss: function(event) { - if(settings.storageMethod) { - module.storage.set(settings.key, settings.value); - } - module.hide(); - event.stopImmediatePropagation(); - event.preventDefault(); - }, - - should: { - show: function() { - if(settings.persist) { - module.debug('Persistent nag is set, can show nag'); - return true; - } - if( module.storage.get(settings.key) != settings.value.toString() ) { - module.debug('Stored value is not set, can show nag', module.storage.get(settings.key)); - return true; - } - module.debug('Stored value is set, cannot show nag', module.storage.get(settings.key)); - return false; - } - }, - - get: { - storageOptions: function() { - var - options = {} - ; - if(settings.expires) { - options.expires = settings.expires; - } - if(settings.domain) { - options.domain = settings.domain; - } - if(settings.path) { - options.path = settings.path; - } - return options; - } - }, - - clear: function() { - module.storage.remove(settings.key); - }, - - storage: { - set: function(key, value) { - var - options = module.get.storageOptions() - ; - if(settings.storageMethod == 'localstorage' && window.localStorage !== undefined) { - window.localStorage.setItem(key, value); - module.debug('Value stored using local storage', key, value); - } - else if(settings.storageMethod == 'sessionstorage' && window.sessionStorage !== undefined) { - window.sessionStorage.setItem(key, value); - module.debug('Value stored using session storage', key, value); - } - else if($.cookie !== undefined) { - $.cookie(key, value, options); - module.debug('Value stored using cookie', key, value, options); - } - else { - module.error(error.noCookieStorage); - return; - } - }, - get: function(key, value) { - var - storedValue - ; - if(settings.storageMethod == 'localstorage' && window.localStorage !== undefined) { - storedValue = window.localStorage.getItem(key); - } - else if(settings.storageMethod == 'sessionstorage' && window.sessionStorage !== undefined) { - storedValue = window.sessionStorage.getItem(key); - } - // get by cookie - else if($.cookie !== undefined) { - storedValue = $.cookie(key); - } - else { - module.error(error.noCookieStorage); - } - if(storedValue == 'undefined' || storedValue == 'null' || storedValue === undefined || storedValue === null) { - storedValue = undefined; - } - return storedValue; - }, - remove: function(key) { - var - options = module.get.storageOptions() - ; - if(settings.storageMethod == 'localstorage' && window.localStorage !== undefined) { - window.localStorage.removeItem(key); - } - else if(settings.storageMethod == 'sessionstorage' && window.sessionStorage !== undefined) { - window.sessionStorage.removeItem(key); - } - // store by cookie - else if($.cookie !== undefined) { - $.removeCookie(key, options); - } - else { - module.error(error.noStorage); - } - } - }, - - setting: function(name, value) { - module.debug('Changing setting', name, value); - if( $.isPlainObject(name) ) { - $.extend(true, settings, name); - } - else if(value !== undefined) { - if($.isPlainObject(settings[name])) { - $.extend(true, settings[name], value); - } - else { - settings[name] = value; - } - } - else { - return settings[name]; - } - }, - internal: function(name, value) { - if( $.isPlainObject(name) ) { - $.extend(true, module, name); - } - else if(value !== undefined) { - module[name] = value; - } - else { - return module[name]; - } - }, - debug: function() { - if(!settings.silent && settings.debug) { - if(settings.performance) { - module.performance.log(arguments); - } - else { - module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':'); - module.debug.apply(console, arguments); - } - } - }, - verbose: function() { - if(!settings.silent && settings.verbose && settings.debug) { - if(settings.performance) { - module.performance.log(arguments); - } - else { - module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':'); - module.verbose.apply(console, arguments); - } - } - }, - error: function() { - if(!settings.silent) { - module.error = Function.prototype.bind.call(console.error, console, settings.name + ':'); - module.error.apply(console, arguments); - } - }, - performance: { - log: function(message) { - var - currentTime, - executionTime, - previousTime - ; - if(settings.performance) { - currentTime = new Date().getTime(); - previousTime = time || currentTime; - executionTime = currentTime - previousTime; - time = currentTime; - performance.push({ - 'Name' : message[0], - 'Arguments' : [].slice.call(message, 1) || '', - 'Element' : element, - 'Execution Time' : executionTime - }); - } - clearTimeout(module.performance.timer); - module.performance.timer = setTimeout(module.performance.display, 500); - }, - display: function() { - var - title = settings.name + ':', - totalTime = 0 - ; - time = false; - clearTimeout(module.performance.timer); - $.each(performance, function(index, data) { - totalTime += data['Execution Time']; - }); - title += ' ' + totalTime + 'ms'; - if(moduleSelector) { - title += ' \'' + moduleSelector + '\''; - } - if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) { - console.groupCollapsed(title); - if(console.table) { - console.table(performance); - } - else { - $.each(performance, function(index, data) { - console.log(data['Name'] + ': ' + data['Execution Time']+'ms'); - }); - } - console.groupEnd(); - } - performance = []; - } - }, - invoke: function(query, passedArguments, context) { - var - object = instance, - maxDepth, - found, - response - ; - passedArguments = passedArguments || queryArguments; - context = element || context; - if(typeof query == 'string' && object !== undefined) { - query = query.split(/[\. ]/); - maxDepth = query.length - 1; - $.each(query, function(depth, value) { - var camelCaseValue = (depth != maxDepth) - ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1) - : query - ; - if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) { - object = object[camelCaseValue]; - } - else if( object[camelCaseValue] !== undefined ) { - found = object[camelCaseValue]; - return false; - } - else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) { - object = object[value]; - } - else if( object[value] !== undefined ) { - found = object[value]; - return false; - } - else { - module.error(error.method, query); - return false; - } - }); - } - if ( $.isFunction( found ) ) { - response = found.apply(context, passedArguments); - } - else if(found !== undefined) { - response = found; - } - if($.isArray(returnedValue)) { - returnedValue.push(response); - } - else if(returnedValue !== undefined) { - returnedValue = [returnedValue, response]; - } - else if(response !== undefined) { - returnedValue = response; - } - return found; - } - }; - - if(methodInvoked) { - if(instance === undefined) { - module.initialize(); - } - module.invoke(query); - } - else { - if(instance !== undefined) { - instance.invoke('destroy'); - } - module.initialize(); - } - }) - ; - - return (returnedValue !== undefined) - ? returnedValue - : this - ; -}; - -$.fn.nag.settings = { - - name : 'Nag', - - silent : false, - debug : false, - verbose : false, - performance : true, - - namespace : 'Nag', - - // allows cookie to be overridden - persist : false, - - // set to zero to require manually dismissal, otherwise hides on its own - displayTime : 0, - - animation : { - show : 'slide', - hide : 'slide' - }, - - context : false, - detachable : false, - - expires : 30, - domain : false, - path : '/', - - // type of storage to use - storageMethod : 'cookie', - - // value to store in dismissed localstorage/cookie - key : 'nag', - value : 'dismiss', - - error: { - noCookieStorage : '$.cookie is not included. A storage solution is required.', - noStorage : 'Neither $.cookie or store is defined. A storage solution is required for storing state', - method : 'The method you called is not defined.' - }, - - className : { - bottom : 'bottom', - fixed : 'fixed' - }, - - selector : { - close : '.close.icon' - }, - - speed : 500, - easing : 'easeOutQuad', - - onHide: function() {} - -}; - -// Adds easing -$.extend( $.easing, { - easeOutQuad: function (x, t, b, c, d) { - return -c *(t/=d)*(t-2) + b; - } -}); - -})( jQuery, window, document );
http://git-wip-us.apache.org/repos/asf/incubator-senssoft/blob/6a2b3459/semantic/dist/components/nag.min.css ---------------------------------------------------------------------- diff --git a/semantic/dist/components/nag.min.css b/semantic/dist/components/nag.min.css deleted file mode 100755 index e1a85df..0000000 --- a/semantic/dist/components/nag.min.css +++ /dev/null @@ -1,9 +0,0 @@ -/*! - * # Semantic UI 2.2.6 - Nag - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */.ui.nag{display:none;opacity:.95;position:relative;top:0;left:0;z-index:999;min-height:0;width:100%;margin:0;padding:.75em 1em;background:#555;box-shadow:0 1px 2px 0 rgba(0,0,0,.2);font-size:1rem;text-align:center;color:#262626;border-radius:0 0 .28571429rem .28571429rem;-webkit-transition:.2s background ease;transition:.2s background ease}a.ui.nag{cursor:pointer}.ui.nag>.title{display:inline-block;margin:0 .5em;color:#EBEBEB}.ui.nag>.close.icon{cursor:pointer;opacity:.4;position:absolute;top:50%;right:1em;font-size:1em;margin:-.5em 0 0;color:#EBEBEB;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.ui.nag:hover{background:#555;opacity:1}.ui.nag .close:hover{opacity:1}.ui.overlay.nag{position:absolute;display:block}.ui.fixed.nag{position:fixed}.ui.bottom.nag,.ui.bottom.nags{border-radius:.28571429rem .28571429rem 0 0;top:auto;bottom:0}.ui.inverted.nag,.ui.inverted.nags .nag{background-color:#F3F4F5;color:rgba(0,0,0,.85)}.ui.inverted.nag .close,.ui.inverted.nag .tit le,.ui.inverted.nags .nag .close,.ui.inverted.nags .nag .title{color:rgba(0,0,0,.4)}.ui.nags .nag{border-radius:0!important}.ui.nags .nag:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui.bottom.nags .nag:last-child{border-radius:.28571429rem .28571429rem 0 0} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-senssoft/blob/6a2b3459/semantic/dist/components/nag.min.js ---------------------------------------------------------------------- diff --git a/semantic/dist/components/nag.min.js b/semantic/dist/components/nag.min.js deleted file mode 100644 index 73f1df5..0000000 --- a/semantic/dist/components/nag.min.js +++ /dev/null @@ -1,10 +0,0 @@ -/*! - * # Semantic UI 2.2.6 - Nag - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -!function(e,o,t,n){"use strict";o="undefined"!=typeof o&&o.Math==Math?o:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),e.fn.nag=function(t){var i,s=e(this),a=s.selector||"",r=(new Date).getTime(),l=[],c=arguments[0],g="string"==typeof c,u=[].slice.call(arguments,1);return s.each(function(){var s,d=e.isPlainObject(t)?e.extend(!0,{},e.fn.nag.settings,t):e.extend({},e.fn.nag.settings),m=(d.className,d.selector),f=d.error,p=d.namespace,h="."+p,b=p+"-module",v=e(this),y=(v.find(m.close),e(d.context?d.context:"body")),k=this,S=v.data(b);o.requestAnimationFrame||o.mozRequestAnimationFrame||o.webkitRequestAnimationFrame||o.msRequestAnimationFrame||function(e){setTimeout(e,0)};s={initialize:function(){s.verbose("Initializing element"),v.on("click"+h,m.close,s.dismiss).data(b,s),d.detachable&&v.parent()[0]!==y[0]&&v.detach().prependTo(y),d.displayTime>0&&setTimeout(s.hide,d.displayTime),s.show()},destroy:function(){s.verbose("Destroying instance"),v.removeData(b).off (h)},show:function(){s.should.show()&&!v.is(":visible")&&(s.debug("Showing nag",d.animation.show),"fade"==d.animation.show?v.fadeIn(d.duration,d.easing):v.slideDown(d.duration,d.easing))},hide:function(){s.debug("Showing nag",d.animation.hide),"fade"==d.animation.show?v.fadeIn(d.duration,d.easing):v.slideUp(d.duration,d.easing)},onHide:function(){s.debug("Removing nag",d.animation.hide),v.remove(),d.onHide&&d.onHide()},dismiss:function(e){d.storageMethod&&s.storage.set(d.key,d.value),s.hide(),e.stopImmediatePropagation(),e.preventDefault()},should:{show:function(){return d.persist?(s.debug("Persistent nag is set, can show nag"),!0):s.storage.get(d.key)!=d.value.toString()?(s.debug("Stored value is not set, can show nag",s.storage.get(d.key)),!0):(s.debug("Stored value is set, cannot show nag",s.storage.get(d.key)),!1)}},get:{storageOptions:function(){var e={};return d.expires&&(e.expires=d.expires),d.domain&&(e.domain=d.domain),d.path&&(e.path=d.path),e}},clear:function(){s.storage. remove(d.key)},storage:{set:function(t,i){var a=s.get.storageOptions();if("localstorage"==d.storageMethod&&o.localStorage!==n)o.localStorage.setItem(t,i),s.debug("Value stored using local storage",t,i);else if("sessionstorage"==d.storageMethod&&o.sessionStorage!==n)o.sessionStorage.setItem(t,i),s.debug("Value stored using session storage",t,i);else{if(e.cookie===n)return void s.error(f.noCookieStorage);e.cookie(t,i,a),s.debug("Value stored using cookie",t,i,a)}},get:function(t,i){var a;return"localstorage"==d.storageMethod&&o.localStorage!==n?a=o.localStorage.getItem(t):"sessionstorage"==d.storageMethod&&o.sessionStorage!==n?a=o.sessionStorage.getItem(t):e.cookie!==n?a=e.cookie(t):s.error(f.noCookieStorage),"undefined"!=a&&"null"!=a&&a!==n&&null!==a||(a=n),a},remove:function(t){var i=s.get.storageOptions();"localstorage"==d.storageMethod&&o.localStorage!==n?o.localStorage.removeItem(t):"sessionstorage"==d.storageMethod&&o.sessionStorage!==n?o.sessionStorage.removeItem(t):e.cookie!== n?e.removeCookie(t,i):s.error(f.noStorage)}},setting:function(o,t){if(s.debug("Changing setting",o,t),e.isPlainObject(o))e.extend(!0,d,o);else{if(t===n)return d[o];e.isPlainObject(d[o])?e.extend(!0,d[o],t):d[o]=t}},internal:function(o,t){if(e.isPlainObject(o))e.extend(!0,s,o);else{if(t===n)return s[o];s[o]=t}},debug:function(){!d.silent&&d.debug&&(d.performance?s.performance.log(arguments):(s.debug=Function.prototype.bind.call(console.info,console,d.name+":"),s.debug.apply(console,arguments)))},verbose:function(){!d.silent&&d.verbose&&d.debug&&(d.performance?s.performance.log(arguments):(s.verbose=Function.prototype.bind.call(console.info,console,d.name+":"),s.verbose.apply(console,arguments)))},error:function(){d.silent||(s.error=Function.prototype.bind.call(console.error,console,d.name+":"),s.error.apply(console,arguments))},performance:{log:function(e){var o,t,n;d.performance&&(o=(new Date).getTime(),n=r||o,t=o-n,r=o,l.push({Name:e[0],Arguments:[].slice.call(e,1)||"",Element:k,"E xecution Time":t})),clearTimeout(s.performance.timer),s.performance.timer=setTimeout(s.performance.display,500)},display:function(){var o=d.name+":",t=0;r=!1,clearTimeout(s.performance.timer),e.each(l,function(e,o){t+=o["Execution Time"]}),o+=" "+t+"ms",a&&(o+=" '"+a+"'"),(console.group!==n||console.table!==n)&&l.length>0&&(console.groupCollapsed(o),console.table?console.table(l):e.each(l,function(e,o){console.log(o.Name+": "+o["Execution Time"]+"ms")}),console.groupEnd()),l=[]}},invoke:function(o,t,a){var r,l,c,g=S;return t=t||u,a=k||a,"string"==typeof o&&g!==n&&(o=o.split(/[\. ]/),r=o.length-1,e.each(o,function(t,i){var a=t!=r?i+o[t+1].charAt(0).toUpperCase()+o[t+1].slice(1):o;if(e.isPlainObject(g[a])&&t!=r)g=g[a];else{if(g[a]!==n)return l=g[a],!1;if(!e.isPlainObject(g[i])||t==r)return g[i]!==n?(l=g[i],!1):(s.error(f.method,o),!1);g=g[i]}})),e.isFunction(l)?c=l.apply(a,t):l!==n&&(c=l),e.isArray(i)?i.push(c):i!==n?i=[i,c]:c!==n&&(i=c),l}},g?(S===n&&s.initialize(),s.invoke(c)):(S!== n&&S.invoke("destroy"),s.initialize())}),i!==n?i:this},e.fn.nag.settings={name:"Nag",silent:!1,debug:!1,verbose:!1,performance:!0,namespace:"Nag",persist:!1,displayTime:0,animation:{show:"slide",hide:"slide"},context:!1,detachable:!1,expires:30,domain:!1,path:"/",storageMethod:"cookie",key:"nag",value:"dismiss",error:{noCookieStorage:"$.cookie is not included. A storage solution is required.",noStorage:"Neither $.cookie or store is defined. A storage solution is required for storing state",method:"The method you called is not defined."},className:{bottom:"bottom",fixed:"fixed"},selector:{close:".close.icon"},speed:500,easing:"easeOutQuad",onHide:function(){}},e.extend(e.easing,{easeOutQuad:function(e,o,t,n,i){return-n*(o/=i)*(o-2)+t}})}(jQuery,window,document); \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-senssoft/blob/6a2b3459/semantic/dist/components/popup.css ---------------------------------------------------------------------- diff --git a/semantic/dist/components/popup.css b/semantic/dist/components/popup.css deleted file mode 100755 index e8d640a..0000000 --- a/semantic/dist/components/popup.css +++ /dev/null @@ -1,733 +0,0 @@ -/*! - * # Semantic UI 2.2.6 - Popup - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - - -/******************************* - Popup -*******************************/ - -.ui.popup { - display: none; - position: absolute; - top: 0px; - right: 0px; - -/* Fixes content being squished when inline (moz only) */ - min-width: -webkit-min-content; - min-width: -moz-min-content; - min-width: min-content; - z-index: 1900; - border: 1px solid #D4D4D5; - line-height: 1.4285em; - max-width: 250px; - background: #EBEBEB; - padding: 0.833em 1em; - font-weight: normal; - font-style: normal; - color: #262626; - border-radius: 0.28571429rem; - box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); -} -.ui.popup > .header { - padding: 0em; - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 1.14285714em; - line-height: 1.2; - font-weight: bold; -} -.ui.popup > .header + .content { - padding-top: 0.5em; -} -.ui.popup:before { - position: absolute; - content: ''; - width: 0.71428571em; - height: 0.71428571em; - background: #EBEBEB; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - z-index: 2; - box-shadow: 1px 1px 0px 0px #bababc; -} - - -/******************************* - Types -*******************************/ - - -/*-------------- - Tooltip ----------------*/ - - -/* Content */ -[data-tooltip] { - position: relative; -} - -/* Arrow */ -[data-tooltip]:before { - pointer-events: none; - position: absolute; - content: ''; - font-size: 1rem; - width: 0.71428571em; - height: 0.71428571em; - background: #EBEBEB; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - z-index: 2; - box-shadow: 1px 1px 0px 0px #bababc; -} - -/* Popup */ -[data-tooltip]:after { - pointer-events: none; - content: attr(data-tooltip); - position: absolute; - text-transform: none; - text-align: left; - white-space: nowrap; - font-size: 1rem; - border: 1px solid #D4D4D5; - line-height: 1.4285em; - max-width: none; - background: #EBEBEB; - padding: 0.833em 1em; - font-weight: normal; - font-style: normal; - color: #262626; - border-radius: 0.28571429rem; - box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - z-index: 1; -} - -/* Default Position (Top Center) */ -[data-tooltip]:not([data-position]):before { - top: auto; - right: auto; - bottom: 100%; - left: 50%; - background: #EBEBEB; - margin-left: -0.07142857rem; - margin-bottom: 0.14285714rem; -} -[data-tooltip]:not([data-position]):after { - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - bottom: 100%; - margin-bottom: 0.5em; -} - -/* Animation */ -[data-tooltip]:before, -[data-tooltip]:after { - pointer-events: none; - visibility: hidden; -} -[data-tooltip]:before { - opacity: 0; - -webkit-transform: rotate(45deg) scale(0) !important; - transform: rotate(45deg) scale(0) !important; - -webkit-transform-origin: center top; - transform-origin: center top; - -webkit-transition: all 0.1s ease; - transition: all 0.1s ease; -} -[data-tooltip]:after { - opacity: 1; - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-transition: all 0.1s ease; - transition: all 0.1s ease; -} -[data-tooltip]:hover:before, -[data-tooltip]:hover:after { - visibility: visible; - pointer-events: auto; -} -[data-tooltip]:hover:before { - -webkit-transform: rotate(45deg) scale(1) !important; - transform: rotate(45deg) scale(1) !important; - opacity: 1; -} - -/* Animation Position */ -[data-tooltip]:after, -[data-tooltip][data-position="top center"]:after, -[data-tooltip][data-position="bottom center"]:after { - -webkit-transform: translateX(-50%) scale(0) !important; - transform: translateX(-50%) scale(0) !important; -} -[data-tooltip]:hover:after, -[data-tooltip][data-position="bottom center"]:hover:after { - -webkit-transform: translateX(-50%) scale(1) !important; - transform: translateX(-50%) scale(1) !important; -} -[data-tooltip][data-position="left center"]:after, -[data-tooltip][data-position="right center"]:after { - -webkit-transform: translateY(-50%) scale(0) !important; - transform: translateY(-50%) scale(0) !important; -} -[data-tooltip][data-position="left center"]:hover:after, -[data-tooltip][data-position="right center"]:hover:after { - -webkit-transform: translateY(-50%) scale(1) !important; - transform: translateY(-50%) scale(1) !important; -} -[data-tooltip][data-position="top left"]:after, -[data-tooltip][data-position="top right"]:after, -[data-tooltip][data-position="bottom left"]:after, -[data-tooltip][data-position="bottom right"]:after { - -webkit-transform: scale(0) !important; - transform: scale(0) !important; -} -[data-tooltip][data-position="top left"]:hover:after, -[data-tooltip][data-position="top right"]:hover:after, -[data-tooltip][data-position="bottom left"]:hover:after, -[data-tooltip][data-position="bottom right"]:hover:after { - -webkit-transform: scale(1) !important; - transform: scale(1) !important; -} - -/*-------------- - Inverted ----------------*/ - - -/* Arrow */ -[data-tooltip][data-inverted]:before { - box-shadow: none !important; -} - -/* Arrow Position */ -[data-tooltip][data-inverted]:before { - background: #262626; -} - -/* Popup */ -[data-tooltip][data-inverted]:after { - background: #262626; - color: #EBEBEB; - border: none; - box-shadow: none; -} -[data-tooltip][data-inverted]:after .header { - background-color: none; - color: #EBEBEB; -} - -/*-------------- - Position ----------------*/ - - -/* Top Center */ -[data-position="top center"][data-tooltip]:after { - top: auto; - right: auto; - left: 50%; - bottom: 100%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - margin-bottom: 0.5em; -} -[data-position="top center"][data-tooltip]:before { - top: auto; - right: auto; - bottom: 100%; - left: 50%; - background: #EBEBEB; - margin-left: -0.07142857rem; - margin-bottom: 0.14285714rem; -} - -/* Top Left */ -[data-position="top left"][data-tooltip]:after { - top: auto; - right: auto; - left: 0; - bottom: 100%; - margin-bottom: 0.5em; -} -[data-position="top left"][data-tooltip]:before { - top: auto; - right: auto; - bottom: 100%; - left: 1em; - margin-left: -0.07142857rem; - margin-bottom: 0.14285714rem; -} - -/* Top Right */ -[data-position="top right"][data-tooltip]:after { - top: auto; - left: auto; - right: 0; - bottom: 100%; - margin-bottom: 0.5em; -} -[data-position="top right"][data-tooltip]:before { - top: auto; - left: auto; - bottom: 100%; - right: 1em; - margin-left: -0.07142857rem; - margin-bottom: 0.14285714rem; -} - -/* Bottom Center */ -[data-position="bottom center"][data-tooltip]:after { - bottom: auto; - right: auto; - left: 50%; - top: 100%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - margin-top: 0.5em; -} -[data-position="bottom center"][data-tooltip]:before { - bottom: auto; - right: auto; - top: 100%; - left: 50%; - margin-left: -0.07142857rem; - margin-top: 0.14285714rem; -} - -/* Bottom Left */ -[data-position="bottom left"][data-tooltip]:after { - left: 0; - top: 100%; - margin-top: 0.5em; -} -[data-position="bottom left"][data-tooltip]:before { - bottom: auto; - right: auto; - top: 100%; - left: 1em; - margin-left: -0.07142857rem; - margin-top: 0.14285714rem; -} - -/* Bottom Right */ -[data-position="bottom right"][data-tooltip]:after { - right: 0; - top: 100%; - margin-top: 0.5em; -} -[data-position="bottom right"][data-tooltip]:before { - bottom: auto; - left: auto; - top: 100%; - right: 1em; - margin-left: -0.14285714rem; - margin-top: 0.07142857rem; -} - -/* Left Center */ -[data-position="left center"][data-tooltip]:after { - right: 100%; - top: 50%; - margin-right: 0.5em; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -[data-position="left center"][data-tooltip]:before { - right: 100%; - top: 50%; - margin-top: -0.14285714rem; - margin-right: -0.07142857rem; -} - -/* Right Center */ -[data-position="right center"][data-tooltip]:after { - left: 100%; - top: 50%; - margin-left: 0.5em; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -[data-position="right center"][data-tooltip]:before { - left: 100%; - top: 50%; - margin-top: -0.07142857rem; - margin-left: 0.14285714rem; -} - -/* Arrow */ -[data-position~="bottom"][data-tooltip]:before { - background: #EBEBEB; - box-shadow: -1px -1px 0px 0px #bababc; -} -[data-position="left center"][data-tooltip]:before { - background: #EBEBEB; - box-shadow: 1px -1px 0px 0px #bababc; -} -[data-position="right center"][data-tooltip]:before { - background: #EBEBEB; - box-shadow: -1px 1px 0px 0px #bababc; -} -[data-position~="top"][data-tooltip]:before { - background: #EBEBEB; -} - -/* Inverted Arrow Color */ -[data-inverted][data-position~="bottom"][data-tooltip]:before { - background: #262626; - box-shadow: -1px -1px 0px 0px #bababc; -} -[data-inverted][data-position="left center"][data-tooltip]:before { - background: #262626; - box-shadow: 1px -1px 0px 0px #bababc; -} -[data-inverted][data-position="right center"][data-tooltip]:before { - background: #262626; - box-shadow: -1px 1px 0px 0px #bababc; -} -[data-inverted][data-position~="top"][data-tooltip]:before { - background: #262626; -} -[data-position~="bottom"][data-tooltip]:before { - -webkit-transform-origin: center bottom; - transform-origin: center bottom; -} -[data-position~="bottom"][data-tooltip]:after { - -webkit-transform-origin: center top; - transform-origin: center top; -} -[data-position="left center"][data-tooltip]:before { - -webkit-transform-origin: top center; - transform-origin: top center; -} -[data-position="left center"][data-tooltip]:after { - -webkit-transform-origin: right center; - transform-origin: right center; -} -[data-position="right center"][data-tooltip]:before { - -webkit-transform-origin: right center; - transform-origin: right center; -} -[data-position="right center"][data-tooltip]:after { - -webkit-transform-origin: left center; - transform-origin: left center; -} - -/*-------------- - Spacing ----------------*/ - -.ui.popup { - margin: 0em; -} - -/* Extending from Top */ -.ui.top.popup { - margin: 0em 0em 0.71428571em; -} -.ui.top.left.popup { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; -} -.ui.top.center.popup { - -webkit-transform-origin: center bottom; - transform-origin: center bottom; -} -.ui.top.right.popup { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; -} - -/* Extending from Vertical Center */ -.ui.left.center.popup { - margin: 0em 0.71428571em 0em 0em; - -webkit-transform-origin: right 50%; - transform-origin: right 50%; -} -.ui.right.center.popup { - margin: 0em 0em 0em 0.71428571em; - -webkit-transform-origin: left 50%; - transform-origin: left 50%; -} - -/* Extending from Bottom */ -.ui.bottom.popup { - margin: 0.71428571em 0em 0em; -} -.ui.bottom.left.popup { - -webkit-transform-origin: left top; - transform-origin: left top; -} -.ui.bottom.center.popup { - -webkit-transform-origin: center top; - transform-origin: center top; -} -.ui.bottom.right.popup { - -webkit-transform-origin: right top; - transform-origin: right top; -} - -/*-------------- - Pointer ----------------*/ - - -/*--- Below ---*/ - -.ui.bottom.center.popup:before { - margin-left: -0.30714286em; - top: -0.30714286em; - left: 50%; - right: auto; - bottom: auto; - box-shadow: -1px -1px 0px 0px #bababc; -} -.ui.bottom.left.popup { - margin-left: 0em; -} -/*rtl:rename*/ -.ui.bottom.left.popup:before { - top: -0.30714286em; - left: 1em; - right: auto; - bottom: auto; - margin-left: 0em; - box-shadow: -1px -1px 0px 0px #bababc; -} -.ui.bottom.right.popup { - margin-right: 0em; -} -/*rtl:rename*/ -.ui.bottom.right.popup:before { - top: -0.30714286em; - right: 1em; - bottom: auto; - left: auto; - margin-left: 0em; - box-shadow: -1px -1px 0px 0px #bababc; -} - -/*--- Above ---*/ - -.ui.top.center.popup:before { - top: auto; - right: auto; - bottom: -0.30714286em; - left: 50%; - margin-left: -0.30714286em; -} -.ui.top.left.popup { - margin-left: 0em; -} -/*rtl:rename*/ -.ui.top.left.popup:before { - bottom: -0.30714286em; - left: 1em; - top: auto; - right: auto; - margin-left: 0em; -} -.ui.top.right.popup { - margin-right: 0em; -} -/*rtl:rename*/ -.ui.top.right.popup:before { - bottom: -0.30714286em; - right: 1em; - top: auto; - left: auto; - margin-left: 0em; -} - -/*--- Left Center ---*/ - -/*rtl:rename*/ -.ui.left.center.popup:before { - top: 50%; - right: -0.30714286em; - bottom: auto; - left: auto; - margin-top: -0.30714286em; - box-shadow: 1px -1px 0px 0px #bababc; -} - -/*--- Right Center ---*/ - -/*rtl:rename*/ -.ui.right.center.popup:before { - top: 50%; - left: -0.30714286em; - bottom: auto; - right: auto; - margin-top: -0.30714286em; - box-shadow: -1px 1px 0px 0px #bababc; -} - -/* Arrow Color By Location */ -.ui.bottom.popup:before { - background: #EBEBEB; -} -.ui.right.center.popup:before, -.ui.left.center.popup:before { - background: #EBEBEB; -} -.ui.top.popup:before { - background: #EBEBEB; -} - -/* Inverted Arrow Color */ -.ui.inverted.bottom.popup:before { - background: #262626; -} -.ui.inverted.right.center.popup:before, -.ui.inverted.left.center.popup:before { - background: #262626; -} -.ui.inverted.top.popup:before { - background: #262626; -} - - -/******************************* - Coupling -*******************************/ - - -/* Immediate Nested Grid */ -.ui.popup > .ui.grid:not(.padded) { - width: calc(100% + 1.75rem); - margin: -0.7rem -0.875rem; -} - - -/******************************* - States -*******************************/ - -.ui.loading.popup { - display: block; - visibility: hidden; - z-index: -1; -} -.ui.animating.popup, -.ui.visible.popup { - display: block; -} -.ui.visible.popup { - -webkit-transform: translateZ(0px); - transform: translateZ(0px); - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} - - -/******************************* - Variations -*******************************/ - - -/*-------------- - Basic ----------------*/ - -.ui.basic.popup:before { - display: none; -} - -/*-------------- - Wide ----------------*/ - -.ui.wide.popup { - max-width: 350px; -} -.ui[class*="very wide"].popup { - max-width: 550px; -} -@media only screen and (max-width: 767px) { - .ui.wide.popup, - .ui[class*="very wide"].popup { - max-width: 250px; - } -} - -/*-------------- - Fluid ----------------*/ - -.ui.fluid.popup { - width: 100%; - max-width: none; -} - -/*-------------- - Colors ----------------*/ - - -/* Inverted colors */ -.ui.inverted.popup { - background: #262626; - color: #EBEBEB; - border: none; - box-shadow: none; -} -.ui.inverted.popup .header { - background-color: none; - color: #EBEBEB; -} -.ui.inverted.popup:before { - background-color: #262626; - box-shadow: none !important; -} - -/*-------------- - Flowing ----------------*/ - -.ui.flowing.popup { - max-width: none; -} - -/*-------------- - Sizes ----------------*/ - -.ui.mini.popup { - font-size: 0.78571429rem; -} -.ui.tiny.popup { - font-size: 0.85714286rem; -} -.ui.small.popup { - font-size: 0.92857143rem; -} -.ui.popup { - font-size: 1rem; -} -.ui.large.popup { - font-size: 1.14285714rem; -} -.ui.huge.popup { - font-size: 1.42857143rem; -} - - -/******************************* - Theme Overrides -*******************************/ - - - -/******************************* - User Overrides -*******************************/ -