API tools faq
paste
Advertisement
DeathJ

Eclipsa

DeathJ
Apr 11th, 2018
69
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.47 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.  
  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://image.ibb.co/eTh8Bc/queen_eclipsa.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:15px;
  134. font-weight:bold;
  135. text-shadow: 1px 1px 0px black;
  136. color: #eee;
  137. text-shadow: 0px 0px 0px black;
  138. text-align: left;
  139. position: absolute;
  140. }
  141. blockquote {
  142. width:91%;
  143. margin-bottom:10px;
  144. padding:0px 10px 0px 15px;
  145. margin-left:0px;
  146. border-left:1px broken #afafaf
  147.  
  148. }
  149.  
  150. b, strong {
  151. font-family: 'Oswald', sans-serif;
  152. font-size:14px;
  153. text-align:center;
  154. font-size: 12px;
  155. line-height:10px;
  156. text-shadow: 1px 1px 5px #eee;
  157. letter-spacing:5px;
  158. color: #000 ; /* font color */
  159. }
  160.  
  161. i, em {
  162. text-transform:italic;
  163. color:#eee ;
  164. font-size:13px;
  165. font-family: 'Oswald', sans-serif;
  166. text-shadow: 1px 1px 3px #deeff2;
  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://image.ibb.co/njGySH/eclipsa_font.gif');
  218. }
  219.  
  220. /*----------theme and entries---------*/
  221.  
  222. #theme {
  223. z-index:9;
  224. opacity:0;
  225. position:fixed;
  226. background-color:#000;
  227. height:350px;
  228. width:400px;
  229. top: 245px;
  230. left:385px;
  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. -webkit-mask-image: -webkit-gradient(
  241. linear, center 95%, center bottom,
  242. from(rgba(0,0,0,20)),
  243. to(rgba(20,0,0,0)));
  244.  
  245. }
  246.  
  247. #theme:hover {
  248. opacity:1;
  249. -moz-transition-duration:1s;
  250. -webkit-transition-duration:1s;
  251. -o-transition-duration:1s;
  252. }
  253.  
  254. .posts {
  255.  
  256. width:250px;
  257. padding-bottom:60px;
  258. margin-bottom:20px;
  259. margin-top:20px;
  260. padding:5px;
  261. }
  262.  
  263. .entries {
  264.  
  265.  
  266. background-color:#000000;
  267. text-align:left;
  268. border: px solid #424242;
  269. z-index:1;
  270. overflow-x:hidden;
  271. overflow-y:auto;
  272. margin-bottom:20px;
  273. margin-left:3px;
  274. opacity:0;
  275. padding:5px;
  276. overflow:auto;
  277. -moz-transition:all ease-in-out 0.6s;
  278. -webkit-transition:all ease-in-out 0.6s;
  279. -o-transition:all ease-in-out 0.6s;
  280. transition:all ease-in-out 0.6s;
  281.  
  282. }
  283.  
  284. .entries:hover {
  285.  
  286. opacity:1;
  287. -moz-transition:all ease-in-out 0.6s;
  288. -webkit-transition:all ease-in-out 0.6s;
  289. -o-transition:all ease-in-out 0.6s;
  290. transition:all ease-in-out 0.6s;
  291. }
  292.  
  293. img {
  294.  
  295. max-width:300px!important;
  296. max-height:300px!important;
  297. }
  298.  
  299. img:hover {
  300. -webkit-filter: grayscale(0%);
  301. z-index: -9999999999999999999999999px;
  302. -webkit-transition: all 0.9s ease-in-out;
  303. -moz-transition: all 0.9s ease-in-out;
  304. -o-transition: all 0.9s ease-in-out;
  305. -ms-transition: all 0.9s ease-in-out;
  306. transition: all 0.9s ease-in-out;
  307. }
  308. blockquote img, blockquote figure {
  309. max-width:100%;
  310. height:auto;
  311. }
  312.  
  313. /*----------post info---------*/
  314.  
  315. .info {
  316.  
  317. color:#e6e6e6;
  318. text-shadow:1px 1px 0px #000,
  319. font-size:14px;
  320. font-family: 'Merienda One', cursive;
  321. text-align:center;
  322. padding:5px;
  323. background: #000;
  324. background-image:url('https://image.ibb.co/njGySH/eclipsa_font.gif');
  325. background-repeat:repeat;
  326. padding:2px;
  327. color:#ffffff;
  328. border: 1px solid #717171;
  329. border-bottom-left-radius: 15px;
  330. border-top-left-radius: 15px;
  331. text-transform: uppercase;
  332. -moz-transition-duration:0.2s;
  333. -webkit-transition-duration:0.2s;
  334. -o-transition-duration:0.2s;
  335. }
  336.  
  337.  
  338.  
  339.  
  340. .tags {
  341. margin-top:5px;
  342. font-size:10px;
  343. letter-spacing:1px;
  344. text-shadow: 1px 1px 7px black;
  345. text-align:center;
  346. padding:2px;
  347. }
  348.  
  349. .tags a {
  350. margin-right:8px;
  351. font-size:10px;
  352.  
  353.  
  354. }
  355.  
  356. .tags hover {
  357. font-size : 12px;
  358. color:#eeeeee;
  359.  
  360.  
  361.  
  362. }
  363.  
  364. /*----------post notes---------
  365.  
  366. #links {
  367. position:fixed;
  368. font-family: "Times New Roman", Georgia, Serif;
  369.  
  370. color:black ;
  371. width:30px;
  372. top:202px;
  373. left:335px;
  374. font-size:25px;
  375. text-transform:uppercase;
  376. text-align:center;
  377. font-style:bold;
  378. line-height:280%;
  379.  
  380.  
  381. }
  382. #links a{
  383.  
  384. color:black;
  385. }
  386.  
  387. */
  388.  
  389. /*----------dinks ASK---------*/ ASK
  390.  
  391. #dinks {
  392. position:fixed;
  393. font-family: "Times New Roman", Georgia, Serif;
  394.  
  395. color:#000000 ;
  396. width:30px;
  397.  
  398. text-transform:uppercase;
  399. text-align:center;
  400. font-style:bold;
  401. line-height:280%;
  402.  
  403.  
  404. }
  405.  
  406. #dinks a{
  407. font-family: "Times New Roman", Georgia, Serif;
  408. line-height:150%;
  409. padding:1px;
  410. margin-top:1px;
  411. margin-left:30px;
  412. color:#eee
  413. position:absolute;
  414. position:fixed;
  415. opacity:0.95;
  416. filter: blur(1px);
  417. -webkit-animation-name: cinks;
  418. -webkit-animation-duration:5s;
  419. -webkit-animation-iteration-count:infinite;
  420. -webkit-animation-timing-function:ease-in-out;
  421. -moz-animation-name: cinks;
  422. -moz-animation-duration:5s;
  423. -moz-animation-iteration-count:infinite;
  424. -moz-animation-timing-function:ease-in-out;
  425. font-size:45px;
  426. top: 50px;
  427. left:350px;
  428.  
  429.  
  430.  
  431. }
  432.  
  433. @-webkit-keyframes dinks{
  434. from {-webkit-transform: scale(0.95);}
  435. 50% {-webkit-transform: scale(1.0);}
  436. to {-webkit-transform: scale(0.95);}
  437. }
  438.  
  439. @-moz-keyframes dinks{
  440. from {-webkit-transform: scale(0.95);}
  441. 100% {-webkit-transform: scale(1.0);}
  442. to {-webkit-transform: scale(0.95);}
  443. }
  444.  
  445. #dinks a:hover {
  446. opacity:1;
  447. -moz-transition-duration:.5s;
  448. -webkit-transition-duration:.5s;
  449. -o-transition-duration:.5s;
  450. -webkit-filter: blur(0px);
  451. filter: blur(0px);
  452. }
  453.  
  454.  
  455.  
  456.  
  457.  
  458. /*----------cinks---------*/
  459. #cinks {
  460. position:fixed;
  461. font-family: "Times New Roman", Georgia, Serif;
  462.  
  463. color:#000000 ;
  464. width:30px;
  465.  
  466. text-transform:uppercase;
  467. text-align:center;
  468. font-style:bold;
  469. line-height:280%;
  470.  
  471. }
  472.  
  473. #cinks a {
  474. font-family: "Times New Roman", Georgia, Serif;
  475. line-height:150%;
  476. padding:1px;
  477. margin-top:1px;
  478. margin-left:30px;
  479. color:#eee
  480. position:absolute;
  481. position:fixed;
  482. opacity:0.95;
  483. filter: blur(1px);
  484. -webkit-animation-name: cinks;
  485. -webkit-animation-duration:5s;
  486. -webkit-animation-iteration-count:infinite;
  487. -webkit-animation-timing-function:ease-in-out;
  488. -moz-animation-name: cinks;
  489. -moz-animation-duration:5s;
  490. -moz-animation-iteration-count:infinite;
  491. -moz-animation-timing-function:ease-in-out;
  492. font-size:45px;
  493. top: 100px;
  494. left:450px;
  495.  
  496.  
  497. }
  498. @-webkit-keyframes cinks{
  499. from {-webkit-transform: scale(0.95);}
  500. 50% {-webkit-transform: scale(1.0);}
  501. to {-webkit-transform: scale(0.95);}
  502. }
  503.  
  504. @-moz-keyframes cinks{
  505. from {-webkit-transform: scale(0.95);}
  506. 100% {-webkit-transform: scale(1.0);}
  507. to {-webkit-transform: scale(0.95);}
  508. }
  509.  
  510. #cinks a:hover {
  511. opacity:1;
  512. -moz-transition-duration:.5s;
  513. -webkit-transition-duration:.5s;
  514. -o-transition-duration:.5s;
  515. -webkit-filter: blur(0px);
  516. filter: blur(0px);
  517. }
  518.  
  519.  
  520.  
  521. /*----------ninks---------*/
  522.  
  523. #ninks {
  524. position:fixed;
  525. font-family: "Times New Roman", Georgia, Serif;
  526.  
  527. color:#000000 ;
  528. width:30px;
  529. text-transform:uppercase;
  530. text-align:center;
  531. font-style:bold;
  532. line-height:280%;
  533.  
  534.  
  535.  
  536. }
  537.  
  538. #ninks a {
  539. font-family: "Times New Roman", Georgia, Serif;
  540. line-height:150%;
  541. padding:1px;
  542. margin-top:1px;
  543. margin-left:30px;
  544. color:#eee
  545. position:absolute;
  546. position:fixed;
  547. opacity:0.95;
  548. filter: blur(1px);
  549. -webkit-animation-name: ninks;
  550. -webkit-animation-duration:5s;
  551. -webkit-animation-iteration-count:infinite;
  552. -webkit-animation-timing-function:ease-in-out;
  553. -moz-animation-name: ninks;
  554. -moz-animation-duration:5s;
  555. -moz-animation-iteration-count:infinite;
  556. -moz-animation-timing-function:ease-in-out;
  557. font-size:45px;
  558. top: 100px;
  559. left:650px;
  560.  
  561.  
  562. }
  563. @-webkit-keyframes ninks{
  564. from {-webkit-transform: scale(0.95);}
  565. 50% {-webkit-transform: scale(1.0);}
  566. to {-webkit-transform: scale(0.95);}
  567. }
  568.  
  569. @-moz-keyframes ninks{
  570. from {-webkit-transform: scale(0.95);}
  571. 100% {-webkit-transform: scale(1.0);}
  572. to {-webkit-transform: scale(0.95);}
  573. }
  574.  
  575. #ninks a:hover {
  576. opacity:1;
  577. -moz-transition-duration:.5s;
  578. -webkit-transition-duration:.5s;
  579. -o-transition-duration:.5s;
  580. -webkit-filter: blur(0px);
  581. filter: blur(0px);
  582. }
  583.  
  584.  
  585.  
  586. /*----------sinks---------*/
  587.  
  588. #sinks {
  589. position:fixed;
  590. font-family: "Times New Roman", Georgia, Serif;
  591.  
  592. color:#000000 ;
  593. width:30px;
  594.  
  595. font-size:25px;
  596. text-transform:uppercase;
  597. text-align:center;
  598. font-style:bold;
  599. line-height:280%;
  600.  
  601.  
  602. }
  603.  
  604. #sinks a {
  605. font-family: "Times New Roman", Georgia, Serif;
  606. line-height:150%;
  607. padding:1px;
  608. margin-top:1px;
  609. margin-left:30px;
  610. color:#eee
  611. position:absolute;
  612. position:fixed;
  613. opacity:0.95;
  614. filter: blur(1px);
  615. -webkit-animation-name: sinks;
  616. -webkit-animation-duration:5s;
  617. -webkit-animation-iteration-count:infinite;
  618. -webkit-animation-timing-function:ease-in-out;
  619. -moz-animation-name: sinks;
  620. -moz-animation-duration:5s;
  621. -moz-animation-iteration-count:infinite;
  622. -moz-animation-timing-function:ease-in-out;
  623. font-size:45px;
  624. top: 50px;
  625. left:750px;
  626.  
  627. }
  628.  
  629. @-webkit-keyframes sinks{
  630. from {-webkit-transform: scale(0.95);}
  631. 50% {-webkit-transform: scale(1.0);}
  632. to {-webkit-transform: scale(0.95);}
  633. }
  634.  
  635. @-moz-keyframes sinks{
  636. from {-webkit-transform: scale(0.95);}
  637. 100% {-webkit-transform: scale(1.0);}
  638. to {-webkit-transform: scale(0.95);}
  639. }
  640.  
  641. #sinks a:hover {
  642. opacity:1;
  643. -moz-transition-duration:.5s;
  644. -webkit-transition-duration:.5s;
  645. -o-transition-duration:.5s;
  646. -webkit-filter: blur(0px);
  647. filter: blur(0px);
  648. }
  649.  
  650.  
  651. /*----------ainks---------*/
  652.  
  653.  
  654.  
  655. #ainks {
  656. position:fixed;
  657. font-family: 'Cinzel Decorative', cursive;
  658.  
  659. color:#000000 ;
  660. width:20px;
  661. text-transform:uppercase;
  662. text-align:center;
  663. font-style:bold;
  664. line-height:280%;
  665. -ms-transform: rotate(7deg); /* IE 9 */
  666. -webkit-transform: rotate(7deg); /* Safari 3-8 */
  667. transform: rotate(7deg);
  668.  
  669.  
  670. }
  671.  
  672. #ainks a {
  673. font-family: 'Cinzel Decorative', cursive;
  674. line-height:150%;
  675. padding:1px;
  676. margin-top:1px;
  677. margin-left:30px;
  678. color:#eee
  679. position:absolute;
  680. position:fixed;
  681. opacity:0.95;
  682. -webkit-animation-name: sinks;
  683. -webkit-animation-duration:5s;
  684. -webkit-animation-iteration-count:infinite;
  685. -webkit-animation-timing-function:ease-in-out;
  686. -moz-animation-name: sinks;
  687. -moz-animation-duration:5s;
  688. -moz-animation-iteration-count:infinite;
  689. -moz-animation-timing-function:ease-in-out;
  690. font-size:25px;
  691. top: 50px;
  692. left:550px;
  693.  
  694.  
  695.  
  696. }
  697.  
  698. @-webkit-keyframes ainks{
  699. from {-webkit-transform: scale(0.95);}
  700. 50% {-webkit-transform: scale(1.0);}
  701. to {-webkit-transform: scale(0.95);}
  702. }
  703.  
  704. @-moz-keyframes ainks{
  705. from {-webkit-transform: scale(0.95);}
  706. 100% {-webkit-transform: scale(1.0);}
  707. to {-webkit-transform: scale(0.95);}
  708. }
  709.  
  710. #ainks a:hover {
  711. opacity:1;
  712. -moz-transition-duration:.5s;
  713. -webkit-transition-duration:.5s;
  714. -o-transition-duration:.5s;
  715. -webkit-filter: blur(0px);
  716. filter: blur(0px);
  717.  
  718. }
  719.  
  720. #sidethingy {
  721. z-index: 1;
  722. position:absolute;
  723. left:375px;
  724. top: 595px;
  725. height:110px;
  726. overflow-y:scroll;
  727. overflow-x:hidden;
  728. width:450px;
  729. letter-spacing:1px;
  730. font-size:8px !important;
  731. text-align:justify;
  732. border: px solid #424242;
  733. background-color:#000;
  734. opacity:0;
  735.  
  736.  
  737.  
  738. }
  739. #sidethingy:hover {
  740.  
  741. -webkit-filter:none;
  742. -webkit-transition: all 0.6s ease-in-out;
  743. opacity:1;
  744. -webkit-transition: all 0.6s ease-in-out;
  745. -moz-transition: all 0.6s ease-in-out;
  746. -o-transition: all 0.6s ease-in-out;
  747. -ms-transition: all 0.6s ease-in-out;
  748. transition: all 0.6s ease-in-out; }
  749.  
  750.  
  751.  
  752. .credit {
  753. font-size:8px;
  754. position:fixed;
  755. font-weight:bold;
  756. bottom:5px;
  757. right:15px;
  758. z-index:10;
  759. text-align:right;
  760. letter-spacing:1px;
  761. padding:2px;
  762. border: 1px; solid black
  763. }
  764.  
  765.  
  766.  
  767. .popup_block{
  768. display:none;
  769. background: url("");
  770. background:transparent;
  771. padding:20px;
  772. float:left;
  773. height: 460px;
  774. width:280px;
  775. top:390px;
  776. left: 740px;
  777. position:fixed;
  778. z-index: 99999;
  779.  
  780. }
  781.  
  782. *html #fade {position: absolute;}
  783.  
  784.  
  785. *html .popup_block {position: absolute;}
  786. #fade {
  787. display: none; /*--hidden by default--*/
  788. position: fixed; left: 0; top: 0;
  789. width: 100%; height: 100%;
  790. opacity: .80;
  791. z-index: 9999;
  792. }
  793.  
  794.  
  795. #popupstuff {
  796. width: 265px;
  797. height:445px;
  798. margin-top:0px;
  799. margin-left:0px;
  800. z-index:999;
  801. padding: 5px;
  802. position:fixed;
  803. overflow-y:auto;
  804. overflow-x:hidden;
  805. padding-top:5px;
  806. font-family: 'Cinzel Decorative', cursive;
  807. font-size:10px;
  808. text-shadow:0px 0px 2px #eee;
  809. color: white;
  810. text-align:left;
  811. }
  812.  
  813. #askpopup {
  814. width: 255px;
  815. height:311px;
  816. margin-top:2px;
  817. margin-left:3px;
  818. z-index:9999999;
  819. padding: 10px;
  820. position:fixed;
  821. color:#bababa;
  822. overflow-y:auto;
  823. text-transform:lowercase;
  824. overflow-x:hidden;
  825. padding-top:-20px;
  826. text-align:justify;
  827. }
  828.  
  829.  
  830.  
  831.  
  832. </style>
  833.  
  834.  
  835. </head>
  836. <body>
  837.  
  838.  
  839.  
  840.  
  841. <div class="credit">
  842. <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>
  843.  
  844. <div id="sinks"> <a href="#?w=480" rel="box3" class="poplight" title="A B O U T "> ♠ </a></div>
  845.  
  846.  
  847. <div id="cinks">
  848. <a href="#?w=300" rel="rules" class="poplight" title=" R U L E S ">♠</a></div>
  849. </div>
  850.  
  851. <div id="ninks">
  852. <a href="#?w=480" rel="box4" class="poplight" title=" V E R S E S ">♠</a></div>
  853. </div>
  854.  
  855. <div id="dinks">
  856. <a href="#?w=480" rel="askbox" class="poplight" title=" A S K B O X ">♠</a></div>
  857. </div>
  858.  
  859. <div id="ainks">
  860.  
  861. <a href="https://shefled.tumblr.com/" title="home! " >
  862. <img src="">back to life </a></div>
  863. </a><br>
  864.  
  865. </div>
  866.  
  867. <div id="sidethingy">
  868.  
  869. <center><h3> [Insert Title here] </h3> </center>
  870. <center> independent and selective <em>Queen Eclipsa Ashido</em> roleplay blog. Tied to the <em> Star VS The Forces of Evil</em> Cartoon </em> <br> <em> </em> <br> <em> Mutuals based. <br> </em> </center>
  871. <br>
  872.  
  873. <br> <center><h3> [Insert 2nd Title Here] </h3> </center>
  874. <center> Adored by <em> [insert name] </em></center>
  875. <center> Established [date started].
  876. </center>
  877. <br> <center> /
  878.  
  879.  
  880.  
  881. </div>
  882.  
  883.  
  884.  
  885. <div id="theme">
  886.  
  887. <div id="entries">{block:Posts}
  888.  
  889. <div id="post">
  890.  
  891.  
  892. {block:Text}
  893. <br>
  894. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  895. {block:Body}
  896. <div class="body-text">
  897. {Body}
  898. </div>
  899. {/block:Body}
  900. {/block:Text}
  901.  
  902. {block:Quote}
  903. <blockquote class="words {Length}">&#8220;{Quote}&#8221;</blockquote>
  904. {block:Source}<p class="source">&mdash; {Source}</p>{/block:Source}
  905. {/block:Quote}
  906.  
  907. {block:Link}
  908. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  909. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  910. {/block:Link}
  911.  
  912. {block:Audio}
  913. {block:AlbumArt}<img src="{AlbumArtURL}" alt="">{/block:AlbumArt}
  914. <div class="audio-player">
  915. {block:AudioEmbed}
  916. {AudioEmbed color="white"}
  917. {/block:AudioEmbed}
  918. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  919. </div>
  920. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  921. {/block:Audio}
  922.  
  923. {block:Photo}
  924. <div class="postPhoto">
  925. <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  926.  
  927. {block:Caption}
  928. <div class="caption">{Caption}</div>
  929. {/block:Caption}
  930. </div>
  931. {/block:Photo}
  932.  
  933. {block:Photoset}
  934.  
  935. {Photoset-250}{block:Caption}
  936. <div class="caption">{Caption}</div>
  937. {/block:Caption}
  938.  
  939. {/block:Photoset}
  940.  
  941. {block:Panorama}
  942. <figure{block:Caption} class="with-caption"{/block:Caption}>
  943. {LinkOpenTag}<img src="{PhotoURL-Panorama}" width="{PhotoWidth-Panorama}" height="{PhotoHeight-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  944. {block:Caption}<figcaption class="caption">{Caption}</figcaption>{/block:Caption}
  945. </figure>
  946. {/block:Panorama}
  947.  
  948. {block:Video}
  949. <figure{block:Caption} class="with-caption"{/block:Caption}>
  950. <div class="video-player">
  951. {Video-250}
  952. </div>
  953. {block:Caption}<figcaption class="caption">{Caption}</figcaption>{/block:Caption}
  954. </figure>
  955. {/block:Video}
  956.  
  957. {block:Chat}
  958. {block:Title}<h2>{Title}</h2>{/block:Title}
  959. <ul class="conversation">
  960. {block:Lines}
  961. <li class="line {Alt}">
  962. {block:Label}<span class="person">{Label}</span>{/block:Label}
  963. <span class="person-said">{Line}</span>
  964. </li>
  965. {/block:Lines}
  966. </ul>
  967. {/block:Chat}
  968.  
  969. {block:Answer}
  970. <section class="question">
  971. <div class="asker"> <em> {lang:Asker asked}:</em></div>
  972. <div class="asker-question">
  973. {Question}
  974. </div>
  975. </section>
  976. {block:Answerer}
  977. <section class="answerer">
  978.  
  979. <p>{lang:Answer} {Answerer}:</p>
  980. <div class="answerer-answer">
  981. {Answer}
  982. </div>
  983. </section>
  984. {/block:Answerer}
  985. <div class="replies">{Replies}</div>
  986. {/block:Answer}
  987.  
  988.  
  989.  
  990.  
  991. </article>
  992.  
  993. </div>
  994.  
  995. <div class="info">
  996. {block:Date}
  997. <b><a href="{Permalink}">{DayOfMonthWithZero}.{ShortMonth}.{ShortYear}</b></a>
  998. {/block:Date}
  999.  
  1000. &nbsp;&nbsp;
  1001. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1002. &nbsp;&nbsp;
  1003.  
  1004. {block:RebloggedFrom}
  1005. <a href="{ReblogParentURL}" title="{ReblogParenttitle}">via </a>
  1006. {block:ContentSource}
  1007. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}">| src</a>
  1008. {/block:ContentSource}
  1009. {/block:RebloggedFrom}
  1010.  
  1011. <a href="{ReblogURL}" target="_blank" class="details">| rb</a>
  1012.  
  1013.  
  1014. </div>
  1015. {block:HasTags}
  1016. <div class="tags">
  1017. {block:Tags}
  1018. <a href="{TagURL}">#{Tag}</a>
  1019. {/block:Tags}
  1020. </div>
  1021. {/block:HasTags}
  1022. {/block:Posts}
  1023.  
  1024. {block:PermalinkPagination}
  1025. <div class="pagination">
  1026. {block:PreviousPost}<a class="prev" href="{PreviousPost}">{lang:Previous post}</a>{/block:PreviousPost}
  1027. {block:NextPost}<a class="next" href="{NextPost}">{lang:Next post}</a>{/block:NextPost}
  1028. </div>
  1029. {/block:PermalinkPagination}
  1030.  
  1031. {block:Pagination}
  1032. <div class="pagination">
  1033. {block:PreviousPage}<a class="prev" href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
  1034.  
  1035. {block:JumpPagination length="5"}
  1036. {block:CurrentPage}<span class="current-page">{PageNumber}</span>{/block:CurrentPage}
  1037. {block:JumpPage}<a class="jump-page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1038. {/block:JumpPagination}
  1039.  
  1040. {block:NextPage}<a class="next" href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  1041. </div>
  1042. {/block:Pagination}
  1043.  
  1044. </main>
  1045.  
  1046.  
  1047. </div>
  1048. </div>
  1049. </div>
  1050.  
  1051.  
  1052. </body>
  1053. <div id="askbox" class="popup_block">
  1054. <div style=" position:fixed;
  1055. background-color:#000;
  1056. height:360px;
  1057. width:400px;
  1058. top: 245px;
  1059. left:390px;">
  1060. <div id="popupstuff">
  1061.  
  1062. <center><h3> Tell me what you want ? </h3> </center>
  1063.  
  1064. <br>
  1065.  
  1066. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/shefled.tumblr.com" width="100%" style="height: 250px;"></iframe>
  1067.  
  1068. </div>
  1069. </div>
  1070. </div>
  1071.  
  1072.  
  1073. <div id="rules" class="popup_block">
  1074. <div style=" position:fixed;
  1075. background-color:#000;
  1076. height:360px;
  1077. width:400px;
  1078. top: 245px;
  1079. left:390px;">
  1080. <div id="popupstuff">
  1081.  
  1082. tbd.
  1083.  
  1084.  
  1085. </div>
  1086. </div>
  1087. </div>
  1088.  
  1089.  
  1090.  
  1091. <div id="box3" class="popup_block">
  1092. <div style=" position:fixed;
  1093. background-color:#000;
  1094. height:360px;
  1095. width:400px;
  1096. top: 245px;
  1097. left:390px;">
  1098. <div id="popupstuff">
  1099.  
  1100. tbd.
  1101.  
  1102.  
  1103.  
  1104. </div>
  1105. </div>
  1106. </div>
  1107. </div>
  1108.  
  1109.  
  1110.  
  1111. <div id="box4" class="popup_block">
  1112. <div style=" position:fixed;
  1113. background-color:#000;
  1114. height:360px;
  1115. width:400px;
  1116. top: 245px;
  1117. left:390px;">
  1118. <div id="popupstuff">
  1119.  
  1120. tbd.
  1121.  
  1122. </div>
  1123. </div>
  1124. </div>
  1125.  
  1126.  
  1127.  
  1128.  
  1129. <div id="box5" class="popup_block">
  1130. <div style=" position:fixed;
  1131. background-color:#000;
  1132. height:360px;
  1133. width:400px;
  1134. top: 245px;
  1135. left:390px;">
  1136. <div id="popupstuff">
  1137. <br>
  1138.  
  1139. tbd.
  1140.  
  1141.  
  1142. </div>
  1143.  
  1144.  
  1145. </div>
  1146. </div>
  1147. </div>
  1148.  
  1149.  
  1150. </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!