API tools faq
paste
octomoosey

peanut

octomoosey
Jan 5th, 2020 (edited)
2,481
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.51 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="#202020"/>
  14. <meta name="color:postbg" content="#202020"/>
  15. <meta name="color:basebarbg" content="#000"/>
  16. <meta name="color:links" content="#f2992e">
  17. <meta name="color:linkshover" content="#444">
  18. <meta name="color:borders" content="#dadada">
  19. <meta name="color:maintitle" content="#dadada">
  20. <meta name="color:description" content="#dadada"/>
  21. <meta name="color:text" content="#dadada"/>
  22. <meta name="color:bold" content="#f2992e"/>
  23. <meta name="color:italic" content="#f2992e"/>
  24. <meta name="color:tags" content="#dadada"/>
  25. <meta name="color:tagshover" content="#f2992e"/>
  26. <meta name="color:scrollbar" content="#dadada"/>
  27. <meta name="color:quoteicon" content="#f2992e"/>
  28. <meta name="color:navbg" content="#000"/>
  29. <meta name="color:navtext" content="#dadada"/>
  30. <meta name="color:askbg" content="#dadada"/>
  31. <meta name="color:asktext" content="#000"/>
  32. <meta name="color:postinfobg" content="#dadada"/>
  33. <meta name="color:postinfotext" content="#000"/>
  34. <meta name="color:bookmarkbg" content="#dadada"/>
  35. <meta name="color:bookmarktext" content="#444"/>
  36. <meta name="color:pagination" content="#dadada"/>
  37.  
  38. <!--- ••• Image Variables ••• --->
  39. <meta name="image:background" content=""/>
  40.  
  41. <!--- ••• If Variables ••• --->
  42. <meta name="if:hidecaptions" content="1"/>
  43. <meta name="if:greyscalebg" content="1"/>
  44. <meta name="if:400px" content="0"/>
  45. <meta name="if:500px" content="1"/>
  46.  
  47. <!--- ••• Text Variables ••• --->
  48. <meta name="text:fontsize" content="11"/>
  49. <meta name="text:postopacity" content="0.9">
  50. <meta name="text:maintitle" content="themes by octomoosey">
  51. <meta name="text:bookmarktext" 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. 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.">
  52.  
  53. <!--- ••• Links ••• --->
  54. <meta name="text:link 1" content="link 1"/>
  55. <meta name="text:link 1 url" content="/"/>
  56. <meta name="text:link 2" content="link 2"/>
  57. <meta name="text:link 2 url" content="/"/>
  58. <meta name="text:link 3" content="link 3"/>
  59. <meta name="text:link 3 url" content="/"/>
  60. <meta name="text:link 4" content="link 4"/>
  61. <meta name="text:link 4 url" content="/"/>
  62. <meta name="text:link 5" content="link 5"/>
  63. <meta name="text:link 5 url" content="/"/>
  64.  
  65. <!--- ••• Fonts ••• --->
  66. <link href="//fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
  67. <link rel="stylesheet" href="//cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  68. <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
  69.  
  70.  
  71.  
  72. <link href="//fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap" rel="stylesheet">
  73.  
  74. <link href="//fonts.googleapis.com/css?family=Patua+One&display=swap" rel="stylesheet">
  75.  
  76. <link href="//fonts.googleapis.com/css?family=Carrois+Gothic+SC&display=swap" rel="stylesheet">
  77.  
  78. <link href="//fonts.googleapis.com/css?family=Puritan&display=swap" rel="stylesheet">
  79.  
  80. <style type="text/css">
  81.  
  82. @font-face{font-family:'inkland';src:url('//static.tumblr.com/ujahjev/y1upmobkh/inkland.ttf');}
  83.  
  84. iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  85. position:fixed;
  86. z-index:9!important;
  87. top:0px!important;
  88. right:-48px!important;
  89. white-space:nowrap;
  90. transform: scale(0.6,0.6);}
  91.  
  92. #tumblr_lightbox {
  93. background-color:rgba(255, 255, 255, .9)!important;
  94. z-index:99999!important;}
  95.  
  96. #tumblr_lightbox img {opacity:0;}
  97.  
  98. #tumblr_lightbox_caption {
  99. font-weight:normal!important;
  100. text-shadow:none!important;}
  101.  
  102. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  103. -moz-box-shadow:none!important;
  104. -webkit-box-shadow:none!important;
  105. box-shadow:none!important;
  106. -moz-border-radius:0px!important;
  107. -webkit-border-radius:0px!important;
  108. border-radius:0px!important;
  109. opacity:1!important;}
  110.  
  111. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  112.  
  113. ::-webkit-scrollbar-thumb:vertical {border:3px solid {color:background};height:10px; background-color:{color:scrollbar};}
  114. ::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid {color:background}; margin-right:5px;}
  115.  
  116. /* ---••• General Styling •••--- */
  117.  
  118. body {
  119. background:{color:background};
  120. color:{color:text};
  121. font-size:{text:fontsize}px;
  122. font-family: 'Noto Sans', sans-serif;
  123. line-height: 16px;
  124. font-weight:normal;
  125. position:relative;
  126. text-align:left;
  127. overflow:none;
  128. margin:0;
  129. top:0px;
  130. left:0px;
  131. line-height:150%;
  132. height:100%;
  133. width:100%;}
  134.  
  135. blockquote {
  136. text-align:justify;
  137. padding-left:10px;
  138. border-left:1px solid {color:borders};
  139. margin:10px 0px 10px 0px;}
  140.  
  141. .caption {
  142. {block:IndexPage}
  143. {block:Ifhidecaptions}display:none;{/block:Ifhidecaptions}
  144. {/block:IndexPage}}
  145.  
  146. .caption blockquote {
  147. margin:10px 0px 10px 0px;}
  148.  
  149. blockquote img {
  150. max-width:100%;
  151. height:auto;}
  152.  
  153. blockquote iframe {
  154. max-width:100%;
  155. height:auto;}
  156.  
  157. img {
  158. max-width:100%;
  159. height:auto;}
  160.  
  161. .caption img {
  162. max-width:100%;
  163. height:auto;}
  164.  
  165. .posts img {
  166. max-width:100%;
  167. margin-top:5px;
  168. margin-bottom:5px;}
  169.  
  170. pre {
  171. font-family: 'Roboto', sans-serif;
  172. white-space: pre-wrap;
  173. white-space: -moz-pre-wrap;
  174. white-space: -pre-wrap;
  175. white-space: -o-pre-wrap;
  176. word-wrap: break-word;}
  177.  
  178. p {
  179. margin:10px 0 10px 0;}
  180.  
  181. a {
  182. text-decoration:none;
  183. font-size:calc({text:fontsize}px - 2px);
  184. text-transform:uppercase;
  185. color:{color:links};
  186. cursor:help;
  187. -webkit-transition: all 0.7s ease;
  188. transition: all 0.7s ease;
  189. -moz-transition: all 0.7s ease;
  190. -o-transition: all 0.7s ease;}
  191.  
  192. a:hover {
  193. cursor:help;
  194. color:{color:linkshover};}
  195.  
  196. b, strong {
  197. font-size:calc({text:fontsize}px - 2px);
  198. text-transform:uppercase;
  199. color:{color:bold};}
  200.  
  201. i, em {
  202. color:{color:italic};}
  203.  
  204. small, big {
  205. font-size:1em;}
  206.  
  207. h1, h2, h3, h4 {
  208. font-family: 'Fjalla One', sans-serif;
  209. font-size:26px;
  210. letter-spacing:2px;
  211. line-height:30px;
  212. text-align:center;
  213. color:{color:text};}
  214.  
  215. ul {
  216. list-style: none;}
  217.  
  218. ul li::before {
  219. content: "\2022";
  220. color: {color:links};
  221. font-weight: bold;
  222. display: inline-block;
  223. width: 1em;
  224. margin-left: -40px;}
  225.  
  226. /* ---••• Post Styles •••--- */
  227.  
  228. #entries {
  229. position:absolute;
  230. margin-left:300px;
  231. margin-top:50px;
  232. padding-bottom:150px;
  233. left:50%;
  234. {block:If400px}
  235. margin-left:-250px;
  236. width:450px;
  237. {/block:If400px}
  238. {block:If500px}
  239. margin-left:-300px;
  240. width:550px;
  241. {/block:If500px}}
  242.  
  243. .post {
  244. background: rgba({RGBcolor:postbg},{text:postopacity});
  245. position:relative;
  246. display:block;
  247. margin-bottom:50px;
  248. color:{color:text};
  249. {block:If400px}
  250. width:400px;
  251. {/block:If400px}
  252. {block:If500px}
  253. width:500px;
  254. {/block:If500px}
  255. padding:25px;
  256. -webkit-border-radius: 3px;
  257. -moz-border-radius: 3px;
  258. border-radius: 3px;}
  259.  
  260. /* ---••• Post Info •••--- */
  261.  
  262. .topinfo {
  263. margin-top:-25px;
  264. margin-left:-25px;
  265. font-size:9px;
  266. font-weight:700;
  267. letter-spacing:2px;
  268. text-transform:uppercase;
  269. background:{color:postinfobg};
  270. color:{color:postinfotext};
  271. padding:10px 25px;
  272. margin-bottom:25px;
  273. {block:If400px}
  274. width:400px;
  275. {/block:If400px}
  276. {block:If500px}
  277. width:500px;
  278. {/block:If500px}
  279. -webkit-border-top-left-radius: 3px;
  280. -webkit-border-top-right-radius: 3px;
  281. -moz-border-radius-topleft: 3px;
  282. -moz-border-radius-topright: 3px;
  283. border-top-left-radius: 3px;
  284. border-top-right-radius: 3px;}
  285.  
  286. .topinfo a {
  287. color:{color:postinfotext};}
  288.  
  289. .tags i {
  290. color:{color:tags};}
  291.  
  292. .tags {
  293. margin-top:10px;
  294. line-height:18px;
  295. text-align:left;}
  296.  
  297. .tags a {
  298. font-weight:700;
  299. letter-spacing:2px;
  300. font-size:8px;
  301. margin-right: 5px;
  302. color:{color:tags};
  303. -webkit-border-radius: 3px;
  304. -moz-border-radius: 3px;
  305. border-radius: 3px;}
  306.  
  307. .tags a:hover {
  308. color:{color:tagshover};}
  309.  
  310. .tags i {
  311. color:{color:tags};}
  312.  
  313.  
  314. /* ---••• Post Notes •••--- */
  315.  
  316. {block:PermalinkPage}
  317. ol.notes {
  318. font-size:11px;
  319. line-height:11px;
  320. margin:0px 0px 0px -40px;
  321. list-style-type:none;}
  322.  
  323. ol.notes li.note {
  324. padding:10px 0px;}
  325.  
  326. ol.notes li.note a {
  327. font-size:9px;
  328. text-transform:uppercase;}
  329.  
  330. ol.notes li.note img.avatar {
  331. vertical-align:-5px;
  332. margin-right:10px;
  333. width:16px;
  334. height:16px;}
  335.  
  336. ol.notes li.note span.action {
  337. font-weight:none;}
  338.  
  339. ol.notes li.note .answer_content {
  340. font-weight:normal;}
  341.  
  342. ol.notes li.note blockquote {
  343.  
  344. margin:10px 0px 0px 25px;}
  345.  
  346. ol.notes li.note blockquote a {
  347. text-decoration:none;}
  348. {/block:PermalinkPage}
  349.  
  350. /* ---••• Post Types •••--- */
  351.  
  352. .posttitle {
  353. margin-bottom:10px;
  354. letter-spacing:2px;
  355. font-size:12px;
  356. text-transform:uppercase;
  357. background:{color:askbg};
  358. color:{color:asktext};
  359. padding:20px;
  360. -webkit-border-radius: 3px;
  361. -moz-border-radius: 3px;
  362. border-radius: 3px;}
  363.  
  364. /* ---••• Ask Posts •••--- */
  365.  
  366. .question {
  367. padding:20px;
  368. background:{color:askbg};
  369. color:{color:asktext};
  370. margin-bottom:20px;
  371. -webkit-border-radius: 3px;
  372. -moz-border-radius: 3px;
  373. border-radius: 3px;}
  374.  
  375. .ques {
  376. text-align:left;}
  377.  
  378. .asker {
  379. font-weight:700;
  380. font-size:10px;
  381. text-transform:uppercase;
  382. text-align:left;
  383. letter-spacing:2px;
  384. margin-bottom:5px;
  385. color:{color:links};}
  386.  
  387. .asker a {
  388. color:{color:linkshover};}
  389.  
  390. /* ---••• Quote Posts •••--- */
  391.  
  392. .titlequote {
  393. font-size:calc({text:fontsize}px - 1px);
  394. letter-spacing:2px;
  395. text-transform:uppercase;}
  396.  
  397. .source {
  398. font-size:;
  399. text-align:left;
  400. margin-top:10px;}
  401.  
  402. .ql {
  403. position:relative;
  404. float:left;
  405. margin-right:5px;
  406. bottom:-11px;
  407. font-size: 60px;
  408. color:{color:quoteicon};}
  409.  
  410. /* ---••• Audio Player •••--- */
  411.  
  412. .playwrap {
  413. margin-top:0px;
  414. position:relative;}
  415.  
  416. .playbutton {
  417. top:25px;
  418. position:relative;
  419. margin-left:23px;
  420. z-index:6;
  421. width:33px;
  422. height:30px;
  423. overflow:hidden;}
  424.  
  425. .albumart img {
  426. position:relative;
  427. margin-top:-28px;
  428. margin-left:0px
  429. height:80px;
  430. width:80px;
  431. overflow:hidden;}
  432.  
  433. .trackinfo {
  434. margin-bottom:10px;
  435. color:{color:text};
  436. position:relative;
  437. margin-left:100px;
  438. height:80px;
  439. margin-top:-90px;
  440. margin-bottom:20px;}
  441.  
  442. .trackname {
  443. position:relative;
  444. padding-top:25px;
  445. text-align:left;
  446. font-size:10px;
  447. text-transform:uppercase;
  448. font-weight: bold;
  449. letter-spacing:2px;}
  450.  
  451. .artist {
  452. text-align:left;
  453. font-size:10px;
  454. text-transform:uppercase;
  455. letter-spacing:4px;}
  456.  
  457. .album {
  458. text-align:left;
  459. font-style: italic;
  460. letter-spacing:4px;}
  461.  
  462. .hidden { visibility: hidden; }
  463. .unhidden { visibility: visible; }
  464.  
  465. /* ---••• Other •••--- */
  466.  
  467. #s-m-t-tooltip {
  468. border:1px solid {color:borders};
  469. max-width:300px;
  470. letter-spacing:1px;
  471. margin:15px;
  472. padding:5px 5px 5px 6px;
  473. border-radius:0px;
  474. font-weight:700;
  475. color:{color:text};
  476. background:{color:background};
  477. z-index:999999;
  478. font-size:9px;
  479. font-style:none;
  480. font-weight:lighter;
  481. text-transform:uppercase;}
  482.  
  483. #credit {
  484. z-index:9;
  485. bottom:0px;
  486. right:0px;
  487. height:30px;
  488. width:30px;
  489. opacity:0.8;
  490. position:fixed;
  491. padding:5px;}
  492.  
  493. /* ---••• Sidebar •••--- */
  494.  
  495. #sidebar {
  496. height:100%;
  497. width:200px;
  498. padding:50px;
  499. position:fixed;
  500. top:0px;
  501. left:0px;}
  502.  
  503. #sidebarint {
  504. z-index:7!important;
  505. bottom:180px;
  506. position:fixed;}
  507.  
  508. #sidenav a {
  509. text-transform:none;
  510. letter-spacing:1px;
  511. font-size:28px;
  512. display:block;
  513. font-family: 'Carrois Gothic SC', sans-serif;
  514. line-height:42px;}
  515.  
  516. #sidenav a span {
  517. padding:3px 10px;
  518. background:{color:navbg};
  519. color:{color:navtext};
  520. -webkit-transition: all 0.7s ease;
  521. transition: all 0.7s ease;
  522. -moz-transition: all 0.7s ease;
  523. -o-transition: all 0.7s ease;
  524. -webkit-border-radius: 3px;
  525. -moz-border-radius: 3px;
  526. border-radius: 3px;}
  527.  
  528. #sidenav a:first-letter {
  529. text-transform:uppercase;}
  530.  
  531. #sidenav a span:hover {
  532. background:{color:navtext};
  533. color:{color:navbg};}
  534.  
  535. /* ---••• Bookmark •••--- */
  536.  
  537. .bookmark {
  538. z-index:8!important;
  539. top:calc(-100vh + 230px);
  540. position:fixed;
  541. margin-left:0px;
  542. -webkit-transition: all 0.7s ease;
  543. transition: all 0.7s ease;
  544. -moz-transition: all 0.7s ease;
  545. -o-transition: all 0.7s ease;}
  546.  
  547. .bookmark:hover {
  548. top:0px;}
  549.  
  550. .arrowbottom {
  551. width:0;
  552. height:0;
  553. border-left: 100px solid transparent;
  554. border-right: 100px solid transparent;
  555. border-top: 20px solid {color:bookmarkbg};}
  556.  
  557. .bookm {
  558. height:calc(100vh - 170px);
  559. background:{color:bookmarkbg};
  560. color:{color:bookmarktext};
  561. width:200px;}
  562.  
  563. .bookmint {
  564. padding:15px;
  565. position: relative;
  566. top: 50%;
  567. transform: translateY(-50%);}
  568.  
  569. .hvr {
  570. text-transform:uppercase;
  571. font-size:11px;
  572. font-weight:700;
  573. letter-spacing:1px;
  574. position:absolute;
  575. bottom:35px;
  576. width:200px;
  577. text-align:center;}
  578.  
  579. /* ---••• Background •••--- */
  580.  
  581. #sk {
  582. position:fixed;
  583. top:0px;
  584. margin-left:100px;
  585. height:calc(100% - 150px);
  586. width:calc(100% - 250px);
  587. background-image: url('{image:background}');
  588. background-position:center;
  589. background-attachment: absolute;
  590. -webkit-background-size: cover;
  591. -moz-background-size: cover;
  592. -o-background-size: cover;
  593. background-size: cover;
  594. {block:Ifgreyscalebg}
  595. -webkit-filter: grayscale(100%) brightness(91.2%);
  596. filter: grayscale(100%) brightness(91.2%);
  597. {/block:Ifgreyscalebg}}
  598.  
  599. /* ---••• Basebar •••--- */
  600.  
  601. #basebar {
  602. z-index:7!important;
  603. position:fixed;
  604. left:0px;
  605. bottom:0px;
  606. height:150px;
  607. width:100%;
  608. background:{color:basebarbg};}
  609.  
  610. #triangle {
  611. z-index:8!important;
  612. position:fixed;
  613. bottom:150px;
  614. right:0px;
  615. width: 0;
  616. height: 0;
  617. border-style: solid;
  618. border-width: 0 0 350px 350px;
  619. border-color: transparent transparent {color:background} transparent;}
  620.  
  621. #basepara {
  622. position:fixed;
  623. border-bottom: 150px solid {color:background};
  624. border-left: 150px solid transparent;
  625. height: 0;
  626. width: 350px;
  627. right:0px;}
  628.  
  629. #triangledesc {
  630. z-index:8!important;
  631. position:fixed;
  632. bottom:30px;
  633. right:50px;
  634. width:550px;
  635. height:90px;
  636. text-align: right;
  637. overflow:hidden;
  638. color:{color:description};}
  639.  
  640. #triangletitle {
  641. color:{color:maintitle};
  642. z-index:8!important;
  643. font-size:50px;
  644. text-transform:lowercase;
  645. position:fixed;
  646. right:50px;
  647. bottom:160px;
  648. font-family: 'inkland', sans-serif;
  649. position:fixed;
  650. text-shadow: 2px 2px 4px #000000;}
  651.  
  652. #triangletitle:first-letter {
  653. text-transform:uppercase;}
  654.  
  655. #por {
  656. position:fixed;
  657. margin-top:20px;
  658. margin-left:50px;}
  659.  
  660. #por img {
  661. border:3px solid {color:description};
  662. height:64px;
  663. width:64px;
  664. -webkit-border-radius: 35px;
  665. -moz-border-radius: 35px;
  666. border-radius: 35px;}
  667.  
  668. /* ---••• Pagination •••--- */
  669.  
  670. #pagination {
  671. text-align:left;
  672. z-index:3!important;
  673. position:fixed;
  674. left:50px;
  675. margin-top:100px;
  676. color:{color:pagination};
  677. width:140px;}
  678.  
  679. #pagination a {
  680. letter-spacing:1px;
  681. font-size:12px;
  682. color:{color:pagination};}
  683.  
  684. .currentp {
  685. display:inline;
  686. font-family: 'Oswald', sans-serif;
  687. font-size:20px;}
  688.  
  689. .totalp {
  690. display:inline;
  691. font-family: 'Oswald', sans-serif;
  692. font-size:12px;}
  693.  
  694.  
  695. </style>
  696.  
  697. </head>
  698.  
  699. <!---••• Scripts Misc •••--->
  700.  
  701. <script src="//static.tumblr.com/yzs4yqx/lOsokx99u/smoothscroll.min.js"></script>
  702. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  703.  
  704. <!---••• Scripts Tooltips •••--->
  705.  
  706. <script src="//static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  707.  
  708. <script>
  709. (function($){
  710. $(document).ready(function(){
  711. $("a[title]").style_my_tooltips({
  712. tip_follows_cursor:true,
  713. tip_delay_time:90,
  714. tip_fade_speed:600,
  715. attribute:"title"
  716. });
  717. });
  718. })(jQuery);
  719. </script>
  720.  
  721. <body>
  722.  
  723. <div id="sk"></div>
  724. <div id="basebar">
  725.  
  726. <div id="por"><img src="{PortraitURL-64}"></div>
  727.  
  728. <div id="pagination">{block:Pagination}
  729. {block:PreviousPage}<a href="{PreviousPage}">Prev </a>{/block:PreviousPage}
  730. <div class="currentp">{CurrentPage}</div> / <div class="totalp">{TotalPages}</div>
  731. {block:NextPage}<a href="{NextPage}"> Next</a>{/block:NextPage}
  732. {/block:Pagination}</div>
  733. <div id="basepara"></div>
  734. </div>
  735.  
  736. <div id="triangle"></div>
  737. <div id="triangletitle">{text:maintitle}</div>
  738. <div id="triangledesc">
  739. {description}
  740. </span>
  741. </div>
  742.  
  743. <div id="sidebar">
  744. <div class="bookmark"><div class="bookm">
  745. <div class="bookmint">
  746. {text:bookmarktext}
  747. </div>
  748. <div class="hvr">HOVER</div>
  749. </div>
  750. <div class="arrowbottom"></div>
  751. </div>
  752. <div id="sidebarint">
  753. <div id="sidenav">
  754. <a href="/"><span>home</span></a>
  755. <a href="/ask"><span>ask</span></a>
  756. {block:iflink1}<a href="{text:link 1 url}"><span>{text:link 1}</span></a>{/block:iflink1}
  757. {block:iflink2}<a href="{text:link 2 url}"><span>{text:link 2}</span></a>{/block:iflink2}
  758. {block:iflink3}<a href="{text:link 3 url}"><span>{text:link 3}</span></a>{/block:iflink3}
  759. {block:iflink4}<a href="{text:link 4 url}"><span>{text:link 4}</span></a>{/block:iflink4}
  760. {block:iflink5}<a href="{text:link 5 url}"><span>{text:link 5}</span></a>{/block:iflink5}
  761. </div>
  762. </div>
  763. </div>
  764.  
  765. <div id="entries">
  766.  
  767. {block:Posts}
  768.  
  769. <!-- {block:NoRebloggedFrom}
  770. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  771. {/block:NoRebloggedFrom} -->
  772.  
  773. <div class="post" id="{PostID}">
  774.  
  775. {block:Date}
  776. <div class="topinfo"><a href="{Permalink}"><i class="fas fa-clock"></i> {DayOfMonthWithZero} {ShortMonth}</a> {block:NoteCount}<a href="{Permalink}"> | <i class="fas fa-bookmark"></i> {NoteCountWithLabel}</a>{/block:NoteCount} <a href="{ReblogURL}">| <i class="fas fa-redo"></i> Reblog</a> {block:RebloggedFrom}
  777. <a href="{ReblogParentURL}" title="{ReblogParenttitle}"> | <i class="fas fa-bolt"></i> via </a>
  778. {block:ContentSource}
  779. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}"> | <i class="fas fa-map-marker"></i> src </a>
  780. {/block:ContentSource}
  781. {/block:RebloggedFrom}
  782.  
  783. </div>
  784. {/block:Date}
  785.  
  786. {block:Text}
  787. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}{Body}
  788. {/block:Text}
  789.  
  790. {block:Photo}
  791. <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="100%">{LinkCloseTag}</div>
  792. {/block:Photo}
  793.  
  794. {block:Photoset}
  795. {block:If400px}{Photoset-400}{/block:If400px}
  796. {block:If500px}{Photoset-500}{/block:If500px}
  797. {/block:Photoset}
  798.  
  799. {block:Video}
  800. {block:If400px}{Video-400}{/block:If400px}
  801. {block:If500px}{Video-500}{/block:If500px}
  802. {/block:Video}
  803.  
  804. {block:Quote}
  805. <div class="ql">&ldquo;</div>
  806. <div class="titlequote">{Quote}</div>
  807. {block:Source}<div class="source">{Source}</div>{/block:Source}
  808. {/block:Quote}
  809.  
  810. {block:Link}
  811. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  812. {block:Description}{Description}{/block:Description}
  813. {/block:Link}
  814.  
  815. {block:Chat}
  816. <div class="text">
  817. {block:Title}<h3>{Title}</h3>{/block:Title}
  818. {block:Lines}<p>
  819. {block:Label}<b>{Label}</b>{/block:Label}
  820. {Line}</p>
  821. {/block:Lines}
  822. </div>
  823. {/block:Chat}
  824.  
  825. {block:Audio}
  826. {block:AudioPlayer}
  827. <div class="playwrap">
  828. <div class="playbutton">{AudioPlayerGrey}</div>
  829. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  830. <div class="trackinfo">
  831. <div class="trackname">
  832. {block:TrackName}{TrackName}{/block:TrackName}
  833. </div>
  834. <div class="artist">
  835. {block:Artist}{Artist}{/block:Artist}
  836. </div>
  837. <div class="album">
  838. {block:Album}{Album}{/block:Album}
  839. </div>
  840. </div>
  841. </div>
  842. {/block:AudioPlayer}
  843. {/block:Audio}
  844.  
  845. {block:Answer}
  846. <div class="question"><div class="asker">{Asker} asked:</div>{Question}</div>
  847. {Answer}
  848. {/block:Answer}
  849.  
  850. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  851.  
  852. {block:HasTags}
  853. <div class="tags">
  854. {block:Tags}
  855. <a href="{TagURL}"><i class="fas fa-hashtag"></i> {Tag}</a>
  856. {/block:Tags}
  857. </div>
  858. {/block:HasTags}
  859.  
  860. {block:PermalinkPage}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage}
  861. </div>
  862.  
  863. {/block:Posts}
  864. </div>
  865.  
  866. {block:ContentSource}<!-- {SourceURL}
  867. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  868. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  869. {/block:ContentSource}
  870. </div>
  871. </div>
  872. </div>
  873. </div>
  874. </div>
  875. <div id="credit"><a href="//octomoosey.tumblr.com/" title="theme by octomoosey"><img src="//static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"></a></div>
  876.  
  877. </body>
  878.  
  879. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!