axiumthemes

theme 09 - flower

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