API tools faq
paste
sashatheme

LA REVACHOLIERE THEME

sashatheme
Feb 5th, 2024
707
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.88 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5. <!--
  6.  
  7. CREDITS
  8.  
  9. TOOLTIP: https://eossa.studio/post/190447242880/tutorial-tippyjs-tooltips-a-tutorial-on-how-to
  10.  
  11. -->
  12.  
  13. <title>
  14.  
  15. {Title}
  16.  
  17. </title>
  18.  
  19. <link rel="shortcut icon" href="{image:FAVICON}">
  20.  
  21. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  22.  
  23. <!--METAS-->
  24.  
  25. <meta name="text:DESC" content="DESC HERE" />
  26.  
  27. <meta name="if:FLOATERS" contents="" />
  28.  
  29. <meta name="if:MOVING DESC" contents="" />
  30.  
  31. <meta name="image:FAVICON" contents="" />
  32.  
  33. <meta name="image:BACKGROUND" contents="" />
  34.  
  35. <meta name="color:BACKGROUND" contents="" />
  36.  
  37. <meta name="select:BACKGROUND SIZE" content="auto" />
  38. <meta name="select:BACKGROUND SIZE" content="cover" />
  39. <meta name="select:BACKGROUND SIZE" content="contain" />
  40.  
  41. <meta name="select:FONT" content="times" />
  42. <meta name="select:FONT" content="arial" />
  43. <meta name="select:FONT" content="ms gothic" />
  44. <meta name="select:FONT" content="tahoma" />
  45. <meta name="select:FONT" content="georgia" />
  46. <meta name="select:FONT" content="comic sans ms" />
  47.  
  48. <meta name="image:HEADER" contents="" />
  49.  
  50. <meta name="select:HEADER SIZE" content="auto" />
  51. <meta name="select:HEADER SIZE" content="cover" />
  52. <meta name="select:HEADER SIZE" content="contain" />
  53.  
  54. <meta name="color:HEADER SHADOW" contents="" />
  55.  
  56. <meta name="color:POSTS TEXT" contents="" />
  57. <meta name="color:POSTS BACKGROUND" contents="" />
  58. <meta name="color:POSTS SHADOW" contents="" />
  59.  
  60. <meta name="color:LINKS" contents="" />
  61. <meta name="color:LINKS HOVER" contents="" />
  62.  
  63. <meta name="color:NAVIGATION" contents="" />
  64. <meta name="color:NAVIGATION HOVER" contents="" />
  65. <meta name="color:NAVIGATION SHADOW" contents="" />
  66.  
  67. <meta name="text:LINK I" contents="" />
  68. <meta name="text:LINK II" contents="" />
  69. <meta name="text:LINK III" contents="" />
  70. <meta name="text:LINK IV" contents="" />
  71. <meta name="text:LINK V" contents="" />
  72.  
  73. <meta name="text:LINK I TITLE" contents="" />
  74. <meta name="text:LINK II TITLE" contents="" />
  75. <meta name="text:LINK III TITLE" contents="" />
  76. <meta name="text:LINK IV TITLE" contents="" />
  77. <meta name="text:LINK V TITLE" contents="" />
  78.  
  79. <meta name="color:DESC" contents="" />
  80. <meta name="color:DESC SHADOW" contents="" />
  81.  
  82. <meta name="select:DESC ALIGN" content="center" />
  83. <meta name="select:DESC ALIGN" content="left" />
  84. <meta name="select:DESC ALIGN" content="right" />
  85. <meta name="select:DESC ALIGN" content="justify" />
  86.  
  87. <meta name="color:PERMALINK" contents="" />
  88. <meta name="text:PERMALINK SYMBOL" content="x" />
  89.  
  90. <meta name="color:TOOLTIP BACKGROUND" contents="" />
  91. <meta name="color:TOOLTIP TEXT" contents="" />
  92. <meta name="color:TOOLTIP SHADOW" contents="" />
  93.  
  94. <meta name="color:FLOATERS" contents="" />
  95.  
  96.  
  97. {block:ifFLOATERS}
  98.  
  99. <script type="text/javascript">
  100. // <![CDATA[
  101. var colour="{color:FLOATERS}"; // what colour are the blobs
  102. var speed=66; // speed of animation, lower is faster
  103. var blobs=10; // how many blobs are in the jar
  104. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  105.  
  106. /***************************\
  107. * Blobs in a Jar Effect *
  108. * (c)2012 mf2fm web-design *
  109. * http://www.mf2fm.com/rv *
  110. * DON'T EDIT BELOW THIS BOX *
  111. \***************************/
  112.  
  113. window.onload=fill_the_jar;
  114. var div;
  115. var xpos=new Array();
  116. var ypos=new Array();
  117. var zpos=new Array();
  118. var dx=new Array();
  119. var dy=new Array();
  120. var dz=new Array();
  121. var blob=new Array();
  122. var swide=800;
  123. var shigh=600;
  124. function fill_the_jar() {
  125. var i, dvs;
  126. div=document.createElement('div');
  127. dvs=div.style;
  128. dvs.position='fixed';
  129. dvs.left='0px';
  130. dvs.top='0px';
  131. dvs.width='1px';
  132. dvs.height='1px';
  133. document.body.appendChild(div);
  134. set_width();
  135. for (i=0; i<blobs; i++) {
  136. add_blob(i);
  137. jamjar(i);
  138. }
  139. }
  140.  
  141. function add_blob(ref) {
  142. var dv, sy;
  143. dv=document.createElement('div');
  144. dv.appendChild(document.createTextNode(charc));
  145. sy=dv.style;
  146. sy.position='absolute';
  147. sy.textAlign="center";
  148. if (navigator.appName=="Microsoft Internet Explorer") {
  149. sy.fontSize="10px";
  150. sy.width="100px";
  151. sy.height="100px";
  152. sy.paddingTop="40px";
  153. sy.color=colour;
  154. }
  155. else sy.color='rgba(0,0,0,0)';
  156. ypos[ref]=Math.floor(shigh*Math.random());
  157. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  158. xpos[ref]=Math.floor(swide*Math.random());
  159. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  160. zpos[ref]=Math.random()*20;
  161. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  162. blob[ref]=dv;
  163. div.appendChild(blob[ref]);
  164. set_blob(ref);
  165. }
  166. function rejig(ref, xy) {
  167. if (xy=='y') {
  168. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  169. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  170. }
  171. else {
  172. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  173. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  174. }
  175. }
  176. function sign(a) {
  177. if (a<0) return (-2);
  178. else if (a>0) return (2);
  179. else return (0);
  180. }
  181. function set_blob(ref) {
  182. var sy;
  183. sy=blob[ref].style;
  184. sy.top=ypos[ref]+'px';
  185. sy.left=xpos[ref]+'px';
  186. if (navigator.appName=="Microsoft Internet Explorer") {
  187. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  188. sy.fontSize=30-zpos[ref]+"px";
  189. }
  190. else {
  191. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  192. sy.fontSize=40+zpos[ref]+'px';
  193. }
  194. }
  195. function jamjar(ref) {
  196. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  197. ypos[ref]+=dy[ref];
  198. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  199. xpos[ref]+=dx[ref];
  200. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  201. zpos[ref]+=dz[ref];
  202. set_blob(ref);
  203. setTimeout("jamjar("+ref+")", speed);
  204. }
  205.  
  206. window.onresize=set_width;
  207. function set_width() {
  208. var sw_min=999999;
  209. var sh_min=999999;
  210. if (document.documentElement && document.documentElement.clientWidth) {
  211. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  212. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  213. }
  214. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  215. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  216. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  217. }
  218. if (document.body.clientWidth) {
  219. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  220. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  221. }
  222. if (sw_min==999999 || sh_min==999999) {
  223. sw_min=800;
  224. sh_min=600;
  225. }
  226. swide=sw_min;
  227. shigh=sh_min;
  228. }
  229. // ]]>
  230. </script>
  231.  
  232. {/block:ifFLOATERS}
  233.  
  234. <!--STYYYYLES-->
  235.  
  236. <style>
  237.  
  238. #credit {
  239.  
  240. position: fixed;
  241.  
  242. left: 12px;
  243.  
  244. bottom: 6px;
  245.  
  246. font-size: 14px;
  247.  
  248. }
  249.  
  250. body {
  251.  
  252. background-color: {color:BACKGROUND};
  253.  
  254. background-image: url("{image:BACKGROUND}");
  255.  
  256. background-size: {select:BACKGROUND SIZE};
  257.  
  258. font-family: {select:FONT};
  259.  
  260. }
  261.  
  262. a {
  263.  
  264. color: {color:LINKS};
  265.  
  266. text-decoration: none;
  267.  
  268. }
  269.  
  270. a:hover {
  271.  
  272. color: {color:LINKS HOVER};
  273.  
  274. transition: 0.8s;
  275.  
  276. }
  277.  
  278. img {
  279.  
  280. max-width: 100%;
  281.  
  282. }
  283.  
  284. .top {
  285.  
  286. width: 516px;
  287.  
  288. height: 240px;
  289.  
  290. background-image: url("{image:HEADER}");
  291.  
  292. background-size: {select:HEADER SIZE};
  293.  
  294. box-shadow: 0 0 10px 5px {color:HEADER SHADOW};
  295.  
  296. margin-bottom: 20px;
  297.  
  298. }
  299.  
  300. .links {
  301.  
  302. width: 516px;
  303.  
  304. text-align: center;
  305.  
  306. height: auto;
  307.  
  308. font-size: 34px;
  309.  
  310. font-family: times;
  311.  
  312. margin-top: -60px;
  313.  
  314. margin-bottom: 30px;
  315.  
  316. color: {color:NAVIGATION};
  317.  
  318. text-shadow: 0 0 10px {color:NAVIGATION SHADOW}, 0 0 10px {color:NAVIGATION SHADOW};
  319.  
  320. }
  321.  
  322. .links a {
  323.  
  324. color: {color:NAVIGATION};
  325.  
  326. }
  327.  
  328. .links a:hover {
  329.  
  330. color: {color:NAVIGATION HOVER};
  331.  
  332. transition: 0.08s;
  333.  
  334. }
  335.  
  336. .desc {
  337.  
  338. width: 516px;
  339.  
  340. text-align: {select:DESC ALIGN};
  341.  
  342. color: {color:DESC};
  343.  
  344. height: auto;
  345.  
  346. font-size: 28px;
  347.  
  348. margin-bottom: 30px;
  349.  
  350. text-shadow: 0 0 10px {color:DESC SHADOW}, 0 0 10px {color:DESC SHADOW};
  351.  
  352. }
  353.  
  354. .posts {
  355.  
  356. width: 500px;
  357.  
  358. height: auto;
  359.  
  360. padding: 8px;
  361.  
  362. background-color: {color:POSTS BACKGROUND};
  363.  
  364. box-shadow: 0 0 10px 5px {color:POSTS SHADOW};
  365.  
  366. color: {color:POSTS TEXT};
  367.  
  368. word-wrap: break-word;
  369.  
  370. text-align: justify;
  371.  
  372. margin-bottom: 40px;
  373.  
  374. }
  375.  
  376. .questions {
  377.  
  378. background-color: #fff;
  379.  
  380. padding: 8px;
  381.  
  382. border-top-right-radius: 10px;
  383.  
  384. border-bottom-left-radius: 10px;
  385.  
  386. color: #000;
  387.  
  388. text-shadow: 10px 5px 15px #000;
  389.  
  390. box-shadow: 0 0 10px #fff;
  391.  
  392. }
  393.  
  394. .asker {
  395.  
  396. margin-top: 8px;
  397.  
  398. }
  399.  
  400. .pagination {
  401.  
  402. width: 500px;
  403.  
  404. padding: 8px;
  405.  
  406. background-color: {color:POSTS BACKGROUND};
  407.  
  408. box-shadow: 0 0 10px 5px {color:POSTS SHADOW};
  409.  
  410. }
  411.  
  412. ol.notes {
  413.  
  414. padding: 0px;
  415.  
  416. margin: 25px 0px;
  417.  
  418. list-style-type: none;
  419.  
  420. }
  421.  
  422. ol.notes li.note {
  423.  
  424. padding: 10px;
  425.  
  426. }
  427.  
  428. ol.notes li.note img.avatar {
  429.  
  430. width: 12px;
  431.  
  432. height: 12px;
  433.  
  434. margin-right: 12px;
  435.  
  436. }
  437.  
  438. img.avatar {
  439.  
  440. border-radius: 50%;
  441.  
  442. }
  443.  
  444. ol.notes li.note blockquote {
  445.  
  446. border-color: #eee;
  447.  
  448. padding: 8px;
  449.  
  450. margin: 10px;
  451.  
  452. margin-top: 10px;
  453.  
  454. }
  455.  
  456. ol.notes li.note blockquote a {
  457.  
  458. text-decoration: none;
  459.  
  460. }
  461.  
  462. .footer {
  463.  
  464. margin-top: 5px;
  465.  
  466. }
  467.  
  468. blockquote {
  469.  
  470. border-left: 2px solid {color:LINKS};
  471.  
  472. padding-left: 15px;
  473.  
  474. margin-top: -5px;
  475.  
  476. margin-left: 5px;
  477.  
  478. }
  479.  
  480. .tumblr_audio_player {
  481.  
  482. width: 500px;
  483.  
  484. height: 85px;
  485.  
  486. }
  487.  
  488. .tippy-tooltip.custom-theme {
  489.  
  490. background-color: {color:TOOLTIP BACKGROUND};
  491.  
  492. color: {color:TOOLTIP TEXT};
  493.  
  494. text-align: center;
  495.  
  496. text-shadow: 0 0 10px {color:TOOLTIP SHADOW}, 0 0 10px {color:TOOLTIP SHADOW};
  497.  
  498. }
  499.  
  500.  
  501. {CustomCSS}
  502.  
  503. </style>
  504.  
  505. </head>
  506.  
  507. <body>
  508.  
  509. <br>
  510.  
  511. <center>
  512.  
  513. <div class="top"></div> <!--HEADER-->
  514.  
  515. <div class="links">
  516.  
  517. <a href="{text:LINK I}" title="{text:LINK I TITLE}">I</a>
  518.  
  519. <a href="{text:LINK II}" title="{text:LINK II TITLE}">II</a>
  520.  
  521. <a href="{text:LINK III}" title="{text:LINK III TITLE}">III</a>
  522.  
  523. {block:ifLINKIV}
  524.  
  525. <a href="{text:LINK IV}" title="{text:LINK IV TITLE}">IV</a>
  526.  
  527. {/block:ifLINKIV}
  528.  
  529. {block:ifLINKV}
  530.  
  531. <a href="{text:LINK V}" title="{text:LINK V TITLE}">V</a>
  532.  
  533. {/block:ifLINKV}
  534.  
  535. </div> <!--LINKS-->
  536.  
  537. <div class="desc">
  538.  
  539. {block:ifMOVINGDESC}
  540.  
  541. <marquee scrolldelay="100" behavior="alternate">
  542.  
  543. {/block:ifMOVINGDESC}
  544.  
  545. {text:DESC}
  546.  
  547. </marquee>
  548.  
  549. </div> <!--DESC-->
  550.  
  551. {block:Posts}
  552.  
  553. <div class="posts">
  554.  
  555. {block:Photo}
  556.  
  557. <div class="media">
  558.  
  559. {LinkOpenTag}
  560.  
  561. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  562.  
  563. {LinkCloseTag}
  564.  
  565. </div>
  566.  
  567. {block:Caption}
  568.  
  569. <div class="txt">{Caption}</div>
  570.  
  571. {/block:Caption}
  572.  
  573. {/block:Photo}
  574.  
  575. {block:Panorama}
  576.  
  577. <div class="media">
  578.  
  579. {LinkOpenTag}
  580.  
  581. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
  582.  
  583. {LinkCloseTag}
  584.  
  585. </div>
  586.  
  587. {block:Caption}
  588.  
  589. <div class="txt">{Caption}</div>
  590.  
  591. {/block:Caption}
  592.  
  593. {/block:Panorama}
  594.  
  595. {block:Text}
  596.  
  597. {block:Title}
  598.  
  599. <div class="title">{Title}</div>
  600.  
  601. {/block:Title}
  602.  
  603. <div class="txt">{Body}</div>
  604.  
  605. {/block:Text}
  606.  
  607. {block:Photoset}
  608.  
  609. <div class="media">
  610.  
  611. {Photoset}
  612.  
  613. </div>
  614.  
  615. {block:Caption}
  616.  
  617. <div class="txt">{Caption}</div>
  618.  
  619. {/block:Caption}
  620.  
  621. {/block:Photoset}
  622.  
  623. {block:Chat}
  624.  
  625. {block:Title}
  626.  
  627. <div class="title">{Title}</div>
  628.  
  629. {/block:Title}
  630.  
  631. {block:Lines}
  632.  
  633. <div class="{Alt}">
  634.  
  635. {block:Label}
  636.  
  637. <span class="chatlabel">{Label}</span>
  638.  
  639. {/block:Label}
  640.  
  641. &nbsp;{Line}
  642.  
  643. </div>
  644.  
  645. {/block:Lines}
  646.  
  647. {/block:Chat}
  648.  
  649. {block:Quote}
  650.  
  651. <div class="quote {Length}">{Quote}</div>
  652.  
  653. {block:Source}
  654.  
  655. <div class="quotesrc">&mdash;{Source}</div>
  656.  
  657. {/block:Source}
  658.  
  659. {/block:Quote}
  660.  
  661. {block:Answer}
  662.  
  663. <div class="questions">
  664.  
  665. {Question}
  666.  
  667. </div>
  668.  
  669. <div class="asker">
  670.  
  671. <img style="float: right;" src="{AskerPortraitURL-48}"> <span style="text-transform: lowercase;"><i>{Asker}</i></span>
  672.  
  673. </div>
  674.  
  675. <div class="txt">{Answer}</div>
  676.  
  677. {/block:Answer}
  678.  
  679. {block:Link}
  680.  
  681. <div class="link">
  682.  
  683. <a href="{URL}" {Target}>{Name}</a>
  684.  
  685. </div>
  686.  
  687. {block:Description}
  688.  
  689. <div class="txt">{Description}</div>
  690.  
  691. {/block:Description}
  692.  
  693. {/block:Link}
  694.  
  695. {block:Audio}
  696.  
  697. {block:AudioEmbed}
  698.  
  699. <div class="media">
  700.  
  701. {AudioEmbed}
  702.  
  703. </div>
  704.  
  705. {/block:AudioEmbed}
  706.  
  707. <div class="txt">{Caption}</div>
  708.  
  709. {/block:Audio}
  710.  
  711. {block:Video}
  712.  
  713. <div class="media">{Video-500}</div>
  714.  
  715. {block:Caption}
  716.  
  717. <div class="txt">{Caption}</div>
  718.  
  719. {/block:Caption}
  720.  
  721. {/block:Video}
  722.  
  723. {block:Date}
  724.  
  725.  
  726. <div class="footer">
  727.  
  728. {block:RebloggedFrom}
  729.  
  730. {/block:RebloggedFrom}
  731.  
  732. {block:ContentSource}
  733.  
  734. {block:RebloggedFrom}
  735.  
  736. {/block:RebloggedFrom}
  737.  
  738. source: <a href="{SourceURL}">{SourceTitle}</a>
  739.  
  740. {/block:ContentSource}
  741.  
  742. {block:IndexPage}
  743.  
  744. <br>
  745.  
  746. {/block:IndexPage}
  747.  
  748. {block:PermalinkPage}
  749.  
  750. {block:RebloggedFrom}
  751.  
  752. <br>
  753.  
  754. {/block:RebloggedFrom}
  755.  
  756. {/block:PermalinkPage}
  757.  
  758. <a href="{Permalink}" style="color:{color:PERMALINK};" title="{TimeAgo}">{text:PERMALINK SYMBOL}</a> <span style="float:right;">{NoteCountWithLabel}</span>
  759.  
  760. {block:HasTags}
  761.  
  762. <br>
  763.  
  764. {block:Tags}
  765.  
  766. <a href="{TagURL}">#{Tag}</a> &nbsp;
  767.  
  768. {/block:Tags}
  769.  
  770. {/block:HasTags}
  771.  
  772. </div>
  773.  
  774. {/block:Date}
  775.  
  776. {PostNotes}
  777.  
  778. </div> <!--POSTS-->
  779.  
  780. {/block:Posts}
  781.  
  782. {block:Pagination}
  783.  
  784. <div class="pagination">
  785.  
  786. {block:PreviousPage}
  787.  
  788. <a href="{PreviousPage}">PREV</a>
  789.  
  790. {/block:PreviousPage}
  791.  
  792. {block:NextPage}
  793.  
  794. <a href="{NextPage}">NEXT</a>
  795.  
  796. {/block:NextPage}
  797.  
  798. </div> <!--PAGI-->
  799.  
  800. {/block:Pagination}
  801.  
  802. </center>
  803.  
  804. <div id="credit">
  805.  
  806. <a href="https://doffy.tumblr.com/" target="_blank" title="CODED BY JOYBOY">🦩</a>
  807.  
  808. </div>
  809.  
  810. <!--TOOLTIP-->
  811.  
  812. <script src="https://unpkg.com/popper.js@1"></script>
  813. <script src="https://unpkg.com/tippy.js@5/dist/tippy-bundle.iife.js"></script>
  814. <link rel="stylesheet" href="https://unpkg.com/tippy/js@5/dist/svg-arrow.css"/>
  815.  
  816. <script>
  817.  
  818. tippy('a[title]', {
  819.  
  820. theme: 'custom',
  821.  
  822. zIndex: 9999,
  823.  
  824. maxWidth: 300,
  825.  
  826. arrow: false,
  827.  
  828. content(reference) {
  829.  
  830. const title = reference.getAttribute('title');
  831.  
  832. reference.removeAttribute('title');
  833.  
  834. return title;
  835.  
  836. },
  837.  
  838. });
  839.  
  840. </script>
  841.  
  842. </body>
  843.  
  844. </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!