API tools faq
paste
Advertisement
Guest User

RawTumblr

a guest
Feb 11th, 2018
252
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 125.10 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en" dir="ltr" class="desktop" >
  3. <head>
  4.  
  5. <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.js"></script>
  6. <script type="text/javascript">
  7. var url = window.location.pathname;
  8. jQuery(window).ready(function(){
  9.  
  10.  
  11. jQuery('a[href^='+'"/home"'+']').attr('href','/');
  12. jQuery('a[href$="'+url+'"]').addClass('active');
  13. if ( jQuery('.art-pager').children().length > 0 ) {
  14. // do something
  15. }else{
  16. jQuery('.art-pager').remove();
  17. }
  18.  
  19. });
  20. </script>
  21. <script>
  22.  
  23. /* Created by ThemeDorks */
  24. /*jshint forin:true, noarg:true, noempty:true, eqeqeq:true, bitwise:true, strict:true, undef:true, curly:false, browser:true, jquery:false */
  25. /*global jQuery BackgroundHelper */
  26.  
  27. // css helper
  28. browser = function ($) {
  29. 'use strict';
  30. var data = [
  31. { str: navigator.userAgent, sub: 'Chrome', ver: 'Chrome', name: 'chrome' },
  32. { str: navigator.vendor, sub: 'Apple', ver: 'Version', name: 'safari' },
  33. { prop: window.opera, ver: 'Opera', name: 'opera' },
  34. { str: navigator.userAgent, sub: 'Firefox', ver: 'Firefox', name: 'firefox' },
  35. { str: navigator.userAgent, sub: 'MSIE', ver: 'MSIE', name: 'ie' },
  36. { str: navigator.userAgent, sub: 'Trident/7.0', ver: 'rv', name: 'ie' }
  37. ];
  38. var v = function (s, n) {
  39. var i = s.indexOf(data[n].ver);
  40. return (i !== -1) ? parseFloat(s.substring(i + data[n].ver.length + 1)) : 0;
  41. };
  42. var result = { name: 'unknown', version: 0 };
  43. var html = $('html');
  44. for (var n = 0; n < data.length; n++) {
  45. if (!result[data[n].name]) {
  46. result[data[n].name] = false;
  47. }
  48. if ((data[n].str && (data[n].str.indexOf(data[n].sub) !== -1)) || data[n].prop) {
  49. result.name = data[n].name;
  50. result[result.name] = true;
  51. result.version = v(navigator.userAgent, n) || v(navigator.appVersion, n);
  52. html.addClass(result.name + ' ' + result.name + parseInt(result.version, 10));
  53. }
  54. }
  55. return result;
  56. } (jQuery);
  57.  
  58. jQuery(function ($) {
  59. if (typeof responsiveDesign === "undefined") {
  60. $("html").addClass("desktop");
  61. }
  62. });
  63.  
  64. jQuery(function ($) {
  65. 'use strict';
  66. var i, j, k, l, m;
  67. if (!browser.ie || browser.version !== 9) {
  68. return;
  69. }
  70. var splitByTokens = function (str, startToken, endToken, last) {
  71. if (!last) {
  72. last = false;
  73. }
  74. var startPos = str.indexOf(startToken);
  75. if (startPos !== -1) {
  76. startPos += startToken.length;
  77. var endPos = last ? str.lastIndexOf(endToken) : str.indexOf(endToken, startPos);
  78.  
  79. if (endPos !== -1 && endPos > startPos) {
  80. return str.substr(startPos, endPos - startPos);
  81. }
  82. }
  83. return '';
  84. };
  85.  
  86. var splitWithBrackets = function (str, token, brackets) {
  87. /*jshint nonstandard:true */
  88. if (!token) {
  89. token = ',';
  90. }
  91. if (!brackets) {
  92. brackets = '()';
  93. }
  94. var bracket = 0;
  95. var startPos = 0;
  96. var result = [];
  97. if (brackets.lenght < 2) {
  98. return result;
  99. }
  100. var pos = 0;
  101. while (pos < str.length) {
  102. var ch = str[pos];
  103. if (ch === brackets[0]) {
  104. bracket++;
  105. }
  106. if (ch === brackets[1]) {
  107. bracket--;
  108. }
  109. if (ch === token && bracket < 1) {
  110. result.push(str.substr(startPos, pos - startPos));
  111. startPos = pos + token.length;
  112. }
  113. pos++;
  114. }
  115. result.push(str.substr(startPos, pos - startPos));
  116. return result;
  117. };
  118.  
  119. var byteToHex = function (d) {
  120. var hex = Number(d).toString(16);
  121. while (hex.length < 2) {
  122. hex = "0" + hex;
  123. }
  124. return hex;
  125. };
  126.  
  127. for (i = 0; i < document.styleSheets.length; i++) {
  128. var s = document.styleSheets[i];
  129. var r = [s];
  130. for (j = 0; j < s.imports.length; j++) {
  131. r.push(s.imports[j]);
  132. }
  133. for (j = 0; j < r.length; j++) {
  134. s = r[j];
  135. var n = [];
  136. for (k = 0; k < s.rules.length; k++) {
  137. var css = s.rules[k].cssText || s.rules[k].style.cssText;
  138. if (!css) {
  139. continue;
  140. }
  141. var value = splitByTokens(css, '-svg-background:', ';');
  142. if (value === '') {
  143. continue;
  144. }
  145. var values = splitWithBrackets(value);
  146. for (l = 0; l < values.length; l++) {
  147. var g = splitByTokens(values[l], 'linear-gradient(', ')', true);
  148. if (g === '') {
  149. continue;
  150. }
  151. var args = splitWithBrackets(g);
  152. if (args.length < 3) {
  153. continue;
  154. }
  155. var maxOffset = 0;
  156. var stops = [];
  157. for (m = 1; m < args.length; m++) {
  158. var stopValues = splitWithBrackets($.trim(args[m]), ' ');
  159. if (stopValues.length < 2) {
  160. continue;
  161. }
  162. var stopColor = $.trim(stopValues[0]);
  163. var stopOpacity = 1;
  164. if (stopColor == 'transparent') {
  165. stopColor = '#000000';
  166. stopOpacity = 0;
  167. }
  168. var colorRgba = splitByTokens(stopColor, 'rgba(', ')', true);
  169. var stopOffset = $.trim(stopValues[1]);
  170. if (colorRgba !== "") {
  171. var rgba = colorRgba.split(',');
  172. if (rgba.length < 4) {
  173. continue;
  174. }
  175. stopColor = '#' + byteToHex(rgba[0]) + byteToHex(rgba[1]) + byteToHex(rgba[2]);
  176. stopOpacity = rgba[3];
  177. }
  178. var isPx = stopOffset.indexOf('px') !== -1;
  179. if (isPx) {
  180. maxOffset = Math.max(maxOffset, parseInt(stopOffset, 10) || 0);
  181. }
  182. stops.push({ offset: stopOffset, color: stopColor, opacity: stopOpacity, isPx: isPx });
  183. }
  184. var stopsXML = '';
  185. var lastStop = null;
  186. for (m = 0; m < stops.length; m++) {
  187. if (stops[m].isPx) {
  188. stops[m].offset = ((parseInt(stops[m].offset, 10) || 0) / (maxOffset / 100)) + '%';
  189. }
  190. stopsXML += '<stop offset="' + stops[m].offset + '" stop-color="' + stops[m].color + '" stop-opacity="' + stops[m].opacity + '"/>';
  191. if (m === stops.length - 1) {
  192. lastStop = stops[m];
  193. }
  194. }
  195. var isLeft = $.trim(args[0]) === 'left';
  196. var direction = 'x1="0%" y1="0%" ' + (isLeft ? 'x2="100%" y2="0%"' : 'x2="0%" y2="100%"');
  197. var gradientLength = '100%';
  198. if (maxOffset > 0) {
  199. gradientLength = maxOffset + 'px';
  200. }
  201. var size = (isLeft ? 'width="' + gradientLength + '" height="100%"' : 'width="100%" height="' + gradientLength + '"');
  202. var last = "";
  203. if (lastStop !== null && maxOffset > 0) {
  204. last = '<rect ' +
  205. (isLeft ?
  206. 'x="' + maxOffset + '" y="0"' :
  207. 'x="0" y="' + maxOffset + '"') +
  208. ' width="100%" height="100%" style="fill:' + lastStop.color + ';opacity:' + lastStop.opacity + ';"/>';
  209.  
  210. }
  211. var svgGradient = '<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><linearGradient id="g" gradientUnits="objectBoundingBox" ' + direction + '>' + stopsXML + '</linearGradient><rect x="0" y="0" ' + size + ' fill="url(#g)" />' + last + '</svg>';
  212. values[l] = values[l].replace('linear-gradient(' + g + ')', 'url(data:image/svg+xml,' + escape(svgGradient) + ')');
  213. }
  214. n.push({ s: s.rules[k].selectorText, v: 'background: ' + values.join(",") });
  215. }
  216. for (k = 0; k < n.length; k++) {
  217. s.addRule(n[k].s, n[k].v);
  218. }
  219. }
  220. }
  221. });
  222.  
  223.  
  224. jQuery(function ($) {
  225. "use strict";
  226. // ie8
  227. if (!browser.ie || browser.version > 8) return;
  228. $('.art-shapes').each(function () {
  229. if ($(this).siblings('.art-slider').length) {
  230. $(this).remove();
  231. } else {
  232. $(this).css('z-index', 1);
  233. }
  234. });
  235.  
  236. // ie7
  237. if (!browser.ie || browser.version > 7) return;
  238. var textblockTexts = $('.art-textblock div[class$="-text"]');
  239. textblockTexts.each(function () {
  240. var tbText = $(this);
  241. var valign = tbText.css('vertical-align') ? tbText.css('vertical-align') : 'top';
  242. if (valign === 'middle') {
  243. var wrapper = tbText.wrap('<div/>').parent();
  244. tbText.css({
  245. 'position': 'relative',
  246. 'top': '-50%',
  247. 'height': 'auto'
  248. });
  249. wrapper.css({
  250. 'position': 'absolute',
  251. 'top': '50%'
  252. });
  253. } else if (valign === 'bottom') {
  254. tbText.css({
  255. 'position': 'absolute',
  256. 'height': 'auto',
  257. 'bottom': 0
  258. });
  259. }
  260. });
  261. });
  262.  
  263. /* Set wmode=transparent for youtube and other video hostings to show it under the menus, lightboxes etc. */
  264. jQuery(function ($) {
  265. "use strict";
  266. var video = ["youtube"];
  267.  
  268. $("iframe[src]").each(function () {
  269. var iframe = $(this),
  270. src = iframe.attr("src"),
  271. isVideo = false,
  272. i;
  273.  
  274. for (i = 0; i < video.length; i++) {
  275. if (src.toLowerCase().indexOf(video[i].toLowerCase()) !== -1) {
  276. isVideo = true;
  277. break;
  278. }
  279. }
  280.  
  281. if (!isVideo) {
  282. return;
  283. }
  284.  
  285. if (src.lastIndexOf("?") !== -1) {
  286. src += "&amp;wmode=transparent";
  287. } else {
  288. src += "?wmode=transparent";
  289. }
  290. iframe.attr("src", src);
  291. });
  292. });
  293.  
  294. jQuery(function ($) {
  295. "use strict";
  296. $(window).bind("resize", function () { navigatorResizeHandler($("html").hasClass("responsive")); });
  297. });
  298.  
  299. var navigatorResizeHandler = (function ($) {
  300. "use strict";
  301. return function (responsiveDesign) {
  302. if (responsiveDesign) return;
  303. $(".art-slider").each(function () {
  304. var slider = $(this);
  305. var sliderWidth = slider.width();
  306. var nav = slider.siblings(".art-slidenavigator");
  307. var navWidth = nav.outerWidth();
  308. if (nav.length && navWidth < sliderWidth) {
  309. // left offset
  310. var left = nav.attr("data-left");
  311. // (margin = containerWidth - (objectPosition + objectWidth)) < 0
  312. var margin = sliderWidth - sliderWidth * parseFloat(left) / 100 - nav.outerWidth(false);
  313. if (margin < 0) {
  314. nav.css("margin-left", margin);
  315. }
  316. }
  317. });
  318. };
  319. })(jQuery);
  320.  
  321. var processElementMultiplyBg = (function ($) {
  322. return (function (selector, info) {
  323. if (!selector || !info || !info.bgimage || !info.bgposition || !info.images || !info.positions) return;
  324. var path = "";
  325. var script = $('head script[src*="script.js"]');
  326. if (script.length) {
  327. path = (script.attr('src') || '');
  328. path = path.substr(0, path.lastIndexOf('/') + 1);
  329. }
  330. var html = '';
  331. var el = $(selector);
  332. var bgimages = info.images.split(",");
  333. var bgpositions = info.positions.split(",");
  334. for (var i = bgimages.length - 1; i >= 0; i--) {
  335. var bgimage = $.trim(bgimages[i]);
  336. if (bgimage === "")
  337. continue;
  338. var imgIdx = bgimage.lastIndexOf('images/');
  339. var className = bgimage.substring(imgIdx + 7, bgimage.length - 6);
  340. el.append("<div class=\"ie8fix " + className + "\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;background:" + bgimage.replace(/(images\/[^\/]+)$/, path + '$1') + " " + bgpositions[i] + " no-repeat\"></div>");
  341. }
  342. el.css('background-image', info.bgimage.replace(/(images\/[^\/]+)$/, path + '$1'));
  343. el.css('background-position-x', "50%");
  344. el.css('background-position-y', "50%");
  345. });
  346. })(jQuery);
  347.  
  348.  
  349. var responsiveNavigator = (function ($) {
  350. "use strict";
  351. return function () {
  352. if (typeof headerObjectResizer !== 'undefined' && headerObjectResizer.isPreview) return;
  353.  
  354. var sheet = $('.art-sheet');
  355. var sheetWidth = sheet.outerWidth();
  356.  
  357. $(".art-slider").each(function () {
  358. var currentSlider = $(this);
  359. var currentSliderWidth = currentSlider.width();
  360.  
  361. var sliderNavigator = currentSlider.siblings(".art-slidenavigator");
  362. if (sliderNavigator.length) {
  363. var off = sheetLeftFunc(sheet, sliderNavigator);
  364. var calcWidth = isContentSlider(sliderNavigator) ? currentSliderWidth : sheetWidth;
  365.  
  366. var navigatorWidth = sliderNavigator.outerWidth();
  367. var offset = parseInt(sliderNavigator.attr('data-offset') || 0, 10);
  368.  
  369. // left offset
  370. sliderNavigator.css('margin-left', '0px');
  371.  
  372. var left = parseFloat(sliderNavigator.attr("data-left"), 10);
  373. var newLeft = off + uniToPx(left, navigatorWidth, calcWidth);
  374. sliderNavigator.css('left', newLeft + 'px');
  375.  
  376.  
  377. // reset top to original value
  378. sliderNavigator.css("top", "");
  379.  
  380. // top
  381. var navigatorHeight = sliderNavigator.outerHeight();
  382. var uniy = parseFloat(sliderNavigator.attr('data-top'), 10);
  383.  
  384. var sliderHeight = parseInt(currentSlider.css('height'), 10);
  385. var newTop = uniToPx(uniy, navigatorHeight, sliderHeight);
  386.  
  387. sliderNavigator.css("top", (newTop + offset) + 'px');
  388. }
  389. });
  390. };
  391. })(jQuery);
  392.  
  393. jQuery(function ($) {
  394. "use strict";
  395.  
  396. if (typeof responsiveDesign === "undefined") {
  397. $(window).bind("resize", responsiveNavigator);
  398. }
  399.  
  400. $(window).on("load", function pageInitialize() {
  401. $(window).trigger("resize");
  402. $(window).off("load", pageInitialize);
  403. });
  404. });
  405.  
  406. jQuery(function ($) {
  407. 'use strict';
  408.  
  409. if (browser.ie && browser.version < 8) {
  410. $(window).bind('resize', function() {
  411. var c = $('div.art-content');
  412. var s = c.parent().children('.art-layout-cell:not(.art-content)');
  413. var w = 0;
  414. c.hide();
  415. s.each(function() { w += $(this).outerWidth(true); });
  416. c.w = c.parent().width(); c.css('width', c.w - w + 'px');
  417. c.show();
  418. });
  419. }
  420.  
  421. $(window).trigger('resize');
  422. });
  423.  
  424. var artButtonSetup = (function ($) {
  425. 'use strict';
  426. return (function (className) {
  427. $.each($("a." + className + ", button." + className + ", input." + className), function (i, val) {
  428. var b = $(val);
  429. if (!b.hasClass('art-button')) {
  430. b.addClass('art-button');
  431. }
  432. if (b.is('input')) {
  433. b.val(b.val().replace(/^\s*/, '')).css('zoom', '1');
  434. }
  435. b.mousedown(function () {
  436. var b = $(this);
  437. b.addClass("active");
  438. });
  439. b.mouseup(function () {
  440. var b = $(this);
  441. if (b.hasClass('active')) {
  442. b.removeClass('active');
  443. }
  444. });
  445. b.mouseleave(function () {
  446. var b = $(this);
  447. if (b.hasClass('active')) {
  448. b.removeClass('active');
  449. }
  450. });
  451. });
  452. });
  453. })(jQuery);
  454. jQuery(function () {
  455. 'use strict';
  456. artButtonSetup("art-button");
  457. });
  458.  
  459. jQuery(function($) {
  460. 'use strict';
  461. $('input.art-search-button, form.art-search input[type="submit"]').attr('value', '');
  462. });
  463.  
  464. var Control = (function ($) {
  465. 'use strict';
  466. return (function () {
  467. this.init = function(label, type, callback) {
  468. var chAttr = label.find('input[type="' +type + '"]').attr('checked');
  469. if (chAttr === 'checked') {
  470. label.addClass('art-checked');
  471. }
  472.  
  473. label.mouseleave(function () {
  474. $(this).removeClass('hovered').removeClass('active');
  475. });
  476. label.mouseover(function () {
  477. $(this).addClass('hovered').removeClass('active');
  478. });
  479. label.mousedown(function (event) {
  480. if (event.which !== 1) {
  481. return;
  482. }
  483. $(this).addClass('active').removeClass('hovered');
  484. });
  485. label.mouseup(function (event) {
  486. if (event.which !== 1) {
  487. return;
  488. }
  489. callback.apply(this);
  490. $(this).removeClass('active').addClass('hovered');
  491. });
  492. };
  493. });
  494. })(jQuery);
  495.  
  496.  
  497. jQuery(function ($) {
  498. 'use strict';
  499. $('.art-pager').contents().filter(
  500. function () {
  501. return this.nodeType === this.TEXT_NODE;
  502. }
  503. ).remove();
  504. });
  505. var fixRssIconLineHeight = (function ($) {
  506. "use strict";
  507. return function (className) {
  508. $("." + className).css("line-height", $("." + className).height() + "px");
  509. };
  510. })(jQuery);
  511.  
  512. jQuery(function ($) {
  513. "use strict";
  514. var rssIcons = $(".art-rss-tag-icon");
  515. if (rssIcons.length){
  516. fixRssIconLineHeight("art-rss-tag-icon");
  517. if (browser.ie && browser.version < 9) {
  518. rssIcons.each(function () {
  519. if ($.trim($(this).html()) === "") {
  520. $(this).css("vertical-align", "middle");
  521. }
  522. });
  523. }
  524. }
  525. });
  526. var ThemeLightbox = (function ($) {
  527. 'use strict';
  528. return (function () {
  529. var images = $(".art-lightbox");
  530. var current;
  531. this.init = function (ctrl) {
  532. $(".art-lightbox").mouseup({ _ctrl: ctrl }, function (e) {
  533. if ((e.data._ctrl === true && !e.ctrlKey) || (e.which && e.which !== 1)) {
  534. return;
  535. }
  536.  
  537. images = $(".art-lightbox");
  538.  
  539. current = images.index(this);
  540.  
  541. var imgContainer = $('.art-lightbox-wrapper');
  542. if (imgContainer.length === 0) {
  543. imgContainer = $('<div class="art-lightbox-wrapper">').css('line-height', $(window).height() + "px")
  544. .appendTo($("body"));
  545.  
  546. var closeBtn = $('<div class="close"><div class="cw"> </div><div class="ccw"> </div><div class="close-alt">&#10007;</div></div>')
  547. .click(close);
  548. closeBtn.appendTo(imgContainer);
  549. showArrows();
  550. }
  551.  
  552. move(current);
  553. });
  554. };
  555.  
  556. function move(index) {
  557. if (index < 0 || index >= images.length) {
  558. return;
  559. }
  560.  
  561. showError(false);
  562.  
  563. current = index;
  564.  
  565. $(".art-lightbox-wrapper .art-lightbox-image:not(.active)").remove();
  566.  
  567. var active = $(".art-lightbox-wrapper .active");
  568. var target = $('<img class="art-lightbox-image" alt="" src="' + getFullImgSrc($(images[current]).attr("src")) + '" />').click(function () {
  569. if ($(this).hasClass("active")) {
  570. move(current + 1);
  571. }
  572. });
  573.  
  574. if (active.length > 0) {
  575. active.after(target);
  576. } else {
  577. $(".art-lightbox-wrapper").append(target);
  578. }
  579.  
  580. showArrows();
  581. showLoader(true);
  582.  
  583. bindMouse($(".art-lightbox-wrapper").add(target));
  584.  
  585. target.load(function () {
  586. showLoader(false);
  587.  
  588. active.removeClass("active");
  589. target.addClass("active");
  590. });
  591.  
  592. target.error(function () {
  593. showLoader(false);
  594. active.removeClass("active");
  595. target.addClass("active");
  596. target.attr("src", $(images[current]).attr("src"));
  597. });
  598. }
  599.  
  600. function showArrows() {
  601. if ($(".art-lightbox-wrapper .arrow").length === 0) {
  602. $(".art-lightbox-wrapper").append(
  603. $('<div class="arrow left"><div class="arrow-t ccw"> </div><div class="arrow-b cw"> </div><div class="arrow-left-alt">&#8592;</div></div>')
  604. .css("top", $(window).height() / 2 - 40)
  605. .click(function () {
  606. if (!$(this).hasClass("disabled")) {
  607. move(current - 1);
  608. }
  609. })
  610. );
  611. $(".art-lightbox-wrapper").append(
  612. $('<div class="arrow right"><div class="arrow-t cw"> </div><div class="arrow-b ccw"> </div><div class="arrow-right-alt">&#8594;</div></div>')
  613. .css("top", $(window).height() / 2 - 40)
  614. .click(function () {
  615. if (!$(this).hasClass("disabled")) {
  616. move(current + 1);
  617. }
  618. })
  619. );
  620. }
  621.  
  622. if (current === 0) {
  623. $(".art-lightbox-wrapper .arrow.left").addClass("disabled");
  624. } else {
  625. $(".art-lightbox-wrapper .arrow.left").removeClass("disabled");
  626. }
  627.  
  628. if (current === images.length - 1) {
  629. $(".art-lightbox-wrapper .arrow.right").addClass("disabled");
  630. } else {
  631. $(".art-lightbox-wrapper .arrow.right").removeClass("disabled");
  632. }
  633. }
  634.  
  635. function showError(enable) {
  636. if (enable) {
  637. $(".art-lightbox-wrapper").append($('<div class="lightbox-error">The requested content cannot be loaded.<br/>Please try again later.</div>')
  638. .css({ "top": $(window).height() / 2 - 60, "left": $(window).width() / 2 - 170 }));
  639. } else {
  640. $(".art-lightbox-wrapper .lightbox-error").remove();
  641. }
  642. }
  643.  
  644. function showLoader(enable) {
  645. if (!enable) {
  646. $(".art-lightbox-wrapper .loading").remove();
  647. }
  648. else {
  649. $('<div class="loading"> </div>').css({ "top": $(window).height() / 2 - 16, "left": $(window).width() / 2 - 16 }).appendTo($(".art-lightbox-wrapper"));
  650. }
  651. }
  652.  
  653. var close = function () {
  654. $(".art-lightbox-wrapper").remove();
  655. };
  656.  
  657. function bindMouse(img) {
  658. img.bind('mousewheel DOMMouseScroll', function (e) {
  659. var orgEvent = window.event || e.originalEvent;
  660. var delta = (orgEvent.wheelDelta ? orgEvent.wheelDelta : orgEvent.detail * -1) > 0 ? 1 : -1;
  661. move(current + delta);
  662. e.preventDefault();
  663. }).mousedown(function (e) {
  664. // close on middle button click
  665. if (e.which === 2) {
  666. close();
  667. }
  668. e.preventDefault();
  669. });
  670. }
  671.  
  672. function getFullImgSrc(src) {
  673. var fileName = src.substring(0, src.lastIndexOf('.'));
  674. var ext = src.substring(src.lastIndexOf('.'));
  675. return fileName + "-large" + ext;
  676. }
  677.  
  678. });
  679. })(jQuery);
  680.  
  681. jQuery(function () {
  682. 'use strict';
  683. new ThemeLightbox().init();
  684. });
  685.  
  686. (function ($) {
  687. 'use strict';
  688. // transition && transitionEnd && browser prefix
  689. $.support.themeTransition = (function () {
  690. var thisBody = document.body || document.documentElement,
  691. thisStyle = thisBody.style,
  692. support = thisStyle.transition !== undefined ||
  693. thisStyle.WebkitTransition !== undefined ||
  694. thisStyle.MozTransition !== undefined ||
  695. thisStyle.MsTransition !== undefined ||
  696. thisStyle.OTransition !== undefined;
  697. return support && {
  698. event: (function () {
  699. return "transitionend webkitTransitionEnd otransitionend oTransitionEnd";
  700. })(),
  701. prefix: (function () {
  702. return ({
  703. opera: "-o-",
  704. firefox: "-moz-",
  705. chrome: "-webkit-",
  706. safari: "-webkit-",
  707. ie: ""
  708. }[browser.name] || "");
  709. })()
  710. };
  711. })();
  712.  
  713. window.BackgroundHelper = function () {
  714. var slides = [];
  715. var direction = "next";
  716. var motion = "horizontal";
  717. var width = 0;
  718. var height = 0;
  719. var multiplier = 1;
  720. var originalWidth = 0;
  721. var originalHeight = 0;
  722. var transitionDuration = "";
  723.  
  724. this.init = function (motionType, dir, duration) {
  725. direction = dir;
  726. motion = motionType;
  727. slides = [];
  728. width = 0;
  729. height = 0;
  730. multiplier = 1;
  731. originalWidth = 0;
  732. originalHeight = 0;
  733. transitionDuration = duration;
  734. };
  735.  
  736. this.processSlide = function (element, modify) {
  737. this.updateSize(element, null);
  738. var pos = [];
  739.  
  740. var bgPosition = element.css("background-position");
  741. var positions = bgPosition.split(",");
  742. $.each(positions, function (i) {
  743. var position = $.trim(this);
  744. var point = position.split(" ");
  745. var zeroValue = browser.ie && browser.version >= 10 ? 0.1 : 0;
  746. if (point.length > 1) {
  747. var x = point[0].indexOf('%') === -1 ? parseFloat(point[0], 10) : zeroValue;
  748. var y = point[1].indexOf('%') === -1 ? parseFloat(point[1], 10) : zeroValue;
  749. pos.push({ x: x, y: y });
  750. } else {
  751. pos.push({ x: zeroValue, y: zeroValue });
  752. }
  753. });
  754.  
  755. slides.push({
  756. "images": element.css("background-image"),
  757. "sizes": element.css("background-size"),
  758. "positions": pos
  759. });
  760.  
  761. if (modify)
  762. element.css("background-image", "none");
  763. };
  764.  
  765. this.updateSize = function (element, initialSize) {
  766. width = element.outerWidth(false);
  767. height = element.outerHeight();
  768. if (initialSize && parseInt(initialSize.width, 10) !== 0) {
  769. originalWidth = parseInt(initialSize.width, 10);
  770. originalHeight = parseInt(initialSize.height, 10);
  771. if (motion === "fade") {
  772. $.each(element.children(), function (i) {
  773. $(this).css("background-position", getCssPositions(slides[i].positions, { x: 0, y: 0 }));
  774. });
  775. }
  776. }
  777. };
  778.  
  779. this.setBackground = function (element, items) {
  780. var bg = [];
  781. var sizes = [];
  782. $.each(items, function (i, o) {
  783. bg.push(o.images);
  784. sizes.push(o.sizes);
  785. });
  786. element.css({
  787. "background-image": bg.join(", "),
  788. //"background-size": sizes.join(", "),
  789. "background-repeat": "no-repeat"
  790. });
  791. };
  792.  
  793. this.setPosition = function (element, items) {
  794. var pos = [];
  795. $.each(items, function (i, o) {
  796. pos.push(o.positions);
  797. });
  798. element.css({
  799. "background-position": pos.join(", ")
  800. });
  801. };
  802.  
  803. this.current = function (index) {
  804. return slides[index] || null;
  805. };
  806.  
  807. this.next = function (index) {
  808. var next;
  809. if (direction === "next") {
  810. next = (index + 1) % slides.length;
  811. } else {
  812. next = index - 1;
  813. if (next < 0) {
  814. next = slides.length - 1;
  815. }
  816. }
  817. return slides[next];
  818. };
  819.  
  820. this.items = function (prev, next, move) {
  821. var prevItem = { x: 0, y: 0 };
  822. var nextItem = { x: 0, y: 0 };
  823. var isDirectionNext = direction === "next";
  824. var verticalOffset = -(originalHeight - height) / 2;
  825. var horizontalOffset = -(originalWidth - width) / 2;
  826. if (motion === "horizontal") {
  827. prevItem.y = nextItem.y = -(originalHeight - height) / 2;
  828. prevItem.x = horizontalOffset;
  829. nextItem.x = (isDirectionNext ? originalWidth : -originalWidth) + horizontalOffset;
  830. if (move) {
  831. prevItem.x += isDirectionNext ? -originalWidth : originalWidth;
  832. nextItem.x += isDirectionNext ? -originalWidth : originalWidth;
  833. }
  834. } else if (motion === "vertical") {
  835. prevItem.x = nextItem.x = horizontalOffset;
  836. prevItem.y = verticalOffset;
  837. nextItem.y = (isDirectionNext ? originalHeight : -originalHeight) + verticalOffset;
  838. if (move) {
  839. prevItem.y += isDirectionNext ? -originalHeight : originalHeight;
  840. nextItem.y += isDirectionNext ? -originalHeight : originalHeight;
  841. }
  842. }
  843. var result = [];
  844. if (!!prev) {
  845. result.push({ images: prev.images, positions: getCssPositions(prev.positions, prevItem), sizes: prev.sizes });
  846. }
  847. if (!!next) {
  848. result.push({ images: next.images, positions: getCssPositions(next.positions, nextItem), sizes: next.sizes });
  849. }
  850.  
  851. if (direction === "next") {
  852. result.reverse();
  853. }
  854.  
  855. return result;
  856. };
  857.  
  858. this.transition = function (container, on) {
  859. container.css($.support.themeTransition.prefix + "transition", on ? "background-position " + transitionDuration + " ease-in-out" : "");
  860. };
  861.  
  862. function getCssPositions(positions, offset) {
  863. var result = [];
  864. if (positions === undefined) {
  865. return "";
  866. }
  867. offset.x = offset.x || 0;
  868. offset.y = offset.y || 0;
  869. for (var i = 0; i < positions.length; i++) {
  870. result.push((positions[i].x * 1 + offset.x) + "px " + (positions[i].y * 1 + offset.y) + "px");
  871. }
  872. return result.join(", ");
  873. }
  874. };
  875.  
  876.  
  877. var ThemeSlider = function (element, settings) {
  878.  
  879. var interval = null;
  880. var active = false;
  881. var children = element.find(".active").parent().children();
  882. var last = false;
  883. var running = false;
  884.  
  885. this.settings = $.extend({}, {
  886. "animation": "horizontal",
  887. "direction": "next",
  888. "speed": 600,
  889. "pause": 2500,
  890. "auto": true,
  891. "repeat": true,
  892. "navigator": null,
  893. "clickevents": true,
  894. "hover": true,
  895. "helper": null
  896. }, settings);
  897.  
  898. this.move = function (direction, next) {
  899. var activeItem = element.find(".active"),
  900. nextItem = next || activeItem[direction](),
  901. innerDirection = this.settings.direction === "next" ? "forward" : "back",
  902. reset = direction === "next" ? "first" : "last",
  903. moving = interval,
  904. slider = this, tmp;
  905.  
  906. active = true;
  907.  
  908. if (moving) { this.stop(true); }
  909.  
  910. if (!nextItem.length) {
  911. nextItem = element.find(".art-slide-item")[reset]();
  912. if (!this.settings.repeat) { last = true; active = false; return; }
  913. }
  914.  
  915. if ($.support.themeTransition) {
  916. nextItem.addClass(this.settings.direction);
  917. tmp = nextItem.get(0).offsetHeight;
  918.  
  919. activeItem.addClass(innerDirection);
  920. nextItem.addClass(innerDirection);
  921.  
  922. element.trigger("beforeSlide", children.length);
  923.  
  924. element.one($.support.themeTransition.event, function () {
  925. nextItem.removeClass(slider.settings.direction)
  926. .removeClass(innerDirection)
  927. .addClass("active");
  928. activeItem.removeClass("active")
  929. .removeClass(innerDirection);
  930. active = false;
  931. setTimeout(function () {
  932. element.trigger("afterSlide", children.length);
  933. }, 0);
  934. });
  935. } else {
  936. element.trigger("beforeSlide", children.length);
  937.  
  938. activeItem.removeClass("active");
  939. nextItem.addClass("active");
  940. active = false;
  941.  
  942. element.trigger("afterSlide", children.length);
  943. }
  944.  
  945. this.navigate(nextItem);
  946.  
  947. if (moving) { this.start(); }
  948. };
  949.  
  950. this.navigate = function (position) {
  951. var index = children.index(position);
  952. $(this.settings.navigator).children().removeClass("active").eq(index).addClass("active");
  953. };
  954.  
  955. this.to = function (index) {
  956. var activeItem = element.find(".active"),
  957. children = activeItem.parent().children(),
  958. activeIndex = children.index(activeItem),
  959. slider = this;
  960.  
  961. if (index > (children.length - 1) || index < 0) {
  962. return;
  963. }
  964.  
  965. if (active) {
  966. return element.one("afterSlide", function () {
  967. slider.to(index);
  968. });
  969. }
  970.  
  971. if (activeIndex === index) {
  972. return;
  973. }
  974.  
  975. this.move(index > activeIndex ? "next" : "prev", $(children[index]));
  976. };
  977.  
  978. this.next = function () {
  979. if (!active) {
  980. if (last) { this.stop(); return; }
  981. this.move("next");
  982. }
  983. };
  984.  
  985. this.prev = function () {
  986. if (!active) {
  987. if (last) { this.stop(); return; }
  988. this.move("prev");
  989. }
  990. };
  991.  
  992. this.start = function (force) {
  993. if (!!force) {
  994. setTimeout($.proxy(this.next, this), 10);
  995. }
  996. interval = setInterval($.proxy(this.next, this), this.settings.pause);
  997. running = true;
  998. };
  999.  
  1000. this.stop = function (pause) {
  1001. clearInterval(interval);
  1002. interval = null;
  1003. running = !!pause;
  1004. active = false;
  1005. };
  1006.  
  1007. this.active = function () {
  1008. return running;
  1009. };
  1010.  
  1011. this.moving = function () {
  1012. return active;
  1013. };
  1014.  
  1015. this.navigate(children.filter(".active"));
  1016.  
  1017. if (this.settings.clickevents) {
  1018. $(this.settings.navigator).on("click", "a", { slider: this }, function (event) {
  1019. var activeIndex = children.index(children.filter(".active"));
  1020. var index = $(this).parent().children().index($(this));
  1021. if (activeIndex !== index) {
  1022. event.data.slider.to(index);
  1023. }
  1024. event.preventDefault();
  1025. });
  1026. }
  1027.  
  1028. if (this.settings.hover) {
  1029. var slider = this;
  1030. element.add(this.settings.navigator)
  1031. .add(element.siblings(".art-shapes")).hover(function () {
  1032. if (element.is(":visible") && !last) { slider.stop(true); }
  1033. }, function () {
  1034. if (element.is(":visible") && !last) { slider.start(); }
  1035. });
  1036. }
  1037. };
  1038.  
  1039. $.fn.themeSlider = function (arg) {
  1040. return this.each(function () {
  1041. var element = $(this),
  1042. data = element.data("slider"),
  1043. options = typeof arg === "object" && arg;
  1044.  
  1045. if (!data) {
  1046. data = new ThemeSlider(element, options);
  1047. element.data("slider", data);
  1048. }
  1049.  
  1050. if (typeof arg === "string" && data[arg]) {
  1051. data[arg]();
  1052. } else if (data.settings.auto && element.is(":visible")) {
  1053. data.start();
  1054. }
  1055. });
  1056. };
  1057.  
  1058. })(jQuery);
  1059.  
  1060.  
  1061.  
  1062.  
  1063. if (typeof window.resizeData === 'undefined') window.resizeData = {};
  1064. window.resizeData.headerPageWidth = false;
  1065. if (typeof window.defaultResponsiveData === 'undefined') window.defaultResponsiveData = [false, true, true, true, true, ];
  1066.  
  1067. // used to apply compicated values in style like '!important!
  1068. function applyCss(object, param, value) {
  1069. var rg = new RegExp(param + '\s*:\s*[^;]+;', "i");
  1070. var style = object.attr('style');
  1071. var str = param + ': ' + value + ';';
  1072. if (rg.test(style)) {
  1073. style = style.replace(rg, str);
  1074. }
  1075. else {
  1076. style += '; ' + str;
  1077. }
  1078.  
  1079. object.attr('style', style);
  1080. }
  1081.  
  1082. // convert universal coord to pixels
  1083. function uniToPx(uni, size, parentSize) {
  1084. uni = parseFloat(uni || '0');
  1085. if (uni < 0) {
  1086. uni = uni * size;
  1087. } else if (uni >= 1) {
  1088. uni = parentSize - (2 - uni) * size;
  1089. } else {
  1090. uni = uni * (parentSize - size);
  1091. }
  1092.  
  1093. return uni;
  1094. }
  1095.  
  1096. function isContentSlider(object) {
  1097. var isHeader = object.parents('header').length > 0;
  1098. if (isHeader) {
  1099. return false;
  1100. }
  1101. var isPageSlider = object.parents('.art-pageslider').length > 0;
  1102. if (isPageSlider)
  1103. return false;
  1104.  
  1105. return true;
  1106. }
  1107.  
  1108. function sheetLeftFunc(sheet, object) {
  1109. var sheetLeft = sheet.offset().left;
  1110.  
  1111. var isHeader = object.parents('header').length > 0;
  1112. if (isHeader) {
  1113. if (resizeData.headerPageWidth) return sheetLeft;
  1114. } else {
  1115. var isPageSlider = object.parents('.art-pageslider').length > 0;
  1116. if (isPageSlider) {
  1117. if (resizeData.pageSliderPageWidth) return sheetLeft;
  1118. }
  1119. }
  1120.  
  1121. return 0;
  1122. }
  1123.  
  1124. var headerObjectResizer = {
  1125.  
  1126. postInit: false,
  1127.  
  1128. resize: (function ($) {
  1129. 'use strict';
  1130. return function () {
  1131. if (!headerObjectResizer.postInit && typeof responsiveDesign !== 'undefined') {
  1132. $(window).on('responsiveResize', headerObjectResizer.resize);
  1133. headerObjectResizer.postInit = true;
  1134. }
  1135.  
  1136. var responsiveType = 0;
  1137. // if we don't use full custom responsive so we MUST cleanup all styles
  1138. var cleanUpStyles = false;
  1139. // when use default respo so while in desktop mode always use 0-type, in other case cleanup our styles
  1140. if (typeof responsiveDesign !== 'undefined' &&
  1141. defaultResponsiveData[responsiveDesign.responsiveTypeIdx] &&
  1142. responsiveDesign.isResponsive) {
  1143. cleanUpStyles = true;
  1144. }
  1145.  
  1146. if (typeof responsiveDesign !== 'undefined') {
  1147. if (responsiveDesign.responsiveType === 'tabletlandscape') {
  1148. responsiveType = 1;
  1149. } else if (responsiveDesign.responsiveType === 'tabletportrait') {
  1150. responsiveType = 2;
  1151. } else if (responsiveDesign.responsiveType === 'phonelandscape') {
  1152. responsiveType = 3;
  1153. } else if (responsiveDesign.responsiveType === 'phoneportrait') {
  1154. responsiveType = 4;
  1155. }
  1156. }
  1157.  
  1158. var sheet = $('.art-sheet');
  1159. var sheetWidth = sheet.outerWidth();
  1160.  
  1161. var header = $('header');
  1162. var height = 0;
  1163. var cssPrefix = 'art-';
  1164.  
  1165. // move html shapes
  1166. var headerQuery = 'header.art-header .art-shapes>*, header.art-header .art-textblock, header.art-header>.art-headline, header.art-header>.art-slogan, header.art-header>.art-positioncontrol, header.art-header>.art-logo';
  1167. var pageSliderQuery = '.art-pageslider .art-slide-item>*';
  1168. if (headerObjectResizer.isPreview) {
  1169. headerQuery = 'header .art-slider';
  1170. pageSliderQuery = '.art-pageslider .art-slider, .art-pageslider .art-textblock';
  1171. }
  1172. $(headerQuery + ', ' + pageSliderQuery).each(function () {
  1173. var object = $(this);
  1174. height = object.parent().height();
  1175.  
  1176. var off = sheetLeftFunc(sheet, object);
  1177.  
  1178. var cls = object.attr('class').split(' ');
  1179. $.each(cls, function (key, val) {
  1180. val = $.trim(val);
  1181. if (val.length === 0) return;
  1182. if (val.indexOf(cssPrefix) !== 0) return;
  1183.  
  1184. val = val.substring(cssPrefix.length);
  1185. var data = resizeData[val];
  1186. if (typeof data === 'undefined') return;
  1187.  
  1188. if (cleanUpStyles) {
  1189. object.css('display', '');
  1190. object.css('left', '');
  1191. object.css('margin-left', '');
  1192. }
  1193.  
  1194. var respData = data.responsive[responsiveType];
  1195. if (respData.visible) {
  1196. object.css('display', '');
  1197. } else {
  1198. applyCss(object, 'display', 'none !important');
  1199. }
  1200.  
  1201. if (cleanUpStyles || !respData.visible) return false;
  1202.  
  1203. var x = uniToPx(respData.left, data.autoWidth ? object.width() : data.width, sheetWidth);
  1204. x += off;
  1205.  
  1206. var y = uniToPx(respData.top, data.height, height);
  1207.  
  1208. object.css('left', x + 'px');
  1209. object.css('top', y + 'px');
  1210. applyCss(object, 'margin-left', '0px !important');
  1211. return false;
  1212. });
  1213. });
  1214.  
  1215. // move images in slide's background-images
  1216. var slides = $('.art-slide-item').add(header);
  1217. if (browser.ie && browser.version <= 8) {
  1218. slides = slides.add('.art-slide-item .ie8fix');
  1219. }
  1220. $.each(slides, function (slideIdx, slide) {
  1221. slide = $(slide);
  1222.  
  1223. if (slide.closest('.art-collage').length > 0 || cleanUpStyles) {
  1224. slide.css('background-position', '');
  1225. return;
  1226. }
  1227.  
  1228. var slideVisible = slide.is(':visible');
  1229. if (!slideVisible && browser.ie) {
  1230. slide.css('display', 'block');
  1231. }
  1232.  
  1233. var off = sheetLeftFunc(sheet, slide);
  1234.  
  1235. if (browser.ie && browser.version <= 8) {
  1236. var s = slide.attr('style');
  1237. if (s) {
  1238. s = s.replace(/background\-position[^;]+/, '');
  1239. slide.attr('style', s);
  1240. }
  1241. } else {
  1242. slide.css('background-position', '');
  1243. }
  1244. slide.css('background-size', '');
  1245.  
  1246. var bgImage = slide.css('background-image') ? slide.css('background-image').split(',') : [];
  1247. var bgPosition = slide.css('background-position') && (slide.css('background-position').replace(/[0][^\d]+/gi, '')).length > 0 ?
  1248. slide.css('background-position').split(',') :
  1249. [];
  1250. if (bgImage.length !== bgPosition.length) {
  1251. slide.css('display', '');
  1252. return;
  1253. }
  1254.  
  1255. height = slide.height();
  1256. if (height === 0) height = slide.parent().height();
  1257.  
  1258. $.each(bgImage, function (idx, val) {
  1259. var findImageIdx = val.lastIndexOf('images/');
  1260. var findDotIdx = val.lastIndexOf('.');
  1261. if (findImageIdx === -1 || findDotIdx === -1) return;
  1262.  
  1263. var name = val.substring(findImageIdx + 7, findDotIdx);
  1264.  
  1265. var data = resizeData[name];
  1266. if (typeof data === 'undefined') return;
  1267.  
  1268. var respData = data.responsive[responsiveType];
  1269. // big default coordinates for hiding
  1270. var x = 9999, y = 9999;
  1271. if (respData.visible) {
  1272. x = uniToPx(respData.left, data.width, sheetWidth);
  1273. x += off + data.area.x;
  1274.  
  1275. y = uniToPx(respData.top, data.height, height);
  1276. y += data.area.y;
  1277. }
  1278.  
  1279. bgPosition[idx] = x + 'px ' + y + 'px';
  1280. });
  1281.  
  1282. slide.css('background-position', bgPosition.join(','));
  1283.  
  1284. if (!slideVisible && browser.ie) {
  1285. slide.css('display', '');
  1286. }
  1287. });
  1288.  
  1289. };
  1290. })(jQuery),
  1291.  
  1292. initialize: function ($) {
  1293. if (!browser.ie || browser.version > 8) {
  1294. $(window).on('resize', this.resize);
  1295. } else {
  1296. var resizeTimeout;
  1297. var self = this;
  1298. $(window).on("resize", function () {
  1299. clearTimeout(resizeTimeout);
  1300. resizeTimeout = setTimeout(function () { self.resize(); }, 25);
  1301. });
  1302. }
  1303. }
  1304. };
  1305.  
  1306. headerObjectResizer.initialize(jQuery);
  1307. jQuery(function ($) {
  1308. "use strict";
  1309. if (!browser.ie || browser.version > 8)
  1310. return;
  1311. processElementMultiplyBg(".art-header", {
  1312. "bgimage": "none",
  1313. "bgposition": "0 0",
  1314. "images": "",
  1315. "positions": ""
  1316. });
  1317. });
  1318. if (typeof window.resizeData === 'undefined') window.resizeData = {};
  1319.  
  1320. window.resizeData.pageSliderPageWidth = false;
  1321.  
  1322. /* Created by ThemeDorks */
  1323. /*jshint forin:true, noarg:true, noempty:true, eqeqeq:true, bitwise:true, strict:true, undef:true, curly:false, browser:true, jquery:false */
  1324. /*global jQuery */
  1325.  
  1326. var responsiveDesign = {
  1327. isResponsive: false,
  1328. isDesktop: false,
  1329. isTablet: false,
  1330. isPhone: false,
  1331. lockedResponsiveMode: '', // free mode from start
  1332.  
  1333. responsiveType: 'desktop',
  1334. responsiveTypeIdx: 1,
  1335. lockedResponsiveType: '',
  1336.  
  1337. isCurrentDefaultResponsive: false,
  1338.  
  1339. defaultResponsive: [ false, true, true, true, true ], // turn on/off old or new responsive modes
  1340.  
  1341. windowWidth: 0,
  1342.  
  1343. responsive: (function ($) {
  1344. "use strict";
  1345. return function () {
  1346. var html = $("html");
  1347. this.windowWidth = $(window).width();
  1348. var triggerEvent = false;
  1349.  
  1350. var isRespVisible = $("#art-resp").is(":visible");
  1351. if (this.lockedResponsiveMode === 'desktop') isRespVisible = false;
  1352.  
  1353. if (isRespVisible && !this.isResponsive) {
  1354. html.addClass("responsive").removeClass("desktop");
  1355. this.isResponsive = true;
  1356. this.isDesktop = false;
  1357. triggerEvent = true;
  1358. } else if (!isRespVisible && !this.isDesktop) {
  1359. html.addClass("desktop").removeClass("responsive default-responsive responsive-tablet responsive-phone");
  1360. this.isResponsive = this.isTablet = this.isPhone = false;
  1361. this.isDesktop = true;
  1362. triggerEvent = true;
  1363. }
  1364.  
  1365. if (this.isResponsive) {
  1366. // additional check to lock responsive mode
  1367. var isTablet = this.lockedResponsiveMode === 'tablet' || ($("#art-resp-t").is(":visible") && this.lockedResponsiveMode === '');
  1368. var isPhone = this.lockedResponsiveMode === 'phone' || ($("#art-resp-m").is(":visible") && this.lockedResponsiveMode === '');
  1369. if (isTablet && !this.isTablet) {
  1370. html.addClass("responsive-tablet").removeClass("responsive-phone");
  1371. this.isTablet = true;
  1372. this.isPhone = false;
  1373. triggerEvent = true;
  1374. } else if (isPhone && !this.isPhone) {
  1375. html.addClass("responsive-phone").removeClass("responsive-tablet");
  1376. this.isTablet = false;
  1377. this.isPhone = true;
  1378. triggerEvent = true;
  1379. }
  1380. }
  1381.  
  1382. var prevResponsiveIndx = this.responsiveTypeIdx;
  1383. if (this.lockedResponsiveType === 'tabletlandscape' || ($("#art-resp-tablet-landscape").is(":visible") && this.lockedResponsiveType === '')) {
  1384. this.responsiveType = 'tabletlandscape';
  1385. this.responsiveTypeIdx = 1;
  1386. } else if (this.lockedResponsiveType === 'tabletportrait' || ($("#art-resp-tablet-portrait").is(":visible") && this.lockedResponsiveType === '')) {
  1387. this.responsiveType = 'tabletportrait';
  1388. this.responsiveTypeIdx = 2;
  1389. } else if (this.lockedResponsiveType === 'phonelandscape' || ($("#art-resp-phone-landscape").is(":visible") && this.lockedResponsiveType === '')) {
  1390. this.responsiveType = 'phonelandscape';
  1391. this.responsiveTypeIdx = 3;
  1392. } else if (this.lockedResponsiveType === 'phoneportrait' || ($("#art-resp-phone-portrait").is(":visible") && this.lockedResponsiveType === '')) {
  1393. this.responsiveType = 'phoneportrait';
  1394. this.responsiveTypeIdx = 4;
  1395. } else { //if (this.lockedResponsiveType === 'desktop' || ($("#art-resp-desktop").is(":visible") && this.lockedResponsiveType === '')) {
  1396. this.responsiveType = 'desktop';
  1397. this.responsiveTypeIdx = 0;
  1398. }
  1399.  
  1400. if (triggerEvent || prevResponsiveIndx !== this.responsiveTypeIdx) {
  1401. triggerEvent = true;
  1402.  
  1403. if (this.isResponsive && this.defaultResponsive[ this.responsiveTypeIdx ]) {
  1404. this.isCurrentDefaultResponsive = true;
  1405. html.removeClass('custom-responsive').addClass('default-responsive');
  1406. } else {
  1407. this.isCurrentDefaultResponsive = false;
  1408. html.removeClass('default-responsive').addClass('custom-responsive');
  1409. }
  1410. }
  1411.  
  1412. if (triggerEvent) {
  1413. $(window).trigger("responsive", this);
  1414. }
  1415.  
  1416. $(window).trigger("responsiveResize", this);
  1417. };
  1418. })(jQuery),
  1419. initialize: (function ($) {
  1420. "use strict";
  1421. return function () {
  1422. // get correct defaultResponsive
  1423. if (typeof defaultResponsiveData !== 'undefined') responsiveDesign.defaultResponsive = defaultResponsiveData;
  1424.  
  1425. $("<div id=\"art-resp\"><div id=\"art-resp-m\"></div><div id=\"art-resp-t\"></div></div>").appendTo("body");
  1426. $('<div id="art-resp-tablet-landscape" /><div id="art-resp-tablet-portrait" /><div id="art-resp-phone-landscape" /><div id="art-resp-phone-portrait" />').appendTo('body');
  1427.  
  1428.  
  1429. /* (1) Use this code for debug instead of (2):
  1430. * var resizeTimeout;
  1431. * $(window).resize(function () {
  1432. * clearTimeout(resizeTimeout);
  1433. * resizeTimeout = setTimeout(function () { responsiveDesign.responsive(); }, 50);
  1434. * });
  1435. */
  1436.  
  1437. /* (2) Use this code for production and comment (1): */
  1438. $(window).resize(function () {
  1439. responsiveDesign.responsive();
  1440. });
  1441.  
  1442. $(window).trigger("resize");
  1443. };
  1444. })(jQuery),
  1445. // lock responsive in some mode: desktop, tablet or phone for editor
  1446. lockResponsiveType: function (mode) {
  1447. responsiveDesign.lockedResponsiveType = mode;
  1448.  
  1449. if (mode.indexOf('tablet') === 0) mode = 'tablet';
  1450. if (mode.indexOf('phone') === 0) mode = 'phone';
  1451.  
  1452. responsiveDesign.lockedResponsiveMode = mode;
  1453. },
  1454. // using in editor to turn off default responsive
  1455. toogleDefaultResponsive: function (type, val) {
  1456. var old = responsiveDesign.defaultResponsive[ type ];
  1457. responsiveDesign.defaultResponsive[ type ] = val;
  1458. if (old !== val) responsiveDesign.responsiveTypeIdx = -1;
  1459. }
  1460. };
  1461.  
  1462. function responsiveAbsBg(responsiveDesign, el, bg) {
  1463. "use strict";
  1464. if (bg.length === 0)
  1465. return;
  1466.  
  1467. var desktopBgTop = bg.attr("data-bg-top");
  1468. var desktopBgHeight = bg.attr("data-bg-height");
  1469.  
  1470. if (responsiveDesign.isResponsive) {
  1471. if (typeof desktopBgTop === "undefined" || desktopBgTop === false) {
  1472. bg.attr("data-bg-top", bg.css("top"));
  1473. bg.attr("data-bg-height", bg.css("height"));
  1474. }
  1475.  
  1476. var elTop = el.offset().top;
  1477. var elHeight = el.outerHeight();
  1478. bg.css("top", elTop + "px");
  1479. bg.css("height", elHeight + "px");
  1480. } else if (typeof desktopBgTop !== "undefined" && desktopBgTop !== false) {
  1481. bg.css("top", desktopBgTop);
  1482. bg.css("height", desktopBgHeight);
  1483. bg.removeAttr("data-bg-top");
  1484. bg.removeAttr("data-bg-height");
  1485. }
  1486. }
  1487.  
  1488. var responsiveImages = (function ($) {
  1489. "use strict";
  1490. return function (responsiveDesign) {
  1491. $("img[width]").each(function () {
  1492. var img = $(this), newWidth = "", newMaxWidth = "", newHeight = "";
  1493. if (responsiveDesign.isResponsive) {
  1494. newWidth = "auto";
  1495. newHeight = "auto";
  1496. newMaxWidth = "100%";
  1497.  
  1498. var widthAttr = img.attr("width");
  1499. if (widthAttr !== null && typeof (widthAttr) === "string" && widthAttr.indexOf("%") === -1) {
  1500. newWidth = "100%";
  1501. newMaxWidth = parseInt($.trim(widthAttr), 10) + "px";
  1502. }
  1503. }
  1504. img.css("width", newWidth).css("max-width", newMaxWidth).css("height", newHeight);
  1505. });
  1506. };
  1507. })(jQuery);
  1508.  
  1509. var responsiveVideos = (function ($) {
  1510. "use strict";
  1511. return function (responsiveDesign) {
  1512. $("iframe[width],object[width],embed[width]").each(function () {
  1513. var obj = $(this);
  1514. if ((obj.is('[width]') && obj.attr("width").indexOf("%") !== -1) ||
  1515. (obj.is('[class]') && obj.attr("class").indexOf("twitter") !== -1) ||
  1516. (obj.id && obj.id.indexOf("google") !== -1))
  1517. return;
  1518. var container = obj.parent(".art-responsive-embed");
  1519. if (responsiveDesign.isResponsive) {
  1520. if (container.length !== 0)
  1521. return;
  1522. container = $("<div class=\"art-responsive-embed\">").insertBefore(obj);
  1523. obj.appendTo(container);
  1524. } else if (container.length > 0) {
  1525. obj.insertBefore(container);
  1526. container.remove();
  1527. }
  1528. });
  1529. };
  1530. })(jQuery);
  1531.  
  1532. // this must be called for collages only!
  1533. var responsiveTextblocks = (function ($) {
  1534. "use strict";
  1535. return function (slider, responsiveDesign) {
  1536. slider.find(".art-textblock").each(function () {
  1537. if (parseInt(slider.attr("data-width"), 10) === 0) {
  1538. return true;
  1539. }
  1540. var tb = $(this);
  1541. var c = slider.width() / slider.attr("data-width");
  1542. tb.css({
  1543. "height": "",
  1544. "width": "",
  1545. "top": "",
  1546. "margin-left": ""
  1547. });
  1548. if (responsiveDesign.isResponsive) {
  1549. var tbHeight = parseInt(tb.css("height"), 10);
  1550. var tbWidth = parseInt(tb.css("width"), 10);
  1551. var tbTop = parseInt(tb.css("top"), 10);
  1552. var tbMargin = parseInt(tb.css("margin-left"), 10);
  1553. tb.add(tb.find('div')).css({
  1554. "height": tbHeight * c,
  1555. "width": tbWidth * c
  1556. });
  1557. tb.css("top", tbTop * c);
  1558. tb.attr("style", function (i, s) { return s + "margin-left: " + (tbMargin * c) + "px !important"; });
  1559. }
  1560. });
  1561. };
  1562. })(jQuery);
  1563.  
  1564. var responsiveSlider = (function ($) {
  1565. "use strict";
  1566. return function (responsiveDesign) {
  1567. $(".art-slider").each(function () {
  1568. var s = $(this);
  1569.  
  1570. var isHeaderSlider = s.parent('.art-header').length > 0 || s.parent('.art-pageslider').length > 0;
  1571. if (!isHeaderSlider && responsiveDesign.isResponsive) {
  1572. responsiveTextblocks(s, responsiveDesign);
  1573. return;
  1574. }
  1575.  
  1576. var initialWidth = s.attr("data-width");
  1577. var initialHeight = s.attr("data-height");
  1578.  
  1579. // set size
  1580.  
  1581. var obj = s.data("slider");
  1582. if (!obj) {
  1583. return false;
  1584. }
  1585.  
  1586. var inner = s.find(".art-slider-inner");
  1587.  
  1588. if (!responsiveDesign.isResponsive && obj.settings.helper) {
  1589. obj.settings.helper.updateSize(inner, { width: initialWidth, height: initialHeight });
  1590. return;
  1591. }
  1592.  
  1593. // set slider
  1594. if (obj && obj.settings.helper) {
  1595. $(window).on("responsiveResize", function updateSize() {
  1596. if (obj.settings.animation === "fade") return;
  1597. if (responsiveDesign.isCurrentDefaultResponsive) {
  1598. obj.settings.helper.updateSize(inner, { width: initialWidth, height: initialHeight });
  1599. $.each(inner.children(), function () {
  1600. $(this).css(
  1601. "background-position",
  1602. -Math.floor(initialWidth / 2 - parseInt(inner.outerWidth(), 10) / 2) + "px" +
  1603. -Math.floor(initialHeight / 2 - parseInt(inner.outerHeight(), 10) / 2) + "px "
  1604. );
  1605. });
  1606. } else {
  1607. $(window).off("responsiveResize", updateSize);
  1608. }
  1609. });
  1610. }
  1611. });
  1612. };
  1613. })(jQuery);
  1614.  
  1615. var responsiveCollages = (function ($) {
  1616. "use strict";
  1617. return function (responsiveDesign) {
  1618. $(".art-collage").each(function() {
  1619. var collage = $(this);
  1620. var slider = collage.find(".art-slider");
  1621.  
  1622. var initialWidth = slider.attr("data-width");
  1623. var initialHeight = slider.attr("data-height");
  1624.  
  1625. var parent = collage.closest(':not(.image-caption-wrapper, .art-collage)');
  1626. var parentIcw = collage.closest('.image-caption-wrapper');
  1627. var parentWidth = parent.width();
  1628. var collageWidth = collage.width();
  1629.  
  1630. // for responsive try to make collage smaller
  1631. // a) no icw - check collage width and parent
  1632. // b) with icw - collage is bigger than icw
  1633. var doms = collage
  1634. .add(slider)
  1635. .add(collage.closest(".image-caption-wrapper"));
  1636.  
  1637. // so try to make collage smaller
  1638. if (responsiveDesign.isResponsive && collageWidth > parentWidth || (parentIcw.length > 0 && collageWidth > parentIcw.width())) {
  1639. doms.css("width", "100%");
  1640. }
  1641.  
  1642. // but if icw make collage too bit reset it width to noraml
  1643. collageWidth = collage.width();
  1644. if (collageWidth > initialWidth) {
  1645. doms.css("width", "");
  1646. }
  1647.  
  1648. var c = slider.width() / initialWidth;
  1649. var h = c * initialHeight;
  1650. slider.css("height", h + "px");
  1651. });
  1652. };
  1653. })(jQuery);
  1654.  
  1655.  
  1656. jQuery(window).bind("responsive", (function ($) {
  1657. "use strict";
  1658. return function (event, responsiveDesign) {
  1659. // so this event is main and it generate sub events to make important changes before we will modify slider
  1660. // for example we move out of slider menu button, and it change slider size
  1661. $(window).trigger('responsivePage', responsiveDesign);
  1662. responsiveImages(responsiveDesign);
  1663. responsiveVideos(responsiveDesign);
  1664.  
  1665. responsiveSlider(responsiveDesign);
  1666. responsiveNavigator(responsiveDesign);
  1667. };
  1668. })(jQuery));
  1669.  
  1670. jQuery(window).bind("responsiveResize", (function ($) {
  1671. "use strict";
  1672. return function (event, responsiveDesign) {
  1673. responsiveCollages(responsiveDesign);
  1674. responsiveNavigator(responsiveDesign);
  1675. };
  1676. })(jQuery));
  1677.  
  1678. jQuery(function ($) {
  1679. if (!browser.ie || browser.version > 8) return;
  1680. var timeout;
  1681. $(window).on("resize", function () {
  1682. clearTimeout(timeout);
  1683. timeout = setTimeout(function() {
  1684. responsiveCollages(responsiveDesign);
  1685. responsiveNavigator(responsiveDesign);
  1686. }, 25);
  1687. });
  1688. responsiveCollages(responsiveDesign);
  1689. responsiveNavigator(responsiveDesign);
  1690. });
  1691.  
  1692. var responsiveLayoutCell = (function ($) {
  1693. "use strict";
  1694. return function (responsiveDesign) {
  1695. $(".art-content .art-content-layout-row,.art-footer .art-content-layout-row").each(function () {
  1696. var row = $(this);
  1697. var rowChildren = row.children(".art-layout-cell");
  1698. if (rowChildren.length > 0) {
  1699. var c;
  1700. row.removeClass("responsive-layout-row-2").removeClass("responsive-layout-row-3").removeClass("responsive-layout-row-1");
  1701. if (rowChildren.length === 1) {
  1702. c = 1;
  1703. row.addClass("responsive-layout-row-1");
  1704. } else if (rowChildren.length % 2 === 0) {
  1705. var c = 2;
  1706. row.addClass("responsive-layout-row-2");
  1707. } else {
  1708. var c = 3;
  1709. row.addClass("responsive-layout-row-3");
  1710. }
  1711. if (c > 0 && responsiveDesign.isTablet) {
  1712. rowChildren.addClass("responsive-tablet-layout-cell").each(function (i) {
  1713. if ((i + 1) % c === 0) {
  1714. $(this).after("<div class=\"cleared responsive-cleared\">");
  1715. }
  1716. });
  1717. } else {
  1718. rowChildren.removeClass("responsive-tablet-layout-cell");
  1719. row.children(".responsive-cleared").remove();
  1720. }
  1721. }
  1722. });
  1723. };
  1724. })(jQuery);
  1725.  
  1726. jQuery(window).bind("responsive", function (event, responsiveDesign) {
  1727. "use strict";
  1728.  
  1729. responsiveLayoutCell(responsiveDesign);
  1730. });
  1731.  
  1732.  
  1733.  
  1734. //setTimeout(function () { $("html").addClass("desktop") }, 0);
  1735.  
  1736. if (!browser.ie || browser.version > 8) {
  1737. jQuery(responsiveDesign.initialize);
  1738. } else {
  1739. jQuery("html").addClass("desktop");
  1740. }
  1741.  
  1742.  
  1743. </script>
  1744. <title>{Title}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title><link rel="shortcut icon" href="{Favicon}">
  1745. <meta name="image:blockbullets" content="">
  1746. <meta name="image:searchicon" content="">
  1747. <meta name="image:postdateicon" content="">
  1748. <meta name="image:postauthoricon" content="">
  1749. <meta name="image:postpdficon" content="">
  1750. <meta name="image:postprinticon" content="">
  1751. <meta name="image:postemailicon" content="">
  1752. <meta name="image:postediticon" content="">
  1753. <meta name="image:postbullets" content="">
  1754. <meta name="image:postquote" content="">
  1755. <meta name="image:footerrssicon" content="">
  1756. <meta name="image:footerfacebookicon" content="">
  1757. <meta name="image:footertwittericon" content="">
  1758. <meta name="image:tumblricon" content="">
  1759. <meta name="image:pinteresticon" content="">
  1760. <meta name="image:vimeoicon" content="">
  1761. <meta name="image:youtubeicon" content="">
  1762. <meta name="image:linkedinicon" content="">
  1763. <meta name="image:footerbullets" content="">
  1764. <meta name="image:preloader01" content="">
  1765. <!---Body meta -->
  1766. <!---Body meta -->
  1767. <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu&amp;subset=latin">
  1768. <style>
  1769. /* Created by ThemeDorks */
  1770.  
  1771. #art-main
  1772. {
  1773. background: #F8FAFB;
  1774. margin:0 auto;
  1775. font-size: 13px;
  1776. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1777. font-weight: normal;
  1778. font-style: normal;
  1779. position: relative;
  1780. width: 100%;
  1781. min-height: 100%;
  1782. left: 0;
  1783. top: 0;
  1784. cursor:default;
  1785. overflow:hidden;
  1786. }
  1787. table, ul.art-hmenu
  1788. {
  1789. font-size: 13px;
  1790. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1791. font-weight: normal;
  1792. font-style: normal;
  1793. }
  1794.  
  1795. h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
  1796. {
  1797. margin: 0;
  1798. padding: 0;
  1799. }
  1800.  
  1801. /* Reset buttons border. It's important for input and button tags.
  1802. * border-collapse should be separate for shadow in IE.
  1803. */
  1804. .art-button
  1805. {
  1806. border-collapse: separate;
  1807. -webkit-background-origin: border !important;
  1808. -moz-background-origin: border !important;
  1809. background-origin: border-box !important;
  1810. background: #ABCBE3;
  1811. background: transparent;
  1812. -webkit-border-radius:3px;
  1813. -moz-border-radius:3px;
  1814. border-radius:3px;
  1815. border:1px dotted #7DAED4;
  1816. padding:0 10px;
  1817. margin:0 auto;
  1818. height:24px;
  1819. }
  1820.  
  1821. .art-postcontent,
  1822. .art-postheadericons,
  1823. .art-postfootericons,
  1824. .art-blockcontent,
  1825. ul.art-vmenu a
  1826. {
  1827. text-align: left;
  1828. }
  1829.  
  1830. .art-postcontent,
  1831. .art-postcontent li,
  1832. .art-postcontent table,
  1833. .art-postcontent a,
  1834. .art-postcontent a:link,
  1835. .art-postcontent a:visited,
  1836. .art-postcontent a.visited,
  1837. .art-postcontent a:hover,
  1838. .art-postcontent a.hovered
  1839. {
  1840. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1841. line-height: 150%;
  1842. }
  1843.  
  1844. .art-postcontent p
  1845. {
  1846. margin: 12px 0;
  1847. }
  1848.  
  1849. .art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,
  1850. .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,
  1851. .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,
  1852. .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,
  1853. .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,
  1854. .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,
  1855. .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,
  1856. .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,
  1857. .art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover,
  1858. .art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover,
  1859. .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover
  1860. {
  1861. font-size: 32px;
  1862. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1863. font-weight: normal;
  1864. font-style: normal;
  1865. line-height: 120%;
  1866. }
  1867.  
  1868. .art-postcontent a, .art-postcontent a:link
  1869. {
  1870. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1871. text-decoration: none;
  1872. color: #6AA2CD;
  1873. }
  1874.  
  1875. .art-postcontent a:visited, .art-postcontent a.visited
  1876. {
  1877. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1878. text-decoration: none;
  1879. color: #4E6673;
  1880. }
  1881.  
  1882. .art-postcontent a:hover, .art-postcontent a.hover
  1883. {
  1884. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1885. text-decoration: underline;
  1886. color: #306791;
  1887. }
  1888.  
  1889. .art-postcontent h1
  1890. {
  1891. color: #4088BF;
  1892. margin: 10px 0 0;
  1893. font-size: 30px;
  1894. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1895. }
  1896.  
  1897. .art-blockcontent h1
  1898. {
  1899. margin: 10px 0 0;
  1900. font-size: 30px;
  1901. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1902. }
  1903.  
  1904. .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited
  1905. {
  1906. font-size: 30px;
  1907. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1908. }
  1909.  
  1910. .art-postcontent h2
  1911. {
  1912. color: #4088BF;
  1913. margin: 10px 0 0;
  1914. font-size: 28px;
  1915. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1916. }
  1917.  
  1918. .art-blockcontent h2
  1919. {
  1920. margin: 10px 0 0;
  1921. font-size: 28px;
  1922. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1923. }
  1924.  
  1925. .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited
  1926. {
  1927. font-size: 28px;
  1928. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1929. }
  1930.  
  1931. .art-postcontent h3
  1932. {
  1933. color: #5988A6;
  1934. margin: 10px 0 0;
  1935. font-size: 26px;
  1936. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1937. }
  1938.  
  1939. .art-blockcontent h3
  1940. {
  1941. margin: 10px 0 0;
  1942. font-size: 26px;
  1943. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1944. }
  1945.  
  1946. .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited
  1947. {
  1948. font-size: 26px;
  1949. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1950. }
  1951.  
  1952. .art-postcontent h4
  1953. {
  1954. color: #212B31;
  1955. margin: 10px 0 0;
  1956. font-size: 18px;
  1957. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1958. }
  1959.  
  1960. .art-blockcontent h4
  1961. {
  1962. margin: 10px 0 0;
  1963. font-size: 18px;
  1964. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1965. }
  1966.  
  1967. .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited
  1968. {
  1969. font-size: 18px;
  1970. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1971. }
  1972.  
  1973. .art-postcontent h5
  1974. {
  1975. color: #212B31;
  1976. margin: 10px 0 0;
  1977. font-size: 15px;
  1978. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1979. }
  1980.  
  1981. .art-blockcontent h5
  1982. {
  1983. margin: 10px 0 0;
  1984. font-size: 15px;
  1985. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1986. }
  1987.  
  1988. .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited
  1989. {
  1990. font-size: 15px;
  1991. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1992. }
  1993.  
  1994. .art-postcontent h6
  1995. {
  1996. color: #4E6673;
  1997. margin: 10px 0 0;
  1998. font-size: 13px;
  1999. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2000. }
  2001.  
  2002. .art-blockcontent h6
  2003. {
  2004. margin: 10px 0 0;
  2005. font-size: 13px;
  2006. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2007. }
  2008.  
  2009. .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited
  2010. {
  2011. font-size: 13px;
  2012. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2013. }
  2014.  
  2015. header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-hmenu a, .art-vmenu a, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before
  2016. {
  2017. -webkit-background-origin: border !important;
  2018. -moz-background-origin: border !important;
  2019. background-origin: border-box !important;
  2020. }
  2021.  
  2022. header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before
  2023. {
  2024. display: block;
  2025. -webkit-box-sizing: border-box;
  2026. -moz-box-sizing: border-box;
  2027. box-sizing: border-box;
  2028. }
  2029.  
  2030. ul
  2031. {
  2032. list-style-type: none;
  2033. }
  2034.  
  2035. ol
  2036. {
  2037. list-style-position: inside;
  2038. }
  2039.  
  2040. html, body
  2041. {
  2042. height: 100%;
  2043. }
  2044.  
  2045. /**
  2046. * 2. Prevent iOS text size adjust after orientation change, without disabling
  2047. * user zoom.
  2048. * https://github.com/necolas/normalize.css
  2049. */
  2050.  
  2051. html {
  2052. -ms-text-size-adjust: 100%;
  2053. /* 2 */
  2054. -webkit-text-size-adjust: 100%;
  2055. /* 2 */}
  2056.  
  2057. body
  2058. {
  2059. padding: 0;
  2060. margin:0;
  2061. min-width: 900px;
  2062. color: #34434C;
  2063. }
  2064.  
  2065. .art-header:before,
  2066. #art-header-bg:before,
  2067. .art-layout-cell:before,
  2068. .art-layout-wrapper:before,
  2069. .art-footer:before,
  2070. .art-nav:before,
  2071. #art-hmenu-bg:before,
  2072. .art-sheet:before
  2073. {
  2074. width: 100%;
  2075. content: " ";
  2076. display: table;
  2077. border-collapse: collapse;
  2078. border-spacing: 0;
  2079. }
  2080.  
  2081. .art-header:after,
  2082. #art-header-bg:after,
  2083. .art-layout-cell:after,
  2084. .art-layout-wrapper:after,
  2085. .art-footer:after,
  2086. .art-nav:after,
  2087. #art-hmenu-bg:after,
  2088. .art-sheet:after,
  2089. .cleared, .clearfix:after
  2090. {
  2091. clear: both;
  2092. font: 0/0 serif;
  2093. display: block;
  2094. content: " ";
  2095. }
  2096.  
  2097. form
  2098. {
  2099. padding: 0 !important;
  2100. margin: 0 !important;
  2101. }
  2102.  
  2103. table.position
  2104. {
  2105. position: relative;
  2106. width: 100%;
  2107. table-layout: fixed;
  2108. }
  2109.  
  2110. li h1, .art-postcontent li h1, .art-blockcontent li h1
  2111. {
  2112. margin:1px;
  2113. }
  2114. li h2, .art-postcontent li h2, .art-blockcontent li h2
  2115. {
  2116. margin:1px;
  2117. }
  2118. li h3, .art-postcontent li h3, .art-blockcontent li h3
  2119. {
  2120. margin:1px;
  2121. }
  2122. li h4, .art-postcontent li h4, .art-blockcontent li h4
  2123. {
  2124. margin:1px;
  2125. }
  2126. li h5, .art-postcontent li h5, .art-blockcontent li h5
  2127. {
  2128. margin:1px;
  2129. }
  2130. li h6, .art-postcontent li h6, .art-blockcontent li h6
  2131. {
  2132. margin:1px;
  2133. }
  2134. li p, .art-postcontent li p, .art-blockcontent li p
  2135. {
  2136. margin:1px;
  2137. }
  2138.  
  2139.  
  2140. .art-shapes
  2141. {
  2142. position: absolute;
  2143. top: 0;
  2144. right: 0;
  2145. bottom: 0;
  2146. left: 0;
  2147. overflow: hidden;
  2148. z-index: 0;
  2149. }
  2150.  
  2151. .art-slider-inner {
  2152. position: relative;
  2153. overflow: hidden;
  2154. width: 100%;
  2155. height: 100%;
  2156. }
  2157.  
  2158. .art-slidenavigator > a {
  2159. display: inline-block;
  2160. vertical-align: middle;
  2161. outline-style: none;
  2162. font-size: 1px;
  2163. }
  2164.  
  2165. .art-slidenavigator > a:last-child {
  2166. margin-right: 0 !important;
  2167. }
  2168.  
  2169.  
  2170.  
  2171.  
  2172.  
  2173.  
  2174.  
  2175. .art-sheet
  2176. {
  2177. background: #FFFFFF;
  2178. -webkit-border-radius:3px;
  2179. -moz-border-radius:3px;
  2180. border-radius:3px;
  2181. border:1px dotted #7AA0B8;
  2182. margin:50px auto 0;
  2183. position:relative;
  2184. cursor:auto;
  2185. width: 900px;
  2186. z-index: auto !important;
  2187. }
  2188.  
  2189. .art-layout-wrapper
  2190. {
  2191. position: relative;
  2192. margin: 0 auto 0 auto;
  2193. z-index: auto !important;
  2194. }
  2195.  
  2196. .art-content-layout
  2197. {
  2198. display: table;
  2199. width: 100%;
  2200. table-layout: fixed;
  2201. }
  2202.  
  2203. .art-content-layout-row
  2204. {
  2205. display: table-row;
  2206. }
  2207.  
  2208. .art-layout-cell
  2209. {
  2210. -webkit-box-sizing: border-box;
  2211. -moz-box-sizing: border-box;
  2212. box-sizing: border-box;
  2213. display: table-cell;
  2214. vertical-align: top;
  2215. }
  2216.  
  2217. /* need only for content layout in post content */
  2218. .art-postcontent .art-content-layout
  2219. {
  2220. border-collapse: collapse;
  2221. }
  2222.  
  2223. .art-block
  2224. {
  2225. margin:3px;
  2226. }
  2227. div.art-block img
  2228. {
  2229. border: none;
  2230. margin: 12px;
  2231. }
  2232.  
  2233. .art-blockheader
  2234. {
  2235. background: #7DAED4;
  2236. background: transparent;
  2237. -webkit-border-radius:4px 4px 0 0;
  2238. -moz-border-radius:4px 4px 0 0;
  2239. border-radius:4px 4px 0 0;
  2240. border-bottom:1px dotted #7AA0B8;
  2241. padding:8px 5px;
  2242. margin:0 auto;
  2243. }
  2244. .art-blockheader .t,
  2245. .art-blockheader .t a,
  2246. .art-blockheader .t a:link,
  2247. .art-blockheader .t a:visited,
  2248. .art-blockheader .t a:hover
  2249. {
  2250. color: #000000;
  2251. font-size: 26px;
  2252. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2253. font-weight: normal;
  2254. font-style: normal;
  2255. margin: 0 5px;
  2256. }
  2257.  
  2258. .art-blockcontent
  2259. {
  2260. background: #D4E0E8;
  2261. background: transparent;
  2262. -webkit-border-radius:0 0 4px 4px;
  2263. -moz-border-radius:0 0 4px 4px;
  2264. border-radius:0 0 4px 4px;
  2265. padding:5px;
  2266. margin:0 auto;
  2267. color: #212B31;
  2268. font-size: 13px;
  2269. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2270. line-height: 175%;
  2271. }
  2272. .art-blockcontent table,
  2273. .art-blockcontent li,
  2274. .art-blockcontent a,
  2275. .art-blockcontent a:link,
  2276. .art-blockcontent a:visited,
  2277. .art-blockcontent a:hover
  2278. {
  2279. color: #212B31;
  2280. font-size: 13px;
  2281. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2282. line-height: 175%;
  2283. }
  2284.  
  2285. .art-blockcontent p
  2286. {
  2287. margin: 0 5px;
  2288. }
  2289.  
  2290. .art-blockcontent a, .art-blockcontent a:link
  2291. {
  2292. color: #4088BF;
  2293. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2294. }
  2295.  
  2296. .art-blockcontent a:visited, .art-blockcontent a.visited
  2297. {
  2298. color: #AABBC5;
  2299. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2300. text-decoration: none;
  2301. }
  2302.  
  2303. .art-blockcontent a:hover, .art-blockcontent a.hover
  2304. {
  2305. color: #6AA2CD;
  2306. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2307. text-decoration: none;
  2308. }
  2309. .art-block ul>li:before
  2310. {
  2311. content:url('{image:blockbullets}');
  2312. margin-right:6px;
  2313. bottom: 2px;
  2314. position:relative;
  2315. display:inline-block;
  2316. vertical-align:middle;
  2317. font-size:0;
  2318. line-height:0;
  2319. margin-left: -12px;
  2320. }
  2321. .opera .art-block ul>li:before
  2322. {
  2323. /* Vertical-align:middle in Opera doesn't need additional offset */
  2324. bottom: 0;
  2325. }
  2326.  
  2327. .art-block li
  2328. {
  2329. font-size: 13px;
  2330. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2331. line-height: 175%;
  2332. color: #556E7C;
  2333. margin: 5px 0 0 10px;
  2334. }
  2335.  
  2336. .art-block ul>li, .art-block ol
  2337. {
  2338. padding: 0;
  2339. }
  2340.  
  2341. .art-block ul>li
  2342. {
  2343. padding-left: 12px;
  2344. }
  2345.  
  2346. .art-breadcrumbs
  2347. {
  2348. margin:0 auto;
  2349. }
  2350.  
  2351. a.art-button,
  2352. a.art-button:link,
  2353. a:link.art-button:link,
  2354. body a.art-button:link,
  2355. a.art-button:visited,
  2356. body a.art-button:visited,
  2357. input.art-button,
  2358. button.art-button
  2359. {
  2360. text-decoration: none;
  2361. font-size: 13px;
  2362. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2363. font-weight: normal;
  2364. font-style: normal;
  2365. position:relative;
  2366. display: inline-block;
  2367. vertical-align: middle;
  2368. white-space: nowrap;
  2369. text-align: center;
  2370. color: #204460;
  2371. margin: 0 5px 0 0 !important;
  2372. overflow: visible;
  2373. cursor: pointer;
  2374. text-indent: 0;
  2375. line-height: 24px;
  2376. -webkit-box-sizing: content-box;
  2377. -moz-box-sizing: content-box;
  2378. box-sizing: content-box;
  2379. }
  2380.  
  2381. .art-button img
  2382. {
  2383. margin: 0;
  2384. vertical-align: middle;
  2385. }
  2386.  
  2387. .firefox2 .art-button
  2388. {
  2389. display: block;
  2390. float: left;
  2391. }
  2392.  
  2393. input, select, textarea, a.art-search-button span
  2394. {
  2395. vertical-align: middle;
  2396. font-size: 13px;
  2397. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2398. font-weight: normal;
  2399. font-style: normal;
  2400. }
  2401.  
  2402. .art-block select
  2403. {
  2404. width:96%;
  2405. }
  2406.  
  2407. input.art-button
  2408. {
  2409. float: none !important;
  2410. -webkit-appearance: none;
  2411. }
  2412.  
  2413. .art-button.active, .art-button.active:hover
  2414. {
  2415. background: #2E628A;
  2416. background: rgba(46, 98, 138, 0.8);
  2417. -webkit-border-radius:3px;
  2418. -moz-border-radius:3px;
  2419. border-radius:3px;
  2420. border:1px dotted transparent;
  2421. padding:0 10px;
  2422. margin:0 auto;
  2423. }
  2424. .art-button.active, .art-button.active:hover {
  2425. color: #DBE2E6 !important;
  2426. }
  2427.  
  2428. .art-button.hover, .art-button:hover
  2429. {
  2430. background: #4F92C4;
  2431. background: rgba(79, 146, 196, 0.8);
  2432. -webkit-border-radius:3px;
  2433. -moz-border-radius:3px;
  2434. border-radius:3px;
  2435. border:1px dotted transparent;
  2436. padding:0 10px;
  2437. margin:0 auto;
  2438. }
  2439. .art-button.hover, .art-button:hover {
  2440. color: #141E24 !important;
  2441. }
  2442.  
  2443. input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea
  2444. {
  2445. background: #FFFFFF;
  2446. background: rgba(255, 255, 255, 0.5);
  2447. -webkit-border-radius:4px;
  2448. -moz-border-radius:4px;
  2449. border-radius:4px;
  2450. border:1px dotted #A7B9C3;
  2451. margin:0 auto;
  2452. }
  2453. input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea
  2454. {
  2455. width: 100%;
  2456. padding: 6px 0;
  2457. color: #212B31 !important;
  2458. font-size: 13px;
  2459. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2460. font-weight: normal;
  2461. font-style: normal;
  2462. text-shadow: none;
  2463. }
  2464. input.art-error, textarea.art-error
  2465. {
  2466. background: #FFFFFF;
  2467. border:1px solid #E2341D;
  2468. margin:0 auto;
  2469. }
  2470. input.art-error, textarea.art-error {
  2471. color: #212B31 !important;
  2472. font-size: 13px;
  2473. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2474. font-weight: normal;
  2475. font-style: normal;
  2476. }
  2477. form.art-search input[type="text"]
  2478. {
  2479. background: #FFFFFF;
  2480. background: rgba(255, 255, 255, 0.5);
  2481. -webkit-border-radius:4px;
  2482. -moz-border-radius:4px;
  2483. border-radius:4px;
  2484. border:1px dotted #A7B9C3;
  2485. margin:0 auto;
  2486. width: 100%;
  2487. padding: 6px 0;
  2488. -webkit-box-sizing: border-box;
  2489. -moz-box-sizing: border-box;
  2490. box-sizing: border-box;
  2491. color: #212B31 !important;
  2492. font-size: 13px;
  2493. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2494. font-weight: normal;
  2495. font-style: normal;
  2496. }
  2497. form.art-search
  2498. {
  2499. background-image: none;
  2500. border: 0;
  2501. display:block;
  2502. position:relative;
  2503. top:0;
  2504. padding:0;
  2505. margin:5px;
  2506. left:0;
  2507. line-height: 0;
  2508. }
  2509.  
  2510. form.art-search input, a.art-search-button
  2511. {
  2512. -webkit-appearance: none;
  2513. top:0;
  2514. right:0;
  2515. }
  2516.  
  2517. form.art-search>input, a.art-search-button{
  2518. bottom:0;
  2519. left:0;
  2520. vertical-align: middle;
  2521. }
  2522.  
  2523. form.art-search input[type="submit"], input.art-search-button, a.art-search-button
  2524. {
  2525. border-radius: 0;
  2526. margin:0 auto;
  2527. }
  2528. form.art-search input[type="submit"], input.art-search-button, a.art-search-button {
  2529. position:absolute;
  2530. left:auto;
  2531. display:block;
  2532. border:none;
  2533. background:url('{image:searchicon}') center center no-repeat;
  2534. width:24px;
  2535. height: 100%;
  2536. padding:0;
  2537. color: #142C3D !important;
  2538. cursor: pointer;
  2539. }
  2540.  
  2541. a.art-search-button span.art-search-button-text {
  2542. display: none;
  2543. }
  2544.  
  2545. label.art-checkbox:before
  2546. {
  2547. background: #FFFFFF;
  2548. background: -webkit-linear-gradient(top, #CAD9E2 0, #EEF3F6 40%, #F2F6F8 50%, #F2F6F8 100%) no-repeat;
  2549. background: -moz-linear-gradient(top, #CAD9E2 0, #EEF3F6 40%, #F2F6F8 50%, #F2F6F8 100%) no-repeat;
  2550. background: -o-linear-gradient(top, #CAD9E2 0, #EEF3F6 40%, #F2F6F8 50%, #F2F6F8 100%) no-repeat;
  2551. background: -ms-linear-gradient(top, #CAD9E2 0, #EEF3F6 40%, #F2F6F8 50%, #F2F6F8 100%) no-repeat;
  2552. -svg-background: linear-gradient(top, #CAD9E2 0, #EEF3F6 40%, #F2F6F8 50%, #F2F6F8 100%) no-repeat;
  2553. background: linear-gradient(to bottom, #CAD9E2 0, #EEF3F6 40%, #F2F6F8 50%, #F2F6F8 100%) no-repeat;
  2554. -webkit-border-radius:12px;
  2555. -moz-border-radius:12px;
  2556. border-radius:12px;
  2557. -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
  2558. -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
  2559. box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
  2560. border:1px solid #7AA0B8;
  2561. margin:0 auto;
  2562. width:24px;
  2563. height:24px;
  2564. }
  2565. label.art-checkbox
  2566. {
  2567. cursor: pointer;
  2568. font-size: 13px;
  2569. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2570. font-weight: normal;
  2571. font-style: normal;
  2572. line-height: 24px;
  2573. display: inline-block;
  2574. color: #212B31 !important;
  2575. }
  2576.  
  2577. .art-checkbox>input[type="checkbox"]
  2578. {
  2579. margin: 0 5px 0 0;
  2580. }
  2581.  
  2582. label.art-checkbox.active:before
  2583. {
  2584. background: #ABCBE3;
  2585. background: -webkit-linear-gradient(top, #94BCDB 0, #B6D2E7 40%, #BAD4E8 50%, #BAD4E8 100%) no-repeat;
  2586. background: -moz-linear-gradient(top, #94BCDB 0, #B6D2E7 40%, #BAD4E8 50%, #BAD4E8 100%) no-repeat;
  2587. background: -o-linear-gradient(top, #94BCDB 0, #B6D2E7 40%, #BAD4E8 50%, #BAD4E8 100%) no-repeat;
  2588. background: -ms-linear-gradient(top, #94BCDB 0, #B6D2E7 40%, #BAD4E8 50%, #BAD4E8 100%) no-repeat;
  2589. -svg-background: linear-gradient(top, #94BCDB 0, #B6D2E7 40%, #BAD4E8 50%, #BAD4E8 100%) no-repeat;
  2590. background: linear-gradient(to bottom, #94BCDB 0, #B6D2E7 40%, #BAD4E8 50%, #BAD4E8 100%) no-repeat;
  2591. -webkit-border-radius:12px;
  2592. -moz-border-radius:12px;
  2593. border-radius:12px;
  2594. -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
  2595. -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
  2596. box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
  2597. border:1px solid #678698;
  2598. margin:0 auto;
  2599. width:24px;
  2600. height:24px;
  2601. display: inline-block;
  2602. }
  2603.  
  2604. label.art-checkbox.hovered:before
  2605. {
  2606. background: #E4EEF6;
  2607. background: -webkit-linear-gradient(top, #C2D9EB 0, #ECF3F9 40%, #F0F5FA 50%, #F0F5FA 100%) no-repeat;
  2608. background: -moz-linear-gradient(top, #C2D9EB 0, #ECF3F9 40%, #F0F5FA 50%, #F0F5FA 100%) no-repeat;
  2609. background: -o-linear-gradient(top, #C2D9EB 0, #ECF3F9 40%, #F0F5FA 50%, #F0F5FA 100%) no-repeat;
  2610. background: -ms-linear-gradient(top, #C2D9EB 0, #ECF3F9 40%, #F0F5FA 50%, #F0F5FA 100%) no-repeat;
  2611. -svg-background: linear-gradient(top, #C2D9EB 0, #ECF3F9 40%, #F0F5FA 50%, #F0F5FA 100%) no-repeat;
  2612. background: linear-gradient(to bottom, #C2D9EB 0, #ECF3F9 40%, #F0F5FA 50%, #F0F5FA 100%) no-repeat;
  2613. -webkit-border-radius:12px;
  2614. -moz-border-radius:12px;
  2615. border-radius:12px;
  2616. -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
  2617. -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
  2618. box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
  2619. border:1px solid #7AA0B8;
  2620. margin:0 auto;
  2621. width:24px;
  2622. height:24px;
  2623. display: inline-block;
  2624. }
  2625.  
  2626. label.art-radiobutton:before
  2627. {
  2628. background: #FFFFFF;
  2629. background: -webkit-linear-gradient(top, #CAD9E2 0, #EEF3F6 40%, #F2F6F8 50%, #F2F6F8 100%) no-repeat;
  2630. background: -moz-linear-gradient(top, #CAD9E2 0, #EEF3F6 40%, #F2F6F8 50%, #F2F6F8 100%) no-repeat;
  2631. background: -o-linear-gradient(top, #CAD9E2 0, #EEF3F6 40%, #F2F6F8 50%, #F2F6F8 100%) no-repeat;
  2632. background: -ms-linear-gradient(top, #CAD9E2 0, #EEF3F6 40%, #F2F6F8 50%, #F2F6F8 100%) no-repeat;
  2633. -svg-background: linear-gradient(top, #CAD9E2 0, #EEF3F6 40%, #F2F6F8 50%, #F2F6F8 100%) no-repeat;
  2634. background: linear-gradient(to bottom, #CAD9E2 0, #EEF3F6 40%, #F2F6F8 50%, #F2F6F8 100%) no-repeat;
  2635. -webkit-border-radius:10px;
  2636. -moz-border-radius:10px;
  2637. border-radius:10px;
  2638. -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
  2639. -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
  2640. box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
  2641. border:1px solid #7AA0B8;
  2642. margin:0 auto;
  2643. width:20px;
  2644. height:20px;
  2645. }
  2646. label.art-radiobutton
  2647. {
  2648. cursor: pointer;
  2649. font-size: 13px;
  2650. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2651. font-weight: normal;
  2652. font-style: normal;
  2653. line-height: 20px;
  2654. display: inline-block;
  2655. color: #212B31 !important;
  2656. }
  2657.  
  2658. .art-radiobutton>input[type="radio"]
  2659. {
  2660. vertical-align: baseline;
  2661. margin: 0 5px 0 0;
  2662. }
  2663.  
  2664. label.art-radiobutton.active:before
  2665. {
  2666. background: #ABCBE3;
  2667. background: -webkit-linear-gradient(top, #94BCDB 0, #B6D2E7 40%, #BAD4E8 50%, #BAD4E8 100%) no-repeat;
  2668. background: -moz-linear-gradient(top, #94BCDB 0, #B6D2E7 40%, #BAD4E8 50%, #BAD4E8 100%) no-repeat;
  2669. background: -o-linear-gradient(top, #94BCDB 0, #B6D2E7 40%, #BAD4E8 50%, #BAD4E8 100%) no-repeat;
  2670. background: -ms-linear-gradient(top, #94BCDB 0, #B6D2E7 40%, #BAD4E8 50%, #BAD4E8 100%) no-repeat;
  2671. -svg-background: linear-gradient(top, #94BCDB 0, #B6D2E7 40%, #BAD4E8 50%, #BAD4E8 100%) no-repeat;
  2672. background: linear-gradient(to bottom, #94BCDB 0, #B6D2E7 40%, #BAD4E8 50%, #BAD4E8 100%) no-repeat;
  2673. -webkit-border-radius:10px;
  2674. -moz-border-radius:10px;
  2675. border-radius:10px;
  2676. -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
  2677. -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
  2678. box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
  2679. border:1px solid #678698;
  2680. margin:0 auto;
  2681. width:20px;
  2682. height:20px;
  2683. display: inline-block;
  2684. }
  2685.  
  2686. label.art-radiobutton.hovered:before
  2687. {
  2688. background: #E4EEF6;
  2689. background: -webkit-linear-gradient(top, #C2D9EB 0, #ECF3F9 40%, #F0F5FA 50%, #F0F5FA 100%) no-repeat;
  2690. background: -moz-linear-gradient(top, #C2D9EB 0, #ECF3F9 40%, #F0F5FA 50%, #F0F5FA 100%) no-repeat;
  2691. background: -o-linear-gradient(top, #C2D9EB 0, #ECF3F9 40%, #F0F5FA 50%, #F0F5FA 100%) no-repeat;
  2692. background: -ms-linear-gradient(top, #C2D9EB 0, #ECF3F9 40%, #F0F5FA 50%, #F0F5FA 100%) no-repeat;
  2693. -svg-background: linear-gradient(top, #C2D9EB 0, #ECF3F9 40%, #F0F5FA 50%, #F0F5FA 100%) no-repeat;
  2694. background: linear-gradient(to bottom, #C2D9EB 0, #ECF3F9 40%, #F0F5FA 50%, #F0F5FA 100%) no-repeat;
  2695. -webkit-border-radius:10px;
  2696. -moz-border-radius:10px;
  2697. border-radius:10px;
  2698. -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
  2699. -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
  2700. box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
  2701. border:1px solid #7AA0B8;
  2702. margin:0 auto;
  2703. width:20px;
  2704. height:20px;
  2705. display: inline-block;
  2706. }
  2707.  
  2708. .art-comments
  2709. {
  2710. border-top:1px dashed #AFC6D4;
  2711. margin:0 auto;
  2712. margin-top: 25px;
  2713. }
  2714.  
  2715. .art-comments h2
  2716. {
  2717. color: #34434C;
  2718. }
  2719.  
  2720. .art-comment
  2721. {
  2722. -webkit-border-radius:6px;
  2723. -moz-border-radius:6px;
  2724. border-radius:6px;
  2725. border:1px solid #A7B9C3;
  2726. padding:10px;
  2727. margin:0 auto;
  2728. margin-top: 10px;
  2729. }
  2730. .art-comment-avatar
  2731. {
  2732. width:42px;
  2733. height:42px;
  2734. padding:2px;
  2735. background:#fff;
  2736. border:1px dotted #ABCBE3;
  2737. float:right;
  2738. }
  2739.  
  2740. .art-comment-avatar>img
  2741. {
  2742. margin:0 !important;
  2743. border:none !important;
  2744. }
  2745.  
  2746. .art-comment-content
  2747. {
  2748. padding:10px 0;
  2749. color: #34434C;
  2750. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2751. }
  2752.  
  2753. .art-comment:first-child
  2754. {
  2755. margin-top: 0;
  2756. }
  2757.  
  2758. .art-comment-inner
  2759. {
  2760. margin-left: 0;
  2761. margin-right: 58px;
  2762. }
  2763.  
  2764. .art-comment-header
  2765. {
  2766. color: #34434C;
  2767. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2768. }
  2769.  
  2770. .art-comment-header a,
  2771. .art-comment-header a:link,
  2772. .art-comment-header a:visited,
  2773. .art-comment-header a.visited,
  2774. .art-comment-header a:hover,
  2775. .art-comment-header a.hovered
  2776. {
  2777. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2778. }
  2779.  
  2780. .art-comment-header a, .art-comment-header a:link
  2781. {
  2782. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2783. color: #2A5A7E;
  2784. }
  2785.  
  2786. .art-comment-header a:visited, .art-comment-header a.visited
  2787. {
  2788. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2789. color: #212B31;
  2790. }
  2791.  
  2792. .art-comment-header a:hover, .art-comment-header a.hovered
  2793. {
  2794. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2795. color: #142C3D;
  2796. }
  2797.  
  2798. .art-comment-content a,
  2799. .art-comment-content a:link,
  2800. .art-comment-content a:visited,
  2801. .art-comment-content a.visited,
  2802. .art-comment-content a:hover,
  2803. .art-comment-content a.hovered
  2804. {
  2805. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2806. }
  2807.  
  2808. .art-comment-content a, .art-comment-content a:link
  2809. {
  2810. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2811. color: #2A5A7E;
  2812. }
  2813.  
  2814. .art-comment-content a:visited, .art-comment-content a.visited
  2815. {
  2816. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2817. color: #212B31;
  2818. }
  2819.  
  2820. .art-comment-content a:hover, .art-comment-content a.hovered
  2821. {
  2822. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2823. color: #142C3D;
  2824. }
  2825.  
  2826. .art-pager
  2827. {
  2828. background: #F0F5FA;
  2829. background: transparent;
  2830. border:1px dotted transparent;
  2831. padding:5px;
  2832. margin:4px;
  2833. text-align:center;
  2834. }
  2835.  
  2836. .art-pager>*:last-child
  2837. {
  2838. margin-right:0 !important;
  2839. }
  2840.  
  2841. .art-pager>span {
  2842. cursor:default;
  2843. }
  2844.  
  2845. .art-pager>*
  2846. {
  2847. background: #E4EEF6;
  2848. background: transparent;
  2849. -webkit-border-radius:6px;
  2850. -moz-border-radius:6px;
  2851. border-radius:6px;
  2852. border:1px dotted transparent;
  2853. padding:7px;
  2854. margin:0 7px 0 auto;
  2855. line-height: normal;
  2856. position:relative;
  2857. display:inline-block;
  2858. margin-left: 0;
  2859. }
  2860.  
  2861. .art-pager a:link,
  2862. .art-pager a:visited,
  2863. .art-pager .active
  2864. {
  2865. line-height: normal;
  2866. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2867. text-decoration: none;
  2868. color: #212B31
  2869. ;
  2870. }
  2871.  
  2872. .art-pager .active
  2873. {
  2874. background: #ABCBE3;
  2875. background: transparent;
  2876. border:1px dotted transparent;
  2877. padding:7px;
  2878. margin:0 7px 0 auto;
  2879. color: #212B31
  2880. ;
  2881. }
  2882.  
  2883. .art-pager .more
  2884. {
  2885. background: #E4EEF6;
  2886. background: transparent;
  2887. border:1px dotted transparent;
  2888. margin:0 7px 0 auto;
  2889. }
  2890. .art-pager a.more:link,
  2891. .art-pager a.more:visited
  2892. {
  2893. color: #212B31
  2894. ;
  2895. }
  2896. .art-pager a:hover
  2897. {
  2898. background: #ABCBE3;
  2899. border:1px dotted #E4EEF6;
  2900. padding:7px;
  2901. margin:0 7px 0 auto;
  2902. }
  2903. .art-pager a:hover,
  2904. .art-pager a.more:hover
  2905. {
  2906. color: #151B1E
  2907. ;
  2908. }
  2909. .art-pager>*:after
  2910. {
  2911. margin:0 0 0 auto;
  2912. display:inline-block;
  2913. position:absolute;
  2914. content: ' ';
  2915. top:0;
  2916. width:0;
  2917. height:100%;
  2918. border-right:1px dashed #7DAED4;
  2919. right: -5px;
  2920. text-decoration:none;
  2921. }
  2922.  
  2923. .art-pager>*:last-child:after{
  2924. display:none;
  2925. }
  2926.  
  2927. .art-commentsform
  2928. {
  2929. background: #E8EEF3;
  2930. background: transparent;
  2931. -webkit-border-radius:2px;
  2932. -moz-border-radius:2px;
  2933. border-radius:2px;
  2934. padding:7px;
  2935. margin:0 auto;
  2936. margin-top:25px;
  2937. color: #34434C;
  2938. }
  2939.  
  2940. .art-commentsform h2{
  2941. padding-bottom:10px;
  2942. margin: 0;
  2943. color: #34434C;
  2944. }
  2945.  
  2946. .art-commentsform label {
  2947. display: inline-block;
  2948. line-height: 25px;
  2949. }
  2950.  
  2951. .art-commentsform input:not([type=submit]), .art-commentsform textarea {
  2952. box-sizing: border-box;
  2953. -moz-box-sizing: border-box;
  2954. -webkit-box-sizing: border-box;
  2955. width:100%;
  2956. max-width:100%;
  2957. }
  2958.  
  2959. .art-commentsform .form-submit
  2960. {
  2961. margin-top: 0;
  2962. }
  2963. .art-post
  2964. {
  2965. background: #E8EEF3;
  2966. background: transparent;
  2967. -webkit-border-radius:4px;
  2968. -moz-border-radius:4px;
  2969. border-radius:4px;
  2970. padding:3px;
  2971. margin:3px;
  2972. }
  2973. a img
  2974. {
  2975. border: 0;
  2976. }
  2977.  
  2978. .art-article img, img.art-article, .art-block img, .art-footer img
  2979. {
  2980. margin: 10px 10px 10px 10px;
  2981. }
  2982.  
  2983. .art-metadata-icons img
  2984. {
  2985. border: none;
  2986. vertical-align: middle;
  2987. margin: 2px;
  2988. }
  2989.  
  2990. .art-article table, table.art-article
  2991. {
  2992. border-collapse: collapse;
  2993. margin: 1px;
  2994. }
  2995.  
  2996. .art-post .art-content-layout-br
  2997. {
  2998. height: 0;
  2999. }
  3000.  
  3001. .art-article th, .art-article td
  3002. {
  3003. padding: 2px;
  3004. border: dotted 1px #608DA9;
  3005. vertical-align: top;
  3006. text-align: left;
  3007. }
  3008.  
  3009. .art-article th
  3010. {
  3011. text-align: center;
  3012. vertical-align: middle;
  3013. padding: 7px;
  3014. }
  3015.  
  3016. pre
  3017. {
  3018. overflow: auto;
  3019. padding: 0.1em;
  3020. }
  3021.  
  3022. .preview-cms-logo
  3023. {
  3024. border: 0;
  3025. margin: 1em 1em 0 0;
  3026. float: left;
  3027. }
  3028.  
  3029. .image-caption-wrapper
  3030. {
  3031. padding: 10px 10px 10px 10px;
  3032. -webkit-box-sizing: border-box;
  3033. -moz-box-sizing: border-box;
  3034. box-sizing: border-box;
  3035. }
  3036.  
  3037. .image-caption-wrapper img
  3038. {
  3039. margin: 0 !important;
  3040. -webkit-box-sizing: border-box;
  3041. -moz-box-sizing: border-box;
  3042. box-sizing: border-box;
  3043. }
  3044.  
  3045. .image-caption-wrapper div.art-collage
  3046. {
  3047. margin: 0 !important;
  3048. -webkit-box-sizing: border-box;
  3049. -moz-box-sizing: border-box;
  3050. box-sizing: border-box;
  3051. }
  3052.  
  3053. .image-caption-wrapper p
  3054. {
  3055. font-size: 80%;
  3056. text-align: right;
  3057. margin: 0;
  3058. }
  3059.  
  3060. .art-postheader
  3061. {
  3062. color: #204460;
  3063. margin: 5px 10px;
  3064. font-size: 24px;
  3065. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3066. font-weight: normal;
  3067. font-style: normal;
  3068. }
  3069.  
  3070. .art-postheader a,
  3071. .art-postheader a:link,
  3072. .art-postheader a:visited,
  3073. .art-postheader a.visited,
  3074. .art-postheader a:hover,
  3075. .art-postheader a.hovered
  3076. {
  3077. font-size: 24px;
  3078. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3079. font-weight: normal;
  3080. font-style: normal;
  3081. }
  3082.  
  3083. .art-postheader a, .art-postheader a:link
  3084. {
  3085. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3086. text-decoration: none;
  3087. text-align: left;
  3088. color: #397AAC;
  3089. }
  3090.  
  3091. .art-postheader a:visited, .art-postheader a.visited
  3092. {
  3093. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3094. text-decoration: none;
  3095. text-align: left;
  3096. color: #5D7989;
  3097. }
  3098.  
  3099. .art-postheader a:hover, .art-postheader a.hovered
  3100. {
  3101. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3102. text-decoration: none;
  3103. text-align: left;
  3104. color: #306791;
  3105. }
  3106.  
  3107. .art-postmetadataheader
  3108. {
  3109. background: #D4E0E8;
  3110. background: rgba(212, 224, 232, 0.6);
  3111. margin:0 auto;
  3112. position:relative;
  3113. z-index:1;
  3114. padding: 1px;
  3115. margin-top: 5px;
  3116. }
  3117.  
  3118. .art-postheadericons,
  3119. .art-postheadericons a,
  3120. .art-postheadericons a:link,
  3121. .art-postheadericons a:visited,
  3122. .art-postheadericons a:hover
  3123. {
  3124. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3125. color: #3C4E58;
  3126. }
  3127.  
  3128. .art-postheadericons
  3129. {
  3130. padding: 1px;
  3131. }
  3132.  
  3133. .art-postheadericons a, .art-postheadericons a:link
  3134. {
  3135. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3136. text-decoration: none;
  3137. color: #285477;
  3138. }
  3139.  
  3140. .art-postheadericons a:visited, .art-postheadericons a.visited
  3141. {
  3142. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3143. font-weight: normal;
  3144. font-style: italic;
  3145. text-decoration: none;
  3146. color: #285477;
  3147. }
  3148.  
  3149. .art-postheadericons a:hover, .art-postheadericons a.hover
  3150. {
  3151. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3152. font-weight: normal;
  3153. font-style: italic;
  3154. text-decoration: underline;
  3155. color: #285477;
  3156. }
  3157.  
  3158. .art-postdateicon:before
  3159. {
  3160. content:url('{image:postdateicon}');
  3161. margin-right:6px;
  3162. position:relative;
  3163. display:inline-block;
  3164. vertical-align:middle;
  3165. font-size:0;
  3166. line-height:0;
  3167. bottom: auto;
  3168. }
  3169. .opera .art-postdateicon:before
  3170. {
  3171. /* Vertical-align:middle in Opera doesn't need additional offset */
  3172. bottom: 0;
  3173. }
  3174.  
  3175. .art-postauthoricon:before
  3176. {
  3177. content:url('{image:postauthoricon}');
  3178. margin-right:6px;
  3179. position:relative;
  3180. display:inline-block;
  3181. vertical-align:middle;
  3182. font-size:0;
  3183. line-height:0;
  3184. bottom: auto;
  3185. }
  3186. .opera .art-postauthoricon:before
  3187. {
  3188. /* Vertical-align:middle in Opera doesn't need additional offset */
  3189. bottom: 0;
  3190. }
  3191.  
  3192. .art-postpdficon:before
  3193. {
  3194. content:url('{image:postpdficon}');
  3195. margin-right:6px;
  3196. position:relative;
  3197. display:inline-block;
  3198. vertical-align:middle;
  3199. font-size:0;
  3200. line-height:0;
  3201. bottom: auto;
  3202. }
  3203. .opera .art-postpdficon:before
  3204. {
  3205. /* Vertical-align:middle in Opera doesn't need additional offset */
  3206. bottom: 0;
  3207. }
  3208.  
  3209. .art-postprinticon:before
  3210. {
  3211. content:url('{image:postprinticon}');
  3212. margin-right:6px;
  3213. position:relative;
  3214. display:inline-block;
  3215. vertical-align:middle;
  3216. font-size:0;
  3217. line-height:0;
  3218. bottom: auto;
  3219. }
  3220. .opera .art-postprinticon:before
  3221. {
  3222. /* Vertical-align:middle in Opera doesn't need additional offset */
  3223. bottom: 0;
  3224. }
  3225.  
  3226. .art-postemailicon:before
  3227. {
  3228. content:url('{image:postemailicon}');
  3229. margin-right:6px;
  3230. bottom: 2px;
  3231. position:relative;
  3232. display:inline-block;
  3233. vertical-align:middle;
  3234. font-size:0;
  3235. line-height:0;
  3236. }
  3237. .opera .art-postemailicon:before
  3238. {
  3239. /* Vertical-align:middle in Opera doesn't need additional offset */
  3240. bottom: 0;
  3241. }
  3242.  
  3243. .art-postediticon:before
  3244. {
  3245. content:url('{image:postediticon}');
  3246. margin-right:6px;
  3247. position:relative;
  3248. display:inline-block;
  3249. vertical-align:middle;
  3250. font-size:0;
  3251. line-height:0;
  3252. bottom: auto;
  3253. }
  3254. .opera .art-postediticon:before
  3255. {
  3256. /* Vertical-align:middle in Opera doesn't need additional offset */
  3257. bottom: 0;
  3258. }
  3259.  
  3260. .art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before
  3261. {
  3262. content:url('{image:postbullets}');
  3263. margin-right:6px;
  3264. bottom: 2px;
  3265. position:relative;
  3266. display:inline-block;
  3267. vertical-align:middle;
  3268. font-size:0;
  3269. line-height:0;
  3270. }
  3271. .opera .art-postcontent ul>li:before, .opera .art-post ul>li:before, .opera .art-textblock ul>li:before
  3272. {
  3273. /* Vertical-align:middle in Opera doesn't need additional offset */
  3274. bottom: 0;
  3275. }
  3276.  
  3277. .art-postcontent li, .art-post li, .art-textblock li
  3278. {
  3279. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3280. color: #111518;
  3281. margin: 3px 0 0 11px;
  3282. }
  3283.  
  3284. .art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li, .art-postcontent ol, .art-post ol, .art-textblock ol
  3285. {
  3286. padding: 0;
  3287. }
  3288.  
  3289. .art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li
  3290. {
  3291. padding-left: 12px;
  3292. }
  3293.  
  3294. .art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before
  3295. {
  3296. margin-left: -12px;
  3297. }
  3298.  
  3299. .art-postcontent ol, .art-post ol, .art-textblock ol, .art-postcontent ul, .art-post ul, .art-textblock ul
  3300. {
  3301. margin: 1em 0 1em 11px;
  3302. }
  3303.  
  3304. .art-postcontent li ol, .art-post li ol, .art-textblock li ol, .art-postcontent li ul, .art-post li ul, .art-textblock li ul
  3305. {
  3306. margin: 0.5em 0 0.5em 11px;
  3307. }
  3308.  
  3309. .art-postcontent li, .art-post li, .art-textblock li
  3310. {
  3311. margin: 3px 0 0 0;
  3312. }
  3313.  
  3314. .art-postcontent ol>li, .art-post ol>li, .art-textblock ol>li
  3315. {
  3316. /* overrides overflow for "ul li" and sets the default value */
  3317. overflow: visible;
  3318. }
  3319.  
  3320. .art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li
  3321. {
  3322. /* makes "ul li" not to align behind the image if they are in the same line */
  3323. overflow-x: visible;
  3324. overflow-y: hidden;
  3325. }
  3326.  
  3327. blockquote
  3328. {
  3329. background: #C7D7E1 url('{image:postquote}') no-repeat scroll;
  3330. border:1px dotted #AFC6D4;
  3331. padding:6px 6px 6px 34px;
  3332. margin:0 0 0 10px;
  3333. color: #0B1014;
  3334. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3335. font-weight: normal;
  3336. font-style: italic;
  3337. text-align: left;
  3338. /* makes block not to align behind the image if they are in the same line */
  3339. overflow: auto;
  3340. clear:both;
  3341. }
  3342. blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a,
  3343. blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link,
  3344. blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited,
  3345. blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover
  3346. {
  3347. color: #0B1014;
  3348. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3349. font-weight: normal;
  3350. font-style: italic;
  3351. text-align: left;
  3352. }
  3353.  
  3354. /* Override native 'p' margins*/
  3355. blockquote p,
  3356. .art-postcontent blockquote p,
  3357. .art-blockcontent blockquote p,
  3358. .art-footer blockquote p
  3359. {
  3360. margin: 0;
  3361. margin: 5px 0;
  3362. }
  3363.  
  3364. .Sorter img
  3365. {
  3366. border:0;
  3367. vertical-align:middle;
  3368. padding:0;
  3369. margin:0;
  3370. position:static;
  3371. z-index:1;
  3372. width: 12px;
  3373. height: 6px;
  3374. }
  3375.  
  3376. .Sorter a
  3377. {
  3378. position:relative;
  3379. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3380. color: #3B7DB0;
  3381. }
  3382.  
  3383. .Sorter a:link
  3384. {
  3385. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3386. color: #3B7DB0;
  3387. }
  3388.  
  3389. .Sorter a:visited, .Sorter a.visited
  3390. {
  3391. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3392. color: #3B7DB0;
  3393. }
  3394.  
  3395. .Sorter a:hover, .Sorter a.hover
  3396. {
  3397. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3398. color: #2D5F86;
  3399. }
  3400.  
  3401. .Sorter
  3402. {
  3403. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3404. color:#204460;
  3405. }
  3406.  
  3407. .art-footer
  3408. {
  3409. background: #AFC6D4;
  3410. background: transparent;
  3411. -webkit-border-radius:3px;
  3412. -moz-border-radius:3px;
  3413. border-radius:3px;
  3414. border-top:1px dotted #AFC6D4;
  3415. padding:8px;
  3416. margin:10px auto 0;
  3417. position: relative;
  3418. color: #204460;
  3419. font-size: 13px;
  3420. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3421. line-height: 175%;
  3422. text-align: center;
  3423. }
  3424.  
  3425. .art-footer a,
  3426. .art-footer a:link,
  3427. .art-footer a:visited,
  3428. .art-footer a:hover,
  3429. .art-footer td,
  3430. .art-footer th,
  3431. .art-footer caption
  3432. {
  3433. color: #204460;
  3434. font-size: 13px;
  3435. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3436. line-height: 175%;
  3437. }
  3438.  
  3439. .art-footer p
  3440. {
  3441. padding:0;
  3442. text-align: center;
  3443. }
  3444.  
  3445. .art-footer a,
  3446. .art-footer a:link
  3447. {
  3448. color: #4088BF;
  3449. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3450. text-decoration: none;
  3451. }
  3452.  
  3453. .art-footer a:visited
  3454. {
  3455. color: #89A1AE;
  3456. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3457. text-decoration: none;
  3458. }
  3459.  
  3460. .art-footer a:hover
  3461. {
  3462. color: #6AA2CD;
  3463. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3464. text-decoration: underline;
  3465. }
  3466.  
  3467. .art-footer h1
  3468. {
  3469. color: #4F92C4;
  3470. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3471. }
  3472.  
  3473. .art-footer h2
  3474. {
  3475. color: #4F92C4;
  3476. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3477. }
  3478.  
  3479. .art-footer h3
  3480. {
  3481. color: #7AA0B8;
  3482. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3483. }
  3484.  
  3485. .art-footer h4
  3486. {
  3487. color: #536B79;
  3488. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3489. }
  3490.  
  3491. .art-footer h5
  3492. {
  3493. color: #536B79;
  3494. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3495. }
  3496.  
  3497. .art-footer h6
  3498. {
  3499. color: #536B79;
  3500. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3501. }
  3502.  
  3503. .art-footer img
  3504. {
  3505. border: none;
  3506. margin: 10px;
  3507. }
  3508.  
  3509. .art-rss-tag-icon
  3510. {
  3511. background: url('{image:footerrssicon}') no-repeat scroll;
  3512. margin:0 auto;
  3513. min-height:32px;
  3514. min-width:32px;
  3515. display: inline-block;
  3516. text-indent: 35px;
  3517. background-position: left center;
  3518. vertical-align: middle;
  3519. }
  3520.  
  3521. .art-rss-tag-icon:empty
  3522. {
  3523. vertical-align: middle;
  3524. }
  3525.  
  3526. .art-facebook-tag-icon
  3527. {
  3528. background: url('{image:footerfacebookicon}') no-repeat scroll;
  3529. margin:0 auto;
  3530. min-height:32px;
  3531. min-width:32px;
  3532. display: inline-block;
  3533. text-indent: 35px;
  3534. background-position: left center;
  3535. vertical-align: middle;
  3536. }
  3537.  
  3538. .art-facebook-tag-icon:empty
  3539. {
  3540. vertical-align: middle;
  3541. }
  3542.  
  3543. .art-twitter-tag-icon
  3544. {
  3545. background: url('{image:footertwittericon}') no-repeat scroll;
  3546. margin:0 auto;
  3547. min-height:32px;
  3548. min-width:32px;
  3549. display: inline-block;
  3550. text-indent: 35px;
  3551. background-position: left center;
  3552. vertical-align: middle;
  3553. }
  3554.  
  3555. .art-twitter-tag-icon:empty
  3556. {
  3557. vertical-align: middle;
  3558. }
  3559.  
  3560. .art-tumblr-tag-icon
  3561. {
  3562. background: url('{image:tumblricon}') no-repeat scroll;
  3563. margin:0 auto;
  3564. min-height:33px;
  3565. min-width:32px;
  3566. display: inline-block;
  3567. text-indent: 35px;
  3568. background-position: left center;
  3569. vertical-align: middle;
  3570. }
  3571.  
  3572. .art-tumblr-tag-icon:empty
  3573. {
  3574. vertical-align: middle;
  3575. }
  3576.  
  3577. .art-pinterest-tag-icon
  3578. {
  3579. background: url('{image:pinteresticon}') no-repeat scroll;
  3580. margin:0 auto;
  3581. min-height:32px;
  3582. min-width:32px;
  3583. display: inline-block;
  3584. text-indent: 35px;
  3585. background-position: left center;
  3586. vertical-align: middle;
  3587. }
  3588.  
  3589. .art-pinterest-tag-icon:empty
  3590. {
  3591. vertical-align: middle;
  3592. }
  3593.  
  3594. .art-vimeo-tag-icon
  3595. {
  3596. background: url('{image:vimeoicon}') no-repeat scroll;
  3597. margin:0 auto;
  3598. min-height:32px;
  3599. min-width:32px;
  3600. display: inline-block;
  3601. text-indent: 35px;
  3602. background-position: left center;
  3603. vertical-align: middle;
  3604. }
  3605.  
  3606. .art-vimeo-tag-icon:empty
  3607. {
  3608. vertical-align: middle;
  3609. }
  3610.  
  3611. .art-youtube-tag-icon
  3612. {
  3613. background: url('{image:youtubeicon}') no-repeat scroll;
  3614. margin:0 auto;
  3615. min-height:32px;
  3616. min-width:32px;
  3617. display: inline-block;
  3618. text-indent: 35px;
  3619. background-position: left center;
  3620. vertical-align: middle;
  3621. }
  3622.  
  3623. .art-youtube-tag-icon:empty
  3624. {
  3625. vertical-align: middle;
  3626. }
  3627.  
  3628. .art-linkedin-tag-icon
  3629. {
  3630. background: url('{image:linkedinicon}') no-repeat scroll;
  3631. margin:0 auto;
  3632. min-height:33px;
  3633. min-width:32px;
  3634. display: inline-block;
  3635. text-indent: 35px;
  3636. background-position: left center;
  3637. vertical-align: middle;
  3638. }
  3639.  
  3640. .art-linkedin-tag-icon:empty
  3641. {
  3642. vertical-align: middle;
  3643. }
  3644.  
  3645. .art-footer ul>li:before
  3646. {
  3647. content:url('{image:footerbullets}');
  3648. margin-right:6px;
  3649. bottom: 2px;
  3650. position:relative;
  3651. display:inline-block;
  3652. vertical-align:middle;
  3653. font-size:0;
  3654. line-height:0;
  3655. margin-left: -17px;
  3656. }
  3657. .opera .art-footer ul>li:before
  3658. {
  3659. /* Vertical-align:middle in Opera doesn't need additional offset */
  3660. bottom: 0;
  3661. }
  3662.  
  3663. .art-footer li
  3664. {
  3665. font-size: 13px;
  3666. font-family: Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  3667. color: #556E7C;
  3668. }
  3669.  
  3670. .art-footer ul>li, .art-footer ol
  3671. {
  3672. padding: 0;
  3673. }
  3674.  
  3675. .art-footer ul>li
  3676. {
  3677. padding-left: 17px;
  3678. }
  3679.  
  3680. .art-page-footer,
  3681. .art-page-footer a,
  3682. .art-page-footer a:link,
  3683. .art-page-footer a:visited,
  3684. .art-page-footer a:hover
  3685. {
  3686. font-family: Arial;
  3687. font-size: 10px;
  3688. letter-spacing: normal;
  3689. word-spacing: normal;
  3690. font-style: normal;
  3691. font-weight: normal;
  3692. text-decoration: underline;
  3693. color: #5B99C8;
  3694. }
  3695.  
  3696. .art-page-footer
  3697. {
  3698. position: relative;
  3699. z-index: auto !important;
  3700. padding: 1em;
  3701. text-align: center !important;
  3702. text-decoration: none;
  3703. color: #465B67;
  3704. }
  3705.  
  3706. .art-lightbox-wrapper
  3707. {
  3708. background: #333;
  3709. background: rgba(0, 0, 0, .8);
  3710. bottom: 0;
  3711. left: 0;
  3712. padding: 0 100px;
  3713. position: fixed;
  3714. right: 0;
  3715. text-align: center;
  3716. top: 0;
  3717. z-index: 1000000;
  3718. }
  3719.  
  3720. .art-lightbox,
  3721. .art-lightbox-wrapper .art-lightbox-image
  3722. {
  3723. cursor: pointer;
  3724. }
  3725.  
  3726. .art-lightbox-wrapper .art-lightbox-image
  3727. {
  3728. border: 6px solid #fff;
  3729. border-radius: 3px;
  3730. display: none;
  3731. max-width: 100%;
  3732. vertical-align: middle;
  3733. }
  3734.  
  3735. .art-lightbox-wrapper .art-lightbox-image.active
  3736. {
  3737. display: inline-block;
  3738. }
  3739.  
  3740. .art-lightbox-wrapper .lightbox-error
  3741. {
  3742. background: #fff;
  3743. border: 1px solid #b4b4b4;
  3744. border-radius: 10px;
  3745. box-shadow: 0 2px 5px #333;
  3746. height: 80px;
  3747. opacity: .95;
  3748. padding: 20px;
  3749. position: fixed;
  3750. width: 300px;
  3751. z-index: 100;
  3752. }
  3753.  
  3754. .art-lightbox-wrapper .loading
  3755. {
  3756. background: #fff url('{image:preloader01}') center center no-repeat;
  3757. border: 1px solid #b4b4b4;
  3758. border-radius: 10px;
  3759. box-shadow: 0 2px 5px #333;
  3760. height: 32px;
  3761. opacity: .5;
  3762. padding: 10px;
  3763. position: fixed;
  3764. width: 32px;
  3765. z-index: 10100;
  3766. }
  3767.  
  3768. .art-lightbox-wrapper .arrow
  3769. {
  3770. cursor: pointer;
  3771. height: 100px;
  3772. opacity: .5;
  3773. filter: alpha(opacity=50);
  3774. position: fixed;
  3775. width: 82px;
  3776. z-index: 10003;
  3777. }
  3778.  
  3779. .art-lightbox-wrapper .arrow.left
  3780. {
  3781. left: 9px;
  3782. }
  3783.  
  3784. .art-lightbox-wrapper .arrow.right
  3785. {
  3786. right: 9px;
  3787. }
  3788.  
  3789. .art-lightbox-wrapper .arrow:hover
  3790. {
  3791. opacity: 1;
  3792. filter: alpha(opacity=100);
  3793. }
  3794.  
  3795. .art-lightbox-wrapper .arrow.disabled
  3796. {
  3797. display: none;
  3798. }
  3799.  
  3800. .art-lightbox-wrapper .arrow-t,
  3801. .art-lightbox-wrapper .arrow-b
  3802. {
  3803. background-color: #fff;
  3804. border-radius: 3px;
  3805. height: 6px;
  3806. left: 26px;
  3807. position: relative;
  3808. width: 30px;
  3809. }
  3810.  
  3811. .art-lightbox-wrapper .arrow-t
  3812. {
  3813. top: 38px;
  3814. }
  3815.  
  3816. .art-lightbox-wrapper .arrow-b
  3817. {
  3818. top: 50px;
  3819. }
  3820.  
  3821. .art-lightbox-wrapper .close
  3822. {
  3823. cursor: pointer;
  3824. height: 22px;
  3825. opacity: .5;
  3826. filter: alpha(opacity=50);
  3827. position: fixed;
  3828. right: 39px;
  3829. top: 30px;
  3830. width: 22px;
  3831. z-index: 10003;
  3832. }
  3833.  
  3834. .art-lightbox-wrapper .close:hover
  3835. {
  3836. opacity: 1;
  3837. filter: alpha(opacity=100);
  3838. }
  3839.  
  3840. .art-lightbox-wrapper .close .cw,
  3841. .art-lightbox-wrapper .close .ccw
  3842. {
  3843. background-color: #fff;
  3844. border-radius: 3px;
  3845. height: 6px;
  3846. position: absolute;
  3847. left: -4px;
  3848. top: 8px;
  3849. width: 30px;
  3850. }
  3851.  
  3852. .art-lightbox-wrapper .cw
  3853. {
  3854. transform: rotate(45deg);
  3855. -ms-transform: rotate(45deg);
  3856. /* IE 9 */
  3857. -webkit-transform: rotate(45deg);
  3858. /* Safari and Chrome */
  3859. -o-transform: rotate(45deg);
  3860. /* Opera */
  3861. -moz-transform: rotate(45deg);
  3862. /* Firefox */}
  3863.  
  3864. .art-lightbox-wrapper .ccw
  3865. {
  3866. transform: rotate(-45deg);
  3867. -ms-transform: rotate(-45deg);
  3868. /* IE 9 */
  3869. -webkit-transform: rotate(-45deg);
  3870. /* Safari and Chrome */
  3871. -o-transform: rotate(-45deg);
  3872. /* Opera */
  3873. -moz-transform: rotate(-45deg);
  3874. /* Firefox */}
  3875.  
  3876. .art-lightbox-wrapper .close-alt,
  3877. .art-lightbox-wrapper .arrow-right-alt,
  3878. .art-lightbox-wrapper .arrow-left-alt
  3879. {
  3880. color: #fff;
  3881. display: none;
  3882. font-size: 2.5em;
  3883. line-height: 100%;
  3884. }
  3885.  
  3886. .ie8 .art-lightbox-wrapper .close-alt,
  3887. .ie8 .art-lightbox-wrapper .arrow-right-alt,
  3888. .ie8 .art-lightbox-wrapper .arrow-left-alt
  3889. {
  3890. display: block;
  3891. }
  3892.  
  3893. .ie8 .art-lightbox-wrapper .cw,
  3894. .ie8 .art-lightbox-wrapper .ccw
  3895. {
  3896. display: none;
  3897. }
  3898.  
  3899. .art-content-layout .art-content
  3900. {
  3901. margin:0 auto;
  3902. }
  3903.  
  3904. /* Begin Additional CSS Styles */
  3905.  
  3906. /* End Additional CSS Styles */
  3907.  
  3908. /* Created by ThemeDorks */
  3909.  
  3910. .responsive body
  3911. {
  3912. min-width: 240px;
  3913. }
  3914.  
  3915. .responsive img
  3916. {
  3917. -webkit-box-sizing: border-box;
  3918. -moz-box-sizing: border-box;
  3919. box-sizing: border-box;
  3920. }
  3921.  
  3922. .responsive .art-content-layout img,
  3923. .responsive .art-content-layout video
  3924. {
  3925. max-width: 100%;
  3926. height: auto !important;
  3927. }
  3928.  
  3929. .responsive.responsive-phone .art-content-layout img
  3930. {
  3931. margin: 1%;
  3932. }
  3933.  
  3934. .responsive.responsive-phone .art-collage,
  3935. .responsive.responsive-tablet .art-collage {
  3936. margin: 0 !important;
  3937. }
  3938.  
  3939. .responsive .art-content-layout .art-sidebar0,
  3940. .responsive .art-content-layout .art-sidebar1,
  3941. .responsive .art-content-layout .art-sidebar2
  3942. {
  3943. width: auto !important;
  3944. }
  3945.  
  3946. .responsive .art-content-layout,
  3947. .responsive .art-content-layout-row,
  3948. .responsive .art-layout-cell
  3949. {
  3950. display: block;
  3951. }
  3952.  
  3953. .responsive .art-content-layout,
  3954. .responsive .art-content-layout-row
  3955. {
  3956. padding: 0;
  3957. }
  3958.  
  3959. .responsive .image-caption-wrapper
  3960. {
  3961. width: auto;
  3962. }
  3963.  
  3964. .responsive.responsive-tablet .art-vmenublock,
  3965. .responsive.responsive-tablet .art-block
  3966. {
  3967. margin-left: 1%;
  3968. margin-right: 1%;
  3969. width: 48%;
  3970. float: left;
  3971. -webkit-box-sizing: border-box;
  3972. -moz-box-sizing: border-box;
  3973. box-sizing: border-box;
  3974. }
  3975.  
  3976. .responsive .art-responsive-embed
  3977. {
  3978. height: 0;
  3979. padding-bottom: 56.25%;
  3980. /* 16:9 */
  3981. position: relative;
  3982. }
  3983.  
  3984. .responsive .art-responsive-embed iframe,
  3985. .responsive .art-responsive-embed object,
  3986. .responsive .art-responsive-embed embed
  3987. {
  3988. height: 100%;
  3989. left: 0;
  3990. position: absolute;
  3991. top: 0;
  3992. width: 100%;
  3993. }
  3994.  
  3995. .responsive .art-sheet
  3996. {
  3997. width: auto !important;
  3998. min-width: 240px !important;
  3999. max-width: none !important;
  4000. margin-right: 1% !important;
  4001. margin-left: 1% !important;
  4002. margin-top: 1% !important;
  4003. }
  4004.  
  4005. #art-resp {
  4006. display: none;
  4007. }
  4008.  
  4009. @media all and (max-width: 899px)
  4010. {
  4011. #art-resp, #art-resp-t { display: block; }
  4012. #art-resp-m { display: none; }
  4013. }
  4014.  
  4015. @media all and (max-width: 480px)
  4016. {
  4017. #art-resp, #art-resp-m { display: block; }
  4018. #art-resp-t { display: none; }
  4019. }
  4020.  
  4021. #art-resp-desktop {
  4022. display: none;
  4023. }
  4024. #art-resp-tablet-landscape {
  4025. display: none;
  4026. }
  4027. #art-resp-tablet-portrait {
  4028. display: none;
  4029. }
  4030. #art-resp-phone-landscape {
  4031. display: none;
  4032. }
  4033. #art-resp-phone-portrait {
  4034. display: none;
  4035. }
  4036.  
  4037. @media (min-width: 1200px)
  4038. {
  4039. #art-resp-desktop { display: block; }
  4040. }
  4041.  
  4042. @media (min-width: 980px) and (max-width: 1199px)
  4043. {
  4044. #art-resp-tablet-landscape { display: block; }
  4045. }
  4046.  
  4047. @media (min-width: 768px) and (max-width: 979px)
  4048. {
  4049. #art-resp-tablet-portrait { display: block; }
  4050. }
  4051.  
  4052. @media (min-width: 480px) and (max-width: 767px)
  4053. {
  4054. #art-resp-phone-landscape { display: block; }
  4055. }
  4056.  
  4057. @media (max-width: 479px)
  4058. {
  4059. #art-resp-phone-portrait { display: block; }
  4060. }
  4061. .responsive .art-content-layout,
  4062. .responsive .art-content-layout-row,
  4063. .responsive .art-layout-cell
  4064. {
  4065. display: block;
  4066. }
  4067.  
  4068. .responsive .art-layout-cell
  4069. {
  4070. width: auto !important;
  4071. height: auto !important;
  4072. }
  4073.  
  4074. .responsive .art-content-layout:after,
  4075. .responsive .art-content-layout-row:after,
  4076. .responsive .art-layout-cell:after
  4077. {
  4078. content: ".";
  4079. display: block;
  4080. height: 0;
  4081. clear: both;
  4082. visibility: hidden;
  4083. }
  4084.  
  4085. .responsive .responsive-tablet-layout-cell,
  4086. .responsive.responsive-tablet .art-footer .art-content-layout .art-layout-cell
  4087. {
  4088. margin: 1%;
  4089. width: 98% !important;
  4090. float: left;
  4091. -webkit-box-sizing: border-box;
  4092. -moz-box-sizing: border-box;
  4093. box-sizing: border-box;
  4094. }
  4095.  
  4096. .responsive .responsive-layout-row-2 .responsive-tablet-layout-cell,
  4097. .responsive.responsive-tablet .art-footer .art-content-layout .responsive-layout-row-2 .art-layout-cell
  4098. {
  4099. width: 48% !important;
  4100. }
  4101.  
  4102. .responsive .responsive-layout-row-3 .responsive-tablet-layout-cell,
  4103. .responsive.responsive-tablet .art-footer .art-content-layout .responsive-layout-row-3 .art-layout-cell
  4104. {
  4105. width: 31% !important;
  4106. }
  4107. .responsive .art-post
  4108. {
  4109. border-radius: 0;
  4110. }
  4111.  
  4112. .responsive .art-footer-inner
  4113. {
  4114. min-width: 0;
  4115. }
  4116. .responsive .art-footer
  4117. {
  4118. margin-top: 1%;
  4119. }
  4120.  
  4121.  
  4122. .art-layout-cell h2{ margin:0px; padding:0px; }
  4123.  
  4124. .art-pager{ margin:10px; }
  4125.  
  4126.  
  4127. .art-post { padding-bottom: 2.25em; position: relative; margin-top: 10px; }
  4128.  
  4129. .art-date .permalink { font-variant: small-caps; line-height: 1.25; text-decoration: none; text-transform: lowercase; }
  4130. .art-date .day, .art-date .month { display: block; }
  4131. .art-date .month { line-height: 1.15384615385;}
  4132.  
  4133.  
  4134. span.reblogged { margin-left:10px;}
  4135.  
  4136. .art-quote big { color: #E0E0E0; font-size: 6em; font-weight: bold; line-height: 0.5em; position: absolute; left: -0.05em; z-index: 1; }
  4137. .art-quote .art-quote-words { font-size: 1.8em; line-height: 1.15384615385; position: relative; z-index: 10;}
  4138. .art-quote .art-source { color: {color:Secondary Text}; margin:10px; }
  4139. article.art-post-date { border:none;}
  4140. .art-date { margin-left:0;}
  4141. .art-post img { margin-bottom:15px;}
  4142. .art-post p {font: 15px Georgia;line-height:20px; color: #424242;}
  4143. .art-post p a:link, .art-post p a:visited {text-decoration: none;
  4144. color: #6699cc;}
  4145. .art-audio {width: 210px; border: 1px solid #eee; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f8f8f8; padding:8px; margin-bottom:8px;}
  4146. .art-post h3 a:link, .art-post h3 a:visited {margin: 0 0 12px 0;padding: 0;font-size: 1.1em;font-weight: bold; color:#6699cc;text-decoration: none;}
  4147. h2.art-postheader .link_og_blockquote {font-size: 15px; font-family:Georgia; line-height: 20px; color: #424242;}
  4148. blockquote.link_og_blockquote {font: 15px Georgia; margin:0;}
  4149. div.reblogged {background: #f8f8f8; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7;
  4150. padding: 10px 10px;}
  4151. .art-post blockquotes {}
  4152. .art-post blockquotes p { margin-left: 30px; font-size: 22px; margin-top: -8px;}
  4153.  
  4154.  
  4155.  
  4156. {CustomCSS}
  4157. </style>
  4158.  
  4159.  
  4160.  
  4161. <style>.art-content .art-postcontent-0 .layout-item-0 { padding-right: 10px;padding-left: 10px; }
  4162. .ie7 .art-post .art-layout-cell {border:none !important; padding:0 !important; }
  4163. .ie6 .art-post .art-layout-cell {border:none !important; padding:0 !important; }
  4164.  
  4165. </style>
  4166.  
  4167. </head>
  4168. <body>
  4169.  
  4170.  
  4171.  
  4172. <div id="art-main">
  4173. <div class="art-sheet clearfix">
  4174. <div class="art-layout-wrapper">
  4175. <div class="art-content-layout">
  4176. <div class="art-content-layout-row">
  4177. <div class="art-layout-cell art-content">{block:SearchPage}
  4178. <article class="art-post art-article">
  4179. {block:SearchResults}
  4180. {lang:Your search for SearchQuery returned SearchResultCount results}
  4181. {/block:SearchResults}
  4182.  
  4183. {block:NoSearchResults}
  4184. {lang:No search results for SearchQuery}
  4185. {block:NoSearchResults}
  4186. </article>
  4187. {/block:SearchPage}
  4188. {block:Posts}
  4189. <article class="art-post art-article">
  4190. {block:Text}
  4191. {block:Title}
  4192. <div class="art-postmetadataheader">
  4193. <h2 class="art-postheader"><span class="art-postheadericon"><a href="{Permalink}">{Title}</a></span></h2>
  4194. </div>
  4195. {/block:Title}
  4196.  
  4197. {block:NewDayDate}
  4198. <div class="art-postheadericons art-metadata-icons art-date">
  4199. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" class="permalink">
  4200. <span class="art-postdateicon month">{ShortMonth} {DayOfMonthWithZero}</span>
  4201. </a>
  4202. </div> <!-- end .date -->
  4203. {/block:NewDayDate}
  4204.  
  4205. <div class="art-postcontent">
  4206. {Body}
  4207. </div>
  4208.  
  4209. {/block:Text}
  4210.  
  4211. {block:Photo}
  4212. <div class="art-postcontent">
  4213. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  4214. <p>{block:Caption}{Caption}{/block:Caption}</p>
  4215. </div>
  4216. {/block:Photo}
  4217.  
  4218. {block:Video}
  4219. <div class="art-postcontent">
  4220. {Video-500}
  4221. {block:Caption}
  4222. <h2>{Caption}</h2>
  4223. {/block:Caption}
  4224. </div>
  4225. {/block:Video}
  4226.  
  4227. {block:Quote}
  4228. <div class="art-postcontent">
  4229. <blockquote>
  4230. {Quote}
  4231. </blockquote>
  4232. {block:Source}
  4233. <div class="art-source"><p>{Source}</p></div>
  4234. {/block:Source}
  4235. </div>
  4236. {/block:Quote}
  4237.  
  4238. {block:Link}
  4239. <div class="art-postmetadataheader">
  4240. <h2 class="art-postheader">
  4241. <span class="art-postheadericon"><a href="{URL}" class="link" {target}="">{Name}</a></span>
  4242. </h2>
  4243. </div>
  4244. <div class="art-postcontent">
  4245. {block:Description}
  4246. <p>{Description}</p>
  4247. {/block:Description}
  4248. </div>
  4249. {/block:Link}
  4250.  
  4251. {block:Chat}
  4252. {block:Title}
  4253. <div class="art-postmetadataheader">
  4254. <h2 class="art-postheader">
  4255. <span class="art-postheadericon"><a href="{Permalink}">{Title}</a></span>
  4256. </h2>
  4257. </div>
  4258. {/block:Title}
  4259.  
  4260. <div class="art-postcontent">
  4261. <ul class="chat">
  4262. {block:Lines}
  4263. <li class="{Alt} user_{UserNumber}">
  4264. {block:Label}
  4265. <span class="label">{Label}</span>
  4266. {/block:Label}
  4267.  
  4268. {Line}
  4269. </li>
  4270. {/block:Lines}
  4271. </ul>
  4272. </div>
  4273. {/block:Chat}
  4274.  
  4275.  
  4276. {block:Audio}
  4277. <div class="art-postcontent">
  4278. <div class="art-audio">
  4279. {AudioPlayerBlack}
  4280. </div>
  4281. {block:Caption}
  4282. <h2>{Caption}</h2>
  4283. {/block:Caption}
  4284. </div>
  4285. {/block:Audio}
  4286.  
  4287. {block:RebloggedFrom}
  4288. <div class="reblogged">({lang:Reblogged from ReblogParentName 2})</div>
  4289. {/block:RebloggedFrom}
  4290.  
  4291. <div class="art-postmetadatafooter">
  4292. <div class="art-postfootericons art-metadata-icons">
  4293. {block:NoteCount}<span><a href="{Permalink}#note-container">{NoteCountWithLabel}</a></span>{/block:NoteCount}
  4294. <span><a href="{Permalink}">{lang:Permalink}</a></span>
  4295. {block:IfDisqusShortname}<span><a href="{Permalink}#disqus_thread">{lang:Comments}</a></span>{/block:IfDisqusShortname}
  4296. {block:Date}<span>{lang:Posted at FormattedTime}</span>{/block:Date}
  4297. {block:HasTags}
  4298. <span>{lang:Tagged}:{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</span>
  4299. {/block:HasTags}
  4300. </div>
  4301. </div>
  4302.  
  4303. </article>
  4304. {/block:Posts}
  4305. <div class="art-pager">
  4306. {block:Pagination}
  4307. {block:PreviousPage}
  4308. <a href="{PreviousPage}"> &lt;&lt; Previous</a>
  4309. {/block:PreviousPage}
  4310.  
  4311. {block:NextPage}
  4312. <a href="{NextPage}">Next &gt;&gt; </a>
  4313. {/block:NextPage}
  4314. {block:Pagination}
  4315.  
  4316. {block:PermalinkPagination}
  4317. {block:PreviousPost}
  4318. <a href="{PreviousPost}">← {lang:Previous post}</a>
  4319. {/block:PreviousPost}
  4320. {block:NextPost}
  4321. <a href="{NextPost}">{lang:Next post} →</a>
  4322. {/block:NextPost}
  4323. {/block:PermalinkPagination}
  4324.  
  4325. {block:DayPagination}
  4326. {block:PreviousDayPage}<a href="{PreviousDayPage}">← {lang:Previous day}</a>{/block:PreviousDayPage}
  4327. {block:NextDayPage}<a href="{NextDayPage}">{lang:Next day} →</a>{/block:NextDayPage}
  4328. {/block:DayPagination}</div>
  4329.  
  4330.  
  4331.  
  4332.  
  4333. </div>
  4334. </div>
  4335. </div>
  4336. </div><footer class="art-footer">
  4337. <p><a href="#">Link1</a> | <a href="#">Link2</a> | <a href="#">Link3</a></p>
  4338. <p>Copyright © 2018. All Rights Reserved.</p>
  4339. </footer>
  4340.  
  4341. </div>
  4342. <p class="art-page-footer">
  4343. <span id="art-footnote-links">Designed by <a href="https://www.themedorks.com" target="_blank">ThemeDorks</a>.</span>
  4344. </p>
  4345. </div>
  4346.  
  4347.  
  4348.  
  4349. </body>
  4350. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!