Advertisement
Guest User

Untitled

a guest
Dec 17th, 2017
325
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" id="{block:indexpage}ind{/block:indexpage}{block:permalinkpage}per{/block:permalinkpage}" class="not-mobile {block:ifhidepostrebloginfo}no-index-reblog{/block:ifhidepostrebloginfo} {block:ifusecubigeffect}post-cubig-effect{/block:ifusecubigeffect} {block:ifnotusecaption} hide-post-nav hide-caption{/block:ifnotusecaption} {block:ifnotgallerymode}onecolumn900px{/block:ifnotgallerymode} {block:ifgallerymode}{select:Gallery Mode Columns}{block:ifusebiggerposts}fourpx{/block:ifusebiggerposts}{block:ifnotusebiggerposts}threepx{/block:ifnotusebiggerposts}{/block:ifgallerymode} {block:ifnotusehighresimages}not-high-res{/block:ifnotusehighresimages} {block:ifhidelinkborder}hide-link-border{/block:ifhidelinkborder} {block:SearchPage}this-is-tag{block:SearchPage} {block:NoSearchResults}no-results{/block:NoSearchResults} {block:ifhidecaptiononly}hide-caption{/block:ifhidecaptiononly} wicked responsive-footer no-post-border {block:ifusepagination}paginate-it{/block:ifusepagination} {block:ifnotusepagination}infinite{/block:ifnotusepagination} {block:ifhidetags}hide-tags{/block:ifhidetags}" data-layout="{block:ifnotgallerymode}onecolumn900px{/block:ifnotgallerymode} {block:ifgallerymode}{select:Gallery Mode Columns}{block:ifusebiggerposts}fourpx{/block:ifusebiggerposts}{block:ifnotusebiggerposts}threepx{/block:ifnotusebiggerposts}{/block:ifgallerymode}" data-post-padding="{select:Post Spacing}" data-post-height="auto" background-color="{color:body background color}" mobilewidth="420">
  3. <head>
  4. <script>
  5. var root = document.getElementsByTagName( 'html' )[0]; // '0' to assign the first (and only `HTML` tag)
  6.  
  7. root.className += ' animation ';
  8. </script>
  9. <!--
  10. ==========================================================
  11. THEME NAME : Wicked
  12. CURRENT VERSION : 3.0.0
  13. PUBLISHED DATE : 2016-04-05
  14. UPDATED DATE : 2017-7-04
  15. AUTHOR : Themecloset
  16. THEME URL : http://themecloset.me/themes/Themecloset/Wicked
  17.  
  18. This content contains material protected under International and Federal Copyright Laws and Treaties. Any unauthorized reprint or use of this material is prohibited. No part of this content may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording, or by any information storage and retrieval system without express written permission from the author / publisher.
  19.  
  20.  
  21. ==========================================================
  22.  
  23. DO NOT ALTER STRUCTURE.CSS
  24.  
  25. ==========================================================
  26.  
  27. @2013-2014 THEMECLOSET / ALL RIGHTS RESERVED
  28. CHECK README FILE TO LEARN MORE
  29. FEEDBACK IS WELCOME / @ DYDWN600@NAVER.COM
  30.  
  31. jQuery Colorbox v1.4.14 - 2013-04-16
  32. (c) 2013 Jack Moore - jacklmoore.com/colorbox
  33. license: http://www.opensource.org/licenses/mit-license.php
  34.  
  35. Infinite Scroll
  36. + https://github.com/paulirish/infinite-scroll
  37. + version 2.0b2.120519
  38. + Copyright 2011/12 Paul Irish & Luke Shumard
  39. + Licensed under the MIT license
  40. + Documentation: http://infinite-scroll.com/
  41.  
  42. jQuery Masonry v2.0.110825 & Imagesloaded.js
  43. * A dynamic layout plugin for jQuery
  44. * The flip-side of CSS Floats
  45. * http://masonry.desandro.com
  46. * Licensed under the MIT license.
  47. * Copyright 2011 David DeSandro
  48.  
  49. qFont Credit : http://fontastic.me / Google fonts
  50. * Font Awesome / MIT License
  51. + Entypo / Creative License 3.0
  52. + Steadsets / Free for personal and commercial projects
  53. + Linetons / Free
  54. * 80shades / Free
  55. * Justverctor Free Icons / Free
  56. + Open sans & Lato by goolge fonts / Free license
  57.  
  58. Browser Selectr.js
  59. * License :http://creativecommons.org/licenses/by/2.5/
  60. * Original Author: Rafael Lima: http://rafael.adm.br
  61. * Based on idea by 37signals
  62. * http://37signals.com/svn/archives2/browser_selectors_in_css.php
  63.  
  64. Html shiv.js
  65. * Dual licensed under the MIT or GPL Version 2 licenses
  66. * https://code.google.com/p/html5shiv/
  67.  
  68. jQuery Unveil
  69. + A very lightweight jQuery plugin to lazy load images
  70. + http://luis-almeida.github.com/unveil
  71. + Licensed under the MIT license.
  72. + Copyright 2013 Luís Almeida
  73. + https://github.com/luis-almeida
  74.  
  75. Css reset
  76. * http://meyerweb.com/eric/tools/css/reset/
  77. * v2.0 | 20110126
  78. * License: none (public domain)
  79.  
  80. /*! Superslides - v0.6.2 - 2013-07-10
  81. * https://github.com/nicinabox/superslides
  82. * Copyright (c) 2013 Nic Aitch; Licensed MIT */
  83.  
  84. /*! VelocityJS.org (1.3.2). (C) 2014 Julian Shapiro. MIT @license: en.wikipedia.org/wiki/MIT_License */
  85. /*! VelocityJS.org jQuery Shim (1.0.1). (C) 2014 The jQuery Foundation. MIT @license: en.wikipedia.org/wiki/MIT_License. */
  86. ==========================================================
  87. -->
  88. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  89. <title>
  90. {Title}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}
  91. </title>
  92.  
  93. <link rel="shortcut icon" href="{Favicon}" />
  94. <link rel="icon" href="/img/favicon/72.png" type="image/x-icon">
  95. <link rel="apple-touch-icon" sizes="60x60" href="{favicon}">
  96. <meta name="theme-color" content="{AccentColor}">
  97.  
  98. <meta name="Keywords" content="{text:Blog Keywords}" />
  99. <link rel="alternate" type="application/rss+xml" href="{RSS}
  100. ">
  101. {block:indexpage}
  102. <meta property="og:title" content="{title}">
  103. <meta property="og:site_name" content="{title}"> {block:Description}
  104. <meta name="description" content="{MetaDescription}" />
  105. {/block:Description}
  106. {/block:indexpage}
  107. {block:PostSummary}
  108. <meta property="og:title" content="{title} - {PostSummary}">
  109. <meta property="og:site_name" content="{title}">
  110. <meta name="description" content="{PostSummary}" />
  111. {/block:PostSummary}
  112. {block:permalinkpage}
  113. {block:posts}
  114. {block:photo}
  115. <meta property="og:image" content="{PhotoURL-Highres}">
  116. {/block:photo}
  117. {/block:posts}
  118. {block:permalinkpage}
  119. {block:indexpage}
  120. <meta property="og:image" content="{PortraitURL-128}">
  121. {/block:indexpage}
  122. <meta name="viewport" id="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1,width=420">
  123. <style title="show-mobile-lightbox">
  124.  
  125. .this-mobile.mobile-version .hidden-body .show-mobile-lightbox,
  126. .this-mobile.mobile-version .photoset-frame-content iframe,
  127. .this-mobile.mobile-version body.hidden-body,
  128. .this-mobile.mobile-version .post-container,
  129. .this-mobile.mobile-version .post-container ul{width:420px !important}
  130.  
  131. </style>
  132.  
  133. <meta name="image:Background Image" content="" />
  134. <meta name="image:Logo" content="" />
  135.  
  136.  
  137. <meta name="if:Use Caption" content="" />
  138. <meta name="if:Hide Caption Only" content="" />
  139. <meta name="if:Use Highres images" content="" />
  140. <meta name="if:Use Cubig Effect" content="" />
  141.  
  142.  
  143.  
  144. <meta name="if:Use Pagination" content="" />
  145. <meta name="if:Use Bigger Posts" content="" />
  146. <meta name="if:Hide Tags" content="" />
  147. <meta name="if:Gallery Mode" content="1" />
  148.  
  149.  
  150.  
  151. <meta name="color:Body Background Color" content="#ffffff" />
  152. <meta name="color:Link Color" content="#578fd5" />
  153.  
  154.  
  155. <meta name="color:Post Content Color" content="#535353" />
  156. <meta name="color:Post Title Color" content="#222222" />
  157.  
  158. <meta name="color:Footer Border Color" content="#efefef" />
  159. <meta name="color:Footer Text Color" content="#222222" />
  160. <meta name="color:Pagination Color" content="#222222" />
  161.  
  162.  
  163. <meta name="color:Title Color" content="#222222" />
  164. <meta name="color:Menus Color" content="#aeaeae" />
  165. <meta name="color:Description Color" content="#aeaeae" />
  166.  
  167.  
  168.  
  169. <meta name="font:Body Font" content="Arial" />
  170. <meta name="font:Post Title Font" content="Arial" />
  171.  
  172.  
  173.  
  174. <meta name="select:Gallery Mode Columns" content="three-" title="Three Columns">
  175. <meta name="select:Gallery Mode Columns" content="two-" title="Two Columns">
  176. <meta name="select:Gallery Mode Columns" content="four-" title="Four Columns">
  177. <meta name="select:Gallery Mode Columns" content="five-" title="Five Columns">
  178. <meta name="select:Gallery Mode Columns" content="" title="Responsive Columns">
  179.  
  180.  
  181. <meta name="select:Post Spacing" content="25" title="25px">
  182. <meta name="select:Post Spacing" content="0" title="0px">
  183. <meta name="select:Post Spacing" content="5" title="5px">
  184. <meta name="select:Post Spacing" content="10" title="10px">
  185. <meta name="select:Post Spacing" content="15" title="15px">
  186. <meta name="select:Post Spacing" content="25" title="25px">
  187. <meta name="select:Post Spacing" content="35" title="35px">
  188. <meta name="select:Post Spacing" content="45" title="45px">
  189.  
  190.  
  191.  
  192. <meta name="select:Header Padding" content="20px" title="20px">
  193. <meta name="select:Header Padding" content="30px" title="30px">
  194. <meta name="select:Header Padding" content="40px" title="40px">
  195. <meta name="select:Header Padding" content="50px" title="50px">
  196. <meta name="select:Header Padding" content="60px" title="60px">
  197. <meta name="select:Header Padding" content="80px" title="80px">
  198. <meta name="select:Header Padding" content="100px" title="100px">
  199. <meta name="select:Header Padding" content="110px" title="110px">
  200. <meta name="select:Header Padding" content="140px" title="140px">
  201. <meta name="select:Header Padding" content="160px" title="160px">
  202. <meta name="select:Header Padding" content="180px" title="180px">
  203. <meta name="select:Header Padding" content="200px" title="200px">
  204. <meta name="select:Header Padding" content="220px" title="220px">
  205.  
  206. <meta name="select:Title Size" content="55pt" title="55pt">
  207. <meta name="select:Title Size" content="10pt" title="10pt">
  208. <meta name="select:Title Size" content="15pt" title="15pt">
  209. <meta name="select:Title Size" content="20pt" title="20pt">
  210. <meta name="select:Title Size" content="25pt" title="25pt">
  211. <meta name="select:Title Size" content="30pt" title="30pt">
  212. <meta name="select:Title Size" content="35pt" title="35pt">
  213. <meta name="select:Title Size" content="45pt" title="45pt">
  214. <meta name="select:Title Size" content="65pt" title="65pt">
  215. <meta name="select:Title Size" content="75pt" title="75pt">
  216.  
  217. <meta name="select:Title Size" content="85pt" title="85pt">
  218. <meta name="select:Title Size" content="95pt" title="95pt">
  219. <meta name="select:Title Size" content="105pt" title="105pt">
  220. <meta name="select:Title Size" content="115pt" title="115pt">
  221.  
  222.  
  223.  
  224. <meta name="text:Blog Keywords" content="">
  225. <meta name="text:Google analytics Web Property ID" content="">
  226. <meta name='text:Custom Javascript 1' content=''>
  227. <meta name='text:Custom Javascript 2' content=''>
  228. <meta name='text:Disqus Shortname' content=''>
  229.  
  230. <meta name="text:Custom link 1 URL" content="" />
  231. <meta name="text:Custom link 1 title" content="" />
  232. <meta name="text:Custom link 2 URL" content="" />
  233. <meta name="text:Custom link 2 title" content="" />
  234. <meta name="text:Custom link 3 URL" content="" />
  235. <meta name="text:Custom link 3 title" content="" />
  236. <meta name="text:Custom link 4 URL" content="" />
  237. <meta name="text:Custom link 4 title" content="" />
  238. <meta name="text:Custom link 5 URL" content="" />
  239. <meta name="text:Custom link 5 title" content="" />
  240. <meta name="text:Custom link 6 URL" content="" />
  241. <meta name="text:Custom link 6 title" content="" />
  242. <meta name="text:Custom link 7 URL" content="" />
  243. <meta name="text:Custom link 7 title" content="" />
  244. <meta name="text:Custom link 8 URL" content="" />
  245. <meta name="text:Custom link 8 title" content="" />
  246.  
  247.  
  248.  
  249.  
  250. <script src="http://static.tumblr.com/eeiisdz/usMosb8mg/new-plugins.js"></script>
  251.  
  252. <script src="http://static.tumblr.com/dlyn8ge/oaiosfd2y/mobile-detect.js">
  253. </script>
  254. <link href="http://static.tumblr.com/eeiisdz/oYMosb3f4/bulma.css" rel="stylesheet" type="text/css">
  255. <link href="https://static.tumblr.com/dlyn8ge/gOloslzmt/body.css" rel="stylesheet" type="text/css">
  256. <link href="http://static.tumblr.com/rbkljgb/Geiosls0b/header.css" rel="stylesheet" type="text/css">
  257. <script src="http://static.tumblr.com/rbkljgb/oDboslrxa/credit.js">
  258. </script>
  259. <script src="http://static.tumblr.com/rbkljgb/Oobote86q/b_w.js">
  260.  
  261. </script>
  262. {text:custom javascript 1}
  263. {text:custom javascript 2}
  264. {block:IfGoogleAnalyticsWebPropertyID}
  265. <script>
  266. (function(i, s, o, g, r, a, m) {
  267. i['GoogleAnalyticsObject'] = r;
  268. i[r] = i[r] || function() {
  269. (i[r].q = i[r].q || []).push(arguments)
  270. }, i[r].l = 1 * new Date();
  271. a = s.createElement(o),
  272. m = s.getElementsByTagName(o)[0];
  273. a.async = 1;
  274. a.src = g;
  275. m.parentNode.insertBefore(a, m)
  276. })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
  277. ga('create', '{text:Google Analytics ID}', auto);
  278. ga('send', 'pageview');
  279. </script>
  280. {/block:IfGoogleAnalyticsWebPropertyID}
  281.  
  282. </script>
  283. <script type="text/javascript">
  284. WebFontConfig = {
  285. google: { families: ['Cormorant+Garamond:400,700:latin','Lato:100,300,400,700:latin' ] }
  286. };
  287. (function() {
  288. var wf = document.createElement('script');
  289. wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  290. wf.type = 'text/javascript';
  291. wf.async = 'true';
  292. var s = document.getElementsByTagName('script')[0];
  293. s.parentNode.insertBefore(wf, s);
  294. })(); </script>
  295.  
  296. <!--[if IE 7]>
  297.  
  298. <script>
  299. var url="http://browsehappy.com";$(location).attr('href',url);
  300. </script>
  301. <![endif]-->
  302. <!--[if IE 8]>
  303. <script>
  304. var url="http://browsehappy.com";$(location).attr('href',url);
  305. </script>
  306. <![endif]-->
  307.  
  308.  
  309.  
  310. <style>
  311.  
  312. body{background-image:url('{image:background image}');background-size:cover;background-position:center;}
  313. html,body{background-color:{color:Body Background Color};min-height:100%;}
  314.  
  315. /** layout options **/
  316. #ind.not-mobile:not(.two-columns):not(.three-columns):not(.four-columns):not(.five-columns):not(.this-is-tag) .post-container{margin:{select:Post Spacing}px;}
  317. #ind.this-is-tag .post-container{margin-top:20px;margin-bottom:20px;}
  318.  
  319.  
  320. #ind.not-mobile.two-columns .post-container,
  321. #ind.not-mobile.three-columns .post-container,
  322. #ind.not-mobile.four-columns .post-container,
  323. #ind.not-mobile.five-columns .post-container{padding:{select:Post Spacing}px;}
  324.  
  325. #ind.two-columns .post-container .share_tooltip,
  326. #ind.three-columns .post-container .share_tooltip,
  327. #ind.four-columns .post-container .share_tooltip,
  328. #ind.five-columns .post-container .share_tooltip{bottom:calc(55px + {select:Post Spacing}px);}
  329.  
  330.  
  331.  
  332. #ind.not-mobile.two-columns.hide-post-nav .post-container .post_nav,
  333. #ind.not-mobile.three-columns.hide-post-nav .post-container .post_nav,
  334. #ind.not-mobile.four-columns.hide-post-nav .post-container .post_nav,
  335. #ind.not-mobile.five-columns.hide-post-nav .post-container .post_nav{bottom:{select:Post Spacing}px}
  336.  
  337. {customCSS}
  338.  
  339. /* Custom code for Jordan */
  340. .header {10px 0 !important;}
  341. ol#post_ul {border: none !important; box-shadow: none !important;}
  342.  
  343. /* End of custom code for Jordan */
  344.  
  345. .post-container.text-based .post, .post-container:not(.text-based) .post .caption,.perma-post-notes{font-family:{font:Body Font}}
  346. a{color:{color:Link Color};}
  347.  
  348.  
  349. #ind.not-mobile.two-fourpx .max-width-fix{width:calc(800px + {select:Post Spacing}px * 4);}
  350. #ind.not-mobile.three-fourpx .max-width-fix{width:calc(1200px + {select:Post Spacing}px * 6);}
  351. #ind.not-mobile.four-fourpx .max-width-fix{width:calc(1600px + {select:Post Spacing}px * 8);}
  352. #ind.not-mobile.five-fourpx .max-width-fix{width:calc(2000px + {select:Post Spacing}px * 10);}
  353.  
  354. #ind.not-mobile.two-threepx .max-width-fix{width:calc(600px + {select:Post Spacing}px * 4);}
  355. #ind.not-mobile.three-threepx .max-width-fix{width:calc(900px + {select:Post Spacing}px * 6);}
  356. #ind.not-mobile.four-threepx .max-width-fix{width:calc(1200px + {select:Post Spacing}px * 8);}
  357. #ind.not-mobile.five-threepx .max-width-fix{width:calc(1500px + {select:Post Spacing}px * 10);}
  358. #ind.not-mobile.six-threepx .max-width-fix{width:calc(1800px + {select:Post Spacing}px * 12);}
  359.  
  360. /** layout optiosn **/
  361.  
  362.  
  363. /** sets post height **/
  364. #ind.not-mobile:not(.this-is-tag) .photo-content{height:normal;display:block;overflow:hidden;}
  365. /** sets post height **/
  366.  
  367.  
  368. /** sets post background color **/
  369. #posts .post, #posts .caption,.reblogged.index,.permalink-content li,.post_nav,.tags,.video-player,.player{background-color:#fff}
  370. .lightbox-plugin .post_nav,.lightbox-plugin .reblogged{background-color:#fff}
  371. /** sets post background color **/
  372.  
  373.  
  374.  
  375. /** page navi color **/
  376.  
  377. .pagination a:not(.is-current){color:{color:Pagination Color}}
  378. .pagination .is-current{background-color:{color:Pagination Color};border:1px solid {color:Pagination Color};
  379. }
  380. .pagination li a{border-bottom:0px;}
  381. .pagination .is-current a{color:#fff;border-bottom:0px;}
  382. .load-more-container{font-family:baskervile;}
  383. /** page navi color **/
  384.  
  385.  
  386. /** footer **/
  387.  
  388. #footer{border-top:1px solid {color:Footer Border Color};background-color:transparent !Important;}
  389. #footer .center a{color:{color:Footer Icon Color}}
  390. #footer .center a:hover{color:{color:Footer Icon Hover Color}}
  391. #footer a, #footer,#credit,#credit{color:{color:Footer Text Color}}
  392. /** footer **/
  393.  
  394.  
  395. /** text **/
  396. .post.link .link,.post.text h3 a,.post.quote .source, .post.chat h3 a{color:{color:Post Title Color};font-family:{font:Post Title Font};}
  397.  
  398. .post-container.text-based .post, .post-container:not(.text-based) .post .caption{padding:30px 35px;color:{color:post content color};}
  399. /** Posts **/
  400. a,.tags li a{border-bottom:1px solid {color:Link Border Color}}
  401. .tags li a{color:{color:Link Color}}
  402.  
  403. /** wicked options **/
  404. #ind.wicked ul.tags a:hover{color:{color:link color}}
  405. .header h1 a{font-size:{select:Title Size}}
  406. .header{margin-top:calc({select:Header Padding} + 40px);margin-bottom:calc({select:Header Padding} - {select:Post spacing}px / 2 + 10px);}
  407. .this-mobile.mobile-version .header{margin-top:50px;margin-bottom:80px;}
  408. .this-mobile.tablet-version .header{margin-top:90px;margin-bottom:80px;}
  409. .hide-tags#ind ul.tags{display:none}
  410. .header nav#links a{color:{color:Menus Color}}
  411. .header h1 a{color:{color:Title Color};font-family:{TitleFont};font-weight:{TitleFontWeight};}
  412. .header p#description{color:{color:Description Color}}
  413. /** wicked options **/
  414.  
  415. #per .caption{display:block;padding-bottom:35px;}
  416. #per ul.tags{border-top:1px solid #efefef;}
  417. </style>
  418.  
  419. </head>
  420. <body>
  421.  
  422.  
  423.  
  424. <script src="http://static.tumblr.com/rbkljgb/9yEor8ywr/promo.js"></script>
  425.  
  426. <!-- customize -->
  427.  
  428.  
  429.  
  430. <header class="header">
  431. <h1>
  432. {block:ifnotlogoimage}
  433. <a href="/" id="logo">{title}</a>
  434. {/block:ifnotlogoimage}
  435. {block:iflogoimage}
  436. <a href="/"><img src="{image:logo}" alt="{title}"></a>
  437. {/block:iflogoimage}
  438.  
  439. </h1>
  440. <nav id="links">
  441. <ul>
  442.  
  443.  
  444. {block:ifCustomlink1title}
  445. <li>
  446. <h1>Spare Parts</h1>
  447. </li>
  448. {/block:ifCustomlink1title}{block:ifCustomlink2title}
  449. <li>
  450. <a href="{text:Custom link 2 URL}" {target}>
  451. {text:Custom link 2 title}
  452. </a>
  453. </li>
  454. {/block:ifCustomlink2title}{block:ifCustomlink3title}
  455. <li>
  456. <a href="{text:Custom link 3 URL}" {target}>
  457. {text:Custom link 3 title}
  458. </a>
  459. </li>
  460. {/block:ifCustomlink3title}{block:ifCustomlink4title}
  461. <li>
  462. <a href="{text:Custom link 4 URL}" {target}>
  463. {text:Custom link 4 title}
  464. </a>
  465. </li>
  466. {/block:ifCustomlink4title}
  467.  
  468. {block:ifCustomlink5title}
  469. <li>
  470. <a href="{text:Custom link 5 URL}" {target}>
  471. {text:Custom link 5 title}
  472. </a>
  473. </li>
  474. {/block:ifCustomlink5title}
  475.  
  476. {block:ifCustomlink6title}
  477. <li>
  478. <a href="{text:Custom link 6 URL}" {target}>
  479. {text:Custom link 6 title}
  480. </a>
  481. </li>
  482. {/block:ifCustomlink6title}
  483.  
  484. {block:ifCustomlink7title}
  485. <li>
  486. <a href="{text:Custom link 7 URL}" {target}>
  487. {text:Custom link 7 title}
  488. </a>
  489. </li>
  490. {/block:ifCustomlink7title}
  491.  
  492. {block:ifCustomlink8title}
  493. <li>
  494. <a href="{text:Custom link 8 URL}" {target}>
  495. {text:Custom link 8 title}
  496. </a>
  497. </li>
  498. {/block:ifCustomlink8title}
  499. {block:HasPages}
  500. {block:Pages}
  501. <li>
  502. <a href="{URL}" {target}>
  503. {Label}
  504. </a>
  505. </li>
  506. {/block:Pages} {/block:HasPages}
  507.  
  508. {block:SubmissionsEnabled}
  509. <li>
  510. <a href="/submit" {target}>{SubmitLabel}</a>
  511. </li>
  512. {/block:SubmissionsEnabled}
  513.  
  514. </ul>
  515. </nav>
  516. <p id="description">{description}</p>
  517. </header>
  518.  
  519. <!-- customize -->
  520.  
  521. <main class="max-width-fix">
  522.  
  523.  
  524.  
  525. <div id="posts">
  526. {block:Posts}
  527.  
  528.  
  529.  
  530. <div class="post-container not-animated {block:chat}chat text-based{/block:chat} {block:quote}quote text-based{/block:quote} {block:text}text text-based not-reblog{block:RebloggedFrom}Reblogged{/block:RebloggedFrom}{/block:text} {block:photoset}photoset{/block:photoset} {block:audio}audio{/block:audio} {block:photo}photo {block:tags}has-tag{/block:tags}{/block:photo} {block:video}video{/block:video} {block:link}link text-based{/block:link} {block:Answer}answer text-based{/block:Answer}" id="{postID}">
  531.  
  532.  
  533.  
  534. <ol id="post_ul">
  535.  
  536.  
  537. {block:permalinkpage}
  538. <!-- audio play button -->
  539. {block:Audio}
  540.  
  541. <div class="player">
  542. {block:AlbumArt}
  543. <div class="responsive-album-art"><img src="{AlbumArtURL}"></div>
  544. {/block:AlbumArt}
  545. <div class="frame">{AudioPlayer}</div>
  546. </div>
  547. {block:Audio}
  548. <!-- audio play button -->
  549.  
  550.  
  551. {/block:permalinkpage}
  552.  
  553. {block:answer}
  554. <li class="post answer">
  555.  
  556. <div class="">
  557. <span id="question">{question}</span>
  558. <span id="answer">{answer}</span>
  559. </div>
  560. </li>
  561.  
  562. <div class="answer-info">
  563. <span id="asker-portrait"><a href="{Asker}" rel="nofollow"><img src="{AskerPortraitURL-40}"></a></span>
  564. <span id="asker">{Asker} left a question.</span>
  565. </div>
  566. <!--goes answers and blah blah -->
  567. {/block:answer}
  568.  
  569. {block:Text}
  570. <li class="post text">
  571. {block:Title}
  572. <h3><a href="{Permalink}" {target}>{Title}</a></h3>
  573. {/block:Title}{Body}
  574. </li>
  575. {/block:Text}{block:Photo}
  576. <li class="post photo" data-image-element="{PhotoURL-100}" data-image-element-perma="{PhotoURL-250}" data-image-400px="{PhotoURL-400}" data-image-element-perma-ipad="{PhotoURL-500}" data-image-retina="{PhotoURL-Highres}">
  577. <a href="{permalink}" class="photo-content">
  578. {block:indexpage}<img src="{PhotoURL-400}" alt="{PhotoAlt}" id="changeWidth">{/block:indexpage}
  579. {block:permalinkpage}<img src="{PhotoURL-Highres}" alt="{PhotoAlt}">{/block:permalinkpage}
  580.  
  581. </a>
  582. {block:Caption}
  583. <div class="caption">{Caption}
  584.  
  585. </div>
  586. {/block:Caption}
  587. </li>
  588. {/block:Photo}{block:Panorama}
  589. <li class="post panorama">
  590. {LinkOpenTag}
  591. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  592. {LinkCloseTag}{block:Caption}
  593. <div class="caption">{Caption}</div>
  594. {/block:Caption}
  595. </li>
  596. {/block:Panorama}{block:Photoset}
  597. <li class="post photoset">
  598. <div class="photoset-frame-content">
  599. {Photoset}</div>
  600.  
  601. <a class="photoset-image" href="{permalink}" target="_blank">
  602. {block:photos}
  603. <img src="{PhotoURL-500}">
  604. {block:photos}
  605. </a>
  606.  
  607.  
  608. {block:Caption}
  609. <div class="caption">{Caption}</div>
  610. {/block:Caption}
  611. </li>
  612. {/block:Photoset}{block:Quote}
  613. <li class="post quote">
  614. <div class="quote-content">"{Quote}"</div>
  615.  
  616. {block:Source}
  617. <div class="source">– {Source}</div>
  618. {/block:Source}
  619. </li>
  620. {/block:Quote}{block:Link}
  621. <li class="post link">
  622. <a class="link-button button is-small">
  623. <span class="icon is-small">
  624. <span data-icon="&#xe01f;"></span>
  625. </span>
  626. <span>Link</span>
  627. </a><br>
  628. <span class="link" {Target}>{Name}</span>
  629.  
  630.  
  631. {block:Description}
  632. <div class="description">{Description}</div>
  633. {/block:Description}
  634. </li>
  635. {/block:Link}{block:Chat}
  636. <li class="post chat">
  637. {block:Title}
  638. <h3><a href="{Permalink}" {target}>{Title}</a></h3>
  639. {/block:Title}
  640.  
  641. <ul class="chat">
  642. {block:Lines}
  643. <li class="{Alt} user_{UserNumber}">
  644. {block:Label}
  645. <span class="label">{Label}</span>
  646. {/block:Label}{Line}
  647. </li>
  648. {/block:Lines}
  649. </ul>
  650. </li>
  651. {/block:Chat}{block:Video}
  652. <li class="post video">
  653.  
  654. <div class="video-content">
  655. {block:indexpage}{Video-500}{/block:indexpage}
  656. {block:permalinkpage}{Video-700}{/block:permalinkpage}</div>
  657.  
  658. {block:VideoThumbnail}
  659. <div class="video-image">
  660.  
  661. <img src="{VideoThumbnailURL}"></div>
  662. {/block:VideoThumbnail}
  663. {block:Caption}
  664. <div class="caption">{Caption}</div>
  665. {/block:Caption}
  666. </li>
  667. {/block:Video}{block:Audio}
  668. <li class="post audio">
  669. {block:AlbumArt}
  670. <div class="album-art">
  671. <img src="{AlbumArtURL}"></div>
  672. {/block:AlbumArt}
  673. {block:Caption}
  674. <div class="caption">{Caption}</div>
  675. {/block:Caption}
  676. </li>
  677. {/block:Audio}
  678.  
  679.  
  680. <!-- Check if have tags -->
  681. {block:HasTags}
  682. <ul class="tags">
  683. <li id="tag-title">Tags:</li>
  684. {block:Tags}
  685. <li>
  686. <a href="{TagURL}" {target}>#{Tag}</a>
  687. </li>
  688. {/block:Tags}
  689. </ul>
  690.  
  691. {/block:HasTags}
  692. <!-- Check if have tags -->
  693.  
  694.  
  695.  
  696.  
  697. {block:indexpage}
  698. <!-- audio play button -->
  699. {block:Audio}
  700.  
  701. <div class="player">
  702. {block:AlbumArt}
  703. <div class="responsive-album-art"><img src="{AlbumArtURL}"></div>
  704. {/block:AlbumArt}
  705. <div class="frame">{AudioPlayer}</div>
  706. </div>
  707. {block:Audio}
  708. <!-- audio play button -->
  709.  
  710.  
  711. <!-- video play button -->
  712. {block:video}
  713.  
  714. <div class="video-player">
  715. <div class="video-trigger">
  716. <span id="play_icon" data-icon=")">
  717. </span>
  718. <span> Play <span id="insta-not-loaded-element">Instagram</span> video</span>
  719. </div>
  720. </div>
  721. {block:video}
  722. <!-- video play button -->
  723. <!-- Bottom Share -->
  724. <div class="post_nav table no-href-border">
  725. <div class="tqable-cell" id="post-notes"><a id="number-chnage" href="{permalink}" class="not-changed" {target}>{NoteCountWithLabel}</a> </div>
  726. <div class="table-cell post-icons like">{likebutton color="grey" size="16"}</div>
  727. <div class="table-cell reblog post-icons"> <a href="{ReblogURL}" data-icon="D" target="_blank"></a></div>{block:photo}
  728.  
  729. <div class="table-cell post-icons light-tri">
  730. <a class="hover-search" data-lightbox-link="{permalink}" data-lightbox="{photoURL-Highres}" data-icon="c" data-reblog="{reblogURL}" data-facebook="https://www.facebook.com/sharer/sharer.php?description={PhotoAlt}&picture={PhotoURL-500}&u={permalink}" data-twitter="https://twitter.com/home?status={EmbedURL}" data-pinterest="https://pinterest.com/pin/create/button/?url=&media={PhotoURL-500}" {block:RebloggedFrom}data-reblog-avatar="{ReblogParentPortraitURL-64}" data-reblog-name="{ReblogRootName}" data-reblog-url="{ReblogParentURL}"{/block:RebloggedFrom} {target} rel="no-follow"></a>
  731. </div>
  732. <div class="table-cell post-icons"><a id="post-pinterest" href="https://pinterest.com/pin/create/button/?url=&media={PhotoURL-500}" target="blank" data-icon="l" {target} rel="no-follow"></a></div>{/block:photo}
  733. <div class="table-cell post-icons share">
  734. <a id="share" data-icon="&#xe006;"></a>
  735. <a id="close" data-icon="&#xe023;" rel="no-follow"></a>
  736. </div>
  737.  
  738.  
  739.  
  740. </div>
  741. <!-- Share tooltip -->
  742.  
  743. <!-- Share tooltip -->
  744.  
  745. <div class="share_tooltip">
  746.  
  747. <div class="post-share">
  748.  
  749.  
  750. <a id="post-twitter" data-icon="d" href="https://twitter.com/home?status={EmbedURL}" rel="no-follow" target="blank"></a>
  751. <a id="post-facebook" data-icon="i" href="https://www.facebook.com/sharer/sharer.php?{block:answer}description={EmbedURL}&u={permalink}&picture={PortraitURL-128}{/block:answer}{block:photo}description={PhotoAlt}&picture={PhotoURL-500}&u={permalink}{/block:photo}{block:link}description={EmbedURL}&u={permalink}&picture={PortraitURL-128}{/block:link}{block:audio}{block:Artist}description={Artist}-{TrackName}{/block:Artist}&picture={AlbumArtURL}&u={permalink}{/block:audio}{block:text}title={title}&description={EmbedURL}&u={permalink}&picture={PortraitURL-128}{/block:text}{block:quote}description={quote}&u={permalink}&picture={PortraitURL-128}{/block:quote}{block:chat}description={EmbedURL}&u={permalink}&picture={PortraitURL-128}{/block:chat}{block:video}{block:Thumbnail}picture={Thumbnail}&{/block:Thumbnail}description={EmbedURL}&u={permalink}&picture={PortraitURL-128}{/block:video}{block:photoset}description={PhotoAlt}{block:photos}&picture={PhotoURL-500}{/block:photos}&u={permalink}{/block:photoset}" target="blank" rel="no-follow"></a>
  752.  
  753. <a id="post-embed" data-icon="'" href="mailto:?body=Check%20this%20amazing%20post!:{EmbedUrl}" reblogurl="{ReblogURL}" rel="no-follow"></a>
  754. <a data-icon="&#xe01f;"></a>
  755. </div>
  756.  
  757. <div class="arrow"></div>
  758.  
  759. </div>
  760. <!-- Share tooltip -->
  761. {/block:indexpage}
  762.  
  763.  
  764. </ol>
  765.  
  766.  
  767. {block:permalinkpage}
  768.  
  769. <ul class="permalink-content">
  770. <li>
  771.  
  772. <!-- Reblog & notes & cntler -->
  773. <div class="perma-navi">
  774. {block:RebloggedFrom}
  775. <div class="inline-block reblogged">
  776. <div id="reblogged">
  777. <span><a href="{ReblogParentURL}" data-icon="&#xe024;" {target} rel="no-follow"></a></span>
  778. <span><img src="{ReblogParentPortraitURL-64}"></span>
  779. <span>
  780. {ReblogRootName}</span>
  781. </div>
  782. </div>{/block:RebloggedFrom}
  783. <div class="inline-block perma-controller">
  784. {block:photo}
  785. <span><a data-icon="l" {target} href="https://pinterest.com/pin/create/button/?url=&media={PhotoURL-500}" target="blank"></a><a href="https://pinterest.com/pin/create/button/?url={BlogURL}&media={PhotoURL-500}&description={PhotoAlt}" {target}></a></span>
  786. {/block:photo}
  787. <span><a data-icon="i" href="https://www.facebook.com/sharer/sharer.php?{block:answer}description={EmbedURL}&u={permalink}&picture={PortraitURL-128}{/block:answer}{block:photo}description={PhotoAlt}&picture={PhotoURL-500}&u={permalink}{/block:photo}{block:link}description={EmbedURL}&u={permalink}&picture={PortraitURL-128}{/block:link}{block:audio}{block:Artist}description={Artist}-{TrackName}{/block:Artist}&picture={AlbumArtURL}&u={permalink}{/block:audio}{block:text}title={title}&description={EmbedURL}&u={permalink}&picture={PortraitURL-128}{/block:text}{block:quote}description={quote}&u={permalink}&picture={PortraitURL-128}{/block:quote}{block:chat}description={EmbedURL}&u={permalink}&picture={PortraitURL-128}{/block:chat}{block:video}{block:Thumbnail}picture={Thumbnail}&{/block:Thumbnail}description={EmbedURL}&u={permalink}&picture={PortraitURL-128}{/block:video}{block:photoset}description={PhotoAlt}{block:photos}&picture={PhotoURL-500}{/block:photos}&u={permalink}{/block:photoset}" {target}></a></span>
  788. <span><a data-icon="d" href="https://twitter.com/home?status={EmbedURL}" {target}></a></span>
  789. <span id="stick"></span>
  790. <span>{likebutton color="grey" size="20"}</span>
  791. <span><a href="{reblogURL}" {target} data-icon="C"></a></span>
  792. <span id="stick"></span>
  793. <span id="perma-note">{NoteCountWithLabel}</span></div>
  794. </div>
  795. <!-- Reblog & notes & cntler -->
  796.  
  797. {block:PostNotes}
  798. <div class="perma-post-notes">
  799. {PostNotes-64}
  800. </div>
  801. {/block:PostNotes}
  802.  
  803. {block:ifdisqusshortname}
  804.  
  805. <div class="disqus-container">
  806. <div id="disqus_thread">
  807. </div>
  808. <script type="text/javascript">
  809. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  810. var disqus_shortname = '{text:Disqus Shortname}';
  811. // Required - Replace <example> with your forum shortname
  812.  
  813. /* * * DON'T EDIT BELOW THIS LINE * * */
  814. (function() {
  815. var dsq = document.createElement('script');
  816. dsq.type = 'text/javascript';
  817. dsq.async = true;
  818. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  819. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  820. $('#posts').masonry();
  821. $(window).trigger('resize')
  822. })();
  823. </script>
  824. </div>
  825.  
  826. </li>
  827. {/block:ifdisqusshortname}
  828.  
  829. </ul>
  830.  
  831. {/block:permalinkpage}
  832.  
  833. </div>
  834.  
  835.  
  836. {/block:Posts}
  837.  
  838.  
  839. </div></div>
  840. </main>
  841.  
  842.  
  843. <footer>
  844.  
  845.  
  846. <div class="load-more-paginiate-it-container">
  847. {block:Pagination}
  848. <nav class="pagination is-centered " id="pagination">
  849. <ul class="pagination-list">
  850.  
  851. {block:NextPage}<li>
  852. <a href="{NextPage}" class="pagination_nextlink">Next</a></li>{/block:NextPage}
  853. {block:JumpPagination length="5"}{block:CurrentPage}
  854. <li class="pagination-link is-current"><a href="{URL}">{PageNumber}</a></li>
  855. {/block:CurrentPage}{block:JumpPage}
  856. <li class="pagination-link"><a href="{URL}">{PageNumber}</a></li>
  857. {/block:JumpPage}{/block:JumpPagination}
  858.  
  859. {block:PreviousPage}
  860. <li>
  861. <a href="{PreviousPage}">Prev</a>
  862. </li>{/block:PreviousPage}
  863. </ul>
  864. </nav>
  865. {/block:Pagination}
  866. </div>
  867.  
  868.  
  869.  
  870.  
  871.  
  872.  
  873.  
  874. <div class="no-href-border table" id="footer">
  875. <div class="table-cell" id="copyright">
  876. <span id="copyright-content">© {CopyrightYears} {title}</span>
  877. <span id="credit"><a href="https://www.tumblr.com/theme/38984" target="_blank" title="Wicked Tubmlr theme by Themecloset">Wicked
  878. <div class="table-cell" id="search">
  879. <a data-icon="&#xe021;" class="search-trigger"></a>
  880. </div>
  881. </div>
  882. </footer>
  883. </body>
  884.  
  885.  
  886.  
  887.  
  888. <!-- full layer plugins -->
  889.  
  890.  
  891. <!-- Lightbox -->
  892. <div class="lightbox-plugin" data-number="0">
  893. <div class="lightbox-fullscreen">
  894. <div class="lightbox-image-share">
  895. <div class="inline-block reblogged index">
  896. <div id="reblogged" style="text-align:left">
  897. <span id="reblog-icon"><a href="" data-icon="&#xe024;" target="_blank"></a></span>
  898. <span id="reblog-avatar-lightbox"><img src="https://68.media.tumblr.com/avatar_297e86920dba_64.png"></span>
  899. <span><a id="reblogurl" href="" target="_blank">
  900. </a></span>
  901. <span id="controller">
  902. <a id="close" data-icon="&#xe023;"></a>
  903. </span>
  904. </div>
  905. </div>
  906. <a href="" class="lightbox-link">
  907. <img src=""></a>
  908.  
  909. <!-- Bottom Share -->
  910. <div class="post_nav table no-href-border">
  911.  
  912. <div class="table-cell" id="share-pinterest"><a href="https://pinterest.com/pin/create/button/?url=&media=imageurl" data-icon="l" target="_blank"></a></div>
  913. <div class="table-cell" id="share-facebook"><a href="https://www.facebook.com/sharer/sharer.php?picture=imageurl&u=permalink"data-icon="i" target="_blank"></a></div>
  914. <div class="table-cell" id="share-twitter"><a href="https://twitter.com/home?status=permalink" data-icon="d" target="_blank"></a></div>
  915.  
  916. <div class="table-cell" id="share-reblog"><a href="" data-icon="C" target="_blank"></a></div>
  917. <div class="table-cell" id="share-perma"><a href="" data-icon="c" target="_blank"></a></div>
  918.  
  919.  
  920.  
  921. </div>
  922.  
  923. </div>
  924. </div>
  925. </div>
  926.  
  927.  
  928. <!-- Lightbox -->
  929.  
  930.  
  931. <div class="search-container">
  932. <div class="search-close">X</div>
  933. <form action="/search" method="get">
  934. <input type="text" name="q" value="{SearchQuery}"/>
  935. <button type="submit" data-icon="c"></button>
  936. </form>
  937. </div>
  938.  
  939. <!-- ask enabled -->
  940. {block:AskEnabled}
  941. <div class="ask-container">
  942. <div class="ask-content"><iframe frameborder="0" scrolling="no" width="100%" height="190" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" id="ask_form"></iframe></div>
  943. </div>
  944. {/block:AskEnabled}
  945. <!-- ask enabled -->
  946.  
  947.  
  948.  
  949. <!-- Submission enabled -->
  950. {block:SubmissionsEnabled}
  951. <div class="submit-container">
  952. <div class="submit-content"><iframe frameborder="0" scrolling="no" width="100%" height="370" src="https://www.tumblr.com/submit_form/{name}.tumblr.com/regular" id="submit-form"></iframe></div>
  953. </div>
  954. {/block:SubmissionsEnabled}
  955. <!-- Submission enabled -->
  956.  
  957.  
  958.  
  959.  
  960. <!-- Page not found -->
  961.  
  962. <div class="not-found-container">
  963. <div class="close-this">X</div>
  964. <ul class="not-found-content">
  965.  
  966. <li><h2>404</h2></li>
  967. <li id="desc"><p>Your reuqested data doesn't seem to exist.</p></li>
  968. </ul>
  969.  
  970. </div>
  971.  
  972. <!-- Page not found -->
  973.  
  974.  
  975. <!-- video container -->
  976. <div class="video-container">
  977. <div class="video-content-box">
  978. <iframe src="" frameborder="0" allowfullscreen></iframe>
  979. </div></div>
  980. <!-- video container -->
  981.  
  982. <div class="scrolling"></div>
  983.  
  984.  
  985. <div class="promotion-bar">
  986. <div class="promotion-bar-text">
  987. Try Wicked Premium</div> <span class="promotion-bar-close">X</span>
  988. </div>
  989.  
  990. <!-- full layer plugins -->
  991. <script>
  992.  
  993.  
  994. /** global variable **/
  995. var selectsPosts = $('#posts');
  996. var selectsPostsContainer = $('.post-container');
  997. var selectsPostsWithContainer = $('#posts .post-container');
  998. var html = $('html');
  999. var photo = $('.photo');
  1000. var photoWidth = '0';
  1001. var mobileWidth = document.getElementsByTagName("html")[0].getAttribute("mobilewidth");
  1002. /** global variable **/
  1003.  
  1004. </script>
  1005.  
  1006. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement