API tools faq
paste
Advertisement
Guest User

Bare Bones Blogger Template

a guest
Feb 20th, 2018
454
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 158.33 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html dir='LTR'>
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!