API tools faq
paste
Advertisement
williamhiddles

THEME 17

williamhiddles
Oct 25th, 2019
309
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.53 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----------base code by clumhood
  5. ADAPTED BY @ SOLDIERWINTER
  6.  
  7. all the credits > soldierwinter.tumblr.com/themecredits
  8. ------------>
  9.  
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15.  
  16. <!--------DEFAULT VARIABLES-------->
  17.  
  18. <meta name="color:background" content="#ffffff"/>
  19. <meta name="color:text" content="#333333"/>
  20. <meta name="color:links" content="#5b5b5b"/>
  21. <meta name="color:links hover" content="#c9c9c9"/>
  22. <meta name="color:scrollbar bg" content="#ffffff"/>
  23. <meta name="color:scrollbar" content="#eeeeee">
  24. <meta name="color:accent" content="#000000"/>
  25. <meta name="color:underlines" content="#000000"/>
  26. <meta name="color:bold" content="#333333"/>
  27.  
  28. <meta name="image:sidebar image" content=""/>
  29. <meta name="image:background image" content=""/>
  30.  
  31. <meta name="text:link 1 title" content="link">
  32. <meta name="text:link 1 url" content=" ">
  33. <meta name="text:link 2 title" content="link">
  34. <meta name="text:link 2 url" content=" ">
  35. <meta name="text:link 3 title" content="link">
  36. <meta name="text:link 3 url" content=" ">
  37.  
  38. <meta name="if:show link 1" content="1" />
  39. <meta name="if:show link 2" content="1" />
  40. <meta name="if:show link 3" content="1" />
  41. <meta name="if:show sidebar image" content="1" />
  42. <meta name="if:show side title" content="1" />
  43.  
  44.  
  45. <!----------------SCRIPTS---------------->
  46. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  47. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  48. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  49. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  50. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.9/css/all.css" integrity="sha384-5SOiIsAziJl6AWe0HWRKTXlfcSHKmYV4RBF18PPJ173Kzn7jzMyFuTtk8JA7QQG1" crossorigin="anonymous">
  51. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  52. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  54. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  55. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  56. <script>
  57. (function($){
  58. $(document).ready(function(){
  59. $("[title]").style_my_tooltips({
  60. tip_follows_cursor:true,
  61. tip_delay_time:200,
  62. tip_fade_speed:300
  63. });
  64. });
  65. })(jQuery);
  66. </script>
  67.  
  68. <script>// video resizing script by shythemes
  69. $(document).ready(function(){
  70. resizeVideos();
  71. });
  72. function resizeVideos() {
  73. $('.video:not(.resized) iframe:not(.tumblr_video_iframe)').each(function(){
  74. var vw = $(this).width();
  75. var vh = $(this).height();
  76. var scale = $(this).parents('.video').width() / vw;
  77. $(this).attr({
  78. width: Math.floor($(this).attr('width') * scale),
  79. height: Math.floor($(this).attr('height') * scale)
  80. });
  81. $(this).parents('.video').addClass('resized');
  82. });
  83. $('.video:not(.resized) .tumblr_video_iframe').each(function(){
  84. var vw = $(this).width();
  85. var vh = $(this).height();
  86. var scale = $(this).parents('.video').width() / vw;
  87. $(this).css({
  88. 'transform': 'scale(' + scale + ')',
  89. 'margin': vh * (scale - 1) / 2 + 'px ' + vw * (scale - 1) / 2 + 'px'
  90. });
  91. $(this).parents('.tumblr_video_container').css({
  92. width: Math.floor(vw * ( scale + 1 ) / 2),
  93. height: Math.floor(vh * ( scale + 1 ) / 2)
  94. });
  95. $(this).parents('.video').addClass('resized');
  96. });
  97. }
  98.  
  99. </script>
  100.  
  101. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  102. <script>
  103. /* questions? ask oddhour.tumblr.com */
  104. /* Script edited by arianagrandes.tumblr.com, all credits goes to oddhour */
  105. var updatePhotosetCss = "<style id='updatePhotosetStyle'> .photoset .photoset_row img { display: block; } .photoset .photoset_row.photoset_row_1 img { max-width: 540px; } .photoset .photoset_row.photoset_row_2 img { max-width: 268px; } .photoset .photoset_row.photoset_row_3 img { max-width: 178px; } .photoset .photoset_row .photoset_photo { margin-left: 2px; } .photoset .photoset_row { text-align: center; width: 540px; } .photoset { width: 540px; }</style>";
  106. function updatePhotoset() {
  107.  
  108. $(".photoset:not(.540-resized)").each( function (i, e) {
  109. if($(this.contentDocument).find("#updatePhotosetStyle").size() <= 0)
  110. $(this.contentDocument).find("head").append(updatePhotosetCss);
  111. var photoset = $(this.contentDocument).find(".photoset");
  112. var photosetRows = photoset.find(".photoset_row");
  113. photoset.find(".photoset_photo")
  114. .each(function () {
  115. var hiResSrc = $(this).attr("href");
  116. var img = $(this).find('img');
  117. img.attr("src", hiResSrc );
  118. img.attr("style", "");
  119. });
  120. photosetRows.attr("style", "").css("margin-bottom", "-8px");
  121. photoset.attr("style","");
  122. photoset.addClass("540-resized");
  123. $(this).height($(this.contentDocument.body).height());
  124. });
  125. }
  126.  
  127. updatePhotoset();
  128.  
  129. var photosetTimer = setInterval(updatePhotoset, 1500);
  130. $(window).on('load', function () { setTimeout(function() {clearInterval(photosetTimer)}, 2000); })
  131. </script>
  132. <!-------------------------------------------------------------------->
  133.  
  134.  
  135. <!------------------------UNNEST SCRIPT--------------------->
  136. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  137. </script><script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  138. <script>
  139. $(function(){ $('.posts').unnest({
  140. yourCaption: ".caption",
  141. wrapName: ".cap",
  142. newCaptionUsername: true,
  143. originalPostCaptionUsername: false,
  144. tumblrAvatars: true,
  145. tumblrAvatarClass: ".icon",
  146. usernameColon: false
  147. }); }); </script>
  148. <!------------------------TOOLTIPS SCRIPT--------------------->
  149.  
  150. <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i" rel="stylesheet">
  151. <link href="https://fonts.googleapis.com/css?family=Mina:400,700" rel="stylesheet">
  152. <link href="https://fonts.googleapis.com/css?family=Raleway:400,400i,700,700i" rel="stylesheet">
  153. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
  154. <link href="https://fonts.googleapis.com/css?family=Exo:400,400i,600,700,700i" rel="stylesheet">
  155. <style type="text/css">
  156.  
  157. ul {
  158. list-style: none;
  159. }
  160.  
  161. ul li:before {
  162. content: "━ ";
  163. font-size:13px;
  164. color:{color:links hover};
  165.  
  166. }
  167.  
  168. /*----------tooltips---------*/
  169.  
  170. #s-m-t-tooltip {
  171. max-width:300px;
  172. margin:15px;
  173. padding:3px;
  174. border:1px solid #eeeeee;
  175. border-radius:0px;
  176. background:#ffffff;
  177. color:{color:text};
  178. z-index:999999;
  179. font-size:10px;
  180. font-style:none;
  181. font-weight:bold;
  182. letter-spacing:1px;
  183. font-family:'Exo', sans-serif;
  184. text-transform:normal;
  185. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  186. -webkit-transition:all 0.3s;
  187. -moz-transition:all 0.3s;
  188. -ms-transition:all 0.3s;
  189. -o-transition:all 0.3s;
  190. transition:all 0.3s;
  191. }
  192.  
  193. /*----------SCROLLBAR---------*/
  194.  
  195. ::-webkit-scrollbar {
  196. background-color: {color:scrollbar bg};
  197. height:5px;
  198. width:3px;
  199. }
  200.  
  201. ::-webkit-scrollbar-thumb:vertical {
  202. background-color:{color:scrollbar};
  203. height:50px;
  204. }
  205.  
  206. ::-webkit-scrollbar-thumb:horizontal {
  207. background-color:{color:scrollbar bg};
  208. height:5px;
  209. }
  210.  
  211. /*----------unnest---------*/
  212.  
  213. .tumblr_blog {
  214. display:block;
  215. vertical-align:middle; /* this is to center the url to the height of the icon */
  216. line-height:20px; /* change this to the height of the icon */
  217. margin-bottom:5px;
  218. font-family: 'Mina', sans-serif;
  219. font-size:12px;
  220. text-transform:lowercase;
  221. font-weight:bold!important;
  222. color:{color:links};
  223. }
  224.  
  225. .tumblr_blog a:hover {
  226. text-decoration:underline;
  227. color:{color:links};
  228. }
  229.  
  230. .icon {
  231. width:23px; /* size of the icon */
  232. height:23px; /* size of the icon */
  233. margin-right:10px; /* space between icon and url */
  234. display:inline-block;
  235. float:left;
  236. border-radius:30px; /* change to 100% for circular icon */
  237. }
  238.  
  239. .cap {
  240. margin-left:0px;
  241. width:540px;
  242. }
  243.  
  244. .cap blockquote {
  245. width:540px;
  246. margin-left:0px;
  247. }
  248.  
  249. /*----------BASICS---------*/
  250.  
  251. body {
  252. background:{color:background} url({image:background image}) repeat right top fixed;
  253. color:{color:text};
  254. font-family: 'Open Sans', sans-serif;
  255. line-height:15px;
  256. font-size:11px;
  257. margin:100px auto;
  258. text-align:left;
  259. padding-left:250px;
  260. width:540px;
  261. }
  262.  
  263. blockquote {
  264. padding-left:10px;
  265. border-left:1px solid;
  266. border-color:#eeeeee;
  267. margin:10px;
  268. }
  269.  
  270. a {
  271. color:{color:links};
  272. text-decoration:none;
  273. }
  274.  
  275. u {
  276. text-decoration:underline;
  277. }
  278.  
  279. a:hover {
  280. text-decoration:none;
  281. color: {color:links hover};
  282. -webkit-transition:all 0.5s;
  283. -moz-transition:all 0.5s;
  284. -ms-transition:all 0.5s;
  285. -o-transition:all 0.5s;
  286. transition:all 0.5s;
  287. }
  288.  
  289. img {
  290. opacity:1;
  291. text-decoration:none;
  292. }
  293.  
  294. small {
  295. font-size:11px;
  296. font-weight:none;
  297. }
  298.  
  299. h1 {
  300. font-size:15px;
  301. font-weight:bold;
  302. }
  303.  
  304. /*----------SELECTION---------*/
  305.  
  306. ::-moz-selection {
  307. color: {color:background};
  308. background: {color:accent};
  309. }
  310.  
  311. ::selection {
  312. color: {color:background};
  313. background: {color:accent};
  314. }
  315.  
  316. /*----------SIDEBAR---------*/
  317.  
  318. .sidebar {
  319. position:fixed;
  320. top:125px;
  321. width:268px;
  322. margin-left:-375px;
  323. margin-top:0px;
  324. height:100%;
  325. }
  326.  
  327. .sidebarimage {
  328. width:268px;
  329. }
  330.  
  331. .title {
  332. font-size:15px;
  333. text-align:left;
  334. text-transform:lowercase;
  335. font-family: 'Exo', sans-serif;
  336. font-weight:600;
  337. letter-spacing:2px;
  338. color:{color:links};
  339. margin-top:10px;
  340. padding: 5px;
  341. width:263px;
  342.  
  343. }
  344.  
  345. .title a:hover {
  346. color:{color:links hover};
  347. }
  348.  
  349.  
  350. .description {
  351. width:263px;
  352. text-align:justify;
  353. font-family: 'Open Sans', sans-serif;
  354. margin-top:5px;
  355. }
  356.  
  357. .links {
  358. margin-top:-5px;
  359. text-align:left;
  360. font-size:12px;
  361. width:263px;
  362. text-transform:uppercase;
  363. font-family: 'Raleway', sans-serif;
  364. font-weight:bold;
  365. line-height:1.2em;
  366. color:{color:links};
  367. }
  368.  
  369. .links a {
  370. display:inline-block;
  371. padding:3px;
  372. font-size:12px;
  373. color:{color:links};
  374. letter-spacing:0px;
  375. border-bottom:0px solid #eee;
  376. }
  377.  
  378. .links a:hover {
  379. font-size:12px;
  380. padding:3px;
  381. color:{color:links};
  382. text-decoration:none;
  383. letter-spacing:0px;
  384. transition: transform .2s;
  385. transform: scale(1.1);
  386.  
  387. }
  388.  
  389. /*----------ICONS---------*/
  390.  
  391. .sf-heart-o { /*heart next to the notes*/
  392. font-size:8px;
  393. }
  394.  
  395. /*----------PAGINATION---------*/
  396.  
  397.  
  398. .pagination {
  399. padding:20px;
  400. margin-top:10px;
  401. margin-left:auto;
  402. margin-right:auto;
  403. font-size:20px;
  404. font-family: 'Mina', sans-serif;
  405. text-align:center;
  406. font-weight:bold;
  407. color:{color:links};
  408. letter-spacing:1px;
  409. }
  410.  
  411. .pagination a {
  412. box-shadow: {color:underlines} 0 -3px inset;
  413. color:{color:links};
  414. }
  415.  
  416. /*----------POSTS---------*/
  417.  
  418. .entries {
  419. margin-left:580px;
  420. margin-top:50px;
  421. width:540px;
  422. margin:50px 0px;
  423. }
  424.  
  425. .posts {
  426. width:540px;
  427. margin-bottom:80px;
  428. position:relative;
  429. padding:10px;
  430. }
  431.  
  432. .oddhour-high-res { width: 540px; text-align: center; }
  433. .oddhour-high-res img { max-width: 100%; }
  434.  
  435. /*----------lightbox---------*/
  436. .vignette, #vignette {
  437. opacity:0;
  438. }
  439. .lightbox-image, #tumblr_lightbox img {
  440. box-shadow:none !important;
  441. border-radius:0 !important;
  442. max-width:none;
  443. }
  444. .tmblr-lightbox, #tumblr_lightbox {
  445. background-color:rgba(238, 238, 238, 1) !important;
  446. }
  447. /*----------quotes---------*/
  448.  
  449. .quote {
  450. text-transform:uppercase;
  451. font-size:14px;
  452. font-weight:bold;
  453. text-align:center;
  454. }
  455.  
  456. .quotesource {
  457. text-align:center;
  458. margin-top:10px;
  459. }
  460.  
  461. /*----------CHAT---------*/
  462.  
  463. .chat {
  464. line-height:150%;
  465. list-style:none;
  466. }
  467.  
  468. .line.odd {
  469. padding:10px;
  470. background:#f8f8f8;
  471. }
  472.  
  473. .line.even {
  474. padding:10px;
  475. }
  476.  
  477. .label {
  478. text-transform:uppercase;
  479. font-size:10px;
  480. letter-spacing:1px;
  481. font-weight:bold;
  482. }
  483.  
  484. /*----------AUDIO---------*/
  485.  
  486. .cover {
  487. position:relative;
  488. z-index:1;
  489. width:78px;
  490. height:78px;
  491. padding:10px;
  492. float:left;
  493. }
  494.  
  495. .cover img {
  496. width:73px;
  497. height:73px;
  498. float:left;
  499.  
  500. }
  501.  
  502. .playerbutton {
  503. position:relative;
  504. width:35px;
  505. height:35px;
  506. overflow:hidden;
  507. }
  508.  
  509. .playerbuttonhug {
  510. position: absolute;
  511. top:-7px;
  512. left:2px;
  513. }
  514.  
  515. .tumblr_audio_player {
  516. height:50px;
  517. width:500px;
  518. }
  519.  
  520. .playerbuttonbg {
  521. position:absolute;
  522. width:35px;
  523. height:35px;
  524. background-color:transparent;
  525. padding:10px;
  526. }
  527.  
  528. .trackdetails {
  529. width:auto;
  530. display:inline-block;
  531. margin-left:70px;
  532. font-size:10px;
  533. letter-spacing:1px;
  534. text-transform:lowercase;
  535. padding:5px;
  536. line-height:15px;
  537. }
  538.  
  539. .audiowrapper {
  540. position:relative;
  541. display:inline-block;
  542. }
  543.  
  544. .spotify_audio_player {
  545.  
  546. height: 80px !important;
  547.  
  548. }
  549.  
  550. /*----------questions---------*/
  551.  
  552. .question {
  553. padding:10px;
  554. padding-left:10px;
  555. text-align:justify;
  556. border:3px solid transparent;
  557. }
  558.  
  559. .asker {width:540px; margin-bottom:5px; padding-left:10px; padding:5px; text-align:justify; font-family: 'Open Sans', sans-serif; text-transform:Normal; color:{color:accent};
  560.  
  561. }
  562.  
  563. .askericon {
  564. position:relative;
  565. }
  566.  
  567. .askericon img {
  568. border: solid 2px transparent;
  569. padding: 5px;
  570. z-index:999!important;
  571. }
  572.  
  573. .answer {
  574. padding:10px;
  575. margin-left:5px;
  576. margin-right:5px;
  577. float: left;
  578. margin-top:-15px;
  579. width:475px;
  580. }
  581.  
  582.  
  583. /*----------INFO---------*/
  584.  
  585. .info {
  586. padding:10px;
  587. font-family: 'Exo', sans-serif;
  588. font-size:11px;
  589. font-weight:400;
  590. color:{color:text};
  591. text-transform:lowercase;
  592. border-top:1px solid #eee;
  593. margin-top:25px;
  594. }
  595.  
  596. .info a:hover {
  597. color:{color:text};
  598.  
  599. }
  600.  
  601.  
  602. .tags {
  603. margin-left:10px;
  604. margin-top:-5px;
  605. font-size:11px;
  606. font-family: 'Open Sans', sans-serif;
  607. letter-spacing:0px;
  608. font-style:normal;
  609. text-transform:lowercase;
  610. }
  611.  
  612. .tags a {
  613. margin-right:10px;
  614. letter-spacing:0px;
  615. }
  616. .tags a:hover {
  617. color:{color:links hover};
  618. }
  619. /*----------POST NOTES---------*/
  620.  
  621. ol.notes {
  622. padding:0px;
  623. margin:25px 0px 0px -10px;
  624. list-style-type:none;
  625. overflow:scroll;
  626. height:350px;
  627. }
  628.  
  629. ol.notes li.note {
  630. padding:10px;
  631. }
  632.  
  633. ol.notes li.note img.avatar {
  634. vertical-align:-4px;
  635. margin-right:10px;
  636. width:15px;
  637. height:15px;
  638. border-radius:50px;
  639. }
  640.  
  641. ol.notes li.note span.action {
  642. font-weight:none;
  643. }
  644.  
  645. ol.notes li.note .answer_content {
  646. font-weight:normal;
  647. }
  648.  
  649. ol.notes li.note blockquote {
  650. padding:4px 10px;
  651. margin:10px 0px 0px 25px;
  652. }
  653.  
  654. ol.notes li.note blockquote a {
  655. text-decoration:none;
  656. }
  657.  
  658.  
  659. /*----------credit---------*/
  660.  
  661. .credit {
  662. font-size:11px;
  663. position:fixed;
  664. font-weight:bold;
  665. border:1px solid #eeeeee;
  666. bottom:7px;
  667. right:15px;
  668. z-index:10;
  669. text-align:right;
  670. letter-spacing:1px;
  671. padding:2px;
  672. }
  673.  
  674. .credit a {
  675. color:{color:links};
  676. text-decoration:none;
  677. }
  678.  
  679. .credit a:hover {
  680. color:{color:accent};
  681. text-decoration:none;
  682. cursor:help;
  683. }
  684.  
  685. /*----------tumblr controls---------*/
  686. iframe.tmblr-iframe {
  687. z-index:99999999999999!important;
  688. top:0!important;
  689. right:0!important;
  690. opacity:0.4;
  691. /* delete invert(1) from here */
  692. filter:invert(1) contrast(150%);
  693. -webkit-filter:invert(1) contrast(150%);
  694. -o-filter:invert(1) contrast(150%);
  695. -moz-filter:invert(1) contrast(150%);
  696. -ms-filter:invert(1) contrast(150%);
  697. /* to here if your blog has a dark background */
  698. transform:scale(0.65);
  699. transform-origin:100% 0;
  700. -webkit-transform:scale(0.65);
  701. -webkit-transform-origin:100% 0;
  702. -o-transform:scale(0.65);
  703. -o-transform-origin:100% 0;
  704. -moz-transform:scale(0.65);
  705. -moz-transform-origin:100% 0;
  706. -ms-transform:scale(0.65);
  707. -ms-transform-origin:100% 0;}
  708.  
  709. iframe.tmblr-iframe:hover {
  710. opacity:0.6!important;}
  711.  
  712. </style>
  713. </head>
  714.  
  715. <body>
  716.  
  717. <div class="credit">
  718. <a title="theme by billfhader" href="https://billfhader.tumblr.com/" target="_blank"><i class="far fa-star" aria-hidden="true"></i></a></div>
  719.  
  720. <div class="sidebar">
  721. {block:IfShowSidebarImage}
  722. <div class="sidebarimage"><a href="/" title="{Title}"><img src="{image:sidebar image}"></a></div>
  723. {/block:IfShowSidebarImage}
  724.  
  725. {block:IfShowSideTitle}
  726. <div class="title"><a href="/" title="refresh">{Title}</a></div>
  727. {/block:IfShowSideTitle}
  728.  
  729. <div class="description">{Description}</div><br>
  730.  
  731. <div class="links">
  732. <div class="home"><a href="/">home</a></div>
  733. <div class="ask"><a href="/ask">ask</a></div>
  734. {block:IfShowLink1}
  735. <div class="link1"><a href="{text:link 1 url}">{text:link 1 title}</a></div>
  736. {/block:IfShowLink1}
  737.  
  738. {block:IfShowLink2}
  739. <div class="link2"><a href="{text:link 2 url}">{text:link 2 title}</a></div>
  740. {/block:IfShowLink2}
  741.  
  742. {block:IfShowLink3}
  743. <div class="link3"><a href="{text:link 3 url}">{text:link 3 title}</a></div>
  744. {/block:IfShowLink3}
  745. </div></center>
  746.  
  747. </div>
  748.  
  749. <div class="entries">
  750. {block:Posts}
  751. <div class="posts">
  752.  
  753. {block:Text}
  754. <h1>{block:Title}{Title}{/block:Title}</h1>
  755. <div class="caption">
  756. {Body}
  757. </div>
  758. {/block:Text}
  759.  
  760.  
  761. {block:Photo}
  762. {LinkOpenTag}<div class="oddhour-high-res">
  763. <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"><img src="{PhotoURL-HighRes}"></a></div>{LinkCloseTag}
  764. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  765. {/block:Photo}
  766.  
  767.  
  768. {block:Photoset}
  769. <div class="media">{photoset}</div>
  770. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  771. {/block:Photoset}
  772.  
  773.  
  774. {block:Quote}
  775. <div class="quote">"{Quote}"</div>
  776. {block:Source}<div class="quotesource"> — {Source}</div>
  777. {/block:Source}{/block:Quote}
  778.  
  779.  
  780. {block:Link}
  781. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  782. {block:Description}{Description}{/block:Description}
  783. {/block:Link}
  784.  
  785.  
  786. {block:Chat}
  787. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  788. {/block:Chat}
  789.  
  790.  
  791. {block:Audio}
  792. {block:AlbumArt}<img src="{AlbumArtURL}" width="78px" height="78px" align="left" style="margin-right:10px" />{/block:AlbumArt}
  793. {block:AudioPlayer}
  794. <div class="audiowrapper">
  795. <div class="playerbuttonbg">
  796. <div class="playerbutton">
  797. <div class="playerbuttonhug">
  798. {AudioPlayerGrey}
  799. </div></div></div>
  800.  
  801. <div class="trackdetails">
  802. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  803.  
  804. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  805.  
  806. <b>PLAYS:</b> {FormattedPlayCount}</div></div>
  807. {/block:AudioPlayer}
  808.  
  809. {block:Caption}
  810. <div class="caption">{Caption}</div>
  811. {/block:Caption}
  812. {/block:Audio}
  813.  
  814.  
  815. {block:Video}
  816. {Video-500}
  817. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  818. {/block:Video}
  819.  
  820.  
  821. {block:Answer}
  822. <div class="askericon"><img align="left" src="{AskerPortraitURL-30}"style="border-radius:10px;"></div> <div id="question" style="width:500px;font-style:bold;padding:3px"> <b>{Asker}</b> said: {Question}</div> <br><br>
  823. <div class="caption">
  824. {Answer}
  825. </div>
  826. {/block:Answer}
  827.  
  828.  
  829. <div class="info">
  830. {block:Date}<a href="{Permalink}" title="{TimeAgo}"><font style="font-weight:bold; color:{color:bold}">{Month} {DayOfMonth}</font></a>
  831.  
  832. &nbsp;&nbsp;
  833. <font style="font-size:11px; font-family:'Open Sans',sans-serif"><a href="{Permalink}"> {NoteCount}</a> <font style= "color:{color:accent}"><span class="sf sf-heart-o"></span></font></font>
  834. &nbsp;&nbsp;
  835.  
  836. <a href="{ReblogURL}" target="_blank" class="details"><i class="fas fa-retweet" aria-hidden="true"></i></a>
  837.  
  838.  
  839. <font style="float:right">
  840. {block:RebloggedFrom}
  841. <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img style="border-radius:50%" src="{ReblogParentPortraitURL-16}"></a>
  842. {block:ContentSource}
  843. <a href="{ReblogRootURL}" "{ReblogRootName}" title="source: {ReblogRootName}"> <img style="border-radius:50%" src="{ReblogRootPortraitURL-16}"></a>
  844. {/block:ContentSource}
  845. {/block:RebloggedFrom}
  846.  
  847. </font style>
  848.  
  849.  
  850. </div>
  851.  
  852.  
  853. {block:HasTags}
  854. <div class="tags">
  855. {block:Tags}
  856. <a href="{TagURL}">{Tag}</a>
  857. {/block:Tags}
  858. </div>
  859. {/block:HasTags}
  860.  
  861. </div> {/block:Date}
  862.  
  863.  
  864. {block:PostNotes}
  865. {PostNotes}
  866. {/block:PostNotes}
  867.  
  868. {/block:Posts}
  869.  
  870. <div class="pagination">
  871. {block:Pagination}
  872. {block:PreviousPage}
  873. <a style="float:left;" href="{PreviousPage}">previous</a>
  874. {/block:PreviousPage}
  875.  
  876. {block:NextPage}
  877. <a style="float:right;" href="{NextPage}">next</a>
  878. {/block:NextPage}
  879. {/block:Pagination}
  880. </div>
  881.  
  882. {block:ContentSource}
  883. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  884. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  885. {/block:SourceLogo}
  886. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  887. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  888.  
  889. </body>
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!