API tools faq
paste
Advertisement
cvndythemes

dailyshanewest

cvndythemes
Apr 26th, 2020
83
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 54.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. <title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{favicon}">
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11. <meta name="viewport" content="width=device-width, initial-scale=1">
  12.  
  13.  
  14.  
  15. <!--
  16.  
  17. >> ETHEREAL THEMES // NEPTUNE THEME FOR @dailyshanewest
  18.  
  19. Designed by etherealthemes
  20. etherealthemes.tumblr.com
  21. ⓒ 2016 - 2020
  22.  
  23. >> TERMS OF USE
  24.  
  25. Do NOT remove the credit
  26. Do NOT claim as your own
  27.  
  28. *You can move the credit, but leave it visible
  29. *Edit as much as you'd like
  30. *Feel free to ask about basic customization
  31. *Theme suggestions always welcomed
  32.  
  33. >> CREDITS
  34.  
  35. Fonts by Google Fonts
  36. Icons by Jam Icons @ jam-icons.com
  37. and Iconify @ iconify.design/
  38. Tooltips by Tippy.js @ atomiks.github.io/tippyjs/
  39. Tumblr controls styling by cyantists @ cyantists.tumblr.com
  40. PXU Photosets by chloethemes @ bychloethemes.tumblr.com
  41.  
  42. -->
  43.  
  44.  
  45.  
  46.  
  47. <!-- COLORS -->
  48. <meta name="color:Background" content="#ffffff" />
  49. <meta name="color:Text" content="#000000" />
  50. <meta name="color:Links" content="#6d6d6d" />
  51. <meta name="color:Accent One" content="#275973" />
  52. <meta name="color:Accent Two" content="#cdaaae" />
  53. <meta name="color:Accent Three" content="#e4a762" />
  54.  
  55. <meta name="color:Topbar Background" content="#fcfcfc" />
  56. <meta name="color:Topbar Links" content="#000000" />
  57.  
  58. <meta name="color:Content" content="#ffffff" />
  59.  
  60.  
  61.  
  62. <!-- IMAGES -->
  63. <meta name="image:Logo" content="https://static.tumblr.com/zvesamf/V9Pq9dn03/logo.jpg"/>
  64.  
  65. <meta name="image:Header" content="https://static.tumblr.com/zvesamf/ndOq9dn03/header.jpg"/>
  66.  
  67. <meta name="image:Welcome" content="https://static.tumblr.com/zvesamf/Wxmq9dn1c/welcome.jpg"/>
  68.  
  69. <meta name="image:Featured One" content="https://static.tumblr.com/zvesamf/ldaq9dn07/tag_3.jpg"/>
  70.  
  71. <meta name="image:Featured Two" content="https://static.tumblr.com/zvesamf/Viiq9dn07/tag_2.jpg"/>
  72.  
  73. <meta name="image:Featured Three" content="https://static.tumblr.com/zvesamf/349q9dn06/tag_1.jpg"/>
  74.  
  75. <meta name="image:Sidebar" content="https://static.tumblr.com/zvesamf/KDMq9dn06/sidebar.jpg"/>
  76.  
  77. <meta name="image:Footer" content="https://static.tumblr.com/zvesamf/Cpxq9dn09/footer.jpg"/>
  78.  
  79. <!-- SELECT -->
  80. <meta name="select:Lightbox" content="0,0,0," title="Black">
  81. <meta name="select:Lightbox" content="255,255,255," title="White">
  82.  
  83. <meta name="select:Font Size" content="9.5pt" title="Default">
  84. <meta name="select:Font Size" content="9pt" title="Small">
  85. <meta name="select:Font Size" content="10pt" title="Medium">
  86. <meta name="select:Font Size" content="10.5pt" title="Large">
  87.  
  88.  
  89. <!-- IF -->
  90. <meta name="if:Invert Tumblr Controls" content="1"/>
  91. <meta name="if:Search Bar" content="1"/>
  92.  
  93. <meta name="if:Show Post Author" content="1"/>
  94. <meta name="if:Footer Image" content="1"/>
  95.  
  96.  
  97. <!-- TEXT -->
  98. <meta name="text:Blog Name" content="dailyshanewest"/>
  99. <meta name="text:Blog URL" content="daily-shanewest"/>
  100.  
  101. <meta name="text:Featured One" content="Title"/>
  102. <meta name="text:Featured One URL" content="https://"/>
  103. <meta name="text:Featured Two" content="Title"/>
  104. <meta name="text:Featured Two URL" content="https://"/>
  105. <meta name="text:Featured Three" content="Title"/>
  106. <meta name="text:Featured Three URL" content="https://"/>
  107. <meta name="text:Tags Page URL" content="https://"/>
  108.  
  109. <meta name="text:Link One" content="Link"/>
  110. <meta name="text:text:Link One URL" content="https://"/>
  111.  
  112.  
  113. <meta name="text:Link Two" content="Link"/>
  114. <meta name="text:text:Link Two URL" content="https://"/>
  115. <meta name="text:Link Three" content="Link"/>
  116. <meta name="text:text:Link Three URL" content="https://"/>
  117. <meta name="text:Link Four" content="Link"/>
  118. <meta name="text:text:Link Four URL" content="https://"/>
  119. <meta name="text:Link Five" content="Link"/>
  120. <meta name="text:text:Link Five URL" content="https://"/>
  121. <meta name="text:Link Six" content="Link"/>
  122. <meta name="text:text:Link Six URL" content="https://"/>
  123.  
  124. <meta name="text:Sidebar Quote" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum."/>
  125.  
  126. <meta name="text:IMDB URL" content="https://"/>
  127. <meta name="text:Instagram URL" content="https://"/>
  128. <meta name="text:Twitter Username" content="twitter"/>
  129. <meta name="text:Twitter URL" content="https://"/>
  130. <meta name="text:Facebook URL" content="https://"/>
  131. <meta name="text:Youtube URL" content="https://"/>
  132.  
  133.  
  134.  
  135. <!-- SCRIPTS -->
  136. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  137.  
  138. <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  139.  
  140. <script>
  141. $container.infinitescroll({
  142. itemSelector: '.posts',
  143. navSelector: '.pagination',
  144. nextSelector: '.pagination a',
  145. loadingImg: '',
  146. loadingText: '<em></em>',
  147. bufferPx: 2000
  148. },
  149. function( newElements ) {
  150. var $newElems = $(newElements);
  151. var $newElemsIDs = $newElems.map(function(){
  152. return this.id;
  153. }).get();
  154. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  155. });
  156. </script>
  157.  
  158. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  159.  
  160. <!-- TIPPY JS -->
  161. <script src="https://unpkg.com/popper.js@1"></script>
  162. <script src="https://unpkg.com/tippy.js@5"></script>
  163. <script>
  164. $(document).ready(function(){
  165. tippy('[title]', {
  166. arrow: false,
  167. placement: 'top',
  168. delay: 5,
  169. distance: 10,
  170. maxWidth: 300,
  171.  
  172. followCursor: true,
  173. allowHTML: true,
  174. theme: 'custom',
  175. ignoreAttributes: true,
  176. content(reference) {
  177. const title = reference.getAttribute('title');
  178. reference.removeAttribute('title');
  179. return title;
  180. },
  181. });
  182. });
  183. </script>
  184.  
  185. <link rel="stylesheet" href="https://unpkg.com/jam-icons/css/jam.min.css">
  186. <script src="https://code.iconify.design/1/1.0.3/iconify.min.js"></script>
  187.  
  188. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  189.  
  190.  
  191. <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i|Playfair+Display:400,400i,500&display=swap" rel="stylesheet">
  192.  
  193. <!-- STYLESHEET -->
  194. <style type="text/css">
  195.  
  196. /* --- SELECTION ---*/
  197.  
  198. ::-moz-selection {color:{color:Background};background:{color:Accent Two};}
  199.  
  200. ::selection {color:{color:Background};background:{color:Accent Two};}
  201.  
  202. /* --- Tooltips ---*/
  203.  
  204. .tippy-tooltip.custom-theme {
  205. $tooltipBg: {color:Accent Two};
  206. background-color: {color:Accent Two};
  207. color:{color:Content};
  208. font-size:calc({select:Font Size} - 2pt);
  209. text-transform:uppercase;
  210. border-radius:0%;
  211. margin-left:100px;
  212. }
  213.  
  214. .tippy-content {padding:3px 5px!important;}
  215.  
  216. /* --- SCROLLBAR --- */
  217.  
  218. ::-webkit-scrollbar {width:11px;border-width:2px 5px;border-style:solid; border-color:{color:Background};background:{color:Text};}
  219.  
  220. ::-webkit-scrollbar-thumb {border:4px solid {color:Background};background:{color:Accent Two}; }
  221.  
  222.  
  223. /* --- TUMBLR TOOLS --- */
  224.  
  225. {block:IndexPage}
  226. iframe.tmblr-iframe {
  227. top:16px!important;
  228. right:5px!important;
  229. opacity:0;
  230. padding:0px 50px 30px 0px;
  231. z-index:15!important;
  232. transform:scale(0.5);
  233. transform-origin:100% 0;
  234. -webkit-transform:scale(0.5);
  235. -webkit-transform-origin:100% 0;
  236. -o-transform:scale(0.5);
  237. -o-transform-origin:100% 0;
  238. -moz-transform:scale(0.5);
  239. -moz-transform-origin:100% 0;
  240. -ms-transform:scale(0.5);
  241. -ms-transform-origin:100% 0;
  242. transition:0.2s ease-in-out;
  243. -webkit-transition:0.2s ease-in-out;
  244. -moz-transition:0.2s ease-in-out;
  245. {block:IfInvertTumblrControls}
  246. filter:invert(1);
  247. -webkit-filter:invert(1);
  248. -o-filter:invert(1);
  249. -moz-filter:invert(1);
  250. -ms-filter:invert(1);
  251. {/block:IfInvertTumblrControls}
  252. }
  253.  
  254. iframe.tmblr-iframe:hover {opacity:0.5!important;}
  255.  
  256. .tcontrols {
  257. position:fixed;
  258. top:21px;
  259. right:15px;
  260. z-index:14;
  261. transition:0.2s ease-in-out;
  262. -webkit-transition:0.2s ease-in-out;
  263. -moz-transition:0.2s ease-in-out;
  264. }
  265.  
  266. .tcontrols {color:{color:Topbar Links};font-size:calc({select:Font Size} + 1pt);font-weight:400;}
  267.  
  268. {/block:IndexPage}
  269.  
  270. {block:PermalinkPage}
  271. iframe.tmblr-iframe {
  272. top:8px!important;
  273. right:-75px!important;
  274. opacity:0.5;
  275. z-index:15!important;
  276. transform:scale(0.49);
  277. {block:IfInvertTumblrControls}
  278. filter:invert(1);
  279. -webkit-filter:invert(1);
  280. -o-filter:invert(1);
  281. -moz-filter:invert(1);
  282. -ms-filter:invert(1);
  283. {/block:IfInvertTumblrControls}
  284. }
  285. {/block:PermalinkPage}
  286.  
  287. /* --- BODY --- */
  288.  
  289. body {
  290. margin:0px;
  291. padding:0px;
  292. font-family: 'Karla', sans-serif;
  293. color:{color:Text};
  294. font-size:{select:Font Size};
  295. font-weight:400;
  296. line-height:150%;
  297. font-weight:normal;
  298. word-wrap:normal;
  299. text-align:left;
  300. background:{color:Background};
  301. }
  302.  
  303. a {
  304. color:{color:Links};
  305. text-decoration:none;
  306. border:0;
  307. cursor:help;
  308. transition:0.2s ease-in-out;
  309. -webkit-transition:0.2s ease-in-out;
  310. -moz-transition:0.2s ease-in-out;
  311. }
  312.  
  313. b,strong {font-weight:700;}
  314. i, italic, em {font-style:italic;color:{color:Accent Two};}
  315. small {font-size:10pt;}
  316. big {font-size:10pt;}
  317.  
  318. .et {
  319. background:transparent;
  320. color:{color:Text};
  321. background:transparent;
  322. right:9px;
  323. bottom:0px;
  324. padding:5px;
  325. position:fixed;
  326. letter-spacing:1px;
  327. opacity:0.4;
  328. }
  329.  
  330. .et a {
  331. color:{color:Text};
  332. text-decoration:none;
  333. border:0px;
  334. }
  335.  
  336. hr.divider, hr, hr.separator {
  337. display: block;
  338. margin-top: 0.5em;
  339. margin-bottom: 0.5em;
  340. margin-left: auto;
  341. margin-right: auto;
  342. border-style: inset;
  343. border-color:{color:Text};
  344. border-bottom: 1px;
  345. }
  346.  
  347. pre {
  348. white-space: pre-wrap;
  349. white-space: -moz-pre-wrap;
  350. white-space: -pre-wrap;
  351. white-space: -o-pre-wrap;
  352. word-wrap: break-word;
  353. }
  354.  
  355. /* --- TOPBAR --- */
  356.  
  357. .topbar {
  358. position:fixed;
  359. top:0;
  360. left:0;
  361. width:100%;
  362. padding:20px;
  363. background:{color:Topbar Background};
  364. text-align:center;
  365. border-top:5px solid {color:Accent Three};
  366. z-index:5;
  367. }
  368.  
  369. .topbar a {
  370. text-align:center;
  371. text-transform:uppercase;
  372. letter-spacing:1.5pt;
  373. color:{color:Topbar Links};
  374. border-bottom:2px solid {color:Topbar Background};
  375. padding:0px 1px 3px 2px;
  376. margin:0px 25px;
  377. }
  378.  
  379. .topbar a {font-weight:500;}
  380.  
  381. .topbar a:nth-child(3n + 1):hover {border-bottom:2px solid {color:Accent Two};}
  382.  
  383. .topbar a:nth-child(3n + 2):hover {border-bottom:2px solid {color:Accent Three};}
  384.  
  385. .topbar a:nth-child(3n + 3):hover {border-bottom:2px solid {color:Accent One};}
  386.  
  387. .blogtitle {
  388. margin:0 auto;
  389. margin-top:57px;
  390. width:100%;
  391. padding:40px 0px 50px 0px;
  392. font-family: 'Playfair Display', serif;
  393. text-align:center;
  394. text-transform:uppercase;
  395. font-size:calc({select:Font Size} + 20pt);
  396. letter-spacing:2pt;
  397. color:{color:Accent Two};
  398. background:{color:Background};
  399. }
  400.  
  401. .blogtitle i {color:{color:Accent Two};font-style:normal;opacity:0.6;}
  402.  
  403. /* --- HEADER --- */
  404.  
  405. .header {
  406. margin:0 auto;
  407. height:500px;
  408. background-image: url('{image:Header}');
  409. background-position:top center;
  410. background-repeat:no-repeat;
  411. width:1145px;
  412. margin-bottom:80px;
  413. text-align:center;
  414. }
  415.  
  416. /* --- WELCOME --- */
  417.  
  418. .welcome {
  419. margin:0 auto;
  420. margin-top:120px;
  421. width:100%;
  422. }
  423.  
  424. .wel_bg {
  425. position:relative;
  426. top:-796px;
  427. height:545px;
  428. padding:50px 0px;
  429. background:{color:Accent Two};
  430. opacity:0.35;
  431. -webkit-transform: skewY(-5deg);
  432. -moz-transform: skewY(-5deg);
  433. -ms-transform: skewY(-5deg);
  434. -o-transform: skewY(-5deg);
  435. transform: skewY(-5deg);
  436. z-index:-1;
  437. }
  438.  
  439. .welcome_container {margin:0 auto;width:calc(1155px + 10px);text-align:center;}
  440.  
  441. .welcome_cover {
  442. position:relative;
  443. margin:0 auto;
  444. left:149px;
  445. height:545px;
  446. width:500px;
  447. background-image: url('{image:Welcome}');
  448. }
  449.  
  450. .welcome_content {
  451. position:relative;
  452. margin:0 auto;
  453. top:-320px;
  454. left:-187px;
  455. width:450px;
  456. height:170px;
  457. {block:IfSearchBar}
  458. padding:10px 20px 30px 20px;
  459. {/block:IfSearchBar}
  460.  
  461. {block:IfNotSearchBar}
  462. padding:10px 20px 10px 20px;
  463. {/block:IfNotSearchBar}
  464. background:{color:Content};
  465. border-bottom:5px solid {color:Accent One};
  466. z-index:1;
  467. }
  468.  
  469. .welcome_content h1 {
  470. font-family: 'Playfair Display', serif;
  471. text-align:center;
  472. text-transform:uppercase;
  473. font-size:calc({select:Font Size} + 8pt);
  474. letter-spacing:0.5pt;
  475. font-weight:400;
  476. }
  477.  
  478. .welcome_content b {color:{color:Text};}
  479.  
  480. .welcome_content i {color:{color:Accent Two};font-weight:700;}
  481.  
  482. .welcome_content em {color:{color:Accent One};;font-weight:700;}
  483.  
  484. .welcome_content a {opacity:0.8;}
  485.  
  486.  
  487. .find {margin:0px;}
  488.  
  489. .find input {
  490. width:340px;
  491. display:inline-block;
  492. margin:10px 0px 0px 0px;
  493. padding:5px;
  494. border:0px;
  495. outline:0px;
  496. text-align:center;
  497. }
  498.  
  499. .find input[type=text] {color:{color:Text};}, input::-webkit-input-placeholder, input::-moz-placeholder {color:{color:Links};}, input:-moz-placeholder {color:{color:Links};}, input:-ms-input-placeholder {color:{color:Links};}
  500.  
  501. /* --- FEATURED --- */
  502.  
  503. .featured {
  504. position:relative;
  505. margin:0 auto;
  506. width:calc(1155px + 10px);
  507. height:330px;
  508. text-align:center;
  509. padding:80px 0px;
  510. background:transparent;
  511. margin-top:-770px;
  512. }
  513.  
  514. .feat_one {background-image: url('{image:Featured One}');}
  515.  
  516. .feat_two {background-image: url('{image:Featured Two}');}
  517.  
  518. .feat_three {background-image: url('{image:Featured Three}');}
  519.  
  520. .feat_one, .feat_two, .feat_three {
  521. display:inline-block;
  522. margin:0px 5px 0px 5px;
  523. height:300px;
  524. width:250px;
  525. background-position:top center;
  526. background-repeat:no-repeat;
  527. overflow:hidden;
  528. }
  529.  
  530. .feat_one a, .feat_two a, .feat_three a {
  531. display:inline-block;
  532. margin-top:170px;
  533. width:150px;
  534. padding:5px 0px 2px 0px;
  535. color:{color:Text};
  536. background:{color:Content};
  537. text-align:center;
  538. text-transform:uppercase;
  539. font-size:calc({select:Font Size} + 1pt);
  540. letter-spacing:0.5pt;
  541. font-weight:400;
  542. border-bottom:3px solid {color:Content};
  543. }
  544.  
  545.  
  546. .feat_one a:hover {border-bottom:3px solid {color:Accent Two};}
  547.  
  548. .feat_two a:hover {border-bottom:3px solid {color:Accent One};}
  549.  
  550. .feat_three a:hover {border-bottom:3px solid {color:Accent Three};}
  551.  
  552.  
  553.  
  554. .nav {margin-top:30px;}
  555.  
  556. .nav a {
  557. display:inline-block;
  558. padding:2px 10px;
  559. background:{color:Content};
  560. text-align:center;
  561. text-transform:uppercase;
  562. font-size:calc({select:Font Size} + 3pt);
  563. letter-spacing:0.5pt;
  564. font-weight:400;
  565. }
  566.  
  567.  
  568. /* --- LATEST --- */
  569.  
  570. .latest {
  571. margin:0 auto;
  572. width:100%;
  573. padding:100px 0px 100px 0px;
  574. }
  575.  
  576. .latestbg {
  577. position:relative;
  578. top:-295px;
  579. margin-bottom:-400px;
  580. height:290px;
  581. padding:50px 0px;
  582. opacity:0.10;
  583. background:{color:Accent Three};
  584. -webkit-transform: skewY(-5deg);
  585. -moz-transform: skewY(-5deg);
  586. -ms-transform: skewY(-5deg);
  587. -o-transform: skewY(-5deg);
  588. transform: skewY(-5deg);
  589. z-index:-1;
  590. }
  591.  
  592. .latestcont {text-align:center;}
  593.  
  594. .latestcont h1 {
  595. display:inline-block;
  596. font-family: 'Playfair Display', serif;
  597. text-align:center;
  598. text-transform:uppercase;
  599. color:{color:Text};
  600. font-size:calc({select:Font Size} + 8pt);
  601. letter-spacing:0.5pt;
  602. margin:0px 0px 23px 0px;
  603. font-weight:400;
  604. }
  605.  
  606. .latestphotos {
  607. display:inline-block;
  608. display:inline-block;
  609. margin:0px 6px 0px 6px;
  610. width:200px;
  611. height:200px;
  612. }
  613.  
  614. .latestphoto {
  615. margin:0 auto;
  616. padding:0px;
  617. width:800px;
  618. text-align:center;}
  619.  
  620. .ji-tumblr-photos img {
  621. height:75px;
  622. width:75px;
  623. opacity:1;
  624. margin:0px 4px 4px 3px!important;
  625. transition:0.2s ease-in-out;
  626. -webkit-transition:0.2s ease-in-out;
  627. -moz-transition:0.2s ease-in-out;
  628. }
  629.  
  630. .ji-tumblr-photos img:hover {opacity:0.8;}
  631.  
  632. /* --- CONTAINER --- */
  633.  
  634. .container {
  635. margin:0 auto;
  636. width:calc(540px + 380px + 160px);
  637.  
  638. {block:IndexPage}
  639. margin-top:150px;
  640. {/block:IndexPage}
  641.  
  642. {block:PermalinkPage}
  643. margin-top:50px;
  644. {/block:PermalinkPage}
  645.  
  646. margin-bottom:80px;
  647. padding:0px;
  648. background:{color:Background};
  649. z-index:2;
  650. }
  651.  
  652. #end {clear:both;text-align:center;}
  653.  
  654. /* --- SIDEBAR --- */
  655.  
  656. .sidebar {
  657. float:left;
  658. width:380px;
  659. background:{color:Background};
  660. }
  661.  
  662. .side {
  663. width:350px;
  664. padding:15px;
  665. margin-bottom:60px;
  666. background:{color:Content};
  667. }
  668.  
  669. .sidetitle {
  670. position:relative;
  671. padding:10px;
  672. font-family: 'Playfair Display', serif;
  673. text-align:center;
  674. text-transform:uppercase;
  675. font-size:calc({select:Font Size} + 5pt);
  676. letter-spacing:1pt;
  677. color:{color:Text};
  678. font-weight:500;
  679. z-index:1;
  680. }
  681.  
  682. .titleaccent_offciallinks, .titleaccent_schedule, .titleaccent_events, .titleaccent_projects, .titleaccent_members, .titleaccent_latestvids, .titleaccent_affiliates, .titleaccent_siteinfo, .titleaccent_disclaimer {
  683. position:relative;
  684. top:18px;
  685. text-align:center;
  686. font-family: 'Playfair Display', serif;
  687. color:{color:Accent Two};
  688. font-size:45pt;
  689. font-weight:normal;
  690. letter-spacing:1px;
  691. text-transform:lowercase;
  692. margin-bottom:0px;
  693. opacity:0.5;
  694. }
  695.  
  696. .sideborder {
  697. margin:10px 0px 30px 100px;
  698. width:150px;
  699. height:0px;
  700. }
  701.  
  702. .side:nth-of-type(1n + 1) .sideborder {background-position:left center;}
  703.  
  704. .side:nth-of-type(2n + 2) .sideborder {background-position:center center;}
  705.  
  706. .side:nth-of-type(3n + 3) .sideborder {background-position:right center;}
  707.  
  708. .sideavatar {text-align:center;margin:0px 0px 10px 0px;}
  709.  
  710. .sideavatar img {width:350px;margin:0;}
  711.  
  712. /* --- SIDEBAR EXTRAS --- */
  713.  
  714. .official {text-align:center;}
  715.  
  716. .official a {
  717. display:inline-block;
  718. padding:2px 6px;
  719. color:{color:Text};
  720. background:{color:Content};
  721. margin:0px 2px 6px 2px;
  722. }
  723.  
  724. .official i {
  725. font-size:18pt;
  726. width:20px;
  727. height:20px;
  728. color:{color:Text};
  729. padding:3px 6px;
  730. transition:0.2s ease-in-out;
  731. -webkit-transition:0.2s ease-in-out;
  732. -moz-transition:0.2s ease-in-out;
  733. }
  734.  
  735. a.imdb i:hover {color:{color:Accent Two};}
  736. a.instagram i:hover {color:{color:Accent Three};}
  737. a.twitter i:hover {color:{color:Accent One};}
  738. a.facebook i:hover {color:{color:Accent Two};}
  739. a.youtube i:hover {color:{color:Accent Three};}
  740.  
  741. /* --- SIDEBAR: SCHEDULE --- */
  742.  
  743. .schedule {margin-bottom:15px;font-size:calc({select:Font Size} - .5pt);text-transform:uppercase;width:300px;margin-left:25px;}
  744.  
  745. .schedule::last-child {margin-bottom:0px;}
  746.  
  747. .schedule b {
  748. display:inline-block;
  749. font-family: 'Playfair Display', serif;
  750. text-align:center;
  751. text-transform:uppercase;
  752. font-size:calc({select:Font Size} + 2pt);
  753. margin-right:3px;
  754. font-weight:500;
  755. }
  756.  
  757. /* --- SIDEBAR: EVENTS --- */
  758.  
  759. .events {margin-bottom:15px;font-size:calc({select:Font Size} - 1pt);text-transform:uppercase;}
  760.  
  761. .events::last-child {margin-bottom:0px;}
  762.  
  763. .events b {
  764. display:inline-block;
  765. text-align:center;
  766. text-transform:uppercase;
  767. font-size:{select:Font Size};
  768. margin-right:2px;
  769. font-weight:500;
  770. font-size:calc({select:Font Size} - .5pt);
  771. color:{color:Content};
  772. padding:1px 2px;
  773. background:{color:Text};
  774. }
  775.  
  776. /* --- SIDEBAR: PROJECTS --- */
  777.  
  778. .projects {text-align:center;margin-bottom:25px;}
  779.  
  780. .projects::last-child {margin-bottom:0px;}
  781.  
  782. .projects img {position: relative;width:350px;height:150px;}
  783.  
  784. .projectinfo {
  785. position:absolute;
  786. margin-top:-35px;
  787. width:330px;
  788. padding:0px 10px 2px 10px;
  789. background:{color:Content};
  790. z-index:2;
  791. }
  792.  
  793. .projects b {color:{color:Accent Two};}
  794.  
  795. .projects i {color:{color:Accent Three};font-weight:700;font-style:normal;}
  796.  
  797. .projects p {display:block;margin:0px 0px 7px 0px;}
  798.  
  799. .projects a {color:{color:Text};background:{color:Content};padding:1px 4px;margin:0px 2px 0px 2px;text-transform:uppercase;font-size:calc({select:Font Size} - 1pt);font-weight:700;}
  800.  
  801. .projects a:nth-child(3n + 2):hover {background:{color:Accent Three};color:{color:Content};}
  802.  
  803. .projects a:nth-child(3n + 3):hover {background:{color:Accent Two};color:{color:Content};}
  804.  
  805. .projects a:nth-child(3n + 1):hover {background:{color:Text};color:{color:Content};}
  806.  
  807.  
  808. /* --- SIDEBAR: TWITTER --- */
  809.  
  810. .twitter {text-align:center;}
  811.  
  812. /* --- SIDEBAR: MEMBERS --- */
  813.  
  814. .member {width:70px;display:inline-block;margin:0px 2px 10px 1px;}
  815.  
  816. .member::last-child {margin-bottom:0px;}
  817.  
  818. .member img {height:60px;width:60px;}
  819.  
  820. .memberinfo {position:relative;top:-55px;left:80px;width:calc(350px - 70px - 10px);}
  821.  
  822. .memberinfo b {text-transform:uppercase;}
  823.  
  824. .memberinfo a {text-decoration:none;border:0;color:{color:Text};text-transform:uppercase;font-weight:700!important;}
  825.  
  826. /* --- SIDEBAR: LATEST VIDEOS --- */
  827.  
  828. .latestvideos {text-align:center;}
  829.  
  830. .latestvideos iframe {width:350px;height:auto;min-height:200px;}
  831.  
  832. /* --- SIDEBAR: AFFILIATES --- */
  833.  
  834. .affiliates {text-align:center;}
  835.  
  836. .affiliates img {width:55px;height:55px;margin:0px 0px 0px 0px;}
  837.  
  838. /* --- SIDEBAR: SITE INFO --- */
  839.  
  840. .siteinfo {text-align:left!important;}
  841.  
  842. ul.siteinfo {margin-left:-40px;list-style-type:none;text-align:left;}
  843.  
  844. .siteinfo li {padding:15px 0px;border-bottom:1px solid #ebebeb;}
  845.  
  846. .siteinfo li:first-of-type {padding-top:0;}
  847. .siteinfo li:last-of-type {padding-bottom:0;border-bottom:0px;}
  848.  
  849. .siteinfo b {font-weight:bold;}
  850.  
  851. .siteinfo a {color:{color:Text};opacity:0.8;}
  852.  
  853. /* --- SIDEBAR: DISCLAIMER --- */
  854.  
  855. .disclaimer {text-align:center}
  856.  
  857. .disclaimer p {font-style:italic;margin:0px;}
  858.  
  859. .disclaimer i {color:{color:Accent Two};}
  860.  
  861. .disclaimer em {color:{color:Accent One};}
  862.  
  863. /* --- POSTS --- */
  864.  
  865. .posts {
  866. margin:0 auto;
  867. width:calc(540px + 20px);
  868. float:right;
  869. margin:0px 0px 0px 0px;
  870. background:{color:Background};
  871. }
  872.  
  873. .postcontainer {margin-bottom:80px;}
  874.  
  875. .postcontainer::last-child {margin-bottom:0px;}
  876.  
  877. .iposts {min-height:50px;padding:15px 10px;background:{color:Content};}
  878.  
  879. .ipostpxu {width:calc(540px - 2px);}
  880.  
  881. .stphoto img {max-width:100%;}
  882.  
  883. iframe, img, embed, object, video {max-width:100%;}
  884.  
  885. .textpost img {max-width:100%;height:auto;}
  886.  
  887. img {border:0;max-width:100%;height:auto}
  888.  
  889. .video {overflow:hidden;width:540px;margin:0px!important;}
  890.  
  891. .vine-embed,#youtube_iframe {width:540px;}
  892.  
  893. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  894.  
  895. .caption {width:540px;}
  896.  
  897. /* --- POST INFO --- */
  898.  
  899. .postinfo {padding:10px 10px 0px 10px;text-transform:uppercase;background:{color:Content};}
  900.  
  901. .postinfo a {text-transform:uppercase;}
  902.  
  903. .postdetails {
  904. display:inline-block;
  905. padding:2px 0px 4px 0px;
  906. margin-right:3px;
  907. border-bottom:3px solid {color:Accent One};
  908. color:{color:Text};
  909. background:{color:Content};
  910. }
  911.  
  912. .postnotes {
  913. display:inline-block;
  914. padding:2px 0px 3px 5px;
  915. color:{color:Text};
  916. background:{color:Content};
  917.  
  918. }
  919.  
  920. .postauthor {
  921. display:inline-block;
  922. padding:2px 5px 3px 0px;
  923. color:{color:Text};
  924. background:{color:Content};
  925.  
  926. }
  927.  
  928. .postdetails a, .postnotes a, .postauthor a {color:{color:Text};}
  929.  
  930. .postdetails a:hover, .postnotes a:hover, .postauthor a:hover {opacity:0.7;}
  931.  
  932. /* --- POST CONTROL --- */
  933.  
  934. .postcontrol {
  935. position:relative;
  936. float:right;
  937. top:-26px;
  938. margin:0px -18px -10px 0px;
  939. width:100px;
  940. text-align:center;
  941. }
  942.  
  943. .postcontrol i {
  944. padding:2px 1px 1px 3px;
  945. display:block;
  946. overflow:hidden;
  947. color:{color:Text};
  948. }
  949.  
  950. .postcontrol a {display:inline-block;}
  951.  
  952. .postcontrol .reblog {display:inline-block;}
  953.  
  954. .postcontrol .like .liked + i {opacity:1;}
  955.  
  956. .postcontrol .like .liked + i {color:{color:Accent Two};}
  957.  
  958. .like {
  959. position:absolute;
  960. display:inline-block;
  961. top:2px;
  962. height:1em;
  963. line-height:1em;
  964. overflow:hidden;
  965. margin-bottom:-1px;
  966. }
  967.  
  968. .like .like_button iframe {position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;opacity:0.000001;}
  969.  
  970. /* --- POST TAGS --- */
  971.  
  972. .posttags {text-align:center;padding:16px 10px 10px 10px;background:{color:Content};border-top:1px solid #ebebeb;}
  973.  
  974. .posttags a {
  975. font-size:calc({select:Font Size} - 1pt);
  976. display:inline-block;
  977. padding:0px 0px 0px 0px;
  978. margin:0px 6px 5px 6px;
  979. text-transform:uppercase;
  980. border-bottom:2px solid {color:Content};
  981. color:{color:Text};
  982. background:{color:Content};
  983. }
  984.  
  985. .posttags a:nth-child(3n + 1):hover {border-bottom:2px solid {color:Accent Three};}
  986.  
  987. .posttags a:nth-child(3n + 2):hover {border-bottom:2px solid {color:Accent Two};}
  988.  
  989. .posttags a:nth-child(3n + 3):hover {border-bottom:2px solid {color:Text};}
  990.  
  991. /* --- POST STYLES --- */
  992.  
  993. h1, h2, h3 {
  994. color:{color:Text};
  995. font-size:calc({select:Font Size} + 3pt);
  996. letter-spacing:1px;
  997. font-weight:400;
  998. }
  999.  
  1000. h1, h2 {text-transform:uppercase;}
  1001.  
  1002. h3 {
  1003. line-height:170%;
  1004. margin-bottom:10px;
  1005. color:{color:Text};
  1006. font-size:calc({select:Font Size} + 1.5pt);
  1007. letter-spacing:1px;
  1008. font-weight:400;
  1009. }
  1010.  
  1011. blockquote {
  1012. width:calc(540px - 70px);
  1013. padding:0px 5px;
  1014. color:{color:Text};
  1015. text-decoration:none;
  1016. border-left:0px;
  1017. margin:5px 0px 0px 20px;
  1018. }
  1019.  
  1020. blockquote i {color:{color:Text};}
  1021.  
  1022. blockquote img {
  1023. max-width:100%;
  1024. display:block;
  1025. margin-bottom:5px;
  1026. }
  1027.  
  1028. .chat {text-align:left;text-transform:uppercase;}
  1029.  
  1030. ul.chat {margin-left:-40px;}
  1031.  
  1032. .chat li {list-style-type:none;}
  1033.  
  1034. .chat li:nth-child(odd) {background:{color:Content};color:{color:Text};padding:10px;}
  1035.  
  1036. .chat li:nth-child(even) {background:{color:Accent Two};color:{color:Content};padding:10px;}
  1037.  
  1038. .linkthumb {width:540px;height:200px;overflow:hidden;}
  1039.  
  1040. .linkpost img {width:540px;margin-top:-50px;}
  1041.  
  1042. .link_host {margin:0px 0px 10px 0px;}
  1043.  
  1044. .linkpost h2 {margin:-5px 0px -10px 0px;}
  1045.  
  1046. .linkpost i {color:{color:Text};}
  1047.  
  1048. /* --- AUDIO POSTS --- */
  1049.  
  1050. .audio {
  1051. height:70px;
  1052. padding:21px 10px 0px 10px;
  1053. border:1px solid #ebebeb;
  1054. background:{color:Content};
  1055. }
  1056.  
  1057. .button {
  1058. position:relative;
  1059. width:30px;
  1060. height:30px;
  1061. overflow:hidden;
  1062. margin:10px 9px 8px 9px;
  1063. z-index:3;
  1064. }
  1065.  
  1066. .audiobox {
  1067. float:left;
  1068. margin:0px;
  1069. border-radius:50%;
  1070. background-color:#f2f2f2;
  1071. z-index:2;
  1072. }
  1073.  
  1074. .audioinfo {width:calc(100% - 100px - 91px);display:inline-block;text-transform:lowercase;padding:7px 0px 0px 30px;color:{color:Accent Two};}
  1075.  
  1076. .audioinfo h1 {font-size:10pt;font-weight:bold;margin:0px 0px -25px 0px;}
  1077.  
  1078. .albumart {float:right;position:relative;top:-10px;}
  1079.  
  1080. .albumart img {height:71px;width:71px;}
  1081.  
  1082. .spotify_audio_player {height:80px!important;}
  1083.  
  1084. /* --- QUESTIONS ---*/
  1085.  
  1086. .asker {text-align:left;}
  1087.  
  1088. .askername {margin-bottom:0px;padding:0px 0px 5px 0px;}
  1089.  
  1090. .askername a {color:{color:Text};}
  1091.  
  1092. .question {
  1093. margin:0px 0px 0px 0px;
  1094. padding:10px;
  1095. color:{color:Content};
  1096. font-weight:400;
  1097. background:{color:Accent One};
  1098. border-radius:0px 5px 5px 5px;
  1099. }
  1100.  
  1101. /* --- PAGINATION --- */
  1102.  
  1103. .pagination {
  1104. margin-top:50px;
  1105. padding:10px 10px 30px 10px;
  1106. text-align:center;
  1107. color:{color:Text};
  1108. background:{color:Background};
  1109. }
  1110.  
  1111. .pagination a {display:inline-block;color:{color:Text};margin:0px 5px;}
  1112.  
  1113. .pagi_prev {float:left;display:inline-block;min-width:100px;text-transform:uppercase;font-weight:700!important;}
  1114.  
  1115. .pagi_next {float:right;display:inline-block;width:100px;text-transform:uppercase;font-weight:700!important;}
  1116.  
  1117. /* --- LIGHTBOXES ---*/
  1118.  
  1119. .vignette, #vignette {opacity:0;}
  1120.  
  1121. .lightbox-image, #tumblr_lightbox img {box-shadow:none !important;border-radius:0 !important;max-width:none;-moz-box-sizing:border-box;box-sizing:border-box;}
  1122.  
  1123. .tmblr-lightbox, #tumblr_lightbox {background-color:rgba({select:Lightbox}.90) !important;}
  1124.  
  1125. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  1126.  
  1127. /* ---PERMALINK NOTES --- */
  1128.  
  1129. ol.notes {
  1130. padding:35px 10px 0px 10px;
  1131. margin:0px 0px 25px 0px;
  1132. list-style-type: none;
  1133. border-bottom:solid 0px;
  1134. letter-spacing:1px;
  1135. background:{color:Content};
  1136. width:540px;
  1137. }
  1138.  
  1139. .notes a {color:{color:Text};}
  1140. .notes a:hover {color:{color:Text};}
  1141.  
  1142. ol.notes li.note {
  1143. display:block;
  1144. border-bottom:solid 1px #ebebeb;
  1145. padding:10px;
  1146. list-style-type:none!important;
  1147. }
  1148.  
  1149. ol.notes li.note img.avatar {
  1150. vertical-align:-4px;
  1151. margin-right:10px;
  1152. width:15px;
  1153. height:15px;
  1154. display:inline-block;
  1155. }
  1156.  
  1157. ol.notes li.note span.action {font-weight: normal;}
  1158.  
  1159. ol.notes li.note .answer_content {font-weight: normal;}
  1160.  
  1161. ol.notes li.note blockquote {
  1162. border-color: {color:Text};
  1163. padding: 4px 10px;
  1164. margin: 10px 0px 0px 25px;
  1165. }
  1166.  
  1167. ol.notes li.note blockquote a {text-decoration: none;}
  1168.  
  1169. /* ---PERMALINK NOTES --- */
  1170.  
  1171. footer {
  1172. margin:0 auto;
  1173. width:100%;
  1174. font-size:calc({select:Font Size} - 1pt);
  1175. text-transform:uppercase;
  1176. color:{color:Content};
  1177. border-top:10px solid {color:Accent One};
  1178. {block:IfFooterImage}
  1179. padding:0px 0px 30px 0px;
  1180.  
  1181. background:{color:Accent Two};
  1182. }
  1183.  
  1184. .footer_image {margin:0px 0px 13px 0px;border:0;width:1418px;overflow-x:hidden;height:180px;background-image: url('{image:Footer}');background-position:top center;background-repeat:repeat-x;}
  1185.  
  1186. .footer_image img {margin:0;border:0;height:180px;}
  1187.  
  1188. .footer_copy {float:left;margin-left:100px;}
  1189.  
  1190. .footer_cred {float:right;margin-right:100px;}
  1191.  
  1192. .footer_copy a, .footer_cred a {
  1193. font-size:calc({select:Font Size} - 1pt);
  1194. display:inline-block;
  1195. margin:0px;
  1196. text-transform:uppercase;
  1197. color:{color:Content};
  1198. }
  1199.  
  1200. /* --- SCROLL TO TOP --- */
  1201.  
  1202. #scrollToTop {
  1203. display:none;
  1204. position:fixed;
  1205. bottom:8px;
  1206. right:10px;
  1207. }
  1208.  
  1209. #scrollToTop span {
  1210. color:{color:Text};
  1211. font-size:15px;
  1212. display:inline-block;
  1213. padding:5px;
  1214. border-radius:50%;
  1215. background:{color:Content};
  1216. transition:0.2s ease-in-out;
  1217. -webkit-transition:0.2s ease-in-out;
  1218. -moz-transition:0.2s ease-in-out;
  1219. }
  1220.  
  1221. {CustomCSS}
  1222. </style>
  1223.  
  1224.  
  1225. </head>
  1226. <body>
  1227.  
  1228.  
  1229.  
  1230.  
  1231.  
  1232. <!-- START TOPBAR -->
  1233. <div class="topbar">
  1234. <a href="/">Home</a>
  1235. <a href="/ask">Contact</a>
  1236. <a href="{text:Link One URL}">{text:Link One}</a>
  1237. <a href="{text:Link Two URL}">{text:Link Two}</a>
  1238. <a href="{text:Link Three URL}">{text:Link Three}</a>
  1239. <a href="{text:Link Four URL}">{text:Link Four}</a>
  1240. <a href="{text:Link Five URL}">{text:Link Five}</a>
  1241. <a href="{text:Link Six URL}">{text:Link Six}</a>
  1242.  
  1243. </div>
  1244.  
  1245. {block:IndexPage}<div class="tcontrols"><span class="jam jam-plus"></span></div>{/block:IndexPage}
  1246.  
  1247. <div class="blogtitle"><img src="{image:Logo}" /></div>
  1248. <!-- END TOPBAR -->
  1249.  
  1250.  
  1251.  
  1252.  
  1253.  
  1254. <!-- START HEADER -->
  1255. <div class="header"></div>
  1256. <!-- END HEADER -->
  1257.  
  1258.  
  1259.  
  1260.  
  1261.  
  1262. <!-- START WELCOME -->
  1263. {block:IndexPage}
  1264. <div data-aos="fade-up" class="fade">
  1265. <div class="welcome">
  1266. <div class="welcome_container">
  1267. <div class="welcome_cover"></div>
  1268.  
  1269. <div class="welcome_content">
  1270. <h1>Welcome</h1>
  1271.  
  1272. {Description}
  1273.  
  1274. <br>
  1275. {block:IfSearchBar}
  1276. <form action="/search" method="get" class="find" name="sform">
  1277. <input type="text" name="q" placeholder="search this blog" value="" class="upper"/>
  1278. </form>
  1279. {/block:IfSearchBar}
  1280. </div>
  1281. </div>
  1282. <div class="wel_bg"> </div>
  1283. </div>
  1284. </div>
  1285. {/block:IndexPage}
  1286. <!-- END WELCOME -->
  1287.  
  1288.  
  1289.  
  1290.  
  1291.  
  1292.  
  1293. <!-- START TAGGED -->
  1294. {block:IndexPage}
  1295. <div data-aos="fade-up" class="fade">
  1296. <div class="featured">
  1297.  
  1298. <div class="feat_one">
  1299. <a href="{text:Featured One URL}">{text:Featured One}</a>
  1300. </div>
  1301.  
  1302.  
  1303. <div class="feat_two">
  1304. <a href="{text:Featured Two URL}">{text:Featured Two}</a>
  1305. </div>
  1306.  
  1307.  
  1308. <div class="feat_three">
  1309. <a href="{text:Featured Three URL}">{text:Featured Three}</a>
  1310. </div>
  1311.  
  1312. <div class="nav"><a href="{text:Tags Page URL}">see all catergories</a></div>
  1313.  
  1314. </div>
  1315. </div>
  1316. {/block:IndexPage}
  1317. <!-- END TAGGED -->
  1318.  
  1319.  
  1320.  
  1321.  
  1322.  
  1323.  
  1324. <!-- START LATEST PHOTOS -->
  1325. {block:IndexPage}
  1326. <div class="latest">
  1327. <div data-aos="fade-up" class="fade">
  1328. <div class="latestcont">
  1329. <h1>Latest Photos</h1><br>
  1330.  
  1331.  
  1332.  
  1333. <div class="latestphoto">
  1334. <div class='ji-tumblr-photos'>
  1335. <a id='ji-tumblr-url-gallery-1' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-1' src='' alt='' /></a>
  1336. <a id='ji-tumblr-url-gallery-2' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-2' src='' alt='' /></a>
  1337. <a id='ji-tumblr-url-gallery-3' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-3' src='' alt='' /></a>
  1338. <a id='ji-tumblr-url-gallery-4' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-4' src='' alt='' /></a>
  1339. <a id='ji-tumblr-url-gallery-5' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-5' src='' alt='' /></a>
  1340. <a id='ji-tumblr-url-gallery-6' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-6' src='' alt='' /></a>
  1341. <a id='ji-tumblr-url-gallery-7' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-7' src='' alt='' /></a>
  1342. <a id='ji-tumblr-url-gallery-8' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-8' src='' alt='' /></a>
  1343. <a id='ji-tumblr-url-gallery-9' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-9' src='' alt='' /></a>
  1344. <a id='ji-tumblr-url-gallery-10' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-10' src='' alt='' /></a>
  1345. <a id='ji-tumblr-url-gallery-11' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-11' src='' alt='' /></a>
  1346. <a id='ji-tumblr-url-gallery-12' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-12' src='' alt='' /></a>
  1347. <a id='ji-tumblr-url-gallery-13' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-13' src='' alt='' /></a>
  1348. <a id='ji-tumblr-url-gallery-14' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-14' src='' alt='' /></a>
  1349. <a id='ji-tumblr-url-gallery-15' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-15' src='' alt='' /></a>
  1350. <a id='ji-tumblr-url-gallery-16' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-16' src='' alt='' /></a>
  1351. <a id='ji-tumblr-url-gallery-17' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-17' src='' alt='' /></a
  1352. ><a id='ji-tumblr-url-gallery-18' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-18' src='' alt='' /></a>
  1353. </div>
  1354. <script type='text/javascript' src='https://{text:Blog URL}.tumblr.com/api/read/json?number=10&type=photo'></script>
  1355. <script type='text/javascript'>
  1356. document.getElementById('ji-tumblr-photo-gallery-1').setAttribute('src', tumblr_api_read.posts[0]['photo-url-75']);
  1357. document.getElementById('ji-tumblr-url-gallery-1').setAttribute('href', tumblr_api_read.posts[0]['url-with-slug']);
  1358. document.getElementById('ji-tumblr-photo-gallery-2').setAttribute('src', tumblr_api_read.posts[1]['photo-url-75']);
  1359. document.getElementById('ji-tumblr-url-gallery-2').setAttribute('href', tumblr_api_read.posts[1]['url-with-slug']);
  1360. document.getElementById('ji-tumblr-photo-gallery-3').setAttribute('src', tumblr_api_read.posts[2]['photo-url-75']);
  1361. document.getElementById('ji-tumblr-url-gallery-3').setAttribute('href', tumblr_api_read.posts[2]['url-with-slug']);
  1362. document.getElementById('ji-tumblr-photo-gallery-4').setAttribute('src', tumblr_api_read.posts[3]['photo-url-75']);
  1363. document.getElementById('ji-tumblr-url-gallery-4').setAttribute('href', tumblr_api_read.posts[3]['url-with-slug']);
  1364. document.getElementById('ji-tumblr-photo-gallery-5').setAttribute('src', tumblr_api_read.posts[4]['photo-url-75']);
  1365. document.getElementById('ji-tumblr-url-gallery-5').setAttribute('href', tumblr_api_read.posts[4]['url-with-slug']);
  1366. document.getElementById('ji-tumblr-photo-gallery-6').setAttribute('src', tumblr_api_read.posts[5]['photo-url-75']);
  1367. document.getElementById('ji-tumblr-url-gallery-6').setAttribute('href', tumblr_api_read.posts[5]['url-with-slug']);
  1368. document.getElementById('ji-tumblr-photo-gallery-7').setAttribute('src', tumblr_api_read.posts[6]['photo-url-75']);
  1369. document.getElementById('ji-tumblr-url-gallery-7').setAttribute('href', tumblr_api_read.posts[6]['url-with-slug']);
  1370. document.getElementById('ji-tumblr-photo-gallery-8').setAttribute('src', tumblr_api_read.posts[7]['photo-url-75']);
  1371. document.getElementById('ji-tumblr-url-gallery-8').setAttribute('href', tumblr_api_read.posts[7]['url-with-slug']);
  1372. document.getElementById('ji-tumblr-photo-gallery-9').setAttribute('src', tumblr_api_read.posts[8]['photo-url-75']);
  1373. document.getElementById('ji-tumblr-url-gallery-9').setAttribute('href', tumblr_api_read.posts[8]['url-with-slug']);
  1374. document.getElementById('ji-tumblr-photo-gallery-10').setAttribute('src', tumblr_api_read.posts[9]['photo-url-75']);
  1375. document.getElementById('ji-tumblr-url-gallery-10').setAttribute('href', tumblr_api_read.posts[9]['url-with-slug']);
  1376. document.getElementById('ji-tumblr-photo-gallery-11').setAttribute('src', tumblr_api_read.posts[10]['photo-url-75']);
  1377. document.getElementById('ji-tumblr-url-gallery-11').setAttribute('href', tumblr_api_read.posts[10]['url-with-slug']);
  1378. document.getElementById('ji-tumblr-photo-gallery-12').setAttribute('src', tumblr_api_read.posts[11]['photo-url-75']);
  1379. document.getElementById('ji-tumblr-url-gallery-12').setAttribute('href', tumblr_api_read.posts[11]['url-with-slug']);
  1380. document.getElementById('ji-tumblr-photo-gallery-13').setAttribute('src', tumblr_api_read.posts[12]['photo-url-75']);
  1381. document.getElementById('ji-tumblr-url-gallery-13').setAttribute('href', tumblr_api_read.posts[12]['url-with-slug']);
  1382. document.getElementById('ji-tumblr-photo-gallery-14').setAttribute('src', tumblr_api_read.posts[13]['photo-url-75']);
  1383. document.getElementById('ji-tumblr-url-gallery-14').setAttribute('href', tumblr_api_read.posts[13]['url-with-slug']);
  1384. document.getElementById('ji-tumblr-photo-gallery-15').setAttribute('src', tumblr_api_read.posts[14]['photo-url-75']);
  1385. document.getElementById('ji-tumblr-url-gallery-15').setAttribute('href', tumblr_api_read.posts[14]['url-with-slug']);
  1386. document.getElementById('ji-tumblr-photo-gallery-16').setAttribute('src', tumblr_api_read.posts[15]['photo-url-75']);
  1387. document.getElementById('ji-tumblr-url-gallery-16').setAttribute('href', tumblr_api_read.posts[15]['url-with-slug']);
  1388. document.getElementById('ji-tumblr-photo-gallery-17').setAttribute('src', tumblr_api_read.posts[16]['photo-url-75']);
  1389. document.getElementById('ji-tumblr-url-gallery-17').setAttribute('href', tumblr_api_read.posts[16]['url-with-slug']);
  1390. document.getElementById('ji-tumblr-photo-gallery-18').setAttribute('src', tumblr_api_read.posts[17]['photo-url-75']);
  1391. document.getElementById('ji-tumblr-url-gallery-18').setAttribute('href', tumblr_api_read.posts[17]['url-with-slug']);
  1392. </script>
  1393. </div>
  1394.  
  1395.  
  1396.  
  1397. </div>
  1398.  
  1399. <div class="latestbg"> </div>
  1400. </div>
  1401. </div>
  1402. </div>
  1403. {/block:IndexPage}
  1404. <!-- END LATEST PHOTOS -->
  1405.  
  1406.  
  1407.  
  1408.  
  1409.  
  1410.  
  1411.  
  1412.  
  1413.  
  1414.  
  1415.  
  1416.  
  1417. <!-- START CONTAINER -->
  1418. <div data-aos="fade-up" class="fade">
  1419. <div class="container">
  1420.  
  1421.  
  1422.  
  1423. <!-- START SIDEBAR -->
  1424. <div class="sidebar">
  1425.  
  1426.  
  1427.  
  1428.  
  1429.  
  1430.  
  1431. <!-- SIDEBAR : Sidebar Image -->
  1432. <div class="side">
  1433. <div class="sideavatar"><img src="{image:Sidebar}" /></div>
  1434.  
  1435. <center>
  1436. {text:Sidebar Quote}
  1437. </center>
  1438.  
  1439. </div>
  1440. <!-- SIDEBAR : Sidebar Image End -->
  1441.  
  1442.  
  1443.  
  1444.  
  1445.  
  1446.  
  1447.  
  1448.  
  1449. <!-- SIDEBAR : Official Links -->
  1450. <div class="side">
  1451. <div class="titleaccent_offciallinks">O</div>
  1452. <div class="sidetitle">Official Links</div>
  1453. <div class="sideborder"></div>
  1454.  
  1455. <div class="official">
  1456.  
  1457. <a class="imdb" href="{text:IMDB URL}"><i class="fab fa-imdb"></i></a>
  1458. <a class="instagram" href="{text:Instagram URL}"><i class="fab fa-instagram"></i></a>
  1459. <a class="twitter" href="{text:Twitter URL}"><i class="fab fa-twitter"></i></a>
  1460. <a class="facebook" href="{text:Facebook URL}"><i class="fab fa-facebook-f"></i></a>
  1461.  
  1462. <a class="youtube" href="{text:Youtube URL}"><i class="fab fa-youtube"></i></a>
  1463. </div>
  1464.  
  1465. </div>
  1466. <!-- SIDEBAR : Official Links End -->
  1467.  
  1468.  
  1469.  
  1470.  
  1471.  
  1472.  
  1473.  
  1474.  
  1475.  
  1476. <!-- SIDEBAR : Schedule -->
  1477. {block:IndexPage}
  1478. <div class="side">
  1479. <div class="titleaccent_schedule">S</div>
  1480. <div class="sidetitle">Schedule</div>
  1481. <div class="sideborder"></div>
  1482.  
  1483. <!-- EDIT SCHEDULE HERE-->
  1484.  
  1485. <!---
  1486.  
  1487. 1. To add more dates, copy one section from "Schedule Start" to "Schedule End" and paste it after the last schedule block
  1488.  
  1489. 2. To change the date, edit between the <b> and </b>
  1490.  
  1491. 3. Add a small even detail sentence after the </b>
  1492.  
  1493. For example:
  1494.  
  1495. <b>02/14/2020</b> Valentine's Day party at the local high school.
  1496.  
  1497.  
  1498. ----->
  1499.  
  1500. <!--------------- START SCHEDULE BELOW --------------->
  1501.  
  1502.  
  1503. <!-- Schedule Start -->
  1504. <div class="schedule">
  1505. <b>00/00/0000</b> 1x01 "Show Title"
  1506. </div>
  1507. <!-- Schedule End -->
  1508.  
  1509.  
  1510.  
  1511. <!-- Schedule Start -->
  1512. <div class="schedule">
  1513. <b>00/00/0000</b> 1x01 "Show Title"
  1514. </div>
  1515. <!-- Schedule End -->
  1516.  
  1517.  
  1518.  
  1519. <!-- Schedule Start -->
  1520. <div class="schedule">
  1521. <b>00/00/0000</b> 1x01 "Show Title"
  1522. </div>
  1523. <!-- Schedule End -->
  1524.  
  1525. <!--------------- END SCHEDULE --------------->
  1526.  
  1527. </div>
  1528. {/block:IndexPage}
  1529. <!-- SIDEBAR : Schedule End -->
  1530.  
  1531.  
  1532.  
  1533.  
  1534.  
  1535.  
  1536.  
  1537.  
  1538.  
  1539.  
  1540.  
  1541.  
  1542. <!-- SIDEBAR : Events -->
  1543. {block:IndexPage}
  1544. <div class="side">
  1545. <div class="titleaccent_events">E</div>
  1546. <div class="sidetitle">Events</div>
  1547. <div class="sideborder"></div>
  1548.  
  1549.  
  1550. <!-- Schedule Start -->
  1551. <div class="events">
  1552. <b>Month 00, 0000</b> Event Details
  1553. </div>
  1554. <!-- Schedule End -->
  1555.  
  1556.  
  1557.  
  1558. <!-- Schedule Start -->
  1559. <div class="events">
  1560. <b>Month 00, 0000</b> Event Details
  1561. </div>
  1562. <!-- Schedule End -->
  1563.  
  1564.  
  1565.  
  1566. <!-- Schedule Start -->
  1567. <div class="events">
  1568. <b>Month 00, 0000</b> Event Details
  1569. </div>
  1570. <!-- Schedule End -->
  1571.  
  1572.  
  1573.  
  1574. <!-- Schedule Start -->
  1575. <div class="events">
  1576. <b>Month 00, 0000</b> Event Details
  1577. </div>
  1578. <!-- Schedule End -->
  1579.  
  1580.  
  1581. <!-- Schedule Start -->
  1582. <div class="events">
  1583. <b>Month 00, 0000</b> Event Details
  1584. </div>
  1585. <!-- Schedule End -->
  1586.  
  1587. </div>
  1588. {/block:IndexPage}
  1589. <!-- SIDEBAR : Events End -->
  1590.  
  1591.  
  1592.  
  1593.  
  1594.  
  1595.  
  1596.  
  1597.  
  1598.  
  1599.  
  1600.  
  1601. <!-- SIDEBAR : Projects -->
  1602. {block:IndexPage}
  1603. <div class="side">
  1604. <div class="titleaccent_projects">P</div>
  1605. <div class="sidetitle">Projects</div>
  1606. <div class="sideborder"></div>
  1607. <!-- EDIT PROJECTS HERE-->
  1608.  
  1609. <!---
  1610.  
  1611. 1. To add more projects, copy one section from "Project Start" to "Project End" and paste it after the last project block
  1612.  
  1613. 2. To change the photo, use a 350X140 px image of your choice, adding it under "PROJECT IMAGE"
  1614.  
  1615. 3. To change the project title, edit between the <h1> and </h1>
  1616.  
  1617. 4. To change the project details, edit betwwn the <p> and </p>
  1618.  
  1619. 5. To edit the social links, paste the relevant url for IMDB, the official website and another link of your choice ie your tag for the specific project
  1620.  
  1621. For example:
  1622.  
  1623. <h1>Game of Thrones (2011 - 2019)</h1><br>
  1624. <p>
  1625. Emilia as <i>Daenerys Targaryen</i><br>
  1626. Rating: <em>4.5 Stars</em><br>
  1627. </p>
  1628. Nine noble families fight for control over the mythical lands of Westeros, while an ancient enemy returns after being dormant for thousands of years.
  1629.  
  1630.  
  1631. ----->
  1632.  
  1633. <!--------------- START PROJECTS BELOW --------------->
  1634.  
  1635.  
  1636.  
  1637. <!-- Project Start -->
  1638. <div class="projects">
  1639. <img src="https://static.tumblr.com/zvesamf/rafq9dn05/projects_3.jpg" />
  1640. <div class="projectinfo">
  1641. Shane as <b>Character</b> on <i>Show</i>
  1642. </div>
  1643. <p>
  1644. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante.<br>
  1645. Thu 8/7c on The CW / Genre: Drama
  1646. </p>
  1647. <a href="/">IMBD</a>
  1648. <a href="/tagged/">Tag</a>
  1649. </div>
  1650. <!-- Project End -->
  1651.  
  1652.  
  1653.  
  1654.  
  1655.  
  1656.  
  1657. <!-- Project Start -->
  1658. <div class="projects">
  1659. <img src="https://static.tumblr.com/zvesamf/iCnq9ezjg/projects_4.jpg" />
  1660. <div class="projectinfo">
  1661. Shane as <b>Character</b> on <i>Show</i>
  1662. </div>
  1663. <p>
  1664. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante.<br>
  1665. Thu 8/7c on The CW / Genre: Drama
  1666. </p>
  1667. <a href="/">IMBD</a>
  1668. <a href="/tagged/">Tag</a>
  1669. </div>
  1670. <!-- Project End -->
  1671.  
  1672.  
  1673.  
  1674.  
  1675.  
  1676.  
  1677. <!-- Project Start -->
  1678. <div class="projects">
  1679. <img src="https://static.tumblr.com/zvesamf/ZP0q9dn04/projects_1.jpg" />
  1680. <div class="projectinfo">
  1681. Shane as <b>Character</b> on <i>Show</i>
  1682. </div>
  1683. <p>
  1684. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante.<br>
  1685. Thu 8/7c on The CW / Genre: Drama
  1686. </p>
  1687. <a href="/">IMBD</a>
  1688. <a href="/tagged/">Tag</a>
  1689. </div>
  1690. <!-- Project End -->
  1691.  
  1692.  
  1693.  
  1694.  
  1695.  
  1696.  
  1697. <!-- Project Start -->
  1698. <div class="projects">
  1699. <img src="https://static.tumblr.com/zvesamf/GEAq9dn04/projects_2.jpg" />
  1700. <div class="projectinfo">
  1701. Shane as <b>Character</b> on <i>Show</i>
  1702. </div>
  1703. <p>
  1704. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante.<br>
  1705. Thu 8/7c on The CW / Genre: Drama
  1706. </p>
  1707. <a href="/">IMBD</a>
  1708. <a href="/tagged/">Tag</a>
  1709. </div>
  1710. <!-- Project End -->
  1711.  
  1712.  
  1713.  
  1714. </div>
  1715. {/block:IndexPage}
  1716. <!-- SIDEBAR : Projects End -->
  1717.  
  1718.  
  1719.  
  1720.  
  1721.  
  1722.  
  1723.  
  1724.  
  1725.  
  1726.  
  1727.  
  1728.  
  1729.  
  1730. <!-- SIDEBAR : Members -->
  1731. <div class="side">
  1732. <div class="titleaccent_members">M</div>
  1733. <div class="sidetitle">Members</div>
  1734. <div class="sideborder"></div>
  1735.  
  1736. <!-- Start Editors : DO NOT EDIT -->
  1737. {block:GroupMembers}
  1738. {block:GroupMember}
  1739. <div class="member">
  1740. <a href="{GroupMemberURL}"><img src="{GroupMemberPortraitURL-96}"></a>
  1741. <div class="memberinfo">
  1742. <a href="{GroupMemberURL}">{GroupMemberName}</b></a><br>{GroupMemberTitle}</div>
  1743. </div>
  1744. {/block:GroupMember}
  1745. {/block:GroupMembers}
  1746.  
  1747. </div>
  1748. <!-- SIDEBAR : Members End -->
  1749.  
  1750.  
  1751.  
  1752.  
  1753.  
  1754.  
  1755.  
  1756.  
  1757.  
  1758.  
  1759.  
  1760.  
  1761. <!-- SIDEBAR : Extra Section -->
  1762. {block:IndexPage}
  1763. <div class="side">
  1764. <div class="titleaccent_latestvids">V</div>
  1765. <div class="sidetitle">Videos</div>
  1766. <div class="sideborder"></div>
  1767.  
  1768. <div class="latestvideos">
  1769.  
  1770. <iframe width="350" height="200" src="https://www.youtube.com/embed/wrpvHMOAna4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
  1771.  
  1772. </div>
  1773.  
  1774. </div>
  1775. {/block:IndexPage}
  1776. <!-- SIDEBAR : Extra Section End -->
  1777.  
  1778.  
  1779.  
  1780.  
  1781.  
  1782.  
  1783.  
  1784. <!-- SIDEBAR : Affiliates -->
  1785. <div class="side">
  1786. <div class="titleaccent_affiliates">A</div>
  1787. <div class="sidetitle">Affiliates</div>
  1788. <div class="sideborder"></div>
  1789. <div class="affiliates">
  1790.  
  1791. <a title="apply" href="/apply"><img src="https://api.tumblr.com/v2/blog/hvitserkk.tumblr.com/avatar" /></a>
  1792.  
  1793. </div>
  1794. </div>
  1795. <!-- SIDEBAR : Affiliates End -->
  1796.  
  1797.  
  1798.  
  1799.  
  1800.  
  1801.  
  1802. <!-- SIDEBAR : Site Info -->
  1803. <div class="side">
  1804. <div class="titleaccent_siteinfo">S</div>
  1805. <div class="sidetitle">Site Info</div>
  1806. <div class="sideborder"></div>
  1807.  
  1808. <ul class="siteinfo">
  1809. <li><b>About:</b> Shane West </li>
  1810.  
  1811. <li><b>Established:</b> Date</li>
  1812.  
  1813. <li><b>Owner:</b> <a href="https://shanewests.tumblr.com/">shanewests</a></li>
  1814.  
  1815. <li><b>Theme:</b> <a href="https://ethereal-themes.tumblr.com">ethereal</a></li>
  1816. </ul>
  1817. </div>
  1818. <!-- SIDEBAR : Site Info End -->
  1819.  
  1820.  
  1821.  
  1822.  
  1823.  
  1824.  
  1825.  
  1826.  
  1827.  
  1828.  
  1829. <!-- SIDEBAR : Disclaimer -->
  1830. <div class="side">
  1831. <div class="titleaccent_disclaimer">D</div>
  1832. <div class="sidetitle">Disclaimer</div>
  1833. <div class="sideborder"></div>
  1834.  
  1835. <span style="color:{color:Text};font-weight:700;text-transform:uppercase;">{text:Blog Name}</span> <i>claims no credit</i> for any videos posted on this site <b>unless</b> stated otherwise. information on this blog are copyright to their respectful owners. If there is any <em>content</em> appearing on this blog that belongs to you and <b>do not</b> wish for it appear on this site, please <i>message</i> us with a link to say which post and it will be <b>promptly removed</b>.
  1836.  
  1837. </div>
  1838. <!-- SIDEBAR : Disclaimer End -->
  1839.  
  1840.  
  1841. </div>
  1842. <!-- END SIDEBAR -->
  1843.  
  1844.  
  1845.  
  1846.  
  1847.  
  1848.  
  1849.  
  1850.  
  1851.  
  1852.  
  1853. <!-- START POSTS -->
  1854. <div class="posts">
  1855. {block:Posts}
  1856. <div class="postcontainer">
  1857.  
  1858.  
  1859. <!-- START POST INFO -->
  1860. {block:Date}
  1861. <div class="postinfo">
  1862.  
  1863. <div class="postdetails"><a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a></div><div class="postnotes">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div><div class="postauthor">&nbsp;||{block:IfShowPostAuthor}&nbsp;&nbsp;by <a href="{PostAuthorURL}">{PostAuthorName}</a>{/block:IfShowPostAuthor}{block:RebloggedFrom}
  1864. <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>{block:ContentSource}&nbsp;/&nbsp;<a title="{ReblogRootName}" href="{SourceURL}">src</a>{/block:ContentSource}{/block:RebloggedFrom}</div>
  1865.  
  1866. </div>
  1867. {/block:Date}
  1868.  
  1869. {block:IndexPage}
  1870. <div class="postcontrol">
  1871. <a href="{ReblogURL}" target="_blank" class="reblog"><i><span class="iconify" data-icon="ant-design:retweet-outlined" data-inline="false"></span></i></a><a class="like" href="#">{LikeButton}<i><span class="jam jam-heart-f"></span></i></a></a></div>
  1872. {/block:IndexPage}
  1873. <!-- END POST INFO -->
  1874.  
  1875.  
  1876.  
  1877. <!-- Post Styles Start -->
  1878. <div class="iposts" id="{PostID}">
  1879. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1880.  
  1881. {block:Link}
  1882. <div class="linkpost">
  1883. {block:Thumbnail}<div class="linkthumb"><img src="{Thumbnail-HighRes}" /></div>{/block:Thumbnail}
  1884. <div class="caption">
  1885. {block:Host}<div class="link_host">{Host}</div>{/block:Host}<a href="{URL}"><h2>{Name}</h2>{block:Excerpt}<p><i>{Excerpt}</i>{/block:Excerpt}</a> {block:Description}{Description}{/block:Description} </div>
  1886. </div>
  1887. {/block:Link}
  1888.  
  1889. {block:Quote}<h3>{Quote}</h3>-{Source}{/block:Quote}
  1890.  
  1891. {block:Photo}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  1892. </center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  1893.  
  1894. {block:Photoset}<div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  1895. <div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></center>
  1896. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Photoset}
  1897.  
  1898. {block:Chat}
  1899. <div class="caption"><ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul></div>
  1900. {/block:Chat}
  1901.  
  1902. {block:Audio}
  1903. <div class="audio"><div class="audiobox"><div class="button">{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}</div></div><div class="audioinfo">{block:Artist}<h1>{Artist}</h1>{/block:Artist}<br>{block:TrackName}{TrackName}{/block:TrackName}</div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}" /></div>{/block:AlbumArt}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1904.  
  1905. {block:Video}<div class="video"><center>{Video-500}</center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Video}
  1906.  
  1907. {block:Answer}<div class="asker"><div class="askername">{Asker} asked</div></div><div class="question">{Question}</div>{Answer}{/block:Answer}
  1908.  
  1909. </div>
  1910. <!-- POST STYLES END -->
  1911.  
  1912.  
  1913.  
  1914.  
  1915. <!-- POST TAGS START -->
  1916. {block:HasTags}<div class="posttags">
  1917. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1918. </div>{/block:HasTags}
  1919. <!-- POST TAGS END -->
  1920.  
  1921.  
  1922.  
  1923.  
  1924. <!-- PERMALINK NOTES -->
  1925. {block:PostNotes} {PostNotes} {/block:PostNotes}
  1926.  
  1927. </div>
  1928. {/block:Posts}
  1929.  
  1930.  
  1931.  
  1932.  
  1933. <!-- START PAGINATION -->
  1934. {block:IndexPage}
  1935. {block:Pagination}
  1936. <div class="pagination">
  1937.  
  1938. <div class="pagi_prev">
  1939. {block:PreviousPage}
  1940. <a href="{PreviousPage}">previous</a>
  1941. {/block:PreviousPage}
  1942. </div>
  1943.  
  1944. <div class="pagi_next">
  1945. {block:NextPage}
  1946. <a class="next" href="{NextPage}">next</a>
  1947. {/block:NextPage}
  1948. </div>
  1949. </div>
  1950.  
  1951. {/block:Pagination}
  1952. {/block:IndexPage}
  1953. <!-- END PAGINATION -->
  1954.  
  1955.  
  1956.  
  1957.  
  1958. </div>
  1959. <!-- END POSTS -->
  1960.  
  1961.  
  1962.  
  1963.  
  1964.  
  1965. <div id="end"></div>
  1966. </div>
  1967. </div>
  1968. <!-- END CONTAINER -->
  1969.  
  1970.  
  1971.  
  1972.  
  1973.  
  1974. <!-- START FOOTER -->
  1975. <footer>
  1976. {block:IfFooterImage}
  1977. <center>
  1978. <div class="footer_rep"></div><div class="footer_image"></div>
  1979. <div class="footer_copy">copyright © 2018-2020 {text:Blog URL}</a></div>
  1980. </center>
  1981. {/block:IfFooterImage}
  1982.  
  1983. <div class="footer_cred">theme by <a href="https://ethereal-themes.tumblr.com">ethereal-themes</a></div>
  1984. </footer>
  1985. <!-- END FOOTER -->
  1986.  
  1987.  
  1988.  
  1989.  
  1990.  
  1991.  
  1992.  
  1993.  
  1994.  
  1995.  
  1996.  
  1997. <!-- ADDITIONAL SCRIPTS -->
  1998.  
  1999. <!-- Fade In -->
  2000. {block:IndexPage}
  2001. <link rel="stylesheet" href="https://static.tumblr.com/zvesamf/6ZNq3qenc/aos.css" /><script src="https://static.tumblr.com/zvesamf/BgNq3qenc/aos.js"></script>
  2002. <script>
  2003. AOS.init({
  2004. duration: 1600,
  2005. })
  2006. </script>
  2007. {/block:IndexPage}
  2008.  
  2009. {block:IndexPage}
  2010. <script>
  2011. $(function(){$window=$(window);$link=$("#scrollToTop");$link.click(function(){$("html, body").animate({scrollTop:0},"slow")});$window.scroll(function(){if($window.scrollTop()<=1000){$link.fadeOut("fast")}else{$link.fadeIn("fast")}})});
  2012. </script>
  2013.  
  2014. <a href="javascript:;" id="scrollToTop" rel="nofollow"><span class="jam jam-chevron-up"></span></a>
  2015. {/block:IndexPage}
  2016.  
  2017. <!-- Photosets -->
  2018.  
  2019. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  2020. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  2021.  
  2022. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  2023.  
  2024. <script>
  2025. $(document).ready(function(){
  2026. $('.photo-slideshow').pxuPhotoset({
  2027. lightbox: true,
  2028. rounded: false,
  2029. gutter: '0px',
  2030. borderRadius: '0px',
  2031. photoset: '.photo-slideshow',
  2032. photoWrap: '.photo-data',
  2033. photo: '.pxu-photo'
  2034. });
  2035. });
  2036. </script>
  2037.  
  2038.  
  2039. </body></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!