API tools faq
paste
axiumthemes

theme 08 - pretty bird

axiumthemes
Dec 20th, 2017
4,528
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.96 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!----------------------------------------------------------------------
  4.  
  5. THEME #08 /// PRETTY BIRD
  6. by WOLFTHEMES
  7.  
  8. rules:
  9. 1. do not claim as your own
  10. 2. if you want to use any part
  11. of the code in your own theme
  12. please ask
  13. 3. don't remove the credit
  14. 4. enjoy :)
  15.  
  16.  
  17. Credit:
  18. Icons - fontawesome 5
  19. Dashboard Captions - neothm.com & magnusthemes.tumblr.com
  20. resize - shythemes.tumblr.com
  21.  
  22.  
  23. -----------------------------------------------------------------------
  24. NOTE:
  25.  
  26. *********** The icons for links along the sidebar are from Font Awesome
  27. version 5. Older icons from Font Awesome will not work.
  28. -----------------------------------------------------------------------
  29. V.1.0.2.
  30.  
  31. * Fixed an issue where multiple captions would make the reblog parent
  32. portrait repeat multiple times
  33. ----------------------------------------------------------------------->
  34.  
  35. <head>
  36. <title>{Title}</title>
  37. <link rel="shortcut icon" href="{Favicon}">
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  39. {block:Description}
  40. <meta name="description" content="{MetaDescription}" />
  41. {/block:Description}
  42.  
  43. <meta name="image:sidebar" content=""/>
  44. <meta name="image:icon" content=""/>
  45.  
  46.  
  47. <meta name="color:accent" content="#ffeb9a"/>
  48. <meta name="color:text" content="#b3b3b3"/>
  49. <meta name="color:link" content="#cccccc"/>
  50. <meta name="color:borders" content="#eeeeee"/>
  51.  
  52. <meta name="text:post width" content="500"/>
  53. <meta name="text:photoset gutter" content="0"/>
  54.  
  55.  
  56. <meta name="text:link 1" content="link"/>
  57. <meta name="text:link 1 URL" content="/"/>
  58. <meta name="text:link 1 icon" content="fas fa-link"/>
  59. <meta name="text:link 2" content="link"/>
  60. <meta name="text:link 2 URL" content="/"/>
  61. <meta name="text:link 2 icon" content="fas fa-link"/>
  62. <meta name="text:link 3" content="link"/>
  63. <meta name="text:link 3 URL" content="/"/>
  64. <meta name="text:link 3 icon" content="fas fa-link"/>
  65. <meta name="text:link 4" content="link"/>
  66. <meta name="text:link 4 URL" content="/"/>
  67. <meta name="text:link 4 icon" content="fas fa-link"/>
  68.  
  69. <link href="https://fonts.googleapis.com/css?family=Barlow|Crimson+Text|David+Libre|IM+Fell+English|Jaldi|Magra|Merriweather|Muli|Nunito|Open+Sans|Oswald|Playfair+Display|Poppins|Rasa|Roboto|Sarala" rel="stylesheet">
  70. <link href="https://use.fontawesome.com/releases/v5.0.0/css/all.css" rel="stylesheet">
  71.  
  72.  
  73. <script>$(document).ready(function(){ $("a[href='#top']").click(function() { $('html, body').animate({ scrollTop: 1000 }, 'slow'); return false; }); });</script>
  74.  
  75. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  76. <script>
  77. $(document).scroll(function() {
  78. var y = $(this).scrollTop();
  79. if (y > 350) {
  80. $('#sidebar').fadeIn(1000);
  81. } else {
  82. $('#sidebar').fadeOut(1000);
  83. }
  84. });
  85. </script>
  86.  
  87. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  88. <script src="https://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
  89. <script>
  90. (function($){
  91. $(document).ready(function(){
  92. $('[title]').style_my_tooltips({
  93. tip_follows_cursor:true,
  94. tip_delay_time:90,
  95. tip_fade_speed:700,
  96. attribute:'title'
  97. });
  98. });
  99. })(jQuery);
  100. </script>
  101.  
  102. <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  103. <script>
  104. !function(a){a.fn.unnest=function(b){var d,e,f,g,h,c=a.extend({yourCaption:".cap",wrapName:".rebloguser",newCaptionUsername:!1,originalPostCaptionUsername:!1,tumblrAvatarClass:".avtar",tumblrAvatars:!0,usernameColon:!0},b),i=c.wrapName.slice(1,c.wrapName.length),j=c.tumblrAvatarClass.slice(1,c.tumblrAvatarClass.length);a(c.yourCaption,this).each(function(){var b=!1,k=!1;a("a.tumblr_blog",this).length<=0&&(b=!0),a(this).find("blockquote").each(function(){a(this).prev().children(".tumblr_blog").length>0&&(a(this).addClass(i),d=a(this).parent().find("a.tumblr_blog").parent("p").html(),c.usernameColon||(d=d.slice(0,-1))),a(this).hasClass(i)&&(a(this).prepend(d),c.tumblrAvatars&&(g=a(this).prev().children("a.tumblr_blog").text(),a(this).prepend('<img src="http://api.tumblr.com/v2/blog/'+g+'.tumblr.com/avatar/30" class="'+j+'" />')))}),a(this).find("a.tumblr_blog:first-of-type").parent("p").remove(),a(c.wrapName,this).each(function(){a(this).parents(c.yourCaption).prepend(a(this))}),h=window.location.hostname;var l=a(this);a.getScript("http://"+h+"/api/read/json").complete(function(){e=l.contents(":not("+c.wrapName+")"),e.text().replace(/\s/g,"").length>0&&(k=l.clone().find(c.wrapName).remove().end().html(),e.remove(),c.newCaptionUsername||b?(f='<blockquote class="'+i+'">',c.tumblrAvatars&&(!b||b&&c.originalPostCaptionUsername)&&(f+='<img src="http://api.tumblr.com/v2/blog/'+h+'/avatar/30" class="'+j+'" />'),(!b||b&&c.originalPostCaptionUsername)&&(f+='<a class="tumblr_blog" href="/">'),(!b||b&&c.originalPostCaptionUsername)&&("undefined"!=typeof tumblr_api_read&&(h=tumblr_api_read.tumblelog.name),console.info(h),f+=h+"</a><p>"),f+=k+"</blockquote>",l.append(f)):l.append('<blockquote class="'+i+'">'+k+"</blockquote>"))})})}}(jQuery);
  105. $('.caption').unnest({
  106. yourCaption: ".cap", //your caption selector, the div wrapping
  107. wrapName: ".rebloguser", //the name of the captions’ new wrapper
  108. newCaptionUsername: false, //if the user adds a new caption, following a series of captions, show their username above the caption
  109. originalPostCaptionUsername: false, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
  110. tumblrAvatars: true, //”dashboard style” caption, have the avatar of the blog next to the username
  111. tumblrAvatarClass: ".avatar", //class of the avatar next to the username
  112. usernameColon: false //if turned to false, removes the colon at the end of usernames bc :) seriously :) hwy :)
  113. });
  114. $('.caption').unnest({
  115. newCaptionUsername: true,
  116. tumblrAvatars: true,
  117. usernameColon: false
  118. });
  119. </script>
  120.  
  121. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  122. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  123. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  124. <script>
  125. $(document).ready(function(){
  126. $('.photo-slideshow').pxuPhotoset({
  127. lightbox: true,
  128. rounded: false,
  129. gutter: '{text:photoset gutter}px',
  130. borderRadius: '0px',
  131. photoset: '.photo-slideshow',
  132. photoWrap: '.photo-data',
  133. photo: '.pxu-photo'
  134. });
  135. });
  136. </script>
  137.  
  138. </head>
  139.  
  140. <style type="text/css">
  141.  
  142.  
  143. /*-------------- SCROLLBAR ----------------*/
  144.  
  145. ::-webkit-scrollbar {
  146. width:9px;
  147. }
  148. ::-webkit-scrollbar {
  149. background: #f9f9f9;
  150. }
  151. ::-webkit-scrollbar-track {
  152. border: 4px solid #f9f9f9;
  153. background: {color:accent};
  154. }
  155. ::-webkit-scrollbar-thumb {
  156. border: 3px solid #f9f9f9;
  157. background: {color:accent};
  158. }
  159.  
  160. /*-------------- TOOLTIP ----------------*/
  161.  
  162. #s-m-t-tooltip {
  163. max-width:300px;
  164. padding:3px 6px 3px 6px;
  165. margin:20px 20px 10px 6px;
  166. font-family: 'Roboto', sans-serif;
  167. font-size:9px;
  168. background: #f2f2f2;color:#888;
  169. border: 1px solid {color:borders};
  170. border-radius: 5px;
  171. z-index:9999999;}
  172.  
  173. ::selection {
  174. background: #eee; /* WebKit/Blink Browsers */
  175. color: #000;
  176. }
  177. ::-moz-selection {
  178. background: #eee; /* Gecko Browsers */
  179. color: #000;
  180. }
  181.  
  182.  
  183. /*-------------- BASIC HTML ----------------*/
  184.  
  185.  
  186. html {
  187. overflow-x:hidden;
  188. background: #f9f9f9;
  189. cursor: url(http://www.rw-designer.com/cursor-extern.php?id=27887), progress !important;
  190. }
  191.  
  192.  
  193. a:hover, img:hover {
  194. cursor: url(http://www.rw-designer.com/cursor-extern.php?id=91283), progress !important;
  195. }
  196.  
  197. body {
  198. font-size: 11px;
  199. color: {color:text};
  200. font-family:'Roboto', sans-serif;
  201. }
  202.  
  203. hr {
  204. border: none;
  205. height: 1px;
  206. background: #eee;
  207. }
  208.  
  209. a {
  210. text-decoration: none;
  211. color: #ccc;
  212. -webkit-transition: all ease 0.8s;
  213. -moz-transition: all ease 0.8s;
  214. transition: all ease 0.8s;
  215. }
  216.  
  217. a:hover, a:active {
  218. color:{color:accent};
  219. -webkit-transition: all ease 0.8s;
  220. -moz-transition: all ease 0.8s;
  221. transition: all ease 0.8s;
  222. }
  223.  
  224. b {
  225. color: #666666;
  226. }
  227.  
  228. blockquote {
  229. border-left: 1px solid #333;
  230. margin: 0;
  231. padding-left: 10px;
  232. }
  233.  
  234. /*------------------------------------------*/
  235.  
  236. iframe.tmblr-iframe {
  237. z-index:99!important;
  238. top:0!important;
  239. right:15px!important;
  240. opacity:0.2;
  241. /* delete invert(1) from here */
  242. filter:invert(1) contrast(150%);
  243. -webkit-filter:invert(1) contrast(150%);
  244. -o-filter:invert(1) contrast(150%);
  245. -moz-filter:invert(1) contrast(150%);
  246. -ms-filter:invert(1) contrast(150%);
  247. /* to here if your blog has a dark background */
  248. transform:scale(0.65);
  249. transform-origin:100% 0;
  250. -webkit-transform:scale(0.65);
  251. -webkit-transform-origin:100% 0;
  252. -o-transform:scale(0.65);
  253. -o-transform-origin:100% 0;
  254. -moz-transform:scale(0.65);
  255. -moz-transform-origin:100% 0;
  256. -ms-transform:scale(0.65);
  257. -ms-transform-origin:100% 0;}
  258.  
  259. iframe.tmblr-iframe:hover {
  260. opacity:0.6!important;
  261. -webkit-transition: all ease 0.8s;
  262. -moz-transition: all ease 0.8s;
  263. transition: all ease 0.8s;}
  264.  
  265. /*------------------------------------------*/
  266.  
  267. #topbar {
  268. width: 500px;
  269. height: 125px;
  270. position: absolute;
  271. left: calc(50% - 250px);
  272. top: 150px;
  273. background: #fff;
  274. z-index: 9;
  275. border-radius: 75px 5px 5px 75px;
  276. border: 1px solid {color:borders};
  277. }
  278.  
  279. .icon img {
  280. position: absolute;
  281. left: 5%;
  282. top: calc(50% - 37.5px);
  283. border-radius: 100%;
  284. width: 75px;
  285. height: 75px;
  286. }
  287.  
  288. .title {
  289. font-size: 15px;
  290. font-family: 'Merriweather', serif;
  291. text-transform: capitalize;
  292. position: absolute;
  293. left: calc(5% + 85px);
  294. top: calc(50% - 37.5px);
  295. font-style: italic;
  296. }
  297.  
  298. .desc {
  299. position: absolute;
  300. left: calc(5% + 85px);
  301. top: calc(50% - 37.5px + 20px);
  302. width: 200px;
  303. }
  304.  
  305. .desc a {
  306. color: {color:accent};
  307. }
  308.  
  309. .desc a:hover {
  310. color:{color:links};
  311. }
  312.  
  313. .links {
  314. text-align: right;
  315. position: absolute;
  316. right: 10px;
  317. top: calc(50% - 56.25px);
  318. font-size: 12px;
  319. text-transform: uppercase;
  320. }
  321.  
  322. .links ul li {
  323. list-style-type:none;
  324. }
  325.  
  326. .links a {
  327. margin-right: 15px;
  328. color: #cccccc;
  329. }
  330.  
  331. .links a:hover {
  332. color:{color:accent};
  333. padding-right: 10px;
  334. }
  335.  
  336. /*------------------------------------------*/
  337.  
  338. #sidebar {
  339. display: none;
  340. width: 250px;
  341. height: auto;
  342. background: #fff;
  343. border: 1px solid {color:borders};
  344. position: fixed;
  345. left: 10%;
  346. top: 20%;
  347. border-radius: 5px;
  348. }
  349.  
  350. #sidebar .img img {
  351. width: 250px;
  352. height: auto;
  353. }
  354.  
  355. #sidebar .sidelinks a {
  356. display: block;
  357. text-transform: uppercase;
  358. border-top: 1px solid {color:borders};
  359. padding: 10px;
  360. }
  361.  
  362. #sidebar .sidelinks a .fas, #sidebar .sidelinks a .far {
  363. position: absolute;
  364. right: 10px;
  365. }
  366.  
  367. /*------------------------------------------*/
  368.  
  369. #pagination {
  370. width: 100%;
  371. text-align: center;
  372. word-spacing: 10px;
  373. color: #666666;
  374. font-size: 10px;
  375. position:absolute;
  376. margin-top: 10px;
  377. }
  378.  
  379. #pagination .current {
  380. color: {color:accent};
  381. }
  382. #pagination a {
  383. color:{color:link};
  384. }
  385.  
  386. #pagination a:hover {
  387. color:{color:accent};
  388. }
  389.  
  390. /*------------------------------------------*/
  391.  
  392. .tippytop {background: #f9f9f9;
  393. height: 30px;
  394. padding: 0;
  395. border-top: 1px solid {color:borders};
  396. }
  397.  
  398. .tippytop a {
  399. color: {color:link}!important;
  400. background:transparent!important;
  401. border: none!important;
  402. }
  403.  
  404. .tippytop a:hover {
  405. color:{color:accent}!important;
  406. }
  407.  
  408. .tippytop a b:hover {
  409. color:{color:accent}!important;
  410. -webkit-transition: all ease 0.8s;
  411. -moz-transition: all ease 0.8s;
  412. transition: all ease 0.8s;
  413. }
  414.  
  415. .tippytop date {
  416. text-transform: uppercase;
  417. }
  418.  
  419. .tippytop date {
  420. position: absolute;
  421. left: 35px;
  422. margin-top: 15px;
  423. }
  424.  
  425. .tippytop from a b {
  426. position: absolute;
  427. left: 35px;
  428. margin-top: 2px;
  429. }
  430.  
  431. .tippytop a.reblog {
  432. position: absolute;
  433. right: 10px;
  434. margin-top: 10px;
  435. }
  436.  
  437. /*------------------------------------------*/
  438.  
  439. #thecontainer {
  440. width: {text:post width}px;
  441. height: auto;
  442. position: relative;
  443. top: 500px;
  444. left: calc(50% - {text:post width}px/2);
  445. z-index: 1;
  446. }
  447.  
  448. #posts {
  449. width: {text:post width}px;
  450. height: auto;
  451. background: #fff;
  452. border: 1px solid {color:borders};
  453. margin-top: 100px;
  454. border-radius: 5px;
  455. color: {color:text};
  456. }
  457.  
  458. #posts:last-child {
  459. margin-bottom: 100px;
  460. }
  461.  
  462. #posts:first-child {
  463. margin-top: 0px;
  464. }
  465.  
  466. .caption {
  467. {block:Caption}margin: 10px;{/block:Caption}
  468. border-top: 1px solid {color:borders};
  469. }
  470.  
  471. .caption img {
  472. margin: 0;
  473. padding: 0;
  474. max-width: calc(450px - 20px);
  475. }
  476.  
  477. #posts a {
  478. color: {color:accent};
  479. }
  480.  
  481. #posts a:hover {
  482. color: #333333;
  483. }
  484. .cap {
  485. margin: 0 10px 0 10px;
  486. }
  487.  
  488. .rebloguser {
  489. border-top: 1px solid {color:borders};
  490. margin-top: 10px;
  491. padding-top: 10px;
  492. }
  493.  
  494. .rebloguser:first-child {
  495. border-top: none;
  496. padding-top: 3px;
  497. }
  498.  
  499. .rebloguser a {
  500. color: {color:accent};
  501. }
  502.  
  503. .rebloguser a:hover {
  504. color: #333333;
  505. }
  506.  
  507. img.avatar {
  508. height: 14px;
  509. width: 14px;
  510. border-radius: 5px;
  511. margin-left: 10px;
  512. margin-right: 3px;
  513. float: left;
  514. }
  515.  
  516. /*------------------------------------------*/
  517.  
  518. .tags {
  519.  
  520. border-top: 1px solid {color:borders};
  521. font-style: italic;
  522. padding: 10px 5px;
  523. }
  524.  
  525. .tags a {
  526. margin-right: 15px;
  527. color:{color:link}!important;
  528. }
  529.  
  530. .tags a:hover {
  531. color: #333333!important;
  532. }
  533.  
  534. .tags .fas {
  535. font-size: 9px;
  536. }
  537.  
  538. /*------------------------------------------*/
  539.  
  540. .quotes {
  541. font-weight: 400;
  542. margin: 20px;
  543. font-size: 12px;
  544. }
  545.  
  546. /*------------------------------------------*/
  547.  
  548. .posttitle {
  549. color: #737373;
  550. margin: 10px;
  551. text-align: center;
  552. font-size: 13px;
  553. text-transform: capitalize;
  554. }
  555. /*------------------------------------------*/
  556.  
  557. .question {
  558. background: #f2f2f2;
  559. padding: 10px 5px;
  560. color: {color:text};
  561. border-bottom: 1px solid {color:borders};
  562. }
  563.  
  564. .question img {
  565. float:left;
  566. width: 16px;
  567. height: 16px;
  568. margin-right: 5px;
  569. margin-left: 10px;
  570. border-radius: 5px;
  571. }
  572.  
  573. .ask {
  574. margin: 5px 50px;
  575. }
  576.  
  577. .answerer {
  578. margin-top: 10px;
  579. }
  580.  
  581. .answerer img {
  582. float:left;
  583. width: 16px;
  584. height: 16px;
  585. margin-right: 5px;
  586. margin-left: 5px;
  587. border-radius: 5px;
  588. }
  589.  
  590. /*------------------------------------------*/
  591.  
  592.  
  593.  
  594. /*------------------------------------------*/
  595. .permalinks {
  596. background: #fff;
  597. border: 1px solid #eee;
  598. margin-top: 10px;
  599. border-radius: 5px;
  600. color: #999999;
  601. }
  602.  
  603. .permalinks ol li {
  604. list-style-type:none;
  605. margin:0;
  606. padding: 0;
  607. line-height: 3;
  608. }
  609.  
  610. .permalinks li {
  611. margin-bottom: 15px;
  612. }
  613.  
  614. .permalinks a {
  615. color: #333;
  616. }
  617.  
  618. .permalinks a:hover {
  619. color: {color:accent};
  620. }
  621.  
  622. .permalinks img {
  623. height: 12px;
  624. width:12px;
  625. float:left;
  626. margin-top: 10px;
  627. margin-right: 10px;
  628. border-radius: 100%;
  629. }
  630. /*------------------------------------------*/
  631.  
  632.  
  633. </style>
  634. <body>
  635.  
  636. <div id="topbar">
  637. <div class="icon"><img src="{image:icon}"></div>
  638. <div class="title"><a href="/">{title}</a></div>
  639. <div class="desc">{Description}</div>
  640. <div class="links">
  641. <ul>
  642. <li><a href="/">home</a></li>
  643. <li><a href="/ask">ask</a></li>
  644. <li>{block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{block:iflink1}</li>
  645. <li>{block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{block:iflink2}</li>
  646. <li>{block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{block:iflink3}</li>
  647. <li>{block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{block:iflink4}</li>
  648. </ul></div>
  649. </div>
  650.  
  651. <div id="sidebar">
  652. <div class="img"><img src="{image:sidebar}"></div>
  653. <div class="sidelinks">
  654. <a href="/">home <i class="fas fa-home"></i></a>
  655. <a href="/ask">ask <i class="far fa-envelope"></i></a>
  656. {block:iflink1}<a href="{text:link 1 url}">{text:link 1} <i class="fas fa-link"></i></a>{block:iflink1}
  657. {block:iflink2}<a href="{text:link 2 url}">{text:link 2} <i class="fas fa-link"></i></a>{block:iflink2}
  658. {block:iflink3}<a href="{text:link 3 url}">{text:link 3} <i class="fas fa-link"></i></a>{block:iflink3}
  659. {block:iflink4}<a href="{text:link 4 url}">{text:link 4} <i class="fas fa-link"></i></a>{block:iflink4}
  660. <div class="topmark"><a href="#top">back to top <i class="fas fa-angle-up"></i></a></div>
  661. </div>
  662. {block:IndexPage}
  663. <div id="pagination">
  664. {block:Pagination}
  665. {block:PreviousPage}
  666. <a class="prev" href="{PreviousPage}" title="back">back</a>
  667. {/block:PreviousPage}
  668. {block:JumpPagination length="5"}
  669. {block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}
  670. {block:JumpPage}<a class="jump" href="{URL}" title="page {PageNumber}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  671. {block:NextPage}
  672. <a class="next" href="{NextPage}" title="next">next</a>
  673. {/block:NextPage}
  674. {/block:Pagination}
  675. </div>
  676. {/block:IndexPage}
  677. </div>
  678.  
  679.  
  680. <div id="thecontainer">
  681. {block:Posts}
  682.  
  683.  
  684. <div id="posts">
  685.  
  686.  
  687. {block:Answer}
  688. <div class="question"><img src="{AskerPortraitURL-24}">{Asker} asked: <div class="ask">{Question}</div></div>
  689. <div class="cap">{block:Answerer}<div class="answerer"><img src="{AnswererPortraitURL-24}"> {Answerer} said:</div>{/block:Answerer}{Answer}</div>
  690. {/block:Answer}
  691.  
  692.  
  693.  
  694. {block:Text}{block:Title}<div class="posttitle"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  695. <div class="caption">{block:Reblogs}
  696. <div class="rebloguser">
  697. {block:IsNotOriginalEntry}
  698. <img class="avatar" src="{PortraitURL-64}" /><a href="{Permalink}">{Username}</a>
  699. {/block:IsNotOriginalEntry}
  700. {block:IsOriginalEntry}
  701. <img class="avatar" src="{PortraitURL-64}" /><a href="{Permalink}">{Username}</a>
  702. {/block:IsOriginalEntry}
  703. </div>
  704. <div class="cap">
  705. {Body}
  706. </div>
  707. {/block:Reblogs}
  708. {block:NotReblog}
  709. <div class="cap">
  710. {Body}
  711. </div>
  712. {/block:NotReblog}</div>
  713. {/block:Text}
  714.  
  715.  
  716.  
  717. {block:Photo}<img src="{PhotoURL-500}" width="{text:post width}px">
  718. <div class="caption">
  719. {block:Reblogs}
  720. <div class="rebloguser">
  721. {block:IsNotOriginalEntry}
  722. <img class="avatar" src="{PortraitURL-64}" /><a href="{Permalink}">{Username}</a>
  723. {/block:IsNotOriginalEntry}
  724. {block:IsOriginalEntry}
  725. <img class="avatar" src="{PortraitURL-64}" /><a href="{Permalink}">{Username}</a>
  726. {/block:IsOriginalEntry}
  727. </div>
  728. <div class="cap">
  729. {Body}
  730. </div>
  731. {/block:Reblogs}
  732. {block:NotReblog}
  733. {block:Caption}
  734. <div class="cap">
  735. {Caption}
  736. </div>
  737. {/block:Caption}
  738. {/block:NotReblog}</div>
  739. {/block:Photo}
  740.  
  741. {block:Photoset}<div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  742. <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></div></center></div>
  743. <div class="caption">
  744. {block:Reblogs}
  745. <div class="rebloguser">
  746. {block:IsNotOriginalEntry}
  747. <img class="avatar" src="{PortraitURL-64}" /><a href="{Permalink}">{Username}</a>
  748. {/block:IsNotOriginalEntry}
  749. {block:IsOriginalEntry}
  750. <img class="avatar" src="{PortraitURL-64}" /><a href="{Permalink}">{Username}</a>
  751. {/block:IsOriginalEntry}
  752. </div>
  753. <div class="cap">
  754. {Body}
  755. </div>
  756. {/block:Reblogs}
  757. {block:NotReblog}
  758. {block:Caption}
  759. <div class="cap">
  760. {Caption}
  761. </div>
  762. {/block:Caption}
  763. {/block:NotReblog}</div>
  764. {/block:Photoset}
  765.  
  766. {block:Quote}<div class="quotes"><i class="fas fa-fw fa-quote-left"></i>
  767. {Quote}</div>
  768. {block:Source}<div class="cap" style="margin:10px; text-align:right;"><i class="far fa-comment"></i> {Source}</div>{/block:Source}
  769. {/block:Quote}
  770.  
  771. {block:Link}<div class="posttitle"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  772. {block:Description}{Description}{/block:Description}{/block:Link}
  773.  
  774. {block:Chat}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  775.  
  776. {block:Lines}<li>{block:Label}<div class="label">{Label}</div>{/block:Label}
  777. <div class="line">{Line}</div></li>{/block:Lines}{/block:Chat}
  778.  
  779. {block:Video}<div class="video">{Video-500}</div><div class="caption">
  780. {block:Reblogs}
  781. <div class="rebloguser">
  782. {block:IsNotOriginalEntry}
  783. <img class="avatar" src="{PortraitURL-64}" /><a href="{Permalink}">{Username}</a>
  784. {/block:IsNotOriginalEntry}
  785. {block:IsOriginalEntry}
  786. <img class="avatar" src="{PortraitURL-64}" /><a href="{Permalink}">{Username}</a>
  787. {/block:IsOriginalEntry}
  788. </div>
  789. <div class="cap">
  790. {Body}
  791. </div>
  792. {/block:Reblogs}
  793. {block:NotReblog}
  794. {block:Caption}
  795. <div class="cap">
  796. {Caption}
  797. </div>
  798. {/block:Caption}
  799. {/block:NotReblog}</div>
  800. {/block:Video}
  801.  
  802. {block:Audio}{AudioEmbed}<div class="caption">
  803. {block:Reblogs}
  804. <div class="rebloguser">
  805. {block:IsNotOriginalEntry}
  806. <img class="avatar" src="{PortraitURL-64}" /><a href="{Permalink}">{Username}</a>
  807. {/block:IsNotOriginalEntry}
  808. {block:IsOriginalEntry}
  809. <img class="avatar" src="{PortraitURL-64}" /><a href="{Permalink}">{Username}</a>
  810. {/block:IsOriginalEntry}
  811. </div>
  812. <div class="cap">
  813. {Body}
  814. </div>
  815. {/block:Reblogs}
  816. {block:NotReblog}
  817. {block:Caption}
  818. <div class="cap">
  819. {Caption}
  820. </div>
  821. {/block:Caption}
  822. {/block:NotReblog}</div>
  823. {/block:Audio}
  824.  
  825. <div class="tippytop">
  826. {block:Date}<date><a href="{Permalink}" title="{12Hour}:{Minutes}:{Seconds} {AmPm}">{DayOfMonthWithZero} {ShortMonth} {block:PermalinkPage}{ShortYear}{/block:PermalinkPage}</a> &middot; {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}</date>{/block:Date}
  827. {block:RebloggedFrom}<from><a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-30}"><b>{ReblogParentName}</b></a></from>{/block:RebloggedFrom}
  828. {block:NotReblog}
  829. <from><a href="{URL}"><img src="{PortraitURL-30}"><b>original</b></a></from>
  830. {/block:NotReblog}
  831. <a class="reblog" href="{ReblogURL}" title="reblog"><i class="fas fa-redo-alt"></i></a>
  832. </div>
  833. {block:HasTags}<div class="tags">{block:Tags}<i class="fas fa-tag"></i> <a href="{TagURL}" title="{Tag}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  834. </div>
  835.  
  836.  
  837.  
  838.  
  839.  
  840. {block:PermalinkPage}
  841. {block:PostNotes}<div class="permalinks">
  842. {PostNotes-16}<br>
  843. </div>{/block:PostNotes}
  844. {/block:PermalinkPage}
  845.  
  846. {/block:Posts}
  847.  
  848. </div>
  849.  
  850.  
  851. <!---------------DONT TOUCH PLS------------------->
  852. <a href="http://wolfthemes.tumblr.com" style="position:fixed; bottom:10px; right:10px; font-size:9px;" title="wolfthemes">wolf</a>
  853. <!------------------------------------------------>
  854. </body>
  855. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!