API tools faq
paste
Advertisement
alicescreed

madeofmarblex

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