API tools faq
paste
Advertisement
octomoosey

tidal

octomoosey
Apr 8th, 2019 (edited)
3,918
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.56 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- octomoosey @ tumblr -->
  4.  
  5. <html xmlns="//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. <!--- ••• Colour Variables ••• --->
  12.  
  13. <meta name="color:background" content="#fafafa">
  14. <meta name="color:postbg" content="#f2f2f2">
  15. <meta name="color:italic" content="#f2992e" />
  16. <meta name="color:bold" content="#f2992e" />
  17. <meta name="color:text" content="#333333">
  18. <meta name="color:link" content="#f2992e">
  19. <meta name="color:linkhover" content="#ffffff">
  20. <meta name="color:basebar" content="#000000">
  21. <meta name="color:baselinks" content="#f2992e">
  22. <meta name="color:baselinkshover" content="#f2f2f2">
  23. <meta name="color:description" content="#333333">
  24. <meta name="color:scrollbar" content="#f2992e" />
  25. <meta name="color:permatext" content="#ffffff">
  26. <meta name="color:permabg" content="#000">
  27. <meta name="color:tooltipbg" content="#ffffff">
  28. <meta name="color:tooltiptext" content="#737373">
  29. <meta name="color:tags" content="#737373">
  30. <meta name="color:tagshover" content="#f2992e">
  31. <meta name="color:tagsicon" content="#f2992e">
  32. <meta name="color:posttitle" content="#f2992e">
  33. <meta name="color:audioimageborder" content="#737373">
  34. <meta name="color:menulink" content="#f2f2f2">
  35. <meta name="color:menulinkbg" content="#737373">
  36.  
  37. <!--- ••• Text Variables ••• --->
  38. <meta name="text:bodyfontsize" content="13px" />
  39. <meta name="text:maintitle" content="themes & resources by octomoosey" />
  40. <meta name="text:yourblogname" content="octomoosey" />
  41. <meta name="text:dropdowninfo" content="Lorem ipsum dolor sit amet, consectetuer ADIPISCING ELIT. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis." />
  42.  
  43. <!--- ••• If Variables ••• --->
  44. <meta name="if:showcaptions" content="0"/>
  45. <meta name="if:250px posts" content="1"/>
  46. <meta name="if:400px posts" content="0"/>
  47.  
  48. <!--- ••• Image Variables ••• --->
  49. <meta name="image:background" content=""/>
  50.  
  51. <!--- ••• Links ••• --->
  52. <meta name="text:link 1" content="link 1">
  53. <meta name="text:link 1 url" content="/">
  54. <meta name="text:link 2" content="link 2">
  55. <meta name="text:link 2 url" content="/">
  56. <meta name="text:link 3" content="link 3">
  57. <meta name="text:link 3 url" content="/">
  58. <meta name="text:link 4" content="link 4">
  59. <meta name="text:link 4 url" content="/">
  60. <meta name="text:link 5" content="link 5">
  61. <meta name="text:link 5 url" content="/">
  62. <meta name="text:link 6" content="link 6">
  63. <meta name="text:link 6 url" content="/">
  64. <meta name="text:link 7" content="link 7">
  65. <meta name="text:link 7 url" content="/">
  66. <meta name="text:link 8" content="link 8">
  67. <meta name="text:link 8 url" content="/">
  68. <meta name="text:link 9" content="link 9">
  69. <meta name="text:link 9 url" content="/">
  70. <meta name="text:link 10" content="link 10">
  71. <meta name="text:link 10 url" content="/">
  72.  
  73. <!--- ••• Fonts ••• --->
  74.  
  75. <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
  76.  
  77. <link href="//fonts.googleapis.com/css?family=Raleway:400,400i,700,700i" rel="stylesheet">
  78.  
  79. <script src="//unpkg.com/imagesloaded@4/imagesloaded.pkgd.js"></script>
  80.  
  81. <link href="//fonts.googleapis.com/css?family=Cormorant+Garamond:400,400i,700,700i" rel="stylesheet">
  82.  
  83. <style type="text/css">
  84.  
  85. iframe.tmblr-iframe {
  86. z-index:99999999999999!important;
  87. top:20px!important;
  88. right:0!important;
  89. padding-right:50px;
  90. transform:scale(0.65);
  91. transform-origin:100% 0;
  92. -webkit-transform:scale(0.65);
  93. -webkit-transform-origin:100% 0;
  94. -o-transform:scale(0.65);
  95. -o-transform-origin:100% 0;
  96. -moz-transform:scale(0.65);
  97. -moz-transform-origin:100% 0;
  98. -ms-transform:scale(0.65);
  99. -ms-transform-origin:100% 0;}
  100.  
  101. #tumblr_lightbox {
  102. background-color:rgba(255, 255, 255, .9)!important;
  103. z-index:99999!important;}
  104.  
  105. #tumblr_lightbox img {opacity:0;}
  106.  
  107. #tumblr_lightbox_caption {
  108. font-weight:normal!important;
  109. text-shadow:none!important;}
  110.  
  111. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  112. -moz-box-shadow:none!important;
  113. -webkit-box-shadow:none!important;
  114. box-shadow:none!important;
  115. -moz-border-radius:0px!important;
  116. -webkit-border-radius:0px!important;
  117. border-radius:0px!important;
  118. opacity:1!important;}
  119.  
  120. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  121.  
  122. ::-webkit-scrollbar{
  123. height:3px;
  124. width:4px;
  125. background:inherit;}
  126.  
  127. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  128.  
  129. ::-webkit-scrollbar-track {background:{color:background};}
  130.  
  131. ::-moz-selection {
  132. color:{color:selectiontext};
  133. background:{color:selectionbg};}
  134.  
  135. ::selection {
  136. color:{color:selectiontext};
  137. background:{color:selectionbg};}
  138.  
  139. body {
  140. overflow-x:hidden;
  141. background:{color:background};
  142. color:{color:text};
  143. font-family: 'Cormorant Garamond', serif;
  144. font-size: {text:bodyfontsize};
  145. font-weight:normal;
  146. margin:0;
  147. background-image: url('{image:background}');
  148. background-position:center;
  149. background-repeat:no-repeat;
  150. background-attachment: fixed;
  151. -webkit-background-size: cover;
  152. -moz-background-size: cover;
  153. -o-background-size: cover;
  154. background-size: cover;}
  155.  
  156. blockquote {
  157. padding-left:10px;
  158. border-left:1px solid {color:borders};
  159. margin:15px 0px 10px 0px;
  160. text-align:justify;}
  161.  
  162. .caption blockquote {
  163. margin:15px 0px 10px 0px;}
  164.  
  165. blockquote img {
  166. max-width:100%;
  167. height:auto;}
  168.  
  169. blockquote iframe {
  170. max-width:100%;
  171. height:auto;}
  172.  
  173. img {
  174. max-width:100%;
  175. height:auto;}
  176.  
  177. .caption img {
  178. max-width:100%;
  179. height:auto;}
  180.  
  181. .post img {
  182. max-width:100%;}
  183.  
  184. pre {
  185. font-size: {text:bodyfontsize};
  186. letter-spacing:1px;
  187. text-transform:uppercase;
  188. color:{color:posttitle};
  189. overflow: hidden;
  190. display: block;
  191. text-align: center;}
  192.  
  193. a {
  194. color:{color:link};
  195. padding-bottom:2px;
  196. text-decoration:none;
  197. cursor:help;
  198. -webkit-transition: all 0.7s ease;
  199. transition: all 0.7s ease;
  200. -moz-transition: all 0.7s ease;
  201. -o-transition: all 0.7s ease;}
  202.  
  203. a:hover {
  204. padding-bottom:2px;
  205. text-decoration:none;
  206. color:{color:linkhover};}
  207.  
  208. p {
  209. margin:10px 0 10px 0;}
  210.  
  211. p:first-of-type {
  212. margin-top:0;
  213. padding-top:0;}
  214.  
  215. p:last-of-type {
  216. margin-bottom:10px;
  217. padding-bottom:0;}
  218.  
  219. b, strong {
  220. color:{color:bold};}
  221.  
  222. i {
  223. font-style:italic;
  224. font-size: {text:bodyfontsize};
  225. color:{color:italic};
  226. letter-spacing:1px;
  227. text-align:justify;}
  228.  
  229. small, big {
  230. font-size: {text:bodyfontsize};}
  231.  
  232. sub, sup {
  233. font-size: {text:bodyfontsize};
  234. letter-spacing:1.7px;}
  235.  
  236. h1, h2, h3, h4 {
  237. font-family: 'Cormorant Garamond', serif;
  238. text-transform:uppercase;
  239. letter-spacing:2px;
  240. text-align:left;
  241. font-size:calc({text:bodyfontsize} + 2px);
  242. color:{color:posttitle};}
  243.  
  244. .media {
  245. position:relative;
  246. display:inline-block;
  247. height:auto;
  248. width:100%;}
  249.  
  250. .caption {
  251. margin-top:10px;
  252. display:block;}
  253.  
  254. /* ---••• Post Styling •••--- */
  255.  
  256. #container {
  257. z-index:7;
  258. position:absolute;
  259. margin-top:100px;
  260. background:{color:postbg};
  261. left:50%;
  262. transform: translateX(-50%);
  263. padding:0px 50px 0px 50px;
  264. padding-bottom:150px;
  265. {block:indexpage}
  266. width:calc(100% - 300px);
  267. max-width:850px;
  268. {/block:indexpage}
  269. {block:PermalinkPage}
  270. width:500px;
  271. {/block:PermalinkPage}}
  272.  
  273. #content {
  274. padding-top:50px;
  275. display: hidden;
  276. position:relative;
  277. margin:0px auto;
  278. margin-bottom:0px;
  279. {block:PermalinkPage}
  280. margin-bottom:80px;
  281. {/block:PermalinkPage}
  282. opacity:0;
  283. -webkit-animation:fadeIn ease-in 1;
  284. -moz-animation:fadeIn ease-in 1;
  285. animation:fadeIn ease-in 1;
  286. -webkit-animation-fill-mode:forwards;
  287. -moz-animation-fill-mode:forwards;
  288. animation-fill-mode:forwards;
  289. -webkit-animation-duration:1.5s;
  290. -moz-animation-duration:1.5s;
  291. animation-duration:1.5s;
  292. -webkit-animation-delay: 0.2s;
  293. animation-delay: 0.2s;}
  294.  
  295. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  296. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  297. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  298.  
  299. .post {
  300. z-index:2!important;
  301. text-align:justify;
  302. z-index:7;
  303. {block:indexpage}
  304. margin-bottom:50px;
  305. {block:if250pxposts}
  306. width:250px;
  307. {/block:if250pxposts}
  308. {block:if400pxposts}
  309. width:400px;
  310. {/block:if400pxposts}
  311. {/block:indexpage}
  312. {block:permalinkpage}
  313. width:500px;
  314. {/block:permalinkpage}}
  315.  
  316. .perma {
  317. font-family: 'Raleway', sans-serif;
  318. letter-spacing:1px;
  319. background:{color:permabg};
  320. color:{color:permatext};
  321. margin-top:5px;
  322. padding:15px;
  323. {block:indexpage}
  324. {block:if250pxposts}
  325. width:220px;
  326. {/block:if250pxposts}
  327. {block:if400pxposts}
  328. width:370px;
  329. {/block:if400pxposts}
  330. {/block:indexpage}
  331. {block:permalinkpage}
  332. width:470px;
  333. {/block:permalinkpage}
  334. text-align:center;
  335. display:inline-block;
  336. text-transform:uppercase;
  337. font-size:8px;}
  338.  
  339. .perma a {
  340. color:{color:permatext};}
  341.  
  342. .perma a:hover {
  343. color:{color:datetexthover};}
  344.  
  345. .topother {
  346. float:right;}
  347.  
  348. {block:permalinkpage}
  349. .tags {
  350. text-transform:uppercase;
  351. margin-top:10px;}
  352.  
  353. .tags a {
  354. color:{color:tags};
  355. font-size:9px;
  356. margin-right:5px;}
  357.  
  358. .tags a:hover {
  359. color:{color:tagshover};}
  360.  
  361. .tags i {
  362. color:{color:tagsicon};
  363. font-size:9px;}
  364. {/block:permalinkpage}
  365.  
  366. .like-b {
  367. position:relative;
  368. display:inline-block;
  369. height:1em;
  370. line-height:1em;
  371. overflow:hidden;
  372. margin-bottom:-3px;}
  373.  
  374. .like-b .like_button iframe {
  375. position:absolute;
  376. top:0;
  377. left:0;
  378. bottom:0;
  379. right:0;
  380. z-index:2;
  381. opacity:0;}
  382.  
  383. .like-b .liked + .b {
  384. color:inherit;}
  385.  
  386. .like-b .liked + .b:after {
  387. content:'d';}
  388.  
  389. /* ---••• Post Notes •••--- */
  390.  
  391. ol.notes {
  392. padding:0px;
  393. margin:25px 0px 0px -10px;
  394. list-style-type:none;}
  395.  
  396. ol.notes li.note {
  397. padding:10px;}
  398.  
  399. ol.notes li.note img.avatar {
  400. vertical-align:-4px;
  401. margin-right:10px;
  402. width:16px;
  403. height:16px;}
  404.  
  405. ol.notes li.note span.action {
  406. font-weight:none;}
  407.  
  408. ol.notes li.note .answer_content {
  409. font-weight:normal;}
  410.  
  411. ol.notes li.note blockquote {
  412. padding:4px 10px;
  413. margin:10px 0px 0px 25px;}
  414.  
  415. ol.notes li.note blockquote a {
  416. text-decoration:none;}
  417.  
  418. /* ---••• Footer Styling •••--- */
  419.  
  420. {block:indexpage}
  421. #footer {
  422. position:relative
  423. font-size: {text:bodyfontsize};
  424. text-align:center;
  425. margin-left:0px;
  426. width:100%;
  427. height:80px;
  428. background:{color:postbg};
  429. margin-bottom:40px;}
  430.  
  431. .pagination {
  432. padding:15px 0px 6px 0px;
  433. text-transform:uppercase;
  434. font-size:calc({text:bodyfontsize} + 2px);
  435. letter-spacing:1px;}
  436. {/block:indexpage}
  437.  
  438. /* ---••• Post Types •••--- */
  439.  
  440. .posttitle {
  441. text-align:center;
  442. font-size:24px;
  443. color:{color:posttitle};}
  444.  
  445. /* ---••• Ask Posts •••--- */
  446.  
  447. .question {
  448. background:{color:permabg};
  449. color:{color:permatext};
  450. padding:15px;
  451. margin-bottom:5px;}
  452.  
  453. .asker {
  454. font-size:calc({text:bodyfontsize} + 2px);
  455. text-transform:uppercase;
  456. letter-spacing:1px;}
  457.  
  458. /* ---••• Quote Posts •••--- */
  459.  
  460. .quote {
  461. font-family: 'Raleway', sans-serif;
  462. text-align:center;
  463. font-size:calc({text:bodyfontsize} + 2px);
  464. margin-bottom:10px;
  465. text-align: justify;
  466. -moz-text-align-last: center;
  467. text-align-last: center;}
  468.  
  469. .source {
  470. text-align:center;}
  471.  
  472. /* ---••• Audio Player •••--- */
  473.  
  474. .playwrap {
  475. margin-top:-15px;
  476. position:relative;}
  477.  
  478. .playbutton {
  479. position:relative;
  480. margin-top:40px;
  481. margin-left:23px;
  482. z-index:9;
  483. width:33px;
  484. height:30px;
  485. overflow:hidden;}
  486.  
  487. .albumart img {
  488. border:10px solid {color:audioimageborder};
  489. position:relative;
  490. margin-top:-55px;
  491. margin-left:0px
  492. height:60px;
  493. width:60px;}
  494.  
  495. .trackinfo {
  496. margin-bottom:10px;
  497. color:{color:text};
  498. top:40px;
  499. position:relative;
  500. margin-left:100px;
  501. height:80px;
  502. margin-top:-120px;
  503. margin-bottom:50px;}
  504.  
  505. .trackname {
  506. position:relative;
  507. padding-top:25px;
  508. text-align:left;
  509. font-size: {text:bodyfontsize};
  510. text-transform:uppercase;
  511. font-weight: bold;
  512. letter-spacing:2px;}
  513.  
  514. .artist {
  515. text-align:left;
  516. font-size: {text:bodyfontsize};
  517. text-transform:uppercase;
  518. letter-spacing:4px;}
  519.  
  520. .album {
  521. text-align:left;
  522. font-style: italic;
  523. letter-spacing:4px;}
  524.  
  525. /* ---••• Other •••--- */
  526.  
  527. #credit {
  528. z-index:9;
  529. bottom:0px;
  530. left:5px;
  531. height:30px;
  532. width:30px;
  533. opacity:0.8;
  534. position:fixed;
  535. padding:5px;}
  536.  
  537. #s-m-t-tooltip {
  538. max-width:300px;
  539. margin:15px;
  540. padding:5px;
  541. border-radius:0px;
  542. background:{color:tooltipbg};
  543. color:{color:tooltiptext};
  544. border:1px solid {color:tooltiptext};
  545. z-index:999999;
  546. font-size: {text:bodyfontsize};
  547. font-style:none;
  548. font-weight:lighter;
  549. letter-spacing:2px;
  550. font-family:helvetica;
  551. text-transform:uppercase;
  552. box-shadow:1px 1px 3px rgba(0,0,0,.0);}
  553.  
  554. .hidden { visibility: hidden; }
  555. .unhidden { visibility: visible; }
  556.  
  557. /* ---••• Base •••--- */
  558.  
  559. #basebar {
  560. overflow:hidden;
  561. z-index:9;
  562. position:fixed;
  563. width:100%;
  564. background:{color:basebar};
  565. color:{color:description};
  566. height:150px;
  567. bottom:0px;}
  568.  
  569. #basecontent {
  570. padding:0px 50px;
  571. text-align:center;
  572. max-width:950px;
  573. position: relative;
  574. top: 50%;
  575. left:50%;
  576. transform:translate(-50%,-50%);}
  577.  
  578. #maintitle {
  579. font-size:25px;
  580. text-transform:uppercase;}
  581.  
  582. #links {
  583. display:block;}
  584.  
  585. #links a {
  586. color:{color:baselinks};
  587. display:inline-block;
  588. text-transform:uppercase;
  589. margin:0px 5px;
  590. letter-spacing:2px;}
  591.  
  592. #links a:hover {
  593. color:{color:baselinkshover};}
  594.  
  595. /* ---••• Slide Menu •••--- */
  596.  
  597. .overlay {
  598. height:0%;
  599. width: 100%;
  600. position: fixed;
  601. z-index: 8!important;
  602. left: 0px;
  603. top: 0px;
  604. background:{color:postbg};
  605. overflow-x: hidden;
  606. transition: 0.8s;
  607. overflow-y:hidden;}
  608.  
  609. .overlay-content {
  610. position: relative;
  611. width:calc(100% - 200px);
  612. max-width:850px;
  613. height:100%;
  614. top: 50%;
  615. left:50%;
  616. transform:translate(-50%,-50%);}
  617.  
  618. .overlaymenu {
  619. top: 50%;
  620. transform: translateY(-50%);
  621. z-index:8!important;
  622. position:absolute;
  623. margin-left:-8px;
  624. width:415px;}
  625.  
  626. .overlaymenu a {
  627. text-align:center;
  628. text-transform:uppercase;
  629. letter-spacing:1px;
  630. margin:3px;
  631. background:{color:menulinkbg};
  632. width:177px;
  633. padding: 10px;
  634. text-decoration: none;
  635. font-size: {text:bodyfontsize};
  636. color: {color:menulink};
  637. display: inline-block;
  638. transition: 0.6s; }
  639.  
  640. .overlaymenu a:hover {
  641. color: {color:menulinkbg};
  642. background:{color:menulink};}
  643.  
  644. .closebtn {
  645. background:transparent;
  646. color:{color:text};
  647. position: absolute;
  648. top: 0px;
  649. left: 20px;
  650. font-size: 60px;}
  651.  
  652. .ibox {
  653. text-align:justify;
  654. position:absolute;
  655. top: 50%;
  656. transform: translateY(-50%);
  657. left:50%;
  658. margin-left:25px;
  659. width:400px;}
  660.  
  661. </style>
  662.  
  663. </head>
  664.  
  665. <!---••• Scripts Misc •••--->
  666.  
  667. <script src="//static.tumblr.com/yzs4yqx/lOsokx99u/smoothscroll.min.js"></script>
  668. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  669.  
  670. <script type="text/javascript">
  671. function unhide("content") {
  672. var item = document.getElementById("content");
  673. if (item) {
  674. item.className=(item.className=='hidden')?'unhidden':'hidden';
  675. }
  676. }
  677. </script>
  678.  
  679. <script src="//static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  680.  
  681. <script>
  682. (function($){
  683. $(document).ready(function(){
  684. $("a[title]").style_my_tooltips({
  685. tip_follows_cursor:true,
  686. tip_delay_time:90,
  687. tip_fade_speed:600,
  688. attribute:"title"
  689. });
  690. });
  691. })(jQuery);
  692. </script>
  693.  
  694. {block:indexpage}
  695. <script>
  696. $(document).ready(function(){
  697.  
  698. $('.totop').click(function(){
  699. $('html, body, #container').animate({scrollTop : 0},1200);
  700. return false;
  701. });
  702. $('.clickdown').click(function(){
  703. $('html, body, #container').animate({scrollTop : $("#content").offset().top},1200);
  704. return false;
  705. });
  706. });
  707. </script>
  708. {/block:indexpage}
  709.  
  710. <!---••• Masonry •••--->
  711. {block:IndexPage}
  712. <script src="//cdnjs.cloudflare.com/ajax/libs/masonry/3.3.2/masonry.pkgd.min.js"></script>
  713.  
  714. <script>
  715. $(document).ready(function(){
  716. var $container = $('#content');
  717.  
  718. $container.masonry({
  719. itemSelector: '.post',
  720. columnWidth: {block:if250pxposts}250{/block:if250pxposts}
  721. {block:if400pxposts}400{/block:if400pxposts},
  722. gutter: 50,
  723. isFitWidth: true
  724. });
  725. $container.imagesLoaded().progress(function(){
  726. $container.masonry('#entries');
  727. });
  728. $(window).resize(function(){
  729. $container.masonry();
  730. });
  731. });
  732. </script>
  733. {/block:IndexPage}
  734.  
  735. <!---••• Menu •••--->
  736. <script>
  737. function openNav() {
  738. document.getElementById("myNav").style.height = "calc(100% - 150px)";
  739. }
  740.  
  741. function closeNav() {
  742. document.getElementById("myNav").style.height = "0%";
  743. }
  744. </script>
  745. <body>
  746.  
  747. <div id="myNav" class="overlay">
  748.  
  749. <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
  750.  
  751. <div class="overlay-content">
  752. <div class="overlaymenu">
  753. <a href="/">return</a>
  754. <a href="/ask">queries</a>
  755. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  756. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  757. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  758. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  759. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  760. {block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}
  761. {block:iflink7}<a href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}
  762. {block:iflink8}<a href="{text:link 8 url}">{text:link 8}</a>{/block:iflink8}
  763. {block:iflink9}<a href="{text:link 9 url}">{text:link 9}</a>{/block:iflink9}
  764. {block:iflink10}<a href="{text:link 10 url}">{text:link 10}</a>{/block:iflink10}
  765. </div>
  766.  
  767. <div class="ibox">{text:dropdowninfo}</div>
  768. </div>
  769. </div>
  770.  
  771.  
  772. <div id="basebar">
  773. <div id="basecontent">
  774. <div id="maintitle">{text:maintitle}</div>
  775. <div id="links">
  776. <a href="/">refresh</a>
  777. <a href="/ask">queries</a>
  778. <a href="/archive">archive</a>
  779. <a span onclick="openNav()">more</span></a>
  780. </div>
  781. {description}
  782. </div>
  783. </div>
  784.  
  785.  
  786. <div id="container">
  787.  
  788.  
  789. <div id="content">
  790.  
  791. {block:Posts}
  792.  
  793. <div class="post" id="{PostID}">
  794.  
  795. {block:Photo}
  796. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{/block:HighRes}
  797. {/block:Photo}
  798.  
  799. {block:Photoset}
  800. {block:IndexPage}
  801. {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  802. {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  803. {/block:IndexPage}
  804. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  805. {/block:Photoset}
  806.  
  807. {block:Video}
  808. {block:IndexPage}
  809. {block:if250pxposts}{Video-250}{/block:if250pxposts}
  810. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  811. {/block:IndexPage}
  812. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  813. {/block:Video}
  814.  
  815. {block:Panorama}
  816. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  817. {/block:Panorama}
  818.  
  819. {block:Text}
  820. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  821. {Body}
  822. {/block:Text}
  823.  
  824. {block:Quote}
  825. <div class="quote">{Quote}</div>
  826. {block:Source}<div class="source">{Source}</div>{/block:Source}
  827. {/block:Quote}
  828.  
  829. {block:Link}
  830. <div class="text">
  831. <a href="{URL}"><div class="posttitle">{Name}</div></a>{block:Description}{Description}{/block:Description}</div>
  832. {/block:Link}
  833.  
  834. {block:Chat}
  835. <div class="text">
  836. {block:Title}<h3>{Title}</h3>{/block:Title}
  837. {block:Lines}<p>
  838. {block:nav}<b>{nav}</b>{/block:nav}
  839. {Line}</p>
  840. {/block:Lines}
  841. </div>
  842. {/block:Chat}
  843.  
  844. {block:Audio}
  845. {block:AudioPlayer}
  846. <div class="playwrap">
  847. <div class="playbutton">{AudioPlayerGrey}</div>
  848. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  849. <div class="trackinfo">
  850. <div class="trackname">
  851. {block:TrackName}{TrackName}{/block:TrackName}
  852. </div>
  853. <div class="artist">
  854. {block:Artist}{Artist}{/block:Artist}
  855. </div>
  856. </div>
  857. </div>
  858. {/block:AudioPlayer}
  859. {/block:Audio}
  860.  
  861. {block:Answer}
  862. <div class="question">
  863. <div class="asker">{Asker} asked:</div>
  864. {Question}
  865. </div>
  866. <div class="answer">
  867. {Answer}
  868. </div>
  869. {/block:Answer}
  870.  
  871. {block:IndexPage}
  872. {block:ifshowcaptions}
  873. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  874. {/block:ifshowcaptions}
  875. {/block:IndexPage}
  876.  
  877. {block:PermalinkPage}
  878. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  879. {/block:PermalinkPage}
  880.  
  881. {block:Date}
  882. <div class="perma">
  883. <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}</a> &middot; {block:NoteCount}<a href="{Permalink}">{NoteCount}n</a> &middot; {/block:NoteCount}
  884. <a href="{ReblogURL}">reblog</a> &middot;
  885. <a class="like-b" href="#">{LikeButton}<span class="b">Like</span></a>
  886. </div>
  887. {/block:Date}
  888.  
  889. {block:permalinkpage}
  890. {block:HasTags}
  891. <div class="tags">
  892. {block:Tags}
  893. <i class="fas fa-hashtag"></i><a href="{TagURL}"> {Tag}</a>
  894. {/block:Tags}
  895. </div>
  896. {/block:HasTags}
  897. {/block:permalinkpage}
  898.  
  899. {block:PostNotes}
  900. {PostNotes}
  901. {/block:PostNotes}
  902.  
  903. {block:ContentSource}<!-- {SourceURL}
  904. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  905. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  906. {/block:ContentSource}
  907. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  908.  
  909. </div>
  910.  
  911. {/block:Posts}
  912.  
  913. </div>
  914.  
  915. {block:indexpage}
  916. <div id="footer">
  917. <div class="pagination">
  918. {block:Pagination}
  919. {block:PreviousPage}
  920. <a href="{PreviousPage}">↽ back</a>{/block:PreviousPage}&nbsp;
  921. {block:NextPage}
  922. <a href="{NextPage}">forth ⇁</a>
  923. {/block:NextPage}
  924. {/block:Pagination}
  925. </div>
  926. Curator: <a href="/">{text:YOURBLOGNAME}</a>. Established: {CopyrightYears}.<br>
  927. Theme: <a href="//octomoosey.tumblr.com/">octomoosey</a>. Powered by <a href="//www.tumblr.com/">tumblr</a>.
  928. </div>
  929. {/block:indexpage}
  930.  
  931. </div></div></div>
  932.  
  933.  
  934. </div>
  935. </div></div></div></div>
  936.  
  937. <div id="credit"><a href="//octomoosey.tumblr.com/" title="theme by octomoosey"><img src="//static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"></a></div>
  938.  
  939.  
  940. </body>
  941.  
  942. </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!