API tools faq
paste
Advertisement
alicescreed

reynlrunnr

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