Frontend framework, fix synio
|
@ -68,13 +68,14 @@ $config['path']['root']['server'] = dirname(dirname(__FILE__)); //
|
|||
* Для CLI режима использовать
|
||||
* $config['path']['root']['server'] = dirname(dirname(__FILE__)); // полный путь до сайта в файловой системе
|
||||
*/
|
||||
$config['path']['root']['engine'] = '___path.root.server___/engine'; // полный путь до сайта в файловой системе;
|
||||
$config['path']['root']['engine_lib'] = '___path.root.web___/engine/lib'; // полный путь до сайта в файловой системе
|
||||
$config['path']['static']['root'] = '___path.root.web___'; // чтоб можно было статику засунуть на отдельный сервер
|
||||
$config['path']['static']['skin'] = '___path.static.root___/templates/skin/___view.skin___';
|
||||
$config['path']['uploads']['root'] = '/uploads'; // директория для загрузки файлов
|
||||
$config['path']['uploads']['images'] ='___path.uploads.root___/images';
|
||||
$config['path']['offset_request_url'] = 0; // иногда помогает если сервер использует внутренние реврайты
|
||||
$config['path']['root']['engine'] = '___path.root.server___/engine'; // полный путь до сайта в файловой системе;
|
||||
$config['path']['root']['engine_lib'] = '___path.root.web___/engine/lib'; // полный путь до сайта в файловой системе
|
||||
$config['path']['static']['root'] = '___path.root.web___'; // чтоб можно было статику засунуть на отдельный сервер
|
||||
$config['path']['static']['skin'] = '___path.static.root___/templates/skin/___view.skin___';
|
||||
$config['path']['static']['framework'] = "___path.static.root___/templates/framework"; // Front-end framework
|
||||
$config['path']['uploads']['root'] = '/uploads'; // директория для загрузки файлов
|
||||
$config['path']['uploads']['images'] ='___path.uploads.root___/images';
|
||||
$config['path']['offset_request_url'] = 0; // иногда помогает если сервер использует внутренние реврайты
|
||||
/**
|
||||
* Настройки шаблонизатора Smarty
|
||||
*/
|
||||
|
@ -476,68 +477,77 @@ $config['block']['rule_blog_info'] = array(
|
|||
);
|
||||
|
||||
|
||||
$config['head']['default']['js'] = array(
|
||||
"___path.root.engine_lib___/external/html5shiv.js" => array('browser'=>'lt IE 9'),
|
||||
"___path.root.engine_lib___/external/jquery/jquery.js",
|
||||
"___path.root.engine_lib___/external/jquery/jquery-ui.js",
|
||||
"___path.root.engine_lib___/external/jquery/jquery.notifier.js",
|
||||
"___path.root.engine_lib___/external/jquery/jquery.scrollto.js",
|
||||
"___path.root.engine_lib___/external/jquery/jquery.rich-array.min.js",
|
||||
"___path.root.engine_lib___/external/jquery/markitup/jquery.markitup.js",
|
||||
"___path.root.engine_lib___/external/jquery/jquery.form.js",
|
||||
"___path.root.engine_lib___/external/jquery/jquery.jqplugin.js",
|
||||
"___path.root.engine_lib___/external/jquery/jquery.cookie.js",
|
||||
"___path.root.engine_lib___/external/jquery/jquery.serializejson.js",
|
||||
"___path.root.engine_lib___/external/jquery/jquery.file.js",
|
||||
"___path.root.engine_lib___/external/jquery/jcrop/jquery.Jcrop.js",
|
||||
"___path.root.engine_lib___/external/jquery/poshytip/jquery.poshytip.js",
|
||||
"___path.root.engine_lib___/external/jquery/jquery.placeholder.min.js",
|
||||
"___path.root.engine_lib___/external/jquery/jquery.charcount.js",
|
||||
"___path.root.engine_lib___/external/prettify/prettify.js",
|
||||
"___path.root.server___/templates/framework/js/main.js",
|
||||
"___path.root.server___/templates/framework/js/favourite.js",
|
||||
"___path.root.server___/templates/framework/js/blocks.js",
|
||||
"___path.root.server___/templates/framework/js/talk.js",
|
||||
"___path.root.server___/templates/framework/js/vote.js",
|
||||
"___path.root.server___/templates/framework/js/poll.js",
|
||||
"___path.root.server___/templates/framework/js/subscribe.js",
|
||||
"___path.root.server___/templates/framework/js/infobox.js",
|
||||
"___path.root.server___/templates/framework/js/geo.js",
|
||||
"___path.root.server___/templates/framework/js/wall.js",
|
||||
"___path.root.server___/templates/framework/js/usernote.js",
|
||||
"___path.root.server___/templates/framework/js/comments.js",
|
||||
"___path.root.server___/templates/framework/js/blog.js",
|
||||
"___path.root.server___/templates/framework/js/user.js",
|
||||
"___path.root.server___/templates/framework/js/userfeed.js",
|
||||
"___path.root.server___/templates/framework/js/userfield.js",
|
||||
"___path.root.server___/templates/framework/js/stream.js",
|
||||
"___path.root.server___/templates/framework/js/photoset.js",
|
||||
"___path.root.server___/templates/framework/js/toolbar.js",
|
||||
"___path.root.server___/templates/framework/js/settings.js",
|
||||
"___path.root.server___/templates/framework/js/topic.js",
|
||||
"___path.root.server___/templates/framework/js/tab.js",
|
||||
"___path.root.server___/templates/framework/js/modal.js",
|
||||
"___path.root.server___/templates/framework/js/hook.js",
|
||||
|
||||
$config['head']['default']['js'] = array(
|
||||
/* Vendor libs */
|
||||
"___path.static.framework___/js/vendor/html5shiv.js" => array('browser'=>'lt IE 9'),
|
||||
"___path.static.framework___/js/vendor/jquery.js",
|
||||
//"___path.static.framework___/js/vendor/jquery-1.9.1.min.js",
|
||||
"___path.static.framework___/js/vendor/jquery-ui/js/jquery-ui-1.10.2.custom.min.js",
|
||||
"___path.static.framework___/js/vendor/jquery-ui/js/localization/jquery-ui-datepicker-ru.js",
|
||||
"___path.static.framework___/js/vendor/jquery.notifier.js",
|
||||
"___path.static.framework___/js/vendor/jquery.scrollto.js",
|
||||
"___path.static.framework___/js/vendor/jquery.rich-array.min.js",
|
||||
"___path.static.framework___/js/vendor/jquery.form.js",
|
||||
"___path.static.framework___/js/vendor/jquery.jqplugin.js",
|
||||
"___path.static.framework___/js/vendor/jquery.cookie.js",
|
||||
"___path.static.framework___/js/vendor/jquery.serializejson.js",
|
||||
"___path.static.framework___/js/vendor/jquery.file.js",
|
||||
"___path.static.framework___/js/vendor/jcrop/jquery.Jcrop.js",
|
||||
"___path.static.framework___/js/vendor/jquery.placeholder.min.js",
|
||||
"___path.static.framework___/js/vendor/jquery.charcount.js",
|
||||
"___path.static.framework___/js/vendor/poshytip/jquery.poshytip.js",
|
||||
"___path.static.framework___/js/vendor/markitup/jquery.markitup.js",
|
||||
"___path.static.framework___/js/vendor/prettify/prettify.js",
|
||||
|
||||
/* Core */
|
||||
"___path.static.framework___/js/core/main.js",
|
||||
"___path.static.framework___/js/core/hook.js",
|
||||
|
||||
/* User Interface */
|
||||
"___path.static.framework___/js/ui/popup.js",
|
||||
"___path.static.framework___/js/ui/dropdown.js",
|
||||
"___path.static.framework___/js/ui/tooltip.js",
|
||||
"___path.static.framework___/js/ui/popover.js",
|
||||
"___path.static.framework___/js/ui/tab.js",
|
||||
"___path.static.framework___/js/ui/modal.js",
|
||||
|
||||
/* LiveStreet */
|
||||
"___path.static.framework___/js/livestreet/favourite.js",
|
||||
"___path.static.framework___/js/livestreet/blocks.js",
|
||||
"___path.static.framework___/js/livestreet/talk.js",
|
||||
"___path.static.framework___/js/livestreet/vote.js",
|
||||
"___path.static.framework___/js/livestreet/poll.js",
|
||||
"___path.static.framework___/js/livestreet/subscribe.js",
|
||||
"___path.static.framework___/js/livestreet/geo.js",
|
||||
"___path.static.framework___/js/livestreet/wall.js",
|
||||
"___path.static.framework___/js/livestreet/usernote.js",
|
||||
"___path.static.framework___/js/livestreet/comments.js",
|
||||
"___path.static.framework___/js/livestreet/blog.js",
|
||||
"___path.static.framework___/js/livestreet/user.js",
|
||||
"___path.static.framework___/js/livestreet/userfeed.js",
|
||||
"___path.static.framework___/js/livestreet/userfield.js",
|
||||
"___path.static.framework___/js/livestreet/stream.js",
|
||||
"___path.static.framework___/js/livestreet/photoset.js",
|
||||
"___path.static.framework___/js/livestreet/toolbar.js",
|
||||
"___path.static.framework___/js/livestreet/settings.js",
|
||||
"___path.static.framework___/js/livestreet/topic.js",
|
||||
|
||||
"http://yandex.st/share/share.js" => array('merge'=>false),
|
||||
);
|
||||
|
||||
$config['head']['default']['css'] = array(
|
||||
"___path.static.skin___/css/reset.css",
|
||||
"___path.root.engine_lib___/external/jquery/markitup/skins/simple/style.css",
|
||||
"___path.root.engine_lib___/external/jquery/markitup/sets/default/style.css",
|
||||
"___path.root.engine_lib___/external/jquery/jcrop/jquery.Jcrop.css",
|
||||
"___path.root.engine_lib___/external/prettify/prettify.css",
|
||||
"___path.static.skin___/css/main.css",
|
||||
"___path.static.skin___/css/grid.css",
|
||||
"___path.static.skin___/css/common.css",
|
||||
"___path.static.skin___/css/forms.css",
|
||||
"___path.static.skin___/css/popups.css",
|
||||
"___path.static.skin___/css/topic.css",
|
||||
"___path.static.skin___/css/comments.css",
|
||||
"___path.static.skin___/css/blocks.css",
|
||||
"___path.static.skin___/css/infobox.css",
|
||||
"___path.static.skin___/css/jquery.jqmodal.css",
|
||||
"___path.static.skin___/css/jquery.notifier.css",
|
||||
"___path.static.skin___/css/smoothness/jquery-ui.css",
|
||||
// Framework styles
|
||||
"___path.static.framework___/css/reset.css",
|
||||
"___path.static.framework___/css/helpers.css",
|
||||
"___path.static.framework___/css/text.css",
|
||||
"___path.static.framework___/css/dropdowns.css",
|
||||
"___path.static.framework___/css/buttons.css",
|
||||
"___path.static.framework___/css/forms.css",
|
||||
"___path.static.framework___/css/navs.css",
|
||||
"___path.static.framework___/css/modals.css",
|
||||
"___path.static.framework___/css/tooltip.css",
|
||||
"___path.static.framework___/css/popover.css",
|
||||
);
|
||||
|
||||
/**
|
||||
|
|
|
@ -7,10 +7,7 @@
|
|||
-------------------------------------------------- */
|
||||
.nav { }
|
||||
.nav > li { float: left; position: relative; }
|
||||
.nav > li:last-child { border-right: none; }
|
||||
.nav > li > a { display: block; padding: 10px 15px; text-decoration: none; }
|
||||
.nav > li > a:hover { background: #f3f3f3; }
|
||||
.nav > li.active > a { background: #f3f3f3; }
|
||||
|
||||
/* Clearfix */
|
||||
.nav:before,
|
||||
|
@ -33,7 +30,7 @@
|
|||
.nav.nav-pills > li { margin-right: 3px; }
|
||||
.nav.nav-pills > li > a { border-radius: 2px; padding: 5px 12px; background: #f5f5f5; color: #888; }
|
||||
.nav.nav-pills > li > a:hover { background: #eaeaea; }
|
||||
.nav.nav-pills > li.active > a { background: #2891d3; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); color: #fff; }
|
||||
.nav.nav-pills > li.active > a { background: #2891d3; color: #fff; }
|
||||
|
||||
/* Stacked */
|
||||
.nav.nav-pills.nav-stacked { margin-bottom: 15px; }
|
||||
|
|
|
@ -3,21 +3,23 @@
|
|||
*/
|
||||
|
||||
.popover {
|
||||
display: none;
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
min-width: 100px;
|
||||
max-width: 300px;
|
||||
background-color: #fafafa;
|
||||
max-width: 500px;
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
border: 1px solid #ccc;
|
||||
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
|
||||
box-shadow: 0 0 5px rgba(0,0,0,.1);
|
||||
}
|
||||
.popover .popover-title { background: #eee; padding: 10px 15px; font-weight: bold; }
|
||||
.popover .popover-content { padding: 10px 15px; }
|
||||
.popover .popover-content { padding: 15px 20px; }
|
||||
|
||||
|
||||
.popover .tip-arrow {
|
||||
/* Arrow */
|
||||
.popover .popover-arrow,
|
||||
.popover .popover-arrow-inner {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: auto;
|
||||
|
@ -26,9 +28,41 @@
|
|||
left: auto;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 7px solid transparent;
|
||||
border: 9px solid #bbb;
|
||||
}
|
||||
.popover.alignx-center.aligny-top .tip-arrow { left: 50%; bottom: -14px; margin-left: -7px; border-top-color: #ccc; }
|
||||
.popover.alignx-center.aligny-bottom .tip-arrow { left: 50%; top: -14px; margin-left: -7px; border-bottom-color: #ccc; }
|
||||
.popover.alignx-left.aligny-center .tip-arrow { right: -14px; top: 50%; margin-top: -7px; border-left-color: #ccc; }
|
||||
.popover.alignx-right.aligny-center .tip-arrow { left: -14px; top: 50%; margin-top: -7px; border-right-color: #ccc; }
|
||||
.popover .popover-arrow-inner { border-width: 8px; border-color: #fff; }
|
||||
|
||||
.popover.alignx-center.aligny-top .popover-arrow,
|
||||
.popover.alignx-center.aligny-top .popover-arrow-inner,
|
||||
.popover.alignx-left.aligny-top .popover-arrow,
|
||||
.popover.alignx-left.aligny-top .popover-arrow-inner,
|
||||
.popover.alignx-right.aligny-top .popover-arrow,
|
||||
.popover.alignx-right.aligny-top .popover-arrow-inner { left: 50%; bottom: -18px; margin-left: -9px; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; }
|
||||
.popover.alignx-center.aligny-bottom .popover-arrow,
|
||||
.popover.alignx-center.aligny-bottom .popover-arrow-inner,
|
||||
.popover.alignx-left.aligny-bottom .popover-arrow,
|
||||
.popover.alignx-left.aligny-bottom .popover-arrow-inner,
|
||||
.popover.alignx-right.aligny-bottom .popover-arrow,
|
||||
.popover.alignx-right.aligny-bottom .popover-arrow-inner { left: 50%; top: -18px; margin-left: -9px; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; }
|
||||
.popover.alignx-left.aligny-center .popover-arrow,
|
||||
.popover.alignx-left.aligny-center .popover-arrow-inner { right: -18px; top: 50%; margin-top: -9px; border-bottom-color: transparent; border-top-color: transparent; border-right-color: transparent; }
|
||||
.popover.alignx-right.aligny-center .popover-arrow,
|
||||
.popover.alignx-right.aligny-center .popover-arrow-inner { left: -18px; top: 50%; margin-top: -9px; border-bottom-color: transparent; border-left-color: transparent; border-top-color: transparent; }
|
||||
|
||||
.popover.alignx-left.aligny-top .popover-arrow-inner,
|
||||
.popover.alignx-right.aligny-top .popover-arrow-inner,
|
||||
.popover.alignx-center.aligny-top .popover-arrow-inner { bottom: -16px; margin-left: -8px; }
|
||||
.popover.alignx-left.aligny-bottom .popover-arrow-inner,
|
||||
.popover.alignx-right.aligny-bottom .popover-arrow-inner,
|
||||
.popover.alignx-center.aligny-bottom .popover-arrow-inner { top: -16px; margin-left: -8px; }
|
||||
.popover.alignx-left.aligny-center .popover-arrow-inner { right: -16px; margin-top: -8px; }
|
||||
.popover.alignx-right.aligny-center .popover-arrow-inner { left: -16px; margin-top: -8px; }
|
||||
|
||||
.popover.alignx-left.aligny-bottom .popover-arrow,
|
||||
.popover.alignx-left.aligny-bottom .popover-arrow-inner,
|
||||
.popover.alignx-left.aligny-top .popover-arrow,
|
||||
.popover.alignx-left.aligny-top .popover-arrow-inner { left: 21px; }
|
||||
.popover.alignx-right.aligny-bottom .popover-arrow,
|
||||
.popover.alignx-right.aligny-top .popover-arrow { left: auto; right: 12px; }
|
||||
.popover.alignx-right.aligny-bottom .popover-arrow-inner,
|
||||
.popover.alignx-right.aligny-top .popover-arrow-inner { left: auto; right: 13px; }
|
|
@ -14,6 +14,8 @@
|
|||
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
|
||||
box-shadow: 0 0 5px rgba(0,0,0,.2);
|
||||
}
|
||||
|
||||
/* Arrow */
|
||||
.tooltip .tip-arrow {
|
||||
content: '';
|
||||
position: absolute;
|
||||
|
@ -23,11 +25,10 @@
|
|||
left: auto;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 6px solid transparent;
|
||||
border: 6px solid #222;
|
||||
}
|
||||
|
||||
/* Arrow */
|
||||
.tooltip.alignx-center.aligny-top .tip-arrow { left: 50%; bottom: -12px; margin-left: -6px; border-top-color: #222; }
|
||||
.tooltip.alignx-center.aligny-bottom .tip-arrow { left: 50%; top: -12px; margin-left: -6px; border-bottom-color: #222; }
|
||||
.tooltip.alignx-left.aligny-center .tip-arrow { right: -12px; top: 50%; margin-top: -6px; border-left-color: #222; }
|
||||
.tooltip.alignx-right.aligny-center .tip-arrow { left: -12px; top: 50%; margin-top: -6px; border-right-color: #222; }
|
||||
.tooltip.alignx-center.aligny-top .tip-arrow { left: 50%; bottom: -12px; margin-left: -6px; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; }
|
||||
.tooltip.alignx-center.aligny-bottom .tip-arrow { left: 50%; top: -12px; margin-left: -6px; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; }
|
||||
.tooltip.alignx-left.aligny-center .tip-arrow { right: -12px; top: 50%; margin-top: -6px; border-bottom-color: transparent; border-top-color: transparent; border-right-color: transparent; }
|
||||
.tooltip.alignx-right.aligny-center .tip-arrow { left: -12px; top: 50%; margin-top: -6px; border-bottom-color: transparent; border-left-color: transparent; border-top-color: transparent; }
|
|
@ -24,7 +24,7 @@ var ls = ls || {};
|
|||
// Toggle's text
|
||||
if (this.options.changeText) {
|
||||
var activeText = this.$target.find('li.active').text();
|
||||
activeText && this.$toggle.text(activeText);
|
||||
activeText && this.$toggle.find('[data-type=dropdown-text]').text(activeText);
|
||||
}
|
||||
|
||||
// Change dropdown's text on item click and add 'active' class to clicked item
|
||||
|
@ -53,16 +53,12 @@ var ls = ls || {};
|
|||
$.fn.dropdown.Constructor = Dropdown;
|
||||
|
||||
$.fn.dropdown.defaults = $.extend({} , $.fn.popup.defaults, {
|
||||
effect: 'show',
|
||||
duration: 0
|
||||
effect: 'slide',
|
||||
duration: 300
|
||||
});
|
||||
|
||||
$.fn.dropdown.settings = $.extend({} , $.fn.popup.settings, {
|
||||
toggleSelector: '[data-type=dropdown-toggle]',
|
||||
targetSelector: '[data-type=dropdown-target]'
|
||||
});
|
||||
|
||||
$(document).ready(function($) {
|
||||
$($.fn.dropdown.settings.toggleSelector).dropdown();
|
||||
});
|
||||
})(jQuery);
|
|
@ -20,6 +20,7 @@ var ls = ls || {};
|
|||
hooks : {
|
||||
onInitTarget: function () {
|
||||
if ( ! this.options.target ) {
|
||||
console.log(this.options.target);
|
||||
if ( ! this.options.title ) {
|
||||
this.options.title = this.$toggle.attr('title');
|
||||
this.$toggle.removeAttr('title');
|
||||
|
@ -49,7 +50,7 @@ var ls = ls || {};
|
|||
|
||||
$.fn.popover.defaults = $.extend({} , $.fn.popup.defaults, {
|
||||
template: '<div class="popover" data-type="popover-target">' +
|
||||
'<div class="tip-arrow"></div>' +
|
||||
'<div class="popover-arrow"></div><div class="popover-arrow-inner"></div>' +
|
||||
'<div class="popover-title" data-type="popover-title"></div>' +
|
||||
'<div class="popover-content" data-type="popover-content"></div>' +
|
||||
'</div>',
|
||||
|
|
|
@ -24,7 +24,7 @@ var ls = ls || {};
|
|||
};
|
||||
|
||||
/**
|
||||
* Hide all dropdowns
|
||||
* Hide all popups
|
||||
*/
|
||||
Popup.hideAll = function (type) {
|
||||
$($.fn[type].settings.toggleSelector + '.' + $.fn[type].settings.openClass).each(function () {
|
||||
|
@ -37,9 +37,9 @@ var ls = ls || {};
|
|||
*/
|
||||
Popup.initPlugin = function (type, elements, options, variable, value) {
|
||||
var returnValue = false;
|
||||
|
||||
|
||||
// Hide when click anywhere but target
|
||||
$('body').on('click', function (e) {
|
||||
$('body').off('click.' + type).on('click.' + type, function (e) {
|
||||
var el = $($.fn[type].settings.toggleSelector + ', ' + $.fn[type].settings.targetSelector);
|
||||
|
||||
if (el.length && ! el.is(e.target) && el.has(e.target).length === 0) {
|
||||
|
@ -54,6 +54,22 @@ var ls = ls || {};
|
|||
});
|
||||
});
|
||||
|
||||
// Events
|
||||
if (typeof options !== 'string') options = $.extend({}, $.fn[type].defaults, options);
|
||||
|
||||
if (options.selector) {
|
||||
$(elements).on(options.event + '.' + type, options.selector, function (e) {
|
||||
! $(this).data('object') && Popup.initPluginElements(type, $(this), options, variable, value);
|
||||
$(this).data('object').toggle(e);
|
||||
});
|
||||
} else {
|
||||
Popup.initPluginElements(type, elements, options, variable, value);
|
||||
}
|
||||
|
||||
return returnValue;
|
||||
};
|
||||
|
||||
Popup.initPluginElements = function (type, elements, options, variable, value) {
|
||||
elements.each(function () {
|
||||
var element = $(this),
|
||||
object = element.data('object');
|
||||
|
@ -70,9 +86,7 @@ var ls = ls || {};
|
|||
}
|
||||
}
|
||||
});
|
||||
|
||||
return returnValue;
|
||||
};
|
||||
}
|
||||
|
||||
Popup.prototype = {
|
||||
constructor: Popup,
|
||||
|
@ -95,6 +109,7 @@ var ls = ls || {};
|
|||
this.type = type;
|
||||
this.timeout = false;
|
||||
this.open = false;
|
||||
this.state = 'out';
|
||||
|
||||
this.togglePosition = {};
|
||||
this.targetPosition = {};
|
||||
|
@ -106,10 +121,13 @@ var ls = ls || {};
|
|||
this.$toggle = $(toggle);
|
||||
|
||||
// Events
|
||||
this.$toggle.on(this.options.event + '.' + this.type, this.options.selector, $.proxy(this.toggle, this));
|
||||
! this.options.selector && this.$toggle.on(this.options.event + '.' + this.type, $.proxy(this.toggle, this));
|
||||
|
||||
// Init target
|
||||
! this.options.template && this.initTarget(this);
|
||||
|
||||
// onInit callback
|
||||
typeof this.options.onInit === 'function' && $.proxy(this.options.onInit, this)();
|
||||
},
|
||||
|
||||
/**
|
||||
|
@ -132,10 +150,10 @@ var ls = ls || {};
|
|||
this.options.content && this.setContent(this.options.content);
|
||||
|
||||
// Add classes
|
||||
this.options.class && this.$target.addClass(this.options.class);
|
||||
this.options.classes && this.$target.addClass(this.options.classes);
|
||||
|
||||
// Hide
|
||||
this.$target.find('[data-type=dropdown-hide]').on('click', this.hide);
|
||||
this.$target.find('[data-type=' + this.type + '-hide]').on('click', this.hide);
|
||||
|
||||
// Hook
|
||||
if (this.hooks.onInitTarget) $.proxy(this.hooks.onInitTarget, this)();
|
||||
|
@ -147,10 +165,15 @@ var ls = ls || {};
|
|||
enter: function () {
|
||||
var self = this;
|
||||
|
||||
if ( ! this.options.delay ) {
|
||||
this.state = 'in';
|
||||
|
||||
if ( ! this.options.delay || this.open) {
|
||||
this.show();
|
||||
} else {
|
||||
this.timeout = setTimeout(function() { self.show(); }, this.options.delay);
|
||||
this.timeout = setTimeout(function() {
|
||||
self.show();
|
||||
self.timeout = false;
|
||||
}, this.options.delay);
|
||||
}
|
||||
},
|
||||
|
||||
|
@ -158,40 +181,40 @@ var ls = ls || {};
|
|||
* Mouse leave
|
||||
*/
|
||||
leave: function () {
|
||||
if ( ! this.options.delay ) {
|
||||
this.state = 'out';
|
||||
|
||||
if ( ! this.options.delay || ! this.timeout ) {
|
||||
this.hide();
|
||||
} else {
|
||||
this.open && this.hide();
|
||||
clearTimeout(this.timeout);
|
||||
this.timeout = false;
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Toggle dropdown
|
||||
* Toggle popup
|
||||
*/
|
||||
toggle: function (e) {
|
||||
if ( ! this.options.delay) {
|
||||
! this.open ? this.enter() : this.leave();
|
||||
} else {
|
||||
this.open || (this.timeout && ! this.open) ? this.leave() : this.enter();
|
||||
}
|
||||
(this.options.event == 'hover' && this.state === 'in') || (this.options.event != 'hover' && this.open) ? this.leave() : this.enter();
|
||||
this.options.preventDefault && e.preventDefault();
|
||||
},
|
||||
|
||||
/**
|
||||
* Show dropdown
|
||||
* Show popup
|
||||
*/
|
||||
show: function () {
|
||||
var self = this;
|
||||
Popup.hideAll(this.type);
|
||||
|
||||
if (this.options.template && ! this.open) this.initTarget();
|
||||
|
||||
this.$toggle.addClass($.fn[this.type].settings.openClass);
|
||||
|
||||
this.$target.stop(true, true)[this.options.effect == 'show' ? 'show' : (this.options.effect == 'fade' ? 'fadeIn' : 'slideDown')](this.options.duration);
|
||||
|
||||
typeof this.options.onShow === 'function' && $.proxy(this.options.onShow, this)();
|
||||
|
||||
this.options.template && this.initTarget();
|
||||
Popup.hideAll(this.type);
|
||||
this.position();
|
||||
this.$toggle.addClass($.fn[this.type].settings.openClass);
|
||||
this.$target[this.options.effect == 'show' ? 'show' : (this.options.effect == 'fade' ? 'fadeIn' : 'slideDown')](this.options.duration);
|
||||
this.open = true;
|
||||
|
||||
// Ajax
|
||||
|
@ -219,21 +242,27 @@ var ls = ls || {};
|
|||
},
|
||||
|
||||
/**
|
||||
* Hide dropdown
|
||||
* Hide popup
|
||||
*/
|
||||
hide: function () {
|
||||
var self = this;
|
||||
var self = this,
|
||||
duration = this.options.duration;
|
||||
|
||||
if ( ! this.open ) return;
|
||||
|
||||
typeof this.options.onHide === 'function' && $.proxy(this.options.onHide, this)();
|
||||
|
||||
this.$toggle.removeClass($.fn[this.type].settings.openClass);
|
||||
this.$target[this.options.effect == 'show' ? 'hide' : (this.options.effect == 'fade' ? 'fadeOut' : 'slideUp')](this.options.duration, function () {
|
||||
if (self.options.template && ! self.options.target) {
|
||||
|
||||
this.$target.is(':animated') && (duration = 0);
|
||||
|
||||
this.$target.stop(true, true)[this.options.effect == 'show' ? 'hide' : (this.options.effect == 'fade' ? 'fadeOut' : 'slideUp')](duration, function () {
|
||||
if (self.options.template && ! self.options.target && self.state === 'out') {
|
||||
self.$target.remove();
|
||||
self.$target = false;
|
||||
}
|
||||
self.open = false;
|
||||
});
|
||||
this.open = false;
|
||||
},
|
||||
|
||||
/**
|
||||
|
@ -333,7 +362,7 @@ var ls = ls || {};
|
|||
|
||||
url : false,
|
||||
params : {},
|
||||
class : false,
|
||||
classes : false,
|
||||
title : false,
|
||||
content : false,
|
||||
template : false,
|
||||
|
@ -341,6 +370,7 @@ var ls = ls || {};
|
|||
|
||||
onShow : false,
|
||||
onHide : false,
|
||||
onInit : false,
|
||||
preventDefault : true
|
||||
};
|
||||
|
||||
|
|
|
@ -55,6 +55,6 @@ var ls = ls || {};
|
|||
});
|
||||
|
||||
$(document).ready(function($) {
|
||||
$($.fn.tooltip.settings.toggleSelector).tooltip();
|
||||
//$($.fn.tooltip.settings.toggleSelector).tooltip();
|
||||
});
|
||||
})(jQuery);
|
|
@ -14,8 +14,8 @@
|
|||
</ul>
|
||||
|
||||
|
||||
<div
|
||||
class="dropdown dropdown-toggle js-block-stream-dropdown"
|
||||
<div
|
||||
class="dropdown dropdown-toggle js-block-stream-dropdown js-dropdown-default"
|
||||
data-type="dropdown-toggle"
|
||||
data-option-target="js-dropdown-stream"
|
||||
data-option-change-text="true"
|
||||
|
|
|
@ -42,7 +42,7 @@
|
|||
</a>
|
||||
|
||||
<p>
|
||||
<a href="#" data-type="popover-toggle" data-option-url="{router page='ajax'}infobox/info/blog/" data-param-i-blog-id="{$oBlog->getId()}" class="icon-question-sign js-popover-blog-info"></a>
|
||||
<a href="#" data-type="popover-toggle" data-option-url="{router page='ajax'}infobox/info/blog/" data-param-i-blog-id="{$oBlog->getId()}" class="icon-question-sign js-popover-default"></a>
|
||||
|
||||
{if $oBlog->getType() == 'close'}
|
||||
<i title="{$aLang.blog_closed}" class="icon-lock"></i>
|
||||
|
|
|
@ -1,32 +0,0 @@
|
|||
/* --------------------------------------------
|
||||
ВСПЛЫВАЮЩИЕ ПОДСКАЗКИ
|
||||
-------------------------------------------- */
|
||||
|
||||
.infobox {
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 10000;
|
||||
text-align: left;
|
||||
padding: 15px;
|
||||
min-width: 50px;
|
||||
max-width: 300px;
|
||||
color: #fff;
|
||||
background: rgba(0,0,0,.8);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.infobox .tip-arrow { position: absolute; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: rgba(0,0,0,.8); }
|
||||
.infobox .tip-arrow.tip-arrow-top { top: -12px; left: 15px; border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; }
|
||||
.infobox .tip-arrow.tip-arrow-bottom { bottom: -12px; left: 15px; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; }
|
||||
.infobox .tip-arrow.tip-arrow-right { top: 50%; margin-top: -6px; right: -12px; border-bottom-color: transparent !important; border-top-color: transparent !important; border-right-color: transparent !important; }
|
||||
.infobox .tip-arrow.tip-arrow-left { top: 50%; margin-top: -6px; left: -12px; border-bottom-color: transparent !important; border-top-color: transparent !important; border-left-color: transparent !important; }
|
||||
|
||||
.infobox a { color: #B4B8ED; }
|
||||
.infobox a:hover { color: #999DDB; }
|
||||
|
||||
|
||||
/* Default Tip */
|
||||
.infobox.infobox-standart { background: rgba(0,0,0,.8); }
|
||||
.infobox.infobox-standart .tip-arrow { border-color: rgba(0,0,0,.8); }
|
12
templates/skin/developer/dropdown.timespan.tpl
Normal file
|
@ -0,0 +1,12 @@
|
|||
{if $sPeriodSelectCurrent}
|
||||
<div class="dropdown dropdown-toggle js-dropdown-default" data-type="dropdown-toggle" data-option-target="js-dropdown-date" data-option-change-text="true">
|
||||
<span data-type="dropdown-text"></span>
|
||||
</div>
|
||||
|
||||
<ul class="dropdown-menu" id="js-dropdown-date" data-type="dropdown-target">
|
||||
<li {if $sPeriodSelectCurrent=='1'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=1">{$aLang.blog_menu_top_period_24h}</a></li>
|
||||
<li {if $sPeriodSelectCurrent=='7'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=7">{$aLang.blog_menu_top_period_7d}</a></li>
|
||||
<li {if $sPeriodSelectCurrent=='30'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=30">{$aLang.blog_menu_top_period_30d}</a></li>
|
||||
<li {if $sPeriodSelectCurrent=='all'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=all">{$aLang.blog_menu_top_period_all}</a></li>
|
||||
</ul>
|
||||
{/if}
|
|
@ -4,7 +4,7 @@
|
|||
<ul class="nav nav-userbar">
|
||||
{if $oUserCurrent}
|
||||
<li class="nav-userbar-username">
|
||||
<a href="{$oUserCurrent->getUserWebPath()}" class="dropdown-toggle" data-type="dropdown-toggle" data-option-offset-y="2" data-option-target="js-dropdown-usermenu" onclick="return false">
|
||||
<a href="{$oUserCurrent->getUserWebPath()}" class="dropdown-toggle js-dropdown-default" data-type="dropdown-toggle" data-option-offset-y="2" data-option-target="js-dropdown-usermenu" onclick="return false">
|
||||
<img src="{$oUserCurrent->getProfileAvatarPath(24)}" alt="avatar" class="avatar" />
|
||||
{$oUserCurrent->getLogin()}
|
||||
</a>
|
||||
|
|
|
@ -5,12 +5,14 @@
|
|||
{$aLang.infobox_blog_limit_rating} — {$oBlog->getLimitRatingTopic()}<br/>
|
||||
|
||||
{if $oTopicLast}
|
||||
<br/>
|
||||
<br />
|
||||
{$aLang.infobox_blog_topic_last}:<br/>
|
||||
<a href="{$oTopicLast->getUrl()}">{$oTopicLast->getTitle()|escape:'html'}</a>
|
||||
|
||||
<br />
|
||||
{/if}
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
<br />
|
||||
|
||||
<a href="{$oBlog->getUrlFull()}">{$aLang.infobox_blog_url}</a><br/>
|
||||
<a href="{router page='rss'}blog/{$oBlog->getUrl()}/">{$aLang.infobox_blog_rss}</a><br/>
|
|
@ -2,6 +2,7 @@ jQuery(document).ready(function($){
|
|||
// Хук начала инициализации javascript-составляющих шаблона
|
||||
ls.hook.run('ls_template_init_start',[],window);
|
||||
|
||||
|
||||
$('html').removeClass('no-js');
|
||||
|
||||
// Определение браузера
|
||||
|
@ -21,7 +22,116 @@ jQuery(document).ready(function($){
|
|||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Popovers
|
||||
*/
|
||||
$(document).popover({ selector: '.js-popover-default' });
|
||||
|
||||
|
||||
/**
|
||||
* Modals
|
||||
*/
|
||||
$('.js-modal-default').modal();
|
||||
|
||||
|
||||
/**
|
||||
* Datepicker
|
||||
*/
|
||||
$('.date-picker').datepicker();
|
||||
|
||||
|
||||
/**
|
||||
* Dropdowns
|
||||
*/
|
||||
$('.js-dropdown-default').dropdown();
|
||||
|
||||
|
||||
/**
|
||||
* Tooltips
|
||||
*/
|
||||
$('.js-tooltip').tooltip();
|
||||
|
||||
$('.js-title-talk').tooltip({
|
||||
alignX: 'left',
|
||||
alignY: 'center'
|
||||
});
|
||||
|
||||
$('.js-tip-help').tooltip({
|
||||
alignX: 'right',
|
||||
alignY: 'center'
|
||||
});
|
||||
|
||||
if (ls.registry.get('block_stream_show_tip')) {
|
||||
$(document).tooltip({
|
||||
selector: '.js-title-comment, .js-title-topic',
|
||||
alignX: 'left',
|
||||
alignY: 'center',
|
||||
delay: 1500
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Autocomplete
|
||||
*/
|
||||
ls.autocomplete.add($(".autocomplete-tags-sep"), aRouter['ajax']+'autocompleter/tag/', true);
|
||||
ls.autocomplete.add($(".autocomplete-tags"), aRouter['ajax']+'autocompleter/tag/', false);
|
||||
ls.autocomplete.add($(".autocomplete-users-sep"), aRouter['ajax']+'autocompleter/user/', true);
|
||||
ls.autocomplete.add($(".autocomplete-users"), aRouter['ajax']+'autocompleter/user/', false);
|
||||
|
||||
|
||||
/**
|
||||
* Scroll
|
||||
*/
|
||||
$(window)._scrollable();
|
||||
|
||||
|
||||
/**
|
||||
* Toolbar
|
||||
*/
|
||||
ls.toolbar.topic.init(); // Тул-бар топиков
|
||||
ls.toolbar.up.init(); // Кнопка "UP"
|
||||
|
||||
|
||||
/**
|
||||
* Code highlight
|
||||
*/
|
||||
prettyPrint();
|
||||
|
||||
|
||||
/**
|
||||
* Blocks
|
||||
*/
|
||||
ls.blocks.init('stream',{group_items: true, group_min: 3});
|
||||
ls.blocks.init('blogs');
|
||||
ls.blocks.initSwitch('tags');
|
||||
ls.blocks.initSwitch('upload-img');
|
||||
ls.blocks.initSwitch('favourite-topic-tags');
|
||||
ls.blocks.initSwitch('popup-login');
|
||||
|
||||
|
||||
/**
|
||||
* Misc
|
||||
*/
|
||||
|
||||
// Фикс бага с z-index у встроенных видео
|
||||
$("iframe").each(function(){
|
||||
var ifr_source = $(this).attr('src');
|
||||
|
||||
if(ifr_source) {
|
||||
var wmode = "wmode=opaque";
|
||||
|
||||
if (ifr_source.indexOf('?') != -1)
|
||||
$(this).attr('src',ifr_source+'&'+wmode);
|
||||
else
|
||||
$(this).attr('src',ifr_source+'?'+wmode);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
/**
|
||||
* Auth modal
|
||||
*/
|
||||
$('.js-registration-form-show').click(function(){
|
||||
if ($('[data-option-target=tab-pane-registration]').length) {
|
||||
$('#modal-login').modal('option', 'onShow', function () { $('[data-option-target=tab-pane-registration]').tab('activate') });
|
||||
|
@ -42,83 +152,18 @@ jQuery(document).ready(function($){
|
|||
return false;
|
||||
});
|
||||
|
||||
// Datepicker
|
||||
$('.date-picker').datepicker();
|
||||
|
||||
$('.js-popover-blog-info').popover();
|
||||
|
||||
// Поиск по тегам
|
||||
$('.js-tag-search-form').submit(function(){
|
||||
window.location = aRouter['tag']+encodeURIComponent($(this).find('.js-tag-search').val())+'/';
|
||||
var val=$(this).find('.js-tag-search').val();
|
||||
if (val) {
|
||||
window.location = aRouter['tag']+encodeURIComponent(val)+'/';
|
||||
}
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
// Автокомплит
|
||||
ls.autocomplete.add($(".autocomplete-tags-sep"), aRouter['ajax']+'autocompleter/tag/', true);
|
||||
ls.autocomplete.add($(".autocomplete-tags"), aRouter['ajax']+'autocompleter/tag/', false);
|
||||
ls.autocomplete.add($(".autocomplete-users-sep"), aRouter['ajax']+'autocompleter/user/', true);
|
||||
ls.autocomplete.add($(".autocomplete-users"), aRouter['ajax']+'autocompleter/user/', false);
|
||||
|
||||
|
||||
// Скролл
|
||||
$(window)._scrollable();
|
||||
|
||||
|
||||
// Тул-бар топиков
|
||||
ls.toolbar.topic.init();
|
||||
// Кнопка "UP"
|
||||
ls.toolbar.up.init();
|
||||
|
||||
|
||||
/**
|
||||
* Modals
|
||||
*/
|
||||
$('.js-modal-default').modal();
|
||||
|
||||
|
||||
/**
|
||||
* Tooltips
|
||||
*/
|
||||
$('.js-tooltip').tooltip();
|
||||
|
||||
$('.js-title-talk').tooltip({
|
||||
alignX: 'left',
|
||||
alignY: 'center'
|
||||
});
|
||||
|
||||
$('.js-tip-help').tooltip({
|
||||
alignX: 'right',
|
||||
alignY: 'center'
|
||||
});
|
||||
|
||||
if (ls.registry.get('block_stream_show_tip')) {
|
||||
$('.js-title-comment, .js-title-topic').tooltip({
|
||||
alignX: 'left',
|
||||
alignY: 'center'
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// подсветка кода
|
||||
prettyPrint();
|
||||
|
||||
// эмуляция border-sizing в IE
|
||||
var inputs = $('input.input-text, textarea');
|
||||
ls.ie.bordersizing(inputs);
|
||||
|
||||
// эмуляция placeholder'ов в IE
|
||||
inputs.placeholder();
|
||||
|
||||
// инизиализация блоков
|
||||
ls.blocks.init('stream',{group_items: true, group_min: 3});
|
||||
ls.blocks.init('blogs');
|
||||
ls.blocks.initSwitch('tags');
|
||||
ls.blocks.initSwitch('upload-img');
|
||||
ls.blocks.initSwitch('favourite-topic-tags');
|
||||
ls.blocks.initSwitch('popup-login');
|
||||
|
||||
// комментарии
|
||||
ls.comments.options.folding = false;
|
||||
|
@ -184,22 +229,18 @@ jQuery(document).ready(function($){
|
|||
$.markItUp({target: target, replaceWith: s});
|
||||
return false;
|
||||
});
|
||||
|
||||
/**
|
||||
* IE
|
||||
* TODO: Check browser
|
||||
*/
|
||||
|
||||
// эмуляция border-sizing в IE
|
||||
var inputs = $('input.input-text, textarea');
|
||||
ls.ie.bordersizing(inputs);
|
||||
|
||||
|
||||
// Фикс бага с z-index у встроенных видео
|
||||
$("iframe").each(function(){
|
||||
var ifr_source = $(this).attr('src');
|
||||
|
||||
if(ifr_source) {
|
||||
var wmode = "wmode=opaque";
|
||||
|
||||
if (ifr_source.indexOf('?') != -1)
|
||||
$(this).attr('src',ifr_source+'&'+wmode);
|
||||
else
|
||||
$(this).attr('src',ifr_source+'?'+wmode);
|
||||
}
|
||||
});
|
||||
|
||||
// эмуляция placeholder'ов в IE
|
||||
inputs.placeholder();
|
||||
|
||||
// Хук конца инициализации javascript-составляющих шаблона
|
||||
ls.hook.run('ls_template_init_end',[],window);
|
||||
|
|
|
@ -61,13 +61,4 @@
|
|||
</ul>
|
||||
{/if}
|
||||
|
||||
{if $sPeriodSelectCurrent}
|
||||
<div class="dropdown dropdown-toggle" data-type="dropdown-toggle" data-option-target="js-dropdown-date" data-option-change-text="true"></div>
|
||||
|
||||
<ul class="dropdown-menu" id="js-dropdown-date" data-type="dropdown-target">
|
||||
<li {if $sPeriodSelectCurrent=='1'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=1">{$aLang.blog_menu_top_period_24h}</a></li>
|
||||
<li {if $sPeriodSelectCurrent=='7'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=7">{$aLang.blog_menu_top_period_7d}</a></li>
|
||||
<li {if $sPeriodSelectCurrent=='30'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=30">{$aLang.blog_menu_top_period_30d}</a></li>
|
||||
<li {if $sPeriodSelectCurrent=='all'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=all">{$aLang.blog_menu_top_period_all}</a></li>
|
||||
</ul>
|
||||
{/if}
|
||||
{include file='dropdown.timespan.tpl'}
|
|
@ -7,14 +7,5 @@
|
|||
{hook run='menu_blog_blog_item'}
|
||||
</ul>
|
||||
|
||||
{if $sPeriodSelectCurrent}
|
||||
<div class="dropdown dropdown-toggle" data-type="dropdown-toggle" data-option-target="js-dropdown-date" data-option-change-text="true"></div>
|
||||
|
||||
<ul class="dropdown-menu" id="js-dropdown-date" data-type="dropdown-target">
|
||||
<li {if $sPeriodSelectCurrent=='1'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=1">{$aLang.blog_menu_top_period_24h}</a></li>
|
||||
<li {if $sPeriodSelectCurrent=='7'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=7">{$aLang.blog_menu_top_period_7d}</a></li>
|
||||
<li {if $sPeriodSelectCurrent=='30'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=30">{$aLang.blog_menu_top_period_30d}</a></li>
|
||||
<li {if $sPeriodSelectCurrent=='all'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=all">{$aLang.blog_menu_top_period_all}</a></li>
|
||||
</ul>
|
||||
{/if}
|
||||
{include file='dropdown.timespan.tpl'}
|
||||
</div>
|
|
@ -1,7 +1,7 @@
|
|||
<h2 class="page-header page-header-publish">
|
||||
{$aLang.block_create}
|
||||
|
||||
<a href="#" class="dropdown-toggle" data-type="dropdown-toggle" data-option-target="js-dropdown-publish">
|
||||
<a href="#" class="dropdown-toggle js-dropdown-default" data-type="dropdown-toggle" data-option-target="js-dropdown-publish">
|
||||
{if $sMenuItemSelect=='topic'}
|
||||
{$aLang.topic_menu_add}
|
||||
{elseif $sMenuItemSelect=='blog'}
|
||||
|
|
|
@ -5,8 +5,9 @@ $config = array();
|
|||
$config['view']['theme'] = 'default';
|
||||
|
||||
|
||||
/* Grid type:
|
||||
*
|
||||
/**
|
||||
* Grid type:
|
||||
*
|
||||
* fluid - резина
|
||||
* fixed - фиксированная ширина
|
||||
*/
|
||||
|
@ -19,80 +20,10 @@ $config['view']['grid']['fluid_max_width'] = 1400;
|
|||
/* Fixed settings */
|
||||
$config['view']['grid']['fixed_width'] = 1000;
|
||||
|
||||
|
||||
|
||||
$config['path']['static']['framework'] = "___path.root.server___/templates/framework";
|
||||
|
||||
$config['head']['default']['js'] = array(
|
||||
/* Vendor libs */
|
||||
"___path.static.framework___/js/vendor/html5shiv.js" => array('browser'=>'lt IE 9'),
|
||||
"___path.static.framework___/js/vendor/jquery.js",
|
||||
//"___path.static.framework___/js/vendor/jquery-1.9.1.min.js",
|
||||
"___path.static.framework___/js/vendor/jquery-ui/js/jquery-ui-1.10.2.custom.min.js",
|
||||
"___path.static.framework___/js/vendor/jquery-ui/js/localization/jquery-ui-datepicker-ru.js",
|
||||
"___path.static.framework___/js/vendor/jquery.notifier.js",
|
||||
"___path.static.framework___/js/vendor/jquery.scrollto.js",
|
||||
"___path.static.framework___/js/vendor/jquery.rich-array.min.js",
|
||||
"___path.static.framework___/js/vendor/jquery.form.js",
|
||||
"___path.static.framework___/js/vendor/jquery.jqplugin.js",
|
||||
"___path.static.framework___/js/vendor/jquery.cookie.js",
|
||||
"___path.static.framework___/js/vendor/jquery.serializejson.js",
|
||||
"___path.static.framework___/js/vendor/jquery.file.js",
|
||||
"___path.static.framework___/js/vendor/jcrop/jquery.Jcrop.js",
|
||||
"___path.static.framework___/js/vendor/jquery.placeholder.min.js",
|
||||
"___path.static.framework___/js/vendor/jquery.charcount.js",
|
||||
"___path.static.framework___/js/vendor/poshytip/jquery.poshytip.js",
|
||||
"___path.static.framework___/js/vendor/markitup/jquery.markitup.js",
|
||||
"___path.static.framework___/js/vendor/prettify/prettify.js",
|
||||
|
||||
/* Core */
|
||||
"___path.static.framework___/js/core/main.js",
|
||||
"___path.static.framework___/js/core/hook.js",
|
||||
|
||||
/* User Interface */
|
||||
"___path.static.framework___/js/ui/popup.js",
|
||||
"___path.static.framework___/js/ui/dropdown.js",
|
||||
"___path.static.framework___/js/ui/tooltip.js",
|
||||
"___path.static.framework___/js/ui/popover.js",
|
||||
"___path.static.framework___/js/ui/tab.js",
|
||||
"___path.static.framework___/js/ui/modal.js",
|
||||
|
||||
/* LiveStreet */
|
||||
"___path.static.framework___/js/livestreet/favourite.js",
|
||||
"___path.static.framework___/js/livestreet/blocks.js",
|
||||
"___path.static.framework___/js/livestreet/talk.js",
|
||||
"___path.static.framework___/js/livestreet/vote.js",
|
||||
"___path.static.framework___/js/livestreet/poll.js",
|
||||
"___path.static.framework___/js/livestreet/subscribe.js",
|
||||
"___path.static.framework___/js/livestreet/geo.js",
|
||||
"___path.static.framework___/js/livestreet/wall.js",
|
||||
"___path.static.framework___/js/livestreet/usernote.js",
|
||||
"___path.static.framework___/js/livestreet/comments.js",
|
||||
"___path.static.framework___/js/livestreet/blog.js",
|
||||
"___path.static.framework___/js/livestreet/user.js",
|
||||
"___path.static.framework___/js/livestreet/userfeed.js",
|
||||
"___path.static.framework___/js/livestreet/userfield.js",
|
||||
"___path.static.framework___/js/livestreet/stream.js",
|
||||
"___path.static.framework___/js/livestreet/photoset.js",
|
||||
"___path.static.framework___/js/livestreet/toolbar.js",
|
||||
"___path.static.framework___/js/livestreet/settings.js",
|
||||
"___path.static.framework___/js/livestreet/topic.js",
|
||||
);
|
||||
$config['head']['default']['js'] = Config::Get('head.default.js');
|
||||
$config['head']['default']['js'][] = '___path.static.skin___/js/template.js';
|
||||
|
||||
$config['head']['default']['css'] = array(
|
||||
// Framework styles
|
||||
"___path.static.framework___/css/reset.css",
|
||||
"___path.static.framework___/css/helpers.css",
|
||||
"___path.static.framework___/css/text.css",
|
||||
"___path.static.framework___/css/dropdowns.css",
|
||||
"___path.static.framework___/css/buttons.css",
|
||||
"___path.static.framework___/css/forms.css",
|
||||
"___path.static.framework___/css/navs.css",
|
||||
"___path.static.framework___/css/modals.css",
|
||||
"___path.static.framework___/css/tooltip.css",
|
||||
"___path.static.framework___/css/popover.css",
|
||||
|
||||
$config['head']['default']['css'] = array_merge(Config::Get('head.default.css'), array(
|
||||
// Template styles
|
||||
"___path.static.skin___/css/base.css",
|
||||
"___path.static.framework___/js/vendor/jquery-ui/css/smoothness/jquery-ui-1.10.2.custom.css",
|
||||
|
@ -100,7 +31,6 @@ $config['head']['default']['css'] = array(
|
|||
"___path.static.framework___/js/vendor/markitup/sets/default/style.css",
|
||||
"___path.static.framework___/js/vendor/jcrop/jquery.Jcrop.css",
|
||||
"___path.static.framework___/js/vendor/prettify/prettify.css",
|
||||
"___path.static.framework___/js/vendor/poshytip/tip-yellow/tip-yellow.css",
|
||||
"___path.static.skin___/css/grid.css",
|
||||
"___path.static.skin___/css/common.css",
|
||||
"___path.static.skin___/css/icons.css",
|
||||
|
@ -117,7 +47,7 @@ $config['head']['default']['css'] = array(
|
|||
"___path.static.skin___/css/jquery.notifier.css",
|
||||
"___path.static.skin___/themes/___view.theme___/style.css",
|
||||
"___path.static.skin___/css/print.css",
|
||||
);
|
||||
));
|
||||
|
||||
|
||||
return $config;
|
||||
|
|
|
@ -32,10 +32,14 @@
|
|||
</ul>
|
||||
|
||||
|
||||
<div class="topic-share" id="topic_share_{$oTopic->getId()}">
|
||||
{hookb run="topic_share" topic=$oTopic bTopicList=$bTopicList}
|
||||
<div class="yashare-auto-init" data-yashareTitle="{$oTopic->getTitle()|escape:'html'}" data-yashareLink="{$oTopic->getUrl()}" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,gplus"></div>
|
||||
{/hookb}
|
||||
{* Share block *}
|
||||
<div class="popover" data-type="popover-target" id="topic_share_{$oTopic->getId()}">
|
||||
<div class="popover-arrow"></div><div class="popover-arrow-inner"></div>
|
||||
<div class="popover-content" data-type="popover-content">
|
||||
{hookb run="topic_share" topic=$oTopic bTopicList=$bTopicList}
|
||||
<div class="yashare-auto-init" data-yashareTitle="{$oTopic->getTitle()|escape:'html'}" data-yashareLink="{$oTopic->getUrl()}" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,gplus"></div>
|
||||
{/hookb}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
@ -63,7 +67,7 @@
|
|||
{/if}
|
||||
<div class="vote-up" onclick="return ls.vote.vote({$oTopic->getId()},this,1,'topic');"></div>
|
||||
<div
|
||||
class="vote-count {if $bVoteInfoShow}js-infobox-vote-topic{/if}"
|
||||
class="vote-count {if $bVoteInfoShow}js-tooltip{/if}"
|
||||
id="vote_total_topic_{$oTopic->getId()}"
|
||||
data-type="tooltip-toggle"
|
||||
data-option-target="vote-info-topic-{$oTopic->getId()}">
|
||||
|
@ -97,7 +101,7 @@
|
|||
<div onclick="return ls.favourite.toggle({$oTopic->getId()},this,'topic');" class="favourite {if $oUserCurrent && $oTopic->getIsFavourite()}active{/if}"></div>
|
||||
<span class="favourite-count" id="fav_count_topic_{$oTopic->getId()}">{$oTopic->getCountFavourite()}</span>
|
||||
</li>
|
||||
<li class="topic-info-share"><a href="#" class="icon-share" title="{$aLang.topic_share}" onclick="jQuery('#topic_share_{$oTopic->getId()}').slideToggle(); return false;"></a></li>
|
||||
<li class="topic-info-share"><a href="#" class="icon-share js-popover-default" title="{$aLang.topic_share}" data-type="popover-toggle" data-option-target="topic_share_{$oTopic->getId()}"></a></li>
|
||||
|
||||
{if $bTopicList}
|
||||
<li class="topic-info-comments">
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
{include file='header.tpl'}
|
||||
{include file='modals/modal_userfields.tpl'}
|
||||
{include file='modals/modal.userfields.tpl'}
|
||||
|
||||
|
||||
<h2 class="page-header">{$aLang.user_field_admin_title}</h2>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
{include file='header.tpl'}
|
||||
{include file='modals/modal_blog_delete.tpl'}
|
||||
{include file='modals/modal.blog_delete.tpl'}
|
||||
|
||||
{assign var="oUserOwner" value=$oBlog->getOwner()}
|
||||
{assign var="oVote" value=$oBlog->getVote()}
|
||||
|
@ -118,7 +118,7 @@
|
|||
<li>
|
||||
<a href="{router page='blog'}edit/{$oBlog->getId()}/" title="{$aLang.blog_edit}" class="edit">{$aLang.blog_edit}</a></li>
|
||||
{if $oUserCurrent->isAdministrator()}
|
||||
<li><a href="#" title="{$aLang.blog_delete}" data-type="modal-toggle" data-modal-target="modal-blog-delete" class="delete">{$aLang.blog_delete}</a>
|
||||
<li><a href="#" title="{$aLang.blog_delete}" data-type="modal-toggle" data-option-target="modal-blog-delete" class="delete">{$aLang.blog_delete}</a>
|
||||
{else}
|
||||
<a href="{router page='blog'}delete/{$oBlog->getId()}/?security_ls_key={$LIVESTREET_SECURITY_KEY}" title="{$aLang.blog_delete}" onclick="return confirm('{$aLang.blog_admin_delete_confirm}');" >{$aLang.blog_delete}</a>
|
||||
{/if}
|
||||
|
@ -144,26 +144,8 @@
|
|||
|
||||
{hook run='blog_info' oBlog=$oBlog}
|
||||
|
||||
<div class="nav-menu-wrapper">
|
||||
<ul class="nav nav-pills">
|
||||
<li {if $sMenuSubItemSelect=='good'}class="active"{/if}><a href="{$sMenuSubBlogUrl}">{$aLang.blog_menu_collective_good}</a></li>
|
||||
<li {if $sMenuSubItemSelect=='new'}class="active"{/if}><a href="{$sMenuSubBlogUrl}newall/">{$aLang.blog_menu_collective_new}</a>{if $iCountTopicsBlogNew>0} <a href="{$sMenuSubBlogUrl}new/" class="new">+{$iCountTopicsBlogNew}</a>{/if}</li>
|
||||
<li {if $sMenuSubItemSelect=='discussed'}class="active"{/if}><a href="{$sMenuSubBlogUrl}discussed/">{$aLang.blog_menu_collective_discussed}</a></li>
|
||||
<li {if $sMenuSubItemSelect=='top'}class="active"{/if}><a href="{$sMenuSubBlogUrl}top/">{$aLang.blog_menu_collective_top}</a></li>
|
||||
{hook run='menu_blog_blog_item'}
|
||||
</ul>
|
||||
|
||||
{if $sPeriodSelectCurrent}
|
||||
<ul class="nav nav-pills nav-pills-dropdown">
|
||||
<li {if $sPeriodSelectCurrent=='1'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=1">{$aLang.blog_menu_top_period_24h}</a></li>
|
||||
<li {if $sPeriodSelectCurrent=='7'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=7">{$aLang.blog_menu_top_period_7d}</a></li>
|
||||
<li {if $sPeriodSelectCurrent=='30'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=30">{$aLang.blog_menu_top_period_30d}</a></li>
|
||||
<li {if $sPeriodSelectCurrent=='all'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=all">{$aLang.blog_menu_top_period_all}</a></li>
|
||||
</ul>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
|
||||
{include file='menu.blog_single.tpl'}
|
||||
|
||||
|
||||
{if $bCloseBlog}
|
||||
|
|
|
@ -26,7 +26,7 @@
|
|||
<td>
|
||||
{if $oUserCurrent}
|
||||
{if $oUserNote}
|
||||
<button type="button" class="button button-action button-action-note js-infobox" title="{$oUserNote->getText()|escape:'html'}"><i class="icon-synio-comments-green"></i></button>
|
||||
<button type="button" class="button button-action button-action-note js-tooltip" title="{$oUserNote->getText()|escape:'html'}"><i class="icon-synio-comments-green"></i></button>
|
||||
{/if}
|
||||
<a href="{router page='talk'}add/?talk_users={$oUserList->getLogin()}"><button type="submit" class="button button-action button-action-send-message"><i class="icon-synio-send-message"></i><span>{$aLang.user_write_prvmsg}</span></button></a>
|
||||
{/if}
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
|
||||
{include file='editor.tpl'}
|
||||
{include file='modals/modal_photoset_add_photo.tpl'}
|
||||
{include file='modals/modal.photoset_add_photo.tpl'}
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
|
@ -96,7 +96,7 @@
|
|||
{/if}
|
||||
</ul>
|
||||
|
||||
<a href="#" data-type="modal-toggle" data-modal-target="photoset-upload-form" class="link-dotted" id="photoset-start-upload">{$aLang.topic_photoset_upload_choose}</a>
|
||||
<a href="#" data-type="modal-toggle" data-option-target="photoset-upload-form" class="link-dotted" id="photoset-start-upload">{$aLang.topic_photoset_upload_choose}</a>
|
||||
</div>
|
||||
|
||||
|
||||
|
|
|
@ -9,9 +9,9 @@
|
|||
{elseif $oUserFriend and $oUserFriend->getFriendStatus()==$USER_FRIEND_OFFER+$USER_FRIEND_NULL and $oUserFriend->getUserTo()==$oUserCurrent->getId()}
|
||||
<li id="add_friend_item"><a href="#" title="{$aLang.user_friend_add}" onclick="return ls.user.addFriend(this,{$oUserProfile->getId()},'accept');">{$aLang.user_friend_add}</a></li>
|
||||
{elseif !$oUserFriend}
|
||||
{include file='modals/modal_add_friend.tpl'}
|
||||
{include file='modals/modal.add_friend.tpl'}
|
||||
|
||||
<li id="add_friend_item"><a href="#" title="{$aLang.user_friend_add}" data-type="modal-toggle" data-modal-target="add_friend_form">{$aLang.user_friend_add}</a></li>
|
||||
<li id="add_friend_item"><a href="#" title="{$aLang.user_friend_add}" data-type="modal-toggle" data-option-target="add_friend_form">{$aLang.user_friend_add}</a></li>
|
||||
{else}
|
||||
<li id="add_friend_item"><a href="#" title="{$aLang.user_friend_add}" onclick="return ls.user.addFriend(this,{$oUserProfile->getId()},'link');">{$aLang.user_friend_add}</a></li>
|
||||
{/if}
|
|
@ -1,5 +1,5 @@
|
|||
{hook run='profile_sidebar_begin' oUserProfile=$oUserProfile}
|
||||
{include file='modals/modal_profile_photo_upload.tpl'}
|
||||
{include file='modals/modal.profile_photo_upload.tpl'}
|
||||
|
||||
|
||||
<section class="block block-type-profile">
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
{assign var="sidebarPosition" value='left'}
|
||||
{include file='header.tpl'}
|
||||
{include file='modals/modal_profile_avatar_upload.tpl'}
|
||||
{include file='modals/modal.profile_avatar_upload.tpl'}
|
||||
{include file='menu.settings.tpl'}
|
||||
|
||||
|
||||
|
|
|
@ -11,14 +11,20 @@
|
|||
{$sItemsHook}
|
||||
</ul>
|
||||
|
||||
<ul class="nav nav-pills js-block-stream-dropdown" {if !$sItemsHook}style="display: none;"{/if}>
|
||||
<li class="dropdown active js-block-stream-dropdown-trigger"><a href="#">{$aLang.block_stream_comments}</a> <i class="icon-synio-arrows"></i>
|
||||
<ul class="dropdown-menu js-block-stream-dropdown-items">
|
||||
<li class="active js-block-stream-item" data-type="comment"><a href="#">{$aLang.block_stream_comments}</a></li>
|
||||
<li class="js-block-stream-item" data-type="topic"><a href="#">{$aLang.block_stream_topics}</a></li>
|
||||
{$sItemsHook}
|
||||
</ul>
|
||||
</li>
|
||||
<div class="dropdown js-block-stream-dropdown js-block-stream-dropdown-trigger js-dropdown-default"
|
||||
data-type="dropdown-toggle"
|
||||
data-option-target="js-dropdown-stream-nav"
|
||||
data-option-change-text="true"
|
||||
{if !$sItemsHook}style="display: none;"{/if}>
|
||||
|
||||
<span data-type="dropdown-text">{$aLang.block_stream_comments}</span>
|
||||
<i class="icon-synio-arrows"></i>
|
||||
</div>
|
||||
|
||||
<ul class="dropdown-menu js-block-stream-dropdown-items" id="js-dropdown-stream-nav">
|
||||
<li class="active js-block-stream-item" data-type="comment"><a href="#">{$aLang.block_stream_comments}</a></li>
|
||||
<li class="js-block-stream-item" data-type="topic"><a href="#">{$aLang.block_stream_topics}</a></li>
|
||||
{$sItemsHook}
|
||||
</ul>
|
||||
</header>
|
||||
|
||||
|
|
|
@ -45,7 +45,7 @@
|
|||
|
||||
<tr>
|
||||
<td class="cell-info">
|
||||
<a href="#" onclick="return ls.infobox.showInfoBlog(this,{$oBlog->getId()});" class="blog-list-info"></a>
|
||||
<a href="#" data-type="popover-toggle" data-option-url="{router page='ajax'}infobox/info/blog/" data-param-i-blog-id="{$oBlog->getId()}" class="blog-list-info js-popover-blog-info"></a>
|
||||
</td>
|
||||
<td class="cell-name">
|
||||
<p>
|
||||
|
|
|
@ -80,29 +80,6 @@ h2.header-table span { color: #949aa1; }
|
|||
#header .dropdown-user .username:hover { color: #aaa; }
|
||||
#header .dropdown-user .avatar { position: absolute; top: 11px; left: 13px; width: 30px; height: 30px; }
|
||||
|
||||
.dropdown-user-menu { position: absolute; background: #1d1d1d; border: none; border-top: 1px solid #000; border-radius: 0 0 10px 10px; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .5); box-shadow: 0 0 7px rgba(0, 0, 0, .5); z-index: 30; }
|
||||
.dropdown-user-menu li { border-bottom: 1px solid #000; border-top: 1px solid #393939; position: relative; }
|
||||
.dropdown-user-menu li:last-child { border-bottom: none; }
|
||||
.dropdown-user-menu li:last-child a { border-radius: 0 0 10px 10px; }
|
||||
.dropdown-user-menu li.item-stat { padding: 20px 17px; font-size: 11px; background: #191919 url(../images/dropdown-user-shadow.png) left bottom repeat-x; }
|
||||
.dropdown-user-menu li.item-stat .rating { color: #93d3f2; }
|
||||
.dropdown-user-menu li.item-stat .rating.negative { color: #d95f5f; }
|
||||
.dropdown-user-menu li.item-stat .rating i { position: relative; top: 2px; }
|
||||
.dropdown-user-menu li.item-stat .strength { color: #f3d50b; margin-right: 21px; }
|
||||
.dropdown-user-menu li.item-stat .arrow { position: relative; top: 3px; }
|
||||
.dropdown-user-menu li.item-stat .icon-synio-star-small { position: relative; top: 2px; }
|
||||
.dropdown-user-menu li.item-stat .icon-synio-strength { position: relative; top: 1px; }
|
||||
.dropdown-user-menu li a { display: block; zoom: 1; *width: 138px; height: 50px; padding: 0 10px 0 55px; line-height: 50px; color: #fff; text-decoration: none; }
|
||||
.dropdown-user-menu li a:hover { background: #093357; color: #fff; }
|
||||
.dropdown-user-menu li .item-icon { position: absolute; top: 15px; left: 17px; width: 21px; height: 21px; background: url(../images/icons-synio.png) no-repeat; }
|
||||
.dropdown-user-menu li.item-messages .item-icon { background-position: 0 0; }
|
||||
.dropdown-user-menu li.item-profile .item-icon { background-position: -23px 0; }
|
||||
.dropdown-user-menu li.item-settings .item-icon { background-position: -46px 0; }
|
||||
.dropdown-user-menu li.item-create .item-icon { background-position: -69px 0; }
|
||||
.dropdown-user-menu li.item-signout .item-icon { background-position: -92px 0; }
|
||||
.dropdown-user-menu li.item-favourite .item-icon { background-position: -115px 0; }
|
||||
.dropdown-user-menu li.item-messages .new { position: absolute; top: 15px; right: 7px; cursor: pointer; color: #fff; border-radius: 15px; border: 2px solid #eabe21; line-height: 1em; padding: 2px 7px 3px; }
|
||||
|
||||
#header .auth { position: absolute; top: 0; right: 0; line-height: 49px; font-size: 11px; margin-right: 17px; }
|
||||
#header .auth li { float: left; margin-left: 23px; }
|
||||
#header .auth li a { color: #cfcfcf; text-decoration: none; }
|
||||
|
|
|
@ -11,6 +11,7 @@
|
|||
.block .block-header h3 { font-size: 22px; line-height: 1em; font-weight: normal; font-family: 'PT Sans', sans-serif; }
|
||||
.block .block-header h3 a { text-decoration: none; color: #333; }
|
||||
.block .block-header h3 a.link-dotted { color: #5055B2; }
|
||||
.block .block-header .dropdown { margin: 0; }
|
||||
.block .block-content { }
|
||||
.block footer { margin-top: 15px; font-size: 11px; color: #b9c2c2; }
|
||||
.block footer a { color: #727a90; }
|
||||
|
@ -23,7 +24,7 @@
|
|||
|
||||
|
||||
/* Block Type - Stream */
|
||||
.block .block-update { position: absolute; top: 38px; right: 5px; width: 20px; height: 20px; background: url(../images/icons-synio.png) 0 -200px no-repeat; cursor: pointer; }
|
||||
.block .block-update { position: absolute; bottom: 18px; right: 5px; width: 20px; height: 20px; background: url(../images/icons-synio.png) 0 -200px no-repeat; cursor: pointer; }
|
||||
.block .block-update:hover { background-position: -20px -200px; }
|
||||
.block .block-update.active { background-position: -40px -200px; }
|
||||
|
||||
|
|
|
@ -341,4 +341,4 @@
|
|||
|
||||
.blog-list-info { width: 19px; height: 19px; display: inline-block; background: url(../images/icons-synio.png) 0 -107px no-repeat; cursor: pointer; }
|
||||
.blog-list-info:hover,
|
||||
.blog-list-info.active { background-position: -19px -107px; }
|
||||
.blog-list-info.open { background-position: -19px -107px; }
|
90
templates/skin/synio/css/dropdowns.css
Normal file
|
@ -0,0 +1,90 @@
|
|||
/**
|
||||
* Dropdowns
|
||||
*/
|
||||
|
||||
.dropdown {
|
||||
margin-bottom: 15px;
|
||||
font-size: 11px;
|
||||
margin-right: 10px;
|
||||
border: 1px solid #ebf0f4;
|
||||
line-height: 13px;
|
||||
border-radius: 5px;
|
||||
padding: 3px 6px 4px;
|
||||
background: #fff;
|
||||
color: #727a90;
|
||||
text-decoration: none;
|
||||
min-height: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.dropdown:hover { background: #fff; }
|
||||
.dropdown i { position: relative; top: 2px; }
|
||||
.dropdown.open { border-color: #ebf0f4; color: #628fa5; background: #fff; }
|
||||
|
||||
|
||||
/* Menu */
|
||||
.dropdown-menu {
|
||||
padding: 5px 15px 8px;
|
||||
border: 3px solid #edf8fd;
|
||||
border-radius: 10px;
|
||||
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
|
||||
box-shadow: 0 0 10px rgba(0,0,0,.5);
|
||||
position: absolute;
|
||||
top: 32px;
|
||||
overflow: hidden;
|
||||
z-index: 10;
|
||||
background: #fff;
|
||||
min-width: 150px;
|
||||
}
|
||||
.dropdown-menu > li { overflow: hidden; line-height: 1em; }
|
||||
.dropdown-menu > li > a { display: block; padding: 8px 0; white-space: nowrap; }
|
||||
.dropdown-menu > li.active > a { background: #fff; color: #aaa; }
|
||||
.dropdown-menu > li > a:hover { background: #fff; color: #aaa; }
|
||||
|
||||
.dropdown-menu > li.divider { height: 0; border-top: 1px solid #e1e1e1; margin: 5px 0; }
|
||||
|
||||
|
||||
|
||||
.dropdown-user-menu { width: 203px; display: none; position: absolute; background: #1d1d1d; border: none; border-top: 1px solid #000; border-radius: 0 0 10px 10px; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .5); box-shadow: 0 0 7px rgba(0, 0, 0, .5); z-index: 30; }
|
||||
.dropdown-user-menu li { border-bottom: 1px solid #000; border-top: 1px solid #393939; position: relative; }
|
||||
.dropdown-user-menu li:last-child { border-bottom: none; }
|
||||
.dropdown-user-menu li:last-child a { border-radius: 0 0 10px 10px; }
|
||||
.dropdown-user-menu li.item-stat { padding: 20px 17px; font-size: 11px; background: #191919 url(../images/dropdown-user-shadow.png) left bottom repeat-x; }
|
||||
.dropdown-user-menu li.item-stat .rating { color: #93d3f2; }
|
||||
.dropdown-user-menu li.item-stat .rating.negative { color: #d95f5f; }
|
||||
.dropdown-user-menu li.item-stat .rating i { position: relative; top: 2px; }
|
||||
.dropdown-user-menu li.item-stat .strength { color: #f3d50b; margin-right: 21px; }
|
||||
.dropdown-user-menu li.item-stat .arrow { position: relative; top: 3px; }
|
||||
.dropdown-user-menu li.item-stat .icon-synio-star-small { position: relative; top: 2px; }
|
||||
.dropdown-user-menu li.item-stat .icon-synio-strength { position: relative; top: 1px; }
|
||||
.dropdown-user-menu li a { display: block; zoom: 1; *width: 138px; height: 50px; padding: 0 10px 0 55px; line-height: 50px; color: #fff; text-decoration: none; }
|
||||
.dropdown-user-menu li a:hover { background: #093357; color: #fff; }
|
||||
.dropdown-user-menu li .item-icon { position: absolute; top: 15px; left: 17px; width: 21px; height: 21px; background: url(../images/icons-synio.png) no-repeat; }
|
||||
.dropdown-user-menu li.item-messages .item-icon { background-position: 0 0; }
|
||||
.dropdown-user-menu li.item-profile .item-icon { background-position: -23px 0; }
|
||||
.dropdown-user-menu li.item-settings .item-icon { background-position: -46px 0; }
|
||||
.dropdown-user-menu li.item-create .item-icon { background-position: -69px 0; }
|
||||
.dropdown-user-menu li.item-signout .item-icon { background-position: -92px 0; }
|
||||
.dropdown-user-menu li.item-favourite .item-icon { background-position: -115px 0; }
|
||||
.dropdown-user-menu li.item-messages .new { position: absolute; top: 15px; right: 7px; cursor: pointer; color: #fff; border-radius: 15px; border: 2px solid #eabe21; line-height: 1em; padding: 2px 7px 3px; }
|
||||
|
||||
|
||||
|
||||
.dropdown-create { margin-right: 120px; line-height: 23px; }
|
||||
.dropdown-create a { font-weight: normal; }
|
||||
.dropdown-create h2 a { text-transform: lowercase; display: inline-block; }
|
||||
|
||||
.dropdown-menu-create { padding: 10px 15px 15px; border: 3px solid #edf8fd; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); box-shadow: 0 0 10px rgba(0,0,0,.5); position: absolute; background: #fff; min-width: 150px; z-index: 10; font-family: 'PT Sans', sans-serif; font-size: 27px; text-transform: lowercase; }
|
||||
.dropdown-menu-create li { line-height: 1em; margin-bottom: 10px; }
|
||||
.dropdown-menu-create li:last-child { margin: 0; }
|
||||
.dropdown-menu-create li a { color: #275ec2; text-decoration: none; border-bottom: 1px solid #275ec2; display: inline-block; }
|
||||
.dropdown-menu-create li a:hover { color: #f00; border-color: #f00; }
|
||||
.dropdown-menu-create li.active a { color: #aaa; border-color: #aaa; }
|
||||
|
||||
|
||||
.dropdown-menu.dropdown-nav-main { background: #090909; border: 1px solid #333; }
|
||||
.dropdown-menu.dropdown-nav-main li a { color: #fff; text-decoration: none; }
|
||||
.dropdown-menu.dropdown-nav-main li a:hover { color: #ddd; }
|
||||
.dropdown-menu.dropdown-nav-main li.active a { color: #555; }
|
||||
|
||||
.nav.nav-pills.nav-pills-dropdown { position: absolute; top: 0; right: 0; margin: 0; display: none; }
|
||||
.nav.nav-pills.nav-pills-dropdown li { margin: 0; }
|
|
@ -1,59 +0,0 @@
|
|||
/* --------------------------------------------
|
||||
ВСПЛЫВАЮЩИЕ ПОДСКАЗКИ
|
||||
-------------------------------------------- */
|
||||
|
||||
.infobox {
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 10000;
|
||||
text-align: left;
|
||||
padding: 15px;
|
||||
min-width: 50px;
|
||||
max-width: 300px;
|
||||
color: #fff;
|
||||
background: rgba(0,0,0,.8);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.infobox .tip-arrow { position: absolute; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: rgba(0,0,0,.8); }
|
||||
.infobox .tip-arrow.tip-arrow-top { top: -12px; left: 15px; border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; }
|
||||
.infobox .tip-arrow.tip-arrow-bottom { bottom: -12px; left: 15px; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; }
|
||||
.infobox .tip-arrow.tip-arrow-right { top: 50%; margin-top: -6px; right: -12px; border-bottom-color: transparent !important; border-top-color: transparent !important; border-right-color: transparent !important; }
|
||||
.infobox .tip-arrow.tip-arrow-left { top: 50%; margin-top: -6px; left: -12px; border-bottom-color: transparent !important; border-top-color: transparent !important; border-left-color: transparent !important; }
|
||||
|
||||
.infobox a { color: #B4B8ED; }
|
||||
.infobox a:hover { color: #999DDB; }
|
||||
|
||||
|
||||
/* Default Tip */
|
||||
.infobox.infobox-standart { background: rgba(0,0,0,.8); }
|
||||
.infobox.infobox-standart .tip-arrow { border-color: rgba(0,0,0,.8); }
|
||||
|
||||
/* Yellow */
|
||||
.infobox.infobox-yellow { background: #fffea8; color: #3e3e16; border-radius: 10px; padding: 15px 20px; font-size: 11px; line-height: 16px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3); box-shadow: 0 0 15px rgba(0,0,0,.3); }
|
||||
.infobox.infobox-yellow .tip-arrow { border-color: #fffea8; }
|
||||
|
||||
/* Topic */
|
||||
.infobox.infobox-topic { font-size: 11px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); box-shadow: 0 0 10px rgba(0,0,0,.5); background: #1d1d1d; border-radius: 10px; }
|
||||
.infobox.infobox-topic i { margin-right: 5px; }
|
||||
.infobox.infobox-topic .tip-arrow { left: 50%; margin-left: -5px; border-color: #1d1d1d; }
|
||||
|
||||
/* Help */
|
||||
.infobox.infobox-help { background: #fff; width: 300px; border: 3px solid #edf8fd; color: #000; border-radius: 10px; padding: 25px 30px; font-size: 12px; line-height: 18px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3); box-shadow: 0 0 15px rgba(0,0,0,.3); }
|
||||
.infobox.infobox-help .tip-arrow { border: none; width: 15px; height: 11px; background: url(../images/icons-synio.png) no-repeat; }
|
||||
.infobox.infobox-help .tip-arrow.tip-arrow-top { background-position: -38px -107px; top: -11px; }
|
||||
.infobox.infobox-help .tip-arrow.tip-arrow-bottom { background-position: -53px -107px; bottom: -11px; }
|
||||
.infobox.infobox-help a { color: #3f8ad7; }
|
||||
.infobox.infobox-help .blog-info { margin-bottom: 30px; }
|
||||
.infobox.infobox-help .blog-info li span { background: #fff; }
|
||||
.infobox.infobox-help .blog-info li strong { background: #fff; }
|
||||
.infobox.infobox-help .infobox-topic { color: #727a90; font-size: 11px; }
|
||||
.infobox.infobox-help .infobox-actions { font-size: 11px; }
|
||||
|
||||
/* Share */
|
||||
.infobox.infobox-share { background: #fff; width: 300px; border: 3px solid #edf8fd; color: #000; border-radius: 10px; padding: 10px 15px; font-size: 12px; line-height: 18px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3); box-shadow: 0 0 15px rgba(0,0,0,.3); }
|
||||
.infobox.infobox-share .tip-arrow { border: none; width: 15px; height: 11px; background: url(../images/icons-synio.png) no-repeat; }
|
||||
.infobox.infobox-share .tip-arrow.tip-arrow-top { background-position: -38px -107px; top: -11px; left: 50%; margin-left: -7px; }
|
||||
.infobox.infobox-share .tip-arrow.tip-arrow-bottom { background-position: -53px -107px; bottom: -11px; left: 50%; margin-left: -7px; }
|
|
@ -106,6 +106,7 @@
|
|||
/* Upload Image
|
||||
-------------------------------------------------- */
|
||||
.modal.modal-image-upload { width: 500px; }
|
||||
.modal.modal-image-upload .nav.nav-pills { margin-bottom: 0; }
|
||||
.modal.modal-upload-photo .image-border,
|
||||
.modal.modal-upload-avatar .image-border {
|
||||
float: left;
|
||||
|
|
|
@ -1,23 +1,16 @@
|
|||
/* --------------------------------------------
|
||||
НАВИГАЦИЯ
|
||||
-------------------------------------------- */
|
||||
|
||||
.nav { overflow: hidden; zoom: 1; }
|
||||
.nav li { float: left; }
|
||||
|
||||
.nav li:last-child { }
|
||||
.nav li a:hover { }
|
||||
.nav li.active a { }
|
||||
/**
|
||||
* Navigation
|
||||
*/
|
||||
|
||||
|
||||
/* Nav Pills */
|
||||
.nav.nav-pills { margin-bottom: 15px; font-size: 11px; }
|
||||
.nav.nav-pills li { margin-right: 10px; border: 1px solid transparent; line-height: 13px; border-radius: 5px; padding: 3px 6px 4px; }
|
||||
.nav.nav-pills li a { display: block; color: #727a90; text-decoration: underline; float: left; }
|
||||
.nav.nav-pills li a:hover { color: #333; border-color: #333; }
|
||||
.nav.nav-pills li { margin-right: 10px; border: 1px solid transparent; line-height: 13px; border-radius: 5px; padding: 3px 6px 4px; background: none; }
|
||||
.nav.nav-pills li a { display: block; color: #727a90; text-decoration: underline; float: left; background: none; padding: 0; }
|
||||
.nav.nav-pills li a:hover { color: #333; border-color: #333; background: none; }
|
||||
.nav.nav-pills li a.new { margin-left: 5px; text-decoration: none; }
|
||||
.nav.nav-pills li.active { border-color: #ebf0f4; }
|
||||
.nav.nav-pills li.active a { color: #628fa5; text-decoration: none; border-color: #ebf0f4; }
|
||||
.nav.nav-pills li.active a { color: #628fa5; text-decoration: none; background: none; border-color: #ebf0f4; }
|
||||
|
||||
.nav.nav-pills.nav-pills-profile { margin-bottom: 30px; }
|
||||
|
||||
|
@ -105,14 +98,14 @@
|
|||
|
||||
|
||||
/* Nav Main */
|
||||
.nav.nav-main { height: 51px; overflow: hidden; }
|
||||
.nav.nav-main li { margin-right: 22px; position: relative; height: 51px; line-height: 49px; }
|
||||
.nav.nav-main { height: 51px; overflow: hidden; background: none; }
|
||||
.nav.nav-main li { margin-right: 22px; position: relative; height: 51px; line-height: 49px; background: none; }
|
||||
.nav.nav-main li:last-child { margin-right: 0; }
|
||||
.nav.nav-main li a { color: #cfcfcf; text-decoration: none; }
|
||||
.nav.nav-main li a:hover { color: #aaa; }
|
||||
.nav.nav-main li a { color: #cfcfcf; text-decoration: none; padding: 0; }
|
||||
.nav.nav-main li a:hover { color: #aaa; background: none; }
|
||||
.nav.nav-main li i { display: none; position: absolute; bottom: 0; left: 50%; margin-left: -2px; width: 0; height: 0; border: 3px solid transparent; border-bottom-color: #fff; }
|
||||
.nav.nav-main li.active i { display: block; }
|
||||
.nav.nav-main li.active a { color: #aed6e9; }
|
||||
.nav.nav-main li.active a { color: #aed6e9; background: none; }
|
||||
|
||||
.nav.nav-main li.nav-main-more { display: none; }
|
||||
.nav.nav-main li.nav-main-more a { border: 1px solid #595959; border-radius: 3px; padding: 0 5px 2px; position: relative; padding-right: 15px; }
|
||||
|
@ -126,41 +119,6 @@
|
|||
.nav.nav-profile li a:hover { color: #f00; }
|
||||
.nav.nav-profile li.active a { text-decoration: none; color: #000; }
|
||||
|
||||
|
||||
/* Dropdown */
|
||||
.nav.nav-pills li.dropdown { position: relative; }
|
||||
.nav.nav-pills li.dropdown a { padding-right: 12px; }
|
||||
.nav.nav-pills li.dropdown i { position: absolute; top: 4px; right: 3px; cursor: pointer; }
|
||||
.nav.nav-pills li.dropdown ul { display: none; position: absolute; }
|
||||
.nav.nav-pills li.dropdown.opened a { }
|
||||
|
||||
.dropdown-menu { display: none; padding: 10px 15px 13px; border: 3px solid #edf8fd; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); box-shadow: 0 0 10px rgba(0,0,0,.5); position: absolute; top: 32px; overflow: hidden; z-index: 10; background: #fff; min-width: 150px; }
|
||||
.dropdown-menu li { line-height: 1em; margin-bottom: 15px; }
|
||||
.dropdown-menu li:last-child { margin-bottom: 0; }
|
||||
.dropdown-menu li a { display: block; }
|
||||
.dropdown-menu li a:hover { }
|
||||
.dropdown-menu li.active a { color: #aaa; }
|
||||
|
||||
.dropdown-menu.dropdown-nav-main { background: #090909; border: 1px solid #333; }
|
||||
.dropdown-menu.dropdown-nav-main li a { color: #fff; text-decoration: none; }
|
||||
.dropdown-menu.dropdown-nav-main li a:hover { color: #ddd; }
|
||||
.dropdown-menu.dropdown-nav-main li.active a { color: #555; }
|
||||
|
||||
.dropdown-create { margin-right: 120px; line-height: 23px; }
|
||||
.dropdown-create a { font-weight: normal; }
|
||||
.dropdown-create h2 a { text-transform: lowercase; display: inline-block; }
|
||||
|
||||
.dropdown-menu-create { padding: 10px 15px 15px; border: 3px solid #edf8fd; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); box-shadow: 0 0 10px rgba(0,0,0,.5); position: absolute; background: #fff; min-width: 150px; z-index: 10; font-family: 'PT Sans', sans-serif; font-size: 27px; text-transform: lowercase; }
|
||||
.dropdown-menu-create li { line-height: 1em; margin-bottom: 10px; }
|
||||
.dropdown-menu-create li:last-child { margin: 0; }
|
||||
.dropdown-menu-create li a { color: #275ec2; text-decoration: none; border-bottom: 1px solid #275ec2; display: inline-block; }
|
||||
.dropdown-menu-create li a:hover { color: #f00; border-color: #f00; }
|
||||
.dropdown-menu-create li.active a { color: #aaa; border-color: #aaa; }
|
||||
|
||||
.nav.nav-pills.nav-pills-dropdown { position: absolute; top: 0; right: 0; margin: 0; display: none; }
|
||||
.nav.nav-pills.nav-pills-dropdown li { margin: 0; }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Nav Group */
|
||||
.nav-group { position: relative; }
|
||||
.nav-group .dropdown.dropdown-timespan { position: absolute; top: 0; right: 0; }
|
67
templates/skin/synio/css/popovers.css
Normal file
|
@ -0,0 +1,67 @@
|
|||
/**
|
||||
* Popovers
|
||||
*/
|
||||
|
||||
.popover {
|
||||
border: 3px solid #edf8fd;
|
||||
color: #000;
|
||||
border-radius: 10px;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.3);
|
||||
box-shadow: 0 0 15px rgba(0,0,0,.3);
|
||||
}
|
||||
.popover .popover-content { padding: 15px 20px; }
|
||||
|
||||
/* Arrow */
|
||||
.popover .popover-arrow { border-width: 11px; border-color: #edf8fd; }
|
||||
.popover .popover-arrow-inner { border-width: 8px; border-color: #fff; }
|
||||
|
||||
.popover.alignx-center.aligny-top .popover-arrow,
|
||||
.popover.alignx-center.aligny-top .popover-arrow-inner,
|
||||
.popover.alignx-left.aligny-top .popover-arrow,
|
||||
.popover.alignx-left.aligny-top .popover-arrow-inner,
|
||||
.popover.alignx-right.aligny-top .popover-arrow,
|
||||
.popover.alignx-right.aligny-top .popover-arrow-inner { bottom: -22px; margin-left: -11px; }
|
||||
.popover.alignx-center.aligny-bottom .popover-arrow,
|
||||
.popover.alignx-center.aligny-bottom .popover-arrow-inner,
|
||||
.popover.alignx-left.aligny-bottom .popover-arrow,
|
||||
.popover.alignx-left.aligny-bottom .popover-arrow-inner,
|
||||
.popover.alignx-right.aligny-bottom .popover-arrow,
|
||||
.popover.alignx-right.aligny-bottom .popover-arrow-inner { top: -22px; margin-left: -11px; }
|
||||
.popover.alignx-left.aligny-center .popover-arrow,
|
||||
.popover.alignx-left.aligny-center .popover-arrow-inner { right: -22px; margin-top: -11px; }
|
||||
.popover.alignx-right.aligny-center .popover-arrow,
|
||||
.popover.alignx-right.aligny-center .popover-arrow-inner { left: -22px; margin-top: -11px; }
|
||||
|
||||
.popover.alignx-left.aligny-top .popover-arrow-inner,
|
||||
.popover.alignx-right.aligny-top .popover-arrow-inner,
|
||||
.popover.alignx-center.aligny-top .popover-arrow-inner { bottom: -16px; margin-left: -8px; }
|
||||
.popover.alignx-left.aligny-bottom .popover-arrow-inner,
|
||||
.popover.alignx-right.aligny-bottom .popover-arrow-inner,
|
||||
.popover.alignx-center.aligny-bottom .popover-arrow-inner { top: -16px; margin-left: -8px; }
|
||||
.popover.alignx-left.aligny-center .popover-arrow-inner { right: -16px; margin-top: -8px; }
|
||||
.popover.alignx-right.aligny-center .popover-arrow-inner { left: -16px; margin-top: -8px; }
|
||||
|
||||
.popover.alignx-left.aligny-bottom .popover-arrow,
|
||||
.popover.alignx-left.aligny-bottom .popover-arrow-inner,
|
||||
.popover.alignx-left.aligny-top .popover-arrow,
|
||||
.popover.alignx-left.aligny-top .popover-arrow-inner { left: 26px; }
|
||||
.popover.alignx-right.aligny-bottom .popover-arrow,
|
||||
.popover.alignx-right.aligny-top .popover-arrow { left: auto; right: 17px; }
|
||||
.popover.alignx-right.aligny-bottom .popover-arrow-inner,
|
||||
.popover.alignx-right.aligny-top .popover-arrow-inner { left: auto; right: 20px; }
|
||||
|
||||
|
||||
/* Loader */
|
||||
.popover.loading { background: url(../images/loader-circle.gif) 50% 50% no-repeat; }
|
||||
|
||||
|
||||
/* Popover Blog Info
|
||||
----------------------------------------- */
|
||||
.popover.popover-blog-info .blog-info { margin-bottom: 30px; }
|
||||
.popover.popover-blog-info .blog-info li span { background: #fff; }
|
||||
.popover.popover-blog-info .blog-info li strong { background: #fff; }
|
||||
.popover.popover-blog-info .popover-topic { color: #727a90; font-size: 11px; }
|
||||
.popover.popover-blog-info .popover-actions { font-size: 11px; }
|
||||
.popover.popover-blog-info .popover-content { padding: 25px 30px; }
|
Before Width: | Height: | Size: 180 B |
Before Width: | Height: | Size: 178 B |
Before Width: | Height: | Size: 120 B |
Before Width: | Height: | Size: 105 B |
Before Width: | Height: | Size: 111 B |
Before Width: | Height: | Size: 110 B |
Before Width: | Height: | Size: 119 B |
Before Width: | Height: | Size: 101 B |
Before Width: | Height: | Size: 4.3 KiB |
Before Width: | Height: | Size: 4.3 KiB |
Before Width: | Height: | Size: 4.3 KiB |
Before Width: | Height: | Size: 4.3 KiB |
Before Width: | Height: | Size: 4.3 KiB |
409
templates/skin/synio/css/smoothness/jquery-ui.css
vendored
|
@ -1,409 +0,0 @@
|
|||
/*
|
||||
* jQuery UI CSS Framework 1.8.14
|
||||
*
|
||||
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Theming/API
|
||||
*/
|
||||
|
||||
/* Layout helpers
|
||||
----------------------------------*/
|
||||
.ui-helper-hidden { display: none; }
|
||||
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
|
||||
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
|
||||
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
|
||||
.ui-helper-clearfix { display: inline-block; }
|
||||
/* required comment for clearfix to work in Opera \*/
|
||||
* html .ui-helper-clearfix { height:1%; }
|
||||
.ui-helper-clearfix { display:block; }
|
||||
/* end clearfix */
|
||||
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
|
||||
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-disabled { cursor: default !important; }
|
||||
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
|
||||
|
||||
|
||||
/*
|
||||
* jQuery UI CSS Framework 1.8.14
|
||||
*
|
||||
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Theming/API
|
||||
*
|
||||
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
|
||||
*/
|
||||
|
||||
|
||||
/* Component containers
|
||||
----------------------------------*/
|
||||
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
|
||||
.ui-widget .ui-widget { font-size: 1em; }
|
||||
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
|
||||
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
|
||||
.ui-widget-content a { color: #222222; }
|
||||
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
|
||||
.ui-widget-header a { color: #222222; }
|
||||
|
||||
/* Interaction states
|
||||
----------------------------------*/
|
||||
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
|
||||
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
|
||||
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #C9EEFF; font-weight: normal; color: #212121; }
|
||||
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
|
||||
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
|
||||
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
|
||||
.ui-widget :active { outline: none; }
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
|
||||
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
|
||||
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
|
||||
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
|
||||
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
|
||||
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
|
||||
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
|
||||
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
|
||||
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
|
||||
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
|
||||
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
|
||||
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
|
||||
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
|
||||
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
|
||||
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }
|
||||
|
||||
/* positioning */
|
||||
.ui-icon-carat-1-n { background-position: 0 0; }
|
||||
.ui-icon-carat-1-ne { background-position: -16px 0; }
|
||||
.ui-icon-carat-1-e { background-position: -32px 0; }
|
||||
.ui-icon-carat-1-se { background-position: -48px 0; }
|
||||
.ui-icon-carat-1-s { background-position: -64px 0; }
|
||||
.ui-icon-carat-1-sw { background-position: -80px 0; }
|
||||
.ui-icon-carat-1-w { background-position: -96px 0; }
|
||||
.ui-icon-carat-1-nw { background-position: -112px 0; }
|
||||
.ui-icon-carat-2-n-s { background-position: -128px 0; }
|
||||
.ui-icon-carat-2-e-w { background-position: -144px 0; }
|
||||
.ui-icon-triangle-1-n { background-position: 0 -16px; }
|
||||
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
|
||||
.ui-icon-triangle-1-e { background-position: -32px -16px; }
|
||||
.ui-icon-triangle-1-se { background-position: -48px -16px; }
|
||||
.ui-icon-triangle-1-s { background-position: -64px -16px; }
|
||||
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
|
||||
.ui-icon-triangle-1-w { background-position: -96px -16px; }
|
||||
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
|
||||
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
|
||||
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
|
||||
.ui-icon-arrow-1-n { background-position: 0 -32px; }
|
||||
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
|
||||
.ui-icon-arrow-1-e { background-position: -32px -32px; }
|
||||
.ui-icon-arrow-1-se { background-position: -48px -32px; }
|
||||
.ui-icon-arrow-1-s { background-position: -64px -32px; }
|
||||
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
|
||||
.ui-icon-arrow-1-w { background-position: -96px -32px; }
|
||||
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
|
||||
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
|
||||
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
|
||||
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
|
||||
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
|
||||
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
|
||||
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
|
||||
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
|
||||
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
|
||||
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
|
||||
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
|
||||
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
|
||||
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
|
||||
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
|
||||
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
|
||||
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
|
||||
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
|
||||
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
|
||||
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
|
||||
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
|
||||
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
|
||||
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
|
||||
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
|
||||
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
|
||||
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
|
||||
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
|
||||
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
|
||||
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
|
||||
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
|
||||
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
|
||||
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
|
||||
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
|
||||
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
|
||||
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
|
||||
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
|
||||
.ui-icon-arrow-4 { background-position: 0 -80px; }
|
||||
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
|
||||
.ui-icon-extlink { background-position: -32px -80px; }
|
||||
.ui-icon-newwin { background-position: -48px -80px; }
|
||||
.ui-icon-refresh { background-position: -64px -80px; }
|
||||
.ui-icon-shuffle { background-position: -80px -80px; }
|
||||
.ui-icon-transfer-e-w { background-position: -96px -80px; }
|
||||
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
|
||||
.ui-icon-folder-collapsed { background-position: 0 -96px; }
|
||||
.ui-icon-folder-open { background-position: -16px -96px; }
|
||||
.ui-icon-document { background-position: -32px -96px; }
|
||||
.ui-icon-document-b { background-position: -48px -96px; }
|
||||
.ui-icon-note { background-position: -64px -96px; }
|
||||
.ui-icon-mail-closed { background-position: -80px -96px; }
|
||||
.ui-icon-mail-open { background-position: -96px -96px; }
|
||||
.ui-icon-suitcase { background-position: -112px -96px; }
|
||||
.ui-icon-comment { background-position: -128px -96px; }
|
||||
.ui-icon-person { background-position: -144px -96px; }
|
||||
.ui-icon-print { background-position: -160px -96px; }
|
||||
.ui-icon-trash { background-position: -176px -96px; }
|
||||
.ui-icon-locked { background-position: -192px -96px; }
|
||||
.ui-icon-unlocked { background-position: -208px -96px; }
|
||||
.ui-icon-bookmark { background-position: -224px -96px; }
|
||||
.ui-icon-tag { background-position: -240px -96px; }
|
||||
.ui-icon-home { background-position: 0 -112px; }
|
||||
.ui-icon-flag { background-position: -16px -112px; }
|
||||
.ui-icon-calendar { background-position: -32px -112px; }
|
||||
.ui-icon-cart { background-position: -48px -112px; }
|
||||
.ui-icon-pencil { background-position: -64px -112px; }
|
||||
.ui-icon-clock { background-position: -80px -112px; }
|
||||
.ui-icon-disk { background-position: -96px -112px; }
|
||||
.ui-icon-calculator { background-position: -112px -112px; }
|
||||
.ui-icon-zoomin { background-position: -128px -112px; }
|
||||
.ui-icon-zoomout { background-position: -144px -112px; }
|
||||
.ui-icon-search { background-position: -160px -112px; }
|
||||
.ui-icon-wrench { background-position: -176px -112px; }
|
||||
.ui-icon-gear { background-position: -192px -112px; }
|
||||
.ui-icon-heart { background-position: -208px -112px; }
|
||||
.ui-icon-star { background-position: -224px -112px; }
|
||||
.ui-icon-link { background-position: -240px -112px; }
|
||||
.ui-icon-cancel { background-position: 0 -128px; }
|
||||
.ui-icon-plus { background-position: -16px -128px; }
|
||||
.ui-icon-plusthick { background-position: -32px -128px; }
|
||||
.ui-icon-minus { background-position: -48px -128px; }
|
||||
.ui-icon-minusthick { background-position: -64px -128px; }
|
||||
.ui-icon-close { background-position: -80px -128px; }
|
||||
.ui-icon-closethick { background-position: -96px -128px; }
|
||||
.ui-icon-key { background-position: -112px -128px; }
|
||||
.ui-icon-lightbulb { background-position: -128px -128px; }
|
||||
.ui-icon-scissors { background-position: -144px -128px; }
|
||||
.ui-icon-clipboard { background-position: -160px -128px; }
|
||||
.ui-icon-copy { background-position: -176px -128px; }
|
||||
.ui-icon-contact { background-position: -192px -128px; }
|
||||
.ui-icon-image { background-position: -208px -128px; }
|
||||
.ui-icon-video { background-position: -224px -128px; }
|
||||
.ui-icon-script { background-position: -240px -128px; }
|
||||
.ui-icon-alert { background-position: 0 -144px; }
|
||||
.ui-icon-info { background-position: -16px -144px; }
|
||||
.ui-icon-notice { background-position: -32px -144px; }
|
||||
.ui-icon-help { background-position: -48px -144px; }
|
||||
.ui-icon-check { background-position: -64px -144px; }
|
||||
.ui-icon-bullet { background-position: -80px -144px; }
|
||||
.ui-icon-radio-off { background-position: -96px -144px; }
|
||||
.ui-icon-radio-on { background-position: -112px -144px; }
|
||||
.ui-icon-pin-w { background-position: -128px -144px; }
|
||||
.ui-icon-pin-s { background-position: -144px -144px; }
|
||||
.ui-icon-play { background-position: 0 -160px; }
|
||||
.ui-icon-pause { background-position: -16px -160px; }
|
||||
.ui-icon-seek-next { background-position: -32px -160px; }
|
||||
.ui-icon-seek-prev { background-position: -48px -160px; }
|
||||
.ui-icon-seek-end { background-position: -64px -160px; }
|
||||
.ui-icon-seek-start { background-position: -80px -160px; }
|
||||
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
|
||||
.ui-icon-seek-first { background-position: -80px -160px; }
|
||||
.ui-icon-stop { background-position: -96px -160px; }
|
||||
.ui-icon-eject { background-position: -112px -160px; }
|
||||
.ui-icon-volume-off { background-position: -128px -160px; }
|
||||
.ui-icon-volume-on { background-position: -144px -160px; }
|
||||
.ui-icon-power { background-position: 0 -176px; }
|
||||
.ui-icon-signal-diag { background-position: -16px -176px; }
|
||||
.ui-icon-signal { background-position: -32px -176px; }
|
||||
.ui-icon-battery-0 { background-position: -48px -176px; }
|
||||
.ui-icon-battery-1 { background-position: -64px -176px; }
|
||||
.ui-icon-battery-2 { background-position: -80px -176px; }
|
||||
.ui-icon-battery-3 { background-position: -96px -176px; }
|
||||
.ui-icon-circle-plus { background-position: 0 -192px; }
|
||||
.ui-icon-circle-minus { background-position: -16px -192px; }
|
||||
.ui-icon-circle-close { background-position: -32px -192px; }
|
||||
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
||||
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
||||
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
||||
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
||||
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
||||
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
||||
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
||||
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
||||
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
||||
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
||||
.ui-icon-circle-check { background-position: -208px -192px; }
|
||||
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
||||
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
||||
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
||||
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
||||
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
||||
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
||||
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
||||
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
||||
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
||||
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
||||
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
||||
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Corner radius */
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
|
||||
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
|
||||
* jQuery UI Autocomplete 1.8.14
|
||||
*
|
||||
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Autocomplete#theming
|
||||
*/
|
||||
.ui-autocomplete { position: absolute; cursor: default; }
|
||||
|
||||
/* workarounds */
|
||||
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
|
||||
|
||||
/*
|
||||
* jQuery UI Menu 1.8.14
|
||||
*
|
||||
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Menu#theming
|
||||
*/
|
||||
.ui-menu {
|
||||
list-style:none;
|
||||
margin: 0;
|
||||
display:block;
|
||||
float: left;
|
||||
}
|
||||
.ui-menu .ui-menu {
|
||||
margin-top: -3px;
|
||||
}
|
||||
.ui-menu .ui-menu-item {
|
||||
margin:0;
|
||||
padding: 0;
|
||||
zoom: 1;
|
||||
float: left;
|
||||
clear: left;
|
||||
width: 100%;
|
||||
}
|
||||
.ui-menu .ui-menu-item a {
|
||||
text-decoration:none;
|
||||
display:block;
|
||||
padding:.2em .4em;
|
||||
line-height:1.4;
|
||||
zoom:1;
|
||||
}
|
||||
.ui-menu .ui-menu-item a.ui-state-hover,
|
||||
.ui-menu .ui-menu-item a.ui-state-active {
|
||||
font-weight: normal;
|
||||
margin: -1px;
|
||||
}
|
||||
/*
|
||||
* jQuery UI Datepicker 1.8.14
|
||||
*
|
||||
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Datepicker#theming
|
||||
*/
|
||||
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
|
||||
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
|
||||
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
|
||||
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
|
||||
.ui-datepicker .ui-datepicker-prev { left:2px; }
|
||||
.ui-datepicker .ui-datepicker-next { right:2px; }
|
||||
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
|
||||
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
|
||||
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
|
||||
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
|
||||
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
|
||||
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
|
||||
.ui-datepicker select.ui-datepicker-month,
|
||||
.ui-datepicker select.ui-datepicker-year { width: 49%;}
|
||||
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
|
||||
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
|
||||
.ui-datepicker td { border: 0; padding: 1px; }
|
||||
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
|
||||
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
|
||||
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
|
||||
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
|
||||
|
||||
/* with multiple calendars */
|
||||
.ui-datepicker.ui-datepicker-multi { width:auto; }
|
||||
.ui-datepicker-multi .ui-datepicker-group { float:left; }
|
||||
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
|
||||
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
|
||||
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
|
||||
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
|
||||
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
|
||||
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
|
||||
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
|
||||
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
|
||||
|
||||
/* RTL support */
|
||||
.ui-datepicker-rtl { direction: rtl; }
|
||||
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
|
||||
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
|
||||
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
|
||||
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
|
||||
|
||||
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
|
||||
.ui-datepicker-cover {
|
||||
display: none; /*sorry for IE5*/
|
||||
display/**/: block; /*sorry for IE5*/
|
||||
position: absolute; /*must have*/
|
||||
z-index: -1; /*must have*/
|
||||
filter: mask(); /*must have*/
|
||||
top: -4px; /*must have*/
|
||||
left: -4px; /*must have*/
|
||||
width: 200px; /*must have*/
|
||||
height: 200px; /*must have*/
|
||||
}
|
||||
|
||||
.ui-autocomplete-loading {
|
||||
background: #fafafa url(../../images/loader.gif) 50% 50% no-repeat;
|
||||
}
|
22
templates/skin/synio/css/tooltip.css
Normal file
|
@ -0,0 +1,22 @@
|
|||
/**
|
||||
* Tooltip
|
||||
*/
|
||||
|
||||
.tooltip {
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
|
||||
/* Yellow
|
||||
------------------------------ */
|
||||
.tooltip.tooltip-yellow {
|
||||
background: #fffea8;
|
||||
color: #3e3e16;
|
||||
border-radius: 10px;
|
||||
padding: 15px 20px;
|
||||
font-size: 11px;
|
||||
line-height: 16px;
|
||||
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.3);
|
||||
box-shadow: 0 0 15px rgba(0,0,0,.3);
|
||||
}
|
||||
.tooltip.tooltip-yellow .tip-arrow { border-color: #fffea8; }
|
|
@ -53,9 +53,9 @@
|
|||
|
||||
.topic .topic-footer .topic-info li.topic-info-share { padding: 6px; cursor: pointer; border-radius: 4px; position: relative; }
|
||||
.topic .topic-footer .topic-info li.topic-info-share i { float: left; }
|
||||
.topic .topic-footer .topic-info li.topic-info-share.active,
|
||||
.topic .topic-footer .topic-info li.topic-info-share.open,
|
||||
.topic .topic-footer .topic-info li.topic-info-share:hover { background: #64ceff; }
|
||||
.topic .topic-footer .topic-info li.topic-info-share.active i,
|
||||
.topic .topic-footer .topic-info li.topic-info-share.open i,
|
||||
.topic .topic-footer .topic-info li.topic-info-share:hover i { background-position: -12px -51px; }
|
||||
|
||||
.topic .topic-footer .topic-info li.topic-info-comments a { color: #727fa0; float: left; }
|
||||
|
|
18
templates/skin/synio/dropdown.timespan.tpl
Normal file
|
@ -0,0 +1,18 @@
|
|||
{if $sPeriodSelectCurrent}
|
||||
<div class="dropdown dropdown-timespan js-dropdown-default"
|
||||
data-type="dropdown-toggle"
|
||||
data-option-target="js-dropdown-date"
|
||||
data-option-align-x="right"
|
||||
data-option-change-text="true">
|
||||
|
||||
<span data-type="dropdown-text"></span>
|
||||
<i class="icon-synio-arrows"></i>
|
||||
</div>
|
||||
|
||||
<ul class="dropdown-menu" id="js-dropdown-date" data-type="dropdown-target">
|
||||
<li {if $sPeriodSelectCurrent=='1'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=1">{$aLang.blog_menu_top_period_24h}</a></li>
|
||||
<li {if $sPeriodSelectCurrent=='7'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=7">{$aLang.blog_menu_top_period_7d}</a></li>
|
||||
<li {if $sPeriodSelectCurrent=='30'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=30">{$aLang.blog_menu_top_period_30d}</a></li>
|
||||
<li {if $sPeriodSelectCurrent=='all'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=all">{$aLang.blog_menu_top_period_all}</a></li>
|
||||
</ul>
|
||||
{/if}
|
|
@ -13,7 +13,7 @@
|
|||
{if !$sImgToLoad}
|
||||
{assign var="sImgToLoad" value="topic_text"}
|
||||
{/if}
|
||||
{include file='modals/modal_load_img.tpl' sToLoad=$sImgToLoad}
|
||||
{include file='modals/modal.load_img.tpl' sToLoad=$sImgToLoad}
|
||||
|
||||
{if !$sSettingsTinymce}
|
||||
{assign var="sSettingsMarkitup" value="ls.settings.getMarkitup()"}
|
||||
|
|
|
@ -114,10 +114,10 @@
|
|||
|
||||
|
||||
{if $oUserCurrent}
|
||||
{include file='modals/modal_write.tpl'}
|
||||
{include file='modals/modal_favourite_form_tags.tpl'}
|
||||
{include file='modals/modal.write.tpl'}
|
||||
{include file='modals/modal.favourite_form_tags.tpl'}
|
||||
{else}
|
||||
{include file='modals/modal_login.tpl'}
|
||||
{include file='modals/modal.login.tpl'}
|
||||
{/if}
|
||||
|
||||
|
||||
|
|
|
@ -22,14 +22,14 @@
|
|||
{hook run='userbar_nav'}
|
||||
|
||||
{if $oUserCurrent}
|
||||
<div class="dropdown-user" id="dropdown-user">
|
||||
<div class="dropdown-user" id="user-menu">
|
||||
<a href="{$oUserCurrent->getUserWebPath()}"><img src="{$oUserCurrent->getProfileAvatarPath(48)}" alt="avatar" class="avatar" /></a>
|
||||
<a href="{$oUserCurrent->getUserWebPath()}" class="username">{$oUserCurrent->getLogin()}</a>
|
||||
|
||||
<div class="dropdown-user-shadow"></div>
|
||||
<div class="dropdown-user-trigger" id="dropdown-user-trigger"><i></i></div>
|
||||
<div class="dropdown-user-trigger js-dropdown-usermenu" data-type="dropdown-toggle" data-option-target="dropdown-user-menu"><i></i></div>
|
||||
|
||||
<ul class="dropdown-user-menu" id="dropdown-user-menu" style="display: none">
|
||||
<ul class="dropdown-user-menu" id="dropdown-user-menu" style="display: none" data-type="dropdown-target">
|
||||
<li class="item-stat">
|
||||
<span class="strength" title="{$aLang.user_skill}"><i class="icon-synio-star-green"></i> {$oUserCurrent->getSkill()}</span>
|
||||
<span class="rating {if $oUserCurrent->getRating() < 0}negative{/if}" title="{$aLang.user_rating}"><i class="icon-synio-rating"></i> {$oUserCurrent->getRating()}</span>
|
||||
|
|
|
@ -8,14 +8,14 @@
|
|||
<li class="rating"><span>{$aLang.infobox_blog_rating}</span> <strong>{$oBlog->getRating()}</strong></li>
|
||||
</ul>
|
||||
|
||||
|
||||
{if $oTopicLast}
|
||||
{$aLang.infobox_blog_topic_last}:<br/>
|
||||
<a href="{$oTopicLast->getUrl()}" class="infobox-topic">{$oTopicLast->getTitle()|escape:'html'}</a>
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
{/if}
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
<div class="infobox-actions">
|
||||
<a href="{$oBlog->getUrlFull()}">{$aLang.infobox_blog_url}</a><br/>
|
||||
<a href="{router page='rss'}blog/{$oBlog->getUrl()}/">{$aLang.infobox_blog_rss}</a>
|
||||
|
|
|
@ -21,9 +21,161 @@ jQuery(document).ready(function($){
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Modals
|
||||
*/
|
||||
$('.js-modal-default').modal();
|
||||
|
||||
|
||||
/**
|
||||
* Datepicker
|
||||
*/
|
||||
$('.date-picker').datepicker();
|
||||
|
||||
|
||||
/**
|
||||
* Dropdowns
|
||||
*/
|
||||
$('.js-dropdown-default').dropdown();
|
||||
|
||||
/* User menu */
|
||||
$('.js-dropdown-usermenu').dropdown({
|
||||
alignX: 'right',
|
||||
offsetY: -1,
|
||||
onShow: function () {
|
||||
$('#user-menu').addClass('opened');
|
||||
},
|
||||
onHide: function () {
|
||||
$('#user-menu').removeClass('opened');
|
||||
}
|
||||
});
|
||||
|
||||
/* Create */
|
||||
$('.js-dropdown-create').dropdown({
|
||||
offsetX: -18,
|
||||
offsetY: -41,
|
||||
effect: 'show',
|
||||
duration: 0,
|
||||
onInit: function () {
|
||||
var self = this;
|
||||
this.$target.find('li.active').prependTo(this.$target).find('a').on('click', function (e) {
|
||||
e.preventDefault();
|
||||
self.hide();
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
/**
|
||||
* Popovers
|
||||
*/
|
||||
$(document).popover({ selector: '.js-popover-default' });
|
||||
|
||||
$(document).popover({
|
||||
selector: '.js-popover-blog-info',
|
||||
alignX: 'left',
|
||||
alignY: 'bottom',
|
||||
classes: 'popover-blog-info',
|
||||
offsetX: -20,
|
||||
offsetY: 10,
|
||||
});
|
||||
|
||||
|
||||
/**
|
||||
* Tooltips
|
||||
*/
|
||||
$(document).tooltip({
|
||||
selector: '.js-tooltip, .js-tooltip-vote-topic',
|
||||
});
|
||||
|
||||
$('.js-title-talk').tooltip({
|
||||
alignX: 'left',
|
||||
alignY: 'center',
|
||||
classes: 'tooltip-yellow'
|
||||
});
|
||||
|
||||
$('.js-tip-help').tooltip({
|
||||
alignX: 'right',
|
||||
alignY: 'center'
|
||||
});
|
||||
|
||||
if (ls.registry.get('block_stream_show_tip')) {
|
||||
$(document).tooltip({
|
||||
selector: '.js-title-comment, .js-title-topic',
|
||||
alignX: 'left',
|
||||
alignY: 'center',
|
||||
classes: 'tooltip-yellow',
|
||||
delay: 1500
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Autocomplete
|
||||
*/
|
||||
ls.autocomplete.add($(".autocomplete-tags-sep"), aRouter['ajax']+'autocompleter/tag/', true);
|
||||
ls.autocomplete.add($(".autocomplete-tags"), aRouter['ajax']+'autocompleter/tag/', false);
|
||||
ls.autocomplete.add($(".autocomplete-users-sep"), aRouter['ajax']+'autocompleter/user/', true);
|
||||
ls.autocomplete.add($(".autocomplete-users"), aRouter['ajax']+'autocompleter/user/', false);
|
||||
|
||||
|
||||
/**
|
||||
* Scroll
|
||||
*/
|
||||
$(window)._scrollable();
|
||||
|
||||
|
||||
/**
|
||||
* Toolbar
|
||||
*/
|
||||
ls.toolbar.topic.init(); // Тул-бар топиков
|
||||
ls.toolbar.up.init(); // Кнопка "UP"
|
||||
|
||||
|
||||
/**
|
||||
* Code highlight
|
||||
*/
|
||||
prettyPrint();
|
||||
|
||||
|
||||
/**
|
||||
* Blocks
|
||||
*/
|
||||
ls.blocks.init('stream',{group_items: true, group_min: 3});
|
||||
ls.blocks.init('blogs');
|
||||
ls.blocks.initSwitch('tags');
|
||||
ls.blocks.initSwitch('upload-img');
|
||||
ls.blocks.initSwitch('favourite-topic-tags');
|
||||
ls.blocks.initSwitch('popup-login');
|
||||
|
||||
|
||||
/**
|
||||
* Misc
|
||||
*/
|
||||
|
||||
// Фикс бага с z-index у встроенных видео
|
||||
$("iframe").each(function(){
|
||||
var ifr_source = $(this).attr('src');
|
||||
|
||||
if(ifr_source) {
|
||||
var wmode = "wmode=opaque";
|
||||
|
||||
if (ifr_source.indexOf('?') != -1)
|
||||
$(this).attr('src',ifr_source+'&'+wmode);
|
||||
else
|
||||
$(this).attr('src',ifr_source+'?'+wmode);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
/**
|
||||
* Auth modal
|
||||
*/
|
||||
$('.js-registration-form-show').click(function(){
|
||||
if ($('[data-tab-target=tab-pane-registration]').length) {
|
||||
$('#modal-login').jqmShow({onShow: $('[data-tab-target=tab-pane-registration]').tabActivate()});
|
||||
if ($('[data-option-target=tab-pane-registration]').length) {
|
||||
$('#modal-login').modal('option', 'onShow', function () { $('[data-option-target=tab-pane-registration]').tab('activate') });
|
||||
$('#modal-login').modal('show');
|
||||
} else {
|
||||
window.location=aRouter.registration;
|
||||
}
|
||||
|
@ -31,24 +183,15 @@ jQuery(document).ready(function($){
|
|||
});
|
||||
|
||||
$('.js-login-form-show').click(function(){
|
||||
if ($('[data-tab-target=tab-pane-login]').length) {
|
||||
$('#modal-login').jqmShow({onShow: $('[data-tab-target=tab-pane-login]').tabActivate()});
|
||||
if ($('[data-option-target=tab-pane-login]').length) {
|
||||
$('#modal-login').modal('option', 'onShow', function () { $('[data-option-target=tab-pane-login]').tab('activate') });
|
||||
$('#modal-login').modal('show');
|
||||
} else {
|
||||
window.location=aRouter.login;
|
||||
}
|
||||
return false;
|
||||
});
|
||||
|
||||
// Datepicker
|
||||
/**
|
||||
* TODO: навесить языки на datepicker
|
||||
*/
|
||||
$('.date-picker').datepicker({
|
||||
dateFormat: 'dd.mm.yy',
|
||||
dayNamesMin: ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб'],
|
||||
monthNames: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
|
||||
firstDay: 1
|
||||
});
|
||||
|
||||
|
||||
// Поиск по тегам
|
||||
|
@ -61,24 +204,6 @@ jQuery(document).ready(function($){
|
|||
});
|
||||
|
||||
|
||||
// Автокомплит
|
||||
ls.autocomplete.add($(".autocomplete-tags-sep"), aRouter['ajax']+'autocompleter/tag/', true);
|
||||
ls.autocomplete.add($(".autocomplete-tags"), aRouter['ajax']+'autocompleter/tag/', false);
|
||||
ls.autocomplete.add($(".autocomplete-users-sep"), aRouter['ajax']+'autocompleter/user/', true);
|
||||
ls.autocomplete.add($(".autocomplete-users"), aRouter['ajax']+'autocompleter/user/', false);
|
||||
|
||||
|
||||
// Скролл
|
||||
$(window)._scrollable();
|
||||
|
||||
|
||||
// Тул-бар топиков
|
||||
ls.toolbar.topic.init();
|
||||
// Кнопка "UP"
|
||||
ls.toolbar.up.init();
|
||||
|
||||
|
||||
|
||||
|
||||
toolbarPos();
|
||||
|
||||
|
@ -92,75 +217,6 @@ jQuery(document).ready(function($){
|
|||
}
|
||||
});
|
||||
|
||||
|
||||
// Всплывающие сообщения
|
||||
if (ls.registry.get('block_stream_show_tip')) {
|
||||
$('.js-title-comment, .js-title-topic').poshytip({
|
||||
className: 'infobox-yellow',
|
||||
alignTo: 'target',
|
||||
alignX: 'left',
|
||||
alignY: 'center',
|
||||
offsetX: 10,
|
||||
liveEvents: true,
|
||||
showTimeout: 1000
|
||||
});
|
||||
}
|
||||
$('.js-title-talk').poshytip({
|
||||
className: 'infobox-yellow',
|
||||
alignTo: 'target',
|
||||
alignX: 'left',
|
||||
alignY: 'center',
|
||||
offsetX: 10,
|
||||
liveEvents: true,
|
||||
showTimeout: 1000
|
||||
});
|
||||
|
||||
|
||||
$('.js-infobox-vote-topic').poshytip({
|
||||
content: function() {
|
||||
var id = $(this).attr('id').replace('vote_area_topic_','vote-info-topic-');
|
||||
return $('#'+id).html();
|
||||
},
|
||||
className: 'infobox-topic',
|
||||
alignTo: 'target',
|
||||
alignX: 'center',
|
||||
alignY: 'top',
|
||||
offsetX: 2,
|
||||
offsetY: 5,
|
||||
liveEvents: true,
|
||||
showTimeout: 100
|
||||
});
|
||||
|
||||
$('.js-tip-help').poshytip({
|
||||
className: 'infobox-standart',
|
||||
alignTo: 'target',
|
||||
alignX: 'right',
|
||||
alignY: 'center',
|
||||
offsetX: 5,
|
||||
liveEvents: true,
|
||||
showTimeout: 500
|
||||
});
|
||||
|
||||
$('.js-infobox').poshytip({
|
||||
className: 'infobox-topic',
|
||||
alignTo: 'target',
|
||||
alignX: 'center',
|
||||
alignY: 'top',
|
||||
offsetY: 5,
|
||||
liveEvents: true,
|
||||
showTimeout: 300
|
||||
});
|
||||
|
||||
// подсветка кода
|
||||
prettyPrint();
|
||||
|
||||
// эмуляция border-sizing в IE
|
||||
var inputs = $('input.input-text, textarea');
|
||||
ls.ie.bordersizing(inputs);
|
||||
|
||||
// эмуляция placeholder'ов в IE
|
||||
inputs.placeholder();
|
||||
|
||||
// блоки
|
||||
ls.hook.add('ls_blocks_init_navigation_after',function(block,count){
|
||||
if ($('.js-block-'+block+'-nav').find('li').length >= count) {
|
||||
|
@ -168,14 +224,6 @@ jQuery(document).ready(function($){
|
|||
}
|
||||
});
|
||||
|
||||
// инизиализация блоков
|
||||
ls.blocks.init('stream',{group_items: true, group_min: 3});
|
||||
ls.blocks.init('blogs');
|
||||
ls.blocks.initSwitch('tags');
|
||||
ls.blocks.initSwitch('upload-img');
|
||||
ls.blocks.initSwitch('favourite-topic-tags');
|
||||
ls.blocks.initSwitch('popup-login');
|
||||
|
||||
// комментарии
|
||||
ls.comments.init();
|
||||
|
||||
|
@ -333,52 +381,6 @@ jQuery(document).ready(function($){
|
|||
});
|
||||
|
||||
|
||||
|
||||
/****************
|
||||
* DROPDOWN
|
||||
*/
|
||||
var nav_pills_dropdown = $('.nav-pills-dropdown');
|
||||
|
||||
nav_pills_dropdown.each(function(i) {
|
||||
var obj = $(this);
|
||||
var menu = obj.clone();
|
||||
|
||||
obj.find('li:not(.active)').remove();
|
||||
obj.show();
|
||||
|
||||
var timestamp = new Date().getTime();
|
||||
var active = $(this).find('li.active');
|
||||
var pos = active.offset();
|
||||
|
||||
menu.removeClass().addClass('dropdown-menu').attr('id', 'dropdown-menu-' + timestamp).hide().appendTo('body').css({ 'left': pos.left - 10, 'top': pos.top + 24, 'display': 'none' });
|
||||
active.addClass('dropdown').attr('id', 'dropdown-trigger-' + timestamp).append('<i class="icon-synio-arrows"></i>');
|
||||
|
||||
active.click(function(){
|
||||
menu.slideToggle();
|
||||
return false;
|
||||
});
|
||||
});
|
||||
|
||||
$(window).resize(function(){
|
||||
nav_pills_dropdown.each(function(i) {
|
||||
var obj = $(this).find('li');
|
||||
var timestamp = obj.attr('id').replace('dropdown-trigger-', '');
|
||||
var pos = obj.offset();
|
||||
|
||||
$('#dropdown-menu-' + timestamp).css({ 'left': pos.left + 2 });
|
||||
});
|
||||
});
|
||||
|
||||
// Hide menu
|
||||
$(document).click(function(){
|
||||
$('.dropdown-menu').hide();
|
||||
});
|
||||
|
||||
$('body').on("click", ".dropdown-menu", function(e) {
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
|
||||
// Help-tags link
|
||||
$('.js-tags-help-link').click(function(){
|
||||
var target=ls.registry.get('tags-help-target-id');
|
||||
|
@ -395,30 +397,6 @@ jQuery(document).ready(function($){
|
|||
return false;
|
||||
});
|
||||
|
||||
|
||||
$('.topic').each(function(i){
|
||||
var share=$(this).find('.topic-info-share');
|
||||
if (share.length) {
|
||||
var left = $(this).find('.topic-info-share').position().left;
|
||||
$(this).find('.topic-share .arrow').css('left', left + 1);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Фикс бага с z-index у встроенных видео
|
||||
$("iframe").each(function(){
|
||||
var ifr_source = $(this).attr('src');
|
||||
|
||||
if(ifr_source) {
|
||||
var wmode = "wmode=opaque";
|
||||
|
||||
if (ifr_source.indexOf('?') != -1)
|
||||
$(this).attr('src',ifr_source+'&'+wmode);
|
||||
else
|
||||
$(this).attr('src',ifr_source+'?'+wmode);
|
||||
}
|
||||
});
|
||||
|
||||
// Меню
|
||||
(function(){
|
||||
var trigger = $('#dropdown-mainmenu-trigger');
|
||||
|
@ -453,46 +431,6 @@ jQuery(document).ready(function($){
|
|||
});
|
||||
})();
|
||||
|
||||
// Меню пользователя в шапке
|
||||
(function(){
|
||||
// Dropdown
|
||||
var dp = $('#dropdown-user');
|
||||
if (!dp.length) {
|
||||
return;
|
||||
}
|
||||
var trigger = $('#dropdown-user-trigger');
|
||||
var menu = $('#dropdown-user-menu');
|
||||
var pos = $('#dropdown-user').offset();
|
||||
|
||||
menu.appendTo('body').css({ 'left': pos.left, 'top': $('#dropdown-user').height() - 1, 'min-width': $('#dropdown-user').outerWidth(), 'display': 'none' });
|
||||
|
||||
trigger.click(function(){
|
||||
menu.slideToggle();
|
||||
dp.toggleClass('opened');
|
||||
return false;
|
||||
});
|
||||
|
||||
menu.find('a').click(function(){
|
||||
dp.removeClass('opened');
|
||||
trigger.find('a').text( $(this).text() );
|
||||
menu.slideToggle();
|
||||
});
|
||||
|
||||
// Hide menu
|
||||
$(document).click(function(){
|
||||
dp.removeClass('opened');
|
||||
menu.slideUp();
|
||||
});
|
||||
|
||||
$('body').on('click', '#dropdown-user-trigger, #dropdown-user-menu', function(e) {
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
$(window).resize(function(){
|
||||
menu.css({ 'left': $('#dropdown-user').offset().left });
|
||||
});
|
||||
})();
|
||||
|
||||
// Инициализация строчки поиска
|
||||
(function(){
|
||||
var search_show = $('#search-header-show');
|
||||
|
@ -541,13 +479,18 @@ jQuery(document).ready(function($){
|
|||
return false;
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* IE
|
||||
* TODO: Check browser
|
||||
*/
|
||||
|
||||
// эмуляция border-sizing в IE
|
||||
var inputs = $('input.input-text, textarea');
|
||||
ls.ie.bordersizing(inputs);
|
||||
|
||||
ls.infobox.aOptDef=$.extend(true,ls.infobox.aOptDef,{
|
||||
className: 'infobox-help',
|
||||
offsetX: -16
|
||||
});
|
||||
ls.infobox.sTemplateProcess=['<div class="infobox-process"><img src="'+DIR_STATIC_SKIN+'/images/loader-circle.gif" />', '</div>'].join('');
|
||||
|
||||
// эмуляция placeholder'ов в IE
|
||||
inputs.placeholder();
|
||||
|
||||
// Хук конца инициализации javascript-составляющих шаблона
|
||||
ls.hook.run('ls_template_init_end',[],window);
|
||||
|
|
|
@ -37,12 +37,4 @@
|
|||
</ul>
|
||||
{/if}
|
||||
|
||||
{if $sPeriodSelectCurrent}
|
||||
<ul class="nav nav-pills nav-pills-dropdown mb-30">
|
||||
<li {if $sPeriodSelectCurrent=='1'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=1">{$aLang.blog_menu_top_period_24h}</a></li>
|
||||
<li {if $sPeriodSelectCurrent=='7'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=7">{$aLang.blog_menu_top_period_7d}</a></li>
|
||||
<li {if $sPeriodSelectCurrent=='30'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=30">{$aLang.blog_menu_top_period_30d}</a></li>
|
||||
<li {if $sPeriodSelectCurrent=='all'}class="active"{/if}><a href="{$sPeriodSelectRoot}?period=all">{$aLang.blog_menu_top_period_all}</a></li>
|
||||
</ul>
|
||||
{/if}
|
||||
|
||||
{include file='dropdown.timespan.tpl'}
|
11
templates/skin/synio/menu.blog_single.tpl
Normal file
|
@ -0,0 +1,11 @@
|
|||
<div class="nav-group">
|
||||
<ul class="nav nav-pills">
|
||||
<li {if $sMenuSubItemSelect=='good'}class="active"{/if}><a href="{$sMenuSubBlogUrl}">{$aLang.blog_menu_collective_good}</a></li>
|
||||
<li {if $sMenuSubItemSelect=='new'}class="active"{/if}><a href="{$sMenuSubBlogUrl}newall/">{$aLang.blog_menu_collective_new}</a>{if $iCountTopicsBlogNew>0} <a href="{$sMenuSubBlogUrl}new/" class="new">+{$iCountTopicsBlogNew}</a>{/if}</li>
|
||||
<li {if $sMenuSubItemSelect=='discussed'}class="active"{/if}><a href="{$sMenuSubBlogUrl}discussed/">{$aLang.blog_menu_collective_discussed}</a></li>
|
||||
<li {if $sMenuSubItemSelect=='top'}class="active"{/if}><a href="{$sMenuSubBlogUrl}top/">{$aLang.blog_menu_collective_top}</a></li>
|
||||
{hook run='menu_blog_blog_item'}
|
||||
</ul>
|
||||
|
||||
{include file='dropdown.timespan.tpl'}
|
||||
</div>
|
|
@ -1,42 +1,6 @@
|
|||
<script type="text/javascript">
|
||||
jQuery(window).load(function () {
|
||||
var trigger = $('#dropdown-create-trigger');
|
||||
var menu = $('#dropdown-create-menu');
|
||||
var pos = trigger.offset();
|
||||
|
||||
|
||||
// Dropdown
|
||||
menu.find('li.active').prependTo(menu).click(function(){
|
||||
menu.hide();
|
||||
return false;
|
||||
});
|
||||
menu.appendTo('body').css({ 'left': pos.left - 18, 'top': pos.top - 13, 'display': 'none' });
|
||||
|
||||
trigger.click(function(){
|
||||
menu.toggle();
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
// Hide menu
|
||||
$(document).click(function(){
|
||||
menu.hide();
|
||||
});
|
||||
|
||||
$('body').on("click", "#dropdown-create-trigger, #dropdown-create-menu", function(e) {
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
$(window).resize(function(){
|
||||
menu.css({ 'left': $('#dropdown-create-trigger').offset().left - 18 });
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<div class="dropdown-create">
|
||||
{strip}
|
||||
<h2 class="page-header">{$aLang.block_create} <a href="#" class="dropdown-create-trigger link-dashed" id="dropdown-create-trigger">
|
||||
<h2 class="page-header">{$aLang.block_create} <a href="#" class="dropdown-create-trigger link-dashed js-dropdown-create" data-type="dropdown-toggle" data-option-target="dropdown-create-menu" id="dropdown-create-trigger">
|
||||
{if $sMenuItemSelect=='topic'}
|
||||
{$aLang.topic_menu_add}
|
||||
{elseif $sMenuItemSelect=='blog'}
|
||||
|
@ -49,7 +13,7 @@
|
|||
</a></h2>
|
||||
{/strip}
|
||||
|
||||
<ul class="dropdown-menu-create" id="dropdown-create-menu" style="display: none">
|
||||
<ul class="dropdown-menu-create" id="dropdown-create-menu" data-type="dropdown-target" style="display: none">
|
||||
<li {if $sMenuItemSelect=='topic'}class="active"{/if}><a href="{router page='topic'}add/">{$aLang.topic_menu_add}</a></li>
|
||||
<li {if $sMenuItemSelect=='blog'}class="active"{/if}><a href="{router page='blog'}add/">{$aLang.blog_menu_create}</a></li>
|
||||
<li {if $sMenuItemSelect=='talk'}class="active"{/if}><a href="{router page='talk'}add/">{$aLang.block_create_talk}</a></li>
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
{extends file='modals/modal_base.tpl'}
|
||||
|
||||
{block name='id'}add_friend_form{/block}
|
||||
{block name='class'}add_friend_form js-modal-default{/block}
|
||||
{block name='title'}{$aLang.profile_add_friend}{/block}
|
||||
|
||||
{block name='content'}
|
|
@ -1,6 +1,7 @@
|
|||
{extends file='modals/modal_base.tpl'}
|
||||
|
||||
{block name='id'}modal-blog-delete{/block}
|
||||
{block name='class'}modal-blog-delete js-modal-default{/block}
|
||||
{block name='title'}{$aLang.blog_admin_delete_title}{/block}
|
||||
|
||||
{block name='content'}
|
|
@ -1,6 +1,7 @@
|
|||
{extends file='modals/modal_base.tpl'}
|
||||
|
||||
{block name='id'}favourite-form-tags{/block}
|
||||
{block name='class'}favourite-form-tags js-modal-default{/block}
|
||||
{block name='title'}{$aLang.add_favourite_tags}{/block}
|
||||
|
||||
{block name='content'}
|
|
@ -6,19 +6,19 @@
|
|||
{/block}
|
||||
|
||||
{block name='id'}window_upload_img{/block}
|
||||
{block name='class'}modal-image-upload{/block}
|
||||
{block name='class'}modal-image-upload js-modal-default{/block}
|
||||
{block name='title'}{$aLang.uploadimg}{/block}
|
||||
|
||||
{block name='header_after'}
|
||||
<ul class="nav nav-pills nav-pills-tabs" data-toggle="tabs">
|
||||
<li data-toggle="tab" data-tab-target="tab-upload-pc"><a href="#">{$aLang.uploadimg_from_pc}</a></li>
|
||||
<li data-toggle="tab" data-tab-target="tab-upload-link"><a href="#">{$aLang.uploadimg_from_link}</a></li>
|
||||
<ul class="nav nav-pills nav-pills-tabs" data-type="tabs">
|
||||
<li data-type="tab" data-option-target="tab-upload-pc" class="active"><a href="#">{$aLang.uploadimg_from_pc}</a></li>
|
||||
<li data-type="tab" data-option-target="tab-upload-link"><a href="#">{$aLang.uploadimg_from_link}</a></li>
|
||||
</ul>
|
||||
{/block}
|
||||
|
||||
{block name='content_after'}
|
||||
<div data-toggle="tab-content">
|
||||
<form method="POST" action="" enctype="multipart/form-data" id="tab-upload-pc" onsubmit="return false;" data-toggle="tab-pane">
|
||||
<div data-type="tab-content">
|
||||
<form method="POST" action="" enctype="multipart/form-data" id="tab-upload-pc" onsubmit="return false;" class="tab-pane" data-type="tab-pane" style="display: block">
|
||||
<div class="modal-content">
|
||||
<p><label for="img_file">{$aLang.uploadimg_file}:</label>
|
||||
<input type="file" name="img_file" id="img_file" value="" class="input-text input-width-full" /></p>
|
||||
|
@ -48,7 +48,7 @@
|
|||
</form>
|
||||
|
||||
|
||||
<form method="POST" action="" enctype="multipart/form-data" id="tab-upload-link" onsubmit="return false;" data-toggle="tab-pane">
|
||||
<form method="POST" action="" enctype="multipart/form-data" id="tab-upload-link" class="tab-pane" onsubmit="return false;" data-type="tab-pane">
|
||||
<div class="modal-content">
|
||||
<p><label for="img_file">{$aLang.uploadimg_url}:</label>
|
||||
<input type="text" name="img_url" id="img_url" value="http://" class="input-text input-width-full" /></p>
|
|
@ -5,7 +5,7 @@
|
|||
{/block}
|
||||
|
||||
{block name='id'}modal-login{/block}
|
||||
{block name='class'}modal-login{/block}
|
||||
{block name='class'}modal-login js-modal-default{/block}
|
||||
{block name='title'}{$aLang.user_authorization}{/block}
|
||||
|
||||
{block name='content'}
|
||||
|
@ -20,18 +20,18 @@
|
|||
</script>
|
||||
|
||||
|
||||
<ul class="nav nav-pills nav-pills-tabs" data-toggle="tabs">
|
||||
<li data-toggle="tab" data-tab-target="tab-pane-login"><a href="#">{$aLang.user_login_submit}</a></li>
|
||||
<ul class="nav nav-pills nav-pills-tabs" data-type="tabs">
|
||||
<li data-type="tab" data-option-target="tab-pane-login" class="active"><a href="#">{$aLang.user_login_submit}</a></li>
|
||||
{if !$oConfig->GetValue('general.reg.invite')}
|
||||
<li data-toggle="tab" data-tab-target="tab-pane-registration"><a href="#">{$aLang.registration}</a></li>
|
||||
<li data-type="tab" data-option-target="tab-pane-registration"><a href="#">{$aLang.registration}</a></li>
|
||||
{else}
|
||||
<li><a href="{router page='registration'}">{$aLang.registration}</a></li>
|
||||
{/if}
|
||||
<li data-toggle="tab" data-tab-target="tab-pane-reminder"><a href="#">{$aLang.password_reminder}</a></li>
|
||||
<li data-type="tab" data-option-target="tab-pane-reminder"><a href="#">{$aLang.password_reminder}</a></li>
|
||||
</ul>
|
||||
|
||||
<div data-toggle="tab-content">
|
||||
<div id="tab-pane-login" data-toggle="tab-pane">
|
||||
<div data-type="tab-content">
|
||||
<div id="tab-pane-login" data-type="tab-pane" style="display: block">
|
||||
{hook run='login_popup_begin'}
|
||||
<form action="{router page='login'}" method="post" id="popup-login-form">
|
||||
{hook run='form_login_popup_begin'}
|
||||
|
@ -53,7 +53,7 @@
|
|||
|
||||
|
||||
{if !$oConfig->GetValue('general.reg.invite')}
|
||||
<div id="tab-pane-registration" data-toggle="tab-pane">
|
||||
<div id="tab-pane-registration" data-type="tab-pane">
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function($){
|
||||
$('#popup-registration-form').find('input.js-ajax-validate').blur(function(e){
|
||||
|
@ -123,7 +123,7 @@
|
|||
{/if}
|
||||
|
||||
|
||||
<div id="tab-pane-reminder" data-toggle="tab-pane">
|
||||
<div id="tab-pane-reminder" data-type="tab-pane">
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function($){
|
||||
$('#popup-reminder-form').bind('submit',function(){
|
|
@ -1,6 +1,7 @@
|
|||
{extends file='modals/modal_base.tpl'}
|
||||
|
||||
{block name='id'}photoset-upload-form{/block}
|
||||
{block name='class'}photoset-upload-form js-modal-default{/block}
|
||||
{block name='title'}{$aLang.uploadimg}{/block}
|
||||
|
||||
{block name='content'}
|
|
@ -5,7 +5,7 @@
|
|||
{/block}
|
||||
|
||||
{block name='id'}avatar-resize{/block}
|
||||
{block name='class'}modal-upload-avatar{/block}
|
||||
{block name='class'}modal-upload-avatar js-modal-default{/block}
|
||||
{block name='title'}{$aLang.uploadimg}{/block}
|
||||
|
||||
{block name='content'}
|
|
@ -5,7 +5,7 @@
|
|||
{/block}
|
||||
|
||||
{block name='id'}foto-resize{/block}
|
||||
{block name='class'}modal-upload-photo{/block}
|
||||
{block name='class'}modal-upload-photo js-modal-default{/block}
|
||||
{block name='title'}{$aLang.uploadimg}{/block}
|
||||
|
||||
{block name='content'}
|
|
@ -1,6 +1,7 @@
|
|||
{extends file='modals/modal_base.tpl'}
|
||||
|
||||
{block name='id'}userfield_form{/block}
|
||||
{block name='class'}userfield_form js-modal-default{/block}
|
||||
{block name='title'}{$aLang.user_field_admin_title_add}{/block}
|
||||
|
||||
{block name='content'}
|
|
@ -6,7 +6,7 @@
|
|||
{/block}
|
||||
|
||||
{block name='id'}modal-write{/block}
|
||||
{block name='class'}modal-write{/block}
|
||||
{block name='class'}modal-write js-modal-default{/block}
|
||||
{block name='title'}{$aLang.block_create}{/block}
|
||||
|
||||
{block name='content'}
|
|
@ -12,7 +12,7 @@
|
|||
{block name='options'}{/block}
|
||||
|
||||
|
||||
<div class="modal {block name='class'}{/block}" id="{block name='id'}{/block}" data-type="modal">
|
||||
<div class="modal {block name='class'}{/block}" id="{block name='id'}{/block}" data-type="modal" {block name='attributes'}{/block}>
|
||||
<header class="modal-header">
|
||||
{if !$noTitle}<h3>{block name='title'}Modal window{/block}</h3>{/if}
|
||||
<a href="#" class="modal-close" data-type="modal-close"></a>
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
{/if}
|
||||
|
||||
{if $oUserCurrent}
|
||||
<a href="{router page='topic'}add/" class="button button-write" data-type="modal-toggle" data-modal-target="modal-write">{$aLang.block_create}</a>
|
||||
<a href="{router page='topic'}add/" class="button button-write" data-type="modal-toggle" data-option-target="modal-write">{$aLang.block_create}</a>
|
||||
{/if}
|
||||
|
||||
<div class="search-header">
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
{if $menu_content}
|
||||
{include file="menu.$menu_content.content.tpl"}
|
||||
<div class="nav-group">
|
||||
{include file="menu.$menu_content.content.tpl"}
|
||||
</div>
|
||||
{/if}
|
|
@ -11,7 +11,8 @@ $config['module']['user']['friend_on_profile'] = 18;
|
|||
$config['view']['theme'] = 'default';
|
||||
|
||||
|
||||
/* Grid type:
|
||||
/**
|
||||
* Grid type:
|
||||
*
|
||||
* fluid - резина
|
||||
* fixed - фиксированная ширина
|
||||
|
@ -26,45 +27,47 @@ $config['view']['grid']['fluid_max_width'] = 1300;
|
|||
$config['view']['grid']['fixed_width'] = 976;
|
||||
|
||||
|
||||
/**
|
||||
* Assets
|
||||
*/
|
||||
|
||||
/* Styles */
|
||||
$config['head']['default']['js'] = Config::Get('head.default.js');
|
||||
$config['head']['default']['js'][] = '___path.static.skin___/js/template.js';
|
||||
|
||||
$config['head']['default']['css'] = array(
|
||||
// Framework styles
|
||||
"___path.root.server___/templates/framework/css/reset.css",
|
||||
"___path.root.server___/templates/framework/css/helpers.css",
|
||||
"___path.root.server___/templates/framework/css/text.css",
|
||||
"___path.root.server___/templates/framework/css/buttons.css",
|
||||
"___path.root.server___/templates/framework/css/modals.css",
|
||||
|
||||
/* JavaScript */
|
||||
$config['head']['default']['css'] = array_merge(Config::Get('head.default.css'), array(
|
||||
// Template styles
|
||||
"___path.static.skin___/css/base.css",
|
||||
"___path.root.engine_lib___/external/jquery/markitup/skins/synio/style.css",
|
||||
"___path.root.engine_lib___/external/jquery/markitup/sets/synio/style.css",
|
||||
"___path.root.engine_lib___/external/jquery/jcrop/jquery.Jcrop.css",
|
||||
"___path.root.engine_lib___/external/prettify/prettify.css",
|
||||
"___path.static.framework___/js/vendor/jquery-ui/css/smoothness/jquery-ui-1.10.2.custom.css",
|
||||
"___path.static.framework___/js/vendor/markitup/skins/synio/style.css",
|
||||
"___path.static.framework___/js/vendor/markitup/sets/synio/style.css",
|
||||
"___path.static.framework___/js/vendor/jcrop/jquery.Jcrop.css",
|
||||
"___path.static.framework___/js/vendor/prettify/prettify.css",
|
||||
"___path.static.skin___/css/grid.css",
|
||||
"___path.static.skin___/css/common.css",
|
||||
"___path.static.skin___/css/text.css",
|
||||
"___path.static.skin___/css/forms.css",
|
||||
|
||||
"___path.static.skin___/css/buttons.css",
|
||||
"___path.static.skin___/css/tooltip.css",
|
||||
"___path.static.skin___/css/popovers.css",
|
||||
"___path.static.skin___/css/modals.css",
|
||||
"___path.static.skin___/css/dropdowns.css",
|
||||
|
||||
"___path.static.skin___/css/navs.css",
|
||||
"___path.static.skin___/css/icons.css",
|
||||
"___path.static.skin___/css/tables.css",
|
||||
"___path.static.skin___/css/topic.css",
|
||||
"___path.static.skin___/css/comments.css",
|
||||
"___path.static.skin___/css/blocks.css",
|
||||
"___path.static.skin___/css/modals.css",
|
||||
"___path.static.skin___/css/blog.css",
|
||||
"___path.static.skin___/css/profile.css",
|
||||
"___path.static.skin___/css/wall.css",
|
||||
"___path.static.skin___/css/infobox.css",
|
||||
"___path.static.skin___/css/jquery.notifier.css",
|
||||
"___path.static.skin___/css/smoothness/jquery-ui.css",
|
||||
"___path.static.skin___/themes/___view.theme___/style.css",
|
||||
"___path.static.skin___/css/print.css",
|
||||
);
|
||||
|
||||
));
|
||||
|
||||
return $config;
|
||||
?>
|
|
@ -32,12 +32,14 @@
|
|||
</ul>
|
||||
|
||||
|
||||
<div class="topic-share" id="topic_share_{$oTopic->getId()}">
|
||||
{hookb run="topic_share" topic=$oTopic bTopicList=$bTopicList}
|
||||
<div class="yashare-auto-init" data-yashareTitle="{$oTopic->getTitle()|escape:'html'}" data-yashareLink="{$oTopic->getUrl()}" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,gplus"></div>
|
||||
{/hookb}
|
||||
<div class="arrow"></div>
|
||||
<div class="close" onclick="jQuery('#topic_share_{$oTopic->getId()}').slideToggle(); return false;"></div>
|
||||
{* Share block *}
|
||||
<div class="popover" data-type="popover-target" id="topic_share_{$oTopic->getId()}">
|
||||
<div class="popover-arrow"></div><div class="popover-arrow-inner"></div>
|
||||
<div class="popover-content" data-type="popover-content">
|
||||
{hookb run="topic_share" topic=$oTopic bTopicList=$bTopicList}
|
||||
<div class="yashare-auto-init" data-yashareTitle="{$oTopic->getTitle()|escape:'html'}" data-yashareLink="{$oTopic->getUrl()}" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,gplus"></div>
|
||||
{/hookb}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
@ -51,7 +53,9 @@
|
|||
{date_format date=$oTopic->getDateAdd() hours_back="12" minutes_back="60" now="60" day="day H:i" format="j F Y, H:i"}
|
||||
</time>
|
||||
</li>
|
||||
<li class="topic-info-share" data-topic-id="{$oTopic->getId()}" onclick="jQuery('#topic_share_{$oTopic->getId()}').slideToggle(); return false;"><i class="icon-synio-share-blue" title="{$aLang.topic_share}"></i></li>
|
||||
<li class="topic-info-share js-popover-default" data-type="popover-toggle" data-option-target="topic_share_{$oTopic->getId()}">
|
||||
<i class="icon-synio-share-blue" title="{$aLang.topic_share}"></i>
|
||||
</li>
|
||||
|
||||
<li class="topic-info-favourite" onclick="return ls.favourite.toggle({$oTopic->getId()},$('#fav_topic_{$oTopic->getId()}'),'topic');">
|
||||
<i id="fav_topic_{$oTopic->getId()}" class="favourite {if $oUserCurrent && $oTopic->getIsFavourite()}active{/if}"></i>
|
||||
|
@ -86,7 +90,7 @@
|
|||
{/if}
|
||||
|
||||
<li class="topic-info-vote">
|
||||
<div id="vote_area_topic_{$oTopic->getId()}" class="vote-topic
|
||||
<div id="vote_area_topic_{$oTopic->getId()}" data-type="tooltip-toggle" data-option-target="vote-info-topic-{$oTopic->getId()}" class="vote-topic
|
||||
{if $oVote || ($oUserCurrent && $oTopic->getUserId() == $oUserCurrent->getId()) || strtotime($oTopic->getDateAdd()) < $smarty.now-$oConfig->GetValue('acl.vote.topic.limit_time')}
|
||||
{if $oTopic->getRating() > 0}
|
||||
vote-count-positive
|
||||
|
@ -123,7 +127,7 @@
|
|||
vote-not-expired
|
||||
{/if}
|
||||
|
||||
{if $bVoteInfoShow}js-infobox-vote-topic{/if}">
|
||||
{if $bVoteInfoShow}js-tooltip-vote-topic{/if}">
|
||||
<div class="vote-item vote-down" onclick="return ls.vote.vote({$oTopic->getId()},this,-1,'topic');"><span><i></i></span></div>
|
||||
<div class="vote-item vote-count" title="{$aLang.topic_vote_count}: {$oTopic->getCountVote()}">
|
||||
<span id="vote_total_topic_{$oTopic->getId()}">
|
||||
|
@ -135,9 +139,11 @@
|
|||
</span>
|
||||
</div>
|
||||
<div class="vote-item vote-up" onclick="return ls.vote.vote({$oTopic->getId()},this,1,'topic');"><span><i></i></span></div>
|
||||
|
||||
{if $bVoteInfoShow}
|
||||
<div id="vote-info-topic-{$oTopic->getId()}" style="display: none;">
|
||||
<ul class="vote-topic-info">
|
||||
<div id="vote-info-topic-{$oTopic->getId()}" class="tooltip" data-type="tooltip-target">
|
||||
<div class="tip-arrow"></div>
|
||||
<ul class="tooltip-content vote-topic-info" data-type="tooltip-content">
|
||||
<li><i class="icon-synio-vote-info-up"></i> {$oTopic->getCountVoteUp()}</li>
|
||||
<li><i class="icon-synio-vote-info-down"></i> {$oTopic->getCountVoteDown()}</li>
|
||||
<li><i class="icon-synio-vote-info-zero"></i> {$oTopic->getCountVoteAbstain()}</li>
|
||||
|
|
|
@ -25,7 +25,7 @@
|
|||
<div class="topic-info">
|
||||
<a href="{$oBlog->getUrlFull()}" class="topic-blog">{$oBlog->getTitle()|escape:'html'}</a>
|
||||
{if $oBlog->getType() != 'personal'}
|
||||
<a href="#" class="blog-list-info" onclick="return ls.infobox.showInfoBlog(this,{$oBlog->getId()});"></a>
|
||||
<a href="#" data-type="popover-toggle" data-option-url="{router page='ajax'}infobox/info/blog/" data-param-i-blog-id="{$oBlog->getId()}" class="blog-list-info js-popover-blog-info"></a>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
|
|
|
@ -43,7 +43,7 @@
|
|||
<td>
|
||||
{if $oUserCurrent}
|
||||
{if $oUserNote}
|
||||
<button type="button" class="button button-action button-action-note js-infobox" title="{$oUserNote->getText()|escape:'html'}"><i class="icon-synio-comments-green"></i></button>
|
||||
<button type="button" class="button button-action button-action-note js-tooltip" title="{$oUserNote->getText()|escape:'html'}"><i class="icon-synio-comments-green"></i></button>
|
||||
{/if}
|
||||
<a href="{router page='talk'}add/?talk_users={$oUserList->getLogin()}"><button type="submit" class="button button-action button-action-send-message"><i class="icon-synio-send-message"></i><span>{$aLang.user_write_prvmsg}</span></button></a>
|
||||
{/if}
|
||||
|
|