API tools faq
paste
RupertTheBunny

High King Fen (Theme 1)

RupertTheBunny
Apr 22nd, 2018
118
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.72 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.  
  5. <link href="https://fonts.googleapis.com/css?family=Cinzel+Decorative|Grand+Hotel|Great+Vibes|Italianno|Just+Another+Hand|Lobster+Two|Sacramento" rel="stylesheet">
  6.  
  7. <link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
  8.  
  9. <title>{TITLE}</title>
  10. <link rel="shortcut icon" href="{Favicon}" />
  11.  
  12. <meta name="image:avatar" content="{Favicon}" />
  13. <meta name="image:background" content="" />
  14. <meta name="image:header" content="https://static.tumblr.com/f8b8589e913aed018676eed91325f844/tns7vxl/PvGp7gmbj/tumblr_static_bxcurctrpyosow0o8gg8so88g.png" />
  15. <meta name="image:Sidebar" content="https://78.media.tumblr.com/afd6a4e00decbc6f9f7c2a0ce0a525ad/tumblr_p5otcuR2GB1wd05tno1_500.gif" />
  16.  
  17. <meta name="color:background" content="" />
  18. <meta name="color:text" content="" />
  19. <meta name="color:sidebar" content="" />
  20. <meta name= "color:sidebar-title" content= "#cf85b2"/>
  21. <meta name="color:content" content="" />
  22.  
  23. <meta name="text:Link One Url" content="/ask" />
  24. <meta name="text:Link One Text" content="Send me a bunny" />
  25. <meta name="text:Link Two Url" content="/" />
  26. <meta name="text:Link Two Text" content="Link 2" />
  27. <meta name="text:Link Three Url" content="/" />
  28. <meta name="text:Link Three Text" content="Link 3" />
  29. <meta name="text:Link Four Url" content="/" />
  30. <meta name="text:Link Four Text" content="Link 4" />
  31. <meta name="text:Link Five Url" content="/" />
  32. <meta name="text:Link Five Text" content="Link 5" />
  33.  
  34. <meta name="text:Category 1 Title" content="Meet the (acting) High King"; >
  35. <meta name="text:about" content="This is an about section for you to talk about yourself and your kingdom"; >
  36. <meta name="text:Category 2 Title" content="Mood of the moment" />
  37. <meta name="text:mood" content="This is how I feel" />
  38. <meta name="text:Category 3 Title" content="Who is in Whitespire" />
  39. <meta name="text:Category 4 Title" content="Info" />
  40. <meta name="text:Category 5 Title" content="Request" />
  41. <meta name="text:Category 6 Title" content="Quote" />
  42. <meta name="text:Category 7 Title" content="Redbubble Shop" />
  43. <meta name="text:Category 8 Title" content="Credit" />
  44.  
  45. <meta name="if:Link Underline" content="0" />
  46. <meta name="if:Link One" content="1" />
  47. <meta name="if:Link Two" content="1" />
  48. <meta name="if:Link Three" content="1" />
  49. <meta name="if:Link Four" content="1" />
  50. <meta name="if:Link Five" content="1" />
  51. <meta name="if:Avatar" content="1" />
  52. <meta name="if:header" content="1" />
  53.  
  54. <!------------------Style sheet, do not touch------------>
  55. <style>
  56. *{
  57. margin: 0;
  58. padding: 0;
  59. }
  60. body{
  61. background:url({image:background}) {color:background};
  62. color: {color:text};
  63. font-family: 'Dosis', sans-serif;;
  64. }
  65. a:link, a:visited{
  66. color: {color:links};
  67. text-decoration:{block:ifNotLinkUnderline}none{/block:ifNotLinkUnderline}
  68. {block:ifLinkUnderline}underline{/block:ifLinkUnderline};
  69. }
  70.  
  71. header{
  72. background: black;
  73. max-width: 100%;
  74. height: 340px;
  75. color: #c92087;
  76. }
  77.  
  78. header ul {
  79. list-style-type: none;
  80. margin: -30px 0px 0px 0px;
  81. padding: 0px 0px 0px 0px;
  82. overflow: hidden;
  83.  
  84. }
  85.  
  86. header li {
  87. float: right;
  88. padding: 0px 30px 30px 30px;
  89. color: #ffffff;
  90.  
  91. }
  92.  
  93. a:link {
  94. color: #c92087;
  95. }
  96.  
  97. a:hover {
  98. color: white;
  99. }
  100.  
  101. a:visited{
  102. color: #ece8a6;
  103. }
  104.  
  105. header h2{
  106. font-size: 40px;
  107. font-family: 'Great Vibes', cursive;
  108. padding: 10px;
  109.  
  110. }
  111.  
  112.  
  113.  
  114.  
  115.  
  116. /********************************SIDEBAR*************************************/
  117. #sidebar{
  118. background: {color:sidebar};
  119. position: absolute;
  120. left: 5%;
  121. top: 400px;
  122. width: 250px;
  123. min-height: 400px;
  124. box-shadow: 1px 2px 1px #ccc;
  125.  
  126.  
  127. }
  128.  
  129. #sidebar .category{
  130. display:block;
  131. line-height:150%;
  132. text-align:justify;
  133. margin:0px 0px 30px 0px;
  134. overflow:hidden;
  135. border-radius:3px;
  136. color:
  137.  
  138. }
  139.  
  140. #sidebar2{
  141. background: {color:sidebar};
  142. position: absolute;
  143. right: 5%;
  144. top: 450px;
  145. width: 250px;
  146. min-height: 400px;
  147. box-shadow: 1px 2px 1px #ccc;
  148. }
  149.  
  150. #sidebar2 .category{
  151. display:block;
  152. line-height:150%;
  153. text-align:justify;
  154. margin:0px 0px 30px 0px;
  155. overflow:hidden;
  156. border-radius:3px;
  157. color:{color: sidebar-text};
  158. }
  159.  
  160. #about{
  161. border: 1px solid black;
  162. font-family: 'Dosis', sans-serif;
  163. font-size: 12px;
  164. text-align: justify;
  165.  
  166. }
  167.  
  168. #mood{
  169. font: {font-family};
  170. font-size: 12px;
  171. text-align: justify;
  172.  
  173. }
  174.  
  175.  
  176. .gallery{
  177. overflow-x:auto;
  178.  
  179. }
  180.  
  181. /**********************************SIDEBAR END****************************/
  182. /**********************************Quote****************************/
  183.  
  184. /* Slideshow container */
  185. .slideshow-container {
  186. width: 200px;
  187. height: 30px;
  188. position: absolute;
  189. padding: 10px;
  190.  
  191.  
  192. }
  193.  
  194. /* Slides */
  195. .mySlides {
  196. display: none;
  197. max-width: 200px;
  198. max-height: 30px;
  199. text-align: center;
  200. }
  201.  
  202. /* Next & previous buttons */
  203. .prev, .next {
  204. cursor: pointer;
  205. position: absolute;
  206. top: 50%;
  207. width: auto;
  208. color: #888;
  209. font-weight: bold;
  210. font-size: 20px;
  211. border-radius: 0 3px 3px 0;
  212. user-select: none;
  213. margin: 0px -10px 0px -10px;
  214. }
  215.  
  216. /* Position the "next button" to the right */
  217. .next {
  218. position: absolute;
  219. right: 0;
  220. border-radius: 3px 0 0 3px;
  221. }
  222.  
  223. /* On hover, add a black background color with a little bit see-through */
  224. .prev:hover, .next:hover {
  225. background-color: rgba(0,0,0,0.8);
  226. color: white;
  227. }
  228.  
  229. /* Add an italic font style to all quotes */
  230. q {font-style: italic;}
  231.  
  232. /* Add a blue color to the author */
  233. .author {color: cornflowerblue;}
  234.  
  235. /**********************************Quoter****************************/
  236.  
  237.  
  238. input[type=text] {
  239. margin: 0px 0px 0px 0px;
  240. width: 130px;
  241. -webkit-transition: width 0.4s ease-in-out;
  242. transition: width 0.4s ease-in-out;
  243. background-color: black;
  244. float: right;
  245. }
  246.  
  247. /* When the input field gets focus, change its width to 100% */
  248. input[type=text]:focus {
  249. width: 100%;
  250. }
  251.  
  252. /**********************************Search****************************/
  253. /************************Request*********************************************** To change status, put the variable 'visible' instead of hidden*/
  254.  
  255. .request{
  256. visibility: visible;
  257. font-family: 'lobster two', cursive;
  258. font-size: 28px;
  259. text-align: center;
  260.  
  261. }
  262.  
  263. .mail{
  264. visibility: visible;
  265. font-size: 12px;
  266. text-align: right;
  267. }
  268.  
  269. .mail img{
  270. max-height:30px;
  271. }
  272. .norequest{
  273. visibility: hidden;
  274. display:inline;
  275. color: red;
  276. }
  277.  
  278.  
  279. /************************Request**************************************/
  280.  
  281.  
  282.  
  283. .wrap{
  284. padding:10px 25px 10px;
  285. width: auto;
  286. height: auto;
  287. }
  288. .wrap h3{
  289. text-align: center;
  290. font-size: 30px;
  291. }
  292.  
  293. img.headerimg{
  294. display:block;
  295. position:static;
  296. max-height:250px;
  297. }
  298.  
  299.  
  300.  
  301.  
  302. #info{
  303. font-size: 12px;
  304. color:#c92087;
  305. font-family: 'Cinzel Decorative', cursive;
  306. }
  307.  
  308. #inforeponse{
  309. color: black;
  310. text-align: center;
  311.  
  312. }
  313.  
  314. #description{
  315. padding: 0px 30px 40px 50px;
  316. color: white;
  317. font-family: 'Cinzel Decorative', cursive;
  318.  
  319. }
  320. #wrap{
  321. margin: 110px auto;
  322. float:relative;
  323. width:500px;
  324. left: 10%;
  325. }
  326. #content{
  327. width:500px;
  328. padding: 10px;
  329. background: {color:content};
  330. box-shadow: 1px 2px 1px #ccc;
  331. margin: 10px
  332.  
  333. }
  334.  
  335. #sideimg{
  336. border: 1px solid #ddd;
  337. padding: 10px;
  338. max-width: 230px;
  339. max-height: 150px;
  340. border-radius: 25px;
  341. margin: 0px 0px 0px 40px;
  342. }
  343.  
  344.  
  345. #sideimg2{
  346. border: 1px solid #ddd;
  347. padding: 10px;
  348. max-width: 230px;
  349. max-height: 150px;
  350. border-radius: 25px;
  351. }
  352.  
  353.  
  354.  
  355. .nav{
  356. position: absolute;
  357. bottom: 5px;
  358. border: 1px solid #c92087;
  359. border-radius: 25px;
  360. background-color: #black;
  361. padding: 10px;
  362.  
  363. }
  364. ul.chat{
  365. margin:0 0 15px; padding:0; list-style:none;
  366. }
  367. ul.chat li{
  368. padding:3px 5px;
  369. font-style: italic;
  370. }
  371. ul.chat li:nth-child(even){
  372. background: #E3E3E3;
  373. border-radius:10px;
  374. -moz-border-radius:10px;
  375. -webkit-border-radius:10px;
  376. padding: 5px;
  377. width: auto;
  378. font-style: italic;
  379. }
  380. .info{
  381. position: absolute ;
  382. width: 500px;
  383. height: 20px;
  384.  
  385.  
  386. }
  387. .info .items{
  388. font-size: 10px;
  389. text-align: inliine;
  390.  
  391. }
  392. .info .items a:link, a:visited{
  393. color: #c92087;
  394. padding: 0px 10px 0px 10px;
  395. }
  396. .info .items a:hover{
  397. color: black;
  398. transition: 0.5s;
  399.  
  400. }
  401.  
  402. .title{
  403. font-size:14px;
  404. border-radius: 10px;
  405. font-family: 'Cinzel Decorative', cursive;
  406. text-align: center;
  407. font-weight: bold;
  408. background: {color: sidebar-title};
  409. }
  410.  
  411.  
  412. .credit{
  413. font-size: 10px;
  414. font-family: 'Dosis', sans-serif;
  415. }
  416.  
  417.  
  418. #notes{
  419.  
  420. font-size: 13px;
  421. border: 1px solid #ccc;
  422. padding: 2px;
  423. text-align: right;
  424.  
  425. }
  426.  
  427. #notes li{
  428. padding: 6px;
  429. height: 20px;
  430. }
  431.  
  432. /*********************next previous page*********************/
  433. #pagination{
  434. text-align: center;
  435. display: inline-block;
  436. }
  437.  
  438. #pagination a{
  439.  
  440. float: left;
  441. padding: 8px 16px;
  442. text-decoration: none;
  443. border: 1px solid #ddd;
  444. }
  445. #pagination a.active {
  446. background-color: #4CAF50;
  447. color: white;
  448. border: 1px solid #4CAF50;
  449. }
  450.  
  451. #pagination a:hover:not(.active) {background-color: #ddd;}
  452.  
  453. #pagination a:first-child {
  454. border-top-left-radius: 5px;
  455. border-bottom-left-radius: 5px;
  456. }
  457.  
  458. #pagination a:last-child {
  459. border-top-right-radius: 5px;
  460. border-bottom-right-radius: 5px;
  461. }
  462. {CustomCSS}
  463.  
  464. </style>
  465. </head>
  466. <body>
  467. <!-------Header-------->
  468. <header>
  469. {block:ifheader}
  470. <a href="{BlogURL}"><img class="headerimg" src="{image:header}"></a>
  471. {/block:ifheader}
  472. <class id=search><input type="text" name="search" placeholder="Search.."></div>
  473. <h2>{TITLE}</h2>
  474.  
  475. <div id=description> {Description} </div>
  476. <ul>
  477. {block:ifLinkOne}
  478. <li><a href="{text:Link One Url}">{text:Link One Text}</a>
  479. {/block:ifLinkOne}</li>
  480.  
  481. {block:ifLinkTwo}
  482. <li> <a href="{text:Link Two Url}">{text:Link Two Text}</a>
  483. {/block:ifLinkTwo}</li>
  484.  
  485. {block:ifLinkTwo}
  486. <li> <a href="{text:Link Two Url}">{text:Link Two Text}</a>
  487. {/block:ifLinkTwo}</li>
  488.  
  489. {block:ifLinkThree}
  490. <li> <a href="{text:Link Two Url}">{text:Link Three Text}</a>
  491. {/block:ifLinkThree}</li>
  492.  
  493. {block:ifLinkFour}
  494. <li> <a href="{text:Link Two Url}">{text:Link Four Text}</a>
  495. {/block:ifLinkFour}</li>
  496.  
  497. {block:ifLinkFive}
  498. <li> <a href="{text:Link Two Url}">{text:Link Five Text}</a>
  499. {/block:ifLinkFive}</li>
  500.  
  501. <li>{block:AskEnabled}
  502. <a href="{BlogURL}ask">{text:Ask Text}</li></a>
  503. {/block:AskEnabled}
  504. </ul>
  505.  
  506.  
  507. </header>
  508. <!-------SIDEBAR 1-------->
  509.  
  510. <div id="sidebar">
  511. <div class=sidebar>
  512. <!-------Category 1-------->
  513. <div class= category>
  514. <div class= title>
  515. {text:Category 1 Title}
  516. </div><img id=sideimg src="{image:Avatar}"> <br>
  517. <div id=about> {text:about} </div>
  518. </div>
  519.  
  520. <!----End Category 1-------->
  521.  
  522. <!-------Category 2-------->
  523. <div class= category>
  524. <div class= title>{text:Category 2 Title}</div>
  525. <img id=sideimg2 src="{image:Sidebar}"> <br>
  526. <div id=mood> {text:mood} </div>
  527. </div>
  528. <!------ End Category 2------>
  529.  
  530. <!-------Category 3-------->
  531. <div class= category>
  532. <div class= title>{text:Category 3 Title}</div>
  533. <br>
  534. There is <a href="https://www.usuarios-online.com/en/" data-id="e3ced0a2f12c1b5c5a9eb7a7d0d1a611" data-type="color" data-c1="#555555" data-c2="#ffffff" data-c3="#ffffff" target="_blank" id="uox_link">fillorians here</a>
  535.  
  536.  
  537. <!---------- use https://www.usuarios-online.com/en/ to create your own counter! --------------->
  538. </div>
  539. <!----End Category 3-------->
  540.  
  541. <!-------Category 4-------->
  542. <div class= category>
  543. <div class= title>{text:Category 4 Title}</div>
  544. <div class id=info><ul>
  545. <li>Name:</li> <div class id=inforeponse> Answer here </div>
  546. <li>Earth living place</li> <div class id=inforeponse> Answer here </div>
  547. <li>Fillory living place</li> <div class id=inforeponse> Answer here </div>
  548. <li>For or against the Library</li> <div class id=inforeponse> Answer here </div>
  549.  
  550. <ul></table></div></div>
  551. <!-----End Category 4-------->
  552.  
  553.  
  554.  
  555. </div>
  556. </div>
  557.  
  558.  
  559. <!---------Sidebar 2--------->
  560.  
  561. <div id="sidebar2">
  562.  
  563. <!------- Category 5-------->
  564. <div class= category>
  565. <div class= title>{text:Category 5 Title}</div>
  566.  
  567. <div class=request> <p>
  568.  
  569. <div class=norequest>Not</div> Taking Request
  570. <div class=mail><a href={BlogURL}ask> Send me a bunny</a></div>
  571. <div class= mail><img src="https://image.ibb.co/ny04mx/rabbit.png"></div>
  572.  
  573.  
  574.  
  575. </div> </div>
  576. <!-----End Category 5-------->
  577.  
  578. <!------- Category 6: Quote-------->
  579. <div class= category>
  580. <div class= title>{text:Category 6 Title}</div><br>
  581. <div id=sizeslide> <div class="slideshow-container">
  582.  
  583. <!-- Full-width slides/quotes -->
  584. <div class="mySlides">
  585. <q>When things happen, they leave a mark. Figuring out how to deal with it takes time.</q>
  586. <p class="author">- Julia Wicker (S03E06)</p>
  587. </div>
  588.  
  589. <div class="mySlides">
  590. <q>We had the most wonderful adventure. We went to the Square of Time, where no one sleeps and it's always light..</q>
  591. <p class="author">- Fen (s03e07)</p>
  592. </div>
  593.  
  594. <div class="mySlides">
  595. <q>SLOW DOWN, I HAVE WOODEN TOES!.</q>
  596. <p class="author">- Fen (s03e04)</p>
  597. </div>
  598.  
  599. <!-- Next/prev buttons -->
  600. <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
  601. <a class="next" onclick="plusSlides(1)">&#10095;</a>
  602. </div>
  603.  
  604. <!-- Dots/bullets/indicators -->
  605. <div class="dot-container">
  606. <span class="dot" onclick="currentSlide(1)"></span>
  607. <span class="dot" onclick="currentSlide(2)"></span>
  608. <span class="dot" onclick="currentSlide(3)"></span>
  609. </div></div>
  610.  
  611. <br><br><br><br>
  612.  
  613. </div>
  614. <!-----End Category -------->
  615.  
  616. <!------- Category 7-------->
  617. <div class= category>
  618. <div class= title>{text:Category 7 Title}</div>
  619. <div class="gallery">
  620.  
  621. <table>
  622.  
  623. <td><a href= "https://goo.gl/ndHnA4"><img src="https://goo.gl/p8z3fC" style="width:200px;height:200px;"></a>
  624. <td><a href= ""><img src="https://goo.gl/UQqQSM" style="width:200px;height:200px;"></a>
  625. <td><a href= "https://goo.gl/ndHnA4"><img src="https://goo.gl/fFfomK" style="width:200px;height:200px;"></a>
  626. <td><a href= "https://goo.gl/ndHnA4"><img src="https://goo.gl/vS2goh" style="width:200px;height:200px;"></a>
  627. <td><a href= "https://goo.gl/ndHnA4"><img src="https://goo.gl/upVobY" style="width:200px;height:200px;"></a>
  628. <td><a href= "https://goo.gl/ndHnA4"><img src="https://goo.gl/33m9ck" style="width:200px;height:200px;"></a>
  629. <td><a href= "https://goo.gl/ndHnA4"><img src="https://goo.gl/HLkBmA" style="width:200px;height:200px;"></a>
  630. <td><a href= "https://goo.gl/ndHnA4"><img src="https://goo.gl/yKHYeL" style="width:200px;height:200px;"></a>
  631. <td><a href= "https://goo.gl/ndHnA4"><img src="https://goo.gl/VKVV5R" style="width:200px;height:200px;"></a>
  632. <td><a href= "https://goo.gl/ndHnA4"><img src="https://goo.gl/okKQPo" style="width:200px;height:200px;"></a>
  633. <td><a href= "https://goo.gl/ndHnA4"><img src="https://goo.gl/Ejr9xc" style="width:200px;height:200px;"></a>
  634. <td><a href= "https://goo.gl/ndHnA4"><img src="https://goo.gl/4KYMkE" style="width:200px;height:200px;"></a>
  635. <td><a href= "https://goo.gl/ndHnA4"><img src="https://goo.gl/mnBoZX" style="width:200px;height:200px;"></a>
  636. <td><a href= "https://goo.gl/ndHnA4https://goo.gl/ndHnA4"><img src="https://goo.gl/vaQEkb" style="width:200px;height:200px;"></a>
  637. <td><a href= "https://goo.gl/ndHnA4"><img src="https://goo.gl/1zVt5k" style="width:200px;height:200px;"></a>
  638. <td><a href= "https://goo.gl/ndHnA4"><img src="https://goo.gl/kz1XLp" style="width:200px;height:200px;"></a>
  639. <td><a href= "https://goo.gl/ndHnA4"><img src="https://goo.gl/yxZV7L" style="width:200px;height:200px;"></a>
  640.  
  641.  
  642.  
  643.  
  644.  
  645. </table>
  646. </div>
  647. </div>
  648. <!-------End Category 7-------->
  649.  
  650. <!------- Category 8-------->
  651. <div class= category>
  652. <div class= title>{text:Category 8 Title}</div>
  653. <div class=credit>
  654. <table><ul>
  655. <li> Credit for Avatar: </li>
  656. <li>Credit for Header: </li>
  657. <li>Other important info: </li>
  658. <li>Theme by <a href= rupertthebunny.tumblr.com>Rupert The Bunny </a></li> <!---do not erase please---->
  659. </ul></table></div></div>
  660.  
  661. <!-----End Category 8-------->
  662.  
  663. </div>
  664.  
  665.  
  666. <!----------start of tumblr post code DO NOT TOUCH---------------->
  667. <div id="wrap">
  668. {block:Posts}
  669. <div id="content">
  670.  
  671.  
  672. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  673.  
  674. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  675.  
  676. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  677.  
  678. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  679.  
  680. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  681.  
  682. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  683.  
  684. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  685.  
  686. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  687.  
  688. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
  689.  
  690. <div id="notes">
  691. <a href="{Permalink}">{NoteCountWithLabel}</a><br> {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  692.  
  693. </div>
  694. {block:PostNotes}{PostNotes}{/block:PostNotes}
  695. {/block:Posts}
  696.  
  697. {/block:Posts}
  698. <!------------------------------end of tumblr post code---------------->
  699.  
  700.  
  701. <class id= pagination>
  702. {block:Pagination}{block:PreviousPage}
  703. <a href="{PreviousPage}">Previous</a>
  704. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  705. <span class="current_page">{PageNumber}</span>
  706. {/block:CurrentPage}{block:JumpPage}
  707. <a class="jump_page" href="{URL}">{PageNumber}</a>
  708. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  709. <a href="{NextPage}">Next</a>
  710. {/block:NextPage}{/block:Pagination}
  711. </div>
  712.  
  713.  
  714. <!------------------------------Script do not touch---------------->
  715. <script type= "text/JavaScript">
  716. var slideIndex = 1;
  717. showSlides(slideIndex);
  718.  
  719. function plusSlides(n) {
  720. showSlides(slideIndex += n);
  721. }
  722.  
  723. function currentSlide(n) {
  724. showSlides(slideIndex = n);
  725. }
  726.  
  727. function showSlides(n) {
  728. var i;
  729. var slides = document.getElementsByClassName("mySlides");
  730. var dots = document.getElementsByClassName("dot");
  731. if (n > slides.length) {slideIndex = 1}
  732. if (n < 1) {slideIndex = slides.length}
  733. for (i = 0; i < slides.length; i++) {
  734. slides[i].style.display = "none";
  735. }
  736. for (i = 0; i < dots.length; i++) {
  737. dots[i].className = dots[i].className.replace(" active", "");
  738. }
  739. slides[slideIndex-1].style.display = "block";
  740. dots[slideIndex-1].className += " active";
  741.  
  742. </script>
  743.  
  744. <script type="text/javascript">
  745. function myFunction() {
  746. if (document.getElementById(".notrequest").style.visibility = "visible";){
  747. function myFunction() {
  748. document.getElementById(".mail").style.visibility = "hidden";
  749. }
  750. else
  751. function myFunction() {
  752. document.getElementById(".mail").style.visibility = "visible";
  753. }
  754. }
  755. }
  756.  
  757. /**/
  758.  
  759. <script>var _uox = _uox || {};(function() {var s=document.createElement("script");
  760. s.src="https://static.usuarios-online.com/uo2.min.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script>
  761.  
  762. </script>
  763. </body>
  764. </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!