API tools faq
paste
Advertisement
alicescreed

sinfulcynder

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