From fc1f1ef3150ce52ec850c4941570fa6b130b8124 Mon Sep 17 00:00:00 2001 From: sinuca <55vitaminado@gmail.com> Date: Sun, 16 Mar 2014 23:21:01 -0300 Subject: [PATCH] "Favelog" theme added. Just a catalog with ordering functionality --- templates/themes/favelog/catalog.css | 75 +++++ templates/themes/favelog/catalog.html | 79 +++++ templates/themes/favelog/favelog.js | 64 ++++ templates/themes/favelog/info.php | 58 ++++ .../themes/favelog/jquery.mixitup.min.js | 43 +++ .../themes/favelog/jquery.tooltipster.min.js | 1 + templates/themes/favelog/theme.php | 133 +++++++++ templates/themes/favelog/thumb.png | Bin 0 -> 11543 bytes templates/themes/favelog/tooltipster.css | 274 ++++++++++++++++++ 9 files changed, 727 insertions(+) create mode 100644 templates/themes/favelog/catalog.css create mode 100644 templates/themes/favelog/catalog.html create mode 100644 templates/themes/favelog/favelog.js create mode 100644 templates/themes/favelog/info.php create mode 100644 templates/themes/favelog/jquery.mixitup.min.js create mode 100644 templates/themes/favelog/jquery.tooltipster.min.js create mode 100644 templates/themes/favelog/theme.php create mode 100644 templates/themes/favelog/thumb.png create mode 100644 templates/themes/favelog/tooltipster.css diff --git a/templates/themes/favelog/catalog.css b/templates/themes/favelog/catalog.css new file mode 100644 index 00000000..29ff4cbf --- /dev/null +++ b/templates/themes/favelog/catalog.css @@ -0,0 +1,75 @@ +img { + float:none!important; + margin: auto; + margin-bottom: 12px; + /*max-height: 150px; + max-width: 200px;*/ + box-shadow: 0 0 4px rgba(0, 0, 0, 0.55); + border: 2px solid rgba(153, 153, 153, 0); +} + +/* +img:hover { + border: 2px solid rgba(153, 153, 153, 0.27); +} +*/ + +div.threads{ + text-align: center; + margin-left: -20px; +} + +div.thread { + display: inline-block; + vertical-align: top; + margin-bottom:25px; + margin-left: 20px; + margin-right: 15px; + text-align:center; + font-weight:normal; + width:205px; + overflow:hidden; + position: relative; + font-size:11px; + padding: 15px; + background: rgba(182, 182, 182, 0.12); + border: 2px solid rgba(111, 111, 111, 0.34); + max-height:300px; +} + +div.thread:hover { + background: #D6DAF0; + border-color: #B7C5D9; +} + +div.grid-size-small { + width: 200px; + max-width: 200px; + max-height: 350px; +} + +div.grid-size-large { + width: 300px; + max-width: 300px; + max-height: 450px; +} + +img.thread-image { + height: auto; + max-width: 100%; +} + +@media (max-width: 420px) { + ul#Grid { + padding-left: 18px; + } + div.thread { + width: auto; + margin-left: 0; + margin-right: 0; + + } + div.threads { + overflow: hidden; + } +} \ No newline at end of file diff --git a/templates/themes/favelog/catalog.html b/templates/themes/favelog/catalog.html new file mode 100644 index 00000000..02135b94 --- /dev/null +++ b/templates/themes/favelog/catalog.html @@ -0,0 +1,79 @@ +{% filter remove_whitespace %} + + + + + {{ settings.title }} + + + {% if config.url_favicon %}{% endif %} + {% if settings.use_tooltipster %}{% endif %} + + + {% if settings.use_tooltipster %} + {% else %} + + {% endif %} + + {% if config.default_stylesheet.1 != '' %}{% endif %} + {% if config.font_awesome %}{% endif %} + + + + {{ boardlist.top }} +
+

{{ settings.title }} (/{{ board }}/)

+
{{ settings.subtitle }}
+
+ + + + {% trans 'Sort by' %}: + + + {% trans 'Image size' %}: + +
+ +
+ +
+

Powered by Tinyboard {{ config.version }} | Tinyboard Copyright © 2010-2013 Tinyboard Development Group

+ + +{% endfilter %} diff --git a/templates/themes/favelog/favelog.js b/templates/themes/favelog/favelog.js new file mode 100644 index 00000000..5497cb4a --- /dev/null +++ b/templates/themes/favelog/favelog.js @@ -0,0 +1,64 @@ +$().ready(function(){ + + $("#selectorzilla").change(function(){ + sheit = this.value; + $("#sort-"+sheit).trigger("click"); + }); + + $("#imgurzilla").change(function(){ + sheit = this.value; + if (sheit == "small") { + old = "large"; + } else { + old = "small"; + } + $(".grid-li").removeClass("grid-size-"+old); + $(".grid-li").addClass("grid-size-"+sheit); + }); + + $('#Grid').mixitup({ + onMixEnd: function(){ + if(use_tooltipster) { + buildTooltipster(); + } + } + }); + + if(use_tooltipster) { + buildTooltipster(); + } + +}); + +function buildTooltipster(){ + $(".thread-image").each(function(){ + subject = $(this).attr('data-subject'); + name = $(this).attr('data-name'); + muhdifference = $(this).attr('data-muhdifference'); + last_reply = $(this).attr('data-last-reply'); + last_subject = $(this).attr('data-last-subject'); + last_name = $(this).attr('data-last-name'); + last_difference = $(this).attr('data-last-difference'); + muh_body = ''; + + if (subject) { + muh_body = muh_body + subject + ' por'; + } else { + muh_body = muh_body + 'Postado por'; + }; + muh_body = muh_body + ' ' + name + ' ' + muhdifference + ''; + + if (last_reply) { + muh_body = muh_body + '
'; + if (last_subject) { + muh_body = muh_body + last_subject + ' por'; + } else{ + muh_body = muh_body + 'Última resposta por'; + }; + muh_body = muh_body + ' ' + last_name + ' ' + last_difference + ''; + } + $(this).tooltipster({ + content: $(muh_body) + }); + }); +} \ No newline at end of file diff --git a/templates/themes/favelog/info.php b/templates/themes/favelog/info.php new file mode 100644 index 00000000..5e339930 --- /dev/null +++ b/templates/themes/favelog/info.php @@ -0,0 +1,58 @@ + 'Title', + 'name' => 'title', + 'type' => 'text', + 'default' => 'Favelog' + ); + + $__boards = listBoards(); + $__default_boards = Array(); + foreach ($__boards as $__board) + $__default_boards[] = $__board['uri']; + + $theme['config'][] = Array( + 'title' => 'Included boards', + 'name' => 'boards', + 'type' => 'text', + 'comment' => '(space seperated)', + 'default' => implode(' ', $__default_boards) + ); + + $theme['config'][] = Array( + 'title' => 'CSS file', + 'name' => 'css', + 'type' => 'text', + 'default' => 'catalog.css', + 'comment' => '(eg. "catalog.css")' + ); + + $theme['config'][] = Array( + 'title' => 'Update on new posts', + 'name' => 'update_on_posts', + 'type' => 'checkbox', + 'default' => true, + 'comment' => 'Without this checked, the catalog only updates on new threads.' + ); + + $theme['config'][] = Array( + 'title' => 'Use tooltipster', + 'name' => 'use_tooltipster', + 'type' => 'checkbox', + 'default' => true, + 'comment' => 'Check this if you wish to show a nice tooltip with info about the thread on mouse over. Texts only available in PT-br.' + ); + + // Unique function name for building everything + $theme['build_function'] = 'favelog_build'; diff --git a/templates/themes/favelog/jquery.mixitup.min.js b/templates/themes/favelog/jquery.mixitup.min.js new file mode 100644 index 00000000..5b4e4ce0 --- /dev/null +++ b/templates/themes/favelog/jquery.mixitup.min.js @@ -0,0 +1,43 @@ +/* +* MIXITUP - A CSS3 and JQuery Filter & Sort Plugin +* Version: 1.5.5 +* License: Creative Commons Attribution-NoDerivs 3.0 Unported - CC BY-ND 3.0 +* http://creativecommons.org/licenses/by-nd/3.0/ +* This software may be used freely on commercial and non-commercial projects with attribution to the author/copyright holder. +* Author: Patrick Kunka +* Copyright 2012-2013 Patrick Kunka, Barrel LLC, All Rights Reserved +* +* http://mixitup.io +*/ + +(function(d){function r(e,c,l,b,a){function f(){n.unbind("webkitTransitionEnd transitionend otransitionend oTransitionEnd");c&&x(c,l,b,a);a.startOrder=[];a.newOrder=[];a.origSort=[];a.checkSort=[];v.removeStyle(a.prefix+"filter, filter, "+a.prefix+"transform, transform, opacity, display").css(a.clean).removeAttr("data-checksum");window.atob||v.css({display:"none",opacity:"0"});n.removeStyle(a.prefix+"transition, transition, "+a.prefix+"perspective, perspective, "+a.prefix+"perspective-origin, perspective-origin, "+ +(a.resizeContainer?"height":""));"list"==a.layoutMode?(p.css({display:a.targetDisplayList,opacity:"1"}),a.origDisplay=a.targetDisplayList):(p.css({display:a.targetDisplayGrid,opacity:"1"}),a.origDisplay=a.targetDisplayGrid);a.origLayout=a.layoutMode;setTimeout(function(){v.removeStyle(a.prefix+"transition, transition");a.mixing=!1;if("function"==typeof a.onMixEnd){var b=a.onMixEnd.call(this,a);a=b?b:a}})}clearInterval(a.failsafe);a.mixing=!0;a.filter=e;if("function"==typeof a.onMixStart){var g=a.onMixStart.call(this, +a);a=g?g:a}for(var k=a.transitionSpeed,g=0;2>g;g++){var h=0==g?h=a.prefix:"";a.transition[h+"transition"]="all "+k+"ms linear";a.transition[h+"transform"]=h+"translate3d(0,0,0)";a.perspective[h+"perspective"]=a.perspectiveDistance+"px";a.perspective[h+"perspective-origin"]=a.perspectiveOrigin}var w=a.targetSelector,v=b.find(w);v.each(function(){this.data={}});var n=v.parent();n.css(a.perspective);a.easingFallback="ease-in-out";"smooth"==a.easing&&(a.easing="cubic-bezier(0.25, 0.46, 0.45, 0.94)"); +"snap"==a.easing&&(a.easing="cubic-bezier(0.77, 0, 0.175, 1)");"windback"==a.easing&&(a.easing="cubic-bezier(0.175, 0.885, 0.320, 1.275)",a.easingFallback="cubic-bezier(0.175, 0.885, 0.320, 1)");"windup"==a.easing&&(a.easing="cubic-bezier(0.6, -0.28, 0.735, 0.045)",a.easingFallback="cubic-bezier(0.6, 0.28, 0.735, 0.045)");g="list"==a.layoutMode&&null!=a.listEffects?a.listEffects:a.effects;Array.prototype.indexOf&&(a.fade=-1t.length?s=s.add(b.find(w+":visible")):v.each(function(){var a=d(this);if(r){var b=0;d.each(t,function(d){this.length? +a.is("."+this.join(", ."))&&b++:0g;g++)h=0==g?h=a.prefix:"",e[h+"transform"]=a.scale+" "+a.rotateX+" "+a.rotateY+" "+a.rotateZ,e[h+"filter"]=a.blur+" "+a.grayscale;q.css(e);m.each(function(){var b=this.data,c=d(this);c.hasClass("mix_tohide")?(b.preTX=b.origPos.left-b.hideInterPos.left,b.preTY=b.origPos.top-b.hideInterPos.top):(b.preTX=b.origPos.left-b.preInterPos.left,b.preTY=b.origPos.top-b.preInterPos.top);for(var e={},k=0;2>k;k++){var h= +0==k?h=a.prefix:"";e[h+"transform"]="translate("+b.preTX+"px,"+b.preTY+"px)"}c.css(e)});"list"==a.layoutMode?(b.addClass(a.listClass),b.removeClass(a.gridClass)):(b.addClass(a.gridClass),b.removeClass(a.listClass));setTimeout(function(){if(a.resizeContainer){for(var b={},c=0;2>c;c++){var e=0==c?e=a.prefix:"";b[e+"transition"]="all "+k+"ms ease-in-out";b.height=a.newHeight+"px"}n.css(b)}u.css("opacity",a.fade);q.css("opacity",1);q.each(function(){var b=this.data;b.tX=b.finalPos.left-b.showInterPos.left; +b.tY=b.finalPos.top-b.showInterPos.top;for(var c={},e=0;2>e;e++){var h=0==e?h=a.prefix:"";c[h+"transition-property"]=h+"transform, "+h+"filter, opacity";c[h+"transition-timing-function"]=a.easing+", linear, linear";c[h+"transition-duration"]=k+"ms";c[h+"transition-delay"]="0";c[h+"transform"]="translate("+b.tX+"px,"+b.tY+"px)";c[h+"filter"]="none"}d(this).css("-webkit-transition","all "+k+"ms "+a.easingFallback).css(c)});m.each(function(){var b=this.data;b.tX=0!=b.finalPrePos.left?b.finalPrePos.left- +b.preInterPos.left:0;b.tY=0!=b.finalPrePos.left?b.finalPrePos.top-b.preInterPos.top:0;for(var c={},e=0;2>e;e++){var h=0==e?h=a.prefix:"";c[h+"transition"]="all "+k+"ms "+a.easing;c[h+"transform"]="translate("+b.tX+"px,"+b.tY+"px)"}d(this).css("-webkit-transition","all "+k+"ms "+a.easingFallback).css(c)});b={};for(c=0;2>c;c++)e=0==c?e=a.prefix:"",b[e+"transition"]="all "+k+"ms "+a.easing+", "+e+"filter "+k+"ms linear, opacity "+k+"ms linear",b[e+"transform"]=a.scale+" "+a.rotateX+" "+a.rotateY+" "+ +a.rotateZ,b[e+"filter"]=a.blur+" "+a.grayscale,b.opacity=a.fade;u.css(b);n.bind("webkitTransitionEnd transitionend otransitionend oTransitionEnd",function(a){if(-1e;e++){var d=0==e?d=a.prefix:"";c[d+"transition"]="height "+k+"ms ease-in-out";c.height=a.minHeight+"px"}n.css(c)}v.css(a.transition);if(s.length){c={};for(e=0;2>e;e++)d=0==e?d=a.prefix:"",c[d+"transform"]=a.scale+" "+a.rotateX+" "+a.rotateY+" "+a.rotateZ,c[d+"filter"]=a.blur+" "+a.grayscale,c.opacity=a.fade;u.css(c);n.bind("webkitTransitionEnd transitionend otransitionend oTransitionEnd",function(c){if(-1d?1:0}function f(a){"asc"==c?k.prepend(a).prepend(" "):k.append(a).append(" ")}function g(a){a=a.slice();for(var b=a.length,c=b;c--;){var e=parseInt(Math.random()*b),d=a[c];a[c]=a[e];a[e]=d}return a}l.find(b.targetSelector).wrapAll('
'); +var k=l.find(".mix_sorter");b.origSort.length||k.find(b.targetSelector+":visible").each(function(){d(this).wrap("");b.origSort.push(d(this).parent().html().replace(/\s+/g,""));d(this).unwrap()});k.empty();if("reset"==e)d.each(b.startOrder,function(){k.append(this).append(" ")});else if("default"==e)d.each(b.origOrder,function(){f(this)});else if("random"==e)b.newOrder.length||(b.newOrder=g(b.startOrder)),d.each(b.newOrder,function(){k.append(this).append(" ")});else if("custom"==e)d.each(c,function(){f(this)}); +else{if("undefined"===typeof b.origOrder[0].attr(e))return console.log("No such attribute found. Terminating"),!1;b.newOrder.length||(d.each(b.origOrder,function(){b.newOrder.push(d(this))}),b.newOrder.sort(a));d.each(b.newOrder,function(){f(this)})}b.checkSort=[];k.find(b.targetSelector+":visible").each(function(a){var c=d(this);0==a&&c.attr("data-checksum","1");c.wrap("");b.checkSort.push(c.parent().html().replace(/\s+/g,""));c.unwrap()});l.find(b.targetSelector).unwrap()}function B(e){for(var c= +["Webkit","Moz","O","ms"],d=0;df;f++)c=0==f?c=b.prefix:"",b.transition[c+"transition"]="all "+b.transitionSpeed+"ms ease-in-out",b.perspective[c+"perspective"]=b.perspectiveDistance+"px",b.perspective[c+"perspective-origin"]=b.perspectiveOrigin;for(f=0;2>f;f++)c=0==f?c=b.prefix:"",b.clean[c+"transition"]="none";"list"==b.layoutMode?(a.addClass(b.listClass), +b.origDisplay=b.targetDisplayList):(a.addClass(b.gridClass),b.origDisplay=b.targetDisplayGrid);b.origLayout=b.layoutMode;f=b.showOnLoad.split(" ");d.each(f,function(){d(b.filterSelector+'[data-filter="'+this+'"]').addClass("active")});a.find(b.targetSelector).addClass("mix_all");"all"==f[0]&&(f[0]="mix_all",b.showOnLoad="mix_all");var g=d();d.each(f,function(){g=g.add(d("."+this))});g.each(function(){var a=d(this);"list"==b.layoutMode?a.css("display",b.targetDisplayList):a.css("display",b.targetDisplayGrid); +a.css(b.transition)});setTimeout(function(){b.mixing=!0;g.css("opacity","1");setTimeout(function(){"list"==b.layoutMode?g.removeStyle(b.prefix+"transition, transition").css({display:b.targetDisplayList,opacity:1}):g.removeStyle(b.prefix+"transition, transition").css({display:b.targetDisplayGrid,opacity:1});b.mixing=!1;if("function"==typeof b.onMixLoad){var a=b.onMixLoad.call(this,b);b=a?a:b}},b.transitionSpeed)},10);b.filter=b.showOnLoad;d(b.sortSelector).bind(b.buttonEvent,function(){if(!b.mixing){var c= +d(this),e=c.attr("data-sort"),f=c.attr("data-order");if(!c.hasClass("active"))d(b.sortSelector).removeClass("active"),c.addClass("active");else if("random"!=e)return!1;a.find(b.targetSelector).each(function(){b.startOrder.push(d(this))});r(b.filter,e,f,a,b)}});d(b.filterSelector).bind(b.buttonEvent,function(){if(!b.mixing){var c=d(this);if(!1==b.multiFilter)d(b.filterSelector).removeClass("active"),c.addClass("active"),b.filter=c.attr("data-filter"),d(b.filterSelector+'[data-filter="'+b.filter+'"]').addClass("active"); +else{var e=c.attr("data-filter");c.hasClass("active")?(c.removeClass("active"),b.filter=b.filter.replace(RegExp("(\\s|^)"+e),"")):(c.addClass("active"),b.filter=b.filter+" "+e)}r(b.filter,null,null,a,b)}})})},toGrid:function(){return this.each(function(){var e=this.config;"grid"!=e.layoutMode&&(e.layoutMode="grid",r(e.filter,null,null,d(this),e))})},toList:function(){return this.each(function(){var e=this.config;"list"!=e.layoutMode&&(e.layoutMode="list",r(e.filter,null,null,d(this),e))})},filter:function(e){return this.each(function(){var c= +this.config;c.mixing||(d(c.filterSelector).removeClass("active"),d(c.filterSelector+'[data-filter="'+e+'"]').addClass("active"),r(e,null,null,d(this),c))})},sort:function(e){return this.each(function(){var c=this.config,l=d(this);if(!c.mixing){d(c.sortSelector).removeClass("active");if(d.isArray(e)){var b=e[0],a=e[1];d(c.sortSelector+'[data-sort="'+e[0]+'"][data-order="'+e[1]+'"]').addClass("active")}else d(c.sortSelector+'[data-sort="'+e+'"]').addClass("active"),b=e,a="desc";l.find(c.targetSelector).each(function(){c.startOrder.push(d(this))}); +r(c.filter,b,a,l,c)}})},multimix:function(e){return this.each(function(){var c=this.config,l=d(this);multiOut={filter:c.filter,sort:null,order:"desc",layoutMode:c.layoutMode};d.extend(multiOut,e);c.mixing||(d(c.filterSelector).add(c.sortSelector).removeClass("active"),d(c.filterSelector+'[data-filter="'+multiOut.filter+'"]').addClass("active"),"undefined"!==typeof multiOut.sort&&(d(c.sortSelector+'[data-sort="'+multiOut.sort+'"][data-order="'+multiOut.order+'"]').addClass("active"),l.find(c.targetSelector).each(function(){c.startOrder.push(d(this))})), +c.layoutMode=multiOut.layoutMode,r(multiOut.filter,multiOut.sort,multiOut.order,l,c))})},remix:function(e){return this.each(function(){var c=this.config,l=d(this);c.origOrder=[];l.find(c.targetSelector).each(function(){var b=d(this);b.addClass("mix_all");c.origOrder.push(b)});c.mixing||"undefined"===typeof e||(d(c.filterSelector).removeClass("active"),d(c.filterSelector+'[data-filter="'+e+'"]').addClass("active"),r(e,null,null,l,c))})}};d.fn.mixitup=function(d,c){if(y[d])return y[d].apply(this,Array.prototype.slice.call(arguments, +1));if("object"===typeof d||!d)return y.init.apply(this,arguments)};d.fn.removeStyle=function(e){return this.each(function(){var c=d(this);e=e.replace(/\s+/g,"");var l=e.split(",");d.each(l,function(){var b=RegExp(this.toString()+"[^;]+;?","g");c.attr("style",function(a,c){if(c)return c.replace(b,"")})})})}})(jQuery); \ No newline at end of file diff --git a/templates/themes/favelog/jquery.tooltipster.min.js b/templates/themes/favelog/jquery.tooltipster.min.js new file mode 100644 index 00000000..91c61639 --- /dev/null +++ b/templates/themes/favelog/jquery.tooltipster.min.js @@ -0,0 +1 @@ +/* Tooltipster v3.0.5 */;(function(e,t,n){function o(t,n){this.bodyOverflowX;this.checkInterval=null;this.content;this.$el=e(t);this.elProxyPosition;this.$elProxy;this.enabled=true;this.options=e.extend({},s,n);this.mouseIsOverProxy=false;this.namespace="tooltipster-"+Math.round(Math.random()*1e5);this.status="hidden";this.timerHide=null;this.timerShow=null;this.$tooltip;this.options.iconTheme=this.options.iconTheme.replace(".","");this.options.theme=this.options.theme.replace(".","");this.init()}function u(t,n){var r=true;e.each(t,function(e,i){if(typeof n[e]==="undefined"||t[e]!==n[e]){r=false;return false}});return r}function l(){return!f&&a}function c(){var e=n.body||n.documentElement,t=e.style,r="transition";if(typeof t[r]=="string"){return true}v=["Moz","Webkit","Khtml","O","ms"],r=r.charAt(0).toUpperCase()+r.substr(1);for(var i=0;i');t.$elProxy.text(t.options.icon)}else{if(t.options.iconCloning)t.$elProxy=t.options.icon.clone(true);else t.$elProxy=t.options.icon}t.$elProxy.insertAfter(t.$el)}else{t.$elProxy=t.$el}if(t.options.trigger=="hover"){t.$elProxy.on("mouseenter."+t.namespace,function(){if(!l()||t.options.touchDevices){t.mouseIsOverProxy=true;t.showTooltip()}}).on("mouseleave."+t.namespace,function(){if(!l()||t.options.touchDevices){t.mouseIsOverProxy=false}});if(a&&t.options.touchDevices){t.$elProxy.on("touchstart."+t.namespace,function(){t.showTooltipNow()})}}else if(t.options.trigger=="click"){t.$elProxy.on("click."+t.namespace,function(){if(!l()||t.options.touchDevices){t.showTooltip()}})}}},showTooltip:function(){var e=this;if(e.status!="shown"&&e.status!="appearing"){if(e.options.delay){e.timerShow=setTimeout(function(){if(e.options.trigger=="click"||e.options.trigger=="hover"&&e.mouseIsOverProxy){e.showTooltipNow()}},e.options.delay)}else e.showTooltipNow()}},showTooltipNow:function(){var n=this;clearTimeout(n.timerShow);n.timerShow=null;clearTimeout(n.timerHide);n.timerHide=null;if(n.enabled&&n.content!==null){if(n.options.onlyOne){e(".tooltipstered").not(n.$el).each(function(t,n){var i=e(n),s=i[r]("status"),o=i[r]("option","autoClose");if(s!=="hidden"&&s!=="disappearing"&&o){i[r]("hide")}})}n.options.functionBefore(n.$elProxy,function(){if(n.status!=="hidden"){var r=0;if(n.status==="disappearing"){n.status="appearing";if(c()){n.$tooltip.clearQueue().removeClass("tooltipster-dying").addClass("tooltipster-"+n.options.animation+"-show");if(n.options.speed>0)n.$tooltip.delay(n.options.speed);n.$tooltip.queue(function(){n.status="shown"})}else{n.$tooltip.stop().fadeIn(function(){n.status="shown"})}}}else{n.status="appearing";var r=n.options.speed;n.bodyOverflowX=e("body").css("overflow-x");e("body").css("overflow-x","hidden");var i="tooltipster-"+n.options.animation,s="-webkit-transition-duration: "+n.options.speed+"ms; -webkit-animation-duration: "+n.options.speed+"ms; -moz-transition-duration: "+n.options.speed+"ms; -moz-animation-duration: "+n.options.speed+"ms; -o-transition-duration: "+n.options.speed+"ms; -o-animation-duration: "+n.options.speed+"ms; -ms-transition-duration: "+n.options.speed+"ms; -ms-animation-duration: "+n.options.speed+"ms; transition-duration: "+n.options.speed+"ms; animation-duration: "+n.options.speed+"ms;",o=n.options.fixedWidth>0?"width:"+Math.round(n.options.fixedWidth)+"px;":"",u=n.options.maxWidth>0?"max-width:"+Math.round(n.options.maxWidth)+"px;":"",f=n.options.interactive?"pointer-events: auto;":"";n.$tooltip=e('
');if(c())n.$tooltip.addClass(i);n.insertContent();n.$tooltip.appendTo("body");n.positionTooltip();n.options.functionReady(n.$el,n.$tooltip);if(c()){n.$tooltip.addClass(i+"-show");if(n.options.speed>0)n.$tooltip.delay(n.options.speed);n.$tooltip.queue(function(){n.status="shown"})}else{n.$tooltip.css("display","none").fadeIn(n.options.speed,function(){n.status="shown"})}n.setCheckInterval();e(t).on("scroll."+n.namespace+" resize."+n.namespace,function(){n.positionTooltip()});if(n.options.autoClose){e("body").off("."+n.namespace);if(n.options.trigger=="hover"){if(a){setTimeout(function(){e("body").on("touchstart."+n.namespace,function(){n.hideTooltip()})},0)}if(n.options.interactive){if(a){n.$tooltip.on("touchstart."+n.namespace,function(e){e.stopPropagation()})}var l=null;n.$elProxy.add(n.$tooltip).on("mouseleave."+n.namespace+"-autoClose",function(){clearTimeout(l);l=setTimeout(function(){n.hideTooltip()},n.options.interactiveTolerance)}).on("mouseenter."+n.namespace+"-autoClose",function(){clearTimeout(l)})}else{n.$elProxy.on("mouseleave."+n.namespace+"-autoClose",function(){n.hideTooltip()})}}else if(n.options.trigger=="click"){setTimeout(function(){e("body").on("click."+n.namespace+" touchstart."+n.namespace,function(){n.hideTooltip()})},0);if(n.options.interactive){n.$tooltip.on("click."+n.namespace+" touchstart."+n.namespace,function(e){e.stopPropagation()})}}}}if(n.options.timer>0){n.timerHide=setTimeout(function(){n.timerHide=null;n.hideTooltip()},n.options.timer+r)}})}},setCheckInterval:function(){var t=this;t.checkInterval=setInterval(function(){if(e("body").find(t.$el).length===0||e("body").find(t.$elProxy).length===0||t.status=="hidden"||e("body").find(t.$tooltip).length===0){if(t.status=="shown"||t.status=="appearing")t.hideTooltip();t.cancelCheckInterval()}else{if(t.options.positionTracker){var n=t.positionInfo(t.$elProxy),r=false;if(u(n.dimension,t.elProxyPosition.dimension)){if(t.$elProxy.css("position")==="fixed"){if(u(n.position,t.elProxyPosition.position))r=true}else{if(u(n.offset,t.elProxyPosition.offset))r=true}}if(!r){t.positionTooltip()}}}},200)},cancelCheckInterval:function(){clearInterval(this.checkInterval);this.checkInterval=null},hideTooltip:function(){var n=this;clearTimeout(n.timerShow);n.timerShow=null;clearTimeout(n.timerHide);n.timerHide=null;if(n.status=="shown"||n.status=="appearing"){n.status="disappearing";var r=function(){n.status="hidden";n.$tooltip.remove();n.$tooltip=null;e(t).off("."+n.namespace);e("body").off("."+n.namespace).css("overflow-x",n.bodyOverflowX);n.$elProxy.off("."+n.namespace+"-autoClose");n.options.functionAfter(n.$elProxy)};if(c()){n.$tooltip.clearQueue().removeClass("tooltipster-"+n.options.animation+"-show").addClass("tooltipster-dying");if(n.options.speed>0)n.$tooltip.delay(n.options.speed);n.$tooltip.queue(r)}else{n.$tooltip.stop().fadeOut(n.options.speed,r)}}},setContent:function(e){if(typeof e==="object"&&e!==null&&this.options.contentCloning){e=e.clone(true)}this.content=e},insertContent:function(){var e=this,t=this.$tooltip.find(".tooltipster-content");if(typeof e.content==="string"&&!e.options.contentAsHTML){t.text(e.content)}else{t.empty().append(e.content)}},updateTooltip:function(e){var t=this;t.setContent(e);if(t.content!==null){if(t.status!=="hidden"){t.insertContent();t.positionTooltip();if(t.options.updateAnimation){if(c()){t.$tooltip.css({width:"","-webkit-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms","-moz-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms","-o-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms","-ms-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms",transition:"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms"}).addClass("tooltipster-content-changing");setTimeout(function(){if(t.status!="hidden"){t.$tooltip.removeClass("tooltipster-content-changing");setTimeout(function(){if(t.status!=="hidden"){t.$tooltip.css({"-webkit-transition":t.options.speed+"ms","-moz-transition":t.options.speed+"ms","-o-transition":t.options.speed+"ms","-ms-transition":t.options.speed+"ms",transition:t.options.speed+"ms"})}},t.options.speed)}},t.options.speed)}else{t.$tooltip.fadeTo(t.options.speed,.5,function(){if(t.status!="hidden"){t.$tooltip.fadeTo(t.options.speed,1)}})}}}}else{t.hideTooltip()}},positionInfo:function(e){return{dimension:{height:e.outerHeight(false),width:e.outerWidth(false)},offset:e.offset(),position:{left:parseInt(e.css("left")),top:parseInt(e.css("top"))}}},positionTooltip:function(){var n=this;if(e("body").find(n.$tooltip).length!==0){n.$tooltip.css("width","");n.elProxyPosition=n.positionInfo(n.$elProxy);var r=null,s=e(t).width(),o=n.elProxyPosition,u=n.$tooltip.outerWidth(false),a=n.$tooltip.innerWidth()+1,f=n.$tooltip.outerHeight(false),l=null;if(n.$elProxy.is("area")){var c=n.$elProxy.attr("shape"),h=n.$elProxy.parent().attr("name"),p=e('img[usemap="#'+h+'"]'),d=p.offset().left,v=p.offset().top,m=n.$elProxy.attr("coords")!==undefined?n.$elProxy.attr("coords").split(","):undefined;if(c=="circle"){var g=parseInt(m[0]),y=parseInt(m[1]),b=parseInt(m[2]);o.dimension.height=b*2;o.dimension.width=b*2;o.offset.top=v+y-b;o.offset.left=d+g-b}else if(c=="rect"){var g=parseInt(m[0]),y=parseInt(m[1]),w=parseInt(m[2]),E=parseInt(m[3]);o.dimension.height=E-y;o.dimension.width=w-g;o.offset.top=v+y;o.offset.left=d+g}else if(c=="poly"){var S=[],x=[],T=0,N=0,C=0,k=0,L="even";for(i=0;iC){C=A;if(i===0){T=C}}if(Ak){k=A;if(i==1){N=k}}if(As){r=O-(s+n-u);O=s+n-u}}function j(n,r){if(o.offset.top-e(t).scrollTop()-f-D-12<0&&r.indexOf("top")>-1){H=n}if(o.offset.top+o.dimension.height+f+12+D>e(t).scrollTop()+e(t).height()&&r.indexOf("bottom")>-1){H=n;_=o.offset.top-f-D-12}}if(H=="top"){var F=o.offset.left+u-(o.offset.left+o.dimension.width);O=o.offset.left+P-F/2;_=o.offset.top-f-D-12;B();j("bottom","top")}if(H=="top-left"){O=o.offset.left+P;_=o.offset.top-f-D-12;B();j("bottom-left","top-left")}if(H=="top-right"){O=o.offset.left+o.dimension.width+P-u;_=o.offset.top-f-D-12;B();j("bottom-right","top-right")}if(H=="bottom"){var F=o.offset.left+u-(o.offset.left+o.dimension.width);O=o.offset.left-F/2+P;_=o.offset.top+o.dimension.height+D+12;B();j("top","bottom")}if(H=="bottom-left"){O=o.offset.left+P;_=o.offset.top+o.dimension.height+D+12;B();j("top-left","bottom-left")}if(H=="bottom-right"){O=o.offset.left+o.dimension.width+P-u;_=o.offset.top+o.dimension.height+D+12;B();j("top-right","bottom-right")}if(H=="left"){O=o.offset.left-P-u-12;M=o.offset.left+P+o.dimension.width+12;var I=o.offset.top+f-(o.offset.top+n.$elProxy.outerHeight(false));_=o.offset.top-I/2-D;if(O<0&&M+u>s){var q=parseFloat(n.$tooltip.css("border-width"))*2,R=u+O-q;n.$tooltip.css("width",R+"px");f=n.$tooltip.outerHeight(false);O=o.offset.left-P-R-12-q;I=o.offset.top+f-(o.offset.top+n.$elProxy.outerHeight(false));_=o.offset.top-I/2-D}else if(O<0){O=o.offset.left+P+o.dimension.width+12;r="left"}}if(H=="right"){O=o.offset.left+P+o.dimension.width+12;M=o.offset.left-P-u-12;var I=o.offset.top+f-(o.offset.top+n.$elProxy.outerHeight(false));_=o.offset.top-I/2-D;if(O+u>s&&M<0){var q=parseFloat(n.$tooltip.css("border-width"))*2,R=s-O-q;n.$tooltip.css("width",R+"px");f=n.$tooltip.outerHeight(false);I=o.offset.top+f-(o.offset.top+n.$elProxy.outerHeight(false));_=o.offset.top-I/2-D}else if(O+u>s){O=o.offset.left-P-u-12;r="right"}}if(n.options.arrow){var U="tooltipster-arrow-"+H;if(n.options.arrowColor.length<1){var z=n.$tooltip.css("background-color")}else{var z=n.options.arrowColor}if(!r){r=""}else if(r=="left"){U="tooltipster-arrow-right";r=""}else if(r=="right"){U="tooltipster-arrow-left";r=""}else{r="left:"+Math.round(r)+"px;"}if(H=="top"||H=="top-left"||H=="top-right"){var W=parseFloat(n.$tooltip.css("border-bottom-width")),X=n.$tooltip.css("border-bottom-color")}else if(H=="bottom"||H=="bottom-left"||H=="bottom-right"){var W=parseFloat(n.$tooltip.css("border-top-width")),X=n.$tooltip.css("border-top-color")}else if(H=="left"){var W=parseFloat(n.$tooltip.css("border-right-width")),X=n.$tooltip.css("border-right-color")}else if(H=="right"){var W=parseFloat(n.$tooltip.css("border-left-width")),X=n.$tooltip.css("border-left-color")}else{var W=parseFloat(n.$tooltip.css("border-bottom-width")),X=n.$tooltip.css("border-bottom-color")}if(W>1){W++}var V="";if(W!==0){var J="",K="border-color: "+X+";";if(U.indexOf("bottom")!==-1){J="margin-top: -"+Math.round(W)+"px;"}else if(U.indexOf("top")!==-1){J="margin-bottom: -"+Math.round(W)+"px;"}else if(U.indexOf("left")!==-1){J="margin-right: -"+Math.round(W)+"px;"}else if(U.indexOf("right")!==-1){J="margin-left: -"+Math.round(W)+"px;"}V=''}n.$tooltip.find(".tooltipster-arrow").remove();var Q='
'+V+'
';n.$tooltip.append(Q)}n.$tooltip.css({top:Math.round(_)+"px",left:Math.round(O)+"px"})}}};e.fn[r]=function(){var t=arguments;if(this.length===0){if(typeof t[0]==="string"){var n=true;switch(t[0]){case"setDefaults":e.extend(s,t[1]);break;default:n=false;break}if(n)return true;else return this}else{return this}}else{if(typeof t[0]==="string"){var r="#*$~&";this.each(function(){var n=e(this).data("tooltipster");if(n){switch(t[0]){case"content":case"update":if(typeof t[1]==="undefined"){r=n.content;return false}else{n.updateTooltip(t[1]);break};case"destroy":n.hideTooltip();if(n.$el[0]!==n.$elProxy[0])n.$elProxy.remove();var i=typeof n.content==="string"?n.content:e("
").append(n.content).html();n.$el.removeClass("tooltipstered").attr("title",i).removeData("tooltipster").off("."+n.namespace);break;case"disable":n.hideTooltip();n.enabled=false;break;case"elementIcon":r=n.$el[0]!==n.$elProxy[0]?n.$elProxy[0]:undefined;return false;case"elementTooltip":r=n.$tooltip?n.$tooltip[0]:undefined;return false;case"enable":n.enabled=true;break;case"hide":n.hideTooltip();break;case"option":r=n.options[t[1]];break;case"reposition":n.positionTooltip();break;case"show":n.showTooltipNow();break;case"status":r=n.status;return false;default:throw new Error('Unknown method .tooltipster("'+t[0]+'")');break}}else{throw new Error("You called Tooltipster's \""+t[0]+'" method on an uninitialized element')}});return r!=="#*$~&"?r:this}else{return this.each(function(){if(!e(this).data("tooltipster")){e(this).data("tooltipster",new o(this,t[0]))}})}}};var a=!!("ontouchstart"in t);var f=false;e("body").one("mousemove",function(){f=true})})(jQuery,window,document); \ No newline at end of file diff --git a/templates/themes/favelog/theme.php b/templates/themes/favelog/theme.php new file mode 100644 index 00000000..29a91931 --- /dev/null +++ b/templates/themes/favelog/theme.php @@ -0,0 +1,133 @@ +build($settings, $board); + } + } elseif ($action == 'post-thread' || ($settings['update_on_posts'] && $action == 'post') || ($settings['update_on_posts'] && $action == 'post-delete') && in_array($board, $boards)) { + $b = new Favelog(); + $b->build($settings, $board); + } + } + + // Wrap functions in a class so they don't interfere with normal Tinyboard operations + class Favelog { + public function build($settings, $board_name) { + global $config, $board; + + openBoard($board_name); + + $recent_images = array(); + $recent_posts = array(); + $stats = array(); + + $query = query(sprintf("SELECT *, `id` AS `thread_id`, (SELECT COUNT(*) FROM ``posts_%s`` WHERE `thread` = `thread_id`) AS `reply_count`, (SELECT COUNT(*) FROM ``posts_%s`` WHERE `thread` = `thread_id` AND `filesize` IS NOT NULL) AS `image_count`, (SELECT `time` FROM ``posts_%s`` WHERE `thread` = `thread_id` ORDER BY `time` DESC LIMIT 1) AS `last_reply`, (SELECT `name` FROM ``posts_%s`` WHERE `thread` = `thread_id` ORDER BY `time` DESC LIMIT 1) AS `last_reply_name`, (SELECT `subject` FROM ``posts_%s`` WHERE `thread` = `thread_id` ORDER BY `time` DESC LIMIT 1) AS `last_reply_subject`, '%s' AS `board` FROM ``posts_%s`` WHERE `thread` IS NULL ORDER BY `bump` DESC", $board_name, $board_name, $board_name, $board_name, $board_name, $board_name, $board_name)) or error(db_error()); + + while ($post = $query->fetch(PDO::FETCH_ASSOC)) { + $post['link'] = $config['root'] . $board['dir'] . $config['dir']['res'] . sprintf($config['file_page'], ($post['thread'] ? $post['thread'] : $post['id'])); + $post['board_name'] = $board['name']; + $post['file'] = $config['uri_thumb'] . $post['thumb']; + + if ($settings['use_tooltipster']) { + $post['muhdifference'] = $this->getDiferenca($post['time']); + + if ($post['last_reply']) + $post['last_reply_difference'] = $this->getDiferenca($post['last_reply']); + } + + $recent_posts[] = $post; + } + + file_write($config['dir']['home'] . $board_name . '/catalog.html', Element('themes/favelog/catalog.html', Array( + 'settings' => $settings, + 'config' => $config, + 'boardlist' => createBoardlist(), + 'recent_images' => $recent_images, + 'recent_posts' => $recent_posts, + 'stats' => $stats, + 'board' => $board_name, + 'link' => $config['root'] . $board['dir'] + ))); + } + + public function getDiferenca($muhtime) + { + $postagem = new DateTime(date("Y-m-d H:i:s", $muhtime)); + $agora = new DateTime(date("Y-m-d H:i:s")); + $intervalo = $postagem->diff($agora); + $anos = $intervalo->format('%y'); + $meses = $intervalo->format('%m'); + $dias = $intervalo->format('%d'); + $horas = $intervalo->format('%h'); + $minutos = $intervalo->format('%i'); + $segundos = $intervalo->format('%s'); + + $diferenca = ""; // adicionar o 'há' depois + if ($anos) { + if ($meses) { + $diferenca.= ($anos>1)? $anos.' anos e ' : $anos.' ano e '; + $diferenca.= ($meses>1)? $meses.' meses.' : $meses.' mês.'; + } else { + $diferenca.= ($anos>1)? $anos.' anos.' : $anos.' ano.'; + } + } elseif($meses) { + if ($dias) { + $diferenca.= ($meses>1)? $meses.' meses e ' : $meses.' mês e '; + $diferenca.= ($dias>1)? $dias.' dias.' : $dias.' dia.'; + } else { + $diferenca.= ($meses>1)? $meses.' meses.' : $meses.' mês.'; + } + } elseif ($dias) { + if ($horas) { + $diferenca.= ($dias>1)? $dias.' dias e ' : $dias.' dia e '; + $diferenca.= ($horas>1)? $horas.' horas.' : $horas.' hora.'; + } else { + $diferenca.= ($dias>1)? $dias.' dias.' : $dias.' dia.'; + } + } elseif ($horas) { + if ($minutos) { + $diferenca.= ($horas>1)? $horas.' horas e ' : $horas.' hora e '; + $diferenca.= ($minutos>1)? $minutos.' minutos.' : $minutos.' minuto.'; + } else { + $diferenca.= ($horas>1)? $horas.' horas.' : $horas.' hora.'; + } + } elseif ($minutos) { + if ($segundos) { + $diferenca.= ($minutos>1)? $minutos.' minutos e ' : $minutos.' minuto e '; + $diferenca.= ($segundos>1)? $segundos.' segundos.' : $segundos.' segundo.'; + } else { + $diferenca.= ($minutos>1)? $minutos.' minutos.' : $minutos.' minuto.'; + } + } elseif ($segundos) { + $diferenca.= ($segundos>1)? $segundos.' segundos.' : $segundos.' segundo.'; + } + + if (!empty($diferenca)) + $diferenca = 'há '.$diferenca; + return $diferenca; + } + }; diff --git a/templates/themes/favelog/thumb.png b/templates/themes/favelog/thumb.png new file mode 100644 index 0000000000000000000000000000000000000000..9d78f588fa111c0c04dbf44e8045220c791c1e94 GIT binary patch literal 11543 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 JPDHLkV1lSe=_ddH literal 0 HcmV?d00001 diff --git a/templates/themes/favelog/tooltipster.css b/templates/themes/favelog/tooltipster.css new file mode 100644 index 00000000..e5c609cc --- /dev/null +++ b/templates/themes/favelog/tooltipster.css @@ -0,0 +1,274 @@ +/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */ +.tooltipster-default { + border-radius: 5px; + border: 2px solid #000; + background: #4c4c4c; + color: #fff; +} + +/* Use this next selector to style things like font-size and line-height: */ +.tooltipster-default .tooltipster-content { + font-family: Arial, sans-serif; + font-size: 14px; + line-height: 16px; + padding: 8px 10px; + overflow: hidden; +} + +/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */ +.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { + /* border-color: ... !important; */ +} + + +/* If you're using the icon option, use this next selector to style them */ +.tooltipster-icon { + cursor: help; + margin-left: 4px; +} + + + + + + + + +/* This is the base styling required to make all Tooltipsters work */ +.tooltipster-base { + padding: 0; + font-size: 0; + line-height: 0; + position: absolute; + left: 0; + top: 0; + z-index: 9999999; + pointer-events: none; + width: auto; + overflow: visible; +} +.tooltipster-base .tooltipster-content { + overflow: hidden; +} + + +/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */ +.tooltipster-arrow { + display: block; + text-align: center; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + z-index: -1; +} +.tooltipster-arrow span, .tooltipster-arrow-border { + display: block; + width: 0; + height: 0; + position: absolute; +} +.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { + border-left: 8px solid transparent !important; + border-right: 8px solid transparent !important; + border-top: 8px solid; + bottom: -7px; +} +.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { + border-left: 9px solid transparent !important; + border-right: 9px solid transparent !important; + border-top: 9px solid; + bottom: -7px; +} + +.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { + border-left: 8px solid transparent !important; + border-right: 8px solid transparent !important; + border-bottom: 8px solid; + top: -7px; +} +.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { + border-left: 9px solid transparent !important; + border-right: 9px solid transparent !important; + border-bottom: 9px solid; + top: -7px; +} +.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { + left: 0; + right: 0; + margin: 0 auto; +} +.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { + left: 6px; +} +.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { + left: 5px; +} +.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { + right: 6px; +} +.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { + right: 5px; +} +.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { + border-top: 8px solid transparent !important; + border-bottom: 8px solid transparent !important; + border-left: 8px solid; + top: 50%; + margin-top: -7px; + right: -7px; +} +.tooltipster-arrow-left .tooltipster-arrow-border { + border-top: 9px solid transparent !important; + border-bottom: 9px solid transparent !important; + border-left: 9px solid; + margin-top: -8px; +} +.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { + border-top: 8px solid transparent !important; + border-bottom: 8px solid transparent !important; + border-right: 8px solid; + top: 50%; + margin-top: -7px; + left: -7px; +} +.tooltipster-arrow-right .tooltipster-arrow-border { + border-top: 9px solid transparent !important; + border-bottom: 9px solid transparent !important; + border-right: 9px solid; + margin-top: -8px; +} + + +/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */ + +.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-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-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); +} + +.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-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); +} + +.tooltipster-fall { + top: 0; + -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-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: 0px !important; + opacity: 0; +} + +.tooltipster-slide { + left: -40px; + -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-slide-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: 0px !important; + opacity: 0; +} + + +/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */ +.tooltipster-content-changing { + opacity: 0.5; + -webkit-transform: scale(1.1, 1.1); + -moz-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +}