API tools faq
paste
Advertisement
octomoosey

nightlights

octomoosey
Nov 5th, 2016
4,122
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.13 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- octomoosey @ tumblr -->
  4.  
  5. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <meta name="color:background" content="#000" />
  12. <meta name="color:posts" content="#000" />
  13. <meta name="color:text" content="#bbb"/>
  14. <meta name="color:borders" content="#8c8c8c" />
  15. <meta name="color:bold" content="#8c8c8c" />
  16. <meta name="color:italic" content="#8c8c8c" />
  17. <meta name="color:link" content="#8c8c8c"/>
  18. <meta name="color:linkhover" content="#aaaaaa"/>
  19. <meta name="color:sidelinks" content="#8c8c8c"/>
  20. <meta name="color:sidelinkshover" content="#aaaaaa"/>
  21. <meta name="color:nav" content="#bbb"/>
  22. <meta name="color:navhover" content="#8c8c8c" />
  23. <meta name="color:tags" content="#bbb"/>
  24. <meta name="color:tagshover" content="#8c8c8c" />
  25. <meta name="color:updatesbox" content="#8c8c8c" />
  26. <meta name="color:asktext" content="#ffffff"/>
  27. <meta name="color:askbackground" content="#000000"/>
  28. <meta name="color:posttitle" content="#8c8c8c"/>
  29. <meta name="color:scrollbar" content="#fb9d28" />
  30. <meta name="color:selectiontext" content="#ffffff" />
  31. <meta name="color:selectionbg" content="#8c8c8c" />
  32. <meta name="color:tooltiptext" content="#ffffff" />
  33. <meta name="color:tooltipbg" content="#8c8c8c" />
  34.  
  35. <meta name="text:link 1" content="link 1"/>
  36. <meta name="text:link 1 url" content="/"/>
  37. <meta name="text:link 2" content="link 2"/>
  38. <meta name="text:link 2 url" content="/"/>
  39. <meta name="text:link 3" content="link 3"/>
  40. <meta name="text:link 3 url" content="/"/>
  41. <meta name="text:link 4" content="link 4"/>
  42. <meta name="text:link 4 url" content="/"/>
  43. <meta name="text:link 5" content="link 5"/>
  44. <meta name="text:link 5 url" content="/"/>
  45. <meta name="text:link 6" content="link 6"/>
  46. <meta name="text:link 6 url" content="/"/>
  47.  
  48. <meta name="text:moreinfo" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."/>
  49.  
  50. <meta name="text:update1" content="update 1 goes here"/>
  51. <meta name="text:update2" content="update 2 goes here"/>
  52. <meta name="text:update3" content="update 3 goes here"/>
  53. <meta name="text:update4" content="update 4 goes here"/>
  54. <meta name="text:update5" content="update 5 goes here"/>
  55.  
  56. <meta name="if:hide captions" content="0"/>
  57. <meta name="if:greyscale" content="0"/>
  58.  
  59. <meta name="image:background" content=""/>
  60.  
  61. <meta name="font:bodyfont" content="Gibson">
  62. <meta name="text:bodyfontsize" content="10px" />
  63.  
  64. <link href="https://fonts.googleapis.com/css?family=Fjalla+One|Roboto" rel="stylesheet">
  65.  
  66. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  67.  
  68. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  69.  
  70. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  71.  
  72. <script>
  73. (function($){
  74. $(document).ready(function(){
  75. $("a[title]").style_my_tooltips({
  76. tip_follows_cursor:true,
  77. tip_delay_time:90,
  78. tip_fade_speed:600,
  79. attribute:"title"
  80. });
  81. });
  82. })(jQuery);
  83. </script>
  84.  
  85. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  86.  
  87. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  88.  
  89. <script>
  90. $(document).ready(function(){
  91. $(".sbar").hide();
  92.  
  93. $(".more").click(function(){
  94. $(".sbar").fadeToggle(1200);});
  95.  
  96. });</script>
  97.  
  98. <style type="text/css">
  99.  
  100.  
  101. iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  102. position:fixed;
  103. top:8px!important;
  104. right:10px!important;
  105. white-space:nowrap;
  106. transform: scale(0.8,0.8);
  107. opacity:0.7;
  108. transition: 0.7s ease-in-out;
  109. -webkit-transition: 0.7s ease-in-out;
  110. -moz-transition: 0.7s ease-in-out;
  111. -o-transition: 0.7s ease-in-out;}
  112.  
  113. #tumblr_lightbox {
  114. background-color:rgba(255, 255, 255, .9)!important;
  115. z-index:99999!important;}
  116.  
  117. #tumblr_lightbox img {opacity:0;}
  118.  
  119. #tumblr_lightbox_caption {
  120. font-weight:normal!important;
  121. text-shadow:none!important;}
  122.  
  123. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  124. -moz-box-shadow:none!important;
  125. -webkit-box-shadow:none!important;
  126. box-shadow:none!important;
  127. -moz-border-radius:0px!important;
  128. -webkit-border-radius:0px!important;
  129. border-radius:0px!important;
  130. opacity:1!important;}
  131.  
  132. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  133.  
  134. ::-webkit-scrollbar{
  135. height:3px;
  136. width:8px;
  137. background:inherit;}
  138.  
  139. ::-webkit-scrollbar-thumb {
  140. background:{color:scrollbar};
  141. border: 3px solid {color:posts};}
  142.  
  143. ::-webkit-scrollbar-track {
  144. background: {color:posts};}
  145.  
  146. ::-moz-selection {
  147. color:{color:selectiontext};
  148. background:{color:selectionbg};}
  149.  
  150. ::selection {
  151. color:{color:selectiontext};
  152. background:{color:selectionbg};}
  153.  
  154.  
  155. body {
  156. background:{color:background};
  157. color:{color:text};
  158. font-family:{font:bodyfont};
  159. font-size: {text:bodyfontsize};
  160. font-weight:normal;
  161. position:relative;
  162. text-align:left;
  163. margin:0;
  164. line-height:150%;
  165. height:100%;
  166. width:100%;
  167. background: url('{image:background}') no-repeat center center fixed;
  168. -webkit-background-size: cover;
  169. -moz-background-size: cover;
  170. -o-background-size: cover;
  171. background-size: cover;}
  172.  
  173. blockquote {
  174. text-align:justify;
  175. padding:10px;
  176. border-left:1px solid {color:borders};
  177. margin:15px 10px 10px 10px;}
  178.  
  179. .caption blockquote {
  180. margin:15px 10px 10px 10px;
  181. text-align:justify;}
  182.  
  183. blockquote img {
  184. max-width:100%;
  185. height:auto;}
  186.  
  187. blockquote iframe {
  188. max-width:100%;
  189. height:auto;}
  190.  
  191. img {
  192. max-width:100%;
  193. height:auto;}
  194.  
  195. .caption img {
  196. max-width:100%;
  197. height:auto;}
  198.  
  199. .posts img {
  200. max-width:100%;
  201. margin-top:5px;
  202. margin-bottom:5px;}
  203.  
  204. pre {
  205. font-family:{font:bodyfont};
  206. white-space: pre-wrap;
  207. white-space: -moz-pre-wrap;
  208. white-space: -pre-wrap;
  209. white-space: -o-pre-wrap;
  210. word-wrap: break-word;}
  211.  
  212. a {
  213. color:{color:link};
  214. text-decoration:none;
  215. letter-spacing:1px;
  216. cursor:help;
  217. -webkit-transition: all 0.7s ease;
  218. transition: all 0.7s ease;
  219. -moz-transition: all 0.7s ease;
  220. -o-transition: all 0.7s ease;}
  221.  
  222. a:hover {
  223. letter-spacing:1px;
  224. text-decoration:none;
  225. color:{color:linkhover};
  226. text-shadow: 0px 0px #aeaeae, -0px 0px #aeaeae;}
  227.  
  228. p {
  229. margin:10px 0 10px 0;}
  230.  
  231. p:first-of-type {
  232. margin-top:0;
  233. padding-top:0;}
  234.  
  235. p:last-of-type {
  236. margin-bottom:10px;
  237. padding-bottom:0;}
  238.  
  239. b, strong {
  240. font-family:font-family: 'Roboto', sans-serif;
  241. text-transform:uppercase;
  242. font-size: {text:bodyfontsize};
  243. color:{color:bold};}
  244.  
  245. i, em {
  246. font-family: 'Fjalla One', sans-serif;
  247. font-size: 12px;
  248. color:{color:italic};
  249. letter-spacing:1.5px;}
  250.  
  251. small, big {
  252. font-size:1em;}
  253.  
  254. h1, h2, h4 {
  255. font-family: 'Fjalla One', sans-serif;
  256. font-size:18px;
  257. letter-spacing:2px;
  258. line-height:30px;
  259. text-align:center;
  260. color:{color:posttitle};}
  261.  
  262. h3 {
  263. text-align:right;
  264. font-family: 'Fjalla One', sans-serif;
  265. font-size:14px;
  266. letter-spacing:2px;
  267. line-height:20px;
  268. color:{color:posttitle};
  269. border-bottom:1px solid {color:posttitle};}
  270.  
  271. h6 {
  272. text-align:center;
  273. font-family: 'Fjalla One', sans-serif;
  274. font-size:12px;
  275. letter-spacing:2px;
  276. line-height:12px;
  277. margin-bottom:5px;
  278. color:{color:posttitle};}
  279.  
  280. .fancy {
  281. font-family: 'Fjalla One', sans-serif;
  282. font-size:14px;
  283. letter-spacing:2px;
  284. line-height:16px;
  285. color:{color:posttitle};
  286. overflow: hidden;
  287. text-align: left;}
  288.  
  289. .fancy span {
  290. position: relative;}
  291.  
  292. .fancy span:after {
  293. $linesHeight: 16px;
  294. content: "";
  295. position: absolute;
  296. border-bottom: 1px solid {color:posttitle};
  297. width:500px;
  298. height: $linesHeight;
  299. top: 40%;
  300. margin-top: floor(-$linesHeight / 2);}
  301.  
  302. .fancy span:after {
  303. left: 100%;
  304. margin-left: 7px;}
  305.  
  306. {block:IfGreyscale}
  307.  
  308. img {
  309. -webkit-filter:grayscale(100%);
  310. -webkit-transition: all 0.9s ease-in-out;
  311. -moz-transition: all 0.9s ease-in-out;
  312. -o-transition: all 0.9s ease-in-out;
  313. -ms-transition: all 0.9s ease-in-out;
  314. transition: all 0.9s ease-in-out;}
  315.  
  316. img:hover {
  317. -webkit-filter:none;}
  318.  
  319. .html_photoset {
  320. -webkit-filter: grayscale(100%);
  321. -webkit-transition: all 0.9s ease-in-out;
  322. -moz-transition: all 0.9s ease-in-out;
  323. -o-transition: all 0.9s ease-in-out;
  324. -ms-transition: all 0.9s ease-in-out;
  325. transition: all 0.9s ease-in-out;}
  326.  
  327. .html_photoset:hover {
  328. -webkit-filter: none;}
  329.  
  330. {/block:IfGreyscale}
  331.  
  332. .media {
  333. position:relative;
  334. display:inline-block;
  335. height:auto;
  336. width:100%;}
  337.  
  338. iframe,embed,object {
  339. max-width: 100%;}
  340.  
  341. .caption {
  342. font-family:{font:bodyfont};
  343. margin-top:15px;
  344. {block:ifhidecaptions}
  345. {block:indexpage}
  346. display:none;
  347. {/block:indexpage}
  348. {/block:ifhidecaptions}}
  349.  
  350. .content {
  351. position:relative;
  352. margin-left:200px;
  353. margin-top:50px;
  354. width:500px;
  355. opacity:0;
  356. -webkit-animation:fadeIn ease-in 1;
  357. -moz-animation:fadeIn ease-in 1;
  358. animation:fadeIn ease-in 1;
  359. -webkit-animation-fill-mode:forwards;
  360. -moz-animation-fill-mode:forwards;
  361. animation-fill-mode:forwards;
  362. -webkit-animation-duration:1s;
  363. -moz-animation-duration:1s;
  364. animation-duration:1s;}
  365.  
  366. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  367. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  368. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  369.  
  370. .posts {
  371. border:1px solid {color:borders};
  372. background: {color:posts};
  373. position:relative;
  374. width:400px;
  375. padding:50px;
  376. text-align:justify;
  377. margin-bottom: 0px;
  378. margin-bottom:20px;}
  379.  
  380. .date {
  381. width:470px;
  382. margin-top:3px;
  383. padding:15px;
  384. letter-spacing: .5px;
  385. text-transform: lowercase;
  386. border:1px solid {color:borders};
  387. background: {color:posts};
  388. margin-bottom:100px;}
  389.  
  390. .date a {
  391. color:{color:tags};}
  392.  
  393. .date a:hover {
  394. color:{color:tagshover};}
  395.  
  396. .sidebar {
  397. top:0px;
  398. position:fixed;
  399. padding:20px;
  400. z-index:9;
  401. height:100%;
  402. left:0px;
  403. width:110px;
  404. border-right:1px solid {color:borders};
  405. background:{color:posts};}
  406.  
  407. .sidecontent {
  408. position:fixed;
  409. width:110px;
  410. bottom:90px;}
  411.  
  412. .nav {
  413. display:block;
  414. margin-top:5px;
  415. margin-bottom:5px;}
  416.  
  417. .nav a {
  418. text-transform:uppercase;
  419. color:{color:nav};
  420. display:inline-block;
  421. margin-right:7px;}
  422.  
  423. .nav a:hover {
  424. color:{color:navhover};}
  425.  
  426. img.avatar {display:none; }
  427. ol.notes {
  428. margin-top: 20px;}
  429.  
  430. .asked {
  431. text-align:justify;
  432. padding:15px;
  433. margin-bottom:15px;
  434. border:1px solid {color:borders};
  435. color:{color:asktext};
  436. background:{color:askbackground};}
  437.  
  438. .asker {
  439. font-family: 'Fjalla One', sans-serif;
  440. font-size:20px;
  441. line-height:30px;
  442. text-align:center;}
  443.  
  444. .answer {
  445. color:{color:text};
  446. border:0;}
  447.  
  448. #titlequote {
  449. line-height:22px;
  450. font-family: 'Fjalla One', sans-serif;
  451. font-size:20px;}
  452.  
  453. #source {margin-top:10px;}
  454.  
  455. .playerbuttonbg {
  456. position: absolute;
  457. left: 15px;
  458. top: 17px;
  459. width: 30px;
  460. height: 30px;
  461. background-color: #000;
  462. padding: 10px;
  463. opacity: 0.4;
  464. filter: alpha(opacity=40);
  465. -moz-opacity: 0.4;
  466. -khtml-opacity: 0.4;
  467. transition: opacity .7s ease-in-out;
  468. -moz-transition: opacity .7s ease-in-out;
  469. -webkit-transition: opacity .7s ease-in-out;}
  470.  
  471. .playerbuttonbg:hover {
  472. opacity: 1;
  473. filter: alpha(opacity=100);
  474. -moz-opacity: 1;
  475. -khtml-opacity: 1;}
  476.  
  477. .newplayerbutton {
  478. position: relative;
  479. width: 30px;
  480. height: 30px;
  481. overflow: hidden;}
  482.  
  483. .playerbuttonhug {
  484. position: absolute;
  485. top: -30px;
  486. left: -10px;}
  487.  
  488. .tumblr_audio_player {
  489. height: 90px;
  490. width: 270px;}
  491.  
  492. .audioimgwrapper {
  493. position: absolute;
  494. overflow: hidden;
  495. width: 80px;
  496. height: 80px;}
  497.  
  498. .trackdetails {
  499. padding:10px;
  500. display:inline-block;
  501. margin-left: 90px;
  502. min-height: 75px;}
  503.  
  504. .audiowrapper {
  505. position: relative;
  506. display:inline-block;}
  507.  
  508. #s-m-t-tooltip {
  509. margin:0px 10px 5px 0px;
  510. padding:4px;
  511. color:{color:tooltiptext};
  512. border:1px solid {color:tooltiptext};
  513. font-size:10px;
  514. letter-spacing:1px;
  515. background:{color:tooltipbg};
  516. z-index:99999;}
  517.  
  518. #credit {
  519. z-index:999;
  520. bottom:0px;
  521. right:0px;
  522. height:30px;
  523. width:30px;
  524. opacity:0.8;
  525. position:fixed;
  526. padding:5px;}
  527.  
  528. #portrait {
  529. float:left;
  530. margin-right:10px;}
  531.  
  532. #portrait img {
  533. border: solid 1px {color:borders};
  534. height:24px;}
  535.  
  536. .search {
  537. position:fixed;
  538. bottom:60px;
  539. display:block;}
  540.  
  541. .sfm input {
  542. background-color: {color:posts};
  543. font-size: 6px;
  544. border: 0px;
  545. text-transform: uppercase;
  546. margin-top: 0px;
  547. height:20px;
  548. color: {color:text};
  549. letter-spacing: 1px;
  550. height:28px;
  551. font-family: calibri, helvetica, arial;}
  552.  
  553. #sb {
  554. border:1px solid {color:borders};
  555. height:26px;}
  556.  
  557. #sf {
  558. width:55px;
  559. border:1px solid {color:borders};
  560. margin-right:2px;
  561. height:22px;}
  562.  
  563. #pagination {
  564. width:110px;
  565. z-index:9;
  566. text-align:center;
  567. font-family:{font:bodyfont};
  568. position:fixed;
  569. bottom:30px;
  570. height:20px;
  571. text-transform:uppercase;
  572. color:{color:text};
  573. font-size:9px;}
  574.  
  575. .sbar {
  576. border-left:1px solid {color:borders};
  577. background-color: {color:posts};
  578. top:0px;
  579. opacity:0.8;
  580. position:fixed;
  581. height:100%;
  582. padding:50px 20px 20px 20px;
  583. width:200px;
  584. right:0px;}
  585.  
  586.  
  587. .links {
  588. color:{color:sidelinks};}
  589.  
  590. .links a {
  591. display:block;
  592. color:{color:sidelinks};
  593. border-bottom:1px solid {color:borders};}
  594.  
  595. .links a:hover {
  596. color:{color:sidelinkshover};
  597. letter-spacing:2px;}
  598.  
  599. .sidebox {
  600. border:1px solid {color:borders};
  601. margin-bottom:10px;}
  602.  
  603. .sidetitle {
  604. padding:10px;
  605. text-transform:uppercase;
  606. border-bottom:1px solid {color:borders};}
  607.  
  608. .sideboxcontent {
  609. padding:10px;}
  610.  
  611. .updates {
  612. border-left:14px solid {color:updatesbox};
  613. margin-bottom:5px;}
  614.  
  615. </style>
  616.  
  617. </head>
  618.  
  619. <body>
  620.  
  621. <div class="sbar">
  622.  
  623. <div class="sidebox">
  624. <div class="sidetitle">information</div>
  625. <div class="sideboxcontent">
  626. {text:moreinfo}
  627. </div>
  628. </div>
  629.  
  630. <div class="sidebox">
  631. <div class="sidetitle">navigation</div>
  632. <div class="sideboxcontent">
  633. <div class="links">
  634. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  635. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  636. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  637. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  638. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  639. {block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}
  640. </div></div>
  641. </div>
  642.  
  643. <div class="sidebox">
  644. <div class="sidetitle">updates</div>
  645. <div class="sideboxcontent">
  646. <div class="updates">&nbsp; &nbsp; {text:update1}</div>
  647. <div class="updates">&nbsp; &nbsp; {text:update2}</div>
  648. <div class="updates">&nbsp; &nbsp; {text:update3}</div>
  649. <div class="updates">&nbsp; &nbsp; {text:update4}</div>
  650. <div class="updates">&nbsp; &nbsp; {text:update5}</div>
  651.  
  652. </div>
  653. </div>
  654.  
  655. </div>
  656. </div>
  657.  
  658. <div class="sidebar">
  659.  
  660. <div class="sidecontent">
  661. <div id="portrait"><img src="{PortraitURL-24}"></div>
  662. {description}
  663. <div class="nav">
  664. <a href="/">home</a>
  665. <a href="/ask">ask</a>
  666. <a class="btn more">more</a>

  667.  
  668. </div>
  669. </div>
  670.  
  671. <div class="search"><form action="/search" method="get" class="sfm">
  672. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  673. <input type="submit" value="Search" id="sb"/>
  674. </form></div>
  675.  
  676. <div id="pagination">
  677. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><i class="fa fa-arrow-circle-left" aria-hidden="true"></i></a> - {/block:PreviousPage} page {CurrentPage} of {TotalPages}{block:NextPage} - <a href="{NextPage}"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i></a>
  678. {/block:NextPage}
  679. {/block:Pagination}
  680.  
  681. </div></div>
  682.  
  683. </div></div>
  684.  
  685. <div class="content">
  686. {block:Posts}
  687. {block:NoRebloggedFrom}
  688. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  689. {/block:NoRebloggedFrom}
  690.  
  691. <div class="posts">
  692.  
  693. {block:Photo}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{/block:HighRes}{/block:Photo}
  694.  
  695. {block:Photoset}{Photoset-400}{/block:Photoset}
  696.  
  697. {block:Text}{block:Title}<p class="subtitle fancy"><span>{Title}</span>{/block:Title}{Body} {/block:Text}
  698.  
  699. {block:Link}<p class="subtitle fancy"><span><a href="{URL}">{Name}</a></span>{block:Description}{Description}{/block:Description}{/block:Link}
  700.  
  701. {block:Quote}
  702. <div id="titlequote">{Quote}</div>
  703. {block:Source}<div id="source">{Source}</div>{/block:Source}
  704. {/block:Quote}
  705.  
  706. {block:Chat}{block:Title}<p class="subtitle fancy"><span>{Title}</span>{/block:Title}{block:Lines}{block:Label}<b>{Label} </b>{/block:Label}<span><i>{Line}</i><br></span>{/block:Lines}{/block:Chat}
  707.  
  708. {block:AudioPlayer}
  709. <div class="audiowrapper">
  710. {block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  711. <div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerBlack}
  712. </div></div></div><div class="trackdetails">
  713. {block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/>{block:Album}Album: {Album}{/block:Album}
  714. </div></div>{/block:AudioPlayer}
  715.  
  716. {block:Video}{Video-400}{block:Video}
  717.  
  718. {block:Answer}
  719. <div class="asked"><div class="asker">from {Asker}</div>{Question}</div><div class="answer">{Answer}</div>
  720. {/block:Answer}
  721.  
  722. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  723.  
  724. </div>
  725. <div id="{ShortURL}-hide">
  726. {block:Date}
  727. <div class="date">
  728. posted on:
  729. <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>
  730. <br>
  731. info: <a href="{Permalink}">{NoteCountwithLabel}</a> &middot;
  732. <a href="{ReblogURL}">reblog</a> &middot;
  733. {block:RebloggedFrom}
  734.  
  735. <a href="{ReblogParentURL}"> via </a> &middot;
  736. <a href="{ReblogRootURL}"> src </a>
  737. {/block:RebloggedFrom}
  738. <br>
  739.  
  740. {block:HasTags}filed under: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}
  741. {/block:Date}
  742.  
  743. {block:PostNotes}{PostNotes}
  744. {/block:PostNotes}
  745. </div> </div>
  746.  
  747. {/block:Posts}
  748.  
  749. </div></div>
  750.  
  751. {block:ContentSource}
  752. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  753. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  754. {/block:SourceLogo}
  755. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  756. {/block:ContentSource}
  757. </div></div></div></div></div>
  758.  
  759. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  760.  
  761. <div id="credit"><a href="https://octomoosey.tumblr.com/" title="theme by octomoosey"><img src="https://static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"></a></div>
  762. </body>
  763.  
  764. </html>
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!