API tools faq
paste
alicescreed

sufferawiitch

alicescreed
Feb 15th, 2020
212
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.31 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <title>{Title}</title>
  7.  
  8. <!-- please do not steal, redistribute, or claim as your own. KEEP CREDIT IN TACT. thank you! -->
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />
  13.  
  14. {/block:Description}
  15.  
  16. <meta name="text:home link title" content="return">
  17. <meta name="text:ask link title" content="ask">
  18. <meta name="text:guidelines link title" content="guidelines">
  19. <meta name="text:about link title" content="about">
  20. <meta name="text:verses link title" content="verses">
  21. <meta name="text:mains link title" content="mains">
  22. <meta name="text:your url" content="x">
  23.  
  24. <meta name="text:guidelines" content="Pudding soufflé topping donut cheesecake. Chocolate bar cheesecake wafer chupa chups croissant cookie topping pudding. Oat cake ice cream cake bonbon bear claw cheesecake ice cream cake gingerbread. Ice cream muffin chocolate bar chupa chups jelly-o. Candy gummies biscuit dragée jelly cookie pie oat cake. Biscuit halvah oat cake chupa chups toffee bear claw cake croissant. Dragée candy croissant.">
  25. <meta name="text:about" content="Pudding soufflé topping donut cheesecake. Chocolate bar cheesecake wafer chupa chups croissant cookie topping pudding. Oat cake ice cream cake bonbon bear claw cheesecake ice cream cake gingerbread. Ice cream muffin chocolate bar chupa chups jelly-o. Candy gummies biscuit dragée jelly cookie pie oat cake. Biscuit halvah oat cake chupa chups toffee bear claw cake croissant. Dragée candy croissant.">
  26. <meta name="text:verses" content="Pudding soufflé topping donut cheesecake. Chocolate bar cheesecake wafer chupa chups croissant cookie topping pudding. Oat cake ice cream cake bonbon bear claw cheesecake ice cream cake gingerbread. Ice cream muffin chocolate bar chupa chups jelly-o. Candy gummies biscuit dragée jelly cookie pie oat cake. Biscuit halvah oat cake chupa chups toffee bear claw cake croissant. Dragée candy croissant.">
  27. <meta name="text:mains" content="Pudding soufflé topping donut cheesecake. Chocolate bar cheesecake wafer chupa chups croissant cookie topping pudding. Oat cake ice cream cake bonbon bear claw cheesecake ice cream cake gingerbread. Ice cream muffin chocolate bar chupa chups jelly-o. Candy gummies biscuit dragée jelly cookie pie oat cake. Biscuit halvah oat cake chupa chups toffee bear claw cake croissant. Dragée candy croissant.">
  28.  
  29. <meta name="image:background" content="">
  30. <meta name="image:infobackground" content="">
  31.  
  32. <meta name="color:text" content="#b1a198">
  33. <meta name="color:scrollbar" content="#b66f5c">
  34. <meta name="color:bold" content="#c21313">
  35. <meta name="color:italic" content="#1560aa">
  36. <meta name="color:links" content="#c21313">
  37. <meta name="color:borders" content="#313131">
  38. <meta name="color:hover link" content="#c1c1c1">
  39.  
  40. <link href="https://fonts.googleapis.com/css?family=Alegreya+Sans|Great+Vibes|Montserrat&display=swap" rel="stylesheet">
  41.  
  42. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  43. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  44. <script>
  45. (function($){
  46. $(document).ready(function(){
  47. $("[title]").style_my_tooltips({
  48. tip_follows_cursor:true,
  49. tip_delay_time:200,
  50. tip_fade_speed:300
  51. }
  52. );
  53. });
  54. })(jQuery);
  55. </script>
  56.  
  57. <script type="text/javascript"
  58. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  59. <script>
  60. $(document).ready(function() {
  61. //
  62. $('a.poplight[href^=#]').click(function() {
  63. var popID = $(this).attr('rel'); //Get Popup Name
  64. var popURL = $(this).attr('href'); //Get Popup href to define size
  65. var query= popURL.split('?');
  66. var dim= query[1].split('&');
  67. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  68. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  69. var popMargTop = ($('#' + popID).height() + 80) / 2;
  70. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  71. //Apply Margin to Popup
  72. $('#' + popID).css({
  73. 'margin-top' : -popMargTop,
  74. 'margin-left' : -popMargLeft
  75. });
  76. $('body').append('<div id="fade"></div>');
  77. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  78. return false;
  79. });
  80. $('a.close, #fade').live('click', function() {
  81. $('#fade , .popup_block').fadeOut(function() {
  82. $('#fade, a.close').remove(); //fade them both out
  83. });
  84. return false;
  85. });
  86. });
  87. </script>
  88.  
  89. <style type="text/css">
  90.  
  91.  
  92. body {
  93. font-family: 'Montserrat', sans-serif;
  94. color: {color:text};
  95. font-size: 11px;
  96. letter-spacing: 0px;
  97. background-color: #151518;
  98. background-image: url('{image:background}');
  99. background-position: absolute;
  100. background-attachment: fixed;
  101. line-height: 120%;
  102. background-repeat: no-repeat;
  103. text-align: justify;
  104. }
  105.  
  106. #s-m-t-tooltip{
  107. position: absolute;
  108. z-index: 999999999999999999999999999999999999999999999999999999999999;
  109. margin-top: 10px;
  110. margin-left: 5px;
  111. display: block;
  112. background-image: url('{image:infobackground}');
  113. background-position: center;
  114. text-align: center;
  115. color: #fff;
  116. font-style: italic;
  117. font-family: 'Great Vibes', cursive;
  118. letter-spacing: 1px;
  119. border: 4px double {color:borders};
  120. padding: 5px;
  121. font-size: 120%;
  122. margin-bottom: 5px;
  123. }
  124.  
  125. ::-webkit-scrollbar-thumb:vertical {
  126. background-color: {color:scrollbar};
  127. height:auto;
  128. }
  129.  
  130. ::-webkit-scrollbar-thumb:horizontal {
  131. background-color: {color:scrollbar};
  132. height:2px;
  133. }
  134.  
  135. ::-webkit-scrollbar {
  136. height:2px;
  137. width:2px;
  138. background-color: transparent;
  139. }
  140.  
  141.  
  142. a {
  143. text-decoration: none;
  144. color: {color:links};
  145. font-size: 17pt;
  146. line-height: 18pt;
  147. font-weight: bold;
  148. transition-duration: 0.6s;
  149. -moz-transition-duration: 0.6s;
  150. -webkit-transition-duration: 0.6s;
  151. -o-transition-duration: 0.6s;
  152. font-family: 'Great Vibes', cursive;
  153. letter-spacing: 1px;
  154. text-shadow: 1px 1px 5px #000;
  155. }
  156.  
  157.  
  158. a:hover {
  159. letter-spacing: 2px;
  160. text-decoration: none;
  161. font-size: 14pt;
  162. filter:blur(1px);
  163. color: {color:hover link};
  164. transition-duration: 0.6s;
  165. -moz-transition-duration: 0.6s;
  166. -webkit-transition-duration: 0.6s;
  167. -o-transition-duration: 0.6s;
  168. font-family:'Great Vibes', cursive;
  169. text-shadow: 1px 1px 4px #000;
  170. }
  171.  
  172. small, sup, sub {
  173. font-size: 100%;
  174. }
  175.  
  176. b, strong {
  177. text-shadow: 1px 1px 5px #000;
  178. padding-left: 2px;
  179. padding-right: 2px;
  180. color:{color:bold};
  181. letter-spacing: 1px;
  182. font-weight: bold;
  183. font-size: 120%;
  184. font-family: 'Alegreya Sans', sans-serif;
  185. }
  186.  
  187. i, em {
  188. text-shadow: 1px 1px 5px #000;
  189. color:{color:italic};
  190. font-style: italic;
  191. letter-spacing: 1px;
  192. padding-left:5px;
  193. padding-right: 5px;
  194. padding-top: 10px;
  195. padding-bottom: 10px;
  196. font-size: 15pt;
  197. font-family:'Great Vibes', cursive;
  198. }
  199.  
  200.  
  201.  
  202.  
  203. h2 {
  204. text-shadow: 1px 1px 5px #000;
  205. font-family: 'Great Vibes', cursive;
  206. font-size: 20pt;
  207. line-height: 20pt;
  208. font-weight: bold;
  209. letter-spacing: 1px;
  210. }
  211.  
  212. #info {
  213. background-color: grey;
  214. padding: 20px;
  215. background-image: url('{image:infobackground}');
  216. background-position: center;
  217. text-align: center;
  218. color: #fff;
  219. letter-spacing: 1px;
  220. font-family:'Great Vibes', cursive;
  221. text-shadow: 1px 1px 4px #000;
  222. border: 4px double {color:borders};
  223. }
  224.  
  225. #sidebarh1 {
  226. background-image: url('{image:infobackground}');
  227. text-align: center;
  228. color: #fff;
  229. font-family: 'Great Vibes', cursive;
  230. border: 4px double {color:borders};
  231. padding: 10px;
  232. line-height: 110%;
  233. font-size: 16px;
  234. background-position: center;
  235. margin-bottom: 5px;
  236. }
  237.  
  238. #h1 {
  239. color: white;
  240. background-position: center;
  241. text-shadow: 1px 1px 5px #000;
  242. background-image: url('{image:infobackground}');
  243. text-align: center;
  244. font-family: 'Great Vibes', cursive;
  245. border: 4px double {color:borders};
  246. padding: 5px;
  247. line-height: 120%;
  248. font-size: 22px;
  249. margin-bottom: 5px;
  250. }
  251.  
  252. h1 {
  253. font-family: 'Great Vibes', cursive;
  254. font-size: 20pt;
  255. line-height: 21pt;
  256. color: white;
  257. font-weight: normal;
  258. text-align: center;
  259. }
  260.  
  261. #sidebar {
  262. margin-left: 370px;
  263. width: 90px;
  264. font-size: 9px;
  265. height: auto;
  266. margin-top: 45px;
  267. position: fixed;
  268. background-color: transparent;
  269. padding: 10px;
  270. }
  271.  
  272. #description {
  273. height: 120px;
  274. padding-right: 5px;
  275. overflow: auto;
  276. }
  277.  
  278. #audio {
  279. text-align: center;
  280. font-size: 8pt;
  281. line-height: 9pt;
  282. }
  283.  
  284.  
  285. #musicinfo {
  286.  
  287. text-transform: uppercase;
  288. margin-top:10px;
  289. }
  290.  
  291. blockquote {
  292. border-left: 2px solid {Color:bold};
  293. padding: 5px;
  294. border-radius: 5px;
  295. background-color: #151515;
  296. }
  297.  
  298. blockquote img {
  299. max-width: 100%;
  300. }
  301.  
  302.  
  303. ol.notes {
  304. text-align: left;
  305. list-style: upper-roman;
  306. padding: 10px;
  307.  
  308. }
  309.  
  310. #info a {
  311. font-family: 'Alegreya Sans', sans-serif;
  312. font-size: 20pt;
  313. color: {color:italic};
  314. }
  315.  
  316. #info a:hover {
  317. color: {color:bold};
  318. }
  319.  
  320. #credit {
  321. right:10px;
  322. bottom:7px;
  323. padding:5px;
  324. font-size:10px;
  325. position:fixed;
  326. background-image: url('{image:infobackground}');
  327. text-align: center;
  328. font-style: italic;
  329. font-family: 'Great Vibes', cursive;
  330. letter-spacing: 1px;
  331. border: 4px double {color:borders};
  332. padding: 5px;
  333. font-size: 120%;
  334. margin-bottom: 5px;
  335. transition-duration: 0.6s;
  336. -moz-transition-duration: 0.6s;
  337. -webkit-transition-duration: 0.6s;
  338. -o-transition-duration: 0.6s;
  339. }
  340.  
  341.  
  342. #credit a {
  343. font-family: 'Great Vibes', cursive;
  344. color:#fff;
  345. padding:5px;
  346. letter-spacing:1px;
  347. text-decoration:none;
  348. font-weight:bold;
  349. }3
  350. II
  351. #tags {
  352.  
  353. }
  354.  
  355. #tags a {
  356. font-size: 10px;
  357. line-height: 11px;
  358. font-family: 'Alegreya Sans', sans-serif;
  359. color:{color:text};
  360. }
  361.  
  362. #post {
  363. width: 250px;
  364. margin-bottom: 20px;
  365. }
  366.  
  367. #posts {
  368. width: 250px;
  369. height: 545px;
  370. padding-right: 10px;
  371. position: absolute;
  372. margin-left: 70px;
  373. margin-top: 38px;
  374. overflow: auto;
  375. }
  376.  
  377.  
  378.  
  379. #links {
  380. position: fixed;
  381. margin-top: 450px;
  382. text-align: left;
  383. width: 200px;
  384. font-size: 13pt;
  385. line-height: 6pt;
  386. margin-left: 525px;
  387. font-family: 'Great Vibes', cursive;
  388. }
  389.  
  390. #links a {
  391. color: {color:navlinks};
  392. font-weight: bold;
  393. font-family: 'Great Vibes', cursive;
  394. text-transform: uppercase;
  395. }
  396.  
  397. #links a:hover {
  398. color: {color:bold};
  399. font-style: normal;
  400. }
  401.  
  402. #navlinks {
  403. position: fixed;
  404. margin-top: 320px;
  405. margin-left: 350px;
  406. }
  407.  
  408. #navlinks a{
  409. line-height: 100%;
  410. font-size: 30pt;
  411. color:{color:text};
  412. transition-duration: 0.6s;
  413. -moz-transition-duration: 0.6s;
  414. -webkit-transition-duration: 0.6s;
  415. -o-transition-duration: 0.6s;
  416. }
  417.  
  418. #navlinks a:hover{
  419. color:{color:links};
  420. letter-spacing: 2px;
  421. transition-duration: 0.6s;
  422. -moz-transition-duration: 0.6s;
  423. -webkit-transition-duration: 0.6s;
  424. -o-transition-duration: 0.6s;
  425. }
  426.  
  427. #pages {
  428. width: 100px;
  429. position: fixed;
  430. text-align: right;
  431. }
  432.  
  433. #fade {
  434. display: none;
  435. background: #000;
  436. position: fixed;
  437. left: 0;
  438. top: 0;
  439. width: 100%;
  440. height: 100%;
  441. opacity: .50;
  442. z-index: 9999;
  443. }
  444.  
  445. .popup_block{
  446. display: none;
  447. padding: 20px;
  448. position: fixed;
  449. top: 50%;
  450. left: 50%;
  451. z-index: 99999;
  452. border: 3px solid {color:bold};
  453. background-color: #151518;
  454. }
  455.  
  456. img.btn_close {
  457. float: right;
  458. margin: -55px -55px 0 0;
  459. }
  460.  
  461. *html #fade {
  462. position: absolute;
  463. }
  464.  
  465. *html .popup_block {
  466. position: absolute;
  467. }
  468.  
  469. #leftimg {
  470. float:left;
  471. margin-right: 5px;
  472. }
  473.  
  474. #mtitle {
  475. margin-top: -3px;
  476. text-transform: uppercase;
  477. font-weight: bold;
  478. font-size: 10pt;
  479. color:{color:bold};
  480. }
  481.  
  482. #poph1 {
  483. color: {color:bold};
  484. background-position: center;
  485. text-shadow: 1px 1px 5px #000;
  486. background-image: url('{image:infobackground}');
  487. text-align: center;
  488. font-family: 'montserrat', sans-serif;
  489. border: 4px double {color:borders};
  490. padding: 5px;
  491. font-size: 10pt;
  492. font-weight: bold;
  493. text-transform: uppercase;
  494. margin-bottom: 5px;
  495. margin-top: 5px;
  496. }
  497.  
  498. </style>
  499.  
  500. </head>
  501.  
  502. <body>
  503.  
  504.  
  505. <div id="navlinks">
  506.  
  507. <a href="/" title="{text:home link title}"> ✪</a><br>
  508. <a href="#?w=500" rel="ask" class="poplight" title="{text:ask link title}" style="color:{color:bold}"> ✪</a> <br>
  509. <a href="#?w=500" rel="guidelines" class="poplight" title="{text:guidelines link title}" style="color:{color:italic}"> ✪</a> <br>
  510. <a href="#?w=500" rel="about" class="poplight" title="{text:about link title}"> ✪</a> <br>
  511. <a href="#?w=500" rel="verses" class="poplight" title="{text:verses link title}" style="color:{color:bold}"> ✪</a> <br>
  512. <a href="#?w=500" rel="mains" class="poplight" title="{text:mains link title}" style="color:{color:italic}"> ✪</a>
  513.  
  514. </div>
  515.  
  516.  
  517. <div id="sidebar">
  518. <div id="description">
  519. {description}
  520. </div>
  521. <p align="Center"><img src="https://i.imgur.com/rKCU1Gt.gif"></p>
  522. <marquee scrolldelay="200" id="mtitle">{title}</marquee>
  523. <div id="pages"> {block:Pagination}
  524. {block:PreviousPage}
  525. <a href="{PreviousPage}">fall</a> /
  526. {/block:PreviousPage} {block:NextPage}<a href="{NextPage}">rise</a>
  527. {/block:NextPage}
  528. {/block:Pagination}</div>
  529. </div>
  530.  
  531.  
  532.  
  533. <div id="posts">{block:Posts}<div id="post">
  534.  
  535.  
  536.  
  537. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  538.  
  539. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}" style="margin-bottom: 10px;">{LinkCloseTag}{block:Caption}
  540.  
  541. {Caption} {/block:Caption}{/block:Photo}
  542.  
  543. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}
  544.  
  545. {/block:Photoset}
  546.  
  547. {block:Quote}<div id="h1">{Quote}</div>{block:Source}<div style="text-align:center;">—{Source}</div>{/block:Source}{/block:Quote}
  548.  
  549. {block:Link}<div id="h1"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}
  550.  
  551. {Description}{/block:Description}{/block:Link}
  552.  
  553. {block:Chat}{block:Title}<div id="h1">{Title}</div>{/block:Title}{block:Lines}{block:Label}<b>
  554.  
  555. <div id="l">{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
  556.  
  557. {block:Audio}
  558. <div id="audio">
  559. {block:TrackName}
  560. <div id="musicinfo" style="margin-top: 5px;">
  561. {AudioPlayerGrey} <br>
  562. {TrackName} by
  563. {/block:TrackName}
  564. {block:Artist}
  565. {Artist}
  566. {/block:Artist}
  567.  
  568. </div>
  569. </div>
  570. {block:caption}<div id="caption">{Caption} </div>{/block:caption}
  571. {/block:Audio}
  572.  
  573.  
  574. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  575.  
  576. {block:Answer}
  577. <div id="sidebarh1">
  578. {Asker} asked, <br>
  579. <span style="font-weight: normal;font-family: 'Montserrat', sans-serif; color: {color:text}; font-size: 10px;">" {Question} "</span>
  580. </div>
  581. {Answer}{/block:Answer}
  582.  
  583. <div id="info">
  584. <a title="{TimeAgo}" title="{timeago}"> ✪</a> <a href="{Permalink}" title="{NoteCount} notes"> ✪</a> <a href="{ReblogURL}" title="reblog"> ✪</a>
  585. <div id="tags">
  586. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>
  587. {/block:Tags}{/block:HasTags}
  588. </div>
  589. </div>
  590.  
  591. </div>
  592. {block:PostNotes}<Div style="width: 250px;">
  593.  
  594.  
  595. {PostNotes}</div>{/block:PostNotes}
  596. {/block:Posts}</div>
  597.  
  598. <div id="credit">
  599. <a href="https://anacommissions.tumblr.com/" title="theme & graphics by anacommissions">AC</a>
  600. </div>
  601.  
  602.  
  603.  
  604.  
  605.  
  606. </body>
  607.  
  608. <div id="ask" class="popup_block">
  609. <div id="leftimg"><img src="https://i.imgur.com/NDauA09.png"></div>
  610. <iframe frameborder="0"
  611. height="480"
  612. id="ask_form"
  613. scrolling="no"
  614. src="https://www.tumblr.com/ask_form/{text:your url}.tumblr.com"
  615. width="250">
  616. </iframe>
  617. </div>
  618.  
  619. <div id="guidelines" class="popup_block">
  620. <div id="leftimg"><img src="https://i.imgur.com/aAE99py.png"></div>
  621. <div style="height: 480px; overflow: auto; padding-right: 10px;">
  622. {text:guidelines}</div>
  623. </div>
  624.  
  625. <div id="about" class="popup_block">
  626. <div id="leftimg"><img src="https://i.imgur.com/t5pjTqu.png"></div>
  627. <div style="height: 480px; overflow: auto; padding-right: 10px;">
  628. {text:about}</div>
  629. </div>
  630.  
  631. <div id="verses" class="popup_block">
  632. <div id="leftimg"><img src="https://i.imgur.com/7QUS6yH.png"></div>
  633. <div style="height: 480px; overflow: auto; padding-right: 10px;">
  634. {text:verses}</div>
  635. </div>
  636.  
  637. <div id="mains" class="popup_block">
  638. <div id="leftimg"><img src="https://i.imgur.com/fWwRI3c.png"></div>
  639. <div style="height: 480px; overflow: auto; padding-right: 10px;">
  640. {text:mains}</div>
  641. </div>
  642.  
  643. </html>
Advertisement
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!