axiumthemes

theme 10 - scandal

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