API tools faq
paste
Advertisement
cvndythemes

Personal #04

cvndythemes
Jan 5th, 2020
2,248
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.80 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.  
  12.  
  13.  
  14. <!--
  15.  
  16. >> ETHEREAL THEMES // PERSONAL THEME #004
  17.  
  18. Designed by etherealthemes
  19. etherealthemes.tumblr.com
  20. ⓒ 2016 - 2020
  21. //
  22.  
  23.  
  24. icons by @fontawesome
  25. Cover photo (c) beasty / @beastydesign via unsplash
  26.  
  27. -->
  28.  
  29.  
  30.  
  31. <!-- COLORS -->
  32. <meta name="color:Background" content="#ffffff" />
  33. <meta name="color:Text" content="#151515" />
  34. <meta name="color:Links" content="#929292" />
  35. <meta name="color:Accent" content="#f8b8c2" />
  36. <meta name="color:Accent Gray" content="#bababa" />
  37. <meta name="color:Content" content="#ffffff" />
  38.  
  39.  
  40. <!-- IMAGE -->
  41. <meta name="image:Sidebar" content="https://placehold.it/275X160" />
  42.  
  43.  
  44. <!-- SELECT -->
  45. <meta name="select:Font Size" content="8.5pt" title="Default">
  46. <meta name="select:Font Size" content="8pt" title="Small">
  47. <meta name="select:Font Size" content="9pt" title="Medium">
  48. <meta name="select:Font Size" content="9.5pt" title="Large">
  49.  
  50. <meta name="select:Lightbox" content="0,0,0," title="Black">
  51. <meta name="select:Lightbox" content="255,255,255," title="White">
  52.  
  53. <meta name="select:Post Size" content="300px" title="300">
  54. <meta name="select:Post Size" content="350px" title="350">
  55. <meta name="select:Post Size" content="400px" title="400">
  56. <meta name="select:Post Size" content="450px" title="450">
  57. <meta name="select:Post Size" content="500px" title="500">
  58. <meta name="select:Post Size" content="540px" title="540">
  59.  
  60. <meta name="select:Post Margin" content="75px" title="Small">
  61. <meta name="select:Post Margin" content="100px" title="Medium">
  62. <meta name="select:Post Margin" content="150px" title="Large">
  63. <meta name="select:Post Margin" content="200px" title="X-Large">
  64.  
  65.  
  66. <!-- IF -->
  67. <meta name="if:Invert Tumblr Controls" content="1"/>
  68. <meta name="if:Post Captions" content="1"/>
  69.  
  70. <!-- TEXT -->
  71. <meta name="text:Link One" content="">
  72. <meta name="text:Link One URL" content="">
  73. <meta name="text:Link Two" content="">
  74. <meta name="text:Link Two URL" content="">
  75. <meta name="text:Link Three" content="">
  76. <meta name="text:Link Three URL" content="">
  77. <meta name="text:Link Four" content="">
  78. <meta name="text:Link Four URL" content="">
  79.  
  80.  
  81.  
  82. <!-- SCRIPTS -->
  83. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  84.  
  85. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  86.  
  87. <script>
  88. (function($){
  89. $(document).ready(function(){
  90. $("[title]").style_my_tooltips({
  91. tip_delay_time:200,
  92. tip_fade_speed:300,
  93. tip_follows_cursor:true
  94. }
  95. );
  96. });
  97. })(jQuery);
  98. </script>
  99.  
  100. <script>
  101. $container.infinitescroll({
  102. itemSelector: '.posts',
  103. navSelector: '.pagination',
  104. nextSelector: '.pagination a',
  105. loadingImg: '',
  106. loadingText: '<em></em>',
  107. bufferPx: 2000
  108. },
  109. function( newElements ) {
  110. var $newElems = $(newElements);
  111. var $newElemsIDs = $newElems.map(function(){
  112. return this.id;
  113. }).get();
  114. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  115. });
  116. </script>
  117.  
  118. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  119.  
  120.  
  121. <link rel="stylesheet" href="https://unpkg.com/jam-icons/css/jam.min.css">
  122.  
  123. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i|Domine:400,700' rel='stylesheet' type='text/css'>
  124.  
  125.  
  126.  
  127. <!-- STYLESHEET -->
  128. <style type="text/css">
  129.  
  130. /* --- TUMBLR TOOLS --- */
  131.  
  132. {block:IndexPage}
  133. iframe.tmblr-iframe {
  134. top:14px!important;
  135. right:5!important;
  136. opacity:0;
  137. padding-right:60px;
  138. z-index:15!important;
  139. transform:scale(0.5);
  140. transform-origin:100% 0;
  141. -webkit-transform:scale(0.5);
  142. -webkit-transform-origin:100% 0;
  143. -o-transform:scale(0.5);
  144. -o-transform-origin:100% 0;
  145. -moz-transform:scale(0.5);
  146. -moz-transform-origin:100% 0;
  147. -ms-transform:scale(0.5);
  148. -ms-transform-origin:100% 0;
  149. transition:0.2s ease-in-out;
  150. -webkit-transition:0.2s ease-in-out;
  151. -moz-transition:0.2s ease-in-out;
  152. {block:IfInvertTumblrControls}
  153. filter:invert(1);
  154. -webkit-filter:invert(1);
  155. -o-filter:invert(1);
  156. -moz-filter:invert(1);
  157. -ms-filter:invert(1);
  158. {/block:IfInvertTumblrControls}
  159. }
  160.  
  161. iframe.tmblr-iframe:hover {opacity:0.5!important;}
  162.  
  163. .tcontrols {
  164. position:fixed;
  165. top:20px;
  166. right:15px;
  167. z-index:14;
  168. }
  169.  
  170. .tcontrols span{
  171. color:{color:Text};
  172. font-size:10pt;
  173. }
  174. {/block:IndexPage}
  175.  
  176. {block:PermalinkPage}
  177. iframe.tmblr-iframe {
  178. top:14px!important;
  179. right:5!important;
  180. opacity:.5;
  181. padding-right:60px;
  182. z-index:15!important;
  183. transform:scale(0.5);
  184. transform-origin:100% 0;
  185. -webkit-transform:scale(0.5);
  186. -webkit-transform-origin:100% 0;
  187. -o-transform:scale(0.5);
  188. -o-transform-origin:100% 0;
  189. -moz-transform:scale(0.5);
  190. -moz-transform-origin:100% 0;
  191. -ms-transform:scale(0.5);
  192. -ms-transform-origin:100% 0;
  193. transition:0.2s ease-in-out;
  194. -webkit-transition:0.2s ease-in-out;
  195. -moz-transition:0.2s ease-in-out;
  196. {block:IfInvertTumblrControls}
  197. filter:invert(1);
  198. -webkit-filter:invert(1);
  199. -o-filter:invert(1);
  200. -moz-filter:invert(1);
  201. -ms-filter:invert(1);
  202. {/block:IfInvertTumblrControls}
  203. }
  204. {/block:PermalinkPage}
  205.  
  206. /* --- SELECTION ---*/
  207.  
  208. ::-moz-selection {
  209. color:{color:Content};
  210. background:{color:Accent Gray};
  211. opacity:1;
  212. }
  213.  
  214. ::selection {
  215. color:{color:Content};
  216. background:{color:Accent Gray};
  217. opacity:1;
  218. }
  219.  
  220. /* --- SCROLLBAR ---*/
  221.  
  222. ::-webkit-scrollbar {height:15px;width:15px;background-color:{color:Background}}
  223.  
  224. ::-webkit-scrollbar-track {background-color:{color:Accent Gray};border:7px solid {color:Background};}
  225.  
  226. ::-webkit-scrollbar-thumb {min-height:25px;min-width:25px;background-color:{color:Text};border:7px solid {color:Background};}
  227.  
  228. /* --- Tooltips ---*/
  229.  
  230. #s-m-t-tooltip {
  231. position:absolute;
  232. margin:15px;
  233. max-width:250px;
  234. background-color:{color:Accent};
  235. text-transform:uppercase;
  236. font-family:'Open Sans', sans-serif;
  237. font-size:calc({select:Font Size} - 1px);
  238. font-style:italic;
  239. text-decoration:none;
  240. color:{color:Background};
  241. text-align:center;
  242. padding:3px 6px 4px 6px;
  243. z-index:10;
  244. }
  245.  
  246. /* --- BODY --- */
  247.  
  248. body {
  249. background:{color:Background};
  250. margin:0px;
  251. color:{color:Text};
  252. text-transform:lowercase;
  253. font-style:normal;
  254. font-family:'Open Sans', sans-serif;
  255. font-size:{select:Font Size};
  256. text-decoration:none;
  257. line-height:160%;
  258. }
  259.  
  260. a {color:{color:Links};text-decoration:none;transition:0.2s ease-in-out;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;}
  261.  
  262. a:hover {color:{color:Accent Gray};}
  263.  
  264. b, bold, strong {color:{color:Text};!important;font-weight:600;}
  265. i, em, italic {color:{color:Text};letter-spacing:0.5px;}
  266. sub, sup {border:0px;{color:Text}}
  267. small {{select:Font Size}}
  268.  
  269.  
  270. hr.divider, hr, hr.separator {
  271. display:block;
  272. margin-top:0.5em;
  273. margin-bottom:0.5em;
  274. margin-left:auto;
  275. margin-right:auto;
  276. border-style:inset;
  277. border-color:{color:Links};
  278. border-bottom:1px;
  279. }
  280.  
  281. pre {
  282. white-space:pre-wrap;
  283. white-space:-moz-pre-wrap;
  284. white-space:-pre-wrap;
  285. white-space:-o-pre-wrap;
  286. word-wrap:break-word;
  287. }
  288.  
  289.  
  290. /* --- SIDEBAR ---*/
  291.  
  292. .container {
  293. margin:0 auto;
  294. width:calc({select:Post Size} + 275px + 130px);
  295. }
  296.  
  297.  
  298. /* --- SIDEBAR ---*/
  299.  
  300. .sidebar {
  301. position:fixed;
  302. width:275px;
  303. float:right;
  304. margin-left:calc({select:Post Size} + 270px);
  305. margin-top:100px;
  306. text-align:left;
  307. }
  308.  
  309. .sidebar h3 {
  310. font-family: 'Domine', serif;
  311. font-weight:400;
  312. font-size:calc({select:Font Size} + 12pt);
  313. margin:30px 0 10px 0;
  314. }
  315.  
  316. .sidebar h3 a:hover {color:{color:Accent};}
  317.  
  318. .sidebar i, em {color:{color:Accent};}
  319.  
  320. .icon img {width:275px;}
  321.  
  322. .navigation {width:275px;margin-top:5px;}
  323.  
  324. .navigation a {
  325. font-style:italic;
  326. color:{color:Links};
  327. font-size:calc({select:Font Size} + 1pt);
  328. margin:0px 15px 0px 0px;
  329. }
  330.  
  331. .navigation a:hover {color:{color:Text};}
  332.  
  333. .break {height:20px;width:50px;margin:0px;background:{color:Background};}
  334.  
  335. .find {margin:0px;}
  336.  
  337. .find input {
  338. width:275px;
  339. display:inline-block;
  340. margin:0px;
  341. padding:0px;
  342. border:0px;
  343. outline:0px;
  344. }
  345.  
  346. .find input[type=text] {color:{color:Accent};}, input::-webkit-input-placeholder, input::-moz-placeholder {color:{color:Links};}, input:-moz-placeholder {color:{color:Links};}, input:-ms-input-placeholder {color:{color:Links};}
  347.  
  348.  
  349. @media only screen and (max-width: 1439px) and (min-width: 1025px){
  350.  
  351. .sidebar {
  352. margin-left:calc({select:Post Size} + 190px)!important;
  353. }
  354.  
  355. .posts {margin-left:70px!important;}
  356. }
  357.  
  358. @media only screen and (max-width: 1024px){
  359.  
  360. .sidebar {
  361. margin-left:calc({select:Post Size} + 100px)!important;
  362. }
  363.  
  364. .posts {margin-left:0px!important;}
  365. }
  366.  
  367.  
  368. /* --- POSTS --- */
  369.  
  370. .posts {
  371. margin:0 auto;
  372. width:calc({select:Post Size} + 20px);
  373. float:left;
  374. margin:50px 0px 0px 170px;
  375. background:{color:Background};
  376. }
  377.  
  378. .iposts {min-height:50px;padding:10px;background:{color:Background};}
  379.  
  380. .ipostpxu {width:calc({select:Post Size} - 2px);}
  381.  
  382. .stphoto img {max-width:100%;}
  383.  
  384. iframe, img, embed, object, video {max-width:100%;}
  385.  
  386. .textpost img {max-width:100%;height:auto;}
  387.  
  388. img {border:0;max-width:100%;height:auto}
  389.  
  390. .video {overflow:hidden;width:select:Post Size;}
  391. .vine-embed,#youtube_iframe {width:select:Post Size;}
  392.  
  393. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  394. .video {padding-bottom:1px;}
  395. .video {padding:1px;}
  396.  
  397. /* --- POST INFO --- */
  398.  
  399. .postinfo {
  400. padding:20px 10px 10px 10px;
  401. text-transform:uppercase;
  402. background:{color:Background};
  403. }
  404.  
  405. /* --- POST CONTROL --- */
  406.  
  407. .postcontrol {display:inline-block;color:{color:Text};float:right;margin-right:0px;}
  408.  
  409. .postcontrol span {color:{color:Text};}
  410.  
  411. .postcontrol a {display:inline-block;}
  412.  
  413. .reblog {position:relative;top:0px;font-size:{select:Font Size};}
  414.  
  415. .postcontrol .like .liked + span {
  416. color:{color:Text};
  417. opacity:1;
  418. }
  419.  
  420. .like {
  421. position:relative;
  422. top:1px;
  423. left:3px;
  424. }
  425.  
  426. .like span {
  427. color:{color:Text};
  428. font-size:calc({select:Font Size} + 1pt);
  429. transition:0.2s ease-in-out;
  430. -webkit-transition:0.2s ease-in-out;
  431. -moz-transition:0.2s ease-in-out;
  432. }
  433.  
  434. .postcontrol .like .liked + span {
  435. color:{color:Accent};
  436. }
  437.  
  438. .postcontrol .like .like_button {
  439. position:relative;
  440. }
  441.  
  442. .postcontrol .like .like_button iframe {
  443. position:absolute;
  444. top:0;
  445. left:0;
  446. bottom:0;
  447. right:0;
  448. z-index:2;
  449. opacity:0.000001;
  450. }
  451.  
  452. /* --- POST TAGS --- */
  453.  
  454. .posttags {
  455. text-align:center;
  456. padding:5px 10px 10px 10px;
  457. text-transform:lowercase;
  458. font-style:italic;
  459. color:{color:Accent Gray};
  460. margin-bottom:{select:Post Margin};
  461. background:{color:Background};
  462. }
  463.  
  464. .posttags a {color:{color:Accent Gray};padding:0px 6px 0px 1px;}
  465.  
  466. .posttags a:hover {color:{color:Accent};}
  467.  
  468. /* --- Titles --- */
  469.  
  470. h1, h2 {
  471. text-align:left;
  472. font-style:normal;
  473. color:{color:Text};
  474. font-size:calc({select:Font Size} + 2pt);
  475. text-decoration:none;
  476. line-height:18px;
  477. padding-bottom:10px;
  478. }
  479.  
  480. /* --- Quote and Link --- */
  481.  
  482. h3 {
  483. text-align:left;
  484. font-style:normal;
  485. color:{color:Text};
  486. font-size:calc({select:Font Size} + 2pt);
  487. text-decoration:none;
  488. line-height:18px;
  489. padding-bottom:0px;
  490. }
  491.  
  492. /* --- Blockquote --- */
  493.  
  494. blockquote {
  495. color:{color:Text};
  496. border-left:1px solid {color:Accent Gray};
  497. margin-left:15px;
  498. padding-left:10px;
  499. text-align:left;
  500. }
  501.  
  502. blockquote img {
  503. max-width:100%;
  504. display:block;
  505. margin-bottom:5px;
  506. }
  507.  
  508. /* --- Chat --- */
  509.  
  510. .user_1 .label, .user_3 .label, .user_5 .label, .user_7 .label {font-weight:700;}
  511.  
  512. .user_2 .label, .user_4 .label, .user_6 .label, .user_8 .label {font-weight:700;color:{color:Accent};}
  513.  
  514. ul.chat {
  515. list-style:none;
  516. margin: 0px 0px 0px 0px;
  517. padding: 0px;
  518. text-align:left;
  519. }
  520.  
  521. .chat li {
  522. list-style: none;
  523. margin: 0px;
  524. padding: 2px;
  525. border: none;
  526. }
  527.  
  528. .chat li:first-child {border: none;}
  529.  
  530. /* --- Lists --- */
  531.  
  532. ul { list-style-type:upper-roman; text-align:left;}
  533. li { list-style-type:square;}
  534.  
  535. /* --- Read More--- */
  536.  
  537. .moretext {
  538. font-weight: 400;
  539. font-size: 10px;
  540. margin: 10px 0px 30px;
  541. padding: 5px;
  542. text-align: center;
  543. }
  544.  
  545. .moretext a {
  546. padding: 3px 4px 3px 6px;
  547. font-size: 12px;
  548. letter-spacing: 1px;
  549. text-align: center;
  550. }
  551.  
  552. .moretext a:hover {font-size: 12px;}
  553.  
  554. /* --- AUDIO --- */
  555.  
  556. .audio {width:{select:Post Size};max-height:120px;padding-bottom:10px;}
  557.  
  558. .track {
  559. position:relative;
  560. top:0px;
  561. left:80px;
  562. width:calc({select:Post Size} - 100px - 150px);
  563. height:80px;
  564. padding:10px;
  565.  
  566. }
  567.  
  568. .track h1 {color:{color:Text};font-weight:bold;text-transform:uppercase;margin:0px;font-size:calc({select:Font Size} + 1pt);}
  569.  
  570. .track h2 {color:{color:Links};font-weight:400;margin:-5px 0px 0px 0px;font-size:{select:Font Size};}
  571.  
  572. .player {
  573. position:relative;
  574. top:46px;
  575. left:20px;
  576. width:30px!important;
  577. height:30px!important;
  578. overflow:hidden;
  579. }
  580.  
  581. .albumart {position:relative;top:-130px;height:120px;width:120px;margin:0;margin-left:calc({select:Post Size} - 120px);}
  582.  
  583. .albumart img {height:120px;width:120px;}
  584.  
  585. /* --- QUESTION --- */
  586.  
  587. .questionpost {text-align:left;}
  588.  
  589. .question {color:{color:Background};background:{color:Accent};padding:10px;}
  590.  
  591. .asked {padding-bottom:10px;}
  592.  
  593. .asked a {font-weight:bold;}
  594.  
  595. .asked img {height:25px;width:25px;vertical-align:middle;padding:0px 10px 0px 0px;}
  596.  
  597. /* --- PAGINATION ---*/
  598.  
  599. .pagination {
  600. margin:0 0px 50px 0px;
  601. margin-top:0px;
  602. padding:10px;
  603. text-align:center;
  604. font-style:italic;
  605. background:{color:Background};
  606. }
  607.  
  608. .pagination a {
  609. text-transform:lowercase;
  610. font-style:italic;
  611. text-decoration:none;
  612. color:{color:Text};
  613. text-align:center;
  614. border-bottom:1px solid {color:Text};
  615. padding:0px 2px 2px 3px;
  616. margin:0px 4px;
  617. }
  618.  
  619. /* --- Permalinks --- */
  620.  
  621. ol.notes {
  622. padding:0px 0px 0px 0px;
  623. margin:-40px 0px 25px 10px;
  624. list-style-type: none;
  625. border-bottom: solid 0px;
  626. letter-spacing:1px;
  627. background:{color:Content};
  628. width:{select:Post Size};
  629. }
  630.  
  631. .notes a {color:{color:Text};}
  632. .notes a:hover {color:{color:Text};}
  633.  
  634. ol.notes li.note {
  635. border-top:solid 1px {color:Accent Gray};
  636. padding:10px;
  637. list-style-type:none!important;
  638. }
  639.  
  640. ol.notes li.note img.avatar {
  641. vertical-align:-4px;
  642. margin-right:10px;
  643. width:15px;
  644. height:15px;
  645. display:inline-block;
  646. }
  647.  
  648. ol.notes li.note span.action {font-weight: normal;}
  649.  
  650. ol.notes li.note .answer_content {font-weight: normal;}
  651.  
  652. ol.notes li.note blockquote {
  653. border-color: {color:Text};
  654. padding: 4px 10px;
  655. margin: 10px 0px 0px 25px;
  656. }
  657.  
  658. ol.notes li.note blockquote a {text-decoration: none;}
  659.  
  660. /* --- SCROLL TO TOP --- */
  661.  
  662. #scrollToTop {
  663. display:none;
  664. position:fixed;
  665. bottom:12px;
  666. right:10px;
  667. }
  668.  
  669. #scrollToTop span {
  670. color:{color:Text};
  671. font-size:13pt;
  672. transition:.2s ease-in-out;
  673. -webkit-transition: .2s ease-in-out;
  674. -moz-transition: .2s ease-in-out;
  675. -o-transition: .2s ease-in-out;
  676. }
  677.  
  678. /* --- LIGHTBOXES ---*/
  679.  
  680. .vignette, #vignette {opacity:0; }
  681.  
  682. .lightbox-image, #tumblr_lightbox img {
  683. box-shadow:none !important;
  684. border-radius:0 !important;
  685. max-width:none;
  686. -moz-box-sizing:border-box;
  687. box-sizing:border-box;
  688. }
  689.  
  690. .tmblr-lightbox, #tumblr_lightbox {
  691. background-color:rgba({select:Lightbox}.90) !important;
  692. }
  693.  
  694. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  695.  
  696. {CustomCSS}
  697. </style>
  698. </head>
  699.  
  700.  
  701. <body>
  702.  
  703.  
  704.  
  705.  
  706. {block:IndexPage}
  707. <div class="tcontrols"><span class="jam jam-plus"></span></div>
  708. {/block:IndexPage}
  709.  
  710.  
  711.  
  712. <!-- START CONTAINER -->
  713. <div class="container">
  714.  
  715.  
  716.  
  717. <!-- START SIDEBAR -->
  718. <div class="sidebar">
  719.  
  720. <div class="icon"><img src="{image:Sidebar}" /></div>
  721. <h3><a href="/">{Title}</a></h3>
  722. <div class="break"></div>
  723. <p>
  724. {Description}
  725. <br>
  726. <form action="/search" method="get" class="find" name="sform">
  727. <input type="text" name="q" placeholder="search this blog..." value="" class="upper"/>
  728. </form>
  729. </p>
  730. <div class="break"></div>
  731.  
  732. <div class="navigation">
  733. <a href="/">home</a>
  734. <a href="/">ask</a>
  735. <a href="{text:Link One URL}">{text:Link One}</a>
  736. <a href="{text:Link Two URL}">{text:Link Two}</a>
  737. <a href="{text:Link Three URL}">{text:Link Three}</a>
  738. <a href="{text:Link Four URL}">{text:Link Four}</a>
  739. </div>
  740.  
  741. </div>
  742. <!-- END SIDEBAR -->
  743.  
  744.  
  745.  
  746.  
  747. <!-- START POSTS -->
  748. <div class="posts">
  749. {block:Posts}
  750.  
  751. <!-- Start Individual Posts -->
  752. <div class="iposts" id="{PostID}">
  753.  
  754. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  755.  
  756. {block:Link}<a href="{URL}"><h3>{Name}</h3></a>
  757. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  758.  
  759. {block:Quote}<h3>“{Quote}”</h3><b>{Source}</b>{/block:Quote}
  760.  
  761. {block:Photo}<div class="ipostphoto"><center><img src="{PhotoURL-HighRes}"/></center>{block:IfPostCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfPostCaptions}</div>{/block:Photo}
  762.  
  763. {block:Photoset}<div class="ipostpxu"><center><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<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>
  764. {block:IfPostCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfPostCaptions}</div>{/block:Photoset}
  765.  
  766. {block:Chat}
  767. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  768. {/block:Chat}
  769.  
  770. {block:Video}
  771. <div class="video">{Video-500}</div>
  772. {block:IfPostCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfPostCaptions}
  773. {/block:Video}
  774.  
  775. {block:Answer}
  776. <div class="questionpost"><div class="asked"><img src="{AskerPortraitURL-64}" />{Asker} asked:</div><div class="question">{Question}</div></div>{Answer}{/block:Answer}
  777.  
  778. {block:Audio}
  779. <div class="audio">
  780. <div class="player">{AudioPlayerWhite}</div>
  781. <div class="track">{block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}{block:Artist}<h2>{Artist}</h2>{/block:Artist}</div>
  782. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}" /></div>{/block:AlbumArt}
  783. </div>
  784. {block:IfPostCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfPostCaptions}
  785. {/block:Audio}
  786.  
  787. </div>
  788. <!-- End Individual Posts -->
  789.  
  790.  
  791.  
  792. <!-- START POST INFO -->
  793. <div class="postinfo">
  794.  
  795. <a title="{TimeAgo}" href="{Permalink}">{DayOfWeek}</a> {block:NoteCount} with <a href="{Permalink}" class="notecount">{NoteCount}</a> notes{/block:NoteCount} {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>{block:ContentSource} &bull; <a title="{ReblogRootName}" href="{SourceURL}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  796.  
  797. {block:IndexPage}
  798. <div class="postcontrol">
  799. <a href="{ReblogURL}" target="_blank" class="reblog"><span class="jam jam-refresh"></span></a>
  800. <a href="#" class="like">{LikeButton}<span class="jam jam-heart"></span></a></a>
  801. </div>
  802. {/block:IndexPage}
  803.  
  804. </div>
  805. <!-- END POST INFO -->
  806.  
  807.  
  808.  
  809.  
  810. <!-- START POST TAGS -->
  811. <div class="posttags">{block:HasTags}
  812. {block:Tags}
  813. #<a href="{TagURL}">{Tag}</a>&nbsp;
  814. {/block:Tags}
  815. {/block:HasTags}
  816. </div>
  817. <!-- END POST TAGS -->
  818.  
  819.  
  820.  
  821.  
  822.  
  823. {block:PostNotes} {PostNotes} {/block:PostNotes}
  824. {/block:Posts}
  825.  
  826.  
  827.  
  828. <!-- START PAGINATION -->
  829. <div class="pagination">
  830. {block:Pagination}
  831. {block:PreviousPage}<a href="{PreviousPage}">Back</a>{/block:PreviousPage}
  832. page {CurrentPage} of {TotalPages}
  833. {block:NextPage}<a href="{NextPage}">Forth</a>{/block:NextPage}
  834. {/block:Pagination}
  835. </div>
  836. <!-- END PAGINATION -->
  837.  
  838.  
  839.  
  840. </div></div><!-- END POSTS -->
  841.  
  842. <!-- END CONTAINER -->
  843. </div>
  844.  
  845.  
  846.  
  847.  
  848.  
  849.  
  850.  
  851.  
  852.  
  853.  
  854.  
  855.  
  856.  
  857.  
  858. <!-- ADDITIONAL SCRIPTS -->
  859. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  860. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  861.  
  862. <script>
  863. $(document).ready(function(){
  864. $('.photo-slideshow').pxuPhotoset({
  865. lightbox: true,
  866. rounded: false,
  867. gutter: '2px',
  868. borderRadius: '0px',
  869. photoset: '.photo-slideshow',
  870. photoWrap: '.photo-data',
  871. photo: '.pxu-photo'
  872. });
  873. });
  874. </script>
  875.  
  876. <script>
  877. $('.posts').find('.notecount').each(function(){
  878. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  879. if (n > 999) {
  880. n = Math.floor(n / 100) / 10;
  881. $(this).text(n + 'k');
  882. }
  883. });
  884. </script>
  885.  
  886.  
  887. {block:IndexPage}
  888. <script>
  889. $(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")}})});
  890. </script>
  891.  
  892. <a href="javascript:;" id="scrollToTop" rel="nofollow"><span class="jam jam-chevron-up"></span></a>
  893. {/block:IndexPage}
  894.  
  895.  
  896. </body>
  897. </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!