Guest User

RawTumblr

a guest
Feb 11th, 2018
133
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data