API tools faq
paste
atlasthemes

LEGENDARY / unfinished

atlasthemes
Jan 22nd, 2019
309
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.59 KB | None | 0 0
raw download clone embed print report
  1. <!------------------------------------------------------------------------
  2.  
  3. legendary
  4. by @atlasthemes
  5. pls do not remove credit
  6. thanks!<3
  7.  
  8. ------------------------------------------------------------------------->
  9. <html>
  10. <head>
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13.  
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  17.  
  18. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
  19.  
  20. <meta name="description" content="" />
  21. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  22. <meta name="color:text" content="#555555">
  23. <meta name="color:link" content="#a1a1a1">
  24. <meta name="color:accent" content="#ff6767">
  25. <meta name="select:body font" content="Open Sans"/>
  26. <meta name="select:body font" content="Arial"/>
  27. <meta name="select:body font" content="Karla"/>
  28. <meta name="select:body font" content="Fira Sans"/>
  29. <meta name="select:body font" content="Lato"/>
  30. <meta name="select:body font" content="Muli"/>
  31. <meta name="text:font size" content="10px"/>
  32. <meta name="text:title" content="your title here"/>
  33. <meta name="text:letter spacing" content="0.25px"/>
  34. <meta name="image:sidebar" content=""/>
  35. <meta name="if:sidebar image" content="1"/>
  36. <meta name="select:post size" content="400px"/>
  37. <meta name="select:post size" content="450px"/>
  38. <meta name="select:post size" content="500px"/>
  39. <meta name="select:post size" content="540px"/>
  40. <meta name="text:link 1" content="one">
  41. <meta name="text:link 1 url" content="/">
  42. <meta name="text:link 2" content="two">
  43. <meta name="text:link 2 url" content="/">
  44. <meta name="text:link 3" content="three">
  45. <meta name="text:link 3 url" content="/">
  46. <meta name="text:link 4" content="four">
  47. <meta name="text:link 4 url" content="/">
  48.  
  49. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,700,700i" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Lato:400,400i" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Muli:400,400i" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Changa:400,700" rel="stylesheet">
  50.  
  51.  
  52. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  53. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  54. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  55. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  56. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  57. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  58. </script><script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  59. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  60.  
  61. <script>
  62. (function($){
  63. $(document).ready(function(){
  64. $("a[title]").style_my_tooltips({
  65. tip_follows_cursor:true,
  66. tip_delay_time:90,
  67. tip_fade_speed:600,
  68. attribute:"title"
  69. });
  70. });
  71. })(jQuery);
  72. </script>
  73. <script>
  74. $(document).ready(function(){ $('.posts').unnest({
  75. yourCaption: ".caption",
  76. wrapName: ".cap",
  77. newCaptionUsername: true,
  78. originalPostCaptionUsername: false,
  79. tumblrAvatars: false,
  80. tumblrAvatarClass: ".icon",
  81. usernameColon: false
  82. });
  83.  
  84. }); </script>
  85.  
  86.  
  87. <script>
  88. $(document).ready(function(){
  89. $('.search').submit(function(event){
  90. var value = $('input:first').val();
  91. location.replace('https://{Name}.tumblr.com/tagged/' + value);
  92. });
  93. });
  94. </script>
  95.  
  96. <script>
  97. $(document).ready(function(){
  98. $('.photo-slideshow').pxuPhotoset({
  99. lightbox: true,
  100. highRes: true,
  101. gutter: '1px',
  102. borderRadius: '0px',
  103. photoset: '.photo-slideshow',
  104. photoWrap: '.photo-data',
  105. photo: '.pxu-photo'
  106. });
  107.  
  108. }); </script>
  109.  
  110.  
  111. <style type="text/css">
  112. @-webkit-keyframes fadein {
  113. 0% {opacity: 0;}
  114. 100% { opacity: 1; }
  115. }
  116.  
  117. @-moz-keyframes fadein {
  118. 0% { opacity: 0; }
  119. 100% { opacity: 1; }
  120. }
  121.  
  122. @keyframes fadein {
  123. 0% { opacity: 0; }
  124. 100% { opacity: 1; }
  125. }
  126. ::-webkit-scrollbar {width:11px;height:11px;}
  127. ::-webkit-scrollbar {background-color:transparent;}
  128. ::-webkit-scrollbar-track {border:5px solid #fff;background-color:#ddd;}
  129. ::-webkit-scrollbar-thumb {border:5px solid #fff;background-color:#aaa;min-height:24px;min-width:24px;}
  130.  
  131. /* --- selection --- */
  132.  
  133. ::-moz-selection {background:#f7f7f7;color:{color:text};}
  134. ::selection {background:#f7f7f7;color:{color:text};}
  135.  
  136. #s-m-t-tooltip {
  137. max-width:300px;
  138. margin-top:20px;
  139. margin-left:5px;
  140. font-size:8.5px;
  141. font-weight:700;
  142. font-family:{select:font};
  143. letter-spacing:0.75px;
  144. text-align:center;
  145. text-transform:uppercase;
  146. padding:3px 6px;
  147. color:{color:text};
  148. background-color:#fff;
  149. z-index:999999;
  150. box-shadow:2px 2px 3px #eee;
  151. border-radius:3px;}
  152.  
  153. /* --- like button --- */
  154.  
  155. .like-b {
  156. position:relative;
  157. display:inline-block;
  158. overflow:hidden;
  159. vertical-align:bottom;
  160. -moz-transition-duration: 0.3s;
  161. -o-transition-duration: 0.3s;
  162. -webkit-transition-duration: 0.3s;
  163. transition-duration: 0.3s;}
  164.  
  165. .like-b .like_button iframe {position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;opacity:0;}
  166. .like-b .liked + .b {color:{color:accent};}
  167. .like-b .liked + .b:after {color:{color:accent};}
  168.  
  169. h1 {font-family:{select:font};font-size:12px;font-weight:700;text-align:left;line-height:20px;margin:5px 0px;padding:0px;text-transform:lowercase;}
  170. h2, h3, h4, h5, h6 {font-size:10px;text-transform:uppercase;letter-spacing:0.75px;padding:0;margin:5px 0px;}
  171. hr {width:50px;margin-left:0px;border-width: 1px 0px 0px 0px;border-style: solid;border-color: #ddd;}
  172. pre {font-size: {text:font size};font-family: {select:body font};width:{select:post size};text-align: left;word-break: break-all;color:{color:Text};}
  173. shortborder2 {width:75px; height:1px;margin-right:2px;margin-bottom:10px;background-color:#ddd;display:block;vertical-align:middle;}
  174.  
  175. body {
  176. font-family: {select:body font};
  177. color: {color:Text};
  178. background-color:#fff;
  179. letter-spacing:{text:letter spacing};
  180. line-height:18px;
  181. -moz-osx-font-smoothing:grayscale;
  182. -webkit-font-smoothing:antialiased;
  183. font-smoothing:antialiased;
  184. -webkit-animation: fadein 1s;
  185. -moz-animation:fadein 1s;
  186. animation:fadein 1s;}
  187.  
  188. small, sup, sub {font-size:10px!important;}
  189. big {font-size:12px!important;}
  190.  
  191. a {color:{color:link};text-decoration:none;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
  192. a:hover {color: {color:accent};text-decoration: none;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
  193.  
  194. /* captions */
  195.  
  196. .tumblr_blog {display:block;font-size:9.5px;color:{color:text};font-weight:700;letter-spacing:0.75px;display:inline-block;line-height:14px;text-transform:uppercase;margin-top:8px;}
  197.  
  198. .icon {width:14px!important;height:14px!important;margin-right:8px;vertical-align:bottom;line-height:14px;border-radius:100%;padding-bottom:3px;}
  199.  
  200. .cap {
  201. margin:0px 0px 3px 0px;
  202. padding:10px 15px 5px 15px;
  203. position:relative;
  204. background-color:#fafafa;
  205. border-radius:3px;
  206. border-bottom:1px solid #f6f6f6;
  207. }
  208.  
  209. .cap blockquote {width:calc({select:post size} - 55px);margin-left:5px;padding-left:15px;border-left:1px solid #ddd;}
  210.  
  211. /* sidebar */
  212.  
  213. #sidebar {display:block;position:fixed;top:100px;left:225px;width:225px;height:auto;padding:10px;font-size:{text:font size};line-height:16px;}
  214.  
  215. {block:ifsidebarimage}
  216. .sbimage {display:block;position:relative;width:100%;height:auto;padding:0px!important;margin:auto;}
  217. .sbimage img {display:block;width:100%;height:auto;padding:0px;border-radius:3px;}
  218. {/block:ifsidebarimage}
  219.  
  220. {block:ifnotsidebarimage}
  221. .sbimage {display:none;}
  222. {/block:ifnotsidebarimage}
  223.  
  224. #description {
  225. line-height:16px;
  226. text-align:center;
  227. margin-top:0px;
  228. padding:10px 15px;
  229. background-color:#fafafa;
  230. border-bottom:1px solid #f6f6f6;
  231. margin:8px 0px 3px 0px;
  232. border-radius:3px;
  233. }
  234.  
  235. .sidebar-links {
  236. color:{color:text};
  237. text-align:center;
  238. column-count:6;
  239. padding:15px 10px;
  240. }
  241.  
  242. .sidebar-links a {color:{color:text};font-size:10px;transition: 0.3s ease-in-out;display:block;} .sidebar-links a:hover {color:{color:accent};transition: 0.3s ease-in-out;}
  243.  
  244. .pagination {font-size:{text:font size};display:block;width:100%;text-align:center;text-transform:lowercase;margin-bottom:50px;} .pagination a {color:{color:text};padding:8px;font-size:{text:font size};} .pagination a:hover {color:{color:accent};text-decoration:none;} .current-page {color: {color:accent};padding:8px;font-size:{text:font size};}
  245.  
  246. .postscontainer {display:block;position:relative;width:calc({select:post size} + 21px);top:100px;left:600px;} .posts {width:{select:post size};font-size: {text:font size};font-family: {select:body font};padding:0px;margin-bottom:120px;} .posts img {max-width:100%;height:auto;} .post-title {font-size:12px;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:5px;}
  247.  
  248. .info {
  249. margin-top:8px;
  250. text-align:left;
  251. text-transform:lowercase;
  252. font-size:10px;
  253. font-weight:400;
  254. }
  255.  
  256. .info b {font-family:{select:font};font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;}
  257. .info a {color:{color:text};}
  258. .info a:hover {text-decoration:none;color:{color:accent};}
  259.  
  260. .rb {float:right;display:inline-block;} .rb a {font-size:10px;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;} .rb a:hover {-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
  261.  
  262. .tags {
  263. font-family:{select:font};
  264. text-align:left;
  265. word-break:break-word;
  266. color:{color:link};
  267. margin-top:3px;
  268. }
  269.  
  270. .tags i {font-size:9px;}
  271. .tags a {margin-right:8px;color:{color:link};font-size:10px!important;text-transform:none!important;}
  272. .tags a:hover {color:{color:text};}
  273.  
  274. ul li {color:{color:text};margin-left:-33px;list-style:none;} ul li:before {color:{color:text};content:"—"; font-size:1em; padding-right:.5em; position:relative;} ol {color:{color:text};margin-left:-25px;}
  275.  
  276. .postsnote {min-height:50px;max-height:242px;overflow-y:scroll;overflow-x:hidden;margin-top:40px;margin-bottom:50px;border-radius:3px;padding:10px;}
  277. .postsnote ol, .notes-bottom ul {margin: 0px;padding:0;list-style: none;}
  278. .postsnote li {width:100%;font-size: {text:font size};float:left;text-align:left;}
  279. .postsnote li img.avatar {width:12px;height:12px;border-radius:100%;margin-right:8px;margin-bottom:-2px;}
  280. .more_notes_link {color:{color:text};list-style: none;text-transform:uppercase;margin-top:10px;position:relative;float:left;}
  281.  
  282. .photo-slideshow {visibility: hidden;}
  283. .photo-slideshow.processed {visibility: visible;}
  284. .photo-slideshow .row {clear: both;width: 100%;}
  285. .photo-slideshow .pxu-photo {display: block;float: clear;width: 100%;overflow: hidden;}
  286. .photo-slideshow .pxu-photo img {display: block;}
  287. .photo-slideshow.processed .pxu-photo img {width:100%;height: auto;}
  288. .photo-slideshow .pxu-photo:first-child img {margin:auto;}
  289. .photo-slideshow .count-1 {max-width:100%;height: auto;}
  290. .set {margin-left:10px;}
  291. .photo-slideshow .count-2 {width:50%;height: auto;}
  292. .photo-slideshow .count-3 {width:33.33%;height: auto;}
  293.  
  294. .playerbuttonbg {position: absolute;left: 20px;top: 20px;width: 19px;height: 19px;background-color: #f2f2f2;padding: 10px;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;opacity: .6;filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6; transition: opacity .7s ease-in-out;-moz-transition: opacity .7s ease-in-out;-webkit-transition: opacity .7s ease-in-out;} .playerbuttonbg:hover {opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1; } .newplayerbutton {position: relative;width: 19px;height: 19px;overflow: hidden;} .playerbuttonhug {position: absolute;top: 0px;left: 0px;} .tumblr_audio_player {-moz-transform: scale(0.60, 0.60);-webkit-transform: scale(0.60, 0.60);-o-transform: scale(0.60, 0.60);-ms-transform: scale(0.60, 0.60);transform: scale(0.60, 0.60); -moz-transform-origin: top left;-webkit-transform-origin: top left;-o-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .audioimgwrapper {position:absolute;left:0px;top:0px;overflow:hidden;width:79px;height: 79px;padding-left:3px;} .audioimgwrapper img {margin-top:3px;width:100%;height:auto;} .trackdetails {width:auto;font-size:10px;line-height:18px;display:inline-block;margin-left:95px;margin-top:20px;padding:5px;max-height:80px;} .audiowrapper {background-color:#fff;position:relative;display:inline-block;width:{select:post size};height:82px;border:1px solid #f6f6f6;}
  295.  
  296. iframe#youtube_iframe {width: {select:post size}!important;height: auto;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;} .atlas {position:fixed;right:15px;bottom:20px;} .atlas a {color:#a1a1a1;background:transparent;font-family:times new roman;font-size:14px;text-transform:lowercase;} .atlas a:hover {color:{color:accent};} .quote {font-size: 12px;line-height:18px;font-weight:400;margin-top:5px; text-align:left;} .source {font-family:{select:font};font-size:10px;text-transform:lowercase;text-align:left;line-height:14px;margin-top:8px;}
  297.  
  298. .chat {margin-top:5px;font-size: {text:font size};} .chatlabel {font-family:'Changa';text-transform:uppercase;display:inline-block;margin-right:1px;font-weight:600;} .chat .lines {margin-left:0; } .chat .lines span {font-weight: bold;}
  299.  
  300. /* --- answer posts --- */
  301.  
  302. .asker {display:inline-block;color:{color:text};font-weight:bold;text-transform:lowercase;}
  303.  
  304. .asker-portrait {
  305. display:inline-block;
  306. position:relative;
  307. float:left;
  308. }
  309. .asker-portrait img {
  310. width:35px;
  311. height:35px;
  312. border-radius:100%;
  313. }
  314.  
  315. .answerer-portrait {
  316. float:right;
  317. margin-top:5px;
  318. }
  319.  
  320. .answerer-portrait img {
  321. width:35px;
  322. height:35px;
  323. border-radius:100%;
  324. }
  325.  
  326. .question {
  327. padding:10px;
  328. border:1px solid #f6f6f6;
  329. background-color:#fafafa;
  330. width:calc(100% - 75px);
  331. margin-left:55px;
  332. border-radius:3px;
  333. margin-bottom:15px;
  334. }
  335.  
  336. .left-tri {
  337. width: 0;
  338. height: 0;
  339. border-top: 10px solid transparent;
  340. border-right: 10px solid #f6f6f6;
  341. border-bottom: 10px solid transparent;
  342. position:absolute;
  343. margin-left:45px;
  344. margin-top:12px;
  345. z-index:1000;
  346. }
  347.  
  348. .left-tri::after {
  349. content:"";
  350. width:0;
  351. height:0;
  352. border-top:9px solid transparent;
  353. border-right:9px solid #fafafa;
  354. border-bottom:9px solid transparent;
  355. position:absolute;
  356. margin-left:2px;
  357. margin-top:-9px;
  358. }
  359.  
  360. .answer {
  361. display:inline-block;
  362. position:relative;
  363. width:calc(100% - 75px);
  364. min-height:24px;
  365. background-color:#fafafa;
  366. border:1px solid #f6f6f6;
  367. padding:10px;
  368. padding:0px 10px;
  369. border-radius:3px;
  370. }
  371.  
  372. .right-tri {
  373. float:right;
  374. width:0;
  375. height:0;
  376. border-top:10px solid transparent;
  377. border-bottom:10px solid transparent;
  378. border-left:10px solid #f6f6f6;
  379. margin-right:8px;
  380. margin-top:15px;
  381. }
  382.  
  383. .right-tri::after {
  384. content:"";
  385. width:0;
  386. height:0;
  387. position:absolute;
  388. border-top:9px solid transparent;
  389. border-bottom:9px solid transparent;
  390. border-left:9px solid #fafafa;
  391. margin-left:-11px;
  392. margin-top:-9px;
  393. z-index:1;
  394. }
  395.  
  396. .answerer {display:inline-block;color:{color:text};font-weight:bold;text-transform:lowercase;margin-top:5px;}
  397. /* PHOTO POST */
  398.  
  399. .ph img {margin-bottom:-5px;width:100%;}
  400.  
  401. .linktitle {font-size:14px;margin:10px 0px;font-family:{select:font};}
  402.  
  403. iframe.tmblr-iframe {
  404. z-index:99999999999999!important;
  405. top:0!important;
  406. right:0!important;
  407. opacity:0.4;
  408. /* delete invert(1) from here */
  409. filter:invert(1) contrast(150%);
  410. -webkit-filter:invert(1) contrast(150%);
  411. -o-filter:invert(1) contrast(150%);
  412. -moz-filter:invert(1) contrast(150%);
  413. -ms-filter:invert(1) contrast(150%);
  414. /* to here if your blog has a dark background */
  415. transform:scale(0.65);
  416. transform-origin:100% 0;
  417. -webkit-transform:scale(0.65);
  418. -webkit-transform-origin:100% 0;
  419. -o-transform:scale(0.65);
  420. -o-transform-origin:100% 0;
  421. -moz-transform:scale(0.65);
  422. -moz-transform-origin:100% 0;
  423. -ms-transform:scale(0.65);
  424. -ms-transform-origin:100% 0;
  425. -moz-transition-duration: 0.3s;
  426. -o-transition-duration: 0.3s;
  427. -webkit-transition-duration: 0.3s;
  428. transition-duration: 0.3s;
  429. }
  430.  
  431. iframe.tmblr-iframe:hover {
  432. opacity:0.6!important;
  433. -moz-transition-duration: 0.3s;
  434. -o-transition-duration: 0.3s;
  435. -webkit-transition-duration: 0.3s;
  436. transition-duration: 0.3s;
  437. }
  438.  
  439. </style>
  440. </head>
  441. <body>
  442.  
  443. <div id="sidebar">
  444. {block:ifsidebarimage}
  445. <div class="sbimage"><img src="{image:sidebar}" /></div>
  446. {/block:ifsidebarimage}
  447. <div id="description">{Description}</div>
  448.  
  449. <div class="sidebar-links">
  450. <a href="/" title="home"><i class="fas fa-home"></i></a>
  451. <a href="/ask" title="ask"><i class="fas fa-envelope"></i></a>
  452. <a href="{text:link 1 url}" title="{text:link 1}"><i class="fas fa-user"></i></a>
  453. <a href="{text:link 2 url}" title="{text:link 2}"><i class="fas fa-bars"></i></a>
  454. <a href="{text:link 3 url}" title="{text:link 3}"><i class="fas fa-bookmark"></i></a>
  455. <a href="{text:link 4 url}" title="{text:link 4}"><i class="fas fa-star"></i></a>
  456. </div>
  457.  
  458. </div><!--end sidebar-->
  459.  
  460. <div class="postscontainer" id="{PostID}">
  461.  
  462. {block:Posts}<div class="posts" id="{PostID}">{block:Text}{block:Title}<div class="post-title">{Title}</div>{/block:Title}<div class="caption">{Body}</div>{/block:Text}
  463.  
  464. {block:Quote}<div class="caption"><div class="quote">&#8220;{Quote}&#8221;</div><div class="source"> {block:Source}{Source}{/block:Source}</div></div>{/block:Quote}
  465.  
  466. {block:Link}<div class="linktitle"><a href="{URL}">{Name}</a></div>{block:Description}<div class="caption">{Description}</div>{/block:Description}{/block:Link}
  467.  
  468. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:lines}<div class="chat"><div class="lines">{block:label}<div class="chatlabel">{label}</div>{/block:label} {line}</br></div></div>{/block:lines}{/block:Chat}
  469.  
  470. <!-- ANSWER POSTS -->
  471.  
  472. {block:Answer}
  473. <!-- question -->
  474. <div class="asker-portrait">
  475. <img src="{AskerPortraitURL-128}" /></div>
  476.  
  477. <div class="left-tri"></div>
  478. <div class="question">
  479. <div class="asker">{Asker}:</div>
  480. {Question}
  481. </div><!-- end question -->
  482.  
  483. <!-- answer -->
  484. {Block:NotReblog}
  485. <div class="answerer-portrait">
  486. <img src="{PortraitURL-96}" />
  487. </div>
  488. {/block:NotReblog}
  489.  
  490. {block:Answerer}
  491. {block:RebloggedFrom}
  492. <div class="answerer-portrait">
  493. <img src="{AnswererPortraitURL-128}" />
  494. </div>
  495. {/block:RebloggedFrom}
  496. {/block:Answerer}
  497.  
  498. <div class="right-tri"></div>
  499. <div class="answer">
  500. {block:Answerer}
  501. <div class="answerer">{Answerer}:</div>
  502. {/block:Answerer}
  503. {Answer}</div><!-- end answer -->
  504.  
  505. {/block:Answer}<!-- END ANSWER POSTS -->
  506.  
  507. {block:Photo}{LinkOpenTag}<div class="ph"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></div>{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  508.  
  509. {block:Photoset}
  510. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  511. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  512. {/block:Photoset}
  513.  
  514. {block:Audio}{block:AudioPlayer}<div class="audiowrapper">{block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerWhite}</div></div></div><div class="trackdetails">{block:TrackName}<b>Track:</b> {TrackName}{/block:TrackName}<br/>{block:Artist}<b>Artist: </b>{Artist}{/block:Artist}</div></div>{/block:AudioPlayer}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  515.  
  516. {block:Video}<div class="video">{Video-500}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  517.  
  518. {block:Date}<div class="info"><a href="{Permalink}" title="{timeago}"><b>{DayofWeek}</b></a>{block:NoteCount} &nbsp;·&nbsp; {NoteCountwithlabel}{/block:NoteCount}
  519.  
  520. <div class="rb"><a class="like-b" href="#">{LikeButton}<span class="b"><i class="fas fa-heart"></i></span></a>&nbsp; <a href="{ReblogURL}" target="_blank" class="details"><i class="fas fa-retweet"></i></a></div>
  521.  
  522. {block:PermalinkPage}{block:RebloggedFrom}<br/>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}<br/>src: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:PermalinkPage}</div>
  523.  
  524. {block:HasTags}<div class="tags"><i class="fas fa-hashtag"></i>&nbsp; {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  525. {/block:Date}
  526.  
  527. {block:PostNotes}<div class="postsnote">{PostNotes}</div>{/block:PostNotes}
  528.  
  529. </div>
  530. {/block:Posts}
  531.  
  532. <div class="pagination">
  533. {block:Pagination}{block:PreviousPage}
  534. <a href="{PreviousPage}"><i class="fas fa-angle-left"></i></a>
  535. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  536. <span class="current-page">{PageNumber}</span>
  537. {/block:CurrentPage}{block:JumpPage}
  538. <a class="jump_page" href="{URL}">{PageNumber}</a>
  539. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  540. <a href="{NextPage}"><i class="fas fa-angle-right"></i></a>
  541. {/block:NextPage}{/block:Pagination}
  542. </div>
  543.  
  544. <div class="atlas"><a href="https://www.atlasthemes.tumblr.com" target="_blank">a</a></div>
  545.  
  546. </div></div>
  547. </body></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!