API tools faq
paste
Advertisement
octomoosey

calcu

octomoosey
May 19th, 2018 (edited)
4,602
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.39 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. <!--- ••• Color Variables ••• --->
  12.  
  13. <meta name="color:gradient1" content="#f642f0" />
  14. <meta name="color:gradient2" content="#2edbf2" />
  15. <meta name="color:menuicon" content="#f642f0" />
  16. <meta name="color:italic" content="#f642f0" />
  17. <meta name="color:bold" content="#2edbf2" />
  18. <meta name="color:text" content="#484848">
  19. <meta name="color:borders" content="#f642f0" />
  20. <meta name="color:link" content="#f642f0">
  21. <meta name="color:linkhover" content="#484848">
  22. <meta name="color:background" content="#ffffff">
  23. <meta name="color:sidebarbg" content="#000000">
  24. <meta name="color:maintitle" content="#ffffff">
  25. <meta name="color:description" content="#ffffff">
  26. <meta name="color:nav" content="#ffffff">
  27. <meta name="color:navhover" content="#8c8c8c" />
  28.  
  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="#333333">
  33. <meta name="color:scrollbar" content="#f642f0" />
  34.  
  35. <meta name="color:asktext" content="#fff">
  36. <meta name="color:permalinktext" content="#fff">
  37. <meta name="color:pagination" content="#f642f0" />
  38.  
  39. <!--- ••• Image Variables ••• --->
  40.  
  41. <meta name="image:sidebarbg" content=""/>
  42.  
  43. <!--- ••• Selection Variables ••• --->
  44.  
  45. <meta name="select:postsize" content="250" title="250px">
  46. <meta name="select:postsize" content="300" title="300px">
  47. <meta name="select:postsize" content="350" title="350px">
  48. <meta name="select:postsize" content="400" title="400px">
  49. <meta name="select:postsize" content="450" title="450px">
  50. <meta name="select:postsize" content="500" title="500px">
  51.  
  52. <meta name="select:borderstyle" content="solid" title="solid">
  53. <meta name="select:borderstyle" content="dotted" title="dotted">
  54. <meta name="select:borderstyle" content="dashed" title="dashed">
  55.  
  56. <!--- ••• Other Variables ••• --->
  57.  
  58. <meta name="text:fontsize" content="10px" />
  59. <meta name="text:opacity" content="0.2">
  60. <meta name="text:maintitle" content="Lorem ipsum dolor">
  61. <meta name="if:togglemenu" content="1"/>
  62. <meta name="if:1column" content="0"/>
  63. <meta name="if:2columns" content="1"/>
  64.  
  65. <!--- ••• Links ••• --->
  66.  
  67. <meta name="text:link 1" content="link 1"/>
  68. <meta name="text:link 1 url" content="/"/>
  69. <meta name="text:link 2" content="link 2"/>
  70. <meta name="text:link 2 url" content="/"/>
  71. <meta name="text:link 3" content="link 3"/>
  72. <meta name="text:link 3 url" content="/"/>
  73. <meta name="text:link 4" content="link 4"/>
  74. <meta name="text:link 4 url" content="/"/>
  75. <meta name="text:link 5" content="link 5"/>
  76. <meta name="text:link 5 url" content="/"/>
  77. <meta name="text:link 6" content="link 6"/>
  78. <meta name="text:link 6 url" content="/"/>
  79.  
  80. <!--- ••• Fonts ••• --->
  81.  
  82. <link href="//fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i" rel="stylesheet">
  83.  
  84. <link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
  85.  
  86. <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.0.12/css/all.css" integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9" crossorigin="anonymous">
  87.  
  88. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  89.  
  90. <style type="text/css">
  91.  
  92. iframe.tmblr-iframe{
  93. z-index:9!important;
  94. top:10px!important;
  95. right:0!important;
  96. padding-right:54px;
  97. opacity:0.5;
  98. transform:scale(0.6);
  99. transform-origin:100% 0;
  100. -webkit-transform:scale(0.6);
  101. -webkit-transform-origin:100% 0;
  102. -o-transform:scale(0.6);
  103. -o-transform-origin:100% 0;
  104. -moz-transform:scale(0.6);
  105. -moz-transform-origin:100% 0;
  106. -ms-transform:scale(0.6);
  107. -ms-transform-origin:100% 0;
  108. -webkit-transition:all 0.5s ease-in-out;
  109. -moz-transition:all 0.5s ease-in-out;
  110. -o-transition:all 0.5s ease-in-out;
  111. transition:all 0.5s ease-in-out;}
  112.  
  113. ::-webkit-scrollbar {
  114. width:17px;
  115. height:17px;}
  116.  
  117. ::-webkit-scrollbar {
  118. background-color:{color:background};}
  119.  
  120. ::-webkit-scrollbar-track {
  121. border:7px solid {color:background};
  122. background-color:rgb(230,230,230);}
  123.  
  124. ::-webkit-scrollbar-thumb {
  125. border:7px solid {color:background};
  126. background-color:{color:scrollbar};
  127. min-height:24px;
  128. min-width:24px;}
  129.  
  130. ::-moz-selection {
  131. color:{color:selectiontext};
  132. background:{color:selectionbg};}
  133.  
  134. ::selection {
  135. color:{color:selectiontext};
  136. background:{color:selectionbg};}
  137.  
  138. body {
  139. margin:0;
  140. overflow-x:hidden;
  141. font-size: {text:fontsize};
  142. font-family: 'Open Sans', sans-serif;
  143. line-height:140%;
  144. color:{color:text};
  145. background:{color:background};}
  146.  
  147. blockquote {
  148. padding-left:10px;
  149. border-left:1px {select:borderstyle} {color:borders};
  150. margin:15px 0px 10px 0px;
  151. text-align:justify;}
  152.  
  153. .caption blockquote {
  154. margin:15px 0px 10px 0px;}
  155.  
  156. .caption {
  157. margin-top:15px;
  158. padding:0px;}
  159.  
  160. a {
  161. color:{color:link};
  162. text-decoration:none;
  163. letter-spacing:1px;
  164. cursor:help;
  165. -webkit-transition: all 0.7s ease;
  166. transition: all 0.7s ease;
  167. -moz-transition: all 0.7s ease;
  168. -o-transition: all 0.7s ease;}
  169.  
  170. a:hover {
  171. letter-spacing:1px;
  172. text-decoration:none;
  173. color:{color:linkhover};}
  174.  
  175. p:first-of-type {
  176. margin:0px;}
  177.  
  178. p {
  179. margin:10px 0 0px 0;}
  180.  
  181. small, sub {
  182. font-size: {text:fontsize};
  183. vertical-align:baseline;}
  184.  
  185. pre {
  186. white-space: pre-wrap;
  187. white-space: -moz-pre-wrap;
  188. white-space: -pre-wrap;
  189. white-space: -o-pre-wrap;
  190. word-wrap: break-word;}
  191.  
  192. h1, h2, h3, h4, h5, h6 {
  193. margin-top:0px;
  194. font-size:14px;
  195. letter-spacing:4px;
  196. text-align:center;
  197. text-transform:uppercase;
  198. color:{color:text};}
  199.  
  200. b, strong {
  201. letter-spacing:1px;
  202. font-size: {text:fontsize};
  203. color:{color:bold};}
  204.  
  205. i, em {
  206. font-size: {text:fontsize};
  207. color:{color:italic};}
  208.  
  209. small, big {
  210. font-size:{text:fontsize};}
  211.  
  212. /* ---••• Image Sizing •••--- */
  213.  
  214. blockquote img {
  215. max-width:100%;
  216. height:auto;;}
  217.  
  218. img {
  219. max-width:100%;
  220. height:auto;}
  221.  
  222. .caption img {
  223. max-width:100%;
  224. height:auto;}
  225.  
  226. .posts img {
  227. max-width:100%;
  228. margin-top:0px;
  229. margin-bottom:0px;}
  230.  
  231. /* ---••• Posts •••--- */
  232.  
  233. #container {
  234. margin:50px;
  235. {block:indexpage}
  236. {block:if1column}
  237. max-width:{select:postsize}px;
  238. {/block:if1column}
  239. {block:if2columns}
  240. max-width:calc({select:postsize}px * 2 + 50px);
  241. {/block:if2columns}
  242. {/block:indexpage}}
  243.  
  244. #content {
  245. margin:0 auto;
  246. margin-bottom:50px;
  247. {block:indexpage}
  248. {block:if1column}
  249. width:{select:postsize}px;
  250. {/block:if1column}
  251. {block:if2columns}
  252. width:calc({select:postsize}px * 2 + 50px);
  253. {/block:if2columns}
  254. {/block:indexpage}}
  255.  
  256. .posts {
  257. text-align:justify;
  258. margin-bottom:50px;
  259. {block:indexpage}
  260. width:{select:postsize}px;
  261. {/block:indexpage}
  262. {block:permalinkpage}
  263. max-width:500px;
  264. width:500px;
  265. {/block:permalinkpage}
  266. opacity:0;
  267. -webkit-animation:fadeIn ease-in 1;
  268. -moz-animation:fadeIn ease-in 1;
  269. animation:fadeIn ease-in 1;
  270. -webkit-animation-fill-mode:forwards;
  271. -moz-animation-fill-mode:forwards;
  272. animation-fill-mode:forwards;
  273. -webkit-animation-duration:1s;
  274. -moz-animation-duration:1s;
  275. animation-duration:1s;}
  276.  
  277. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  278. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  279. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  280.  
  281. /* ---••• Post Info •••--- */
  282.  
  283. .permalink {
  284. {block:indexpage}
  285. width:calc({select:postsize}px - 20px);
  286. {/block:indexpage}
  287. {block:permalinkpage}
  288. width:480px;
  289. {/block:permalinkpage}
  290. letter-spacing:1px;
  291. font-family: 'Montserrat', sans-serif;
  292. font-size:7px;
  293. text-transform:uppercase;
  294. margin-top:8px;
  295. padding:5px 10px;
  296. color:{color:permalinktext};
  297. background: -webkit-gradient(linear, left top, right bottom, from({color:gradient1}), to({color:gradient2}) );
  298. background-position: left top;
  299. background-attachment: absolute;}
  300.  
  301. .permalink a {
  302. color:{color:permalinktext};}
  303.  
  304. .like_button {
  305. display:inline-block;
  306. position:relative;}
  307.  
  308. .like_button iframe {
  309. cursor:help;
  310. height:100%;
  311. left:0;
  312. opacity:0;
  313. position:absolute;
  314. top:0;
  315. width:100%;}
  316.  
  317. .like_button::before{
  318. content:'\e12c';
  319. font-family:'saturnicons';
  320. position:relative;}
  321.  
  322. .lrbl {
  323. float:right;}
  324.  
  325. .lrbl i {
  326. color:{color:permalinktext};
  327. margin-right:3px;
  328. position:relative;
  329. top:-1px;
  330. font-size:7px;}
  331.  
  332. /* ---••• Post Notes •••--- */
  333.  
  334. ol.notes {
  335. padding:0px;
  336. margin:25px 0px 0px -10px;
  337. list-style-type:none;}
  338.  
  339. ol.notes li.note {
  340. padding:10px;}
  341.  
  342. ol.notes li.note img.avatar {
  343. vertical-align:-6px;
  344. margin-right:10px;
  345. width:16px;
  346. height:16px;}
  347.  
  348. ol.notes li.note span.action {
  349. font-weight:none;}
  350.  
  351. ol.notes li.note .answer_content {
  352. font-weight:normal;}
  353.  
  354. ol.notes li.note blockquote {
  355. padding:4px 10px;
  356. margin:10px 0px;}
  357.  
  358. ol.notes li.note blockquote a {
  359. text-decoration:none;}
  360.  
  361. /* ---••• Pagination •••--- */
  362.  
  363. #pagination {
  364. font-size:14px;
  365. text-transform:uppercase;
  366. text-align:center;
  367. color:#ccc;
  368. position:absolute;
  369. bottom:0px;
  370. {block:if1column}
  371. width:{select:postsize}px;
  372. {/block:if1column}
  373. {block:if2columns}
  374. width:calc({select:postsize}px * 2 + 50px);
  375. {/block:if2columns}}
  376.  
  377. #pagination a {
  378. color:{color:pagination};}
  379.  
  380. #pagination i {
  381. font-size:14px;
  382. color:{color:pagination};}
  383.  
  384. /* ---••• Sidebar Styling •••--- */
  385.  
  386. #sidebar {
  387. position:fixed;
  388. background:{color:sidebarbg};
  389. height:calc(100% - 100px);
  390. {block:indexpage}
  391. {block:if1column}
  392. margin-left:calc({select:postsize}px + 100px);
  393. width:calc(100% - ({select:postsize}px + 138px));
  394. {/block:if1column}
  395. {block:if2columns}
  396. margin-left:calc({select:postsize}px * 2 + 150px);
  397. width:calc(100% - ({select:postsize}px * 2 + 188px));
  398. {/block:if2columns}
  399. {block:indexpage}
  400. {block:permalinkpage}
  401. margin-left:600px;
  402. width:calc(100% - 638px);
  403. {block:permalinkpage}
  404. background-image: url('{image:sidebarbg}');
  405. background-position:center;
  406. background-attachment: absolute;
  407. -webkit-background-size: cover;
  408. -moz-background-size: cover;
  409. -o-background-size: cover;
  410. background-size: cover;}
  411.  
  412. .nav {
  413. margin-top:5px;
  414. display:block;
  415. text-align:center;
  416. padding:5px 0px;
  417. font-weight:700;
  418. font-family: 'Montserrat', sans-serif;
  419. text-transform:uppercase;
  420. font-size:16px;
  421. line-height:16px;}
  422.  
  423. .nav a {
  424. display:inline-block;
  425. letter-spacing:1px;
  426. margin:0px 3px;
  427. color:{color:nav};}
  428.  
  429. .nav a:hover {
  430. color:{color:navhover};}
  431.  
  432. #top {
  433. z-index:8!important;
  434. position:fixed;
  435. background:{color:background};
  436. height:50px;
  437. top:0px;
  438. left:0px;
  439. width:100%;}
  440.  
  441. #bottom {
  442. z-index:8!important;
  443. position:fixed;
  444. background:{color:background};
  445. height:50px;
  446. bottom:0px;
  447. left:0px;
  448. width:100%;}
  449.  
  450. .sidealign {
  451. margin-left:10%;
  452. width:80%;
  453. position:relative;
  454. top: 50%;
  455. transform: translateY(-50%);}
  456.  
  457. .maintitle {
  458. color:{color:maintitle};
  459. margin-bottom:5px;
  460. text-align:center;
  461. font-weight:700;
  462. font-family: 'Montserrat', sans-serif;
  463. text-transform:uppercase;
  464. font-size:16px;
  465. line-height:16px;
  466. }
  467.  
  468. .description {
  469. color:{color:description};
  470. text-align: justify;
  471. -moz-text-align-last: center;
  472. text-align-last: center;}
  473.  
  474.  
  475. /* ---••• Post Type Styling •••--- */
  476.  
  477. .posttitle {
  478. font-weight:700;
  479. margin-bottom:5px;
  480. font-family: 'Montserrat', sans-serif;
  481. margin-top:0px;
  482. font-size:12px;
  483. letter-spacing:2px;
  484. text-align:center;
  485. text-transform:uppercase;
  486. background: -webkit-gradient(linear, left top, right bottom, from({color:gradient1}), to({color:gradient2}) );
  487. color:transparent;
  488. -webkit-background-clip: text;
  489. background-clip: text;}
  490.  
  491. /* ---••• Ask Posts •••--- */
  492.  
  493. .asker {
  494. font-family: 'Montserrat', sans-serif;
  495. text-transform:uppercase;
  496. letter-spacing:2px;}
  497.  
  498. .ask {
  499. padding:10px;
  500. color:{color:asktext};
  501. margin-bottom:5px;
  502. background: -webkit-gradient(linear, left top, right bottom, from({color:gradient1}), to({color:gradient2}) );
  503. background-position: left top;
  504. background-attachment: absolute;}
  505.  
  506. /* ---••• Quote Posts •••--- */
  507.  
  508. .quote {
  509. font-family: 'Montserrat', sans-serif;
  510. font-size:12px;}
  511.  
  512. .quote i {
  513. font-size:28px;
  514. float:left;
  515. margin-right:5px;
  516. background: -webkit-gradient(linear, left top, right bottom, from({color:gradient1}), to({color:gradient2}) );
  517. color:transparent;
  518. -webkit-background-clip: text;
  519. background-clip: text;}
  520.  
  521. /* ---••• Audio Player •••--- */
  522.  
  523. .playwrap {
  524. margin-top:12px;
  525. position:relative;}
  526.  
  527. .playbutton {
  528. position:relative;
  529. margin-top:40px;
  530. margin-left:23px;
  531. z-index:9;
  532. width:33px;
  533. height:30px;
  534. overflow:hidden;}
  535.  
  536. .albumart img {
  537. border:10px solid {color:borders};
  538. position:relative;
  539. margin-top:-55px;
  540. margin-left:0px
  541. height:60px;
  542. width:60px;}
  543.  
  544. .trackinfo {
  545. margin-bottom:10px;
  546. color:{color:text};
  547. top:20px;
  548. position:relative;
  549. margin-left:100px;
  550. height:110px;
  551. margin-top:-120px;}
  552.  
  553. .trackname {
  554. position:relative;
  555. padding-top:30px;
  556. text-align:left;
  557. font-size:10px;
  558. text-transform:uppercase;
  559. font-weight: bold;
  560. letter-spacing:2px;}
  561.  
  562. .artist {
  563. text-align:left;
  564. font-size:10px;
  565. text-transform:uppercase;
  566. letter-spacing:4px;}
  567.  
  568. .album {
  569. text-align:left;
  570. font-style: italic;
  571. letter-spacing:4px;}
  572.  
  573. /* ---••• Miscellaneous •••--- */
  574.  
  575. #s-m-t-tooltip{
  576. background:{color:tooltipbg};
  577. color:{color:tooltiptext};
  578. border:2px solid {color:tooltiptext};
  579. font-size:10px;
  580. font-style:italic;
  581. font-weight:700;
  582. letter-spacing:2px;
  583. text-transform:uppercase;
  584. max-width:300px;
  585. padding:4px 4px 5px 4px;
  586. z-index:9999999999;
  587. margin:20px 10px 10px 10px;
  588. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  589.  
  590. #overlay {
  591. {block:Iftogglemenu}
  592. display:none;
  593. {/block:Iftogglemenu}
  594. z-index:8!important;
  595. position:fixed;
  596. background: -webkit-gradient(linear, left top, right bottom, from(rgba({RGBcolor:gradient1},{text:opacity})), to(rgba({RGBcolor:gradient2},{text:opacity})) );
  597. background-position: left top;
  598. background-attachment: absolute;
  599. height:calc(100% - 100px);
  600. {block:indexpage}
  601. {block:if1column}
  602. margin-left:calc({select:postsize}px + 100px);
  603. width:calc(100% - ({select:postsize}px + 138px));
  604. {/block:if1column}
  605. {block:if2columns}
  606. margin-left:calc({select:postsize}px * 2 + 150px);
  607. width:calc(100% - ({select:postsize}px * 2 + 188px));
  608. {/block:if2columns}
  609. {block:indexpage}
  610. {block:permalinkpage}
  611. margin-left:600px;
  612. width:calc(100% - 638px);
  613. {block:permalinkpage}}
  614.  
  615. {block:Iftogglemenu}
  616. #button {
  617. margin-top:-50px;
  618. height:100px;
  619. width:100px;
  620. background:{color:background};
  621. position:fixed;
  622. z-index:9!important;
  623. -webkit-border-radius: 100px;
  624. -moz-border-radius: 100px;
  625. border-radius: 100px;
  626. {block:indexpage}
  627. {block:if1column}
  628. margin-left:calc({select:postsize}px + 50px);
  629. {/block:if1column}
  630. {block:if2columns}
  631. margin-left:calc({select:postsize}px * 2 + 100px);
  632. {/block:if2columns}
  633. {block:indexpage}
  634. {block:permalinkpage}
  635. margin-left:550px;
  636. {block:permalinkpage}}
  637.  
  638. #button i {
  639. margin-top:50px;
  640. margin-left:50px;
  641. font-size:26px;
  642. color:{color:menuicon};}
  643.  
  644. #button:hover {
  645. cursor:help;}
  646. {/block:Iftogglemenu}
  647.  
  648. #credit {
  649. z-index:8;
  650. bottom:8px;
  651. right:0px;
  652. height:25px;
  653. width:25px;
  654. opacity:0.8;
  655. position:fixed;
  656. padding:5px;}
  657.  
  658. </style>
  659. </head>
  660. <body>
  661. {block:Iftogglemenu}
  662. <a id="button" title="menu"><i class="fas fa-plus"></i></a>
  663. {/block:Iftogglemenu}
  664. <div id="overlay">
  665. <div class="sidealign">
  666. <div class="maintitle">{text:maintitle}</div>
  667. <div class="description">{description}</div>
  668. <div class="nav">
  669. <a href="/" title="index">.01</a>
  670. <a href="/ask" title="queries">.02</a>
  671. {block:iflink1}<a href="{text:link 1 url}" title="{text:link 1}">.03</a>{/block:iflink1}
  672. {block:iflink2}<a href="{text:link 2 url}" title="{text:link 2}">.04</a>{/block:iflink2}
  673. {block:iflink3}<a href="{text:link 3 url}" title="{text:link 3}">.05</a>{/block:iflink3}
  674. {block:iflink4}<a href="{text:link 4 url}" title="{text:link 4}">.06</a>{/block:iflink4}
  675. {block:iflink5}<a href="{text:link 5 url}" title="{text:link 5}">.07</a>{/block:iflink5}
  676. {block:iflink6}<a href="{text:link 6 url}" title="{text:link 6}">.08</a>{/block:iflink6}
  677. </div>
  678. </div>
  679. </div>
  680.  
  681. <div id="top"></div>
  682. <div id="bottom"></div>
  683. <div id="sidebar"></div>
  684. <div id="container">
  685.  
  686. <div id="content">
  687.  
  688. {block:Posts}
  689.  
  690. <div class="posts" id="{PostID}">
  691.  
  692. {block:Text}
  693. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}{Body}
  694. {/block:Text}
  695.  
  696. {block:Answer}
  697. <div class="asker">{Asker} asked:</div>
  698. <div class="ask">{Question}</div>
  699. {Answer}
  700. {/block:Answer}
  701.  
  702. {block:Quote}
  703. <div class="quote"><i class="fas fa-quote-left"></i>{Quote}</div>
  704. {block:Source}{Source}{/block:Source}
  705. {/block:Quote}
  706.  
  707. {block:Link}
  708. <a href="{URL}"><div class="posttitle">{Name}</div></a>{block:Description}{Description}{/block:Description}
  709. {/block:Link}
  710.  
  711. {block:Chat}
  712. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  713. {block:Lines}<p>
  714. {block:Label}<b>{Label}</b>{/block:Label}
  715. {Line}</p>
  716. {/block:Lines}
  717. {/block:Chat}
  718.  
  719. {block:Audio}
  720. {block:AudioPlayer}
  721. <div class="playwrap">
  722. <div class="playbutton">{AudioPlayerGrey}</div>
  723. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  724. <div class="trackinfo">
  725. <div class="trackname">
  726. {block:TrackName}{TrackName}{/block:TrackName}
  727. </div>
  728. <div class="artist">
  729. {block:Artist}{Artist}{/block:Artist}
  730. </div>
  731. <div class="album">
  732. {block:Album}{Album}{/block:Album}
  733. </div>
  734. </div>
  735. </div>
  736. {/block:AudioPlayer}
  737. {/block:Audio}
  738.  
  739. {block:Photo}
  740. <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="100%">{LinkCloseTag}</div>
  741. {/block:Photo}
  742.  
  743. {block:Photoset}
  744. <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>
  745. {/block:Photoset}
  746.  
  747. {block:Video}
  748. <div class="video">{Video-500}</div>
  749. {/block:Video}
  750.  
  751. {block:Caption}<div class="caption">{caption}</div>{/block:Caption}
  752.  
  753. {block:date}
  754. <div class="permalink"><a href="{permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}&nbsp;</a>{block:NoteCount} / &nbsp;<a href="{permalink}">{NoteCount}n</a>&nbsp;{/block:NoteCount}
  755. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> / &nbsp;via&nbsp;</a><a href="{ReblogRootURL}" title="{ReblogRootName}"> / &nbsp;src</a>{/block:RebloggedFrom}
  756. <div class="lrbl">
  757. <a href="{ReblogURL}" title="reblog"><i class="fas fa-redo"></i></a>
  758. <a title="like">{LikeButton color="grey" size="10"}</a></div>
  759. </div>{/block:date}
  760.  
  761. {block:PermalinkPage}
  762. {block:HasTags}
  763. <div class="tags">
  764. {block:Tags}<a href="{TagURL}"><i class="fas fa-hashtag"></i> {Tag} &nbsp;</a>{/block:Tags}
  765. </div>
  766. {/block:HasTags}
  767. {/block:PermalinkPage}
  768.  
  769. {block:PostNotes}{PostNotes}{/block:PostNotes}
  770.  
  771. </div>
  772.  
  773. {/block:Posts}
  774.  
  775. {block:ContentSource}
  776. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  777. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  778. {/block:SourceLogo}
  779. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  780. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  781.  
  782. {block:Pagination}
  783. <div id="pagination">
  784. {block:PreviousPage}<a href="{PreviousPage}"><i class="fas fa-hand-point-left"></i> previous</a>&nbsp;&nbsp;|{/block:PreviousPage}&nbsp;&nbsp;{block:NextPage}<a href="{NextPage}">next <i class="fas fa-hand-point-right"></i></a>{/block:NextPage}
  785. </div>
  786. {/block:Pagination}
  787.  
  788.  
  789. </div>
  790.  
  791. </div>
  792.  
  793. <div id="credit"><a href="//octomoosey.tumblr.com/" title="theme by octomoosey"><img src="//static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"></a></div>
  794.  
  795. <!---••• Scripts •••--->
  796.  
  797. <script src="//static.tumblr.com/yzs4yqx/lOsokx99u/smoothscroll.min.js"></script>
  798. <script src="//unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
  799. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  800.  
  801. <!---••• Tooltips •••--->
  802.  
  803. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  804. <script src="//static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  805.  
  806. <script>
  807. (function($){
  808. $(document).ready(function(){
  809. $("a[title]").style_my_tooltips({
  810. tip_follows_cursor:true,
  811. tip_delay_time:90,
  812. tip_fade_speed:600,
  813. attribute:"title"
  814. });
  815. });
  816. })(jQuery);
  817. </script>
  818.  
  819. <!---••• Toggle •••--->
  820.  
  821. <script>
  822. $(document).ready(function(){
  823. $("#button").click(function(){
  824. $("#overlay").fadeToggle(1500);
  825. });
  826. });
  827. </script>
  828.  
  829. <!---••• PXU Scripts •••--->
  830.  
  831. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  832. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  833. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  834.  
  835. <script>
  836. $(document).ready(function(){
  837. $('.photo-slideshow').pxuPhotoset({
  838. lightbox: true,
  839. rounded: false,
  840. gutter: '4px',
  841. photoset: '.photo-slideshow',
  842. photoWrap: '.photo-data',
  843. photo: '.pxu-photo'
  844. });
  845. });
  846. </script>
  847.  
  848. <!---••• Masonry Scripts •••--->
  849.  
  850. <!---••• Scripts Masonry •••--->
  851.  
  852. {block:indexpage}
  853. <script src="//static.tumblr.com/uopakca/Re4pbazqg/masonry.pkgd.min.js"></script>
  854.  
  855. <script type="text/javascript">
  856. $(window).load(function () {
  857. $('#content').masonry({
  858. itemSelector: '.posts',
  859. columnWidth: {select:postsize},
  860. gutter: 50,
  861. isFitWidth: true
  862. },
  863. function() { $('#content').masonry({ appendedContent: $(this) }); }
  864. );
  865. });
  866. </script>
  867. {/block:indexpage}
  868.  
  869. </body>
  870.  
  871. </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!