API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 25th, 2017
106
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 179.17 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html dir='LTR' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4. <head>
  5. <b:include data='blog' name='all-head-content'/>
  6. <title><data:blog.pageTitle/></title>
  7.  
  8. <meta content='initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width' name='viewport'/>
  9.  
  10. <b:skin><![CDATA[
  11. #header, #Header1{
  12. height: 100%;
  13. }
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20. #navbar {
  21. position: fixed;
  22. width: 100%;
  23. z-index: 10;
  24. }
  25.  
  26. .art-nav {
  27. -moz-box-sizing: border-box;
  28. -webkit-box-sizing: border-box;
  29. box-sizing: border-box;
  30. display: block;
  31. }
  32.  
  33. .art-comment-avatar{
  34. background: none transparent !important;
  35. border: 0 none !important;
  36. }
  37.  
  38. #ArchiveList ul li {
  39. text-indent: -10px !important;
  40. padding: 0 0 0 15px;
  41. }
  42.  
  43. #ArchiveList ul li:before{
  44. background: none repeat scroll 0 0 transparent;
  45. margin: 0;
  46. content: "";
  47. }
  48.  
  49.  
  50. .profile-datablock,
  51. .profile-textblock {
  52. margin: 0 0 .75em;
  53. line-height: 1.4em;
  54. }
  55. .profile-img {
  56. float: left;
  57. margin-top: 0;
  58. margin-right: 5px;
  59. margin-bottom: 5px;
  60. margin-left: 0;
  61. border: 5px solid #889977;
  62. }
  63. .profile-data {
  64. font-weight: bold;
  65. }
  66.  
  67. .blog-pager{
  68. margin-left: 15px;
  69. }
  70.  
  71. .post-feeds{
  72. margin-left: 15px;
  73. }
  74.  
  75. .blog-feeds
  76. {
  77. margin-left: 15px;
  78. }
  79.  
  80.  
  81. /* for Blogger Page Elements */
  82.  
  83. body#layout #art-main {
  84. position: relative;
  85. }
  86.  
  87. body#layout .art-header {
  88. height: auto;
  89. width: 100%;
  90. }
  91. body#layout .art-content-layout {
  92. margin-top: 18px;
  93. padding-top: 2px;
  94. width: 100%
  95. }
  96.  
  97. body#layout .art-sheet {
  98. width: 100%;
  99. margin-top: 0 !important;
  100. top: 0 !important;
  101. }
  102.  
  103. body#layout .art-sheet:before,
  104. body#layout .art-sheet:after {
  105. content : '';
  106. }
  107.  
  108. body#layout .art-header, body#layout #Header1 {
  109. height: auto;
  110. }
  111.  
  112. body#layout .art-footer,
  113. body#layout .art-footer-inner {
  114. width: 100%;
  115. }
  116.  
  117. body#layout .art-footer .art-footer-text {
  118. height: 85px;
  119. }
  120.  
  121. body#layout .art-blockcontent {
  122. padding: 0;
  123. }
  124.  
  125. body#layout .art-block {
  126. padding: 0;
  127. }
  128.  
  129. body#layout .art-nav {
  130. height: auto;
  131. width: auto;
  132. }
  133.  
  134.  
  135. body#layout .section {
  136. width: auto;
  137. }
  138.  
  139. body#layout #Header1{
  140. display: none;
  141. }
  142. body#layout #LinkList97,
  143. body#layout #BlogArchive99,
  144. body#layout #PageList99 {
  145. display: none;
  146. }
  147.  
  148. body#layout {
  149. min-width: 0;
  150. }
  151.  
  152. body#layout .art-content-layout {
  153. width: 100%;
  154. }
  155.  
  156. body#layout .widget{
  157. left: 0;
  158. top: 0;
  159. width: 99%;
  160. }
  161.  
  162. body#layout .art-footer-default {
  163. display: none;
  164. }
  165.  
  166. #Attribution1 {
  167. display: none;
  168. }
  169.  
  170. /* search results */
  171.  
  172. #uds-searchControl {
  173. width: 99%;
  174. }
  175.  
  176. #uds-searchControl .gsc-results,
  177. #uds-searchControl .gsc-tabhActive {
  178.  
  179. font-family: 'Times New Roman';
  180. font-style: normal;
  181. font-size: 16px;
  182. font-weight: 400;
  183. text-decoration: none;
  184. color: #080a0d !important;
  185. background-color: transparent !important;
  186. border-color: #808080 !important;
  187. }
  188.  
  189.  
  190. #uds-searchControl a,
  191. #uds-searchControl .gs-result .gs-title *,
  192. #uds-searchControl .gs-visibleUrl ,
  193. #uds-searchControl .gsc-tabhInactive {
  194.  
  195. font-family: Arial, 'Arial Unicode MS', Helvetica, sans-serif;
  196. font-style: normal;
  197. font-size: 13px;
  198. font-weight: 400;
  199. text-decoration: none;
  200. color: #e2341d !important;
  201. }
  202.  
  203. #uds-searchControl .gsc-cursor-page{
  204. color: #e2341d !important;
  205. }
  206.  
  207. .gsc-tabsArea{
  208. margin-bottom: 0 !important;
  209. }
  210.  
  211. .gsc-result-info{
  212. border-bottom: 0 none !important;
  213. }
  214.  
  215.  
  216. .blog-pager a:link,
  217. .blog-pager a:visited,
  218. .blog-pager a:active,
  219. .blog-pager a:hover,
  220. .feed-links a:link,
  221. .feed-links a:visited,
  222. .feed-links a:active,
  223. .feed-links a:hover {
  224. color: #e2341d;
  225. }
  226.  
  227. #blog-pager-newer-link {
  228. float: left;
  229. margin-left: 13px;
  230. }
  231.  
  232. #blog-pager-older-link {
  233. float: right;
  234. margin-right: 13px;
  235. }
  236.  
  237. #blog-pager {
  238. text-align: center;
  239. }
  240.  
  241. .jump-link{
  242. margin: 10px 0;
  243. }
  244.  
  245. /* block content */
  246.  
  247. .art-blockcontent {
  248. color: #d6dee6;
  249. }
  250.  
  251. .art-blockcontent a:link{
  252. color: #fed0b9;
  253. }
  254.  
  255. .art-blockcontent a:visited,
  256. .art-blockcontent a.visited {
  257. color: #f9fafb;
  258. }
  259.  
  260. .art-blockcontent a:hover,
  261. .art-blockcontent a.hover {
  262. color: #fdbc9b;
  263. }
  264.  
  265. .toggle span
  266. {
  267. color: #fed0b9;
  268. }
  269.  
  270. .gsc-branding-text {
  271. color: #d6dee6 !important;
  272. }
  273.  
  274.  
  275. /* Created by Artisteer v4.3.0.60745 */
  276.  
  277. #knife-render
  278. {
  279. display: block;
  280. width: 180px;
  281. height: 180px;
  282. background-image: url('http://i.imgur.com/4EROUT3.png');
  283. background-size: cover;
  284.  
  285.  
  286. }
  287.  
  288. #big-button
  289. {
  290. border: 2px solid #3a3a3a;
  291. border-radius: 25px;
  292. display: block;
  293. width: 270px;
  294. height: 50px;
  295. background: #15273a;
  296. color: white;
  297. }
  298.  
  299. #big-button:hover
  300. {
  301. text-decoration: none;
  302. cursor: pointer;
  303. }
  304.  
  305. #big-button span
  306. {
  307.  
  308. height: 100%;
  309. display: block;
  310.  
  311. }
  312.  
  313. #big-button span b
  314. {
  315. font-size: 18px;
  316. position: relative;
  317. top: 15px;
  318. left: 10px;
  319.  
  320. }
  321.  
  322. #arrow
  323. {
  324. background-image: url("http://i.imgur.com/OZo6xXg.png");
  325. background-size: cover;
  326. display: block;
  327. width: 25px;
  328. height:25px;
  329. display: inline-block;
  330. margin-top: 14px;
  331. float: right;
  332. margin-right:10px;
  333. }
  334.  
  335.  
  336.  
  337.  
  338. a.button{
  339. background: #ECECEC;
  340. border-radius: 15px;
  341. padding: 10px 20px;
  342. display: block;
  343. font-family: arial;
  344. font-weight: bold;
  345. color:black;
  346. text-decoration: none;
  347. text-shadow:0px 1px 0px #fff;
  348. border:1px solid #a7a7a7;
  349. width: 145px;
  350. margin:0px auto;
  351. margin-top:100px;
  352. box-shadow: 0px 2px 1px white inset, 0px -2px 8px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1);
  353. -webkit-transition:box-shadow 0.5s;
  354. }
  355. a.button i{
  356. float: right;
  357. margin-top: 2px;
  358. }
  359.  
  360. #art-main
  361. {
  362. background: #FFFFFF url('http://i.imgur.com/8zt7VKT.jpg') top center no-repeat fixed;
  363. background-size: cover;
  364. margin:0 auto;
  365. font-size: 13px;
  366. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  367. font-weight: normal;
  368. font-style: normal;
  369. position: relative;
  370. width: 100%;
  371. min-height: 100%;
  372. left: 0;
  373. top: 0;
  374. cursor:default;
  375. overflow:hidden;
  376. }
  377. table, ul.art-hmenu
  378. {
  379. font-size: 13px;
  380. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  381. font-weight: normal;
  382. font-style: normal;
  383. }
  384.  
  385. h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
  386. {
  387. margin: 0;
  388. padding: 0;
  389. }
  390.  
  391. /* Reset buttons border. It's important for input and button tags.
  392. * border-collapse should be separate for shadow in IE.
  393. */
  394. .art-button
  395. {
  396. border: 0;
  397. border-collapse: separate;
  398. -webkit-background-origin: border !important;
  399. -moz-background-origin: border !important;
  400. background-origin: border-box !important;
  401. background: #68E381;
  402. background: -webkit-linear-gradient(top, #8BEA9E 0, #41DC60 40%, #3DDB5D 50%, #41DC60 60%, #8BEA9E 100%) no-repeat;
  403. background: -moz-linear-gradient(top, #8BEA9E 0, #41DC60 40%, #3DDB5D 50%, #41DC60 60%, #8BEA9E 100%) no-repeat;
  404. background: -o-linear-gradient(top, #8BEA9E 0, #41DC60 40%, #3DDB5D 50%, #41DC60 60%, #8BEA9E 100%) no-repeat;
  405. background: -ms-linear-gradient(top, #8BEA9E 0, #41DC60 40%, #3DDB5D 50%, #41DC60 60%, #8BEA9E 100%) no-repeat;
  406. -svg-background: linear-gradient(top, #8BEA9E 0, #41DC60 40%, #3DDB5D 50%, #41DC60 60%, #8BEA9E 100%) no-repeat;
  407. background: linear-gradient(to bottom, #8BEA9E 0, #41DC60 40%, #3DDB5D 50%, #41DC60 60%, #8BEA9E 100%) no-repeat;
  408. -webkit-border-radius:3px;
  409. -moz-border-radius:3px;
  410. border-radius:3px;
  411. border-width: 0;
  412. padding:0 21px;
  413. margin:0 auto;
  414. height:24px;
  415. }
  416.  
  417. .art-postcontent,
  418. .art-postheadericons,
  419. .art-postfootericons,
  420. .art-blockcontent,
  421. ul.art-vmenu a
  422. {
  423. text-align: left;
  424. }
  425.  
  426. .art-postcontent,
  427. .art-postcontent li,
  428. .art-postcontent table,
  429. .art-postcontent a,
  430. .art-postcontent a:link,
  431. .art-postcontent a:visited,
  432. .art-postcontent a.visited,
  433. .art-postcontent a:hover,
  434. .art-postcontent a.hovered
  435. {
  436. font-size: 13px;
  437. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  438. line-height: 175%;
  439. }
  440.  
  441. .art-postcontent p
  442. {
  443. margin: 13px 0;
  444. }
  445.  
  446. .art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,
  447. .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,
  448. .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,
  449. .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,
  450. .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,
  451. .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,
  452. .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,
  453. .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,
  454. .art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover,
  455. .art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover,
  456. .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover
  457. {
  458. font-size: 22px;
  459. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  460. font-weight: normal;
  461. font-style: normal;
  462. line-height: 120%;
  463. }
  464.  
  465. .art-postcontent a, .art-postcontent a:link
  466. {
  467. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  468. text-decoration: none;
  469. color: #E2341D;
  470. }
  471.  
  472. .art-postcontent a:visited, .art-postcontent a.visited
  473. {
  474. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  475. text-decoration: none;
  476. color: #E2341D;
  477. }
  478.  
  479. .art-postcontent a:hover, .art-postcontent a.hover
  480. {
  481. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  482. text-decoration: underline;
  483. color: #E2341D;
  484. }
  485.  
  486. .art-postcontent h1
  487. {
  488. color: #C4CCD4;
  489. margin: 10px 0 0;
  490. font-size: 26px;
  491. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  492. }
  493.  
  494. .art-blockcontent h1
  495. {
  496. margin: 10px 0 0;
  497. font-size: 26px;
  498. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  499. }
  500.  
  501. .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
  502. {
  503. font-size: 26px;
  504. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  505. }
  506.  
  507. .art-postcontent h2
  508. {
  509. color: #D6DBE1;
  510. margin: 10px 0 0;
  511. font-size: 22px;
  512. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  513. }
  514.  
  515. .art-blockcontent h2
  516. {
  517. margin: 10px 0 0;
  518. font-size: 22px;
  519. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  520. }
  521.  
  522. .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
  523. {
  524. font-size: 22px;
  525. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  526. }
  527.  
  528. .art-postcontent h3
  529. {
  530. color: #FED0B9;
  531. margin: 10px 0 0;
  532. font-size: 20px;
  533. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  534. }
  535.  
  536. .art-blockcontent h3
  537. {
  538. margin: 10px 0 0;
  539. font-size: 20px;
  540. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  541. }
  542.  
  543. .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
  544. {
  545. font-size: 20px;
  546. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  547. }
  548.  
  549. .art-postcontent h4
  550. {
  551. color: #EFF2F5;
  552. margin: 10px 0 0;
  553. font-size: 18px;
  554. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  555. }
  556.  
  557. .art-blockcontent h4
  558. {
  559. margin: 10px 0 0;
  560. font-size: 18px;
  561. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  562. }
  563.  
  564. .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
  565. {
  566. font-size: 18px;
  567. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  568. }
  569.  
  570. .art-postcontent h5
  571. {
  572. color: #EFF2F5;
  573. margin: 10px 0 0;
  574. font-size: 15px;
  575. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  576. }
  577.  
  578. .art-blockcontent h5
  579. {
  580. margin: 10px 0 0;
  581. font-size: 15px;
  582. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  583. }
  584.  
  585. .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
  586. {
  587. font-size: 15px;
  588. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  589. }
  590.  
  591. .art-postcontent h6
  592. {
  593. color: #E9EDF2;
  594. margin: 10px 0 0;
  595. font-size: 13px;
  596. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  597. }
  598.  
  599. .art-blockcontent h6
  600. {
  601. margin: 10px 0 0;
  602. font-size: 13px;
  603. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  604. }
  605.  
  606. .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
  607. {
  608. font-size: 13px;
  609. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  610. }
  611.  
  612. header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-hmenu a, .art-vmenu a, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before
  613. {
  614. -webkit-background-origin: border !important;
  615. -moz-background-origin: border !important;
  616. background-origin: border-box !important;
  617. }
  618.  
  619. header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before
  620. {
  621. display: block;
  622. -webkit-box-sizing: border-box;
  623. -moz-box-sizing: border-box;
  624. box-sizing: border-box;
  625. }
  626.  
  627. ul
  628. {
  629. list-style-type: none;
  630. }
  631.  
  632. ol
  633. {
  634. list-style-position: inside;
  635. }
  636.  
  637. html, body
  638. {
  639. height: 100%;
  640. }
  641.  
  642. /**
  643. * 2. Prevent iOS text size adjust after orientation change, without disabling
  644. * user zoom.
  645. * https://github.com/necolas/normalize.css
  646. */
  647.  
  648. html {
  649. -ms-text-size-adjust: 100%;
  650. /* 2 */
  651. -webkit-text-size-adjust: 100%;
  652. /* 2 */}
  653.  
  654. body
  655. {
  656. padding: 0;
  657. margin:0;
  658. min-width: 1000px;
  659. color: #080A0D;
  660. }
  661.  
  662. .art-header:before,
  663. #art-header-bg:before,
  664. .art-layout-cell:before,
  665. .art-layout-wrapper:before,
  666. .art-footer:before,
  667. .art-nav:before,
  668. #art-hmenu-bg:before,
  669. .art-sheet:before
  670. {
  671. width: 100%;
  672. content: " ";
  673. display: table;
  674. border-collapse: collapse;
  675. border-spacing: 0;
  676. }
  677.  
  678. .art-header:after,
  679. #art-header-bg:after,
  680. .art-layout-cell:after,
  681. .art-layout-wrapper:after,
  682. .art-footer:after,
  683. .art-nav:after,
  684. #art-hmenu-bg:after,
  685. .art-sheet:after,
  686. .cleared, .clearfix:after
  687. {
  688. clear: both;
  689. font: 0/0 serif;
  690. display: block;
  691. content: " ";
  692. }
  693.  
  694. form
  695. {
  696. padding: 0 !important;
  697. margin: 0 !important;
  698. }
  699.  
  700. table.position
  701. {
  702. position: relative;
  703. width: 100%;
  704. table-layout: fixed;
  705. }
  706.  
  707. li h1, .art-postcontent li h1, .art-blockcontent li h1
  708. {
  709. margin:1px;
  710. }
  711. li h2, .art-postcontent li h2, .art-blockcontent li h2
  712. {
  713. margin:1px;
  714. }
  715. li h3, .art-postcontent li h3, .art-blockcontent li h3
  716. {
  717. margin:1px;
  718. }
  719. li h4, .art-postcontent li h4, .art-blockcontent li h4
  720. {
  721. margin:1px;
  722. }
  723. li h5, .art-postcontent li h5, .art-blockcontent li h5
  724. {
  725. margin:1px;
  726. }
  727. li h6, .art-postcontent li h6, .art-blockcontent li h6
  728. {
  729. margin:1px;
  730. }
  731. li p, .art-postcontent li p, .art-blockcontent li p
  732. {
  733. margin:1px;
  734. }
  735.  
  736.  
  737. .art-shapes
  738. {
  739. position: absolute;
  740. top: 0;
  741. right: 0;
  742. bottom: 0;
  743. left: 0;
  744. overflow: hidden;
  745. z-index: 0;
  746. }
  747.  
  748. .art-slider-inner {
  749. position: relative;
  750. overflow: hidden;
  751. width: 100%;
  752. height: 100%;
  753. }
  754.  
  755. .art-slidenavigator > a {
  756. display: inline-block;
  757. vertical-align: middle;
  758. outline-style: none;
  759. font-size: 1px;
  760. }
  761.  
  762. .art-slidenavigator > a:last-child {
  763. margin-right: 0 !important;
  764. }
  765.  
  766.  
  767.  
  768.  
  769.  
  770.  
  771.  
  772. .art-sheet
  773. {
  774. margin:0 auto;
  775. position:relative;
  776. cursor:auto;
  777. width: 1000px;
  778. z-index: auto !important;
  779. }
  780.  
  781. .art-layout-wrapper
  782. {
  783. position: relative;
  784. margin: 20px auto 0 auto;
  785. z-index: auto !important;
  786. }
  787.  
  788. .art-content-layout
  789. {
  790. display: table;
  791. width: 100%;
  792. table-layout: fixed;
  793. }
  794.  
  795. .art-content-layout-row
  796. {
  797. display: table-row;
  798. }
  799.  
  800. .art-layout-cell
  801. {
  802. -webkit-box-sizing: border-box;
  803. -moz-box-sizing: border-box;
  804. box-sizing: border-box;
  805. display: table-cell;
  806. vertical-align: top;
  807. }
  808.  
  809. /* need only for content layout in post content */
  810. .art-postcontent .art-content-layout
  811. {
  812. border-collapse: collapse;
  813. }
  814.  
  815. .art-block
  816. {
  817. margin:3px;
  818. }
  819. div.art-block img
  820. {
  821. border: none;
  822. margin: 0;
  823. }
  824.  
  825. .art-blockheader
  826. {
  827. padding:6px 5px;
  828. margin:0 auto 2px;
  829. }
  830. .art-blockheader .t,
  831. .art-blockheader .t a,
  832. .art-blockheader .t a:link,
  833. .art-blockheader .t a:visited,
  834. .art-blockheader .t a:hover
  835. {
  836. color: #FFFFFF;
  837. font-size: 20px;
  838. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  839. font-weight: normal;
  840. font-style: normal;
  841. margin: 0 5px;
  842. }
  843.  
  844. .art-blockcontent
  845. {
  846. padding:5px;
  847. margin:0 auto;
  848. color: #D6DEE6;
  849. font-size: 13px;
  850. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  851. line-height: 175%;
  852. }
  853. .art-blockcontent table,
  854. .art-blockcontent li,
  855. .art-blockcontent a,
  856. .art-blockcontent a:link,
  857. .art-blockcontent a:visited,
  858. .art-blockcontent a:hover
  859. {
  860. color: #D6DEE6;
  861. font-size: 13px;
  862. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  863. line-height: 175%;
  864. }
  865.  
  866. .art-blockcontent p
  867. {
  868. margin: 0 5px;
  869. }
  870.  
  871. .art-blockcontent a, .art-blockcontent a:link
  872. {
  873. color: #FED0B9;
  874. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  875. }
  876.  
  877. .art-blockcontent a:visited, .art-blockcontent a.visited
  878. {
  879. color: #F9FAFB;
  880. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  881. text-decoration: none;
  882. }
  883.  
  884. .art-blockcontent a:hover, .art-blockcontent a.hover
  885. {
  886. color: #FDBC9B;
  887. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  888. text-decoration: none;
  889. }
  890. .art-block ul>li:before
  891. {
  892. content:url('images/blockbullets.png');
  893. margin-right:6px;
  894. bottom: 2px;
  895. position:relative;
  896. display:inline-block;
  897. vertical-align:middle;
  898. font-size:0;
  899. line-height:0;
  900. margin-left: -12px;
  901. }
  902. .opera .art-block ul>li:before
  903. {
  904. /* Vertical-align:middle in Opera doesn't need additional offset */
  905. bottom: 0;
  906. }
  907.  
  908. .art-block li
  909. {
  910. font-size: 13px;
  911. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  912. line-height: 175%;
  913. color: #EFF2F5;
  914. margin: 5px 0 0 10px;
  915. }
  916.  
  917. .art-block ul>li, .art-block ol
  918. {
  919. padding: 0;
  920. }
  921.  
  922. .art-block ul>li
  923. {
  924. padding-left: 12px;
  925. }
  926.  
  927. .art-breadcrumbs
  928. {
  929. margin:0 auto;
  930. }
  931.  
  932. a.art-button,
  933. a.art-button:link,
  934. a:link.art-button:link,
  935. body a.art-button:link,
  936. a.art-button:visited,
  937. body a.art-button:visited,
  938. input.art-button,
  939. button.art-button
  940. {
  941. text-decoration: none;
  942. font-size: 13px;
  943. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  944. font-weight: normal;
  945. font-style: normal;
  946. position:relative;
  947. display: inline-block;
  948. vertical-align: middle;
  949. white-space: nowrap;
  950. text-align: center;
  951. color: #FFFFFF;
  952. margin: 0 5px 0 0 !important;
  953. overflow: visible;
  954. cursor: pointer;
  955. text-indent: 0;
  956. line-height: 24px;
  957. -webkit-box-sizing: content-box;
  958. -moz-box-sizing: content-box;
  959. box-sizing: content-box;
  960. }
  961.  
  962. .art-button img
  963. {
  964. margin: 0;
  965. vertical-align: middle;
  966. }
  967.  
  968. .firefox2 .art-button
  969. {
  970. display: block;
  971. float: left;
  972. }
  973.  
  974. input, select, textarea, a.art-search-button span
  975. {
  976. vertical-align: middle;
  977. font-size: 13px;
  978. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  979. font-weight: normal;
  980. font-style: normal;
  981. }
  982.  
  983. .art-block select
  984. {
  985. width:96%;
  986. }
  987.  
  988. input.art-button
  989. {
  990. float: none !important;
  991. -webkit-appearance: none;
  992. }
  993.  
  994. .art-button.active, .art-button.active:hover
  995. {
  996. background: #68E381;
  997. background: -webkit-linear-gradient(top, #8BEA9E 0, #41DC60 40%, #3DDB5D 50%, #41DC60 60%, #8BEA9E 100%) no-repeat;
  998. background: -moz-linear-gradient(top, #8BEA9E 0, #41DC60 40%, #3DDB5D 50%, #41DC60 60%, #8BEA9E 100%) no-repeat;
  999. background: -o-linear-gradient(top, #8BEA9E 0, #41DC60 40%, #3DDB5D 50%, #41DC60 60%, #8BEA9E 100%) no-repeat;
  1000. background: -ms-linear-gradient(top, #8BEA9E 0, #41DC60 40%, #3DDB5D 50%, #41DC60 60%, #8BEA9E 100%) no-repeat;
  1001. -svg-background: linear-gradient(top, #8BEA9E 0, #41DC60 40%, #3DDB5D 50%, #41DC60 60%, #8BEA9E 100%) no-repeat;
  1002. background: linear-gradient(to bottom, #8BEA9E 0, #41DC60 40%, #3DDB5D 50%, #41DC60 60%, #8BEA9E 100%) no-repeat;
  1003. -webkit-border-radius:3px;
  1004. -moz-border-radius:3px;
  1005. border-radius:3px;
  1006. border-width: 0;
  1007. padding:0 21px;
  1008. margin:0 auto;
  1009. }
  1010. .art-button.active, .art-button.active:hover {
  1011. color: #FFFFFF !important;
  1012. }
  1013.  
  1014. .art-button.hover, .art-button:hover
  1015. {
  1016. background: #68E381;
  1017. background: -webkit-linear-gradient(top, rgba(139, 234, 158, 0.8) 0, rgba(65, 220, 96, 0.8) 40%, rgba(61, 219, 93, 0.8) 50%, rgba(65, 220, 96, 0.8) 60%, rgba(139, 234, 158, 0.8) 100%) no-repeat;
  1018. background: -moz-linear-gradient(top, rgba(139, 234, 158, 0.8) 0, rgba(65, 220, 96, 0.8) 40%, rgba(61, 219, 93, 0.8) 50%, rgba(65, 220, 96, 0.8) 60%, rgba(139, 234, 158, 0.8) 100%) no-repeat;
  1019. background: -o-linear-gradient(top, rgba(139, 234, 158, 0.8) 0, rgba(65, 220, 96, 0.8) 40%, rgba(61, 219, 93, 0.8) 50%, rgba(65, 220, 96, 0.8) 60%, rgba(139, 234, 158, 0.8) 100%) no-repeat;
  1020. background: -ms-linear-gradient(top, rgba(139, 234, 158, 0.8) 0, rgba(65, 220, 96, 0.8) 40%, rgba(61, 219, 93, 0.8) 50%, rgba(65, 220, 96, 0.8) 60%, rgba(139, 234, 158, 0.8) 100%) no-repeat;
  1021. -svg-background: linear-gradient(top, rgba(139, 234, 158, 0.8) 0, rgba(65, 220, 96, 0.8) 40%, rgba(61, 219, 93, 0.8) 50%, rgba(65, 220, 96, 0.8) 60%, rgba(139, 234, 158, 0.8) 100%) no-repeat;
  1022. background: linear-gradient(to bottom, rgba(139, 234, 158, 0.8) 0, rgba(65, 220, 96, 0.8) 40%, rgba(61, 219, 93, 0.8) 50%, rgba(65, 220, 96, 0.8) 60%, rgba(139, 234, 158, 0.8) 100%) no-repeat;
  1023. -webkit-border-radius:3px;
  1024. -moz-border-radius:3px;
  1025. border-radius:3px;
  1026. border-width: 0;
  1027. padding:0 21px;
  1028. margin:0 auto;
  1029. }
  1030. .art-button.hover, .art-button:hover {
  1031. color: #FFFFFF !important;
  1032. }
  1033.  
  1034. 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
  1035. {
  1036. background: #F9FAFB;
  1037. -webkit-border-radius:4px;
  1038. -moz-border-radius:4px;
  1039. border-radius:4px;
  1040. border:1px solid #B9C2CB;
  1041. margin:0 auto;
  1042. }
  1043. 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
  1044. {
  1045. width: 100%;
  1046. padding: 4px 0;
  1047. color: #3D5166 !important;
  1048. font-size: 13px;
  1049. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1050. font-weight: normal;
  1051. font-style: normal;
  1052. text-shadow: none;
  1053. }
  1054. input.art-error, textarea.art-error
  1055. {
  1056. background: #F9FAFB;
  1057. border:1px solid #E2341D;
  1058. margin:0 auto;
  1059. }
  1060. input.art-error, textarea.art-error {
  1061. color: #3D5166 !important;
  1062. font-size: 13px;
  1063. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1064. font-weight: normal;
  1065. font-style: normal;
  1066. }
  1067. form.art-search input[type="text"]
  1068. {
  1069. background: #FFFFFF;
  1070. -webkit-border-radius:4px;
  1071. -moz-border-radius:4px;
  1072. border-radius:4px;
  1073. border:1px solid #CCD6E0;
  1074. margin:0 auto;
  1075. width: 100%;
  1076. padding: 4px 0;
  1077. -webkit-box-sizing: border-box;
  1078. -moz-box-sizing: border-box;
  1079. box-sizing: border-box;
  1080. color: #364049 !important;
  1081. font-size: 13px;
  1082. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1083. font-weight: normal;
  1084. font-style: normal;
  1085. }
  1086. form.art-search
  1087. {
  1088. background-image: none;
  1089. border: 0;
  1090. display:block;
  1091. position:relative;
  1092. top:0;
  1093. padding:0;
  1094. margin:5px;
  1095. left:0;
  1096. line-height: 0;
  1097. }
  1098.  
  1099. form.art-search input, a.art-search-button
  1100. {
  1101. -webkit-appearance: none;
  1102. top:0;
  1103. right:0;
  1104. }
  1105.  
  1106. form.art-search>input, a.art-search-button{
  1107. bottom:0;
  1108. left:0;
  1109. vertical-align: middle;
  1110. }
  1111.  
  1112. form.art-search input[type="submit"], input.art-search-button, a.art-search-button
  1113. {
  1114. border-radius: 0;
  1115. margin:0 auto;
  1116. }
  1117. form.art-search input[type="submit"], input.art-search-button, a.art-search-button {
  1118. position:absolute;
  1119. left:auto;
  1120. display:block;
  1121. border:none;
  1122. background:url('images/searchicon.png') center center no-repeat;
  1123. width:24px;
  1124. height: 100%;
  1125. padding:0;
  1126. color: #FFFFFF !important;
  1127. cursor: pointer;
  1128. }
  1129.  
  1130. a.art-search-button span.art-search-button-text {
  1131. display: none;
  1132. }
  1133.  
  1134. label.art-checkbox:before
  1135. {
  1136. background: #F9FAFB;
  1137. -webkit-border-radius:1px;
  1138. -moz-border-radius:1px;
  1139. border-radius:1px;
  1140. border-width: 0;
  1141. margin:0 auto;
  1142. width:16px;
  1143. height:16px;
  1144. }
  1145. label.art-checkbox
  1146. {
  1147. cursor: pointer;
  1148. font-size: 13px;
  1149. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1150. font-weight: normal;
  1151. font-style: normal;
  1152. line-height: 16px;
  1153. display: inline-block;
  1154. color: #D9DEE3 !important;
  1155. }
  1156.  
  1157. .art-checkbox>input[type="checkbox"]
  1158. {
  1159. margin: 0 5px 0 0;
  1160. }
  1161.  
  1162. label.art-checkbox.active:before
  1163. {
  1164. background: #FC905A;
  1165. -webkit-border-radius:1px;
  1166. -moz-border-radius:1px;
  1167. border-radius:1px;
  1168. border-width: 0;
  1169. margin:0 auto;
  1170. width:16px;
  1171. height:16px;
  1172. display: inline-block;
  1173. }
  1174.  
  1175. label.art-checkbox.hovered:before
  1176. {
  1177. background: #D9DEE3;
  1178. -webkit-border-radius:1px;
  1179. -moz-border-radius:1px;
  1180. border-radius:1px;
  1181. border-width: 0;
  1182. margin:0 auto;
  1183. width:16px;
  1184. height:16px;
  1185. display: inline-block;
  1186. }
  1187.  
  1188. label.art-radiobutton:before
  1189. {
  1190. background: #F9FAFB;
  1191. -webkit-border-radius:3px;
  1192. -moz-border-radius:3px;
  1193. border-radius:3px;
  1194. border-width: 0;
  1195. margin:0 auto;
  1196. width:12px;
  1197. height:12px;
  1198. }
  1199. label.art-radiobutton
  1200. {
  1201. cursor: pointer;
  1202. font-size: 13px;
  1203. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1204. font-weight: normal;
  1205. font-style: normal;
  1206. line-height: 12px;
  1207. display: inline-block;
  1208. color: #D9DEE3 !important;
  1209. }
  1210.  
  1211. .art-radiobutton>input[type="radio"]
  1212. {
  1213. vertical-align: baseline;
  1214. margin: 0 5px 0 0;
  1215. }
  1216.  
  1217. label.art-radiobutton.active:before
  1218. {
  1219. background: #B9C2CB;
  1220. -webkit-border-radius:3px;
  1221. -moz-border-radius:3px;
  1222. border-radius:3px;
  1223. border-width: 0;
  1224. margin:0 auto;
  1225. width:12px;
  1226. height:12px;
  1227. display: inline-block;
  1228. }
  1229.  
  1230. label.art-radiobutton.hovered:before
  1231. {
  1232. background: #D9DEE3;
  1233. -webkit-border-radius:3px;
  1234. -moz-border-radius:3px;
  1235. border-radius:3px;
  1236. border-width: 0;
  1237. margin:0 auto;
  1238. width:12px;
  1239. height:12px;
  1240. display: inline-block;
  1241. }
  1242.  
  1243. .art-comments
  1244. {
  1245. border-top:1px dotted #A1ADBA;
  1246. margin:0 auto;
  1247. margin-top: 25px;
  1248. }
  1249.  
  1250. .art-comments h2
  1251. {
  1252. color: #D0D6DC;
  1253. }
  1254.  
  1255. .art-comment-inner
  1256. {
  1257. -webkit-border-radius:2px;
  1258. -moz-border-radius:2px;
  1259. border-radius:2px;
  1260. padding:5px;
  1261. margin:0 auto;
  1262. margin-left: 96px;
  1263. }
  1264. .art-comment-avatar
  1265. {
  1266. float:left;
  1267. width:80px;
  1268. height:80px;
  1269. padding:2px;
  1270. background:#fff;
  1271. border:1px solid #E2E8EE;
  1272. }
  1273.  
  1274. .art-comment-avatar>img
  1275. {
  1276. margin:0 !important;
  1277. border:none !important;
  1278. }
  1279.  
  1280. .art-comment-content
  1281. {
  1282. padding:10px 0;
  1283. color: #D6DEE6;
  1284. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1285. }
  1286.  
  1287. .art-comment
  1288. {
  1289. margin-top: 6px;
  1290. }
  1291.  
  1292. .art-comment:first-child
  1293. {
  1294. margin-top: 0;
  1295. }
  1296.  
  1297. .art-comment-header
  1298. {
  1299. color: #D0D6DC;
  1300. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1301. line-height: 100%;
  1302. }
  1303.  
  1304. .art-comment-header a,
  1305. .art-comment-header a:link,
  1306. .art-comment-header a:visited,
  1307. .art-comment-header a.visited,
  1308. .art-comment-header a:hover,
  1309. .art-comment-header a.hovered
  1310. {
  1311. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1312. line-height: 100%;
  1313. }
  1314.  
  1315. .art-comment-header a, .art-comment-header a:link
  1316. {
  1317. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1318. font-weight: bold;
  1319. font-style: normal;
  1320. color: #FFFFFF;
  1321. }
  1322.  
  1323. .art-comment-header a:visited, .art-comment-header a.visited
  1324. {
  1325. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1326. color: #FFFFFF;
  1327. }
  1328.  
  1329. .art-comment-header a:hover, .art-comment-header a.hovered
  1330. {
  1331. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1332. color: #FFFFFF;
  1333. }
  1334.  
  1335. .art-comment-content a,
  1336. .art-comment-content a:link,
  1337. .art-comment-content a:visited,
  1338. .art-comment-content a.visited,
  1339. .art-comment-content a:hover,
  1340. .art-comment-content a.hovered
  1341. {
  1342. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1343. }
  1344.  
  1345. .art-comment-content a, .art-comment-content a:link
  1346. {
  1347. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1348. color: #FEEEE6;
  1349. }
  1350.  
  1351. .art-comment-content a:visited, .art-comment-content a.visited
  1352. {
  1353. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1354. color: #E2E8EE;
  1355. }
  1356.  
  1357. .art-comment-content a:hover, .art-comment-content a.hovered
  1358. {
  1359. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1360. color: #FEEEE6;
  1361. }
  1362.  
  1363. .art-pager
  1364. {
  1365. -webkit-border-radius:4px;
  1366. -moz-border-radius:4px;
  1367. border-radius:4px;
  1368. padding:6px;
  1369. margin:2px;
  1370. }
  1371.  
  1372. .art-pager>*:last-child
  1373. {
  1374. margin-right:0 !important;
  1375. }
  1376.  
  1377. .art-pager>span {
  1378. cursor:default;
  1379. }
  1380.  
  1381. .art-pager>*
  1382. {
  1383. background: #D9DEE3;
  1384. -webkit-border-radius:4px;
  1385. -moz-border-radius:4px;
  1386. border-radius:4px;
  1387. padding:10px;
  1388. margin:0 4px 0 auto;
  1389. line-height: normal;
  1390. position:relative;
  1391. display:inline-block;
  1392. margin-left: 0;
  1393. }
  1394.  
  1395. .art-pager a:link,
  1396. .art-pager a:visited,
  1397. .art-pager .active
  1398. {
  1399. line-height: normal;
  1400. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1401. text-decoration: none;
  1402. color: #1C2126
  1403. ;
  1404. }
  1405.  
  1406. .art-pager .active
  1407. {
  1408. background: #B6BFC9;
  1409. padding:10px;
  1410. margin:0 4px 0 auto;
  1411. color: #FFFFFF
  1412. ;
  1413. }
  1414.  
  1415. .art-pager .more
  1416. {
  1417. background: #D9DEE3;
  1418. margin:0 4px 0 auto;
  1419. }
  1420. .art-pager a.more:link,
  1421. .art-pager a.more:visited
  1422. {
  1423. color: #411701
  1424. ;
  1425. }
  1426. .art-pager a:hover
  1427. {
  1428. background: #B9C2CB;
  1429. padding:10px;
  1430. margin:0 4px 0 auto;
  1431. }
  1432. .art-pager a:hover,
  1433. .art-pager a.more:hover
  1434. {
  1435. text-decoration: none;
  1436. color: #21262C
  1437. ;
  1438. }
  1439. .art-pager>*:after
  1440. {
  1441. margin:0 0 0 auto;
  1442. display:inline-block;
  1443. position:absolute;
  1444. content: ' ';
  1445. top:0;
  1446. width:0;
  1447. height:100%;
  1448. right: 0;
  1449. text-decoration:none;
  1450. }
  1451.  
  1452. .art-pager>*:last-child:after{
  1453. display:none;
  1454. }
  1455.  
  1456. .art-commentsform
  1457. {
  1458. background: #E2E8EE;
  1459. background: transparent;
  1460. padding:10px;
  1461. margin:0 auto;
  1462. margin-top:25px;
  1463. color: #D0D6DC;
  1464. }
  1465.  
  1466. .art-commentsform h2{
  1467. padding-bottom:10px;
  1468. margin: 0;
  1469. color: #D0D6DC;
  1470. }
  1471.  
  1472. .art-commentsform label {
  1473. display: inline-block;
  1474. line-height: 25px;
  1475. }
  1476.  
  1477. .art-commentsform input:not([type=submit]), .art-commentsform textarea {
  1478. box-sizing: border-box;
  1479. -moz-box-sizing: border-box;
  1480. -webkit-box-sizing: border-box;
  1481. width:100%;
  1482. max-width:100%;
  1483. }
  1484.  
  1485. .art-commentsform .form-submit
  1486. {
  1487. margin-top: 10px;
  1488. }
  1489. .art-post
  1490. {
  1491. padding:5px;
  1492. }
  1493. a img
  1494. {
  1495. border: 0;
  1496. }
  1497.  
  1498. .art-article img, img.art-article, .art-block img, .art-footer img
  1499. {
  1500. margin: 7px 7px 7px 7px;
  1501. }
  1502.  
  1503. .art-metadata-icons img
  1504. {
  1505. border: none;
  1506. vertical-align: middle;
  1507. margin: 2px;
  1508. }
  1509.  
  1510. .art-article table, table.art-article
  1511. {
  1512. border-collapse: collapse;
  1513. margin: 1px;
  1514. }
  1515.  
  1516. .art-post .art-content-layout-br
  1517. {
  1518. height: 0;
  1519. }
  1520.  
  1521. .art-article th, .art-article td
  1522. {
  1523. padding: 2px;
  1524. border: solid 1px #B9C2CB;
  1525. vertical-align: top;
  1526. text-align: left;
  1527. }
  1528.  
  1529. .art-article th
  1530. {
  1531. text-align: center;
  1532. vertical-align: middle;
  1533. padding: 7px;
  1534. }
  1535.  
  1536. pre
  1537. {
  1538. overflow: auto;
  1539. padding: 0.1em;
  1540. }
  1541.  
  1542. .preview-cms-logo
  1543. {
  1544. border: 0;
  1545. margin: 1em 1em 0 0;
  1546. float: left;
  1547. }
  1548.  
  1549. .image-caption-wrapper
  1550. {
  1551. padding: 7px 7px 7px 7px;
  1552. -webkit-box-sizing: border-box;
  1553. -moz-box-sizing: border-box;
  1554. box-sizing: border-box;
  1555. }
  1556.  
  1557. .image-caption-wrapper img
  1558. {
  1559. margin: 0 !important;
  1560. -webkit-box-sizing: border-box;
  1561. -moz-box-sizing: border-box;
  1562. box-sizing: border-box;
  1563. }
  1564.  
  1565. .image-caption-wrapper div.art-collage
  1566. {
  1567. margin: 0 !important;
  1568. -webkit-box-sizing: border-box;
  1569. -moz-box-sizing: border-box;
  1570. box-sizing: border-box;
  1571. }
  1572.  
  1573. .image-caption-wrapper p
  1574. {
  1575. font-size: 80%;
  1576. text-align: right;
  1577. margin: 0;
  1578. }
  1579.  
  1580. .art-postheader
  1581. {
  1582. color: #EFF2F5;
  1583. margin: 5px 10px;
  1584. font-size: 24px;
  1585. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1586. font-weight: normal;
  1587. font-style: normal;
  1588. }
  1589.  
  1590. .art-postheader a,
  1591. .art-postheader a:link,
  1592. .art-postheader a:visited,
  1593. .art-postheader a.visited,
  1594. .art-postheader a:hover,
  1595. .art-postheader a.hovered
  1596. {
  1597. font-size: 24px;
  1598. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1599. font-weight: normal;
  1600. font-style: normal;
  1601. }
  1602.  
  1603. .art-postheader a, .art-postheader a:link
  1604. {
  1605. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1606. text-decoration: none;
  1607. text-align: left;
  1608. color: #FEE7DC;
  1609. }
  1610.  
  1611. .art-postheader a:visited, .art-postheader a.visited
  1612. {
  1613. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1614. text-decoration: none;
  1615. text-align: left;
  1616. color: #D2DBE4;
  1617. }
  1618.  
  1619. .art-postheader a:hover, .art-postheader a.hovered
  1620. {
  1621. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1622. text-decoration: none;
  1623. text-align: left;
  1624. color: #FED0B9;
  1625. }
  1626.  
  1627. .art-postheadericons,
  1628. .art-postheadericons a,
  1629. .art-postheadericons a:link,
  1630. .art-postheadericons a:visited,
  1631. .art-postheadericons a:hover
  1632. {
  1633. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1634. color: #EFF2F5;
  1635. }
  1636.  
  1637. .art-postheadericons
  1638. {
  1639. padding: 1px;
  1640. margin: 0 0 0 10px;
  1641. }
  1642.  
  1643. .art-postheadericons a, .art-postheadericons a:link
  1644. {
  1645. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1646. text-decoration: none;
  1647. color: #FED7C3;
  1648. }
  1649.  
  1650. .art-postheadericons a:visited, .art-postheadericons a.visited
  1651. {
  1652. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1653. font-weight: normal;
  1654. font-style: normal;
  1655. text-decoration: none;
  1656. color: #C2CEDB;
  1657. }
  1658.  
  1659. .art-postheadericons a:hover, .art-postheadericons a.hover
  1660. {
  1661. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1662. font-weight: normal;
  1663. font-style: normal;
  1664. text-decoration: underline;
  1665. color: #FDBFA0;
  1666. }
  1667.  
  1668. .art-postdateicon:before
  1669. {
  1670. content:url('images/postdateicon.png');
  1671. margin-right:6px;
  1672. position:relative;
  1673. display:inline-block;
  1674. vertical-align:middle;
  1675. font-size:0;
  1676. line-height:0;
  1677. bottom: auto;
  1678. }
  1679. .opera .art-postdateicon:before
  1680. {
  1681. /* Vertical-align:middle in Opera doesn't need additional offset */
  1682. bottom: 0;
  1683. }
  1684.  
  1685. .art-postauthoricon:before
  1686. {
  1687. content:url('images/postauthoricon.png');
  1688. margin-right:6px;
  1689. position:relative;
  1690. display:inline-block;
  1691. vertical-align:middle;
  1692. font-size:0;
  1693. line-height:0;
  1694. bottom: auto;
  1695. }
  1696. .opera .art-postauthoricon:before
  1697. {
  1698. /* Vertical-align:middle in Opera doesn't need additional offset */
  1699. bottom: 0;
  1700. }
  1701.  
  1702. .art-postediticon:before
  1703. {
  1704. content:url('images/postediticon.png');
  1705. margin-right:6px;
  1706. bottom: 2px;
  1707. position:relative;
  1708. display:inline-block;
  1709. vertical-align:middle;
  1710. font-size:0;
  1711. line-height:0;
  1712. }
  1713. .opera .art-postediticon:before
  1714. {
  1715. /* Vertical-align:middle in Opera doesn't need additional offset */
  1716. bottom: 0;
  1717. }
  1718.  
  1719. .art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before
  1720. {
  1721. content:url('images/postbullets.png');
  1722. margin-right:10px;
  1723. bottom: 2px;
  1724. position:relative;
  1725. display:inline-block;
  1726. vertical-align:middle;
  1727. font-size:0;
  1728. line-height:0;
  1729. }
  1730. .opera .art-postcontent ul>li:before, .opera .art-post ul>li:before, .opera .art-textblock ul>li:before
  1731. {
  1732. /* Vertical-align:middle in Opera doesn't need additional offset */
  1733. bottom: 0;
  1734. }
  1735.  
  1736. .art-postcontent li, .art-post li, .art-textblock li
  1737. {
  1738. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1739. color: #303F50;
  1740. margin: 3px 0 0 11px;
  1741. }
  1742.  
  1743. .art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li, .art-postcontent ol, .art-post ol, .art-textblock ol
  1744. {
  1745. padding: 0;
  1746. }
  1747.  
  1748. .art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li
  1749. {
  1750. padding-left: 17px;
  1751. }
  1752.  
  1753. .art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before
  1754. {
  1755. margin-left: -17px;
  1756. }
  1757.  
  1758. .art-postcontent ol, .art-post ol, .art-textblock ol, .art-postcontent ul, .art-post ul, .art-textblock ul
  1759. {
  1760. margin: 1em 0 1em 11px;
  1761. }
  1762.  
  1763. .art-postcontent li ol, .art-post li ol, .art-textblock li ol, .art-postcontent li ul, .art-post li ul, .art-textblock li ul
  1764. {
  1765. margin: 0.5em 0 0.5em 11px;
  1766. }
  1767.  
  1768. .art-postcontent li, .art-post li, .art-textblock li
  1769. {
  1770. margin: 3px 0 0 0;
  1771. }
  1772.  
  1773. .art-postcontent ol>li, .art-post ol>li, .art-textblock ol>li
  1774. {
  1775. /* overrides overflow for "ul li" and sets the default value */
  1776. overflow: visible;
  1777. }
  1778.  
  1779. .art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li
  1780. {
  1781. /* makes "ul li" not to align behind the image if they are in the same line */
  1782. overflow-x: visible;
  1783. overflow-y: hidden;
  1784. }
  1785.  
  1786. blockquote
  1787. {
  1788. background: #EFF2F5 url('images/postquote.png') no-repeat scroll;
  1789. padding:10px 10px 10px 47px;
  1790. margin:10px 0 0 25px;
  1791. color: #0D1216;
  1792. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1793. font-weight: normal;
  1794. font-style: italic;
  1795. text-align: left;
  1796. /* makes block not to align behind the image if they are in the same line */
  1797. overflow: auto;
  1798. clear:both;
  1799. }
  1800. blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a,
  1801. blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link,
  1802. blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited,
  1803. blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover
  1804. {
  1805. color: #0D1216;
  1806. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1807. font-weight: normal;
  1808. font-style: italic;
  1809. text-align: left;
  1810. }
  1811.  
  1812. /* Override native 'p' margins*/
  1813. blockquote p,
  1814. .art-postcontent blockquote p,
  1815. .art-blockcontent blockquote p,
  1816. .art-footer blockquote p
  1817. {
  1818. margin: 0;
  1819. margin: 5px 0;
  1820. }
  1821.  
  1822. .Sorter img
  1823. {
  1824. border:0;
  1825. vertical-align:middle;
  1826. padding:0;
  1827. margin:0;
  1828. position:static;
  1829. z-index:1;
  1830. width: 12px;
  1831. height: 6px;
  1832. }
  1833.  
  1834. .Sorter a
  1835. {
  1836. position:relative;
  1837. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1838. color: #C7CFD6;
  1839. }
  1840.  
  1841. .Sorter a:link
  1842. {
  1843. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1844. color: #C7CFD6;
  1845. }
  1846.  
  1847. .Sorter a:visited, .Sorter a.visited
  1848. {
  1849. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1850. color: #C7CFD6;
  1851. }
  1852.  
  1853. .Sorter a:hover, .Sorter a.hover
  1854. {
  1855. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1856. color: #B6BFC9;
  1857. }
  1858.  
  1859. .Sorter
  1860. {
  1861. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1862. color:#D9DEE3;
  1863. }
  1864.  
  1865. .art-footer
  1866. {
  1867. margin:0 auto;
  1868. position: relative;
  1869. color: #FFFFFF;
  1870. font-size: 13px;
  1871. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1872. line-height: 175%;
  1873. text-align: center;
  1874. padding: 0;
  1875. }
  1876.  
  1877. .art-footer a,
  1878. .art-footer a:link,
  1879. .art-footer a:visited,
  1880. .art-footer a:hover,
  1881. .art-footer td,
  1882. .art-footer th,
  1883. .art-footer caption
  1884. {
  1885. color: #FFFFFF;
  1886. font-size: 13px;
  1887. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1888. line-height: 175%;
  1889. }
  1890.  
  1891. .art-footer p
  1892. {
  1893. padding:0;
  1894. text-align: center;
  1895. }
  1896.  
  1897. .art-footer a,
  1898. .art-footer a:link
  1899. {
  1900. color: #D2DBE4;
  1901. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1902. text-decoration: none;
  1903. }
  1904.  
  1905. .art-footer a:visited
  1906. {
  1907. color: #BFCCD9;
  1908. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1909. text-decoration: none;
  1910. }
  1911.  
  1912. .art-footer a:hover
  1913. {
  1914. color: #FED0B9;
  1915. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1916. text-decoration: underline;
  1917. }
  1918.  
  1919. .art-footer h1
  1920. {
  1921. color: #8A99A8;
  1922. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1923. }
  1924.  
  1925. .art-footer h2
  1926. {
  1927. color: #A1ADBA;
  1928. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1929. }
  1930.  
  1931. .art-footer h3
  1932. {
  1933. color: #FA681E;
  1934. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1935. }
  1936.  
  1937. .art-footer h4
  1938. {
  1939. color: #9CAFC4;
  1940. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1941. }
  1942.  
  1943. .art-footer h5
  1944. {
  1945. color: #9CAFC4;
  1946. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1947. }
  1948.  
  1949. .art-footer h6
  1950. {
  1951. color: #9CAFC4;
  1952. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1953. }
  1954.  
  1955. .art-footer img
  1956. {
  1957. border: none;
  1958. margin: 5px;
  1959. }
  1960.  
  1961. .art-footer-inner
  1962. {
  1963. margin: 0 auto;
  1964. width:1000px;
  1965. padding:10px;
  1966. padding-right: 10px;
  1967. padding-left: 10px;
  1968. }
  1969.  
  1970. .art-rss-tag-icon
  1971. {
  1972. background: url('images/footerrssicon.png') no-repeat scroll;
  1973. margin:0 auto;
  1974. min-height:16px;
  1975. min-width:16px;
  1976. display: inline-block;
  1977. text-indent: 19px;
  1978. background-position: left center;
  1979. vertical-align: middle;
  1980. }
  1981.  
  1982. .art-rss-tag-icon:empty
  1983. {
  1984. vertical-align: middle;
  1985. }
  1986.  
  1987. .art-facebook-tag-icon
  1988. {
  1989. background: url('images/footerfacebookicon.png') no-repeat scroll;
  1990. margin:0 auto;
  1991. min-height:32px;
  1992. min-width:32px;
  1993. display: inline-block;
  1994. text-indent: 35px;
  1995. background-position: left center;
  1996. vertical-align: middle;
  1997. }
  1998.  
  1999. .art-facebook-tag-icon:empty
  2000. {
  2001. vertical-align: middle;
  2002. }
  2003.  
  2004. .art-twitter-tag-icon
  2005. {
  2006. background: url('images/footertwittericon.png') no-repeat scroll;
  2007. margin:0 auto;
  2008. min-height:32px;
  2009. min-width:32px;
  2010. display: inline-block;
  2011. text-indent: 35px;
  2012. background-position: left center;
  2013. vertical-align: middle;
  2014. }
  2015.  
  2016. .art-twitter-tag-icon:empty
  2017. {
  2018. vertical-align: middle;
  2019. }
  2020.  
  2021. .art-tumblr-tag-icon
  2022. {
  2023. background: url('images/tumblricon.png') no-repeat scroll;
  2024. margin:0 auto;
  2025. min-height:32px;
  2026. min-width:32px;
  2027. display: inline-block;
  2028. text-indent: 35px;
  2029. background-position: left center;
  2030. vertical-align: middle;
  2031. }
  2032.  
  2033. .art-tumblr-tag-icon:empty
  2034. {
  2035. vertical-align: middle;
  2036. }
  2037.  
  2038. .art-pinterest-tag-icon
  2039. {
  2040. background: url('images/pinteresticon.png') no-repeat scroll;
  2041. margin:0 auto;
  2042. min-height:32px;
  2043. min-width:32px;
  2044. display: inline-block;
  2045. text-indent: 35px;
  2046. background-position: left center;
  2047. vertical-align: middle;
  2048. }
  2049.  
  2050. .art-pinterest-tag-icon:empty
  2051. {
  2052. vertical-align: middle;
  2053. }
  2054.  
  2055. .art-vimeo-tag-icon
  2056. {
  2057. background: url('images/vimeoicon.png') no-repeat scroll;
  2058. margin:0 auto;
  2059. min-height:32px;
  2060. min-width:32px;
  2061. display: inline-block;
  2062. text-indent: 35px;
  2063. background-position: left center;
  2064. vertical-align: middle;
  2065. }
  2066.  
  2067. .art-vimeo-tag-icon:empty
  2068. {
  2069. vertical-align: middle;
  2070. }
  2071.  
  2072. .art-youtube-tag-icon
  2073. {
  2074. background: url('images/youtubeicon.png') no-repeat scroll;
  2075. margin:0 auto;
  2076. min-height:32px;
  2077. min-width:32px;
  2078. display: inline-block;
  2079. text-indent: 35px;
  2080. background-position: left center;
  2081. vertical-align: middle;
  2082. }
  2083.  
  2084. .art-youtube-tag-icon:empty
  2085. {
  2086. vertical-align: middle;
  2087. }
  2088.  
  2089. .art-linkedin-tag-icon
  2090. {
  2091. background: url('images/linkedinicon.png') no-repeat scroll;
  2092. margin:0 auto;
  2093. min-height:32px;
  2094. min-width:32px;
  2095. display: inline-block;
  2096. text-indent: 35px;
  2097. background-position: left center;
  2098. vertical-align: middle;
  2099. }
  2100.  
  2101. .art-linkedin-tag-icon:empty
  2102. {
  2103. vertical-align: middle;
  2104. }
  2105.  
  2106. .art-footer ul>li:before
  2107. {
  2108. content:url('images/footerbullets.png');
  2109. margin-right:6px;
  2110. bottom: 2px;
  2111. position:relative;
  2112. display:inline-block;
  2113. vertical-align:middle;
  2114. font-size:0;
  2115. line-height:0;
  2116. margin-left: -14px;
  2117. }
  2118. .opera .art-footer ul>li:before
  2119. {
  2120. /* Vertical-align:middle in Opera doesn't need additional offset */
  2121. bottom: 0;
  2122. }
  2123.  
  2124. .art-footer li
  2125. {
  2126. font-size: 13px;
  2127. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2128. color: #FEE1D2;
  2129. }
  2130.  
  2131. .art-footer ul>li, .art-footer ol
  2132. {
  2133. padding: 0;
  2134. }
  2135.  
  2136. .art-footer ul>li
  2137. {
  2138. padding-left: 14px;
  2139. }
  2140.  
  2141. .art-page-footer,
  2142. .art-page-footer a,
  2143. .art-page-footer a:link,
  2144. .art-page-footer a:visited,
  2145. .art-page-footer a:hover
  2146. {
  2147. font-family: Arial;
  2148. font-size: 10px;
  2149. letter-spacing: normal;
  2150. word-spacing: normal;
  2151. font-style: normal;
  2152. font-weight: normal;
  2153. text-decoration: underline;
  2154. color: #C7CFD6;
  2155. }
  2156.  
  2157. .art-page-footer
  2158. {
  2159. position: relative;
  2160. z-index: auto !important;
  2161. padding: 1em;
  2162. text-align: center !important;
  2163. text-decoration: none;
  2164. color: #AFBFCF;
  2165. }
  2166.  
  2167. .art-lightbox-wrapper
  2168. {
  2169. background: #333;
  2170. background: rgba(0, 0, 0, .8);
  2171. bottom: 0;
  2172. left: 0;
  2173. padding: 0 100px;
  2174. position: fixed;
  2175. right: 0;
  2176. text-align: center;
  2177. top: 0;
  2178. z-index: 1000000;
  2179. }
  2180.  
  2181. .art-lightbox,
  2182. .art-lightbox-wrapper .art-lightbox-image
  2183. {
  2184. cursor: pointer;
  2185. }
  2186.  
  2187. .art-lightbox-wrapper .art-lightbox-image
  2188. {
  2189. border: 6px solid #fff;
  2190. border-radius: 3px;
  2191. display: none;
  2192. max-width: 100%;
  2193. vertical-align: middle;
  2194. }
  2195.  
  2196. .art-lightbox-wrapper .art-lightbox-image.active
  2197. {
  2198. display: inline-block;
  2199. }
  2200.  
  2201. .art-lightbox-wrapper .lightbox-error
  2202. {
  2203. background: #fff;
  2204. border: 1px solid #b4b4b4;
  2205. border-radius: 10px;
  2206. box-shadow: 0 2px 5px #333;
  2207. height: 80px;
  2208. opacity: .95;
  2209. padding: 20px;
  2210. position: fixed;
  2211. width: 300px;
  2212. z-index: 100;
  2213. }
  2214.  
  2215. .art-lightbox-wrapper .loading
  2216. {
  2217. background: #fff url('images/preloader-01.gif') center center no-repeat;
  2218. border: 1px solid #b4b4b4;
  2219. border-radius: 10px;
  2220. box-shadow: 0 2px 5px #333;
  2221. height: 32px;
  2222. opacity: .5;
  2223. padding: 10px;
  2224. position: fixed;
  2225. width: 32px;
  2226. z-index: 10100;
  2227. }
  2228.  
  2229. .art-lightbox-wrapper .arrow
  2230. {
  2231. cursor: pointer;
  2232. height: 100px;
  2233. opacity: .5;
  2234. filter: alpha(opacity=50);
  2235. position: fixed;
  2236. width: 82px;
  2237. z-index: 10003;
  2238. }
  2239.  
  2240. .art-lightbox-wrapper .arrow.left
  2241. {
  2242. left: 9px;
  2243. }
  2244.  
  2245. .art-lightbox-wrapper .arrow.right
  2246. {
  2247. right: 9px;
  2248. }
  2249.  
  2250. .art-lightbox-wrapper .arrow:hover
  2251. {
  2252. opacity: 1;
  2253. filter: alpha(opacity=100);
  2254. }
  2255.  
  2256. .art-lightbox-wrapper .arrow.disabled
  2257. {
  2258. display: none;
  2259. }
  2260.  
  2261. .art-lightbox-wrapper .arrow-t,
  2262. .art-lightbox-wrapper .arrow-b
  2263. {
  2264. background-color: #fff;
  2265. border-radius: 3px;
  2266. height: 6px;
  2267. left: 26px;
  2268. position: relative;
  2269. width: 30px;
  2270. }
  2271.  
  2272. .art-lightbox-wrapper .arrow-t
  2273. {
  2274. top: 38px;
  2275. }
  2276.  
  2277. .art-lightbox-wrapper .arrow-b
  2278. {
  2279. top: 50px;
  2280. }
  2281.  
  2282. .art-lightbox-wrapper .close
  2283. {
  2284. cursor: pointer;
  2285. height: 22px;
  2286. opacity: .5;
  2287. filter: alpha(opacity=50);
  2288. position: fixed;
  2289. right: 39px;
  2290. top: 30px;
  2291. width: 22px;
  2292. z-index: 10003;
  2293. }
  2294.  
  2295. .art-lightbox-wrapper .close:hover
  2296. {
  2297. opacity: 1;
  2298. filter: alpha(opacity=100);
  2299. }
  2300.  
  2301. .art-lightbox-wrapper .close .cw,
  2302. .art-lightbox-wrapper .close .ccw
  2303. {
  2304. background-color: #fff;
  2305. border-radius: 3px;
  2306. height: 6px;
  2307. position: absolute;
  2308. left: -4px;
  2309. top: 8px;
  2310. width: 30px;
  2311. }
  2312.  
  2313. .art-lightbox-wrapper .cw
  2314. {
  2315. transform: rotate(45deg);
  2316. -ms-transform: rotate(45deg);
  2317. /* IE 9 */
  2318. -webkit-transform: rotate(45deg);
  2319. /* Safari and Chrome */
  2320. -o-transform: rotate(45deg);
  2321. /* Opera */
  2322. -moz-transform: rotate(45deg);
  2323. /* Firefox */}
  2324.  
  2325. .art-lightbox-wrapper .ccw
  2326. {
  2327. transform: rotate(-45deg);
  2328. -ms-transform: rotate(-45deg);
  2329. /* IE 9 */
  2330. -webkit-transform: rotate(-45deg);
  2331. /* Safari and Chrome */
  2332. -o-transform: rotate(-45deg);
  2333. /* Opera */
  2334. -moz-transform: rotate(-45deg);
  2335. /* Firefox */}
  2336.  
  2337. .art-lightbox-wrapper .close-alt,
  2338. .art-lightbox-wrapper .arrow-right-alt,
  2339. .art-lightbox-wrapper .arrow-left-alt
  2340. {
  2341. color: #fff;
  2342. display: none;
  2343. font-size: 2.5em;
  2344. line-height: 100%;
  2345. }
  2346.  
  2347. .ie8 .art-lightbox-wrapper .close-alt,
  2348. .ie8 .art-lightbox-wrapper .arrow-right-alt,
  2349. .ie8 .art-lightbox-wrapper .arrow-left-alt
  2350. {
  2351. display: block;
  2352. }
  2353.  
  2354. .ie8 .art-lightbox-wrapper .cw,
  2355. .ie8 .art-lightbox-wrapper .ccw
  2356. {
  2357. display: none;
  2358. }
  2359.  
  2360. .art-content-layout .art-content
  2361. {
  2362. margin:0 auto;
  2363. }
  2364.  
  2365. /* Begin Additional CSS Styles */
  2366. .art-article1 th, .art-article td
  2367. {
  2368.  
  2369. border: solid 0px #C7BC8F; }
  2370.  
  2371. .img-circle {
  2372. border-radius: 50%;
  2373. }
  2374. /* End Additional CSS Styles */
  2375.  
  2376. ]]></b:skin>
  2377. <!--[if lte IE 7]>
  2378. <style>
  2379.  
  2380.  
  2381. .art-header, #art-header-bg, .art-layout-cell, .art-layout-wrapper, .art-footer, .art-nav, #art-hmenu-bg, .art-sheet,
  2382. .clearfix {
  2383. zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).className="cleared");
  2384. }
  2385.  
  2386. .art-textblock > div {
  2387. display: block;
  2388. line-height: normal;
  2389. zoom: 1;
  2390. }
  2391.  
  2392. .art-content-layout, .art-content-layout-row, .art-layout-cell
  2393. {
  2394. display: block;
  2395. zoom: 1;
  2396. }
  2397. .art-layout-cell
  2398. {
  2399. position:relative;
  2400. float: left;
  2401. clear: right;
  2402. }
  2403.  
  2404. input[type="text"]
  2405. {
  2406. margin:0 0 0 -3px;
  2407. zoom:expression(runtimeStyle.zoom = 1, parentNode.insertBefore(document.createElement('div'), this).appendChild(this));
  2408. }
  2409.  
  2410. * html input[type="text"]
  2411. {
  2412. margin :0;
  2413. }
  2414.  
  2415. form.art-search>input[type="text"]
  2416. {
  2417. margin:0 0 0 -3px;
  2418. zoom:expression(runtimeStyle.zoom = 1, parentNode.insertBefore(document.createElement('div'), this).appendChild(this));
  2419. }
  2420.  
  2421. form.art-search div>input[type="text"]
  2422. {
  2423. width: 100%;
  2424. }
  2425.  
  2426. * html form.art-search>input[type="text"]
  2427. {
  2428. margin :0;
  2429. }
  2430.  
  2431. form.art-search
  2432. {
  2433. zoom: 1;
  2434. }
  2435. .art-postheadericons span{
  2436. zoom: 1;
  2437. }
  2438. .art-postcontent {
  2439. height: 1%;
  2440. }
  2441.  
  2442. .close-alt, .arrow-right-alt, .arrow-left-alt {
  2443. display: block !important;
  2444. }
  2445. .cw, .ccw {
  2446. display: none !important;
  2447. }
  2448.  
  2449. .art-content
  2450. {
  2451. width: auto;
  2452. float:none;
  2453. }
  2454.  
  2455.  
  2456. </style>
  2457. <![endif]-->
  2458. <style>
  2459.  
  2460.  
  2461. .responsive body
  2462. {
  2463. min-width: 240px;
  2464. }
  2465.  
  2466. .responsive img
  2467. {
  2468. -webkit-box-sizing: border-box;
  2469. -moz-box-sizing: border-box;
  2470. box-sizing: border-box;
  2471. }
  2472.  
  2473. .responsive .art-content-layout img,
  2474. .responsive .art-content-layout video
  2475. {
  2476. max-width: 100%;
  2477. height: auto !important;
  2478. }
  2479.  
  2480. .responsive.responsive-phone .art-content-layout img
  2481. {
  2482. margin: 1%;
  2483. }
  2484.  
  2485. .responsive.responsive-phone .art-collage,
  2486. .responsive.responsive-tablet .art-collage {
  2487. margin: 0 !important;
  2488. }
  2489.  
  2490. .responsive .art-content-layout .art-sidebar0,
  2491. .responsive .art-content-layout .art-sidebar1,
  2492. .responsive .art-content-layout .art-sidebar2
  2493. {
  2494. width: auto !important;
  2495. }
  2496.  
  2497. .responsive .art-content-layout,
  2498. .responsive .art-content-layout-row,
  2499. .responsive .art-layout-cell
  2500. {
  2501. display: block;
  2502. }
  2503.  
  2504. .responsive .art-content-layout,
  2505. .responsive .art-content-layout-row
  2506. {
  2507. padding: 0;
  2508. }
  2509.  
  2510. .responsive .image-caption-wrapper
  2511. {
  2512. width: auto;
  2513. }
  2514.  
  2515. .responsive.responsive-tablet .art-vmenublock,
  2516. .responsive.responsive-tablet .art-block
  2517. {
  2518. margin-left: 1%;
  2519. margin-right: 1%;
  2520. width: 48%;
  2521. float: left;
  2522. -webkit-box-sizing: border-box;
  2523. -moz-box-sizing: border-box;
  2524. box-sizing: border-box;
  2525. }
  2526.  
  2527. .responsive .art-responsive-embed
  2528. {
  2529. height: 0;
  2530. padding-bottom: 56.25%;
  2531. /* 16:9 */
  2532. position: relative;
  2533. }
  2534.  
  2535. .responsive .art-responsive-embed iframe,
  2536. .responsive .art-responsive-embed object,
  2537. .responsive .art-responsive-embed embed
  2538. {
  2539. height: 100%;
  2540. left: 0;
  2541. position: absolute;
  2542. top: 0;
  2543. width: 100%;
  2544. }
  2545.  
  2546. .responsive .art-sheet
  2547. {
  2548. width: auto !important;
  2549. min-width: 240px !important;
  2550. max-width: none !important;
  2551. margin-right: 1% !important;
  2552. margin-left: 1% !important;
  2553. }
  2554.  
  2555. #art-resp {
  2556. display: none;
  2557. }
  2558.  
  2559. @media all and (max-width: 999px)
  2560. {
  2561. #art-resp, #art-resp-t { display: block; }
  2562. #art-resp-m { display: none; }
  2563. }
  2564.  
  2565. @media all and (max-width: 480px)
  2566. {
  2567. #art-resp, #art-resp-m { display: block; }
  2568. #art-resp-t { display: none; }
  2569. }
  2570.  
  2571. #art-resp-desktop {
  2572. display: none;
  2573. }
  2574. #art-resp-tablet-landscape {
  2575. display: none;
  2576. }
  2577. #art-resp-tablet-portrait {
  2578. display: none;
  2579. }
  2580. #art-resp-phone-landscape {
  2581. display: none;
  2582. }
  2583. #art-resp-phone-portrait {
  2584. display: none;
  2585. }
  2586.  
  2587. @media (min-width: 1200px)
  2588. {
  2589. #art-resp-desktop { display: block; }
  2590. }
  2591.  
  2592. @media (min-width: 980px) and (max-width: 1199px)
  2593. {
  2594. #art-resp-tablet-landscape { display: block; }
  2595. }
  2596.  
  2597. @media (min-width: 768px) and (max-width: 979px)
  2598. {
  2599. #art-resp-tablet-portrait { display: block; }
  2600. }
  2601.  
  2602. @media (min-width: 480px) and (max-width: 767px)
  2603. {
  2604. #art-resp-phone-landscape { display: block; }
  2605. }
  2606.  
  2607. @media (max-width: 479px)
  2608. {
  2609. #art-resp-phone-portrait { display: block; }
  2610. }
  2611. .responsive .art-content-layout,
  2612. .responsive .art-content-layout-row,
  2613. .responsive .art-layout-cell
  2614. {
  2615. display: block;
  2616. }
  2617.  
  2618. .responsive .art-layout-cell
  2619. {
  2620. width: auto !important;
  2621. height: auto !important;
  2622. }
  2623.  
  2624. .responsive .art-content-layout:after,
  2625. .responsive .art-content-layout-row:after,
  2626. .responsive .art-layout-cell:after
  2627. {
  2628. content: &quot;.&quot;;
  2629. display: block;
  2630. height: 0;
  2631. clear: both;
  2632. visibility: hidden;
  2633. }
  2634.  
  2635. .responsive .responsive-tablet-layout-cell,
  2636. .responsive.responsive-tablet .art-footer .art-content-layout .art-layout-cell
  2637. {
  2638. margin: 1%;
  2639. width: 98% !important;
  2640. float: left;
  2641. -webkit-box-sizing: border-box;
  2642. -moz-box-sizing: border-box;
  2643. box-sizing: border-box;
  2644. }
  2645.  
  2646. .responsive .responsive-layout-row-2 .responsive-tablet-layout-cell,
  2647. .responsive.responsive-tablet .art-footer .art-content-layout .responsive-layout-row-2 .art-layout-cell
  2648. {
  2649. width: 48% !important;
  2650. }
  2651.  
  2652. .responsive .responsive-layout-row-3 .responsive-tablet-layout-cell,
  2653. .responsive.responsive-tablet .art-footer .art-content-layout .responsive-layout-row-3 .art-layout-cell
  2654. {
  2655. width: 31% !important;
  2656. }
  2657. .responsive .art-post
  2658. {
  2659. border-radius: 0;
  2660. }
  2661.  
  2662. .responsive .art-footer-inner
  2663. {
  2664. width: auto;
  2665. padding: 2% !important;
  2666. }
  2667.  
  2668.  
  2669. </style>
  2670.  
  2671. <script src='http://code.jquery.com/jquery-1.9.1.min.js'/>
  2672. <script src='http://code.jquery.com/jquery-migrate-1.1.1.min.js'/>
  2673. <script>
  2674. //<![CDATA[
  2675. /* Created by Artisteer v4.3.0.60745 */
  2676. /*jshint forin:true, noarg:true, noempty:true, eqeqeq:true, bitwise:true, strict:true, undef:true, curly:false, browser:true, jquery:false */
  2677. /*global jQuery BackgroundHelper */
  2678.  
  2679. // css helper
  2680. browser = function ($) {
  2681. 'use strict';
  2682. var data = [
  2683. { str: navigator.userAgent, sub: 'Chrome', ver: 'Chrome', name: 'chrome' },
  2684. { str: navigator.vendor, sub: 'Apple', ver: 'Version', name: 'safari' },
  2685. { prop: window.opera, ver: 'Opera', name: 'opera' },
  2686. { str: navigator.userAgent, sub: 'Firefox', ver: 'Firefox', name: 'firefox' },
  2687. { str: navigator.userAgent, sub: 'MSIE', ver: 'MSIE', name: 'ie' },
  2688. { str: navigator.userAgent, sub: 'Trident/7.0', ver: 'rv', name: 'ie' }
  2689. ];
  2690. var v = function (s, n) {
  2691. var i = s.indexOf(data[n].ver);
  2692. return (i !== -1) ? parseFloat(s.substring(i + data[n].ver.length + 1)) : 0;
  2693. };
  2694. var result = { name: 'unknown', version: 0 };
  2695. var html = $('html');
  2696. for (var n = 0; n < data.length; n++) {
  2697. if (!result[data[n].name]) {
  2698. result[data[n].name] = false;
  2699. }
  2700. if ((data[n].str && (data[n].str.indexOf(data[n].sub) !== -1)) || data[n].prop) {
  2701. result.name = data[n].name;
  2702. result[result.name] = true;
  2703. result.version = v(navigator.userAgent, n) || v(navigator.appVersion, n);
  2704. html.addClass(result.name + ' ' + result.name + parseInt(result.version, 10));
  2705. }
  2706. }
  2707. return result;
  2708. } (jQuery);
  2709.  
  2710. jQuery(function ($) {
  2711. if (typeof responsiveDesign === "undefined") {
  2712. $("html").addClass("desktop");
  2713. }
  2714. });
  2715.  
  2716. jQuery(function ($) {
  2717. 'use strict';
  2718. var i, j, k, l, m;
  2719. if (!browser.ie || browser.version !== 9) {
  2720. return;
  2721. }
  2722. var splitByTokens = function (str, startToken, endToken, last) {
  2723. if (!last) {
  2724. last = false;
  2725. }
  2726. var startPos = str.indexOf(startToken);
  2727. if (startPos !== -1) {
  2728. startPos += startToken.length;
  2729. var endPos = last ? str.lastIndexOf(endToken) : str.indexOf(endToken, startPos);
  2730.  
  2731. if (endPos !== -1 && endPos > startPos) {
  2732. return str.substr(startPos, endPos - startPos);
  2733. }
  2734. }
  2735. return '';
  2736. };
  2737.  
  2738. var splitWithBrackets = function (str, token, brackets) {
  2739. /*jshint nonstandard:true */
  2740. if (!token) {
  2741. token = ',';
  2742. }
  2743. if (!brackets) {
  2744. brackets = '()';
  2745. }
  2746. var bracket = 0;
  2747. var startPos = 0;
  2748. var result = [];
  2749. if (brackets.lenght < 2) {
  2750. return result;
  2751. }
  2752. var pos = 0;
  2753. while (pos < str.length) {
  2754. var ch = str[pos];
  2755. if (ch === brackets[0]) {
  2756. bracket++;
  2757. }
  2758. if (ch === brackets[1]) {
  2759. bracket--;
  2760. }
  2761. if (ch === token && bracket < 1) {
  2762. result.push(str.substr(startPos, pos - startPos));
  2763. startPos = pos + token.length;
  2764. }
  2765. pos++;
  2766. }
  2767. result.push(str.substr(startPos, pos - startPos));
  2768. return result;
  2769. };
  2770.  
  2771. var byteToHex = function (d) {
  2772. var hex = Number(d).toString(16);
  2773. while (hex.length < 2) {
  2774. hex = "0" + hex;
  2775. }
  2776. return hex;
  2777. };
  2778.  
  2779. for (i = 0; i < document.styleSheets.length; i++) {
  2780. var s = document.styleSheets[i];
  2781. var r = [s];
  2782. for (j = 0; j < s.imports.length; j++) {
  2783. r.push(s.imports[j]);
  2784. }
  2785. for (j = 0; j < r.length; j++) {
  2786. s = r[j];
  2787. var n = [];
  2788. for (k = 0; k < s.rules.length; k++) {
  2789. var css = s.rules[k].cssText || s.rules[k].style.cssText;
  2790. if (!css) {
  2791. continue;
  2792. }
  2793. var value = splitByTokens(css, '-svg-background:', ';');
  2794. if (value === '') {
  2795. continue;
  2796. }
  2797. var values = splitWithBrackets(value);
  2798. for (l = 0; l < values.length; l++) {
  2799. var g = splitByTokens(values[l], 'linear-gradient(', ')', true);
  2800. if (g === '') {
  2801. continue;
  2802. }
  2803. var args = splitWithBrackets(g);
  2804. if (args.length < 3) {
  2805. continue;
  2806. }
  2807. var maxOffset = 0;
  2808. var stops = [];
  2809. for (m = 1; m < args.length; m++) {
  2810. var stopValues = splitWithBrackets($.trim(args[m]), ' ');
  2811. if (stopValues.length < 2) {
  2812. continue;
  2813. }
  2814. var stopColor = $.trim(stopValues[0]);
  2815. var stopOpacity = 1;
  2816. if (stopColor == 'transparent') {
  2817. stopColor = '#000000';
  2818. stopOpacity = 0;
  2819. }
  2820. var colorRgba = splitByTokens(stopColor, 'rgba(', ')', true);
  2821. var stopOffset = $.trim(stopValues[1]);
  2822. if (colorRgba !== "") {
  2823. var rgba = colorRgba.split(',');
  2824. if (rgba.length < 4) {
  2825. continue;
  2826. }
  2827. stopColor = '#' + byteToHex(rgba[0]) + byteToHex(rgba[1]) + byteToHex(rgba[2]);
  2828. stopOpacity = rgba[3];
  2829. }
  2830. var isPx = stopOffset.indexOf('px') !== -1;
  2831. if (isPx) {
  2832. maxOffset = Math.max(maxOffset, parseInt(stopOffset, 10) || 0);
  2833. }
  2834. stops.push({ offset: stopOffset, color: stopColor, opacity: stopOpacity, isPx: isPx });
  2835. }
  2836. var stopsXML = '';
  2837. var lastStop = null;
  2838. for (m = 0; m < stops.length; m++) {
  2839. if (stops[m].isPx) {
  2840. stops[m].offset = ((parseInt(stops[m].offset, 10) || 0) / (maxOffset / 100)) + '%';
  2841. }
  2842. stopsXML += '<stop offset="' + stops[m].offset + '" stop-color="' + stops[m].color + '" stop-opacity="' + stops[m].opacity + '"/>';
  2843. if (m === stops.length - 1) {
  2844. lastStop = stops[m];
  2845. }
  2846. }
  2847. var isLeft = $.trim(args[0]) === 'left';
  2848. var direction = 'x1="0%" y1="0%" ' + (isLeft ? 'x2="100%" y2="0%"' : 'x2="0%" y2="100%"');
  2849. var gradientLength = '100%';
  2850. if (maxOffset > 0) {
  2851. gradientLength = maxOffset + 'px';
  2852. }
  2853. var size = (isLeft ? 'width="' + gradientLength + '" height="100%"' : 'width="100%" height="' + gradientLength + '"');
  2854. var last = "";
  2855. if (lastStop !== null && maxOffset > 0) {
  2856. last = '<rect ' +
  2857. (isLeft ?
  2858. 'x="' + maxOffset + '" y="0"' :
  2859. 'x="0" y="' + maxOffset + '"') +
  2860. ' width="100%" height="100%" style="fill:' + lastStop.color + ';opacity:' + lastStop.opacity + ';"/>';
  2861.  
  2862. }
  2863. 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>';
  2864. values[l] = values[l].replace('linear-gradient(' + g + ')', 'url(data:image/svg+xml,' + escape(svgGradient) + ')');
  2865. }
  2866. n.push({ s: s.rules[k].selectorText, v: 'background: ' + values.join(",") });
  2867. }
  2868. for (k = 0; k < n.length; k++) {
  2869. s.addRule(n[k].s, n[k].v);
  2870. }
  2871. }
  2872. }
  2873. });
  2874.  
  2875.  
  2876. jQuery(function ($) {
  2877. "use strict";
  2878. // ie8
  2879. if (!browser.ie || browser.version > 8) return;
  2880. $('.art-shapes').each(function () {
  2881. if ($(this).siblings('.art-slider').length) {
  2882. $(this).remove();
  2883. } else {
  2884. $(this).css('z-index', 1);
  2885. }
  2886. });
  2887.  
  2888. // ie7
  2889. if (!browser.ie || browser.version > 7) return;
  2890. var textblockTexts = $('.art-textblock div[class$="-text"]');
  2891. textblockTexts.each(function () {
  2892. var tbText = $(this);
  2893. var valign = tbText.css('vertical-align') ? tbText.css('vertical-align') : 'top';
  2894. if (valign === 'middle') {
  2895. var wrapper = tbText.wrap('<div/>').parent();
  2896. tbText.css({
  2897. 'position': 'relative',
  2898. 'top': '-50%',
  2899. 'height': 'auto'
  2900. });
  2901. wrapper.css({
  2902. 'position': 'absolute',
  2903. 'top': '50%'
  2904. });
  2905. } else if (valign === 'bottom') {
  2906. tbText.css({
  2907. 'position': 'absolute',
  2908. 'height': 'auto',
  2909. 'bottom': 0
  2910. });
  2911. }
  2912. });
  2913. });
  2914.  
  2915. /* Set wmode=transparent for youtube and other video hostings to show it under the menus, lightboxes etc. */
  2916. jQuery(function ($) {
  2917. "use strict";
  2918. var video = ["youtube"];
  2919.  
  2920. $("iframe[src]").each(function () {
  2921. var iframe = $(this),
  2922. src = iframe.attr("src"),
  2923. isVideo = false,
  2924. i;
  2925.  
  2926. for (i = 0; i < video.length; i++) {
  2927. if (src.toLowerCase().indexOf(video[i].toLowerCase()) !== -1) {
  2928. isVideo = true;
  2929. break;
  2930. }
  2931. }
  2932.  
  2933. if (!isVideo) {
  2934. return;
  2935. }
  2936.  
  2937. if (src.lastIndexOf("?") !== -1) {
  2938. return;
  2939. } else {
  2940. src += "?wmode=transparent";
  2941. }
  2942. iframe.attr("src", src);
  2943. });
  2944. });
  2945.  
  2946. jQuery(function ($) {
  2947. "use strict";
  2948. $(window).bind("resize", function () { navigatorResizeHandler($("html").hasClass("responsive")); });
  2949. });
  2950.  
  2951. var navigatorResizeHandler = (function ($) {
  2952. "use strict";
  2953. return function (responsiveDesign) {
  2954. if (responsiveDesign) return;
  2955. $(".art-slider").each(function () {
  2956. var slider = $(this);
  2957. var sliderWidth = slider.width();
  2958. var nav = slider.siblings(".art-slidenavigator");
  2959. var navWidth = nav.outerWidth();
  2960. if (nav.length && navWidth < sliderWidth) {
  2961. // left offset
  2962. var left = nav.attr("data-left");
  2963. // (margin = containerWidth - (objectPosition + objectWidth)) < 0
  2964. var margin = sliderWidth - sliderWidth * parseFloat(left) / 100 - nav.outerWidth(false);
  2965. if (margin < 0) {
  2966. nav.css("margin-left", margin);
  2967. }
  2968. }
  2969. });
  2970. };
  2971. })(jQuery);
  2972.  
  2973. var processElementMultiplyBg = (function ($) {
  2974. return (function (selector, info) {
  2975. if (!selector || !info || !info.bgimage || !info.bgposition || !info.images || !info.positions) return;
  2976. var path = "";
  2977. var script = $('head script[src*="script.js"]');
  2978. if (script.length) {
  2979. path = (script.attr('src') || '');
  2980. path = path.substr(0, path.lastIndexOf('/') + 1);
  2981. }
  2982. var html = '';
  2983. var el = $(selector);
  2984. var bgimages = info.images.split(",");
  2985. var bgpositions = info.positions.split(",");
  2986. for (var i = bgimages.length - 1; i >= 0; i--) {
  2987. var bgimage = $.trim(bgimages[i]);
  2988. if (bgimage === "")
  2989. continue;
  2990. var imgIdx = bgimage.lastIndexOf('images/');
  2991. var className = bgimage.substring(imgIdx + 7, bgimage.length - 6);
  2992. 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>");
  2993. }
  2994. el.css('background-image', info.bgimage.replace(/(images\/[^\/]+)$/, path + '$1'));
  2995. el.css('background-position-x', "50%");
  2996. el.css('background-position-y', "50%");
  2997. });
  2998. })(jQuery);
  2999.  
  3000.  
  3001. var responsiveNavigator = (function ($) {
  3002. "use strict";
  3003. return function () {
  3004. if (typeof headerObjectResizer !== 'undefined' && headerObjectResizer.isPreview) return;
  3005.  
  3006. var sheet = $('.art-sheet');
  3007. var sheetWidth = sheet.outerWidth();
  3008.  
  3009. $(".art-slider").each(function () {
  3010. var currentSlider = $(this);
  3011. var currentSliderWidth = currentSlider.width();
  3012.  
  3013. var sliderNavigator = currentSlider.siblings(".art-slidenavigator");
  3014. if (sliderNavigator.length) {
  3015. var off = sheetLeftFunc(sheet, sliderNavigator);
  3016. var calcWidth = isContentSlider(sliderNavigator) ? currentSliderWidth : sheetWidth;
  3017.  
  3018. var navigatorWidth = sliderNavigator.outerWidth();
  3019. var offset = parseInt(sliderNavigator.attr('data-offset') || 0, 10);
  3020.  
  3021. // left offset
  3022. sliderNavigator.css('margin-left', '0px');
  3023.  
  3024. var left = parseFloat(sliderNavigator.attr("data-left"), 10);
  3025. var newLeft = off + uniToPx(left, navigatorWidth, calcWidth);
  3026. sliderNavigator.css('left', newLeft + 'px');
  3027.  
  3028.  
  3029. // reset top to original value
  3030. sliderNavigator.css("top", "");
  3031.  
  3032. // top
  3033. var navigatorHeight = sliderNavigator.outerHeight();
  3034. var uniy = parseFloat(sliderNavigator.attr('data-top'), 10);
  3035.  
  3036. var sliderHeight = parseInt(currentSlider.css('height'), 10);
  3037. var newTop = uniToPx(uniy, navigatorHeight, sliderHeight);
  3038.  
  3039. sliderNavigator.css("top", (newTop + offset) + 'px');
  3040. }
  3041. });
  3042. };
  3043. })(jQuery);
  3044.  
  3045. jQuery(function ($) {
  3046. "use strict";
  3047.  
  3048. if (typeof responsiveDesign === "undefined") {
  3049. $(window).bind("resize", responsiveNavigator);
  3050. }
  3051.  
  3052. $(window).on("load", function pageInitialize() {
  3053. $(window).trigger("resize");
  3054. $(window).off("load", pageInitialize);
  3055. });
  3056. });
  3057.  
  3058. jQuery(function ($) {
  3059. 'use strict';
  3060. $(window).bind('resize', function () {
  3061. var bh = $('body').height();
  3062. var mh = 0;
  3063. var c = $('div.art-content');
  3064. c.removeAttr('style');
  3065.  
  3066. $('#art-main').children().each(function() {
  3067. if ($(this).css('position') !== 'absolute') {
  3068. mh += $(this).outerHeight(true);
  3069. }
  3070. });
  3071.  
  3072. if (mh < bh) {
  3073. var r = bh - mh;
  3074. c.css('height', (c.parent().outerHeight(true) + r) + 'px');
  3075. }
  3076. });
  3077.  
  3078. if (browser.ie && browser.version < 8) {
  3079. $(window).bind('resize', function() {
  3080. var c = $('div.art-content');
  3081. var s = c.parent().children('.art-layout-cell:not(.art-content)');
  3082. var w = 0;
  3083. c.hide();
  3084. s.each(function() { w += $(this).outerWidth(true); });
  3085. c.w = c.parent().width(); c.css('width', c.w - w + 'px');
  3086. c.show();
  3087. });
  3088. }
  3089.  
  3090. $(window).trigger('resize');
  3091. });
  3092.  
  3093. var artButtonSetup = (function ($) {
  3094. 'use strict';
  3095. return (function (className) {
  3096. $.each($("a." + className + ", button." + className + ", input." + className), function (i, val) {
  3097. var b = $(val);
  3098. if (!b.hasClass('art-button')) {
  3099. b.addClass('art-button');
  3100. }
  3101. if (b.is('input')) {
  3102. b.val(b.val().replace(/^\s*/, '')).css('zoom', '1');
  3103. }
  3104. b.mousedown(function () {
  3105. var b = $(this);
  3106. b.addClass("active");
  3107. });
  3108. b.mouseup(function () {
  3109. var b = $(this);
  3110. if (b.hasClass('active')) {
  3111. b.removeClass('active');
  3112. }
  3113. });
  3114. b.mouseleave(function () {
  3115. var b = $(this);
  3116. if (b.hasClass('active')) {
  3117. b.removeClass('active');
  3118. }
  3119. });
  3120. });
  3121. });
  3122. })(jQuery);
  3123. jQuery(function () {
  3124. 'use strict';
  3125. artButtonSetup("art-button");
  3126. });
  3127.  
  3128. jQuery(function($) {
  3129. 'use strict';
  3130. $('input.art-search-button, form.art-search input[type="submit"]').attr('value', '');
  3131. });
  3132.  
  3133. var Control = (function ($) {
  3134. 'use strict';
  3135. return (function () {
  3136. this.init = function(label, type, callback) {
  3137. var chAttr = label.find('input[type="' +type + '"]').attr('checked');
  3138. if (chAttr === 'checked') {
  3139. label.addClass('art-checked');
  3140. }
  3141.  
  3142. label.mouseleave(function () {
  3143. $(this).removeClass('hovered').removeClass('active');
  3144. });
  3145. label.mouseover(function () {
  3146. $(this).addClass('hovered').removeClass('active');
  3147. });
  3148. label.mousedown(function (event) {
  3149. if (event.which !== 1) {
  3150. return;
  3151. }
  3152. $(this).addClass('active').removeClass('hovered');
  3153. });
  3154. label.mouseup(function (event) {
  3155. if (event.which !== 1) {
  3156. return;
  3157. }
  3158. callback.apply(this);
  3159. $(this).removeClass('active').addClass('hovered');
  3160. });
  3161. };
  3162. });
  3163. })(jQuery);
  3164.  
  3165.  
  3166. jQuery(function ($) {
  3167. 'use strict';
  3168. $('.art-pager').contents().filter(
  3169. function () {
  3170. return this.nodeType === this.TEXT_NODE;
  3171. }
  3172. ).remove();
  3173. });
  3174. var fixRssIconLineHeight = (function ($) {
  3175. "use strict";
  3176. return function (className) {
  3177. $("." + className).css("line-height", $("." + className).height() + "px");
  3178. };
  3179. })(jQuery);
  3180.  
  3181. jQuery(function ($) {
  3182. "use strict";
  3183. var rssIcons = $(".art-rss-tag-icon");
  3184. if (rssIcons.length){
  3185. fixRssIconLineHeight("art-rss-tag-icon");
  3186. if (browser.ie && browser.version < 9) {
  3187. rssIcons.each(function () {
  3188. if ($.trim($(this).html()) === "") {
  3189. $(this).css("vertical-align", "middle");
  3190. }
  3191. });
  3192. }
  3193. }
  3194. });
  3195. var ThemeLightbox = (function ($) {
  3196. 'use strict';
  3197. return (function () {
  3198. var images = $(".art-lightbox");
  3199. var current;
  3200. this.init = function (ctrl) {
  3201. $(".art-lightbox").mouseup({ _ctrl: ctrl }, function (e) {
  3202. if ((e.data._ctrl === true && !e.ctrlKey) || (e.which && e.which !== 1)) {
  3203. return;
  3204. }
  3205.  
  3206. images = $(".art-lightbox");
  3207.  
  3208. current = images.index(this);
  3209.  
  3210. var imgContainer = $('.art-lightbox-wrapper');
  3211. if (imgContainer.length === 0) {
  3212. imgContainer = $('<div class="art-lightbox-wrapper">').css('line-height', $(window).height() + "px")
  3213. .appendTo($("body"));
  3214.  
  3215. var closeBtn = $('<div class="close"><div class="cw"> </div><div class="ccw"> </div><div class="close-alt">&#10007;</div></div>')
  3216. .click(close);
  3217. closeBtn.appendTo(imgContainer);
  3218. showArrows();
  3219. }
  3220.  
  3221. move(current);
  3222. });
  3223. };
  3224.  
  3225. function move(index) {
  3226. if (index < 0 || index >= images.length) {
  3227. return;
  3228. }
  3229.  
  3230. showError(false);
  3231.  
  3232. current = index;
  3233.  
  3234. $(".art-lightbox-wrapper .art-lightbox-image:not(.active)").remove();
  3235.  
  3236. var active = $(".art-lightbox-wrapper .active");
  3237. var target = $('<img class="art-lightbox-image" alt="" src="' + getFullImgSrc($(images[current]).attr("src")) + '" />').click(function () {
  3238. if ($(this).hasClass("active")) {
  3239. move(current + 1);
  3240. }
  3241. });
  3242.  
  3243. if (active.length > 0) {
  3244. active.after(target);
  3245. } else {
  3246. $(".art-lightbox-wrapper").append(target);
  3247. }
  3248.  
  3249. showArrows();
  3250. showLoader(true);
  3251.  
  3252. bindMouse($(".art-lightbox-wrapper").add(target));
  3253.  
  3254. target.load(function () {
  3255. showLoader(false);
  3256.  
  3257. active.removeClass("active");
  3258. target.addClass("active");
  3259. });
  3260.  
  3261. target.error(function () {
  3262. showLoader(false);
  3263. active.removeClass("active");
  3264. target.addClass("active");
  3265. target.attr("src", $(images[current]).attr("src"));
  3266. });
  3267. }
  3268.  
  3269. function showArrows() {
  3270. if ($(".art-lightbox-wrapper .arrow").length === 0) {
  3271. $(".art-lightbox-wrapper").append(
  3272. $('<div class="arrow left"><div class="arrow-t ccw"> </div><div class="arrow-b cw"> </div><div class="arrow-left-alt">&#8592;</div></div>')
  3273. .css("top", $(window).height() / 2 - 40)
  3274. .click(function () {
  3275. if (!$(this).hasClass("disabled")) {
  3276. move(current - 1);
  3277. }
  3278. })
  3279. );
  3280. $(".art-lightbox-wrapper").append(
  3281. $('<div class="arrow right"><div class="arrow-t cw"> </div><div class="arrow-b ccw"> </div><div class="arrow-right-alt">&#8594;</div></div>')
  3282. .css("top", $(window).height() / 2 - 40)
  3283. .click(function () {
  3284. if (!$(this).hasClass("disabled")) {
  3285. move(current + 1);
  3286. }
  3287. })
  3288. );
  3289. }
  3290.  
  3291. if (current === 0) {
  3292. $(".art-lightbox-wrapper .arrow.left").addClass("disabled");
  3293. } else {
  3294. $(".art-lightbox-wrapper .arrow.left").removeClass("disabled");
  3295. }
  3296.  
  3297. if (current === images.length - 1) {
  3298. $(".art-lightbox-wrapper .arrow.right").addClass("disabled");
  3299. } else {
  3300. $(".art-lightbox-wrapper .arrow.right").removeClass("disabled");
  3301. }
  3302. }
  3303.  
  3304. function showError(enable) {
  3305. if (enable) {
  3306. $(".art-lightbox-wrapper").append($('<div class="lightbox-error">The requested content cannot be loaded.<br/>Please try again later.</div>')
  3307. .css({ "top": $(window).height() / 2 - 60, "left": $(window).width() / 2 - 170 }));
  3308. } else {
  3309. $(".art-lightbox-wrapper .lightbox-error").remove();
  3310. }
  3311. }
  3312.  
  3313. function showLoader(enable) {
  3314. if (!enable) {
  3315. $(".art-lightbox-wrapper .loading").remove();
  3316. }
  3317. else {
  3318. $('<div class="loading"> </div>').css({ "top": $(window).height() / 2 - 16, "left": $(window).width() / 2 - 16 }).appendTo($(".art-lightbox-wrapper"));
  3319. }
  3320. }
  3321.  
  3322. var close = function () {
  3323. $(".art-lightbox-wrapper").remove();
  3324. };
  3325.  
  3326. function bindMouse(img) {
  3327. img.bind('mousewheel DOMMouseScroll', function (e) {
  3328. var orgEvent = window.event || e.originalEvent;
  3329. var delta = (orgEvent.wheelDelta ? orgEvent.wheelDelta : orgEvent.detail * -1) > 0 ? 1 : -1;
  3330. move(current + delta);
  3331. e.preventDefault();
  3332. }).mousedown(function (e) {
  3333. // close on middle button click
  3334. if (e.which === 2) {
  3335. close();
  3336. }
  3337. e.preventDefault();
  3338. });
  3339. }
  3340.  
  3341. function getFullImgSrc(src) {
  3342. var fileName = src.substring(0, src.lastIndexOf('.'));
  3343. var ext = src.substring(src.lastIndexOf('.'));
  3344. return fileName + "-large" + ext;
  3345. }
  3346.  
  3347. });
  3348. })(jQuery);
  3349.  
  3350. jQuery(function () {
  3351. 'use strict';
  3352. new ThemeLightbox().init();
  3353. });
  3354.  
  3355. (function ($) {
  3356. 'use strict';
  3357. // transition && transitionEnd && browser prefix
  3358. $.support.themeTransition = (function () {
  3359. var thisBody = document.body || document.documentElement,
  3360. thisStyle = thisBody.style,
  3361. support = thisStyle.transition !== undefined ||
  3362. thisStyle.WebkitTransition !== undefined ||
  3363. thisStyle.MozTransition !== undefined ||
  3364. thisStyle.MsTransition !== undefined ||
  3365. thisStyle.OTransition !== undefined;
  3366. return support && {
  3367. event: (function () {
  3368. return "transitionend webkitTransitionEnd otransitionend oTransitionEnd";
  3369. })(),
  3370. prefix: (function () {
  3371. return ({
  3372. opera: "-o-",
  3373. firefox: "-moz-",
  3374. chrome: "-webkit-",
  3375. safari: "-webkit-",
  3376. ie: ""
  3377. }[browser.name] || "");
  3378. })()
  3379. };
  3380. })();
  3381.  
  3382. window.BackgroundHelper = function () {
  3383. var slides = [];
  3384. var direction = "next";
  3385. var motion = "horizontal";
  3386. var width = 0;
  3387. var height = 0;
  3388. var multiplier = 1;
  3389. var originalWidth = 0;
  3390. var originalHeight = 0;
  3391. var transitionDuration = "";
  3392.  
  3393. this.init = function (motionType, dir, duration) {
  3394. direction = dir;
  3395. motion = motionType;
  3396. slides = [];
  3397. width = 0;
  3398. height = 0;
  3399. multiplier = 1;
  3400. originalWidth = 0;
  3401. originalHeight = 0;
  3402. transitionDuration = duration;
  3403. };
  3404.  
  3405. this.processSlide = function (element, modify) {
  3406. this.updateSize(element, null);
  3407. var pos = [];
  3408.  
  3409. var bgPosition = element.css("background-position");
  3410. var positions = bgPosition.split(",");
  3411. $.each(positions, function (i) {
  3412. var position = $.trim(this);
  3413. var point = position.split(" ");
  3414. var zeroValue = browser.ie && browser.version >= 10 ? 0.1 : 0;
  3415. if (point.length > 1) {
  3416. var x = point[0].indexOf('%') === -1 ? parseFloat(point[0], 10) : zeroValue;
  3417. var y = point[1].indexOf('%') === -1 ? parseFloat(point[1], 10) : zeroValue;
  3418. pos.push({ x: x, y: y });
  3419. } else {
  3420. pos.push({ x: zeroValue, y: zeroValue });
  3421. }
  3422. });
  3423.  
  3424. slides.push({
  3425. "images": element.css("background-image"),
  3426. "sizes": element.css("background-size"),
  3427. "positions": pos
  3428. });
  3429.  
  3430. if (modify)
  3431. element.css("background-image", "none");
  3432. };
  3433.  
  3434. this.updateSize = function (element, initialSize) {
  3435. width = element.outerWidth(false);
  3436. height = element.outerHeight();
  3437. if (initialSize && parseInt(initialSize.width, 10) !== 0) {
  3438. originalWidth = parseInt(initialSize.width, 10);
  3439. originalHeight = parseInt(initialSize.height, 10);
  3440. if (motion === "fade") {
  3441. $.each(element.children(), function (i) {
  3442. $(this).css("background-position", getCssPositions(slides[i].positions, { x: 0, y: 0 }));
  3443. });
  3444. }
  3445. }
  3446. };
  3447.  
  3448. this.setBackground = function (element, items) {
  3449. var bg = [];
  3450. var sizes = [];
  3451. $.each(items, function (i, o) {
  3452. bg.push(o.images);
  3453. sizes.push(o.sizes);
  3454. });
  3455. element.css({
  3456. "background-image": bg.join(", "),
  3457. //"background-size": sizes.join(", "),
  3458. "background-repeat": "no-repeat"
  3459. });
  3460. };
  3461.  
  3462. this.setPosition = function (element, items) {
  3463. var pos = [];
  3464. $.each(items, function (i, o) {
  3465. pos.push(o.positions);
  3466. });
  3467. element.css({
  3468. "background-position": pos.join(", ")
  3469. });
  3470. };
  3471.  
  3472. this.current = function (index) {
  3473. return slides[index] || null;
  3474. };
  3475.  
  3476. this.next = function (index) {
  3477. var next;
  3478. if (direction === "next") {
  3479. next = (index + 1) % slides.length;
  3480. } else {
  3481. next = index - 1;
  3482. if (next < 0) {
  3483. next = slides.length - 1;
  3484. }
  3485. }
  3486. return slides[next];
  3487. };
  3488.  
  3489. this.items = function (prev, next, move) {
  3490. var prevItem = { x: 0, y: 0 };
  3491. var nextItem = { x: 0, y: 0 };
  3492. var isDirectionNext = direction === "next";
  3493. var verticalOffset = -(originalHeight - height) / 2;
  3494. var horizontalOffset = -(originalWidth - width) / 2;
  3495. if (motion === "horizontal") {
  3496. prevItem.y = nextItem.y = -(originalHeight - height) / 2;
  3497. prevItem.x = horizontalOffset;
  3498. nextItem.x = (isDirectionNext ? originalWidth : -originalWidth) + horizontalOffset;
  3499. if (move) {
  3500. prevItem.x += isDirectionNext ? -originalWidth : originalWidth;
  3501. nextItem.x += isDirectionNext ? -originalWidth : originalWidth;
  3502. }
  3503. } else if (motion === "vertical") {
  3504. prevItem.x = nextItem.x = horizontalOffset;
  3505. prevItem.y = verticalOffset;
  3506. nextItem.y = (isDirectionNext ? originalHeight : -originalHeight) + verticalOffset;
  3507. if (move) {
  3508. prevItem.y += isDirectionNext ? -originalHeight : originalHeight;
  3509. nextItem.y += isDirectionNext ? -originalHeight : originalHeight;
  3510. }
  3511. }
  3512. var result = [];
  3513. if (!!prev) {
  3514. result.push({ images: prev.images, positions: getCssPositions(prev.positions, prevItem), sizes: prev.sizes });
  3515. }
  3516. if (!!next) {
  3517. result.push({ images: next.images, positions: getCssPositions(next.positions, nextItem), sizes: next.sizes });
  3518. }
  3519.  
  3520. if (direction === "next") {
  3521. result.reverse();
  3522. }
  3523.  
  3524. return result;
  3525. };
  3526.  
  3527. this.transition = function (container, on) {
  3528. container.css($.support.themeTransition.prefix + "transition", on ? "background-position " + transitionDuration + " ease-in-out" : "");
  3529. };
  3530.  
  3531. function getCssPositions(positions, offset) {
  3532. var result = [];
  3533. if (positions === undefined) {
  3534. return "";
  3535. }
  3536. offset.x = offset.x || 0;
  3537. offset.y = offset.y || 0;
  3538. for (var i = 0; i < positions.length; i++) {
  3539. result.push((positions[i].x * 1 + offset.x) + "px " + (positions[i].y * 1 + offset.y) + "px");
  3540. }
  3541. return result.join(", ");
  3542. }
  3543. };
  3544.  
  3545.  
  3546. var ThemeSlider = function (element, settings) {
  3547.  
  3548. var interval = null;
  3549. var active = false;
  3550. var children = element.find(".active").parent().children();
  3551. var last = false;
  3552. var running = false;
  3553.  
  3554. this.settings = $.extend({}, {
  3555. "animation": "horizontal",
  3556. "direction": "next",
  3557. "speed": 600,
  3558. "pause": 2500,
  3559. "auto": true,
  3560. "repeat": true,
  3561. "navigator": null,
  3562. "clickevents": true,
  3563. "hover": true,
  3564. "helper": null
  3565. }, settings);
  3566.  
  3567. this.move = function (direction, next) {
  3568. var activeItem = element.find(".active"),
  3569. nextItem = next || activeItem[direction](),
  3570. innerDirection = this.settings.direction === "next" ? "forward" : "back",
  3571. reset = direction === "next" ? "first" : "last",
  3572. moving = interval,
  3573. slider = this, tmp;
  3574.  
  3575. active = true;
  3576.  
  3577. if (moving) { this.stop(true); }
  3578.  
  3579. if (!nextItem.length) {
  3580. nextItem = element.find(".art-slide-item")[reset]();
  3581. if (!this.settings.repeat) { last = true; active = false; return; }
  3582. }
  3583.  
  3584. if ($.support.themeTransition) {
  3585. nextItem.addClass(this.settings.direction);
  3586. tmp = nextItem.get(0).offsetHeight;
  3587.  
  3588. activeItem.addClass(innerDirection);
  3589. nextItem.addClass(innerDirection);
  3590.  
  3591. element.trigger("beforeSlide", children.length);
  3592.  
  3593. element.one($.support.themeTransition.event, function () {
  3594. nextItem.removeClass(slider.settings.direction)
  3595. .removeClass(innerDirection)
  3596. .addClass("active");
  3597. activeItem.removeClass("active")
  3598. .removeClass(innerDirection);
  3599. active = false;
  3600. setTimeout(function () {
  3601. element.trigger("afterSlide", children.length);
  3602. }, 0);
  3603. });
  3604. } else {
  3605. element.trigger("beforeSlide", children.length);
  3606.  
  3607. activeItem.removeClass("active");
  3608. nextItem.addClass("active");
  3609. active = false;
  3610.  
  3611. element.trigger("afterSlide", children.length);
  3612. }
  3613.  
  3614. this.navigate(nextItem);
  3615.  
  3616. if (moving) { this.start(); }
  3617. };
  3618.  
  3619. this.navigate = function (position) {
  3620. var index = children.index(position);
  3621. $(this.settings.navigator).children().removeClass("active").eq(index).addClass("active");
  3622. };
  3623.  
  3624. this.to = function (index) {
  3625. var activeItem = element.find(".active"),
  3626. children = activeItem.parent().children(),
  3627. activeIndex = children.index(activeItem),
  3628. slider = this;
  3629.  
  3630. if (index > (children.length - 1) || index < 0) {
  3631. return;
  3632. }
  3633.  
  3634. if (active) {
  3635. return element.one("afterSlide", function () {
  3636. slider.to(index);
  3637. });
  3638. }
  3639.  
  3640. if (activeIndex === index) {
  3641. return;
  3642. }
  3643.  
  3644. this.move(index > activeIndex ? "next" : "prev", $(children[index]));
  3645. };
  3646.  
  3647. this.next = function () {
  3648. if (!active) {
  3649. if (last) { this.stop(); return; }
  3650. this.move("next");
  3651. }
  3652. };
  3653.  
  3654. this.prev = function () {
  3655. if (!active) {
  3656. if (last) { this.stop(); return; }
  3657. this.move("prev");
  3658. }
  3659. };
  3660.  
  3661. this.start = function (force) {
  3662. if (!!force) {
  3663. setTimeout($.proxy(this.next, this), 10);
  3664. }
  3665. interval = setInterval($.proxy(this.next, this), this.settings.pause);
  3666. running = true;
  3667. };
  3668.  
  3669. this.stop = function (pause) {
  3670. clearInterval(interval);
  3671. interval = null;
  3672. running = !!pause;
  3673. active = false;
  3674. };
  3675.  
  3676. this.active = function () {
  3677. return running;
  3678. };
  3679.  
  3680. this.moving = function () {
  3681. return active;
  3682. };
  3683.  
  3684. this.navigate(children.filter(".active"));
  3685.  
  3686. if (this.settings.clickevents) {
  3687. $(this.settings.navigator).on("click", "a", { slider: this }, function (event) {
  3688. var activeIndex = children.index(children.filter(".active"));
  3689. var index = $(this).parent().children().index($(this));
  3690. if (activeIndex !== index) {
  3691. event.data.slider.to(index);
  3692. }
  3693. event.preventDefault();
  3694. });
  3695. }
  3696.  
  3697. if (this.settings.hover) {
  3698. var slider = this;
  3699. element.add(this.settings.navigator)
  3700. .add(element.siblings(".art-shapes")).hover(function () {
  3701. if (element.is(":visible") && !last) { slider.stop(true); }
  3702. }, function () {
  3703. if (element.is(":visible") && !last) { slider.start(); }
  3704. });
  3705. }
  3706. };
  3707.  
  3708. $.fn.themeSlider = function (arg) {
  3709. return this.each(function () {
  3710. var element = $(this),
  3711. data = element.data("slider"),
  3712. options = typeof arg === "object" && arg;
  3713.  
  3714. if (!data) {
  3715. data = new ThemeSlider(element, options);
  3716. element.data("slider", data);
  3717. }
  3718.  
  3719. if (typeof arg === "string" && data[arg]) {
  3720. data[arg]();
  3721. } else if (data.settings.auto && element.is(":visible")) {
  3722. data.start();
  3723. }
  3724. });
  3725. };
  3726.  
  3727. })(jQuery);
  3728.  
  3729.  
  3730.  
  3731.  
  3732. if (typeof window.resizeData === 'undefined') window.resizeData = {};
  3733. window.resizeData.headerPageWidth = false;
  3734. if (typeof window.defaultResponsiveData === 'undefined') window.defaultResponsiveData = [false, true, true, true, true, ];
  3735.  
  3736. // used to apply compicated values in style like '!important!
  3737. function applyCss(object, param, value) {
  3738. var rg = new RegExp(param + '\s*:\s*[^;]+;', "i");
  3739. var style = object.attr('style');
  3740. var str = param + ': ' + value + ';';
  3741. if (rg.test(style)) {
  3742. style = style.replace(rg, str);
  3743. }
  3744. else {
  3745. style += '; ' + str;
  3746. }
  3747.  
  3748. object.attr('style', style);
  3749. }
  3750.  
  3751. // convert universal coord to pixels
  3752. function uniToPx(uni, size, parentSize) {
  3753. uni = parseFloat(uni || '0');
  3754. if (uni < 0) {
  3755. uni = uni * size;
  3756. } else if (uni >= 1) {
  3757. uni = parentSize - (2 - uni) * size;
  3758. } else {
  3759. uni = uni * (parentSize - size);
  3760. }
  3761.  
  3762. return uni;
  3763. }
  3764.  
  3765. function isContentSlider(object) {
  3766. var isHeader = object.parents('header').length > 0;
  3767. if (isHeader) {
  3768. return false;
  3769. }
  3770. var isPageSlider = object.parents('.art-pageslider').length > 0;
  3771. if (isPageSlider)
  3772. return false;
  3773.  
  3774. return true;
  3775. }
  3776.  
  3777. function sheetLeftFunc(sheet, object) {
  3778. var sheetLeft = sheet.offset().left;
  3779.  
  3780. var isHeader = object.parents('header').length > 0;
  3781. if (isHeader) {
  3782. if (resizeData.headerPageWidth) return sheetLeft;
  3783. } else {
  3784. var isPageSlider = object.parents('.art-pageslider').length > 0;
  3785. if (isPageSlider) {
  3786. if (resizeData.pageSliderPageWidth) return sheetLeft;
  3787. }
  3788. }
  3789.  
  3790. return 0;
  3791. }
  3792.  
  3793. var headerObjectResizer = {
  3794.  
  3795. postInit: false,
  3796.  
  3797. resize: (function ($) {
  3798. 'use strict';
  3799. return function () {
  3800. if (!headerObjectResizer.postInit && typeof responsiveDesign !== 'undefined') {
  3801. $(window).on('responsiveResize', headerObjectResizer.resize);
  3802. headerObjectResizer.postInit = true;
  3803. }
  3804.  
  3805. var responsiveType = 0;
  3806. // if we don't use full custom responsive so we MUST cleanup all styles
  3807. var cleanUpStyles = false;
  3808. // when use default respo so while in desktop mode always use 0-type, in other case cleanup our styles
  3809. if (typeof responsiveDesign !== 'undefined' &&
  3810. defaultResponsiveData[responsiveDesign.responsiveTypeIdx] &&
  3811. responsiveDesign.isResponsive) {
  3812. cleanUpStyles = true;
  3813. }
  3814.  
  3815. if (typeof responsiveDesign !== 'undefined') {
  3816. if (responsiveDesign.responsiveType === 'tabletlandscape') {
  3817. responsiveType = 1;
  3818. } else if (responsiveDesign.responsiveType === 'tabletportrait') {
  3819. responsiveType = 2;
  3820. } else if (responsiveDesign.responsiveType === 'phonelandscape') {
  3821. responsiveType = 3;
  3822. } else if (responsiveDesign.responsiveType === 'phoneportrait') {
  3823. responsiveType = 4;
  3824. }
  3825. }
  3826.  
  3827. var sheet = $('.art-sheet');
  3828. var sheetWidth = sheet.outerWidth();
  3829.  
  3830. var header = $('header');
  3831. var height = 0;
  3832. var cssPrefix = 'art-';
  3833.  
  3834. // move html shapes
  3835. 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';
  3836. var pageSliderQuery = '.art-pageslider .art-slide-item>*';
  3837. if (headerObjectResizer.isPreview) {
  3838. headerQuery = 'header .art-slider';
  3839. pageSliderQuery = '.art-pageslider .art-slider, .art-pageslider .art-textblock';
  3840. }
  3841. $(headerQuery + ', ' + pageSliderQuery).each(function () {
  3842. var object = $(this);
  3843. height = object.parent().height();
  3844.  
  3845. var off = sheetLeftFunc(sheet, object);
  3846.  
  3847. var cls = object.attr('class').split(' ');
  3848. $.each(cls, function (key, val) {
  3849. val = $.trim(val);
  3850. if (val.length === 0) return;
  3851. if (val.indexOf(cssPrefix) !== 0) return;
  3852.  
  3853. val = val.substring(cssPrefix.length);
  3854. var data = resizeData[val];
  3855. if (typeof data === 'undefined') return;
  3856.  
  3857. if (cleanUpStyles) {
  3858. object.css('display', '');
  3859. object.css('left', '');
  3860. object.css('margin-left', '');
  3861. }
  3862.  
  3863. var respData = data.responsive[responsiveType];
  3864. if (respData.visible) {
  3865. object.css('display', '');
  3866. } else {
  3867. applyCss(object, 'display', 'none !important');
  3868. }
  3869.  
  3870. if (cleanUpStyles || !respData.visible) return false;
  3871.  
  3872. var x = uniToPx(respData.left, data.autoWidth ? object.width() : data.width, sheetWidth);
  3873. x += off;
  3874.  
  3875. var y = uniToPx(respData.top, data.height, height);
  3876.  
  3877. object.css('left', x + 'px');
  3878. object.css('top', y + 'px');
  3879. applyCss(object, 'margin-left', '0px !important');
  3880. return false;
  3881. });
  3882. });
  3883.  
  3884. // move images in slide's background-images
  3885. var slides = $('.art-slide-item').add(header);
  3886. if (browser.ie && browser.version <= 8) {
  3887. slides = slides.add('.art-slide-item .ie8fix');
  3888. }
  3889. $.each(slides, function (slideIdx, slide) {
  3890. slide = $(slide);
  3891.  
  3892. if (slide.closest('.art-collage').length > 0 || cleanUpStyles) {
  3893. slide.css('background-position', '');
  3894. return;
  3895. }
  3896.  
  3897. var slideVisible = slide.is(':visible');
  3898. if (!slideVisible && browser.ie) {
  3899. slide.css('display', 'block');
  3900. }
  3901.  
  3902. var off = sheetLeftFunc(sheet, slide);
  3903.  
  3904. if (browser.ie && browser.version <= 8) {
  3905. var s = slide.attr('style');
  3906. if (s) {
  3907. s = s.replace(/background\-position[^;]+/, '');
  3908. slide.attr('style', s);
  3909. }
  3910. } else {
  3911. slide.css('background-position', '');
  3912. }
  3913. slide.css('background-size', '');
  3914.  
  3915. var bgImage = slide.css('background-image') ? slide.css('background-image').split(',') : [];
  3916. var bgPosition = slide.css('background-position') && (slide.css('background-position').replace(/[0][^\d]+/gi, '')).length > 0 ?
  3917. slide.css('background-position').split(',') :
  3918. [];
  3919. if (bgImage.length !== bgPosition.length) {
  3920. slide.css('display', '');
  3921. return;
  3922. }
  3923.  
  3924. height = slide.height();
  3925. if (height === 0) height = slide.parent().height();
  3926.  
  3927. $.each(bgImage, function (idx, val) {
  3928. var findImageIdx = val.lastIndexOf('images/');
  3929. var findDotIdx = val.lastIndexOf('.');
  3930. if (findImageIdx === -1 || findDotIdx === -1) return;
  3931.  
  3932. var name = val.substring(findImageIdx + 7, findDotIdx);
  3933.  
  3934. var data = resizeData[name];
  3935. if (typeof data === 'undefined') return;
  3936.  
  3937. var respData = data.responsive[responsiveType];
  3938. // big default coordinates for hiding
  3939. var x = 9999, y = 9999;
  3940. if (respData.visible) {
  3941. x = uniToPx(respData.left, data.width, sheetWidth);
  3942. x += off + data.area.x;
  3943.  
  3944. y = uniToPx(respData.top, data.height, height);
  3945. y += data.area.y;
  3946. }
  3947.  
  3948. bgPosition[idx] = x + 'px ' + y + 'px';
  3949. });
  3950.  
  3951. slide.css('background-position', bgPosition.join(','));
  3952.  
  3953. if (!slideVisible && browser.ie) {
  3954. slide.css('display', '');
  3955. }
  3956. });
  3957.  
  3958. };
  3959. })(jQuery),
  3960.  
  3961. initialize: function ($) {
  3962. if (!browser.ie || browser.version > 8) {
  3963. $(window).on('resize', this.resize);
  3964. } else {
  3965. var resizeTimeout;
  3966. var self = this;
  3967. $(window).on("resize", function () {
  3968. clearTimeout(resizeTimeout);
  3969. resizeTimeout = setTimeout(function () { self.resize(); }, 25);
  3970. });
  3971. }
  3972. }
  3973. };
  3974.  
  3975. headerObjectResizer.initialize(jQuery);
  3976. jQuery(function ($) {
  3977. "use strict";
  3978. if (!browser.ie || browser.version > 8)
  3979. return;
  3980. processElementMultiplyBg(".art-header", {
  3981. "bgimage": "none",
  3982. "bgposition": "0 0",
  3983. "images": "",
  3984. "positions": ""
  3985. });
  3986. });
  3987. if (typeof window.resizeData === 'undefined') window.resizeData = {};
  3988.  
  3989. window.resizeData.pageSliderPageWidth = false;
  3990.  
  3991. var artInsertSidebarBlocks = (function ($) {
  3992. return function () {
  3993. if ($("body#layout").length > 0) return true;
  3994. $("div.widget").each(function (i, w) {
  3995.  
  3996. if ($(this).parent('#header').length) {
  3997. if (!$(this).hasClass('Header')) {
  3998. $(this).addClass('art-header-widget');
  3999. }
  4000. return true;
  4001. }
  4002.  
  4003. if ($(this).children('.art-no-change').length) return true;
  4004.  
  4005. if (w.id == 'Navbar1') return true;
  4006. if (w.id == 'Header1') return true;
  4007. if (w.id == 'Blog1') return true;
  4008.  
  4009.  
  4010. if (w.id == 'LinkList99') return true;
  4011. if (w.id == 'LinkList98') return true;
  4012. if (w.id == 'LinkList97') return true;
  4013. if (w.id == 'PageList98') return true;
  4014. if (w.id == 'PageList99') return true;
  4015. if (w.id == 'Text99') return true;
  4016. if (w.id == 'BlogArchive99') return true;
  4017.  
  4018. var widget = $(w);
  4019. if ((widget.hasClass('Gadget') || widget.hasClass('Followers')) && browser.opera) {
  4020. return true;
  4021. }
  4022.  
  4023. var widgetTitle = $("h2", widget).text();
  4024. $("h2", widget).remove();
  4025. var widgetContent = widget.html();
  4026.  
  4027. if (widgetContent.indexOf('googlesyndication.com') > -1) return true;
  4028. if (widgetContent.indexOf('statcounter.com/counter/counter_xhtml.js') > -1) return true;
  4029. if (widgetContent.indexOf('bravenet.com/counter/code.php') > -1) return true;
  4030.  
  4031. var startBlock = '<div class="art-block clearfix" id="art-block-'+w.id+'">';
  4032. var startBlockHeader = '<div class="art-blockheader"> <h3 class="t">';
  4033. var endBlockHeader = '</h3> </div>';
  4034. var startBlockContent = '<div class="art-blockcontent">';
  4035. var endBlockContent = '</div>';
  4036. var endBlock = '</div>';
  4037.  
  4038. widgetContent = startBlockContent + widgetContent + endBlockContent;
  4039. if (widgetTitle && true) {
  4040. widgetContent = startBlockHeader + widgetTitle + endBlockHeader + widgetContent;
  4041. }
  4042. $(widget).html(startBlock + widgetContent + endBlock);
  4043.  
  4044. if (widget.hasClass('Subscribe')) {
  4045. widget.css({ 'position': 'relative', 'z-index': '2' })
  4046. }
  4047.  
  4048. });
  4049. };
  4050. })(jQuery);
  4051.  
  4052.  
  4053. jQuery(function () {
  4054. artInsertSidebarBlocks();
  4055. });
  4056.  
  4057. var artCheckNavBar = (function ($) {
  4058. return function () {
  4059. if (!false) {
  4060. $("#navbar").remove();
  4061. }
  4062. };
  4063. })(jQuery);
  4064.  
  4065. var artFixFooterMenu = (function ($) {
  4066. return function () {
  4067. if ($("#LinkList98").length) {
  4068. var widgetText = $("#LinkList98").html();
  4069. $("#LinkList98").html("<p>" + widgetText.replace("| |", "") + "</p>");
  4070. } else {
  4071. var el = $("#footersection div.widget-content");
  4072. if ($.trim(el.html()) == '') {
  4073. $(".art-footer-default").show();
  4074. }
  4075. }
  4076. };
  4077. })(jQuery);
  4078.  
  4079. var artFixPostHeaders = (function ($) {
  4080. return function () {
  4081. $("div.art-postmetadataheader").each(function (i) {
  4082. if ($("div, h2", this).length == 0) $(this).css("display", "none");
  4083. });
  4084. };
  4085. })(jQuery);
  4086.  
  4087. jQuery(function () {
  4088. artFixPostHeaders();
  4089. });
  4090.  
  4091. var artHeaderWidget = (function ($) {
  4092. return function () {
  4093. if (showHeader == null || showHeader == false) {
  4094. $("#Header1").css("display", "none");
  4095. }
  4096. };
  4097. })(jQuery);
  4098.  
  4099. jQuery(function () {
  4100. artHeaderWidget();
  4101. });
  4102.  
  4103. var artVMenuWidget = (function ($) {
  4104. return function () {
  4105. if (showVMenu == null || showVMenu == false) {
  4106. $("#LinkList97").css("display", "none");
  4107. $("#BlogArchive99").css("display", "none");
  4108. $("#PageList99").css("display", "none");
  4109. }
  4110. };
  4111. })(jQuery);
  4112.  
  4113. jQuery(function () {
  4114. artVMenuWidget();
  4115. });
  4116.  
  4117. var artFixPostFooters = (function ($) {
  4118. return function () {
  4119. $("div.art-postmetadatafooter > div.art-postfootericons").each(function (i) {
  4120. if ($("img, a", this).length == 0) $(this).parent("div.art-postmetadatafooter").css("display", "none");
  4121. });
  4122. };
  4123. })(jQuery);
  4124.  
  4125. jQuery(function () {
  4126. artFixPostFooters();
  4127. });
  4128.  
  4129. var showHomePage = false;
  4130. var artFixTopCustomMenu = (function ($) {
  4131. return function () {
  4132. if ($("#LinkList99").length == 0) {
  4133. var navSection = $("#crosscol");
  4134. if (navSection.length > 0) {
  4135. if (showHomePage) {
  4136. if (window.location == homePageLink)
  4137. var tmpstr = '<a href="' + homePageLink + '" class="active">';
  4138. else
  4139. var tmpstr = '<a href="' + homePageLink + '">';
  4140. navSection.html('<ul class="art-hmenu"><li>' + tmpstr + homePageName + '</a></li></ul>');
  4141. } else {
  4142. navSection.html('<ul class="art-hmenu"></ul>');
  4143. }
  4144. }
  4145. }
  4146. $("#PageList98").hide();
  4147. };
  4148. })(jQuery);
  4149.  
  4150. var artFixTopPagesMenu = (function ($) {
  4151. return function () {
  4152. $("#LinkList99").hide();
  4153. };
  4154. })(jQuery);
  4155.  
  4156.  
  4157. var artDisplayTopMenu = (function ($) {
  4158. return function (menuitems) {
  4159. var subList1 = $("");
  4160. var subList2 = $("");
  4161. var subList3 = $("");
  4162.  
  4163. for (var i = 0; i < menuitems.length; i++) {
  4164. var itemname = menuitems[i][0];
  4165. var itemlink = menuitems[i][1];
  4166. if (itemlink == "http://./") itemlink = "#";
  4167.  
  4168. if (itemname.charAt(0) != "-") {
  4169. if (subList3.length != 0) {
  4170. $("li:last", subList2).append(subList3);
  4171. subList3 = $("");
  4172. }
  4173. if (subList2.length != 0) {
  4174. $("li:last", subList1).append(subList2);
  4175. subList2 = $("");
  4176. }
  4177. if (subList1.length != 0) {
  4178. $("ul.art-hmenu li:last").append(subList1);
  4179. subList1 = $("");
  4180. }
  4181. if (window.location == itemlink)
  4182. $("ul.art-hmenu").append('<li><a href="' + itemlink + '" class="active">' + itemname + '</a></li>');
  4183. else
  4184. $("ul.art-hmenu").append('<li><a href="' + itemlink + '">' + itemname + '</a></li>');
  4185. } else {
  4186. if (itemname.charAt(2) == "-") {
  4187. if (subList3.length == 0) subList3 = $("<ul></ul>");
  4188. subList3.append('<li><a href="' + itemlink + '">' + itemname.substr(3, itemname.length) + '</a></li>');
  4189. } else if (itemname.charAt(1) == "-") {
  4190. if (subList3.length != 0) {
  4191. $("li:last", subList2).append(subList3);
  4192. subList3 = $("");
  4193. }
  4194. if (subList2.length == 0) subList2 = $("<ul></ul>");
  4195. subList2.append('<li><a href="' + itemlink + '">' + itemname.substr(2, itemname.length) + '</a></li>');
  4196. } else if (itemname.charAt(0) == "-") {
  4197. if (subList3.length != 0) {
  4198. $("li:last", subList2).append(subList3);
  4199. subList3 = $("");
  4200. }
  4201. if (subList2.length != 0) {
  4202. $("li:last", subList1).append(subList2);
  4203. subList2 = $("");
  4204. }
  4205. if (subList1.length == 0) subList1 = $("<ul></ul>");
  4206. subList1.append('<li><a href="' + itemlink + '">' + itemname.substr(1, itemname.length) + '</a></li>');
  4207. }
  4208. }
  4209. }
  4210. if (subList3.length != 0) {
  4211. $("li:last", subList2).append(subList3);
  4212. subList3 = $("");
  4213. }
  4214. if (subList2.length != 0) {
  4215. $("li:last", subList1).append(subList2);
  4216. subList2 = $("");
  4217. }
  4218. if (subList1.length != 0) {
  4219. $("ul.art-hmenu li:last").append(subList1);
  4220. subList1 = $("");
  4221. }
  4222. };
  4223. })(jQuery);
  4224.  
  4225. var artDisplayVMenu = (function ($) {
  4226. return function (vmenuitems) {
  4227.  
  4228. if ($("ul.art-vmenu").children().length > 0) return true;
  4229.  
  4230. var subList1 = $("");
  4231. var subList2 = $("");
  4232. var subList3 = $("");
  4233.  
  4234. for (var i = 0; i < vmenuitems.length; i++) {
  4235. var itemname = vmenuitems[i][0];
  4236. var itemlink = vmenuitems[i][1];
  4237. if (itemlink == "http://./") itemlink = "#";
  4238.  
  4239. if (itemname.charAt(0) != "-") {
  4240. if (subList3.length != 0) {
  4241. $("li:last", subList2).append(subList3);
  4242. subList3 = $("");
  4243. }
  4244. if (subList2.length != 0) {
  4245. $("li:last", subList1).append(subList2);
  4246. subList2 = $("");
  4247. }
  4248. if (subList1.length != 0) {
  4249. $("ul.art-vmenu li:last").append(subList1);
  4250. subList1 = $("");
  4251. }
  4252. if (window.location == itemlink)
  4253. $("ul.art-vmenu").append('<li><a href="' + itemlink + '" class="active">' + itemname + '</a></li>');
  4254. else
  4255. $("ul.art-vmenu").append('<li><a href="' + itemlink + '">' + itemname + '</a></li>');
  4256. } else {
  4257. if (itemname.charAt(2) == "-") {
  4258. if (subList3.length == 0) subList3 = $("<ul></ul>");
  4259. if (window.location == itemlink)
  4260. subList3.append('<li><a href="' + itemlink + '" class="active">' + itemname.substr(3, itemname.length) + '</a></li>');
  4261. else
  4262. subList3.append('<li><a href="' + itemlink + '">' + itemname.substr(3, itemname.length) + '</a></li>');
  4263. } else if (itemname.charAt(1) == "-") {
  4264. if (subList3.length != 0) {
  4265. $("li:last", subList2).append(subList3);
  4266. subList3 = $("");
  4267. }
  4268. if (subList2.length == 0) subList2 = $("<ul></ul>");
  4269. if (window.location == itemlink)
  4270. subList2.append('<li><a href="' + itemlink + '" class="active">' + itemname.substr(2, itemname.length) + '</a></li>');
  4271. else
  4272. subList2.append('<li><a href="' + itemlink + '">' + itemname.substr(2, itemname.length) + '</a></li>');
  4273. } else if (itemname.charAt(0) == "-") {
  4274. if (subList3.length != 0) {
  4275. $("li:last", subList2).append(subList3);
  4276. subList3 = $("");
  4277. }
  4278. if (subList2.length != 0) {
  4279. $("li:last", subList1).append(subList2);
  4280. subList2 = $("");
  4281. }
  4282. if (subList1.length == 0) subList1 = $("<ul></ul>");
  4283. if (window.location == itemlink)
  4284. subList1.append('<li><a href="' + itemlink + '" class="active">' + itemname.substr(1, itemname.length) + '</a></li>');
  4285. else
  4286. subList1.append('<li><a href="' + itemlink + '">' + itemname.substr(1, itemname.length) + '</a></li>');
  4287. }
  4288. }
  4289. }
  4290. if (subList3.length != 0) {
  4291. $("li:last", subList2).append(subList3);
  4292. subList3 = $("");
  4293. }
  4294. if (subList2.length != 0) {
  4295. $("li:last", subList1).append(subList2);
  4296. subList2 = $("");
  4297. }
  4298. if (subList1.length != 0) {
  4299. $("ul.art-vmenu li:last").append(subList1);
  4300. subList1 = $("");
  4301. }
  4302.  
  4303. if (!false) {
  4304. $(".art-vmenublockheader").css("display", "none");
  4305. }
  4306.  
  4307. var a = $("ul.art-vmenu a.active");
  4308. a.parents('ul.art-vmenu').find("ul, a").removeClass('active');
  4309. a.parent().children('ul').addClass('active');
  4310. a.parents('ul.art-vmenu ul').addClass('active');
  4311. a.parents('ul.art-vmenu li').children('a').addClass('active');
  4312. };
  4313. })(jQuery);
  4314.  
  4315. var artFixVMenuArchive = (function ($) {
  4316. return function () {
  4317. if ($("#art-vmenu-archive").length > 0) {
  4318. if (!false) {
  4319. $(".art-vmenublockheader").css("display", "none");
  4320. }
  4321. $("#art-vmenu-archive a").each(function (i) {
  4322. if (this.href.replace('#', '') == window.location.href.replace('#', '')) {
  4323. $(this).addClass("active");
  4324. }
  4325. });
  4326. var a = $("#art-vmenu-archive a.active");
  4327. a.parents('#art-vmenu-archive').find("ul, a").removeClass('active');
  4328. a.parent().children('ul').addClass('active');
  4329. a.parents('#art-vmenu-archive ul').addClass('active');
  4330. a.parents('#art-vmenu-archive li').children('a').addClass('active');
  4331. }
  4332. };
  4333. })(jQuery);
  4334.  
  4335.  
  4336. jQuery(function ($) {
  4337. $(".BlogList").each(function (i) {
  4338. var bl_name = $(this).attr("id");
  4339. $("#" + bl_name + "_show-all").click(function () {
  4340. $("#" + bl_name + "_blogs li").each(function (i) {
  4341. if ($(this).css("display") == "none") {
  4342. $(this).css("display", "block");
  4343. $(this).attr("class", bl_name + "_blogs_hidden");
  4344. $("#" + bl_name + "_show-all").css("display", "none");
  4345. $("#" + bl_name + "_show-n").css("display", "block");
  4346. }
  4347. });
  4348. });
  4349. $("#" + bl_name + "_show-n").click(function () {
  4350. $("li." + bl_name + "_blogs_hidden").each(function (i) {
  4351. $(this).css("display", "none");
  4352. $(this).attr("class", "");
  4353. $("#" + bl_name + "_show-all").css("display", "block");
  4354. $("#" + bl_name + "_show-n").css("display", "none");
  4355. });
  4356. });
  4357. });
  4358. });
  4359.  
  4360. var artFixNavbarPadding = (function ($) {
  4361. return function () {
  4362. if ($("#navbar").length) {
  4363. $("#art-main").css('margin-top', '30px');
  4364. if (!browser.opera)
  4365. $("#navbar").css('margin-top', '-30px');
  4366. }
  4367. };
  4368. })(jQuery);
  4369.  
  4370. var artTransformSearchWidget = (function ($) {
  4371. return function () {
  4372. if (typeof (google) !== 'undefined' && google != null) {
  4373. google.setOnLoadCallback(function () {
  4374. $("form.gsc-search-box").addClass("art-search");
  4375. $("input.gsc-search-button").addClass("art-search-button").prependTo("form.gsc-search-box");
  4376. if ($("input.gsc-search-button").css("background-image") != "none") {
  4377. $("input.gsc-search-button").attr("value", "");
  4378. }
  4379. $("input.gsc-input").prependTo("form.gsc-search-box");
  4380. $("table.gsc-search-box").remove();
  4381. $("table.gsc-branding").insertAfter("form.gsc-search-box");
  4382. });
  4383. }
  4384. };
  4385. })(jQuery);
  4386.  
  4387. jQuery(function () {
  4388. artTransformSearchWidget();
  4389. });
  4390.  
  4391. jQuery(function ($) {
  4392. var header = $("header.art-header");
  4393. var offset = header.offset();
  4394. if (!offset) {
  4395. return;
  4396. }
  4397. if ($("#navbar").length) {
  4398. offset.top -= 30;
  4399. }
  4400. $("#art-header-bg").css({
  4401. "top": offset.top + "px"
  4402. });
  4403. });
  4404.  
  4405. jQuery(function ($) {
  4406. var menu = $(".art-nav:not(#art-hmenu-bg)");
  4407. var offset = menu.offset();
  4408. if (!offset) {
  4409. return;
  4410. }
  4411. if ($("#navbar").length) {
  4412. offset.top -= 30;
  4413. }
  4414. $("#art-hmenu-bg").css({
  4415. "height": menu.height() + "px",
  4416. "top": offset.top + "px"
  4417. });
  4418. });
  4419.  
  4420. //]]>
  4421. </script>
  4422.  
  4423. <!--[if lt IE 9]>
  4424. <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  4425. <![endif]-->
  4426. <script>
  4427. //<![CDATA[
  4428. /* Created by Artisteer v4.3.0.60745 */
  4429. /*jshint forin:true, noarg:true, noempty:true, eqeqeq:true, bitwise:true, strict:true, undef:true, curly:false, browser:true, jquery:false */
  4430. /*global jQuery */
  4431.  
  4432. var responsiveDesign = {
  4433. isResponsive: false,
  4434. isDesktop: false,
  4435. isTablet: false,
  4436. isPhone: false,
  4437. lockedResponsiveMode: '', // free mode from start
  4438.  
  4439. responsiveType: 'desktop',
  4440. responsiveTypeIdx: 1,
  4441. lockedResponsiveType: '',
  4442.  
  4443. isCurrentDefaultResponsive: false,
  4444.  
  4445. defaultResponsive: [ false, true, true, true, true ], // turn on/off old or new responsive modes
  4446.  
  4447. windowWidth: 0,
  4448.  
  4449. responsive: (function ($) {
  4450. "use strict";
  4451. return function () {
  4452. var html = $("html");
  4453. this.windowWidth = $(window).width();
  4454. var triggerEvent = false;
  4455.  
  4456. var isRespVisible = $("#art-resp").is(":visible");
  4457. if (this.lockedResponsiveMode === 'desktop') isRespVisible = false;
  4458.  
  4459. if (isRespVisible && !this.isResponsive) {
  4460. html.addClass("responsive").removeClass("desktop");
  4461. this.isResponsive = true;
  4462. this.isDesktop = false;
  4463. triggerEvent = true;
  4464. } else if (!isRespVisible && !this.isDesktop) {
  4465. html.addClass("desktop").removeClass("responsive default-responsive responsive-tablet responsive-phone");
  4466. this.isResponsive = this.isTablet = this.isPhone = false;
  4467. this.isDesktop = true;
  4468. triggerEvent = true;
  4469. }
  4470.  
  4471. if (this.isResponsive) {
  4472. // additional check to lock responsive mode
  4473. var isTablet = this.lockedResponsiveMode === 'tablet' || ($("#art-resp-t").is(":visible") && this.lockedResponsiveMode === '');
  4474. var isPhone = this.lockedResponsiveMode === 'phone' || ($("#art-resp-m").is(":visible") && this.lockedResponsiveMode === '');
  4475. if (isTablet && !this.isTablet) {
  4476. html.addClass("responsive-tablet").removeClass("responsive-phone");
  4477. this.isTablet = true;
  4478. this.isPhone = false;
  4479. triggerEvent = true;
  4480. } else if (isPhone && !this.isPhone) {
  4481. html.addClass("responsive-phone").removeClass("responsive-tablet");
  4482. this.isTablet = false;
  4483. this.isPhone = true;
  4484. triggerEvent = true;
  4485. }
  4486. }
  4487.  
  4488. var prevResponsiveIndx = this.responsiveTypeIdx;
  4489. if (this.lockedResponsiveType === 'tabletlandscape' || ($("#art-resp-tablet-landscape").is(":visible") && this.lockedResponsiveType === '')) {
  4490. this.responsiveType = 'tabletlandscape';
  4491. this.responsiveTypeIdx = 1;
  4492. } else if (this.lockedResponsiveType === 'tabletportrait' || ($("#art-resp-tablet-portrait").is(":visible") && this.lockedResponsiveType === '')) {
  4493. this.responsiveType = 'tabletportrait';
  4494. this.responsiveTypeIdx = 2;
  4495. } else if (this.lockedResponsiveType === 'phonelandscape' || ($("#art-resp-phone-landscape").is(":visible") && this.lockedResponsiveType === '')) {
  4496. this.responsiveType = 'phonelandscape';
  4497. this.responsiveTypeIdx = 3;
  4498. } else if (this.lockedResponsiveType === 'phoneportrait' || ($("#art-resp-phone-portrait").is(":visible") && this.lockedResponsiveType === '')) {
  4499. this.responsiveType = 'phoneportrait';
  4500. this.responsiveTypeIdx = 4;
  4501. } else { //if (this.lockedResponsiveType === 'desktop' || ($("#art-resp-desktop").is(":visible") && this.lockedResponsiveType === '')) {
  4502. this.responsiveType = 'desktop';
  4503. this.responsiveTypeIdx = 0;
  4504. }
  4505.  
  4506. if (triggerEvent || prevResponsiveIndx !== this.responsiveTypeIdx) {
  4507. triggerEvent = true;
  4508.  
  4509. if (this.isResponsive && this.defaultResponsive[ this.responsiveTypeIdx ]) {
  4510. this.isCurrentDefaultResponsive = true;
  4511. html.removeClass('custom-responsive').addClass('default-responsive');
  4512. } else {
  4513. this.isCurrentDefaultResponsive = false;
  4514. html.removeClass('default-responsive').addClass('custom-responsive');
  4515. }
  4516. }
  4517.  
  4518. if (triggerEvent) {
  4519. $(window).trigger("responsive", this);
  4520. }
  4521.  
  4522. $(window).trigger("responsiveResize", this);
  4523. };
  4524. })(jQuery),
  4525. initialize: (function ($) {
  4526. "use strict";
  4527. return function () {
  4528. // get correct defaultResponsive
  4529. if (typeof defaultResponsiveData !== 'undefined') responsiveDesign.defaultResponsive = defaultResponsiveData;
  4530.  
  4531. $("<div id=\"art-resp\"><div id=\"art-resp-m\"></div><div id=\"art-resp-t\"></div></div>").appendTo("body");
  4532. $('<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');
  4533.  
  4534.  
  4535. /* (1) Use this code for debug instead of (2):
  4536. * var resizeTimeout;
  4537. * $(window).resize(function () {
  4538. * clearTimeout(resizeTimeout);
  4539. * resizeTimeout = setTimeout(function () { responsiveDesign.responsive(); }, 50);
  4540. * });
  4541. */
  4542.  
  4543. /* (2) Use this code for production and comment (1): */
  4544. $(window).resize(function () {
  4545. responsiveDesign.responsive();
  4546. });
  4547.  
  4548. $(window).trigger("resize");
  4549. };
  4550. })(jQuery),
  4551. // lock responsive in some mode: desktop, tablet or phone for editor
  4552. lockResponsiveType: function (mode) {
  4553. responsiveDesign.lockedResponsiveType = mode;
  4554.  
  4555. if (mode.indexOf('tablet') === 0) mode = 'tablet';
  4556. if (mode.indexOf('phone') === 0) mode = 'phone';
  4557.  
  4558. responsiveDesign.lockedResponsiveMode = mode;
  4559. },
  4560. // using in editor to turn off default responsive
  4561. toogleDefaultResponsive: function (type, val) {
  4562. var old = responsiveDesign.defaultResponsive[ type ];
  4563. responsiveDesign.defaultResponsive[ type ] = val;
  4564. if (old !== val) responsiveDesign.responsiveTypeIdx = -1;
  4565. }
  4566. };
  4567.  
  4568. function responsiveAbsBg(responsiveDesign, el, bg) {
  4569. "use strict";
  4570. if (bg.length === 0)
  4571. return;
  4572.  
  4573. var desktopBgTop = bg.attr("data-bg-top");
  4574. var desktopBgHeight = bg.attr("data-bg-height");
  4575.  
  4576. if (responsiveDesign.isResponsive) {
  4577. if (typeof desktopBgTop === "undefined" || desktopBgTop === false) {
  4578. bg.attr("data-bg-top", bg.css("top"));
  4579. bg.attr("data-bg-height", bg.css("height"));
  4580. }
  4581.  
  4582. var elTop = el.offset().top;
  4583. var elHeight = el.outerHeight();
  4584. bg.css("top", elTop + "px");
  4585. bg.css("height", elHeight + "px");
  4586. } else if (typeof desktopBgTop !== "undefined" && desktopBgTop !== false) {
  4587. bg.css("top", desktopBgTop);
  4588. bg.css("height", desktopBgHeight);
  4589. bg.removeAttr("data-bg-top");
  4590. bg.removeAttr("data-bg-height");
  4591. }
  4592. }
  4593.  
  4594. var responsiveImages = (function ($) {
  4595. "use strict";
  4596. return function (responsiveDesign) {
  4597. $("img[width]").each(function () {
  4598. var img = $(this), newWidth = "", newMaxWidth = "", newHeight = "";
  4599. if (responsiveDesign.isResponsive) {
  4600. newWidth = "auto";
  4601. newHeight = "auto";
  4602. newMaxWidth = "100%";
  4603.  
  4604. var widthAttr = img.attr("width");
  4605. if (widthAttr !== null && typeof (widthAttr) === "string" && widthAttr.indexOf("%") === -1) {
  4606. newWidth = "100%";
  4607. newMaxWidth = parseInt($.trim(widthAttr), 10) + "px";
  4608. }
  4609. }
  4610. img.css("width", newWidth).css("max-width", newMaxWidth).css("height", newHeight);
  4611. });
  4612. };
  4613. })(jQuery);
  4614.  
  4615. var responsiveVideos = (function ($) {
  4616. "use strict";
  4617. return function (responsiveDesign) {
  4618. $("iframe[width],object[width],embed[width]").each(function () {
  4619. var obj = $(this);
  4620. if ((obj.is('[width]') && obj.attr("width").indexOf("%") !== -1) ||
  4621. (obj.is('[class]') && obj.attr("class").indexOf("twitter") !== -1) ||
  4622. (obj.id && obj.id.indexOf("google") !== -1))
  4623. return;
  4624. var container = obj.parent(".art-responsive-embed");
  4625. if (responsiveDesign.isResponsive) {
  4626. if (container.length !== 0)
  4627. return;
  4628. container = $("<div class=\"art-responsive-embed\">").insertBefore(obj);
  4629. obj.appendTo(container);
  4630. } else if (container.length > 0) {
  4631. obj.insertBefore(container);
  4632. container.remove();
  4633. }
  4634. });
  4635. };
  4636. })(jQuery);
  4637.  
  4638. // this must be called for collages only!
  4639. var responsiveTextblocks = (function ($) {
  4640. "use strict";
  4641. return function (slider, responsiveDesign) {
  4642. slider.find(".art-textblock").each(function () {
  4643. if (parseInt(slider.attr("data-width"), 10) === 0) {
  4644. return true;
  4645. }
  4646. var tb = $(this);
  4647. var c = slider.width() / slider.attr("data-width");
  4648. tb.css({
  4649. "height": "",
  4650. "width": "",
  4651. "top": "",
  4652. "margin-left": ""
  4653. });
  4654. if (responsiveDesign.isResponsive) {
  4655. var tbHeight = parseInt(tb.css("height"), 10);
  4656. var tbWidth = parseInt(tb.css("width"), 10);
  4657. var tbTop = parseInt(tb.css("top"), 10);
  4658. var tbMargin = parseInt(tb.css("margin-left"), 10);
  4659. tb.add(tb.find('div')).css({
  4660. "height": tbHeight * c,
  4661. "width": tbWidth * c
  4662. });
  4663. tb.css("top", tbTop * c);
  4664. tb.attr("style", function (i, s) { return s + "margin-left: " + (tbMargin * c) + "px !important"; });
  4665. }
  4666. });
  4667. };
  4668. })(jQuery);
  4669.  
  4670. var responsiveSlider = (function ($) {
  4671. "use strict";
  4672. return function (responsiveDesign) {
  4673. $(".art-slider").each(function () {
  4674. var s = $(this);
  4675.  
  4676. var isHeaderSlider = s.parent('.art-header').length > 0 || s.parent('.art-pageslider').length > 0;
  4677. if (!isHeaderSlider && responsiveDesign.isResponsive) {
  4678. responsiveTextblocks(s, responsiveDesign);
  4679. return;
  4680. }
  4681.  
  4682. var initialWidth = s.attr("data-width");
  4683. var initialHeight = s.attr("data-height");
  4684.  
  4685. // set size
  4686.  
  4687. var obj = s.data("slider");
  4688. if (!obj) {
  4689. return false;
  4690. }
  4691.  
  4692. var inner = s.find(".art-slider-inner");
  4693.  
  4694. if (!responsiveDesign.isResponsive && obj.settings.helper) {
  4695. obj.settings.helper.updateSize(inner, { width: initialWidth, height: initialHeight });
  4696. return;
  4697. }
  4698.  
  4699. // set slider
  4700. if (obj && obj.settings.helper) {
  4701. $(window).on("responsiveResize", function updateSize() {
  4702. if (obj.settings.animation === "fade") return;
  4703. if (responsiveDesign.isCurrentDefaultResponsive) {
  4704. obj.settings.helper.updateSize(inner, { width: initialWidth, height: initialHeight });
  4705. $.each(inner.children(), function () {
  4706. $(this).css(
  4707. "background-position",
  4708. -Math.floor(initialWidth / 2 - parseInt(inner.outerWidth(), 10) / 2) + "px" +
  4709. -Math.floor(initialHeight / 2 - parseInt(inner.outerHeight(), 10) / 2) + "px "
  4710. );
  4711. });
  4712. } else {
  4713. $(window).off("responsiveResize", updateSize);
  4714. }
  4715. });
  4716. }
  4717. });
  4718. };
  4719. })(jQuery);
  4720.  
  4721. var responsiveCollages = (function ($) {
  4722. "use strict";
  4723. return function (responsiveDesign) {
  4724. $(".art-collage").each(function() {
  4725. var collage = $(this);
  4726. var slider = collage.find(".art-slider");
  4727.  
  4728. var initialWidth = slider.attr("data-width");
  4729. var initialHeight = slider.attr("data-height");
  4730.  
  4731. var parent = collage.closest(':not(.image-caption-wrapper, .art-collage)');
  4732. var parentIcw = collage.closest('.image-caption-wrapper');
  4733. var parentWidth = parent.width();
  4734. var collageWidth = collage.width();
  4735.  
  4736. // for responsive try to make collage smaller
  4737. // a) no icw - check collage width and parent
  4738. // b) with icw - collage is bigger than icw
  4739. var doms = collage
  4740. .add(slider)
  4741. .add(collage.closest(".image-caption-wrapper"));
  4742.  
  4743. // so try to make collage smaller
  4744. if (responsiveDesign.isResponsive && collageWidth > parentWidth || (parentIcw.length > 0 && collageWidth > parentIcw.width())) {
  4745. doms.css("width", "100%");
  4746. }
  4747.  
  4748. // but if icw make collage too bit reset it width to noraml
  4749. collageWidth = collage.width();
  4750. if (collageWidth > initialWidth) {
  4751. doms.css("width", "");
  4752. }
  4753.  
  4754. var c = slider.width() / initialWidth;
  4755. var h = c * initialHeight;
  4756. slider.css("height", h + "px");
  4757. });
  4758. };
  4759. })(jQuery);
  4760.  
  4761.  
  4762. jQuery(window).bind("responsive", (function ($) {
  4763. "use strict";
  4764. return function (event, responsiveDesign) {
  4765. // so this event is main and it generate sub events to make important changes before we will modify slider
  4766. // for example we move out of slider menu button, and it change slider size
  4767. $(window).trigger('responsivePage', responsiveDesign);
  4768. responsiveImages(responsiveDesign);
  4769. responsiveVideos(responsiveDesign);
  4770.  
  4771. responsiveSlider(responsiveDesign);
  4772. responsiveNavigator(responsiveDesign);
  4773. };
  4774. })(jQuery));
  4775.  
  4776. jQuery(window).bind("responsiveResize", (function ($) {
  4777. "use strict";
  4778. return function (event, responsiveDesign) {
  4779. responsiveCollages(responsiveDesign);
  4780. responsiveNavigator(responsiveDesign);
  4781. };
  4782. })(jQuery));
  4783.  
  4784. jQuery(function ($) {
  4785. if (!browser.ie || browser.version > 8) return;
  4786. var timeout;
  4787. $(window).on("resize", function () {
  4788. clearTimeout(timeout);
  4789. timeout = setTimeout(function() {
  4790. responsiveCollages(responsiveDesign);
  4791. responsiveNavigator(responsiveDesign);
  4792. }, 25);
  4793. });
  4794. responsiveCollages(responsiveDesign);
  4795. responsiveNavigator(responsiveDesign);
  4796. });
  4797.  
  4798. var responsiveLayoutCell = (function ($) {
  4799. "use strict";
  4800. return function (responsiveDesign) {
  4801. $(".art-content .art-content-layout-row,.art-footer .art-content-layout-row").each(function () {
  4802. var row = $(this);
  4803. var rowChildren = row.children(".art-layout-cell");
  4804. if (rowChildren.length > 0) {
  4805. var c;
  4806. row.removeClass("responsive-layout-row-2").removeClass("responsive-layout-row-3").removeClass("responsive-layout-row-1");
  4807. if (rowChildren.length === 1) {
  4808. c = 1;
  4809. row.addClass("responsive-layout-row-1");
  4810. } else if (rowChildren.length % 2 === 0) {
  4811. var c = 2;
  4812. row.addClass("responsive-layout-row-2");
  4813. } else {
  4814. var c = 3;
  4815. row.addClass("responsive-layout-row-3");
  4816. }
  4817. if (c > 0 && responsiveDesign.isTablet) {
  4818. rowChildren.addClass("responsive-tablet-layout-cell").each(function (i) {
  4819. if ((i + 1) % c === 0) {
  4820. $(this).after("<div class=\"cleared responsive-cleared\">");
  4821. }
  4822. });
  4823. } else {
  4824. rowChildren.removeClass("responsive-tablet-layout-cell");
  4825. row.children(".responsive-cleared").remove();
  4826. }
  4827. }
  4828. });
  4829. };
  4830. })(jQuery);
  4831.  
  4832. jQuery(window).bind("responsive", function (event, responsiveDesign) {
  4833. "use strict";
  4834.  
  4835. responsiveLayoutCell(responsiveDesign);
  4836. });
  4837.  
  4838.  
  4839.  
  4840. //setTimeout(function () { $("html").addClass("desktop") }, 0);
  4841.  
  4842. if (!browser.ie || browser.version > 8) {
  4843. jQuery(responsiveDesign.initialize);
  4844. } else {
  4845. jQuery("html").addClass("desktop");
  4846. }
  4847.  
  4848. //]]>
  4849. </script>
  4850.  
  4851. <script type='text/javascript'>cookieChoices = {};</script>
  4852. </head>
  4853. <body>
  4854. <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  4855. <b:widget id='Navbar1' locked='true' title='Навигационна лента' type='Navbar' version='1'>
  4856. <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
  4857. function setAttributeOnload(object, attribute, val) {
  4858. if(window.addEventListener) {
  4859. window.addEventListener(&#39;load&#39;,
  4860. function(){ object[attribute] = val; }, false);
  4861. } else {
  4862. window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
  4863. }
  4864. }
  4865. &lt;/script&gt;
  4866. &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
  4867. &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
  4868. &lt;script type=&quot;text/javascript&quot;&gt;
  4869. gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
  4870. if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
  4871. gapi.iframes.getContext().openChild({
  4872. url: &#39;https://www.blogger.com/navbar.g?targetBlogID\x3d6408239238100427291\x26blogName\x3dknifescsgoo\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://knifescsgoo.blogspot.com/search\x26blogLocale\x3dbg\x26v\x3d2\x26homepageUrl\x3dhttps://knifescsgoo.blogspot.com/\x26vt\x3d-5856145392456858910&#39;,
  4873. where: document.getElementById(&quot;navbar-iframe-container&quot;),
  4874. id: &quot;navbar-iframe&quot;
  4875. });
  4876. }
  4877. });
  4878. &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
  4879. (function() {
  4880. var script = document.createElement(&#39;script&#39;);
  4881. script.type = &#39;text/javascript&#39;;
  4882. script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
  4883. var head = document.getElementsByTagName(&#39;head&#39;)[0];
  4884. if (head) {
  4885. head.appendChild(script);
  4886. }})();
  4887. &lt;/script&gt;
  4888. </b:includable>
  4889. </b:widget>
  4890. </b:section>
  4891.  
  4892. <script>
  4893. artCheckNavBar();
  4894. var showHeader = false;
  4895. var showVMenu = false;
  4896. </script>
  4897. <div id='art-main'>
  4898. <script>
  4899. artFixNavbarPadding();
  4900. </script>
  4901. <div class='art-sheet clearfix'>
  4902. <div class='art-layout-wrapper'>
  4903. <div class='art-content-layout'>
  4904. <div class='art-content-layout-row'>
  4905. <b:section class='art-layout-cell art-content' id='main' showaddelement='yes'>
  4906. <b:widget id='Blog1' locked='true' title='Публикации в блога' type='Blog' version='1'>
  4907. <b:widget-settings>
  4908. <b:widget-setting name='showDateHeader'>false</b:widget-setting>
  4909. <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
  4910. <b:widget-setting name='showShareButtons'>false</b:widget-setting>
  4911. <b:widget-setting name='authorLabel'>By</b:widget-setting>
  4912. <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  4913. <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
  4914. <b:widget-setting name='showAuthor'>false</b:widget-setting>
  4915. <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
  4916. <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  4917. <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  4918. <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
  4919. <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  4920. <b:widget-setting name='showLabels'>true</b:widget-setting>
  4921. <b:widget-setting name='showLocation'>true</b:widget-setting>
  4922. <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  4923. <b:widget-setting name='postsPerAd'>1</b:widget-setting>
  4924. <b:widget-setting name='showBacklinks'>false</b:widget-setting>
  4925. <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  4926. <b:widget-setting name='showInlineAds'>false</b:widget-setting>
  4927. <b:widget-setting name='showReactions'>false</b:widget-setting>
  4928. </b:widget-settings>
  4929. <b:includable id='main' var='top'>
  4930. <!-- posts -->
  4931. <b:include data='top' name='status-message'/>
  4932.  
  4933. <data:defaultAdStart/>
  4934. <b:loop values='data:posts' var='post'>
  4935.  
  4936.  
  4937. <article class='art-post art-article'>
  4938. <b:include data='post' name='post'/>
  4939. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  4940. <b:include data='post' name='comment_picker'/>
  4941. </b:if>
  4942. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  4943. <b:include data='post' name='comment_picker'/>
  4944. </b:if>
  4945. </article>
  4946.  
  4947.  
  4948. <b:if cond='data:post.includeAd'>
  4949. <b:if cond='data:post.isFirstPost'>
  4950. <data:defaultAdEnd/>
  4951. <b:else/>
  4952. <data:adEnd/>
  4953. </b:if>
  4954. <div class='inline-ad art-post-body'>
  4955. <data:adCode/>
  4956. </div>
  4957. <data:adStart/>
  4958. </b:if>
  4959. </b:loop>
  4960. <data:adEnd/>
  4961.  
  4962. <!-- navigation -->
  4963. <b:include name='nextprev'/>
  4964.  
  4965. <!-- feed links -->
  4966. <b:include name='feedLinks'/>
  4967.  
  4968. <b:if cond='data:top.showStars'>
  4969. <script src='http://www.google.com/jsapi'/>
  4970. <script>
  4971. google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  4972. function initialize() {
  4973. google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  4974. google.annotations.createAll();
  4975. google.annotations.fetch();
  4976. }
  4977. google.setOnLoadCallback(initialize);
  4978. </script>
  4979. </b:if>
  4980. <b:if cond='data:top.showDummy'>
  4981. <data:top.dummyBootstrap/>
  4982. </b:if>
  4983. </b:includable>
  4984. <b:includable id='backlinkDeleteIcon' var='backlink'>
  4985. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  4986. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  4987. <img src='http://www.blogger.com/img/icon_delete13.gif'/>
  4988. </a>
  4989. </span>
  4990. </b:includable>
  4991. <b:includable id='backlinks' var='post'>
  4992. <a name='links'/>
  4993. <h4>
  4994. <data:post.backlinksLabel/>
  4995. </h4>
  4996. <b:if cond='data:post.numBacklinks != 0'>
  4997. <dl class='comments-block' id='comments-block'>
  4998. <b:loop values='data:post.backlinks' var='backlink'>
  4999. <div class='collapsed-backlink backlink-control'>
  5000. <dt class='comment-title'>
  5001. <span class='backlink-toggle-zippy'>&#160;</span>
  5002. <a expr:href='data:backlink.url' rel='nofollow'>
  5003. <data:backlink.title/>
  5004. </a>
  5005. <b:include data='backlink' name='backlinkDeleteIcon'/>
  5006. </dt>
  5007. <dd class='comment-body collapseable'>
  5008. <data:backlink.snippet/>
  5009. </dd>
  5010. <dd class='comment-footer collapseable'>
  5011. <span class='comment-author'>
  5012. <data:post.authorLabel/>
  5013. <data:backlink.author/>
  5014. </span>
  5015. <span class='comment-timestamp'>
  5016. <data:post.timestampLabel/>
  5017. <data:backlink.timestamp/>
  5018. </span>
  5019. </dd>
  5020. </div>
  5021. </b:loop>
  5022. </dl>
  5023. </b:if>
  5024. <div class='comment-footer' style='margin:13px 0;'>
  5025. <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'>
  5026. <data:post.createLinkLabel/>
  5027. </a>
  5028. </div>
  5029. </b:includable>
  5030. <b:includable id='comment-form' var='post'>
  5031. <div class='art-commentsform'>
  5032. <a name='comment-form'/>
  5033. <h3>
  5034. <data:postCommentMsg/>
  5035. </h3>
  5036. <p>
  5037. <data:blogCommentMessage/>
  5038. </p>
  5039. <data:blogTeamBlogMessage/>
  5040. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  5041. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' scrolling='no' src='' width='100%'/>
  5042. <data:post.friendConnectJs/>
  5043. <data:post.cmtfpIframe/>
  5044. <script>
  5045. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  5046. </script>
  5047. </div>
  5048. </b:includable>
  5049. <b:includable id='commentDeleteIcon' var='comment'>
  5050. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  5051. <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  5052. <img src='http://www.blogger.com/img/icon_delete13.gif'/>
  5053. </a>
  5054. </span>
  5055. </b:includable>
  5056. <b:includable id='comment_count_picker' var='post'>
  5057. <b:if cond='data:post.commentSource == 1'>
  5058. <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'>
  5059. </span>
  5060. <b:else/>
  5061. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  5062. <data:post.commentLabelFull/>:
  5063. </a>
  5064. </b:if>
  5065. </b:includable>
  5066. <b:includable id='comment_picker' var='post'>
  5067. <b:if cond='data:post.commentSource == 1'>
  5068. <b:include data='post' name='iframe_comments'/>
  5069. <b:elseif cond='data:post.showThreadedComments'/>
  5070. <b:include data='post' name='threaded_comments'/>
  5071. <b:else/>
  5072. <b:include data='post' name='comments'/>
  5073. </b:if>
  5074. </b:includable>
  5075. <b:includable id='comments' var='post'>
  5076. <div class='art-comments'>
  5077. <a name='comments'/>
  5078. <b:if cond='data:post.allowComments'>
  5079. <h2 class='art-postheader'>
  5080. <b:if cond='data:post.numComments == 1'>
  5081. 1 <data:commentLabel/>:
  5082. <b:else/>
  5083. <data:post.numComments/> <data:commentLabelPlural/>:
  5084. </b:if>
  5085. </h2>
  5086.  
  5087. <b:if cond='data:post.commentPagingRequired'>
  5088. <span class='paging-control-container'>
  5089. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  5090. <data:post.oldestLinkText/>
  5091. </a>
  5092. &#160;
  5093. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  5094. <data:post.olderLinkText/>
  5095. </a>
  5096. &#160;
  5097. <data:post.commentRangeText/>
  5098. &#160;
  5099. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  5100. <data:post.newerLinkText/>
  5101. </a>
  5102. &#160;
  5103. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  5104. <data:post.newestLinkText/>
  5105. </a>
  5106. </span>
  5107. </b:if>
  5108.  
  5109. <b:loop values='data:post.comments' var='comment'>
  5110. <div class='art-comment art-postcontent clearfix'>
  5111. <a expr:name='data:comment.anchorName'/>
  5112. <b:if cond='data:blog.enabledCommentProfileImages'>
  5113. <div class='art-comment-avatar'>
  5114. <data:comment.authorAvatarImage/>
  5115. </div>
  5116. </b:if>
  5117. <div class='art-comment-inner'>
  5118. <div class='art-comment-header'>
  5119. <b:if cond='data:comment.favicon'>
  5120. <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  5121. </b:if>
  5122. <b:if cond='data:comment.authorUrl'>
  5123. <a expr:href='data:comment.authorUrl' rel='nofollow'>
  5124. <data:comment.author/>
  5125. </a>
  5126. <b:else/>
  5127. <data:comment.author/>
  5128. </b:if>
  5129. <data:commentPostedByMsg/>
  5130. </div>
  5131. <div class='art-comment-content'>
  5132. <b:if cond='data:comment.isDeleted'>
  5133. <span class='deleted-comment'>
  5134. <data:comment.body/>
  5135. </span>
  5136. <b:else/>
  5137. <p>
  5138. <data:comment.body/>
  5139. </p>
  5140. </b:if>
  5141. </div>
  5142. <div class='art-comment-footer'>
  5143. <a expr:href='data:comment.url' title='comment permalink'>
  5144. <data:comment.timestamp/>
  5145. </a>
  5146. <b:include data='comment' name='commentDeleteIcon'/>
  5147. </div>
  5148. </div>
  5149. </div>
  5150. </b:loop>
  5151.  
  5152. <b:if cond='data:post.commentPagingRequired'>
  5153. <span class='paging-control-container'>
  5154. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  5155. <data:post.oldestLinkText/>
  5156. </a>
  5157. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  5158. <data:post.olderLinkText/>
  5159. </a>
  5160. &#160;
  5161. <data:post.commentRangeText/>
  5162. &#160;
  5163. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  5164. <data:post.newerLinkText/>
  5165. </a>
  5166. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  5167. <data:post.newestLinkText/>
  5168. </a>
  5169. </span>
  5170. </b:if>
  5171.  
  5172. <b:if cond='data:post.embedCommentForm'>
  5173. <b:if cond='data:post.allowNewComments'>
  5174. <b:include data='post' name='comment-form'/>
  5175. <b:else/>
  5176. <data:post.noNewCommentsText/>
  5177. </b:if>
  5178. <b:else/>
  5179. <b:if cond='data:post.allowComments'>
  5180. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  5181. <data:postCommentMsg/>
  5182. </a>
  5183. </b:if>
  5184. </b:if>
  5185. </b:if>
  5186.  
  5187. <div id='backlinks-container'>
  5188. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  5189. <b:if cond='data:post.showBacklinks'>
  5190. <b:include data='post' name='backlinks'/>
  5191. </b:if>
  5192. </div>
  5193. </div>
  5194. </div>
  5195. </b:includable>
  5196. <b:includable id='feedLinks'>
  5197.  
  5198. </b:includable>
  5199. <b:includable id='feedLinksBody' var='links'>
  5200. <div class='feed-links'>
  5201. <data:feedLinksMsg/>
  5202. <b:loop values='data:links' var='f'>
  5203. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'>
  5204. <data:f.name/>
  5205. (<data:f.feedType/>)
  5206. </a>
  5207. </b:loop>
  5208. </div>
  5209. </b:includable>
  5210. <b:includable id='iframe_comments' var='post'>
  5211.  
  5212. <b:if cond='data:post.allowIframeComments'>
  5213. <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  5214. <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
  5215.  
  5216. <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  5217. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  5218. </b:if>
  5219. </b:if>
  5220. </b:includable>
  5221. <b:includable id='mobile-index-post' var='post'>
  5222. <div class='mobile-date-outer date-outer'>
  5223. <b:if cond='data:post.dateHeader'>
  5224. <div class='date-header'>
  5225. <span><data:post.dateHeader/></span>
  5226. </div>
  5227. </b:if>
  5228.  
  5229. <div class='mobile-post-outer'>
  5230. <a expr:href='data:post.url'>
  5231. <h3 class='mobile-index-title entry-title' itemprop='name'>
  5232. <data:post.title/>
  5233. </h3>
  5234.  
  5235. <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  5236.  
  5237. <div class='mobile-index-contents'>
  5238. <b:if cond='data:post.thumbnailUrl'>
  5239. <div class='mobile-index-thumbnail'>
  5240. <div class='Image'>
  5241. <img expr:src='data:post.thumbnailUrl'/>
  5242. </div>
  5243. </div>
  5244. </b:if>
  5245.  
  5246. <div class='post-body'>
  5247. <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  5248. </div>
  5249. </div>
  5250.  
  5251. <div style='clear: both;'/>
  5252. </a>
  5253.  
  5254. <div class='mobile-index-comment'>
  5255. <b:include cond='data:blog.pageType != &quot;static_page&quot; and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/>
  5256. </div>
  5257. </div>
  5258. </div>
  5259. </b:includable>
  5260. <b:includable id='mobile-main' var='top'>
  5261. <!-- posts -->
  5262. <div class='blog-posts hfeed'>
  5263.  
  5264. <b:include data='top' name='status-message'/>
  5265.  
  5266. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  5267. <b:loop values='data:posts' var='post'>
  5268. <b:include data='post' name='mobile-index-post'/>
  5269. </b:loop>
  5270. <b:else/>
  5271. <b:loop values='data:posts' var='post'>
  5272. <b:include data='post' name='mobile-post'/>
  5273. </b:loop>
  5274. </b:if>
  5275. </div>
  5276.  
  5277. <b:include name='mobile-nextprev'/>
  5278. </b:includable>
  5279. <b:includable id='mobile-nextprev'>
  5280. <div class='blog-pager' id='blog-pager'>
  5281. <b:if cond='data:newerPageUrl'>
  5282. <div class='mobile-link-button' id='blog-pager-newer-link'>
  5283. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
  5284. </div>
  5285. </b:if>
  5286.  
  5287. <b:if cond='data:olderPageUrl'>
  5288. <div class='mobile-link-button' id='blog-pager-older-link'>
  5289. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
  5290. </div>
  5291. </b:if>
  5292.  
  5293. <div class='mobile-link-button' id='blog-pager-home-link'>
  5294. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  5295. </div>
  5296.  
  5297. <div class='mobile-desktop-link'>
  5298. <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  5299. </div>
  5300.  
  5301. </div>
  5302. <div class='clear'/>
  5303. </b:includable>
  5304. <b:includable id='mobile-post' var='post'>
  5305. <div class='date-outer'>
  5306. <b:if cond='data:post.dateHeader'>
  5307. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  5308. </b:if>
  5309. <div class='date-posts'>
  5310. <div class='post-outer'>
  5311.  
  5312. <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  5313. <b:if cond='data:post.thumbnailUrl'>
  5314. <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  5315. </b:if>
  5316. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  5317. <meta expr:content='data:post.id' itemprop='postId'/>
  5318.  
  5319. <a expr:name='data:post.id'/>
  5320. <b:if cond='data:post.title'>
  5321. <h3 class='post-title entry-title' itemprop='name'>
  5322. <b:if cond='data:post.link'>
  5323. <a expr:href='data:post.link'><data:post.title/></a>
  5324. <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
  5325. <a expr:href='data:post.url'><data:post.title/></a>
  5326. <b:else/>
  5327. <data:post.title/>
  5328. </b:if>
  5329. </h3>
  5330. </b:if>
  5331.  
  5332. <div class='post-header'>
  5333. <div class='post-header-line-1'/>
  5334. </div>
  5335.  
  5336. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  5337. <data:post.body/>
  5338. <div style='clear: both;'/> <!-- clear for photos floats -->
  5339. </div>
  5340.  
  5341. <div class='post-footer'>
  5342. <div class='post-footer-line post-footer-line-1'>
  5343. <span class='post-author vcard'>
  5344. <b:if cond='data:top.showAuthor'>
  5345. <b:if cond='data:post.authorProfileUrl'>
  5346. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  5347. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  5348. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  5349. <span itemprop='name'><data:post.author/></span>
  5350. </a>
  5351. </span>
  5352. <b:else/>
  5353. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  5354. <span itemprop='name'><data:post.author/></span>
  5355. </span>
  5356. </b:if>
  5357. </b:if>
  5358. </span>
  5359.  
  5360. <span class='post-timestamp'>
  5361. <b:if cond='data:top.showTimestamp'>
  5362. <data:top.timestampLabel/>
  5363. <b:if cond='data:post.url'>
  5364. <meta expr:content='data:post.url.canonical' itemprop='url'/>
  5365. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
  5366. </b:if>
  5367. </b:if>
  5368. </span>
  5369.  
  5370. <span class='post-comment-link'>
  5371. <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;} and data:post.allowComments' data='post' name='comment_count_picker'/>
  5372. </span>
  5373. </div>
  5374.  
  5375. <div class='post-footer-line post-footer-line-2'>
  5376. <b:if cond='data:top.showMobileShare'>
  5377. <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  5378. <a href='javascript:void(0);'><data:shareMsg/></a>
  5379. </div>
  5380. </b:if>
  5381. <b:if cond='data:top.showDummy'>
  5382. <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  5383. </b:if>
  5384. </div>
  5385.  
  5386. </div>
  5387. </div>
  5388.  
  5389. <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  5390. </div>
  5391. </div>
  5392. </div>
  5393. </b:includable>
  5394. <b:includable id='nextprev'>
  5395. <div class='blog-pager' id='blog-pager'>
  5396. <b:if cond='data:newerPageUrl'>
  5397. <span id='blog-pager-newer-link'>
  5398. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
  5399. <data:newerPageTitle/>
  5400. </a>
  5401. </span>
  5402. </b:if>
  5403. <b:if cond='data:olderPageUrl'>
  5404. <span id='blog-pager-older-link'>
  5405. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
  5406. <data:olderPageTitle/>
  5407. </a>
  5408. </span>
  5409. </b:if>
  5410. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  5411. <a class='home-link' expr:href='data:blog.homepageUrl'>
  5412. <data:homeMsg/>
  5413. </a>
  5414. <b:else/>
  5415. <b:if cond='data:newerPageUrl'>
  5416. <a class='home-link' expr:href='data:blog.homepageUrl'>
  5417. <data:homeMsg/>
  5418. </a>
  5419. </b:if>
  5420. </b:if>
  5421. </div>
  5422. <div class='clear'/>
  5423. </b:includable>
  5424. <b:includable id='post' var='post'>
  5425. <a expr:name='data:post.id'/>
  5426. <b:if cond='data:post.dateHeader'>
  5427. <div class='date-header'>
  5428. <data:post.dateHeader/>
  5429. </div>
  5430. </b:if>
  5431.  
  5432. <b:if cond='data:post.title'>
  5433. <h2 class='art-postheader'>
  5434. <b:if cond='data:post.link'>
  5435. <a expr:href='data:post.link'><data:post.title/></a>
  5436. <b:else/>
  5437. <b:if cond='data:post.url'>
  5438. <a expr:href='data:post.url'><data:post.title/></a>
  5439. <b:else/>
  5440. <data:post.title/>
  5441. </b:if>
  5442. </b:if>
  5443. </h2>
  5444. </b:if>
  5445.  
  5446.  
  5447. <div class='art-postcontent art-postcontent-0 clearfix post-body'>
  5448. <data:post.body/>
  5449. </div>
  5450.  
  5451.  
  5452.  
  5453.  
  5454. <b:if cond='data:post.hasJumpLink'>
  5455. <div class='jump-link'>
  5456. <a class='art-button' expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
  5457. </div>
  5458. </b:if>
  5459.  
  5460.  
  5461.  
  5462.  
  5463.  
  5464. <div class='post-footer'>
  5465. <div class='post-footer-line post-footer-line-1'>
  5466.  
  5467. <span class='reaction-buttons'>
  5468. <b:if cond='data:top.showReactions'>
  5469. <table border='0' cellpadding='0' cellspacing='0' width='100%'>
  5470. <tr>
  5471. <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
  5472. <span class='reactions-label'>
  5473. <data:top.reactionsLabel/>
  5474. </span>
  5475. &#160;
  5476. </td>
  5477. <td>
  5478. <iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/>
  5479. </td>
  5480. </tr>
  5481. </table>
  5482. </b:if>
  5483. </span>
  5484.  
  5485. <span class='star-ratings'>
  5486. <b:if cond='data:top.showStars'>
  5487. <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
  5488. </b:if>
  5489. </span>
  5490.  
  5491. </div>
  5492.  
  5493. <div class='post-footer-line post-footer-line-2'>
  5494.  
  5495. <!-- share buttons -->
  5496. <div class='post-share-buttons goog-inline-block'>
  5497. <b:if cond='data:post.sharePostUrl'>
  5498. <b:include data='post' name='shareButtons'/>
  5499. </b:if>
  5500. </div>
  5501.  
  5502. </div>
  5503.  
  5504. <div class='post-footer-line post-footer-line-3'>
  5505. <span class='post-location'>
  5506. <b:if cond='data:top.showLocation'>
  5507. <b:if cond='data:post.location'>
  5508. <data:postLocationLabel/>
  5509. <a expr:href='data:post.location.mapsUrl' target='_blank'>
  5510. <data:post.location.name/>
  5511. </a>
  5512. </b:if>
  5513. </b:if>
  5514. </span>
  5515. </div>
  5516. </div>
  5517. <b:if cond='data:post.trackLatency'>
  5518. <data:post.latencyJs/>
  5519. </b:if>
  5520. </b:includable>
  5521. <b:includable id='postQuickEdit' var='post'>
  5522. <b:if cond='data:post.editUrl'>
  5523. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  5524. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  5525. <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  5526. </a>
  5527. </span>
  5528. </b:if>
  5529. </b:includable>
  5530. <b:includable id='shareButtons' var='post'>
  5531. <b:if cond='data:top.showEmailButton'>
  5532. <a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
  5533. <span class='share-button-link-text'>
  5534. <data:top.emailThisMsg/>
  5535. </span>
  5536. </a>
  5537. </b:if>
  5538. <b:if cond='data:top.showBlogThisButton'>
  5539. <a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
  5540. <span class='share-button-link-text'>
  5541. <data:top.blogThisMsg/>
  5542. </span>
  5543. </a>
  5544. </b:if>
  5545. <b:if cond='data:top.showTwitterButton'>
  5546. <a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
  5547. <span class='share-button-link-text'>
  5548. <data:top.shareToTwitterMsg/>
  5549. </span>
  5550. </a>
  5551. </b:if>
  5552. <b:if cond='data:top.showFacebookButton'>
  5553. <a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
  5554. <span class='share-button-link-text'>
  5555. <data:top.shareToFacebookMsg/>
  5556. </span>
  5557. </a>
  5558. </b:if>
  5559. <b:if cond='data:top.showOrkutButton'>
  5560. <a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'>
  5561. <span class='share-button-link-text'>
  5562. <data:top.shareToOrkutMsg/>
  5563. </span>
  5564. </a>
  5565. </b:if>
  5566. <b:if cond='data:top.showBuzzButton'>
  5567. <a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
  5568. <span class='share-button-link-text'>
  5569. <data:top.shareToBuzzMsg/>
  5570. </span>
  5571. </a>
  5572. </b:if>
  5573. <b:if cond='data:top.showDummy'>
  5574. <div class='goog-inline-block dummy-container'>
  5575. <data:post.dummyTag/>
  5576. </div>
  5577. </b:if>
  5578. </b:includable>
  5579. <b:includable id='status-message'>
  5580. <b:if cond='data:navMessage'>
  5581. <div class='status-msg-wrap'>
  5582. <div class='status-msg-body'>
  5583. <data:navMessage/>
  5584. </div>
  5585. <div class='status-msg-border'>
  5586. <div class='status-msg-bg'>
  5587. <div class='status-msg-hidden'>
  5588. <data:navMessage/>
  5589. </div>
  5590. </div>
  5591. </div>
  5592. </div>
  5593. <div style='clear: both;'/>
  5594. </b:if>
  5595. </b:includable>
  5596. <b:includable id='threaded-comment-form' var='post'>
  5597. <div class='comment-form'>
  5598. <a name='comment-form'/>
  5599. <b:if cond='data:mobile'>
  5600. <p><data:blogCommentMessage/></p>
  5601. <data:blogTeamBlogMessage/>
  5602. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  5603. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  5604. <b:else/>
  5605. <p><data:blogCommentMessage/></p>
  5606. <data:blogTeamBlogMessage/>
  5607. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  5608. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
  5609. </b:if>
  5610. <data:post.cmtfpIframe/>
  5611. <script type='text/javascript'>
  5612. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  5613. </script>
  5614. </div>
  5615. </b:includable>
  5616. <b:includable id='threaded_comment_js' var='post'>
  5617. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  5618.  
  5619. <script type='text/javascript'>
  5620. (function() {
  5621. var items = <data:post.commentJso/>;
  5622. var msgs = <data:post.commentMsgs/>;
  5623. var config = <data:post.commentConfig/>;
  5624.  
  5625. // <![CDATA[
  5626. var cursor = null;
  5627. if (items && items.length > 0) {
  5628. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  5629. }
  5630.  
  5631. var bodyFromEntry = function(entry) {
  5632. if (entry.gd$extendedProperty) {
  5633. for (var k in entry.gd$extendedProperty) {
  5634. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  5635. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  5636. }
  5637. }
  5638. }
  5639. return entry.content.$t;
  5640. }
  5641.  
  5642. var parse = function(data) {
  5643. cursor = null;
  5644. var comments = [];
  5645. if (data && data.feed && data.feed.entry) {
  5646. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  5647. var comment = {};
  5648. // comment ID, parsed out of the original id format
  5649. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  5650. comment.id = id ? id[2] : null;
  5651. comment.body = bodyFromEntry(entry);
  5652. comment.timestamp = Date.parse(entry.published.$t) + '';
  5653. if (entry.author && entry.author.constructor === Array) {
  5654. var auth = entry.author[0];
  5655. if (auth) {
  5656. comment.author = {
  5657. name: (auth.name ? auth.name.$t : undefined),
  5658. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  5659. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  5660. };
  5661. }
  5662. }
  5663. if (entry.link) {
  5664. if (entry.link[2]) {
  5665. comment.link = comment.permalink = entry.link[2].href;
  5666. }
  5667. if (entry.link[3]) {
  5668. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  5669. if (pid && pid[1]) {
  5670. comment.parentId = pid[1];
  5671. }
  5672. }
  5673. }
  5674. comment.deleteclass = 'item-control blog-admin';
  5675. if (entry.gd$extendedProperty) {
  5676. for (var k in entry.gd$extendedProperty) {
  5677. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  5678. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  5679. } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  5680. comment.displayTime = entry.gd$extendedProperty[k].value;
  5681. }
  5682. }
  5683. }
  5684. comments.push(comment);
  5685. }
  5686. }
  5687. return comments;
  5688. };
  5689.  
  5690. var paginator = function(callback) {
  5691. if (hasMore()) {
  5692. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  5693. if (cursor) {
  5694. url += '&published-min=' + new Date(cursor).toISOString();
  5695. }
  5696. window.bloggercomments = function(data) {
  5697. var parsed = parse(data);
  5698. cursor = parsed.length < 50 ? null
  5699. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  5700. callback(parsed);
  5701. window.bloggercomments = null;
  5702. }
  5703. url += '&callback=bloggercomments';
  5704. var script = document.createElement('script');
  5705. script.type = 'text/javascript';
  5706. script.src = url;
  5707. document.getElementsByTagName('head')[0].appendChild(script);
  5708. }
  5709. };
  5710. var hasMore = function() {
  5711. return !!cursor;
  5712. };
  5713. var getMeta = function(key, comment) {
  5714. if ('iswriter' == key) {
  5715. var matches = !!comment.author
  5716. && comment.author.name == config.authorName
  5717. && comment.author.profileUrl == config.authorUrl;
  5718. return matches ? 'true' : '';
  5719. } else if ('deletelink' == key) {
  5720. return config.baseUri + '/delete-comment.g?blogID='
  5721. + config.blogId + '&postID=' + comment.id;
  5722. } else if ('deleteclass' == key) {
  5723. return comment.deleteclass;
  5724. }
  5725. return '';
  5726. };
  5727.  
  5728. var replybox = null;
  5729. var replyUrlParts = null;
  5730. var replyParent = undefined;
  5731.  
  5732. var onReply = function(commentId, domId) {
  5733. if (replybox == null) {
  5734. // lazily cache replybox, and adjust to suit this style:
  5735. replybox = document.getElementById('comment-editor');
  5736. if (replybox != null) {
  5737. replybox.height = '250px';
  5738. replybox.style.display = 'block';
  5739. replyUrlParts = replybox.src.split('#');
  5740. }
  5741. }
  5742. if (replybox && (commentId !== replyParent)) {
  5743. replybox.src = '';
  5744. document.getElementById(domId).insertBefore(replybox, null);
  5745. replybox.src = replyUrlParts[0]
  5746. + (commentId ? '&parentID=' + commentId : '')
  5747. + '#' + replyUrlParts[1];
  5748. replyParent = commentId;
  5749. }
  5750. };
  5751.  
  5752. var hash = (window.location.hash || '#').substring(1);
  5753. var startThread, targetComment;
  5754. if (/^comment-form_/.test(hash)) {
  5755. startThread = hash.substring('comment-form_'.length);
  5756. } else if (/^c[0-9]+$/.test(hash)) {
  5757. targetComment = hash.substring(1);
  5758. }
  5759.  
  5760. // Configure commenting API:
  5761. var configJso = {
  5762. 'maxDepth': config.maxThreadDepth
  5763. };
  5764. var provider = {
  5765. 'id': config.postId,
  5766. 'data': items,
  5767. 'loadNext': paginator,
  5768. 'hasMore': hasMore,
  5769. 'getMeta': getMeta,
  5770. 'onReply': onReply,
  5771. 'rendered': true,
  5772. 'initComment': targetComment,
  5773. 'initReplyThread': startThread,
  5774. 'config': configJso,
  5775. 'messages': msgs
  5776. };
  5777.  
  5778. var render = function() {
  5779. if (window.goog && window.goog.comments) {
  5780. var holder = document.getElementById('comment-holder');
  5781. window.goog.comments.render(holder, provider);
  5782. }
  5783. };
  5784.  
  5785. // render now, or queue to render when library loads:
  5786. if (window.goog && window.goog.comments) {
  5787. render();
  5788. } else {
  5789. window.goog = window.goog || {};
  5790. window.goog.comments = window.goog.comments || {};
  5791. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  5792. window.goog.comments.loadQueue.push(render);
  5793. }
  5794. })();
  5795. // ]]>
  5796. </script>
  5797. </b:includable>
  5798. <b:includable id='threaded_comments' var='post'>
  5799. <div class='comments' id='comments'>
  5800. <a name='comments'/>
  5801. <h4><data:post.commentLabelFull/>:</h4>
  5802.  
  5803. <div class='comments-content'>
  5804. <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
  5805. <div id='comment-holder'>
  5806. <data:post.commentHtml/>
  5807. </div>
  5808. </div>
  5809.  
  5810. <p class='comment-footer'>
  5811. <b:if cond='data:post.allowNewComments'>
  5812. <b:include data='post' name='threaded-comment-form'/>
  5813. <b:else/>
  5814. <data:post.noNewCommentsText/>
  5815. </b:if>
  5816. </p>
  5817.  
  5818. <b:if cond='data:showCmtPopup'>
  5819. <div id='comment-popup'>
  5820. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  5821. </iframe>
  5822. </div>
  5823. </b:if>
  5824.  
  5825. <div id='backlinks-container'>
  5826. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  5827. <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
  5828. </div>
  5829. </div>
  5830. </div>
  5831. </b:includable>
  5832. </b:widget>
  5833. </b:section>
  5834. </div>
  5835. </div>
  5836. </div>
  5837. </div>
  5838.  
  5839. <div id='footer-wrapper'>
  5840. <b:section class='footer' id='footer' showaddelement='no'/>
  5841. </div>
  5842. <footer class='art-footer'>
  5843. <div class='art-footer-inner'>
  5844. <div class='art-footer-default' style='display:none;'>
  5845. <p><br/></p>
  5846. <p style='text-align: left;'><span style='color: #00A3CC;'/></p>
  5847.  
  5848. </div><b:section class='art-footer-nav' id='footersection' maxwidgets='2' showaddelement='no'>
  5849. <b:widget id='LinkList98' locked='false' title='Footer Links' type='LinkList' version='1'>
  5850. <b:includable id='main'>
  5851. <b:loop values='data:links' var='link'><a expr:href='data:link.target'><data:link.name/></a> | </b:loop>|
  5852. </b:includable>
  5853. </b:widget>
  5854. <b:widget id='Text99' locked='false' title='Copyright Text' type='Text' version='1'>
  5855. <b:widget-settings>
  5856. <b:widget-setting name='content'/>
  5857. </b:widget-settings>
  5858. <b:includable id='main'>
  5859. <div class='widget-content'>
  5860. <data:content/>
  5861. </div>
  5862. </b:includable>
  5863. </b:widget>
  5864. </b:section>
  5865.  
  5866. <script>
  5867. artFixFooterMenu();
  5868.  
  5869. </script>
  5870.  
  5871.  
  5872. </div>
  5873. </footer>
  5874.  
  5875. </div>
  5876.  
  5877.  
  5878.  
  5879. </body>
  5880. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!