API tools faq
paste
Advertisement
octomoosey

demons

octomoosey
Apr 16th, 2017
4,093
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.17 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="#111" />
  12. <meta name="color:description" content="#bbb"/>
  13. <meta name="color:headertitle" content="#ffffff" />
  14. <meta name="color:text" content="#bbb"/>
  15. <meta name="color:nav" content="#fb9d28" />
  16. <meta name="color:pagination" content="#fb9d28" />
  17. <meta name="color:borders" content="#8c8c8c" />
  18. <meta name="color:bold" content="#8c8c8c" />
  19. <meta name="color:italic" content="#8c8c8c" />
  20. <meta name="color:link" content="#8c8c8c"/>
  21. <meta name="color:linkhover" content="#aaaaaa"/>
  22. <meta name="color:tags" content="#bbb"/>
  23. <meta name="color:tagshover" content="#8c8c8c" />
  24. <meta name="color:posttitle" content="#8c8c8c"/>
  25. <meta name="color:scrollbar" content="#fb9d28" />
  26. <meta name="color:selectiontext" content="#ffffff" />
  27. <meta name="color:selectionbg" content="#8c8c8c" />
  28. <meta name="color:tooltiptext" content="#ffffff" />
  29. <meta name="color:tooltipbg" content="#8c8c8c" />
  30.  
  31. <meta name="text:link 1" content="link 1">
  32. <meta name="text:link 1 url" content="/">
  33. <meta name="text:link 2" content="link 2">
  34. <meta name="text:link 2 url" content="/">
  35. <meta name="text:link 3" content="link 3">
  36. <meta name="text:link 3 url" content="/">
  37. <meta name="text:link 4" content="link 4">
  38. <meta name="text:link 4 url" content="/">
  39. <meta name="text:link 5" content="link 5">
  40. <meta name="text:link 5 url" content="/">
  41. <meta name="text:link 6" content="link 6">
  42. <meta name="text:link 6 url" content="/">
  43.  
  44. <meta name="text:headertitle" content="octomoosey">
  45. <meta name="text:subtitle" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ">
  46.  
  47. <meta name="if:hide captions" content="0"/>
  48.  
  49. <meta name="image:header" content="" />
  50.  
  51. <meta name="text:bodyfontsize" content="10px" />
  52. <meta name="text:descriptionfontsize" content="9px" />
  53.  
  54. <!---••• Fonts and Icons •••--->
  55.  
  56. <link href="https://fonts.googleapis.com/css?family=Fjalla+One|Roboto" rel="stylesheet">
  57.  
  58. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  59.  
  60. <script src="https://use.fontawesome.com/ab7c03fd2a.js"></script>
  61.  
  62. <style type="text/css">
  63.  
  64. /* ---••• General Styling •••--- */
  65.  
  66. iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  67. position:fixed;
  68. top:8px!important;
  69. right:10px!important;
  70. white-space:nowrap;
  71. transform: scale(0.8,0.8);
  72. opacity:0.7;
  73. transition: 0.7s ease-in-out;
  74. -webkit-transition: 0.7s ease-in-out;
  75. -moz-transition: 0.7s ease-in-out;
  76. -o-transition: 0.7s ease-in-out;}
  77.  
  78. #tumblr_lightbox {
  79. background-color:rgba(255, 255, 255, .9)!important;
  80. z-index:99999!important;}
  81.  
  82. #tumblr_lightbox img {opacity:0;}
  83.  
  84. #tumblr_lightbox_caption {
  85. font-weight:normal!important;
  86. text-shadow:none!important;}
  87.  
  88. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  89. -moz-box-shadow:none!important;
  90. -webkit-box-shadow:none!important;
  91. box-shadow:none!important;
  92. -moz-border-radius:0px!important;
  93. -webkit-border-radius:0px!important;
  94. border-radius:0px!important;
  95. opacity:1!important;}
  96.  
  97. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  98.  
  99. ::-webkit-scrollbar {
  100. width:17px;
  101. height:17px;}
  102.  
  103. ::-webkit-scrollbar {
  104. background-color:{color:background};}
  105.  
  106. ::-webkit-scrollbar-track {
  107. border:7px solid {color:background};
  108. background-color:rgb(230,230,230);}
  109.  
  110. ::-webkit-scrollbar-thumb {
  111. border:7px solid {color:background};
  112. background-color:{color:scrollbar};
  113. min-height:24px;
  114. min-width:24px;}
  115.  
  116. ::-moz-selection {
  117. color:{color:selectiontext};
  118. background:{color:selectionbg};}
  119.  
  120. ::selection {
  121. color:{color:selectiontext};
  122. background:{color:selectionbg};}
  123.  
  124. body {
  125. background:{color:background};
  126. color:{color:text};
  127. font-family: 'Roboto', sans-serif;
  128. font-size: {text:bodyfontsize};
  129. font-weight:normal;
  130. margin:0;
  131. line-height:150%;}
  132.  
  133. blockquote {
  134. text-align:justify;
  135. padding-left:10px;
  136. border-left:1px solid {color:borders};
  137. margin:0px 10px 0px 10px;}
  138.  
  139. .caption blockquote {
  140. margin:0px 10px 0px 10px;
  141. text-align:justify;}
  142.  
  143. blockquote img {
  144. max-width:100%;
  145. height:auto;}
  146.  
  147. blockquote iframe {
  148. max-width:100%;
  149. height:auto;}
  150.  
  151. img {
  152. max-width:100%;
  153. height:auto;}
  154.  
  155. .caption img {
  156. max-width:100%;
  157. height:auto;}
  158.  
  159. .posts img {
  160. margin:5px auto;
  161. max-width:100%;}
  162.  
  163. pre {
  164. font-size:8px;
  165. letter-spacing:1px;
  166. font-family: 'roboto', sans-serif;
  167. text-transform:uppercase;
  168. color:{color:posttitle};
  169. overflow: hidden;
  170. display: block;
  171. text-align: center;}
  172.  
  173. a {
  174. color:{color:link};
  175. text-decoration:none;
  176. cursor:help;
  177. -webkit-transition: all 0.7s ease;
  178. transition: all 0.7s ease;
  179. -moz-transition: all 0.7s ease;
  180. -o-transition: all 0.7s ease;}
  181.  
  182. a:hover {
  183. text-decoration:none;
  184. color:{color:linkhover};
  185. text-shadow: 0px 0px #aeaeae, -0px 0px #aeaeae;}
  186.  
  187. p {
  188. margin:10px 0 10px 0;}
  189.  
  190. p:first-of-type {
  191. margin-top:0;
  192. padding-top:0;}
  193.  
  194. p:last-of-type {
  195. margin-bottom:10px;
  196. padding-bottom:0;}
  197.  
  198. b, strong {
  199. color:{color:bold};}
  200.  
  201. i {
  202. font-style:italic;
  203. font-size: 10px;
  204. color:{color:italic};
  205. letter-spacing:1px;
  206. text-align:justify;}
  207.  
  208. small, big {
  209. font-size: {text:bodyfontsize};}
  210.  
  211. sub, sup {
  212. font-size: 63%;
  213. letter-spacing:1.7px;}
  214.  
  215. h1, h2, h3, h4 {
  216. font-style:italic;
  217. text-align:center;
  218. font-family: 'Fjalla One', sans-serif;
  219. font-size:18px;
  220. letter-spacing:1px;
  221. color:{color:posttitle};}
  222.  
  223. {block:IfGreyscale}
  224.  
  225. img {
  226. -webkit-filter:grayscale(100%);
  227. -webkit-transition: all 0.9s ease-in-out;
  228. -moz-transition: all 0.9s ease-in-out;
  229. -o-transition: all 0.9s ease-in-out;
  230. -ms-transition: all 0.9s ease-in-out;
  231. transition: all 0.9s ease-in-out;}
  232.  
  233. img:hover {
  234. -webkit-filter:none;}
  235.  
  236. .html_photoset {
  237. -webkit-filter: grayscale(100%);
  238. -webkit-transition: all 0.9s ease-in-out;
  239. -moz-transition: all 0.9s ease-in-out;
  240. -o-transition: all 0.9s ease-in-out;
  241. -ms-transition: all 0.9s ease-in-out;
  242. transition: all 0.9s ease-in-out;}
  243.  
  244. .html_photoset:hover {
  245. -webkit-filter: none;}
  246.  
  247. {/block:IfGreyscale}
  248.  
  249. .media {
  250. position:relative;
  251. display:inline-block;
  252. height:auto;
  253. width:100%;}
  254.  
  255. .caption {
  256. font-family:{font:bodyfont};
  257. margin-top:15px;
  258. {block:ifhidecaptions}
  259. {block:indexpage}
  260. display:none;
  261. {/block:indexpage}
  262. {/block:ifhidecaptions}}
  263.  
  264. /* ---••• Entries Styling •••--- */
  265.  
  266. .content {
  267. {block:PermalinkPage}
  268. margin-top:150px;
  269. {/block:PermalinkPage}
  270. width:500px;
  271. left:50%;
  272. margin-left:-140px;
  273. position:relative;
  274. padding-top:50px;}
  275.  
  276. .post {
  277. border:1px solid {color:borders};
  278. padding:20px;
  279. margin-bottom:5px;
  280. line-height:150%;
  281. font-size:{text:bodyfontsize};
  282. width:500px;
  283. display:block;}
  284.  
  285. /* ---••• Post Info •••--- */
  286.  
  287. .date {
  288. border:1px solid {color:borders};
  289. background-color: rgba(17, 17, 17, 0.7);
  290. background: rgba(17, 17, 17, 0.7);
  291. padding:10px;
  292. margin-bottom:100px;
  293. width:520px;
  294. text-transform:uppercase;
  295. font-size:9px;
  296. font-weight:700;
  297. line-height:15px;
  298. display:block;}
  299.  
  300. .date a {
  301. color:{color:tags};}
  302.  
  303. .date a:hover {
  304. color:{color:tagshover};}
  305.  
  306. .notes {
  307. display:block;
  308. margin-left:-30px;
  309. width:500px;
  310. list-style-type: none;}
  311.  
  312. .notes img{
  313. border-radius: 3px;
  314. margin: 0px 10px -4px 0px;}
  315.  
  316. .notes li {
  317. padding-bottom: 10px;}
  318.  
  319. /* ---••• Header •••--- */
  320.  
  321. #header {
  322. top:0;
  323. left:0;
  324. position:relative;
  325. width:calc(100vw - 24px);
  326. height:100vh;}
  327.  
  328. #headercontent {
  329. border:1px solid {color:borders};
  330. background: {color:posts};
  331. position:absolute;
  332. height:400px;
  333. top:50%;
  334. margin-left:300px;
  335. margin-top:-200px;
  336. width:calc(100% - 350px);
  337. background-image: url('{image:header}');
  338. background-position:top right;
  339. background-repeat: no-repeat;
  340. background-attachment: absolute;
  341. -webkit-background-size: cover;
  342. -moz-background-size: cover;
  343. -o-background-size: cover;
  344. background-size: cover;}
  345.  
  346. #htitle {
  347. text-shadow: 0px 0px 5px #000;
  348. color:{color:headertitle};
  349. border-bottom:1px dotted {color:headertitle};
  350. text-align:right;
  351. position:absolute;
  352. bottom:20px;
  353. right:20px;
  354. font-family: 'Fjalla One', sans-serif;
  355. font-style: italic;
  356. font-size:18px;}
  357.  
  358. #hstitle {
  359. margin-top:5px;
  360. font-style: normal;
  361. font-size:10px;}
  362.  
  363. /* ---••• Sidebar •••--- */
  364.  
  365. #sidebar {
  366. position: fixed;
  367. top: 0;
  368. left: 0;
  369. padding: 30px;
  370. width: 240px;
  371. height: 100%;}
  372.  
  373. #sidebar_content {
  374. width: 230px;
  375. position:fixed;
  376. top: 50%;
  377. transform: translateY(-50%);}
  378.  
  379. .sidebartitle {
  380. text-align:right;
  381. letter-spacing:2px;
  382. text-transform:lowercase;
  383. margin-bottom:5px;
  384. font-family: 'Fjalla One', sans-serif;
  385. font-style: italic;
  386. font-size:12px;}
  387.  
  388. .sidebarcontent {
  389. line-height:130%;
  390. font-size:{text:descriptionfontsize};
  391. color:{color:description};
  392. text-align:justify;
  393. margin-bottom:15px;}
  394.  
  395. .sidebarcontent i {
  396. font-size:{text:descriptionfontsize};
  397. color:{color:description};
  398. text-align:justify;
  399. margin-bottom:15px;}
  400.  
  401. #nav {
  402. display:block;
  403. margin-bottom:15px;}
  404.  
  405. #nav a {
  406. display:block;}
  407.  
  408. #nav a:hover {}
  409.  
  410. table {
  411. position:relative;
  412. left:-5px;
  413. margin-bottom:15px;
  414. width: 100%;
  415. text-align: center;
  416. table-layout: fixed;
  417. border-collapse: separate;
  418. border-spacing: 5px;
  419. *border-collapse: expression('separate', cellSpacing = '5px');}
  420.  
  421. th {
  422. height: 10px;
  423. text-align: center;}
  424.  
  425. th, td {
  426. border:1px solid {color:description};
  427. padding:4px;
  428. -webkit-transition: all 0.7s ease;
  429. transition: all 0.7s ease;
  430. -moz-transition: all 0.7s ease;
  431. -o-transition: all 0.7s ease;}
  432.  
  433. td:hover {
  434. background:{color:description};}
  435.  
  436. .tablenav {
  437. width: 240px;
  438. margin-left:0px;}
  439.  
  440. .tablenav a {
  441. color:{color:nav};
  442. display:block;
  443. font-size:9px;
  444. text-transform:uppercase;
  445. text-align: center;
  446. letter-spacing:1.5px;}
  447.  
  448. .tablenav a:hover {
  449. color:{color:background};}
  450.  
  451. .sfm input {
  452. width:213px;
  453. font-size: 8px;
  454. border: 0px;
  455. text-transform: uppercase;
  456. margin-top: 0px;
  457. color: #999;
  458. letter-spacing: 1px;
  459. padding: 4px 8px;
  460. font-family: calibri, helvetica, arial;}
  461.  
  462. #sf {
  463. border:1px solid {color:description};
  464. background: url('https://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png') left center no-repeat;
  465. background-size: 10px 10px;}
  466.  
  467. /* ---••• Ask Posts •••--- */
  468.  
  469. .asked {
  470. text-transform:uppercase;
  471. text-align:right;
  472. color:{color:text};
  473. padding:0px;
  474. margin-bottom:15px;}
  475.  
  476. .asker {
  477. font-family: 'Fjalla One', sans-serif;
  478. font-style: italic;
  479. font-size:18px;
  480. line-height:50px;
  481. text-align:right;}
  482.  
  483. .answer {
  484. text-align:justify;
  485. color:{color:text};
  486. border:0;}
  487.  
  488. /* ---••• Quote Posts •••--- */
  489.  
  490. .quote {
  491. line-height:20px;
  492. font-family: 'Fjalla One', sans-serif;
  493. font-size:18px;}
  494.  
  495. .source {
  496. margin-top:10px;}
  497.  
  498. /* ---••• Chat Posts •••--- */
  499.  
  500. .chat ul {
  501. display:block;
  502. list-style:none;}
  503.  
  504. .chat li {
  505. margin-left:-40px;
  506. padding:3px;
  507. display:block;}
  508.  
  509. .chat i {
  510. letter-spacing:0px;
  511. color:{color:text};}
  512.  
  513. .label {
  514. margin-right:10px;}
  515.  
  516. /* ---••• Audio Posts •••--- */
  517.  
  518. #audiotitle {
  519. margin-left: 10px;
  520. font-size: 10px;
  521. text-transform: uppercase;
  522. letter-spacing: 1px;}
  523.  
  524. #audioinfo {
  525. display:inline;
  526. margin-left: 10px;
  527. text-align:left;
  528. text-transform:uppercase;
  529. font-family: arial narrow;
  530. font-size: 7px;
  531. margin-bottom:10px
  532. text-transform: uppercase;
  533. letter-spacing: 1;
  534. line-height: 110%; }
  535.  
  536. .player {
  537. overflow: hidden;
  538. height: 30px;
  539. width: 30px;
  540. border-radius: 30px;
  541. {block:ifBlackPlayer}
  542. background-color: #000;
  543. {/block:ifBlackPlayer}
  544. {block:ifWhitePlayer}
  545. background-color: #FFF;
  546. {/block:ifWhitePlayer}
  547. {block:ifGrayPlayer}
  548. background-color: #e4e4e4;
  549. {/block:ifGrayPlayer}}
  550.  
  551. /* ---••• Pagination •••--- */
  552.  
  553. #pagination {
  554. margin-top:10px;
  555. z-index:9;
  556. text-align:left;
  557. font-family:{font:bodyfont};
  558. text-transform:uppercase;
  559. font-size:10px;}
  560.  
  561. #pagination a {
  562. color:{color:pagination};
  563. margin:0px 5px 0px 5px;}
  564.  
  565. #pagination a:hover {
  566. color:{color:container};
  567. text-shadow: 0px 0px 5px #000;}
  568.  
  569. /* ---••• Other •••--- */
  570.  
  571. .linkpost {
  572. font-style:italic;
  573. text-align:left;
  574. font-family: 'Fjalla One', sans-serif;
  575. font-size:18px;
  576. letter-spacing:1px;
  577. margin-bottom:5px;}
  578.  
  579. .like-b {
  580. position:relative;
  581. display:inline-block;
  582. overflow:hidden;
  583. margin-bottom:-5px;}
  584.  
  585. .like-b .like_button iframe {
  586. position:absolute;
  587. top:0;
  588. left:0;
  589. bottom:0;
  590. right:0;
  591. z-index:2;
  592. opacity:0;}
  593.  
  594. .like-b .liked + .b {
  595. color:inherit;}
  596.  
  597. .like-b .liked + .b:after {
  598. content:'d';}
  599.  
  600. .totop {
  601. border-bottom:1px dotted {color:description};
  602. color:{color:description};
  603. text-transform:uppercase;
  604. display:none;
  605. bottom:50px;
  606. width:90px;
  607. font-size:9px;
  608. letter-spacing:1.8px;}
  609.  
  610. .totop a {
  611. color:{color:description};}
  612.  
  613. .clickdown {
  614. color:{color:headertitle};
  615. border-bottom:1px dotted {color:description};
  616. margin-left:20px;
  617. position:absolute;
  618. bottom:20px;
  619. font-style: none;
  620. text-transform:uppercase;
  621. letter-spacing:2px;
  622. font-size:9px;
  623. font-family: 'Roboto', sans-serif;}
  624.  
  625. .clickdown a {
  626. color:{color:headertitle};}
  627.  
  628. #s-m-t-tooltip {
  629. margin:10px 10px 5px 12px;
  630. padding:5px;
  631. color:{color:tooltiptext};
  632. border:1px solid {color:tooltiptext};
  633. font-size:9px;
  634. text-transform:uppercase;
  635. letter-spacing:2px;
  636. background:{color:tooltipbg};
  637. z-index:99999;}
  638.  
  639. #credit {
  640. z-index:999;
  641. bottom:0px;
  642. right:0px;
  643. height:30px;
  644. width:30px;
  645. opacity:0.8;
  646. position:fixed;
  647. padding:5px;}
  648.  
  649. </style>
  650. </head>
  651.  
  652. <body>
  653.  
  654. {block:IndexPage}
  655. <div id="header">
  656. <div id="headercontent">
  657. <div class="clickdown"><a href="#">scroll down</a> </div>
  658.  
  659. <div id="htitle">
  660. {text:headertitle}
  661.  
  662. <div id="hstitle">
  663. {text:subtitle}
  664. </div>
  665. </div></div></div>
  666. {/block:IndexPage}
  667.  
  668. <div id="sidebar">
  669. <div id="sidebar_content">
  670. <div class="sidebartitle">About</div>
  671. <div class="sidebarcontent">{description}</div>
  672. <div class="sidebartitle">Explore</div>
  673. <table class="tablenav">
  674. <tbody>
  675. <tr>
  676. <td><a href="/">index</a></td>
  677. <td><a href="/ask">queries</a></td>
  678. </tr>
  679. <tr>
  680. <td>{block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}</td>
  681. <td>{block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}</td>
  682. </tr>
  683. <tr>
  684. <td>{block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}</td>
  685. <td>{block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}</td>
  686. </tr>
  687. <tr>
  688. <td>{block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}</td>
  689. <td>{block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}</td>
  690. </tr>
  691. </tbody>
  692. </table>
  693.  
  694. <div class="sidebartitle">Search</div>
  695. <div class="sidebarcontent">
  696. <script language="javascript">
  697. function send()
  698. {document.theform.submit()}
  699. </script>
  700.  
  701. <form action="/search" method="get" class="sfm" name="theform">
  702. <input type="text" name="q" value="" id="sf"/>
  703. </form></div>
  704.  
  705. <div id="pagination">
  706. {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>
  707. {/block:NextPage}
  708. {/block:Pagination}</div>
  709. </div>
  710.  
  711. <div class="totop"><a href="#">scroll to top</a> </div>
  712. </div></div>
  713.  
  714. <div class="content">
  715.  
  716. {block:posts}
  717. <div class="post">
  718.  
  719. {block:Photo}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{/block:HighRes}{/block:Photo}
  720.  
  721. {block:Photoset}{Photoset-500}{/block:Photoset}
  722.  
  723. {block:Panorama}
  724. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  725. {/block:Panorama}
  726.  
  727. {block:Video}
  728. <div class="media video">{Video-500}</div>
  729. {/block:Video}
  730.  
  731. {block:Text}{block:Title}<h3>{Title}</h3>{/block:Title}{Body} {/block:Text}
  732.  
  733. {block:Link}<div class="linkpost"><span class="lnr lnr-link"></span><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  734.  
  735. {block:Quote}<div class="quote">❝ {Quote} ❞</div>
  736. <div class="source">&mdash;{Source}</div>{/block:Quote}
  737.  
  738. {block:Chat}<div class="chat">{block:Title}<h3>{Title}</h3>{/block:Title}
  739. <ul class="chat">
  740. {block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label}
  741. <span class="label"><b>{Label}</b></span>{/block:Label}<i>{Line}</i></li>
  742. {/block:Lines}</ul></div>{/block:Chat}
  743.  
  744. {block:Audio}
  745. <table>
  746. <td>
  747. <div class="player">{AudioPlayerWhite}</div>
  748. </td>
  749.  
  750. <td>
  751. <div id="audiotitle">
  752. {block:TrackName}{TrackName}{/block:TrackName}</div>
  753. <div id="audioinfo">
  754. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}
  755. </div></td>
  756. </table>
  757. {/block:Audio}
  758.  
  759. {block:Answer}
  760. <div class="asked"><div class="asker"> from {Asker}</div>{Question}</div>
  761. <div class="answer">{Answer}</div>
  762. {/block:Answer}
  763.  
  764. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  765.  
  766. </div>
  767. <div id="{ShortURL}-hide">
  768. {block:Date}
  769. <div class="date">
  770. <a href="{Permalink}">{DayOfMonth} {ShortMonth}</a> &middot;
  771. <a href="{Permalink}">{NoteCount}n</a> &middot;
  772. <a href="{ReblogURL}">reblog</a> &middot;
  773. <a class="like-b" href="#">{LikeButton}<span class="b">Like</span></a> &middot;
  774. {block:RebloggedFrom}
  775. <a href="{ReblogParentURL}"> via </a> &middot;&nbsp
  776. <a href="{ReblogRootURL}"> src </a>
  777. {/block:RebloggedFrom}
  778. <br>
  779.  
  780. {block:HasTags}{block:Tags}<span class="lnr lnr-tag"></span> <a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}
  781. {/block:Date}
  782.  
  783. {block:PostNotes}{PostNotes}
  784. {/block:PostNotes}
  785. </div> </div>
  786.  
  787. {/block:Posts}
  788.  
  789. </div></div>
  790.  
  791. {block:ContentSource}
  792. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  793. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  794. {/block:SourceLogo}
  795. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  796. {/block:ContentSource}
  797.  
  798. <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>
  799. </body>
  800.  
  801. <!---••• Scripts •••--->
  802.  
  803. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  804.  
  805. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  806.  
  807. <script>
  808. (function($){
  809. $(document).ready(function(){
  810. $("a[title]").style_my_tooltips({
  811. tip_follows_cursor:true,
  812. tip_delay_time:90,
  813. tip_fade_speed:600,
  814. attribute:"title"
  815. });
  816. });
  817. })(jQuery);
  818. </script>
  819.  
  820. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
  821. <script src="https://static.tumblr.com/yzs4yqx/lOsokx99u/smoothscroll.min</script>
  822.  
  823. <script>
  824. $(document).ready(function(){
  825.  
  826. $('.totop').click(function(){
  827. $('html, body').animate({scrollTop : 0},1200);
  828. return false;
  829. });
  830. $('.clickdown').click(function(){
  831. $('html, body').animate({scrollTop : $(".content").offset().top},1200);
  832. return false;
  833. });
  834.  
  835. $(window).scroll(function(){
  836. if ($(this).scrollTop() > 200) {
  837. $('.totop').fadeIn();
  838. } else {
  839. $('.totop').fadeOut();
  840. }
  841. });
  842. });
  843. </script>
  844.  
  845.  
  846. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  847.  
  848. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  849. </body>
  850. </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!