czaks
10 years ago
16 changed files with 891 additions and 1 deletions
@ -0,0 +1,73 @@ |
|||
/* |
|||
* recent-posts.js |
|||
* |
|||
* Recent posts controlling script |
|||
* |
|||
* Released under the WTFPL license |
|||
* Copyright (c) 2014 sinuca <#55ch@rizon.net> |
|||
* |
|||
* Requires jquery |
|||
* incomplete |
|||
* |
|||
*/ |
|||
|
|||
$(document).ready(function(){ |
|||
|
|||
if (!localStorage.hiddenrecentposts) |
|||
localStorage.hiddenrecentposts = '{}'; |
|||
|
|||
if (!localStorage.recentpostscount) |
|||
localStorage.recentpostscount = 25; |
|||
|
|||
// Load data from HTML5 localStorage
|
|||
var hidden_data = JSON.parse(localStorage.hiddenrecentposts); |
|||
|
|||
var store_data_posts = function() { |
|||
localStorage.hiddenrecentposts = JSON.stringify(hidden_data); |
|||
} |
|||
|
|||
// Delete old hidden posts (7+ days old)
|
|||
for (var key in hidden_data) { |
|||
for (var id in hidden_data[key]) { |
|||
if (hidden_data[key][id] < Math.round(Date.now() / 1000) - 60 * 60 * 24 * 7) { |
|||
delete hidden_data[key][id]; |
|||
store_data_posts(); |
|||
} |
|||
} |
|||
} |
|||
|
|||
var do_hide_posts = function() { |
|||
var data = $(this).attr('id'); |
|||
var splitted = data.split('-'); |
|||
var id = splitted[2]; |
|||
var post_container = $(this).parent(); |
|||
|
|||
var board = post_container.data("board"); |
|||
|
|||
if (!hidden_data[board]) { |
|||
hidden_data[board] = {}; |
|||
} |
|||
|
|||
$('<a class="hide-post-link" href="javascript:void(0)"> Dismiss </a>') |
|||
.insertBefore(post_container.find('a.eita-link:first')) |
|||
.click(function(){ |
|||
hidden_data[board][id] = Math.round(Date.now() / 1000); |
|||
store_data_posts(); |
|||
|
|||
post_container.closest('hr').hide(); |
|||
post_container.children().hide(); |
|||
}); |
|||
if(hidden_data[board][id]) |
|||
post_container.find('a.hide-post-link').click(); |
|||
} |
|||
|
|||
$('a.eita-link').each(do_hide_posts); |
|||
|
|||
$('#erase-local-data').click(function(){ |
|||
hidden_data = {}; |
|||
store_data_posts(); |
|||
$(this).html('Loading...'); |
|||
location.reload(); |
|||
}); |
|||
|
|||
}); |
|||
@ -0,0 +1,6 @@ |
|||
<script src="{{ config.additional_javascript_url }}js/mod/recent_posts.js"></script> |
|||
{% if posts|count %} |
|||
<p style="text-align:center" class="unimportant">({% trans 'There are no active posts.' %})</p> |
|||
{% else %} |
|||
|
|||
{% endif %} |
|||
@ -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; |
|||
} |
|||
} |
|||
@ -0,0 +1,79 @@ |
|||
{% filter remove_whitespace %} |
|||
<!doctype html> |
|||
<html> |
|||
<head> |
|||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> |
|||
<title>{{ settings.title }}</title> |
|||
<link rel="stylesheet" media="screen" href="{{ config.url_stylesheet }}"/> |
|||
<link rel="stylesheet" media="screen" href="{{ config.root }}stylesheets/{{ settings.css }}"/> |
|||
{% if config.url_favicon %}<link rel="shortcut icon" href="{{ config.url_favicon }}" />{% endif %} |
|||
{% if settings.use_tooltipster %}<link rel="stylesheet" media="screen" href="{{ config.root }}stylesheets/tooltipster.css"/>{% endif %} |
|||
<script type="text/javascript" src="{{ config.additional_javascript_url }}js/jquery.min.js"></script> |
|||
<script type="text/javascript" src="{{ config.additional_javascript_url }}js/jquery.mixitup.min.js"></script> |
|||
{% if settings.use_tooltipster %}<script type="text/javascript" src="{{ config.additional_javascript_url }}js/jquery.tooltipster.min.js"></script> |
|||
<script type="text/javascript"> |
|||
var use_tooltipster = true; |
|||
</script>{% else %} |
|||
<script type="text/javascript"> |
|||
var use_tooltipster = false; |
|||
</script> |
|||
{% endif %} |
|||
<script type="text/javascript" src="{{ config.additional_javascript_url }}js/favelog.js"></script> |
|||
{% if config.default_stylesheet.1 != '' %}<link rel="stylesheet" type="text/css" id="stylesheet" href="{{ config.uri_stylesheets }}{{ config.default_stylesheet.1 }}">{% endif %} |
|||
{% if config.font_awesome %}<link rel="stylesheet" media="screen" href="{{ config.root }}{{ config.font_awesome_css }}">{% endif %} |
|||
<script type="text/javascript" src="{{ config.url_javascript }}"></script> |
|||
</head> |
|||
<body> |
|||
{{ boardlist.top }} |
|||
<header> |
|||
<h1>{{ settings.title }} (<a href="{{link}}">/{{ board }}/</a>)</h1> |
|||
<div class="subtitle">{{ settings.subtitle }}</div> |
|||
</header> |
|||
|
|||
<ul style="display: none"> |
|||
<li id="sort-bump-order" class="sort" data-sort="data-bump" data-order="asc">{% trans 'Bump order' %}</li> |
|||
<li id="sort-last-reply" class="sort" data-sort="data-lastreply" data-order="asc">{% trans 'Last reply' %}</li> |
|||
<li id="sort-creation-date" class="sort" data-sort="data-time" data-order="asc">{% trans 'Creation date' %}</li> |
|||
<li id="sort-reply-count" class="sort" data-sort="data-reply" data-order="asc">{% trans 'Reply count' %}</li> |
|||
<li id="sort-random" class="sort" data-sort="random">{% trans 'Random' %}</li> |
|||
</ul> |
|||
|
|||
<span>{% trans 'Sort by' %}: </span> |
|||
<select id="selectorzilla" style="display: inline-block"> |
|||
<option selected value="bump-order">{% trans 'Bump order' %}</option> |
|||
<option value="last-reply">{% trans 'Last reply' %}</option> |
|||
<option value="creation-date">{% trans 'Creation date' %}</option> |
|||
<option value="reply-count">{% trans 'Reply count' %}</option> |
|||
<option value="random">{% trans 'Random' %}</option> |
|||
</select> |
|||
|
|||
<span>{% trans 'Image size' %}: </span> |
|||
<select id="imgurzilla" style="display: inline-block"> |
|||
<option selected value="small">{% trans 'Small' %}</option> |
|||
<option value="large">{% trans 'Large' %}</option> |
|||
</select> |
|||
<div class="threads"> |
|||
<ul id="Grid"> |
|||
{% for post in recent_posts %} |
|||
<li class="mix" data-reply="{{ post.reply_count }}" data-bump="{{ post.bump }}" data-lastreply="{{ post.last_reply }}" data-time="{{ post.time }}"> |
|||
<div class="thread grid-li grid-size-small"> |
|||
<a href="{{post.link}}"> |
|||
<img id="img-{{ post.id }}" data-subject="{% if post.subject %}{{ post.subject }}{% endif %}" data-name="{{ post.name }}" data-muhdifference="{{ post.muhdifference }}" data-last-reply="{% if post.last_reply %}{{ post.last_reply }}{% endif %}" data-last-subject="{% if post.last_reply_subject %}{{ post.last_reply_subject }}{% endif %}" data-last-name="{% if post.last_reply %}{{ post.last_reply_name }}{% endif %}" data-last-difference="{% if post.last_reply %}{{ post.last_reply_difference }}{% endif %}" src="{{post.file}}" class="{{post.board}} thread-image" title="{{post.bump|date('%b %d %H:%M')}}"> |
|||
</a> |
|||
<p> |
|||
<span class="replies"> |
|||
<strong>R: {{ post.reply_count }} / I: {{ post.image_count }}</strong><br/> |
|||
{{ post.body }} |
|||
</span> |
|||
</p> |
|||
</div> |
|||
</li> |
|||
{% endfor %} |
|||
</ul> |
|||
</div> |
|||
|
|||
<hr/> |
|||
<p class="unimportant" style="margin-top:20px;text-align:center;">Powered by <a href="http://tinyboard.org/">Tinyboard</a> {{ config.version }} | <a href="http://tinyboard.org/">Tinyboard</a> Copyright © 2010-2013 Tinyboard Development Group</p> |
|||
</body> |
|||
</html> |
|||
{% endfilter %} |
|||
@ -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 = '<span="poster-span">'; |
|||
|
|||
if (subject) { |
|||
muh_body = muh_body + subject + ' por'; |
|||
} else { |
|||
muh_body = muh_body + 'Postado por'; |
|||
}; |
|||
muh_body = muh_body + ' <span class="poster-name">' + name + ' </span>' + muhdifference + '</span>'; |
|||
|
|||
if (last_reply) { |
|||
muh_body = muh_body + '<br><span class="last-reply-span">'; |
|||
if (last_subject) { |
|||
muh_body = muh_body + last_subject + ' por'; |
|||
} else{ |
|||
muh_body = muh_body + 'Última resposta por'; |
|||
}; |
|||
muh_body = muh_body + ' <span class="poster-name">' + last_name + ' </span>' + last_difference + '</span>'; |
|||
} |
|||
$(this).tooltipster({ |
|||
content: $(muh_body) |
|||
}); |
|||
}); |
|||
} |
|||
@ -0,0 +1,58 @@ |
|||
<?php |
|||
$theme = array(); |
|||
|
|||
// Theme name |
|||
$theme['name'] = 'Favelog'; |
|||
// Description (you can use Tinyboard markup here) |
|||
$theme['description'] = 'Show a post favelog.'; |
|||
$theme['version'] = 'v0.1'; |
|||
|
|||
// Theme configuration |
|||
$theme['config'] = Array(); |
|||
|
|||
$theme['config'][] = Array( |
|||
'title' => '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'; |
|||
@ -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=-1<g.indexOf("fade")?"0":"",a.scale=-1<g.indexOf("scale")?"scale(.01)":"",a.rotateZ= |
|||
-1<g.indexOf("rotateZ")?"rotate(180deg)":"",a.rotateY=-1<g.indexOf("rotateY")?"rotateY(90deg)":"",a.rotateX=-1<g.indexOf("rotateX")?"rotateX(90deg)":"",a.blur=-1<g.indexOf("blur")?"blur(8px)":"",a.grayscale=-1<g.indexOf("grayscale")?"grayscale(100%)":"");var p=d(),s=d(),t=[],r=!1;"string"===typeof e?t=z(e):(r=!0,d.each(e,function(a){t[a]=z(this)}));"or"==a.filterLogic?(""==t[0]&&t.shift(),1>t.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++:0<b&&b++});b==t.length?p=p.add(a):s=s.add(a)}else a.is("."+t.join(", ."))?p=p.add(a):s=s.add(a)})):(p=p.add(n.find(w+"."+t.join("."))),s=s.add(n.find(w+":not(."+t.join(".")+"):visible")));e=p.length;var u=d(),q=d(),m=d();s.each(function(){var a=d(this);"none"!=a.css("display")&&(u=u.add(a),m=m.add(a))});if(p.filter(":visible").length==e&&!u.length&&!c){if(a.origLayout==a.layoutMode)return f(),!1;if(1==p.length)return"list"==a.layoutMode?(b.addClass(a.listClass),b.removeClass(a.gridClass), |
|||
m.css("display",a.targetDisplayList)):(b.addClass(a.gridClass),b.removeClass(a.listClass),m.css("display",a.targetDisplayGrid)),f(),!1}a.origHeight=n.height();if(p.length){b.removeClass(a.failClass);p.each(function(){var a=d(this);"none"==a.css("display")?q=q.add(a):m=m.add(a)});if(a.origLayout!=a.layoutMode&&!1==a.animateGridList)return"list"==a.layoutMode?(b.addClass(a.listClass),b.removeClass(a.gridClass),m.css("display",a.targetDisplayList)):(b.addClass(a.gridClass),b.removeClass(a.listClass), |
|||
m.css("display",a.targetDisplayGrid)),f(),!1;if(!window.atob)return f(),!1;v.css(a.clean);m.each(function(){this.data.origPos=d(this).offset()});"list"==a.layoutMode?(b.addClass(a.listClass),b.removeClass(a.gridClass),q.css("display",a.targetDisplayList)):(b.addClass(a.gridClass),b.removeClass(a.listClass),q.css("display",a.targetDisplayGrid));q.each(function(){this.data.showInterPos=d(this).offset()});u.each(function(){this.data.hideInterPos=d(this).offset()});m.each(function(){this.data.preInterPos= |
|||
d(this).offset()});"list"==a.layoutMode?m.css("display",a.targetDisplayList):m.css("display",a.targetDisplayGrid);c&&x(c,l,b,a);if(c&&A(a.origSort,a.checkSort))return f(),!1;u.hide();q.each(function(a){this.data.finalPos=d(this).offset()});m.each(function(){this.data.finalPrePos=d(this).offset()});a.newHeight=n.height();c&&x("reset",null,b,a);q.hide();m.css("display",a.origDisplay);"block"==a.origDisplay?(b.addClass(a.listClass),q.css("display",a.targetDisplayList)):(b.removeClass(a.listClass),q.css("display", |
|||
a.targetDisplayGrid));a.resizeContainer&&n.css("height",a.origHeight+"px");e={};for(g=0;2>g;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(-1<a.originalEvent.propertyName.indexOf("transform")||-1<a.originalEvent.propertyName.indexOf("opacity"))-1<w.indexOf(".")?d(a.target).hasClass(w.replace(".",""))&&f():d(a.target).is(w)&&f()})},10);a.failsafe=setTimeout(function(){a.mixing&&f()},k+400)}else{a.resizeContainer&&n.css("height",a.origHeight+"px");if(!window.atob)return f(),!1; |
|||
u=s;setTimeout(function(){n.css(a.perspective);if(a.resizeContainer){for(var c={},e=0;2>e;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(-1<c.originalEvent.propertyName.indexOf("transform")|| |
|||
-1<c.originalEvent.propertyName.indexOf("opacity"))b.addClass(a.failClass),f()})}else a.mixing=!1},10)}}function x(e,c,l,b){function a(a,b){var c=isNaN(1*a.attr(e))?a.attr(e).toLowerCase():1*a.attr(e),d=isNaN(1*b.attr(e))?b.attr(e).toLowerCase():1*b.attr(e);return c<d?-1:c>d?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('<div class="mix_sorter"/>'); |
|||
var k=l.find(".mix_sorter");b.origSort.length||k.find(b.targetSelector+":visible").each(function(){d(this).wrap("<s/>");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("<s/>");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;d<c.length;d++)if(c[d]+"Transition"in e.style)return c[d];return"transition"in e.style?"":!1}function A(e,c){if(e.length!=c.length)return!1;for(var d=0;d<c.length;d++)if(e[d].compare&&!e[d].compare(c[d])||e[d]!==c[d])return!1;return!0}function z(e){e=e.replace(/\s{2,}/g," ");var c=e.split(" ");d.each(c,function(d){"all"==this&&(c[d]="mix_all")});""==c[0]&&c.shift();return c}var y={init:function(e){return this.each(function(){var c=window.navigator.appVersion.match(/Chrome\/(\d+)\./), |
|||
c=c?parseInt(c[1],10):!1,l=function(a){a=document.getElementById(a);var b=a.parentElement,c=document.createElement("div"),d=document.createDocumentFragment();b.insertBefore(c,a);d.appendChild(a);b.replaceChild(a,c)};(c&&31==c||32==c)&&l(this.id);var b={targetSelector:".mix",filterSelector:".filter",sortSelector:".sort",buttonEvent:"click",effects:["fade","scale"],listEffects:null,easing:"smooth",layoutMode:"grid",targetDisplayGrid:"inline-block",targetDisplayList:"block",listClass:"",gridClass:"", |
|||
transitionSpeed:600,showOnLoad:"all",sortOnLoad:!1,multiFilter:!1,filterLogic:"or",resizeContainer:!0,minHeight:0,failClass:"fail",perspectiveDistance:"3000",perspectiveOrigin:"50% 50%",animateGridList:!0,onMixLoad:null,onMixStart:null,onMixEnd:null,container:null,origOrder:[],startOrder:[],newOrder:[],origSort:[],checkSort:[],filter:"",mixing:!1,origDisplay:"",origLayout:"",origHeight:0,newHeight:0,isTouch:!1,resetDelay:0,failsafe:null,prefix:"",easingFallback:"ease-in-out",transition:{},perspective:{}, |
|||
clean:{},fade:"1",scale:"",rotateX:"",rotateY:"",rotateZ:"",blur:"",grayscale:""};e&&d.extend(b,e);this.config=b;d.support.touch="ontouchend"in document;d.support.touch&&(b.isTouch=!0,b.resetDelay=350);b.container=d(this);var a=b.container;b.prefix=B(a[0]);b.prefix=b.prefix?"-"+b.prefix.toLowerCase()+"-":"";a.find(b.targetSelector).each(function(){b.origOrder.push(d(this))});if(b.sortOnLoad){var f;d.isArray(b.sortOnLoad)?(c=b.sortOnLoad[0],f=b.sortOnLoad[1],d(b.sortSelector+"[data-sort="+b.sortOnLoad[0]+ |
|||
"][data-order="+b.sortOnLoad[1]+"]").addClass("active")):(d(b.sortSelector+"[data-sort="+b.sortOnLoad+"]").addClass("active"),c=b.sortOnLoad,b.sortOnLoad="desc");x(c,f,a,b)}for(f=0;2>f;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); |
|||
File diff suppressed because one or more lines are too long
@ -0,0 +1,133 @@ |
|||
<?php |
|||
require 'info.php'; |
|||
|
|||
function favelog_build($action, $settings, $board) { |
|||
global $config; |
|||
|
|||
// Possible values for $action: |
|||
// - all (rebuild everything, initialization) |
|||
// - news (news has been updated) |
|||
// - boards (board list changed) |
|||
// - post (a reply has been made) |
|||
// - post-thread (a thread has been made) |
|||
|
|||
$boards = explode(' ', $settings['boards']); |
|||
|
|||
if ($action == 'all') { |
|||
copy('templates/themes/favelog/catalog.css', 'stylesheets/' . $settings['css']); |
|||
|
|||
if($settings['use_tooltipster']) { |
|||
copy('templates/themes/favelog/tooltipster.css', 'stylesheets/tooltipster.css'); |
|||
copy('templates/themes/favelog/jquery.tooltipster.min.js', 'js/jquery.tooltipster.min.js'); |
|||
} |
|||
|
|||
copy('templates/themes/favelog/jquery.mixitup.min.js', 'js/jquery.mixitup.min.js'); |
|||
copy('templates/themes/favelog/favelog.js', 'js/favelog.js'); |
|||
|
|||
foreach ($boards as $board) { |
|||
$b = new Favelog(); |
|||
$b->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; |
|||
} |
|||
}; |
|||
|
After Width: | Height: | Size: 11 KiB |
@ -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); |
|||
} |
|||
Loading…
Reference in new issue