Advertisement
octomoosey

scape

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