API tools faq
paste
Advertisement
DeathJ

Untitled

DeathJ
Apr 22nd, 2018
93
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.11 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>{Title}{block:PostSummary} &mdash; {PostSummary}{/block:PostSummary}</title>
  8.  
  9. <script type="text/javascript"
  10. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  11. <script>
  12. $(document).ready(function() {
  13. //
  14. $('a.poplight[href^=#]').click(function() {
  15. var popID = $(this).attr('rel');
  16. var popURL = $(this).attr('href'); //Get Popup href to define size
  17. var query= popURL.split('?');
  18. var dim= query[1].split('&');
  19. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  20. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  21. var popMargTop = ($('#' + popID).height() + 80) / 2;
  22. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  23. //Apply Margin to Popup
  24. $('#' + popID).css({
  25. 'margin-top' : -popMargTop,
  26. 'margin-left' : -popMargLeft
  27. });
  28. $('body').append('<div id="fade"></div>');
  29. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  30. return false;
  31. });
  32. $('a.close, #fade').live('click', function() {
  33. $('#fade , .popup_block').fadeOut(function() {
  34. $('#fade, a.close').remove(); //fade them both out
  35. });
  36. return false;
  37. });
  38. });
  39. </script>
  40.  
  41.  
  42.  
  43. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  44.  
  45. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  46.  
  47. <link rel="shortcut icon" href="{Favicon}">
  48.  
  49. <link rel="canonical" href="{block:IndexPage}{BlogURL}{/block:IndexPage}{block:PermalinkPage}{Permalink}{/block:PermalinkPage}">
  50.  
  51. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  52. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  53.  
  54. {block:Hidden}
  55. <!--
  56. Tumblr related theme options should live the 'Hidden' block. The meta tags will not be rendered by the browser but still read by Tumblr.
  57. https://www.tumblr.com/docs/en/custom_themes#theme-options
  58. -->
  59. {/block:Hidden}
  60.  
  61.  
  62. <!--------default variables-------->
  63. <meta name="color:background" content="#262626"/>
  64.  
  65. <!------------------------TOOLTIPS SCRIPT--------------------->
  66.  
  67. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  68. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  69. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  70. <script>
  71. (function($){
  72. $(document).ready(function(){
  73. $("[title]").style_my_tooltips({
  74. tip_follows_cursor:true,
  75. tip_delay_time:200,
  76. tip_fade_speed:300
  77. });
  78. });
  79. })(jQuery);
  80. </script>
  81. <link href="https://fonts.googleapis.com/css?family=Berkshire+Swash|Gamja+Flower|Pacifico|Playfair+Display" rel="stylesheet">
  82.  
  83.  
  84. <link href="https://fonts.googleapis.com/css?family=Cinzel+Decorative|Kalam|Merienda+One|Norican" rel="stylesheet">
  85.  
  86. <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Serif|Merriweather|Oswald" rel="stylesheet">
  87.  
  88. <!-------------------------------------------------------------------->
  89.  
  90.  
  91. <style type="text/css">
  92.  
  93. /*----------scrollbar---------*/
  94.  
  95. #s-m-t-tooltip {
  96. width:100px;
  97. margin:15px;
  98. padding:5px;
  99. }
  100.  
  101.  
  102. ::-webkit-scrollbar-thumb:vertical {
  103.  
  104. border:0px solid #ae9fa7 ;
  105. background-color:#400 ;
  106. }
  107. ::-webkit-scrollbar-thumb:horizontal {
  108. background-color:#400 ;
  109. }
  110. ::-webkit-scrollbar {
  111. width:0px;
  112.  
  113. border:10px ;
  114.  
  115.  
  116.  
  117. }
  118. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  119. display:block;
  120. height:8px;
  121. background-color:#400px ;
  122. }
  123.  
  124. /*----------body and text---------*/
  125.  
  126. body {
  127. background: {color:Background}
  128. url('https://i.imgur.com/PgttocI.gif')
  129. fixed; background-size: no-repeat;
  130. background-repeat: no-repeat;
  131. background-attachment:top left;
  132. font-family: 'IBM Plex Serif', serif;
  133. font-size:12px;
  134. font-weight:bold;
  135. color: #cd7576;
  136. text-align: left;
  137. position: absolute;
  138. }
  139.  
  140. blockquote {
  141. width:91%;
  142. margin-bottom:10px;
  143. padding:0px 10px 0px 15px;
  144. margin-left:0px;
  145. border-left:1px broken #afafaf
  146.  
  147. }
  148.  
  149. b, strong {
  150. font-family: 'Oswald', sans-serif;
  151. font-size:14px;
  152. text-align:center;
  153. font-size: 15px;
  154. line-height:10px;
  155. text-shadow: 0px 2px 5px #000;
  156. letter-spacing:2px;
  157. color: #ee7b7b ; /* font color */
  158. }
  159.  
  160. i, em {
  161. text-transform:italic;
  162. color:#eee ;
  163. font-size:15px;
  164. font-family: 'Berkshire Swash', cursive;
  165.  
  166. text-shadow: 1px 2px 2px #000;
  167. }
  168.  
  169. a {
  170. font-family: 'Merriweather', serif;
  171. text-decoration:none;
  172. color:#fff;
  173. text-transform:lowercase;
  174. font-size:15px;
  175. text-shadow: 0px 2px 5px #000;
  176. -moz-transition-duration:0.5s;
  177. -webkit-transition-duration:0.5s;
  178. -o-transition-duration:0.5s;
  179. }
  180.  
  181. a:hover {
  182. text-decoration:none;
  183. outline:none;
  184. -moz-outline-style:none;
  185. color:white;
  186. font-size : 18px;
  187. }
  188.  
  189. img {
  190. opacity:1;
  191. text-decoration:none;
  192. }
  193.  
  194. h1 {
  195. font-size:15px;
  196. font-weight:bold;
  197. text-shadow: 1px 1px 0px black;
  198. }
  199.  
  200. small, sup
  201. {
  202. font-size: 12px;
  203. }
  204.  
  205. h3 {
  206.  
  207. text-transform:uppercase;
  208. font-family: 'Merriweather', serif;
  209. text-decoration:none;
  210. color:#fff;
  211. text-transform:lowercase;
  212. font-size:15px;
  213. text-shadow: 0px 2px 5px #000;
  214. -moz-transition-duration:0.5s;
  215. -webkit-transition-duration:0.5s;
  216. -o-transition-duration:0.5s;
  217. background-image:url('https://i.imgur.com/RXYH9qM.gif');
  218. }
  219.  
  220. /*----------theme and entries---------*/
  221.  
  222. #theme {
  223. z-index:9;
  224. opacity:1;
  225. position:fixed;
  226. background-color:#ffffff;
  227. height:383px;
  228. width:282px;
  229. top: 70px;
  230. left:295px;
  231. margin:0px 0px;
  232. margin-left:5px;
  233. margin-top:5px;
  234. margin-bottom:40px;
  235. overflow-x:hidden;
  236. overflow-y:auto;
  237. -moz-transition-duration:0.9s;
  238. -webkit-transition-duration:0.9s;
  239. -o-transition-duration:0.9s;
  240.  
  241.  
  242. }
  243.  
  244. #theme:hover {
  245. opacity:1;
  246. -moz-transition-duration:1s;
  247. -webkit-transition-duration:1s;
  248. -o-transition-duration:1s;
  249. }
  250.  
  251. .posts {
  252.  
  253. width:250px;
  254. padding-bottom:60px;
  255. margin-bottom:20px;
  256. margin-top:20px;
  257. padding:5px;
  258. }
  259.  
  260. .entries {
  261.  
  262.  
  263. background-color:#000000;
  264. text-align:left;
  265. border: px solid #424242;
  266. z-index:1;
  267. overflow-x:hidden;
  268. overflow-y:auto;
  269. margin-bottom:20px;
  270. margin-left:3px;
  271. opacity:0;
  272. padding:5px;
  273. overflow:auto;
  274. -moz-transition:all ease-in-out 0.6s;
  275. -webkit-transition:all ease-in-out 0.6s;
  276. -o-transition:all ease-in-out 0.6s;
  277. transition:all ease-in-out 0.6s;
  278.  
  279. }
  280.  
  281. .entries:hover {
  282.  
  283. opacity:1;
  284. -moz-transition:all ease-in-out 0.6s;
  285. -webkit-transition:all ease-in-out 0.6s;
  286. -o-transition:all ease-in-out 0.6s;
  287. transition:all ease-in-out 0.6s;
  288. }
  289.  
  290. img {
  291.  
  292. max-width:300px!important;
  293. max-height:300px!important;
  294. }
  295.  
  296. img:hover {
  297. -webkit-filter: grayscale(0%);
  298. z-index: -9999999999999999999999999px;
  299. -webkit-transition: all 0.9s ease-in-out;
  300. -moz-transition: all 0.9s ease-in-out;
  301. -o-transition: all 0.9s ease-in-out;
  302. -ms-transition: all 0.9s ease-in-out;
  303. transition: all 0.9s ease-in-out;
  304. }
  305. blockquote img, blockquote figure {
  306. max-width:100%;
  307. height:auto;
  308. }
  309.  
  310. /*----------post info---------*/
  311.  
  312. .info {
  313.  
  314. color:#e6e6e6;
  315. text-shadow:1px 1px 0px #000,
  316. font-size:14px;
  317. font-family: 'Merienda One', cursive;
  318. text-align:center;
  319. padding:5px;
  320. background: #000;
  321. background-image:url('https://i.imgur.com/RXYH9qM.gif');
  322. background-repeat:repeat;
  323. padding:2px;
  324. color:#ffffff;
  325. border: 1px solid #717171;
  326. border-bottom-left-radius: 15px;
  327. border-top-left-radius: 15px;
  328. text-transform: uppercase;
  329. -moz-transition-duration:0.2s;
  330. -webkit-transition-duration:0.2s;
  331. -o-transition-duration:0.2s;
  332. }
  333.  
  334.  
  335.  
  336.  
  337. .tags {
  338. margin-top:5px;
  339. font-size:10px;
  340. letter-spacing:1px;
  341. text-shadow: 1px 1px 7px black;
  342. text-align:center;
  343. padding:2px;
  344. }
  345.  
  346. .tags a {
  347. margin-right:8px;
  348. font-size:10px;
  349.  
  350.  
  351. }
  352.  
  353. .tags hover {
  354. font-size : 12px;
  355. color:#eeeeee;
  356.  
  357.  
  358.  
  359. }
  360.  
  361. /*----------post notes---------
  362.  
  363. #links {
  364. position:fixed;
  365. font-family: "Times New Roman", Georgia, Serif;
  366.  
  367. color:black ;
  368. width:30px;
  369. top:202px;
  370. left:335px;
  371. font-size:25px;
  372. text-transform:uppercase;
  373. text-align:center;
  374. font-style:bold;
  375. line-height:280%;
  376.  
  377.  
  378. }
  379. #links a{
  380.  
  381. color:black;
  382. }
  383.  
  384. */
  385.  
  386. /*----------dinks ASK---------*/ ASK
  387.  
  388. #dinks {
  389. position:fixed;
  390. font-family: "Times New Roman", Georgia, Serif;
  391.  
  392. color:#000000 ;
  393. width:30px;
  394.  
  395. text-transform:uppercase;
  396. text-align:center;
  397. font-style:bold;
  398. line-height:280%;
  399.  
  400.  
  401. }
  402.  
  403. #dinks a{
  404. font-family: "Times New Roman", Georgia, Serif;
  405. line-height:150%;
  406. padding:1px;
  407. margin-top:1px;
  408. margin-left:30px;
  409. color:#eee
  410. position:absolute;
  411. position:fixed;
  412. opacity:0.95;
  413. filter: blur(1px);
  414. -webkit-animation-name: cinks;
  415. -webkit-animation-duration:5s;
  416. -webkit-animation-iteration-count:infinite;
  417. -webkit-animation-timing-function:ease-in-out;
  418. -moz-animation-name: cinks;
  419. -moz-animation-duration:5s;
  420. -moz-animation-iteration-count:infinite;
  421. -moz-animation-timing-function:ease-in-out;
  422. font-size:45px;
  423. top: 50px;
  424. left:650px;
  425.  
  426.  
  427.  
  428. }
  429.  
  430. @-webkit-keyframes dinks{
  431. from {-webkit-transform: scale(0.95);}
  432. 50% {-webkit-transform: scale(1.0);}
  433. to {-webkit-transform: scale(0.95);}
  434. }
  435.  
  436. @-moz-keyframes dinks{
  437. from {-webkit-transform: scale(0.95);}
  438. 100% {-webkit-transform: scale(1.0);}
  439. to {-webkit-transform: scale(0.95);}
  440. }
  441.  
  442. #dinks a:hover {
  443. opacity:1;
  444. -moz-transition-duration:.5s;
  445. -webkit-transition-duration:.5s;
  446. -o-transition-duration:.5s;
  447. -webkit-filter: blur(0px);
  448. filter: blur(0px);
  449. }
  450.  
  451.  
  452.  
  453.  
  454.  
  455. /*----------cinks---------*/
  456. #cinks {
  457. position:fixed;
  458. font-family: "Times New Roman", Georgia, Serif;
  459.  
  460. color:#000000 ;
  461. width:30px;
  462.  
  463. text-transform:uppercase;
  464. text-align:center;
  465. font-style:bold;
  466. line-height:280%;
  467.  
  468. }
  469.  
  470. #cinks a {
  471. font-family: "Times New Roman", Georgia, Serif;
  472. line-height:150%;
  473. padding:1px;
  474. margin-top:1px;
  475. margin-left:30px;
  476. color:#eee
  477. position:absolute;
  478. position:fixed;
  479. opacity:0.95;
  480. filter: blur(1px);
  481. -webkit-animation-name: cinks;
  482. -webkit-animation-duration:5s;
  483. -webkit-animation-iteration-count:infinite;
  484. -webkit-animation-timing-function:ease-in-out;
  485. -moz-animation-name: cinks;
  486. -moz-animation-duration:5s;
  487. -moz-animation-iteration-count:infinite;
  488. -moz-animation-timing-function:ease-in-out;
  489. font-size:45px;
  490. top: 100px;
  491. left:750px;
  492.  
  493.  
  494. }
  495. @-webkit-keyframes cinks{
  496. from {-webkit-transform: scale(0.95);}
  497. 50% {-webkit-transform: scale(1.0);}
  498. to {-webkit-transform: scale(0.95);}
  499. }
  500.  
  501. @-moz-keyframes cinks{
  502. from {-webkit-transform: scale(0.95);}
  503. 100% {-webkit-transform: scale(1.0);}
  504. to {-webkit-transform: scale(0.95);}
  505. }
  506.  
  507. #cinks a:hover {
  508. opacity:1;
  509. -moz-transition-duration:.5s;
  510. -webkit-transition-duration:.5s;
  511. -o-transition-duration:.5s;
  512. -webkit-filter: blur(0px);
  513. filter: blur(0px);
  514. }
  515.  
  516.  
  517.  
  518. /*----------ninks---------*/
  519.  
  520. #ninks {
  521. position:fixed;
  522. font-family: "Times New Roman", Georgia, Serif;
  523.  
  524. color:#000000 ;
  525. width:30px;
  526. text-transform:uppercase;
  527. text-align:center;
  528. font-style:bold;
  529. line-height:280%;
  530.  
  531.  
  532.  
  533. }
  534.  
  535. #ninks a {
  536. font-family: "Times New Roman", Georgia, Serif;
  537. line-height:150%;
  538. padding:1px;
  539. margin-top:1px;
  540. margin-left:30px;
  541. color:#eee
  542. position:absolute;
  543. position:fixed;
  544. opacity:0.95;
  545. filter: blur(1px);
  546. -webkit-animation-name: ninks;
  547. -webkit-animation-duration:5s;
  548. -webkit-animation-iteration-count:infinite;
  549. -webkit-animation-timing-function:ease-in-out;
  550. -moz-animation-name: ninks;
  551. -moz-animation-duration:5s;
  552. -moz-animation-iteration-count:infinite;
  553. -moz-animation-timing-function:ease-in-out;
  554. font-size:45px;
  555. top: 150px;
  556. left:700px;
  557.  
  558.  
  559. }
  560. @-webkit-keyframes ninks{
  561. from {-webkit-transform: scale(0.95);}
  562. 50% {-webkit-transform: scale(1.0);}
  563. to {-webkit-transform: scale(0.95);}
  564. }
  565.  
  566. @-moz-keyframes ninks{
  567. from {-webkit-transform: scale(0.95);}
  568. 100% {-webkit-transform: scale(1.0);}
  569. to {-webkit-transform: scale(0.95);}
  570. }
  571.  
  572. #ninks a:hover {
  573. opacity:1;
  574. -moz-transition-duration:.5s;
  575. -webkit-transition-duration:.5s;
  576. -o-transition-duration:.5s;
  577. -webkit-filter: blur(0px);
  578. filter: blur(0px);
  579. }
  580.  
  581.  
  582.  
  583. /*----------sinks---------*/
  584.  
  585. #sinks {
  586. position:fixed;
  587. font-family: "Times New Roman", Georgia, Serif;
  588.  
  589. color:#000000 ;
  590. width:30px;
  591.  
  592. font-size:25px;
  593. text-transform:uppercase;
  594. text-align:center;
  595. font-style:bold;
  596. line-height:280%;
  597.  
  598.  
  599. }
  600.  
  601. #sinks a {
  602. font-family: "Times New Roman", Georgia, Serif;
  603. line-height:150%;
  604. padding:1px;
  605. margin-top:1px;
  606. margin-left:30px;
  607. color:#eee
  608. position:absolute;
  609. position:fixed;
  610. opacity:0.95;
  611. filter: blur(1px);
  612. -webkit-animation-name: sinks;
  613. -webkit-animation-duration:5s;
  614. -webkit-animation-iteration-count:infinite;
  615. -webkit-animation-timing-function:ease-in-out;
  616. -moz-animation-name: sinks;
  617. -moz-animation-duration:5s;
  618. -moz-animation-iteration-count:infinite;
  619. -moz-animation-timing-function:ease-in-out;
  620. font-size:45px;
  621. top: 220px;
  622. left:735px;
  623.  
  624. }
  625.  
  626. @-webkit-keyframes sinks{
  627. from {-webkit-transform: scale(0.95);}
  628. 50% {-webkit-transform: scale(1.0);}
  629. to {-webkit-transform: scale(0.95);}
  630. }
  631.  
  632. @-moz-keyframes sinks{
  633. from {-webkit-transform: scale(0.95);}
  634. 100% {-webkit-transform: scale(1.0);}
  635. to {-webkit-transform: scale(0.95);}
  636. }
  637.  
  638. #sinks a:hover {
  639. opacity:1;
  640. -moz-transition-duration:.5s;
  641. -webkit-transition-duration:.5s;
  642. -o-transition-duration:.5s;
  643. -webkit-filter: blur(0px);
  644. filter: blur(0px);
  645. }
  646.  
  647.  
  648. /*----------ainks---------*/
  649.  
  650.  
  651.  
  652. #ainks {
  653. position:fixed;
  654. font-family: 'Cinzel Decorative', cursive;
  655.  
  656. color:#000000 ;
  657. width:200px;
  658. text-transform:uppercase;
  659. text-align:center;
  660. font-style:bold;
  661. line-height:280%;
  662. -ms-transform: rotate(5deg); /* IE 9 */
  663. -webkit-transform: rotate(7deg); /* Safari 3-8 */
  664. transform: rotate(5deg);
  665.  
  666.  
  667. }
  668.  
  669. #ainks a {
  670. font-family: 'Cinzel Decorative', cursive;
  671. line-height:150%;
  672. padding:1px;
  673. margin-top:1px;
  674. margin-left:30px;
  675. color:#eee
  676. position:absolute;
  677. position:fixed;
  678. opacity:0.95;
  679. width:400px;
  680. -webkit-animation-name: sinks;
  681. -webkit-animation-duration:5s;
  682. -webkit-animation-iteration-count:infinite;
  683. -webkit-animation-timing-function:ease-in-out;
  684. -moz-animation-name: sinks;
  685. -moz-animation-duration:5s;
  686. -moz-animation-iteration-count:infinite;
  687. -moz-animation-timing-function:ease-in-out;
  688. font-size:25px;
  689. top: -20px;
  690. left:300px;
  691.  
  692.  
  693.  
  694. }
  695.  
  696. @-webkit-keyframes ainks{
  697. from {-webkit-transform: scale(0.95);}
  698. 50% {-webkit-transform: scale(1.0);}
  699. to {-webkit-transform: scale(0.95);}
  700. }
  701.  
  702. @-moz-keyframes ainks{
  703. from {-webkit-transform: scale(0.95);}
  704. 100% {-webkit-transform: scale(1.0);}
  705. to {-webkit-transform: scale(0.95);}
  706. }
  707.  
  708. #ainks a:hover {
  709. opacity:1;
  710. -moz-transition-duration:.5s;
  711. -webkit-transition-duration:.5s;
  712. -o-transition-duration:.5s;
  713. -webkit-filter: blur(0px);
  714. filter: blur(0px);
  715.  
  716. }
  717.  
  718. #sidethingy {
  719. z-index: 1;
  720. position:absolute;
  721. left:140px;
  722. top: 85px;
  723. height:400px;
  724. overflow-y:scroll;
  725. overflow-x:hidden;
  726. width:125px;
  727. letter-spacing:1px;
  728. font-size:8px !important;
  729. text-align:justify;
  730. border: px solid #424242;
  731. color: #fff;
  732. opacity:1;
  733.  
  734.  
  735.  
  736. }
  737. #sidethingy:hover {
  738.  
  739. -webkit-filter:none;
  740. -webkit-transition: all 0.6s ease-in-out;
  741. opacity:1;
  742. -webkit-transition: all 0.6s ease-in-out;
  743. -moz-transition: all 0.6s ease-in-out;
  744. -o-transition: all 0.6s ease-in-out;
  745. -ms-transition: all 0.6s ease-in-out;
  746. transition: all 0.6s ease-in-out; }
  747.  
  748.  
  749.  
  750. .credit {
  751. font-size:8px;
  752. position:fixed;
  753. font-weight:bold;
  754. bottom:5px;
  755. right:15px;
  756. z-index:10;
  757. text-align:right;
  758. letter-spacing:1px;
  759. padding:2px;
  760. border: 1px; solid black
  761. }
  762.  
  763.  
  764.  
  765. .popup_block{
  766. display:none;
  767. background: url("");
  768. background:transparent;
  769. padding:20px;
  770. float:left;
  771. height: 460px;
  772. width:280px;
  773. top:390px;
  774. left: 740px;
  775. position:fixed;
  776. z-index: 99999;
  777.  
  778. }
  779.  
  780. *html #fade {position: absolute;}
  781.  
  782.  
  783. *html .popup_block {position: absolute;}
  784. #fade {
  785. display: none; /*--hidden by default--*/
  786. position: fixed; left: 0; top: 0;
  787. width: 100%; height: 100%;
  788. opacity: .80;
  789. z-index: 9999;
  790. }
  791.  
  792.  
  793. #popupstuff {
  794. width: 265px;
  795. height:350px;
  796. margin-top:0px;
  797. margin-left:0px;
  798. z-index:999;
  799. padding: 5px;
  800. position:fixed;
  801. overflow-y:auto;
  802. overflow-x:hidden;
  803. padding-top:5px;
  804. }
  805.  
  806. #askpopup {
  807. width: 255px;
  808. height:311px;
  809. margin-top:2px;
  810. margin-left:3px;
  811. z-index:9999999;
  812. padding: 10px;
  813. position:fixed;
  814. color:#bababa;
  815. overflow-y:auto;
  816. text-transform:lowercase;
  817. overflow-x:hidden;
  818. padding-top:-20px;
  819. text-align:justify;
  820. }
  821.  
  822.  
  823.  
  824.  
  825. </style>
  826.  
  827.  
  828. </head>
  829. <body>
  830.  
  831.  
  832.  
  833.  
  834. <div class="credit">
  835. <a title=" background && coding done by Julie! If you'd like to order a commision then please message me! " href="http://ignti.tumblr.com/" target="_blank">J .</a></div>
  836.  
  837. <div id="sinks"> <a href="#?w=480" rel="box3" class="poplight" title="A B O U T "> ☽</a></div>
  838.  
  839.  
  840. <div id="cinks">
  841. <a href="#?w=300" rel="rules" class="poplight" title=" R U L E S ">☽</a></div>
  842. </div>
  843.  
  844. <div id="ninks">
  845. <a href="#?w=480" rel="box4" class="poplight" title=" V E R S E S ">☽</a></div>
  846. </div>
  847.  
  848. <div id="dinks">
  849. <a href="#?w=480" rel="askbox" class="poplight" title=" A S K B O X ">☽</a></div>
  850. </div>
  851.  
  852. <div id="ainks">
  853.  
  854. <a href="https://prettyguard.tumblr.com/" title="home! " >
  855. <img src="">In the name of the Moon! </a></div>
  856. </a><br>
  857.  
  858. </div>
  859.  
  860. <div id="sidethingy">
  861.  
  862. <center><h3> [Insert Title here] </h3> </center>
  863. <center> independent and selective <em>Sailor Moon</em> roleplay blog. Tied to the <em> Sailor Moon Anime and Manga </em> </em> <br> <em> </em> <br> <em> Mutuals based. <br> </em> </center>
  864. <br>
  865.  
  866. <br> <center><h3> [Insert 2nd Title Here] </h3> </center>
  867. <center> Adored by <em> [insert name] </em></center>
  868. <center> Established [date started].
  869. </center>
  870. </div>
  871.  
  872.  
  873.  
  874. <div id="theme">
  875.  
  876. <div id="entries">{block:Posts}
  877.  
  878. <div id="post">
  879.  
  880.  
  881. {block:Text}
  882. <br>
  883. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  884. {block:Body}
  885. <div class="body-text">
  886. {Body}
  887. </div>
  888. {/block:Body}
  889. {/block:Text}
  890.  
  891. {block:Quote}
  892. <blockquote class="words {Length}">&#8220;{Quote}&#8221;</blockquote>
  893. {block:Source}<p class="source">&mdash; {Source}</p>{/block:Source}
  894. {/block:Quote}
  895.  
  896. {block:Link}
  897. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  898. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  899. {/block:Link}
  900.  
  901. {block:Audio}
  902. {block:AlbumArt}<img src="{AlbumArtURL}" alt="">{/block:AlbumArt}
  903. <div class="audio-player">
  904. {block:AudioEmbed}
  905. {AudioEmbed color="white"}
  906. {/block:AudioEmbed}
  907. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  908. </div>
  909. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  910. {/block:Audio}
  911.  
  912. {block:Photo}
  913. <div class="postPhoto">
  914. <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  915.  
  916. {block:Caption}
  917. <div class="caption">{Caption}</div>
  918. {/block:Caption}
  919. </div>
  920. {/block:Photo}
  921.  
  922. {block:Photoset}
  923.  
  924. {Photoset-250}{block:Caption}
  925. <div class="caption">{Caption}</div>
  926. {/block:Caption}
  927.  
  928. {/block:Photoset}
  929.  
  930. {block:Panorama}
  931. <figure{block:Caption} class="with-caption"{/block:Caption}>
  932. {LinkOpenTag}<img src="{PhotoURL-Panorama}" width="{PhotoWidth-Panorama}" height="{PhotoHeight-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  933. {block:Caption}<figcaption class="caption">{Caption}</figcaption>{/block:Caption}
  934. </figure>
  935. {/block:Panorama}
  936.  
  937. {block:Video}
  938. <figure{block:Caption} class="with-caption"{/block:Caption}>
  939. <div class="video-player">
  940. {Video-250}
  941. </div>
  942. {block:Caption}<figcaption class="caption">{Caption}</figcaption>{/block:Caption}
  943. </figure>
  944. {/block:Video}
  945.  
  946. {block:Chat}
  947. {block:Title}<h2>{Title}</h2>{/block:Title}
  948. <ul class="conversation">
  949. {block:Lines}
  950. <li class="line {Alt}">
  951. {block:Label}<span class="person">{Label}</span>{/block:Label}
  952. <span class="person-said">{Line}</span>
  953. </li>
  954. {/block:Lines}
  955. </ul>
  956. {/block:Chat}
  957.  
  958. {block:Answer}
  959. <section class="question">
  960. <div class="asker"> <em> {lang:Asker asked}:</em></div>
  961. <div class="asker-question">
  962. {Question}
  963. </div>
  964. </section>
  965. {block:Answerer}
  966. <section class="answerer">
  967.  
  968. <p>{lang:Answer} {Answerer}:</p>
  969. <div class="answerer-answer">
  970. {Answer}
  971. </div>
  972. </section>
  973. {/block:Answerer}
  974. <div class="replies">{Replies}</div>
  975. {/block:Answer}
  976.  
  977.  
  978.  
  979.  
  980. </article>
  981.  
  982. </div>
  983.  
  984. <div class="info">
  985. {block:Date}
  986. <b><a href="{Permalink}">{DayOfMonthWithZero}.{ShortMonth}.{ShortYear}</b></a>
  987. {/block:Date}
  988.  
  989. &nbsp;&nbsp;
  990. <a href="{Permalink}">{NoteCountWithLabel}</a>
  991. &nbsp;&nbsp;
  992.  
  993. {block:RebloggedFrom}
  994. <a href="{ReblogParentURL}" title="{ReblogParenttitle}">via </a>
  995. {block:ContentSource}
  996. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}">| src</a>
  997. {/block:ContentSource}
  998. {/block:RebloggedFrom}
  999.  
  1000. <a href="{ReblogURL}" target="_blank" class="details">| rb</a>
  1001.  
  1002.  
  1003. </div>
  1004. {block:HasTags}
  1005. <div class="tags">
  1006. {block:Tags}
  1007. <a href="{TagURL}">#{Tag}</a>
  1008. {/block:Tags}
  1009. </div>
  1010. {/block:HasTags}
  1011. {/block:Posts}
  1012.  
  1013. {block:PermalinkPagination}
  1014. <div class="pagination">
  1015. {block:PreviousPost}<a class="prev" href="{PreviousPost}">{lang:Previous post}</a>{/block:PreviousPost}
  1016. {block:NextPost}<a class="next" href="{NextPost}">{lang:Next post}</a>{/block:NextPost}
  1017. </div>
  1018. {/block:PermalinkPagination}
  1019.  
  1020. {block:Pagination}
  1021. <div class="pagination">
  1022. {block:PreviousPage}<a class="prev" href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
  1023.  
  1024. {block:JumpPagination length="5"}
  1025. {block:CurrentPage}<span class="current-page">{PageNumber}</span>{/block:CurrentPage}
  1026. {block:JumpPage}<a class="jump-page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1027. {/block:JumpPagination}
  1028.  
  1029. {block:NextPage}<a class="next" href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  1030. </div>
  1031. {/block:Pagination}
  1032.  
  1033. </main>
  1034.  
  1035.  
  1036. </div>
  1037. </div>
  1038. </div>
  1039.  
  1040.  
  1041. </body>
  1042. <div id="askbox" class="popup_block">
  1043. <div style=" position:fixed;
  1044. background-color:#fff;
  1045. height:386px;
  1046. width:287px;
  1047. top: 72px;
  1048. left:297px;">
  1049. <div id="popupstuff">
  1050.  
  1051. <center><h3> Tell me what you want ? </h3> </center>
  1052.  
  1053. <br>
  1054.  
  1055. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/prettyguard.tumblr.com" width="100%" style="height: 250px;"></iframe>
  1056.  
  1057. </div>
  1058. </div>
  1059. </div>
  1060.  
  1061.  
  1062. <div id="rules" class="popup_block">
  1063. <div style=" position:fixed;
  1064. background-color:#fff;
  1065. height:386px;
  1066. width:287px;
  1067. top: 72px;
  1068. left:297px;">
  1069. <div id="popupstuff">
  1070.  
  1071.  
  1072. tbd.
  1073.  
  1074.  
  1075. </div>
  1076. </div>
  1077. </div>
  1078.  
  1079.  
  1080.  
  1081. <div id="box3" class="popup_block">
  1082. <div style=" position:fixed;
  1083. background-color:#fff;
  1084. height:386px;
  1085. width:287px;
  1086. top: 72px;
  1087. left:297px;">
  1088. <div id="popupstuff">
  1089.  
  1090.  
  1091. tbd.
  1092.  
  1093.  
  1094.  
  1095. </div>
  1096. </div>
  1097. </div>
  1098. </div>
  1099.  
  1100.  
  1101.  
  1102. <div id="box4" class="popup_block">
  1103. <div style=" position:fixed;
  1104. background-color:#fff;
  1105. height:386px;
  1106. width:287px;
  1107. top: 72px;
  1108. left:297px;">
  1109. <div id="popupstuff">
  1110.  
  1111. tbd.
  1112.  
  1113. </div>
  1114. </div>
  1115. </div>
  1116.  
  1117.  
  1118.  
  1119.  
  1120. <div id="box5" class="popup_block">
  1121. <div style=" position:fixed;
  1122. background-color:#fff;
  1123. height:386px;
  1124. width:287px;
  1125. top: 72px;
  1126. left:297px;">
  1127. <div id="popupstuff">
  1128.  
  1129. <br>
  1130.  
  1131. tbd.
  1132.  
  1133.  
  1134. </div>
  1135.  
  1136.  
  1137. </div>
  1138. </div>
  1139. </div>
  1140.  
  1141.  
  1142. </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!