Guest User

Bare Bones Blogger Template

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