API tools faq
paste
sashatheme

YANYAN THEME

sashatheme
Dec 10th, 2023
694
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.43 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <head>
  4.  
  5. <meta charset="UTF-8">
  6.  
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.  
  9. <title>{text:TITLE}</title>
  10.  
  11. <link rel="icon" type="image/x-icon" href="{image:FAVICON}">
  12.  
  13. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
  14.  
  15. <script>
  16.  
  17. var myAudio = document.getElementById("myAudio");
  18. var isPlaying = false;
  19.  
  20. function togglePlay() {
  21. isPlaying ? myAudio.pause() : myAudio.play();
  22. };
  23.  
  24. myAudio.onplaying = function() {
  25. isPlaying = true;
  26. };
  27. myAudio.onpause = function() {
  28. isPlaying = false;
  29. };
  30.  
  31. </script>
  32.  
  33. <!--METAS-->
  34.  
  35. <meta name="if:WOBBLE TEXT" content="true" />
  36.  
  37. <meta name="text:HEADER TITLE" content="TITLE HERE" />
  38.  
  39. <meta name="text:HEADER TEXT" content="DESC HERE" />
  40.  
  41. <meta name="text:PERMALINK EMOTICON" content="x" />
  42.  
  43. <meta name="select:FONT" content="arial" />
  44. <meta name="select:FONT" content="times" />
  45. <meta name="select:FONT" content="ms gothic" />
  46. <meta name="select:FONT" content="comic sans" />
  47. <meta name="select:FONT" content="tahoma" />
  48. <meta name="select:FONT" content="georgia" />
  49. <meta name="select:FONT" content="alata" />
  50. <meta name="select:FONT" content="amatic sc" />
  51. <meta name="select:FONT" content="bruno ace" />
  52. <meta name="select:FONT" content="concert one" />
  53. <meta name="select:FONT" content="righteous" />
  54. <meta name="select:FONT" content="sacramento" />
  55.  
  56. <meta name="select:BACKGROUND SIZE" content="auto" />
  57. <meta name="select:BACKGROUND SIZE" content="cover" />
  58. <meta name="select:BACKGROUND SIZE" content="contain" />
  59.  
  60. <meta name="select:HEADER BACKGROUND SIZE" content="auto" />
  61. <meta name="select:HEADER BACKGROUND SIZE" content="cover" />
  62. <meta name="select:HEADER BACKGROUND SIZE" content="contain" />
  63.  
  64. <meta name="select:CONTAINER BACKGROUND SIZE" content="auto" />
  65. <meta name="select:CONTAINER BACKGROUND SIZE" content="cover" />
  66. <meta name="select:CONTAINER BACKGROUND SIZE" content="contain" />
  67.  
  68. <meta name="image:BACKGROUND" contents="" />
  69. <meta name="color:BACKGROUND" contents="" />
  70.  
  71. <meta name="image:HEADER" contents="" />
  72. <meta name="image:CONTAINER BACKGROUND" contents="" />
  73.  
  74. <meta name="color:HEADER BACKGROUND" contents="" />
  75. <meta name="color:HEADER TEXT BACKGROUND" contents="" />
  76. <meta name="color:HEADER TITLE" contents="" />
  77. <meta name="color:HEADER TITLE OUTLINE" contents="" />
  78. <meta name="color:HEADER TEXT" contents="" />
  79. <meta name="color:HEADER LINK" contents="" />
  80. <meta name="color:HEADER LINK HOVER" contents="" />
  81.  
  82. <meta name="color:CONTAINER BACKGROUND" contents="" />
  83. <meta name="color:CONTAINER BORDER" contents="" />
  84.  
  85. <meta name="color:POSTS BACKGROUND" contents="" />
  86. <meta name="color:POSTS TEXT" contents="" />
  87. <meta name="color:POSTS LINK" contents="" />
  88. <meta name="color:POSTS LINK HOVER" contents="" />
  89.  
  90. <meta name="color:POSTS HEADER BACKGROUND" contents="" />
  91. <meta name="color:POSTS HEADER TEXT" contents="" />
  92. <meta name="color:POSTS HEADER TEXT OUTLINE" contents="" />
  93.  
  94. <meta name="color:PAGINATION" contents="" />
  95.  
  96.  
  97. <!--STUFF-->
  98.  
  99. {block:ifwobbletext}
  100.  
  101. <!-- tutorial by meg at megscoding.tumblr.com -->
  102. <script type="text/javascript">
  103. // <![CDATA[
  104. var speed=120; // speed of wobbling, lower is faster
  105. var height=3; // height of wobbling in pixels
  106. var alink=""; // page to link text to (set to ="" for no link)
  107.  
  108. /****************************
  109. * Wobbly Text Effect *
  110. *(c) 2003-6 mf2fm web-design*
  111. * http://www.mf2fm.com/rv *
  112. * DON'T EDIT BELOW THIS BOX *
  113. ****************************/
  114. var wobtxt, wobble, wobcnt=0;
  115. window.onload=function() { if (document.getElementById) {
  116. var i, wobli;
  117. wobble=document.getElementById("wobble");
  118. wobtxt=wobble.firstChild.nodeValue;
  119. while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
  120. for (i=0; i<wobtxt.length; i++) {
  121. wobli=document.createElement("span");
  122. wobli.setAttribute("id", "wobb"+i);
  123. wobli.style.position="relative";
  124. wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
  125. if (alink) {
  126. wobli.style.cursor="pointer";
  127. wobli.onclick=function() { top.location.href=alink; }
  128. }
  129. wobble.appendChild(wobli);
  130. }
  131. setInterval("wobbler()", speed);
  132. }}
  133.  
  134. function wobbler() {
  135. for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
  136. wobcnt++;
  137. }
  138. // ]]>
  139. </script>
  140. <!-- tutorial by meg at megscoding.tumblr.com -->
  141.  
  142. {/block:ifwobbletext}
  143.  
  144. <style>
  145.  
  146. @import url('https://fonts.googleapis.com/css2?family=Alata&family=Amatic+SC&family=Bruno+Ace&family=Concert+One&family=Press+Start+2P&family=Righteous&family=Sacramento&display=swap');
  147.  
  148. body {
  149.  
  150. font-family: {select:FONT};
  151.  
  152. background-image: url("{image:BACKGROUND}");
  153.  
  154. background-size: {select:BACKGROUND SIZE};
  155.  
  156. background-color: {color:BACKGROUND};
  157.  
  158. }
  159.  
  160. #credit {
  161.  
  162. position: fixed;
  163.  
  164. left: 12px;
  165.  
  166. bottom: 6px;
  167.  
  168. font-size: 14px;
  169.  
  170. }
  171.  
  172. .containthis {
  173.  
  174. width: 361px;
  175.  
  176. height: 580px;
  177.  
  178. border: 4px solid {color:CONTAINER BORDER};
  179.  
  180. padding-left: 5px;
  181.  
  182. padding-right: 5px;
  183.  
  184. padding-bottom: 5px;
  185.  
  186. overflow: auto;
  187.  
  188. scrollbar-width: none;
  189.  
  190. -moz-box-shadow: 0 0 8px 4px {color:CONTAINER BORDER};
  191.  
  192. -webkit-box-shadow: 0 0 8px 4px {color:CONTAINER BORDER};
  193.  
  194. box-shadow: 0 0 8px 4px {color:CONTAINER BORDER};
  195.  
  196. background-color: {color:CONTAINER BACKGROUND};
  197.  
  198. background-image: url("{image:CONTAINER BACKGROUND}");
  199.  
  200. background-size: {select:CONTAINER BACKGROUND SIZE};
  201.  
  202. }
  203.  
  204. .containhead {
  205.  
  206. width: 371px;
  207.  
  208. height: 75px;
  209.  
  210. position: fixed;
  211.  
  212. margin-left: -5px;
  213.  
  214. z-index: 9999;
  215.  
  216. background-color: {color:HEADER BACKGROUND};
  217.  
  218. background-image: url("{image:HEADER}");
  219.  
  220. background-size: {select:HEADER BACKGROUND SIZE};
  221.  
  222. -moz-box-shadow: 0 4px 5px 5px {color:CONTAINER BORDER};
  223.  
  224. -webkit-box-shadow: 0 4px 5px 5px {color:CONTAINER BORDER};
  225.  
  226. box-shadow: 0 4px 5px 5px {color:CONTAINER BORDER};
  227.  
  228. }
  229.  
  230. .containheadinner {
  231.  
  232. width: 200px;
  233.  
  234. height: 25px;
  235.  
  236. margin-top: 25px;
  237.  
  238. background-color: {color:HEADER TEXT BACKGROUND};
  239.  
  240. -moz-box-shadow: 0 0 8px 8px {color:HEADER TEXT BACKGROUND};
  241.  
  242. -webkit-box-shadow: 0 0 8px 8px {color:HEADER TEXT BACKGROUND};
  243.  
  244. box-shadow: 0 0 8px 8px {color:HEADER TEXT BACKGROUND};
  245.  
  246. font-size: 12px;
  247.  
  248. color: {color:HEADER TEXT};
  249.  
  250. }
  251.  
  252. .containerinnertitle {
  253.  
  254. margin-top: -40px;
  255.  
  256. }
  257.  
  258. .containheadinner a, ahref {
  259.  
  260. color: {color:HEADER LINK};
  261.  
  262. }
  263.  
  264. .containheadinner a:hover {
  265.  
  266. color: {color:HEADER LINK HOVER};
  267.  
  268. }
  269.  
  270. .postwrap {
  271.  
  272. width: 360px;
  273.  
  274. height: auto;
  275.  
  276. display: inline-block;
  277.  
  278. margin-top: 90px;
  279.  
  280. }
  281.  
  282. .posts {
  283.  
  284. width: 250px;
  285.  
  286. padding: 10px;
  287.  
  288. height: auto;
  289.  
  290. background-color: {color:POSTS BACKGROUND};
  291.  
  292. color: {color:POSTS TEXT};
  293.  
  294. text-align: justify;
  295.  
  296. font-size: 12px;
  297.  
  298. overflow: hidden;
  299.  
  300. -moz-box-shadow: 0 0 8px 4px {color:POSTS BACKGROUND};
  301.  
  302. -webkit-box-shadow: 0 0 8px 4px {color:POSTS BACKGROUND};
  303.  
  304. box-shadow: 0 0 8px 4px {color:POSTS BACKGROUND};
  305.  
  306. }
  307.  
  308. .posts a, ahref {
  309.  
  310. color: {color:POSTS LINK};
  311.  
  312. }
  313.  
  314. .posts a:hover {
  315.  
  316. color: {color:POSTS LINK HOVER};
  317.  
  318. }
  319.  
  320. .posts img {
  321.  
  322. max-width: 100%;
  323.  
  324. height: auto;
  325.  
  326. }
  327.  
  328. .aboveposts {
  329.  
  330. width: auto;
  331.  
  332. height: 20px;
  333.  
  334. background-color: {color:POSTS HEADER BACKGROUND};
  335.  
  336. -moz-box-shadow: 0 0 8px 2px {color:POSTS HEADER BACKGROUND};
  337.  
  338. -webkit-box-shadow: 0 0 8px 2px {color:POSTS HEADER BACKGROUND};
  339.  
  340. box-shadow: 0 0 8px 2px {color:POSTS HEADER BACKGROUND};
  341.  
  342. padding: 3px;
  343.  
  344. margin-bottom: 10px;
  345.  
  346. font-size: 14px;
  347.  
  348. overflow: auto;
  349.  
  350. scrollbar-width: none;
  351.  
  352. }
  353.  
  354. .aboveposts a {
  355.  
  356. color: {color:POSTS HEADER TEXT};
  357.  
  358. text-shadow: 1px 1px 0px {color:POSTS HEADER TEXT OUTLINE},
  359. 1px -1px 0px {color:POSTS HEADER TEXT OUTLINE},
  360. -1px -1px 0px {color:POSTS HEADER TEXT OUTLINE},
  361. -1px 1px 0px {color:POSTS HEADER TEXT OUTLINE},
  362. 0px 1px 0px {color:POSTS HEADER TEXT OUTLINE},
  363. 0px -1px 0px {color:POSTS HEADER TEXT OUTLINE},
  364. 1px 0px 0px {color:POSTS HEADER TEXT OUTLINE},
  365. -1px 0px 0px {color:POSTS HEADER TEXT OUTLINE};
  366.  
  367. }
  368.  
  369. blockquote {
  370.  
  371. margin-left: 0px;
  372.  
  373. border-left: 1px dotted #000;
  374.  
  375. padding-left: 5px;
  376.  
  377. }
  378.  
  379. .footer {
  380.  
  381. margin-top: 10px;
  382.  
  383. }
  384.  
  385. </style>
  386.  
  387. </head>
  388.  
  389. <body>
  390.  
  391. <center>
  392.  
  393. <br><br><br>
  394.  
  395. <div class="containthis">
  396.  
  397. <div class="containhead">
  398.  
  399. <a href="/" style="text-decoration: none;"><div class="containerinnertitle"><p style="padding-top: 4px; color: {color:HEADER TITLE}; text-shadow: 1px 1px 0px {color:POSTS HEADER TEXT OUTLINE},
  400. 1px -1px 0px {color:HEADER TITLE OUTLINE},
  401. -1px -1px 0px {color:HEADER TITLE OUTLINE},
  402. -1px 1px 0px {color:HEADER TITLE OUTLINE},
  403. 0px 1px 0px {color:HEADER TITLE OUTLINE},
  404. 0px -1px 0px {color:HEADER TITLE OUTLINE},
  405. 1px 0px 0px {color:HEADER TITLE OUTLINE},
  406. -1px 0px 0px {color:HEADER TITLE OUTLINE};" id="wobble">{text:HEADER TITLE}</p></div></a>
  407.  
  408. <div class="containheadinner">
  409.  
  410. <p style="padding-top: 4px;" id="wobble">{text:HEADER TEXT}</p>
  411.  
  412. </div> <!--HEAD INNER-->
  413.  
  414. </div> <!--CONTAIN HEAD-->
  415.  
  416. <br>
  417.  
  418. <div class="postwrap">
  419.  
  420. {block:posts}
  421.  
  422. <div class="posts">
  423.  
  424. <div class="aboveposts">
  425.  
  426. &nbsp;<a href="{permalink}" style="text-decoration: none;" title="{timeago}"><b>{text:PERMALINK EMOTICON}</b></a>&nbsp;
  427.  
  428. {block:hastags}
  429.  
  430. {block:tags}
  431.  
  432. <a href="{tagurl}">#{tag}</a> &nbsp;
  433.  
  434. {/block:tags}
  435.  
  436. {/block:hastags}
  437.  
  438. </div> <!--ABOVE POSTS-->
  439.  
  440.  
  441. {block:text}
  442.  
  443. {block:title}
  444.  
  445. <div class="title">{title}</div>
  446.  
  447. {/block:title}
  448.  
  449. {body}
  450.  
  451. {/block:text}
  452.  
  453. {block:chat}
  454.  
  455. {block:title}
  456.  
  457. <div class="title">{title}</div>
  458.  
  459. {/block:title}
  460.  
  461. {block:lines}
  462.  
  463. {block:label}
  464.  
  465. {label}
  466.  
  467. {/block:label}
  468.  
  469. {line}<br>
  470.  
  471. {/block:lines}
  472.  
  473. {/block:chat}
  474.  
  475. {block:photo}
  476.  
  477. <img src="{photourl-250}">
  478.  
  479. {/block:photo}
  480.  
  481. {block:photoset}
  482.  
  483. {photoset-250}
  484.  
  485. {/block:photoset}
  486.  
  487. {block:video}
  488.  
  489. {video-250}
  490.  
  491. {/block:video}
  492.  
  493. {block:audio}
  494.  
  495. {block:audioembed}
  496.  
  497. {audioembed-250}
  498.  
  499. {/block:audioembed}
  500.  
  501. {block:audioplayer}
  502.  
  503. {audioplayer}
  504.  
  505. {/block:audioplayer}
  506.  
  507. {block:albumart}
  508.  
  509. <img src="{albumarturl}" style="width: 50px;">
  510.  
  511. {/block:albumart}
  512.  
  513. {block:trackname}
  514.  
  515. {trackname}
  516.  
  517. {/block:trackname}
  518.  
  519. {/block:audio}
  520.  
  521. {block:quote}
  522.  
  523. <h3>❛ {quote} ❜</h3>
  524.  
  525. {block:source}
  526.  
  527. — {source}
  528.  
  529. {/block:source}
  530.  
  531. {/block:quote}
  532.  
  533. {block:link}
  534.  
  535. <a href="{url}" target="_blank">{name}</a>
  536.  
  537. {block:description}
  538.  
  539. {description}
  540.  
  541. {/block:description}
  542.  
  543. {/block:link}
  544.  
  545. {block:answer}
  546.  
  547. {asker} says:
  548.  
  549. {question}
  550.  
  551. {block:answerer}
  552.  
  553. {answer}
  554.  
  555. {/block:answerer}
  556.  
  557. {/block:answer}
  558.  
  559. {block:date}
  560.  
  561. {/block:date}
  562.  
  563. </div> <!--POSTS-->
  564.  
  565. <br>
  566.  
  567. {/block:posts}
  568.  
  569. <div class="containheadinner" style="width: 100px; background-color: {color:POSTS BACKGROUND}; -moz-box-shadow: 0 0 8px 4px {color:POSTS BACKGROUND};
  570.  
  571. -webkit-box-shadow: 0 0 8px 4px {color:POSTS BACKGROUND};
  572.  
  573. box-shadow: 0 0 8px 4px {color:POSTS BACKGROUND}; padding-top: 8px;">
  574.  
  575. {block:pagination}
  576.  
  577. {block:previousPage}
  578.  
  579. <b><a href="{previouspage}" style="text-decoration: none; color:{color:PAGINATION}">←</a></b> &nbsp;
  580.  
  581. {/block:previousPage}
  582.  
  583. {block:nextPage}
  584.  
  585. &nbsp; <b><a href="{nextpage}" style="text-decoration: none; color:{color:PAGINATION}">→</a></b>
  586.  
  587. {/block:nextPage}
  588.  
  589. {/block:pagination}
  590.  
  591. </div> <!--HEADER INNER PAGI-->
  592.  
  593. <br><br>
  594.  
  595. </div> <!--POSTWRAP-->
  596.  
  597. </div> <!--CONTAIN THIS-->
  598.  
  599. </center>
  600.  
  601. <div id="credit">
  602.  
  603. <a href="https://doffy.tumblr.com/" target="_blank" title="CODED BY JOYBOY">🦩</a>
  604.  
  605. </div>
  606.  
  607. </body>
  608.  
  609. </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!