API tools faq
paste
Advertisement
octomoosey

light

octomoosey
May 27th, 2018 (edited)
2,453
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.87 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. <meta name="color:italic" content="#ffffff" />
  13. <meta name="color:bold" content="#ffffff" />
  14. <meta name="color:text" content="#adadad">
  15. <meta name="color:link" content="#fb9d28">
  16. <meta name="color:linkhover" content="#ffffff">
  17. <meta name="color:background" content="#000000">
  18. <meta name="color:selectiontext" content="#ffffff" />
  19. <meta name="color:selectionbg" content="#8c8c8c" />
  20. <meta name="color:tooltiptext" content="#ffffff">
  21. <meta name="color:tooltipbg" content="#333333">
  22. <meta name="color:scrolltotop" content="#ffffff">
  23. <meta name="color:scrollbar" content="#fb9d28" />
  24. <meta name="color:borders" content="#adadad" />
  25. <meta name="color:maintitle" content="#adadad" />
  26. <meta name="color:description" content="#adadad" />
  27. <meta name="color:date" content="#fb9d28" />
  28. <meta name="color:datehover" content="#ffffff" />
  29. <meta name="color:postinfo" content="ffffff" />
  30. <meta name="color:postinfohover" content="#fb9d28" />
  31. <meta name="color:nav" content="#fb9d28" />
  32. <meta name="color:navhover" content="#ffffff" />
  33. <meta name="color:navborder" content="#ffffff" />
  34. <meta name="color:navbg" content="#000000" />
  35. <meta name="color:quoteicon" content="#fb9d28" />
  36. <meta name="color:hashtag" content="#fb9d28" />
  37.  
  38. <!--- ••• Image Variables ••• --->
  39. <meta name="image:background" content=""/>
  40.  
  41. <!--- ••• Other Variables ••• --->
  42. <meta name="text:fontsize" content="10px" />
  43. <meta name="text:maintitle" content="there's a crack in everything that's how the light gets in" / >
  44.  
  45. <!--- ••• Selection Variables ••• --->
  46. <meta name="select:postsize" content="250px" title="250px">
  47. <meta name="select:postsize" content="300px" title="300px">
  48. <meta name="select:postsize" content="350px" title="350px">
  49. <meta name="select:postsize" content="400px" title="400px">
  50. <meta name="select:postsize" content="450px" title="450px">
  51. <meta name="select:postsize" content="500px" title="500px">
  52. <meta name="select:postsize" content="540px" title="540px">
  53.  
  54. <!--- ••• Links ••• --->
  55. <meta name="text:link 1" content="link 1">
  56. <meta name="text:link 1 url" content="/">
  57. <meta name="text:link 2" content="link 2">
  58. <meta name="text:link 2 url" content="/">
  59. <meta name="text:link 3" content="link 3">
  60. <meta name="text:link 3 url" content="/">
  61. <meta name="text:link 4" content="link 4">
  62. <meta name="text:link 4 url" content="/">
  63. <meta name="text:link 5" content="link 5">
  64. <meta name="text:link 5 url" content="/">
  65. <meta name="text:link 6" content="link 6">
  66. <meta name="text:link 6 url" content="/">
  67.  
  68. <!--- ••• Fonts ••• --->
  69.  
  70. <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
  71.  
  72. <link rel="stylesheet" href="//cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  73.  
  74. <link href="//fonts.googleapis.com/css?family=Oswald:400,700" rel="stylesheet">
  75.  
  76. <style type="text/css">
  77.  
  78. #tumblr_lightbox {
  79. background-color:rgba(255, 255, 255, .9)!important;
  80. z-index:99999!important;}
  81.  
  82. #tumblr_lightbox img {opacity:0;}
  83.  
  84. #tumblr_lightbox_caption {
  85. font-weight:normal!important;
  86. text-shadow:none!important;}
  87.  
  88. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  89. -moz-box-shadow:none!important;
  90. -webkit-box-shadow:none!important;
  91. box-shadow:none!important;
  92. -moz-border-radius:0px!important;
  93. -webkit-border-radius:0px!important;
  94. border-radius:0px!important;
  95. opacity:1!important;}
  96.  
  97. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  98.  
  99. iframe.tmblr-iframe {
  100. z-index:99999999999999!important;
  101. top:-3px!important;
  102. right:0!important;
  103. opacity:0.7;
  104. transform:scale(0.65);
  105. transform-origin:100% 0;
  106. -webkit-transform:scale(0.65);
  107. -webkit-transform-origin:100% 0;
  108. -o-transform:scale(0.65);
  109. -o-transform-origin:100% 0;
  110. -moz-transform:scale(0.65);
  111. -moz-transform-origin:100% 0;
  112. -ms-transform:scale(0.65);
  113. -ms-transform-origin:100% 0;}
  114.  
  115. ::-webkit-scrollbar {
  116. width:17px;
  117. height:17px;}
  118.  
  119. ::-webkit-scrollbar {
  120. background-color:{color:background};}
  121.  
  122. ::-webkit-scrollbar-track {
  123. border:7px solid {color:background};
  124. background-color:rgb(230,230,230);}
  125.  
  126. ::-webkit-scrollbar-thumb {
  127. border:7px solid {color:background};
  128. background-color:{color:scrollbar};
  129. min-height:24px;
  130. min-width:24px;}
  131.  
  132. ::-moz-selection {
  133. color:{color:selectiontext};
  134. background:{color:selectionbg};}
  135.  
  136. ::selection {
  137. color:{color:selectiontext};
  138. background:{color:selectionbg};}
  139.  
  140. body {
  141. margin:0;
  142. top:0;
  143. left:0;
  144. width: calc(100% - 24px);
  145. font-size: {text:fontsize};
  146. font-family: 'Arial';
  147. line-height:160%;
  148. color:{color:text};
  149. background:{color:background};}
  150.  
  151. blockquote {
  152. padding-left:10px;
  153. border-left:1px solid {color:borders};
  154. margin:15px 0px 10px 0px;
  155. text-align:justify;}
  156.  
  157. .caption blockquote {
  158. margin:15px 0px 10px 0px;}
  159.  
  160. blockquote img {
  161. max-width:100%;
  162. height:auto;;}
  163.  
  164. img {
  165. max-width:100%;
  166. height:auto;}
  167.  
  168. .caption img {
  169. max-width:100%;
  170. height:auto;}
  171.  
  172. .posts img {
  173. max-width:100%;
  174. margin-top:0px;
  175. margin-bottom:5px;}
  176.  
  177. .caption {
  178. margin-top:15px;
  179. padding:0px;}
  180.  
  181. a {
  182. color:{color:link};
  183. text-decoration:none;
  184. letter-spacing:1px;
  185. cursor:help;
  186. -webkit-transition: all 0.7s ease;
  187. transition: all 0.7s ease;
  188. -moz-transition: all 0.7s ease;
  189. -o-transition: all 0.7s ease;}
  190.  
  191. a:hover {
  192. letter-spacing:1px;
  193. text-decoration:none;
  194. color:{color:linkhover};}
  195.  
  196. p:first-of-type {
  197. margin:0px;}
  198.  
  199. p {
  200. margin:10px 0 0px 0;}
  201.  
  202. small, sub {
  203. font-size: {text:fontsize};
  204. vertical-align:baseline;}
  205.  
  206. pre {
  207. white-space: pre-wrap;
  208. white-space: -moz-pre-wrap;
  209. white-space: -pre-wrap;
  210. white-space: -o-pre-wrap;
  211. word-wrap: break-word;}
  212.  
  213. h1, h2, h3, h4, h5, h6 {
  214. font-family:'Raleway', sans-serif;
  215. font-size:14px;
  216. letter-spacing:4px;
  217. text-align:center;
  218. text-transform:uppercase;
  219. color:{color:posttitle};}
  220.  
  221. b, strong {
  222. letter-spacing:1px;
  223. font-size: {text:fontsize};
  224. color:{color:bold};}
  225.  
  226. i, em {
  227. font-size: {text:fontsize};
  228. color:{color:italic};}
  229.  
  230. small, big {
  231. font-size:{text:fontsize};}
  232.  
  233. /* ---••• Posts •••--- */
  234.  
  235. .posts {
  236. border:2px solid {color:borders};
  237. padding:30px;
  238. margin-top:0px;
  239. width: {select:postsize};
  240. text-align:justify;
  241. {block:indexpage}
  242. margin-bottom:80px;
  243. {/block:indexpage}
  244. {block:permalinkpage}
  245. margin-bottom:20px;
  246. {/block:permalinkpage}
  247. display:block;
  248. position:relative;
  249. opacity:0;
  250. -webkit-animation:fadeIn ease-in 1;
  251. -moz-animation:fadeIn ease-in 1;
  252. animation:fadeIn ease-in 1;
  253. -webkit-animation-fill-mode:forwards;
  254. -moz-animation-fill-mode:forwards;
  255. animation-fill-mode:forwards;
  256. -webkit-animation-duration:1s;
  257. -moz-animation-duration:1s;
  258. animation-duration:1s;}
  259.  
  260. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  261. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  262. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  263.  
  264. .entries {
  265. position:relative;
  266. padding-top:100px;
  267. margin-bottom:50px;
  268. width:50%;
  269. left:50%;
  270. width: {select:postsize};
  271. margin-left:calc(-{select:postsize}/2 - 32px);}
  272.  
  273. /* ---••• Post Info •••--- */
  274.  
  275. .info {
  276. color:{color:postinfo};
  277. line-height:13px;
  278. font-weight:700;
  279. width: {select:postsize};
  280. text-align:left;
  281. border-top:1px solid {color:borders};
  282. text-transform:uppercase;
  283. font-size:8px;
  284. letter-spacing:1px;
  285. margin-top:10px;
  286. padding-top:4px;}
  287.  
  288. .info a {
  289. color:{color:postinfo};}
  290.  
  291. .info a:hover {
  292. color:{color:postinfohover};}
  293.  
  294. .info i {
  295. font-size:8px;
  296. color:{color:hashtag};}
  297.  
  298. .date {
  299. position:relative;
  300. margin-top:5px;
  301. font-size:24px;
  302. float:left;
  303. margin-right:10px;}
  304.  
  305. .date a {
  306. color:{color:date};}
  307.  
  308. .date a:hover {
  309. color:{color:datehover};}
  310.  
  311. .tags {
  312. text-align:justify;
  313. line-height:120%;
  314. margin-top:0px;
  315. font-size:8px;
  316. letter-spacing:1px;}
  317.  
  318. .tags a {
  319. margin-right:4px;}
  320.  
  321. .like-b {
  322. position:relative;
  323. display:inline-block;
  324. height:1em;
  325. line-height:1em;
  326. overflow:hidden;
  327. margin-bottom:-1px;}
  328.  
  329. .like-b .like_button iframe {
  330. position:absolute;
  331. top:0;
  332. left:0;
  333. bottom:0;
  334. right:0;
  335. z-index:2;
  336. opacity:0;}
  337.  
  338. .like-b .liked + .b {
  339. color:inherit;}
  340.  
  341. .like-b .liked + .b:after {
  342. content:'d';}
  343.  
  344. /* ---••• Post Notes •••--- */
  345.  
  346. ol.notes {
  347. padding:0px;
  348. margin:25px 0px 0px -10px;
  349. list-style-type:none;}
  350.  
  351. ol.notes li.note {
  352. padding:10px;}
  353.  
  354. ol.notes li.note img.avatar {
  355. vertical-align:-4px;
  356. margin-right:10px;
  357. width:16px;
  358. height:16px;}
  359.  
  360. ol.notes li.note span.action {
  361. font-weight:none;}
  362.  
  363. ol.notes li.note .answer_content {
  364. font-weight:normal;}
  365.  
  366. ol.notes li.note blockquote {
  367. padding:4px 10px;
  368. margin:10px 0px 0px 25px;}
  369.  
  370. ol.notes li.note blockquote a {
  371. text-decoration:none;}
  372.  
  373. /* ---••• Header •••--- */
  374.  
  375. #container {
  376. width:50%;
  377. left:0px;
  378. top:0px;
  379. position:absolute;}
  380.  
  381. #header {
  382. background:{color:background};
  383. position:relative;
  384. padding:0;
  385. margin:0;
  386. width:100%;
  387. height:100vh;
  388. left:0px;
  389. overflow:hidden;}
  390.  
  391. .maintitle {
  392. width:65%;
  393. margin-top:20px;
  394. margin-left:20px;
  395. line-height:45px;
  396. font-size:50px;
  397. font-family: 'Arial';
  398. color:{color:maintitle};
  399. text-transform: uppercase;
  400. font-weight: bold;
  401. position:absolute;}
  402.  
  403. #intro {
  404. margin-left:0px;
  405. padding:0px;
  406. width:100%;
  407. position: absolute;
  408. bottom:65px;}
  409.  
  410. .intro {
  411. color:{color:description};
  412. width:60%;
  413. position:relative;
  414. margin-left:0px;
  415. padding:20px;
  416. font-size:10.5px;
  417. text-align:justify;}
  418.  
  419. .clickdown {
  420. font-family: 'Arial';
  421. font-weight:700;
  422. padding:20px;
  423. width:100%;
  424. text-align:left;
  425. position:absolute;
  426. bottom:0px;
  427. font-style: none;
  428. text-transform:uppercase;
  429. letter-spacing:2px;
  430. font-size:12px;}
  431.  
  432. .clickdown a {
  433. font-size:30px;
  434. color:{color:maintitle};}
  435.  
  436. .clickdown i {
  437. font-size:30px;
  438. color:{color:maintitle};}
  439.  
  440. /* ---••• Sidebar •••--- */
  441.  
  442. .sidebar {
  443. top:0px;
  444. color:{color:description};
  445. height:100%;
  446. position:fixed;
  447. width:50%;
  448. left:50%;
  449. background:{color:background};
  450. background-image: url('{image:background}');
  451. background-position:center;
  452. background-attachment: absolute;
  453. -webkit-background-size: cover;
  454. -moz-background-size: cover;
  455. -o-background-size: cover;
  456. background-size: cover;
  457. overflow-x:hidden;
  458. webkit-animation:fadeIn ease-in 1;
  459. -moz-animation:fadeIn ease-in 1;
  460. animation:fadeIn ease-in 1;
  461. -webkit-animation-fill-mode:forwards;
  462. -moz-animation-fill-mode:forwards;
  463. animation-fill-mode:forwards;
  464. -webkit-animation-duration:1s;
  465. -moz-animation-duration:1s;
  466. animation-duration:1s;}
  467.  
  468. .sidetitle {
  469. position:fixed;
  470. top:102px;
  471. color:{color:maintitle};
  472. font-family: 'Oswald', sans-serif;
  473. font-size:28px;
  474. text-transform:uppercase;
  475. letter-spacing:2px;
  476. text-align:left;}
  477.  
  478. .siteinfo {
  479. line-height:18px;
  480. position:fixed;
  481. bottom:90px;
  482. text-align:left;}
  483.  
  484. .siteinfotitle {
  485. font-family: 'Oswald', sans-serif;
  486. font-size:16px;
  487. margin-bottom:5px;
  488. text-transform:uppercase;
  489. letter-spacing:2px;}
  490.  
  491. .siteinfo span {
  492. margin-right:3px;
  493. font-weight:700;
  494. background:#ddd;
  495. color:#000;
  496. padding:1px 3px 2px 3px;
  497. -webkit-border-radius: 3px;
  498. -moz-border-radius: 3px;
  499. border-radius: 3px;}
  500.  
  501. #nav {
  502. position:fixed;
  503. top: 50%;
  504. -webkit-transform: translateY(-50%);
  505. transform: translateY (-50%);
  506. right:20px;
  507. font-weight:700;
  508. font-family: 'Arial';
  509. font-size:30px;
  510. text-align:left;
  511. margin-top:10px;
  512. text-transform:uppercase;}
  513.  
  514. #nav a {
  515. background: rgba({RGBcolor:navbg},0.6);
  516. margin-bottom:5px;
  517. padding:9px 8px 8px 8px;
  518. border:2px solid {color:navborder};
  519. display:inline-block;
  520. color:{color:nav};
  521. letter-spacing:2px;}
  522.  
  523. #nav a:hover {
  524. color:{color:navhover};}
  525.  
  526. .link1 {
  527. margin-left:-10px;}
  528.  
  529. .link2 {
  530. margin-left:-40px;}
  531.  
  532. .link3 {
  533. margin-left:0px;}
  534.  
  535. .link4 {
  536. margin-left:-20px;}
  537.  
  538. .link5 {
  539. margin-left:-40px;}
  540.  
  541. .link6 {
  542. margin-left:-50px;}
  543.  
  544. .link7 {
  545. margin-left:-10px;}
  546.  
  547. .link8 {
  548. margin-left:-30px;}
  549.  
  550. .link9 {
  551. margin-left:-10px;}
  552.  
  553. .link10 {
  554. margin-left:-20px;}
  555.  
  556. .pagination {
  557. margin-left:-5px;
  558. margin-top:10px;
  559. text-align:left;}
  560.  
  561. .pagination a {
  562. font-weight:700;
  563. color:#fff;}
  564.  
  565. /* ---••• Post Types •••--- */
  566.  
  567. .posttitle {
  568. font-family: 'Oswald', sans-serif;
  569. font-size:14px;
  570. letter-spacing:2px;
  571. margin-bottom:5px;
  572. text-align:center;
  573. text-transform:uppercase;
  574. color:{color:posttitle};}
  575.  
  576. /* ---••• Questions •••--- */
  577.  
  578. .question {
  579. padding:10px;
  580. border:2px solid {color:borders};}
  581.  
  582. .asker {
  583. font-weight:700;
  584. font-size:18px;
  585. text-transform:uppercase;
  586. margin-bottom:3px;}
  587.  
  588. .answer {
  589. margin:0px;}
  590.  
  591. /* ---••• Quotes •••--- */
  592.  
  593. .quote {
  594. letter-spacing:1px;
  595. text-transform:uppercase;
  596. font-size:14px;
  597. text-align:justify;}
  598.  
  599. .quotesource {
  600. text-align:right;
  601. margin-top:10px;}
  602.  
  603. .quote i {
  604. margin-right:3px;
  605. font-size:18px;
  606. color:{color:quoteicon};}
  607.  
  608. /* ---••• Chat •••--- */
  609.  
  610. .chat {
  611. line-height:20px;
  612. list-style:none;}
  613.  
  614. .line.odd {
  615. background:#fafafa;
  616. margin-bottom:2px;
  617. padding:5px;
  618. list-style:none;
  619. font-size:10px;}
  620.  
  621. .line.even {
  622. background:#ffffff;
  623. margin-bottom:2px;
  624. padding:5px;
  625. list-style:none;
  626. font-size:10px;}
  627.  
  628. .label {
  629. padding-right:1px;
  630. text-transform:uppercase;
  631. font-weight:bold;
  632. color:{color:links};}
  633.  
  634. /* ---••• Audio Player •••--- */
  635.  
  636. .playwrap {
  637. margin-top:10px;
  638. position:relative;}
  639.  
  640. .playbutton {
  641. position:relative;
  642. margin-top:40px;
  643. margin-left:23px;
  644. z-index:9;
  645. width:33px;
  646. height:30px;
  647. overflow:hidden;}
  648.  
  649. .albumart img {
  650. border:10px solid {color:postbg};
  651. position:relative;
  652. margin-top:-55px;
  653. margin-left:0px
  654. height:60px;
  655. width:60px;}
  656.  
  657. .trackinfo {
  658. margin-bottom:10px;
  659. color:{color:text};
  660. top:20px;
  661. position:relative;
  662. margin-left:100px;
  663. height:110px;
  664. margin-top:-120px;}
  665.  
  666. .trackname {
  667. position:relative;
  668. padding-top:30px;
  669. text-align:left;
  670. font-size:10px;
  671. text-transform:uppercase;
  672. font-weight: bold;
  673. letter-spacing:2px;}
  674.  
  675. .artist {
  676. text-align:left;
  677. font-size:10px;
  678. text-transform:uppercase;
  679. letter-spacing:4px;}
  680.  
  681. .album {
  682. text-align:left;
  683. font-style: italic;
  684. letter-spacing:4px;}
  685.  
  686. /* ---••• Other •••--- */
  687.  
  688. .totop {
  689. position:absolute;
  690. left:50%;
  691. margin-left:-25px;
  692. color: {color:scrolltotop};
  693. text-transform:uppercase;
  694. background-color: transparent;
  695. display: none;
  696. bottom: 30px;
  697. text-align:center;
  698. z-index: 9999;}
  699.  
  700. .totop i {
  701. font-size:60px;
  702. color: {color:scrolltotop}; }
  703.  
  704. #credit {
  705. z-index:8;
  706. bottom:0px;
  707. right:0px;
  708. height:30px;
  709. width:30px;
  710. opacity:0.8;
  711. position:fixed;
  712. padding:5px;}
  713.  
  714. #s-m-t-tooltip {
  715. max-width:300px;
  716. margin:15px;
  717. padding:5px;
  718. border-radius:0px;
  719. background:{color:tooltipbg};
  720. color:{color:tooltiptext};
  721. z-index:999999;
  722. font-size:9px;
  723. font-style:none;
  724. font-weight:lighter;
  725. letter-spacing:2px;
  726. font-family:helvetica;
  727. text-transform:uppercase;
  728. box-shadow:1px 1px 3px rgba(0,0,0,.0);}
  729.  
  730. .item-wrapper {display:none;}
  731. .page-1 {display:block;}
  732.  
  733. </style>
  734.  
  735. </head>
  736.  
  737. <body>
  738.  
  739. <div class="sidebar">
  740.  
  741. <div id="nav">
  742. <div class="link1"><a href="/">return</a></div>
  743. <div class="link2"><a href="/ask">queries</a></div>
  744. <div class="link3">{block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}</div>
  745. <div class="link4">{block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}</div>
  746. <div class="link5">{block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}</div>
  747. <div class="link6">{block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}</div>
  748. <div class="link7">{block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}</div>
  749. <div class="link8">{block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}</div>
  750.  
  751. <div class="link9">
  752. {block:Pagination}
  753. {block:NextPage}
  754. <a href="{NextPage}">forth ⇁</a>
  755. {/block:NextPage}
  756. {/block:Pagination}</div>
  757. <div class="link10">
  758. {block:Pagination}
  759. {block:PreviousPage}
  760. <a href="{PreviousPage}">↽ back</a>{/block:PreviousPage}
  761. {/block:Pagination}</div>
  762. </div>
  763. <div class="totop"><a href="#" title="scroll to top"><i class="fas fa-chevron-up"></i></a> </div>
  764. </div>
  765. </div>
  766. </div>
  767. </div>
  768.  
  769. <div id="container">
  770. {block:HomePage}
  771. <div class="item-wrapper page-{CurrentPage}">
  772. <div id="header">
  773. <div class="maintitle">{text:maintitle}</div>
  774.  
  775. <div id="intro">
  776. <div class="intro">{description}</div>
  777. </div>
  778.  
  779. <div class="clickdown"><a href="#">view posts<br><span><i class="fas fa-angle-down"></i></span></a></div>
  780. </div>
  781. </div>
  782. {/block:HomePage}
  783.  
  784. <div class="entries">
  785. {block:Posts}
  786. <div class="posts">
  787.  
  788. {block:Text}
  789. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  790. {Body}{/block:Text}
  791.  
  792. {block:Photo}
  793. <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="100%">{LinkCloseTag}</div>
  794. {/block:Photo}
  795.  
  796. {block:Photoset}
  797. <div class="media">
  798. <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>
  799. </div>
  800. {/block:Photoset}
  801.  
  802. {block:Panorama}
  803. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  804. {/block:Panorama}
  805.  
  806. {block:Video}
  807. <div class="media video">{Video-500}</div>
  808. {/block:Video}
  809.  
  810. {block:Quote}
  811. <div class="quote"><i class="fas fa-quote-left"></i>{Quote}</div>
  812. {block:Source}<div class="quotesource"> — {Source}</div>
  813. {/block:Source}{/block:Quote}
  814.  
  815.  
  816. {block:Link}
  817. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  818. {block:Description}{Description}{/block:Description}
  819. {/block:Link}
  820.  
  821. {block:Chat}
  822. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</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">
  847. <div class="asker">{Asker} said:</div>
  848. {Question}</div><br>
  849. <div class="postinner">
  850. <div class="answer">
  851. {Answer}</div></div>
  852. {/block:Answer}
  853.  
  854. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  855.  
  856. <div class="info">
  857. {block:Date}
  858. <div class="date">
  859. <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}</a></div>
  860. <a href="{Permalink}">{NoteCount}N / </a>
  861. {block:RebloggedFrom}
  862. <a href="{ReblogParentURL}" title="{ReblogParenttitle}">via /</a>
  863. {block:ContentSource}
  864. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}"> src / </a>
  865. {/block:ContentSource}
  866. {/block:RebloggedFrom}
  867.  
  868. <a href="{ReblogURL}" target="_blank" class="details">reblog / </a>
  869. <a class="like-b" href="#">{LikeButton}<span class="b">Like</span></a>
  870.  
  871. {block:HasTags}
  872. <div class="tags">
  873. {block:Tags}
  874. <i class="fas fa-hashtag"></i><a href="{TagURL}"> {Tag}</a>
  875. {/block:Tags}
  876. </div>
  877. {/block:HasTags}
  878. </div>
  879. </div>
  880. {/block:Date}
  881.  
  882. {block:PostNotes}
  883. {PostNotes}
  884. {/block:PostNotes}
  885.  
  886. {/block:Posts}
  887. </div></div> </div>
  888. {block:ContentSource}
  889. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  890. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  891. {/block:SourceLogo}
  892. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  893. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  894.  
  895. <div id="credit"><a href="//octomoosey.tumblr.com/" title="theme by octomoosey"><img src="//static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"></a></div>
  896.  
  897. <!---••• Scripts •••--->
  898.  
  899. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  900. <script src="//static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  901.  
  902. <script>
  903. (function($){
  904. $(document).ready(function(){
  905. $("a[title]").style_my_tooltips({
  906. tip_follows_cursor:true,
  907. tip_delay_time:90,
  908. tip_fade_speed:600,
  909. attribute:"title"
  910. });
  911. });
  912. })(jQuery);
  913. </script>
  914.  
  915. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  916. <script>
  917. $(document).ready(function(){
  918.  
  919. $('.totop').click(function(){
  920. $('html, body, #container').animate({scrollTop : 0},1200);
  921. return false;
  922. });
  923. $('.clickdown').click(function(){
  924. $('html, body, #container').animate({scrollTop : $(".entries").offset().top},1200);
  925. return false;
  926. });
  927.  
  928. $(window).scroll(function(){
  929. if ($(this).scrollTop() > 200) {
  930. $('.totop').fadeIn();
  931. } else {
  932. $('.totop').fadeOut();
  933. }
  934. });
  935. });
  936. </script>
  937.  
  938. <script src="//unpkg.com/imagesloaded@4/imagesloaded.pkgd.js"></script>
  939.  
  940. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  941. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  942. <script src="//static.tumblr.com/yzs4yqx/lOsokx99u/smoothscroll.min.js"></script>
  943. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  944. <script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  945.  
  946. <script>
  947. $(document).ready(function(){
  948. $('.photo-slideshow').pxuPhotoset({
  949. lightbox: true,
  950. rounded: false,
  951. gutter: '3px',
  952. borderRadius: '0px',
  953. photoset: '.photo-slideshow',
  954. photoWrap: '.photo-data',
  955. photo: '.pxu-photo'
  956. });
  957. });
  958. </script>
  959.  
  960. </body>
  961. </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!