API tools faq
paste
Advertisement
morbidrpa

daydreams by morbidrpa

morbidrpa
May 20th, 2019
729
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.72 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. theme one: daydreams
  4.  
  5. please don't: edit & repost / claim as your own
  6. please don't: delete credit
  7. please don't: steal bits of coding
  8.  
  9. feel free to im or inbox me at morbidrpa.tumblr.com
  10. with any questions or concerns
  11.  
  12. ------
  13.  
  14. base code by tanaboo @ whimsythemes
  15. custom font hosting by morbidrpa
  16. icon font by suiomi.com/font
  17. imessage chat style by ncrthlanes
  18. popup ask by htmlthemecodes
  19.  
  20. -->
  21.  
  22. <!DOCTYPE html>
  23. <html>
  24. <head>
  25.  
  26.  
  27. <meta name="color:Background" content="#f6f6f6"/>
  28. <meta name="color:Text" content="#909090"/>
  29. <meta name="color:Link" content="#B49594"/>
  30. <meta name="color:Post BG" content="#ffffff"/>
  31. <meta name="color:Border" content="#e9e9e9"/>
  32. <meta name="color:Accent" content="#B49594">
  33. <meta name="color:Highlight" content="#B49594">
  34.  
  35. <meta name="image:Background" content=""/>
  36. <meta name="image:Icon" content=""/>
  37.  
  38. <meta name="text:sidebar title" content="testing title"/>
  39. <meta name="text:sidebar subtitle" content="subtitle goes here"/>
  40.  
  41. <meta name="if:Show Blog Title" content="1"/>
  42. <meta name="if:Show Description" content="1"/>
  43. <meta name="if:Show Icon" content="1"/>
  44. <meta name="if:Show Links" content="1"/>
  45. <meta name="if:Show Tags" content="1"/>
  46. <meta name="if:Infinite Scroll" content="1"/>
  47. <meta name="if:Custom Link 1" content="1"/>
  48. <meta name="if:Custom Link 2" content="1"/>
  49. <meta name="if:Custom Link 3" content="1"/>
  50. <meta name="if:FAQ" content="0"/>
  51.  
  52. <meta name="text:Title Font Size" content="14px"/>
  53. <meta name="text:Font Size" content="10px"/>
  54. <meta name="text:Link 1 Title" content="one"/>
  55. <meta name="text:Link 1 url" content="/"/>
  56. <meta name="text:Link 2 Title" content="two"/>
  57. <meta name="text:Link 2 url" content="/"/>
  58. <meta name="text:Link 3 Title" content="three"/>
  59. <meta name="text:Link 3 url" content="/"/>
  60. <meta name="text:Ask Title" content="ask me anything"/>
  61. <meta name="text:URL" content="ask me anything"/>
  62.  
  63. <meta name="select:Title Font" content="adleit">
  64. <meta name="select:Title Font" content="beautiful dreams">
  65. <meta name="select:Title Font" content="brilliantte">
  66. <meta name="select:Title Font" content="comes in handy">
  67. <meta name="select:Title Font" content="dellamonde">
  68. <meta name="select:Title Font" content="diesel rudolf">
  69. <meta name="select:Title Font" content="lamontrush">
  70. <meta name="select:Title Font" content="lemon tuesday">
  71. <meta name="select:Title Font" content="oxlade">
  72. <meta name="select:Title Font" content="shutter">
  73. <meta name="select:Title Font" content="slash">
  74.  
  75. <meta name="if:grayscale" content="1"/>
  76. <meta name="if:grayscalesidebar" content="0"/>
  77.  
  78. <meta name="select:Description Text Align" content="justify">
  79. <meta name="select:Description Text Align" content="center">
  80. <meta name="select:Description Text Align" content="left">
  81. <meta name="select:Description Text Align" content="right">
  82.  
  83. <title>{Title}</title>
  84. <link rel="shortcut icon" href="{Favicon}">
  85. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  86. <link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  87.  
  88. <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
  89. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  90.  
  91. <script type="text/javascript"
  92. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  93.  
  94. <script>
  95. $(document).ready(function() {
  96. //
  97. $('a.poplight[href^=#]').click(function() {
  98. var popID = $(this).attr('rel'); //Get Popup Name
  99. var popURL = $(this).attr('href'); //Get Popup href to define size
  100. var query= popURL.split('?');
  101. var dim= query[1].split('&');
  102. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  103. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">close</a>');
  104. var popMargTop = ($('#' + popID).height() + 80) / 2;
  105. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  106. //Apply Margin to Popup
  107. $('#' + popID).css({
  108. 'margin-top' : -popMargTop,
  109. 'margin-left' : -popMargLeft
  110. });
  111. $('body').append('<div id="fade"></div>');
  112. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  113. return false;
  114. });
  115. $('a.close, #fade').live('click', function() {
  116. $('#fade , .popup_block').fadeOut(function() {
  117. $('#fade, a.close').remove(); //fade them both out
  118. });
  119. return false;
  120. });
  121. });
  122. </script>
  123.  
  124. <style type="text/css">
  125.  
  126. @font-face { font-family: "adleit"; src: url('https://dl.dropboxusercontent.com/s/1od7eg4jlxh77bu/Adleit-Demo.ttf??dl=1'); format("truetype");}
  127. @font-face { font-family: "beautiful dreams"; src: url('https://dl.dropboxusercontent.com/s/zw5nh3h7dd1ti8j/Beautiful%20Dreams%20Brush.ttf?dl=1'); format("truetype");}
  128. @font-face { font-family: "brilliantte"; src: url('https://dl.dropboxusercontent.com/s/4o0ed4c3oibero9/brilliantte%20personal%20use%20only.ttf?dl=1'); format("truetype");}
  129. @font-face { font-family: "comes in handy"; src: url('https://dl.dropboxusercontent.com/s/5d6jwijzdq1mur4/comesinhandy.ttf?dl=1'); format("truetype");}
  130. @font-face { font-family: "dellamonde"; src: url('https://dl.dropboxusercontent.com/s/ppin2ptvl94c05y/Dellamonde.otf?dl=1'); format("open");}
  131. @font-face { font-family: "diesel rudolf"; src: url('https://dl.dropboxusercontent.com/s/2y3gs6vernet1a4/diesel-rudolf_reduced.otf?dl=1'); format("opentype");}
  132. @font-face { font-family: "lamontrush"; src: url('https://dl.dropboxusercontent.com/s/fw70ucesqnqis3t/TheLaMonTruSH.ttf?dl=1'); format("opentype");}
  133. @font-face { font-family: "lemon tuesday"; src: url('https://dl.dropboxusercontent.com/s/vjgja16rbu7urdy/lemon%20tuesday.otf?dl=1'); format("opentype");}
  134. @font-face { font-family: "oxlade"; src: url('https://dl.dropboxusercontent.com/s/zo64sugb2xn35n2/Oxlade%20Demo.ttf?dl=1'); format("truetype");}
  135. @font-face { font-family: "shutter"; src: url('https://dl.dropboxusercontent.com/s/bzhc6qgex9o6pmw/Shutter%20Stone%20Standar.ttf?dl=1'); format("truetype");}
  136. @font-face { font-family: "slash"; src: url('https://dl.dropboxusercontent.com/s/85uwfgqtwj3t91b/slash%20bold.ttf?dl=1'); format("truetype");}
  137.  
  138. /* TUMBLR CONTROLS */
  139.  
  140. iframe.tmblr-iframe {
  141. z-index:99999999999999!important;
  142. top:0!important;
  143. right:0!important;
  144. opacity:0.4;
  145. /* delete invert(1) from here */
  146. filter:invert(1) contrast(150%);
  147. -webkit-filter:invert(1) contrast(150%);
  148. -o-filter:invert(1) contrast(150%);
  149. -moz-filter:invert(1) contrast(150%);
  150. -ms-filter:invert(1) contrast(150%);
  151. /* to here if your blog has a dark background */
  152. transform:scale(0.65);
  153. transform-origin:100% 0;
  154. -webkit-transform:scale(0.65);
  155. -webkit-transform-origin:100% 0;
  156. -o-transform:scale(0.65);
  157. -o-transform-origin:100% 0;
  158. -moz-transform:scale(0.65);
  159. -moz-transform-origin:100% 0;
  160. -ms-transform:scale(0.65);
  161. -ms-transform-origin:100% 0;}
  162.  
  163. iframe.tmblr-iframe:hover {
  164. opacity:0.6!important;}
  165.  
  166. /* TOOLTIPS */
  167.  
  168. #s-m-t-tooltip{
  169. font-size:8px;
  170. color:{color:accent};
  171. border-radius:8px;
  172. background-color:{color:post bg};
  173. letter-spacing:2px;
  174. min-width:50px;
  175. max-width:200px;
  176. overflow:auto;
  177. text-transform:uppercase;
  178. font-style:italic;
  179. display: none;
  180. position: absolute;
  181. z-index: 999999999999;
  182. padding:5px;
  183. margin:30px 0 15px 10px;
  184. font-family:quicksand;
  185. -webkit-transition: all 0.2s ease-in-out;
  186. -moz-transition: all 0.2s ease-in-out;
  187. transition: all 0.2s ease-in-out;}
  188.  
  189. /* SCROLLBAR */
  190.  
  191. ::-webkit-scrollbar {
  192. width: 5px;
  193. height: 5px;
  194. }
  195. ::-webkit-scrollbar-button {
  196. width: 0px;
  197. height: 0px;
  198. }
  199. ::-webkit-scrollbar-thumb {
  200. background: #e1e1e1;
  201. border: 0px none #ffffff;
  202. border-radius: 50px;
  203. }
  204.  
  205. /* SELECTION */
  206.  
  207. ::selection {
  208. color: {color:Accent};
  209. background: {color:Background};
  210. }
  211. ::-moz-selection {
  212. color: {color:Accent};
  213. background: {color:Background};
  214. }
  215.  
  216. #content {
  217. margin-left:30%;
  218. margin-top:30px;
  219. width: 900px; /*changes # of columns*/
  220. float: left;
  221. }
  222.  
  223. body {
  224. background-color: {color:background};
  225. background-image: url({image:background});
  226. background-attachment:fixed;
  227. background-repeat:repeat;
  228. background-position:center;
  229. font-family: 'quicksand';
  230. font-size: {text:Font Size};
  231. color: {color:text};
  232. }
  233.  
  234. h1, h2, h3 {
  235. font-size: {text:Title Font Size};
  236. color:{color:accent}!important;
  237. font-family: {select:Title Font};
  238. text-transform:lowercase;
  239. -webkit-filter: blur(0.5px);
  240. font-weight:100;
  241. }
  242.  
  243. a {
  244. color: {color:link};
  245. text-decoration:none;
  246. }
  247.  
  248. blockquote {
  249. padding-left:5px;
  250. border-left:1px dotted;
  251. color: {color:text};
  252. margin-left:3px;
  253. margin-bottom:5px;
  254. width:100%;
  255. padding-right:10px;
  256. }
  257.  
  258. iframe, img, embed, object, video {
  259. max-width: 100%;
  260. }
  261.  
  262. b, strong, bold {
  263. font-weight:900;
  264. color:{color:accent};
  265. }
  266.  
  267. i, em, italic {
  268. font-weight:100;
  269. font-style:italic;
  270. color:{color:highlight};
  271. }
  272.  
  273. img {
  274. height: auto;
  275. width: auto;
  276. }
  277.  
  278. ul {
  279. list-style-type: circle;
  280. padding-left:24px;
  281. line-height:150%;
  282. }
  283.  
  284. li {
  285. padding-left: 0px;
  286. margin-bottom: 0px;
  287. list-style: none;
  288. }
  289.  
  290. li:before {
  291. color: {color:text};
  292. content: "\ea55";
  293. font-family: 'honeybee';
  294. font-size:6px;
  295. font-weight:300;
  296. display: inline-block;
  297. margin-left: -2.2em;
  298. width: 2.2em;
  299. }
  300.  
  301. #sidebar {
  302. height:auto;
  303. width:150px;
  304. margin-top:260px;
  305. padding:10px;
  306. margin-left:100px;
  307. position:fixed;
  308. background: {color:post bg};
  309. border: 1px solid {color:border};
  310. font-size: 10px;
  311. font-family:quicksand;
  312. text-align:center;
  313. border-radius:8px;
  314. }
  315.  
  316. #sidebar a {
  317. color: {color:post bg};
  318. }
  319.  
  320. #image {
  321. height:80px;
  322. width:80px;
  323. position:fixed;
  324. background-image: url('{image:icon}');
  325. border-radius:8px;
  326. margin-top:40px;
  327. margin-left:140px;
  328. border: 5px solid {color:post bg};
  329. {block:IfGrayscaleSidebar}
  330. -webkit-filter:grayscale(100%);
  331. {/block:IfGrayscaleSidebar}
  332. }
  333.  
  334. #header {
  335. margin-top:150px;
  336. text-align:center;
  337. position:fixed;
  338. margin-left:120px;
  339. }
  340.  
  341. #header main {
  342. margin-top:0px;
  343. font-family: {select:Title Font};
  344. font-size: calc({text:Title Font Size} + 35px);
  345. margin-left:-15px;
  346. color:{color:accent}!important;
  347. text-transform:lowercase;
  348. -webkit-filter: blur(0.5px);
  349. z-index:-999999999999;
  350. }
  351.  
  352. #header subb {
  353. background: {color:post bg};
  354. border-radius:8px;
  355. border: 1px solid {color:border};
  356. color:{color:text};
  357. font-family: 'Quicksand', sans-serif;
  358. display:inline-block;
  359. padding:5px;
  360. padding-right:10px;
  361. padding-left:10px;
  362. font-size:7px;
  363. letter-spacing:2px;
  364. font-weight:bold;
  365. text-transform:uppercase;
  366. margin-top:-25px;
  367. z-index:999999999999;
  368. transform: rotate(-5deg);
  369. position:fixed;
  370. margin-left:-80px;
  371. }
  372.  
  373.  
  374.  
  375. .description {
  376. text-align:{select:description text align};
  377. padding:4px;
  378. color:{color:text};
  379. margin-bottom:10px;
  380. }
  381.  
  382. #navlinks a {
  383. font-size:8px;
  384. float:center;
  385. letter-spacing:1px;
  386. font-family: 'Quicksand', sans-serif;
  387. text-transform:lowercase;
  388. padding:8px;
  389. color: {color:post bg};
  390. background-color: {color:accent};
  391. border-radius:8px;
  392. display:inline-block;
  393. margin:2px;
  394. margin-top:5px;
  395. }
  396.  
  397. .popup_block{
  398. display: none;
  399. background: {color:post bg};
  400. padding: 10px;
  401. font-family: quicksand;
  402. float: center;
  403. position: fixed;
  404. top: 50%; left: 50%;
  405. z-index: 2;
  406. border: 1px dotted {color:border};
  407. -webkit-border-radius: 8px;
  408. -moz-border-radius: 8px;
  409. border-radius: 8px;
  410. {block:IfFAQ}
  411. height:400px;
  412. {/block:IfFAQ}
  413. {block:IfNoFAQ}
  414. height:250px;
  415. {/block:IfNoFAQ}
  416. overflow-y:scroll;
  417. overflow-x:hidden;
  418. }
  419.  
  420. img.btn_close {
  421. float: right;
  422. margin: -5px -5px 0 0;
  423. }
  424. *html .popup_block {
  425. position: absolute;
  426. }
  427. }
  428.  
  429. .content {
  430. padding: 0 18px;
  431. display: none;
  432. margin-left:-18px;}
  433.  
  434. article {
  435. background: {color:post bg};
  436. max-width:250px;
  437. border-radius:8px;
  438. margin: 12px;
  439. padding: 8px;
  440. border: 1px solid {color:border};
  441. width: 250px!important;
  442. overflow:hidden;
  443. }
  444.  
  445. article img {
  446. }
  447.  
  448. .title {
  449. text-align:center;
  450. text-transform:lowercase;
  451. font-family: {select:Title Font};
  452. font-size: {text:Title Font Size};
  453. margin-top:0px;
  454. margin-bottom:0px;
  455. }
  456.  
  457. .text {
  458. font-family: 'quicksand';
  459. font-size: {text:Font Size};
  460. color: {color:text};
  461. text-align:justify;
  462. padding-left:10px;
  463. padding-right:10px;
  464. }
  465.  
  466. .photo {
  467. }
  468.  
  469. .photoset {
  470. }
  471.  
  472. article img { {block:ifgrayscale} -webkit-filter:grayscale(100%); {/block:ifgrayscale} }
  473.  
  474. .posts img { max-width:100%; {block:ifgrayscale} -webkit-filter:grayscale(100%); {/block:ifgrayscale} }
  475.  
  476. .photoset { max-width:100%; {block:ifgrayscale} -webkit-filter:grayscale(100%); {/block:ifgrayscale} }
  477.  
  478. .video { {block:ifgrayscale} -webkit-filter:grayscale(100%); {/block:ifgrayscale} }
  479.  
  480. .quote {
  481. text-align:center;
  482. color:{color:accent};
  483. font-size:150%;
  484. font-style:italic;
  485. }
  486.  
  487. .quote cite {
  488. color:{color:text};
  489. font-size: {text:Font Size};
  490. font-style:normal;
  491. }
  492.  
  493. .link {
  494. width:230px;
  495. padding-left:10px;
  496. padding-right:10px;
  497. }
  498.  
  499. .link h1 {
  500. margin-left:5px;
  501. width:223px;
  502. }
  503.  
  504. .audio {
  505. width:100%;
  506. }
  507.  
  508. .video{
  509. width:100%;
  510. max-height:500px;
  511. }
  512.  
  513. .video-player { /*COME BACK TO THIS */
  514. width:100%;
  515. max-height:500px;
  516. }
  517.  
  518.  
  519. /* IMESSAGE CHAT POST */
  520. .canswer span, .convo li {
  521. margin:0 0 5px;
  522. border-radius:1em;
  523. padding:.5em 10px;
  524. max-width:75%;
  525. clear:both;
  526. position:relative
  527. }
  528.  
  529. .convo bold, .convo b, .convo strong {
  530. color:{color:background};
  531. }
  532.  
  533. .convo li:before {
  534. opacity:0;
  535. }
  536.  
  537. .canswer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11 {
  538. float:left;
  539. background:{color:accent};
  540. color:{color:post bg};
  541. left:3px
  542. }
  543.  
  544. .me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after {
  545. content:"";
  546. position:absolute;
  547. left:-.5em;
  548. bottom:0;
  549. width:.5em;
  550. height:1em;
  551. border-right:.5em solid {color:accent};
  552. border-bottom-right-radius:1em .5em
  553. }
  554.  
  555. .canswer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12 {
  556. right:3px;
  557. float:right;
  558. background-color:{color:highlight};
  559. color:{color:post bg};
  560. }
  561.  
  562. .them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after {
  563. content:"";
  564. position:absolute;
  565. right:-.5em;
  566. bottom:0;
  567. width:.5em;
  568. height:1em;
  569. border-left:.5em solid {color:highlight};
  570. border-bottom-left-radius:1em .5em
  571. }
  572.  
  573. .me p,.canswer,.asked span {
  574. padding:0;
  575. margin:0
  576. }
  577. .canswer{
  578. overflow:hidden
  579. }
  580.  
  581.  
  582. .footerright .viasrc {
  583. float: left;
  584. }
  585.  
  586. .asked a {
  587. margin:0;padding:0;
  588. }
  589.  
  590. .user_4{
  591. background-color:#55caff;
  592. color:#fff
  593. }
  594. .convo {
  595. overflow: hidden;
  596. list-style-type: none;
  597. padding: 0;
  598. margin: 0;
  599. }
  600.  
  601.  
  602. #question {
  603. padding-left:30px;
  604. padding-right:20px;
  605. padding-top:20px;
  606. padding-bottom:15px;
  607. margin:-16px;
  608. margin-bottom:25px;
  609. text-align:justify;
  610. overflow-y:scroll;
  611. background:{color:accent};
  612. border-bottom:1px dotted {color:background};
  613. color:{color:background};
  614. }
  615.  
  616. #question b {
  617. color:{color:post bg};
  618. font-size:11px;
  619. text-transform:uppercase;
  620. font-family:'quicksand';
  621. font-style:italic;
  622. font-weight:900;
  623. }
  624.  
  625. #answer {
  626. overflow-x: hidden;
  627. margin-top:-20px;
  628. height:100%;
  629. width:223px;
  630. }
  631.  
  632.  
  633. #perma {
  634. text-align: center;
  635. position: relative;
  636. text-transform:uppercase;
  637. margin-top:8px;
  638. padding:2px;
  639. {block:PermalinkPage}
  640. display:none;
  641. {/block:PermalinkPage}
  642. }
  643.  
  644. #perma a {
  645. font-size:8px;
  646. float:center;
  647. letter-spacing:.5px;
  648. font-family: 'Quicksand', sans-serif;
  649. text-transform:lowercase;
  650. padding:8px;
  651. color: {color:post bg};
  652. background-color: {color:accent};
  653. border-radius:8px;
  654. display:inline-block;
  655. margin:0px;
  656. }
  657.  
  658. .tumblr_audio_player {
  659. width: 100%;
  660. height: 100px;
  661. overflow: hidden;
  662. position: relative;
  663. z-index: 1000;
  664. }
  665.  
  666. .pagination {
  667.  
  668. }
  669.  
  670. {block:ifnotinfinitescroll}
  671. .pagi {
  672. font-size:15px;
  673. font: 'quicksand';
  674. color: {color:link};
  675. text-align:center;
  676. padding:2px;
  677. padding-top:5px;
  678. }
  679. {/block:ifnotinfinitescroll}
  680.  
  681. {block:ifinfinitescroll}
  682. .pagi {
  683. display:none;
  684. }
  685. {/block:ifinfinitescroll}
  686.  
  687. hr {
  688. width:75%;
  689. border-top:1px solid {color:Borders};
  690. }
  691.  
  692. caption {
  693. margin:12px;
  694. }
  695.  
  696. #credit {
  697. font-size:8px;
  698. float:center;
  699. line-height:8px;
  700. position:fixed;
  701. bottom:25px;
  702. letter-spacing:1px;
  703. right:25px;
  704. font-family: 'Quicksand', sans-serif;
  705. text-transform:lowercase;
  706. padding:8px;
  707. color: {color:accent};
  708. background-color:{color:post bg};
  709. border-radius:8px;
  710. border:1px solid {color:border};
  711. }
  712.  
  713. #credit a {
  714. color:{color:accent};
  715. text-decoration:none;
  716. }
  717.  
  718.  
  719. </style>
  720. </head>
  721. <body>
  722.  
  723. {block:ifshowicon}
  724. <div id="image"></div>
  725. {/block:ifshowicon}
  726.  
  727. {block:ifshowblogtitle}
  728.  
  729. <div id="header">
  730. <main><a href="/">{text:sidebar title}</a></main><subb>{text:sidebar subtitle}</subb></div>
  731.  
  732. {/block:ifshowblogtitle}
  733.  
  734.  
  735.  
  736. <div id="sidebar">
  737. {block:ifshowdescription}
  738. <div class="description">{Description}</div>
  739. {/block:ifshowdescription}
  740. {block:ifshowlinks}
  741. <div id="navlinks">
  742. <a href="#?w=500" rel="02" class="poplight">ask</a>
  743. <a href="/archive">grid</a>
  744. {block:ifcustomlink1}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:ifcustomlink1}
  745. {block:ifcustomlink2}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:ifcustomlink2}
  746. {block:ifcustomlink3}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:ifcustomlink3}
  747. </div>
  748. {/block:ifshowlinks}
  749.  
  750. {block:Pagination}
  751. <div class="pagination">
  752. <div class="pagi">
  753. {block:PreviousPage}<a href="{PreviousPage}"><i class="fas fa-chevron-left"></i></a>{/block:PreviousPage}
  754. {block:NextPage}<a href="{NextPage}"><i class="fas fa-chevron-right"></i></a>{/block:NextPage}
  755. </div></div>
  756. {/block:Pagination}
  757. </div>
  758. <nav>
  759. <ul>
  760. {block:HasPages}
  761. {block:Pages}
  762. <li> <a href="{URL}">{Label}</a></li>
  763. {/block:Pages}
  764. {/block:HasPages}
  765. </ul>
  766. </nav>
  767.  
  768. <div id="content">
  769. {block:Posts}
  770. <article>
  771. {block:Text}
  772. <div class="text">
  773. {block:Title}<h1 class="title">
  774. <a href="{Permalink}">{Title}</a><hr style="margin-top:-15px">
  775. </h1>{/block:Title}
  776. {Body}
  777. {/block:Text}
  778.  
  779.  
  780.  
  781. {block:Photo}
  782. <div class="photo">
  783. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  784. {block:Caption}{Caption}{/block:Caption}
  785. {/block:Photo}
  786.  
  787. {block:Photoset}
  788. <div class="photoset">
  789. {block:IndexPage}
  790. {Photoset-250}
  791. {/block:IndexPage}
  792. {block:PermalinkPage}
  793. {Photoset-500}
  794. {/block:PermalinkPage}
  795. {block:Caption}{Caption}{/block:Caption}
  796. {/block:Photoset}
  797.  
  798. {block:Quote}
  799. <div class="quote">
  800. ❝ {Quote} ❞
  801. <br><br>{block:Source}<cite>&mdash; {Source}</cite>{/block:Source}
  802. {/block:Quote}
  803.  
  804. {block:Link}
  805. <div class="link">
  806. <h1 class="title"><a href="{URL}">{Name}</a><hr style="margin-top:-15px"></h1>
  807. {block:Description}{Description}{/block:Description}
  808. {/block:Link}
  809.  
  810. {block:Chat}
  811. <div class="chat">
  812. {block:Title}<h1 class="title">
  813. <a href="{Permalink}">{Title}</a><hr style="margin-top:-15px">
  814. </h1>{/block:Title}<br>
  815.  
  816.  
  817. <ul class="convo">{block:Lines}
  818. <li class="line_{Alt} user_{UserNumber}">
  819. {block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  820. {Line}</li>{/block:Lines}</ul>
  821. {/block:Chat}
  822.  
  823.  
  824.  
  825. {block:Audio}
  826. <div class="audio">
  827. {block:AlbumArt}
  828. <img src="{AlbumArtURL}" width="100px" height="100px"/>
  829. {/block:AlbumArt}
  830.  
  831. {block:AudioEmbed}
  832. {AudioEmbed}
  833. {/block:AudioEmbed}<br>
  834.  
  835. {block:TrackName}
  836. <b>track:</b> {TrackName}
  837. {/block:TrackName}</span><br>
  838. {block:Artist}
  839. <b>artist:</b> {Artist}
  840. {/block:Artist}
  841. {block:Caption}
  842. {Caption}
  843. {/block:Caption}
  844. {/block:Audio}
  845.  
  846.  
  847.  
  848. {block:Video}
  849. <div class="video">
  850. <div class="video-player">{Video-250}</div>
  851. {block:Caption}{Caption}{/block:Caption}
  852. {/block:Video}
  853.  
  854. {block:Answer}<div id="question"> <b>from {Asker}: </b> <br><br>❝ {Question} ❞ </div><div id="answer">{Answer}{/block:Answer}</div>
  855.  
  856. <div id="perma">
  857. <a href="{Permalink}" title="this post has {NoteCount} notes">{NoteCount} <i class="fas fa-heart" style="color:{color:post bg}"></i></a> &nbsp; <a href="{reblogURL}" title="reblog this post">reblog</a> &nbsp; <a href="{Permalink}" title="posted &mdash; {ShortMonth} {DayOfMonth} {Year} {12Hour}:{Minutes}{AmPm}">{TimeAgo}</a> &nbsp; {block:ifShowTags}{block:HasTags} <a title="{block:Tags}#{Tag} {/block:Tags}">#</a>{block:HasTags} {block:ifShowTags}
  858.  
  859. </div>
  860.  
  861. {block:PermalinkPage}
  862. {block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}
  863. {block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}
  864. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  865. {block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> - via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  866. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  867. </div></div>
  868. {/block:PermalinkPage}
  869. </footer>
  870. </article>
  871. {/block:Posts}
  872. </div>
  873.  
  874. <!-- SCRIPTS -->
  875.  
  876. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  877. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  878. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  879. {block:IfInfiniteScroll}
  880. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  881. <script src="https://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  882. {/block:IfInfiniteScroll}
  883.  
  884. {block:ContentSource}
  885. <!– {SourceURL}{block:SourceLogo}<img src=“{BlackLogoURL}”
  886. width=“{LogoWidth}” height=“{LogoHeight}” alt=“{SourceTitle}” />
  887. {/block:SourceLogo}
  888. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} –>
  889. {/block:ContentSource}
  890.  
  891.  
  892.  
  893. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  894. <script>
  895. (function($){
  896. $(document).ready(function(){
  897. $("[title]").style_my_tooltips({
  898. tip_follows_cursor:true,
  899. tip_delay_time:0,
  900. tip_fade_speed:0
  901. }
  902. );
  903. });
  904. })(jQuery);
  905. </script>
  906.  
  907. <script>
  908. (function() {
  909. var $tumblelog = $('#content');
  910. {block:IfInfiniteScroll}
  911. $tumblelog.infinitescroll({
  912. navSelector : ".pagination",
  913. nextSelector : ".pagination a:first",
  914. itemSelector : "article",
  915. bufferPx : 50,
  916. done : "",
  917. loading: {
  918. img : "",
  919. msgText: ""
  920. },
  921. },
  922. function( newElements ) {
  923. var $newElems = $( newElements ).css({ opacity: 0 });
  924. $newElems.imagesLoaded(function(){
  925. $newElems.animate({ opacity: 1 });
  926. $tumblelog.masonry( 'appended', $newElems);
  927. });
  928. }
  929. );
  930. {/block:IfInfiniteScroll}
  931. $tumblelog.imagesLoaded( function(){
  932. $tumblelog.masonry({
  933. columnWidth: function( containerWidth ) {
  934. return containerWidth / 100;
  935. }
  936. });
  937. });
  938. })();
  939. </script>
  940.  
  941. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.js"></script>
  942. <script>
  943. SmoothScroll({
  944. // Scrolling Core
  945. animationTime : 700, // [ms]
  946. stepSize : 100, // [px]
  947. // Acceleration
  948. accelerationDelta : 50, // 50
  949. accelerationMax : 3, // 3
  950. // Keyboard Settings
  951. keyboardSupport : true, // option
  952. arrowScroll : 100, // [px]
  953. // Pulse (less tweakable)
  954. // ratio of "tail" to "acceleration"
  955. pulseAlgorithm : true,
  956. pulseScale : 4,
  957. pulseNormalize : 1,
  958. // Other
  959. touchpadSupport : false, // ignore touchpad by default
  960. fixedBackground : true,
  961. excluded : ''
  962. });
  963. </script>
  964.  
  965.  
  966. <div id="credit"><span class="th th-moon"></span> &nbsp;<a href="https://morbidrpa.tumblr.com/">credit</a></div>
  967.  
  968.  
  969.  
  970.  
  971. <div id="02" class="popup_block">
  972. <center><h1>{text:ask title}<hr style="margin-top:-15px"></h1></center>
  973.  
  974. <!-- This is your FAQ-->
  975. {block:IfFAQ}
  976. <h1 style="margin-bottom:-15px">question goes here</h1>
  977. <p>
  978. <blockquote>answer goes here <b><em>!</em></b></blockquote></p>
  979. <h1 style="margin-bottom:-15px">question goes here</h1>
  980. <p>
  981. <blockquote>answer goes here <b><em>!</em></b></blockquote></p>
  982. <h1 style="margin-bottom:-15px">question goes here</h1>
  983. <p>
  984. <blockquote>answer goes here <b><em>!</em></b></blockquote></p>
  985. {/block:IfFAQ}
  986.  
  987. <iframe frameborder="0" scrolling="yes" width="100%" height="200" src="https://www.tumblr.com/ask_form/{text:url}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  988. </center></div>
  989. </div></div></div></div></div></div></div></div></div></div>
  990.  
  991. </body>
  992.  
  993.  
  994. </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!