API tools faq
paste
Advertisement
DeathJ

Untitled

DeathJ
Mar 29th, 2018
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.61 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://i.imgur.com/NSPl4S1.png')
  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:2px;
  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://i.imgur.com/kqKX6aw.png');
  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:445px;
  228. width:350px;
  229. top: 150px;
  230. left:350px;
  231. margin:0px 0px;
  232. margin-left:5px;
  233. margin-top:5px;
  234. margin-bottom:20px;
  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://i.imgur.com/kqKX6aw.png');
  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. -webkit-transform: rotate(370deg);
  403. -moz-transform: rotate(450deg);
  404. -o-transform: rotate(450deg);
  405.  
  406. }
  407.  
  408. #dinks a{
  409. font-family: "Times New Roman", Georgia, Serif;
  410. line-height:150%;
  411. padding:1px;
  412. margin-top:1px;
  413. margin-left:30px;
  414. color:#eee
  415. position:absolute;
  416. position:fixed;
  417. opacity:0.95;
  418. filter: blur(1px);
  419. -webkit-animation-name: cinks;
  420. -webkit-animation-duration:5s;
  421. -webkit-animation-iteration-count:infinite;
  422. -webkit-animation-timing-function:ease-in-out;
  423. -moz-animation-name: cinks;
  424. -moz-animation-duration:5s;
  425. -moz-animation-iteration-count:infinite;
  426. -moz-animation-timing-function:ease-in-out;
  427. font-size:25px;
  428. top:370px;
  429. left:200px;
  430. -ms-transform: rotate(7deg); /* IE 9 */
  431. -webkit-transform: rotate(7deg); /* Safari 3-8 */
  432. transform: rotate(7deg);
  433.  
  434.  
  435.  
  436. }
  437.  
  438. @-webkit-keyframes dinks{
  439. from {-webkit-transform: scale(0.95);}
  440. 50% {-webkit-transform: scale(1.0);}
  441. to {-webkit-transform: scale(0.95);}
  442. }
  443.  
  444. @-moz-keyframes dinks{
  445. from {-webkit-transform: scale(0.95);}
  446. 100% {-webkit-transform: scale(1.0);}
  447. to {-webkit-transform: scale(0.95);}
  448. }
  449.  
  450. #dinks a:hover {
  451. opacity:1;
  452. -moz-transition-duration:.5s;
  453. -webkit-transition-duration:.5s;
  454. -o-transition-duration:.5s;
  455. -webkit-filter: blur(0px);
  456. filter: blur(0px);
  457. }
  458.  
  459.  
  460.  
  461.  
  462.  
  463. /*----------cinks---------*/
  464. #cinks {
  465. position:fixed;
  466. font-family: "Times New Roman", Georgia, Serif;
  467.  
  468. color:#000000 ;
  469. width:30px;
  470.  
  471. text-transform:uppercase;
  472. text-align:center;
  473. font-style:bold;
  474. line-height:280%; -ms-transform: rotate(25deg); /* IE 9 */
  475. -webkit-transform: rotate(25deg25deg); /* Safari 3-8 */
  476. transform: rotate(25deg);
  477.  
  478.  
  479. }
  480.  
  481. #cinks a {
  482. font-family: "Times New Roman", Georgia, Serif;
  483. line-height:150%;
  484. padding:1px;
  485. margin-top:1px;
  486. margin-left:30px;
  487. color:#eee
  488. position:absolute;
  489. position:fixed;
  490. opacity:0.95;
  491. filter: blur(1px);
  492. -webkit-animation-name: cinks;
  493. -webkit-animation-duration:5s;
  494. -webkit-animation-iteration-count:infinite;
  495. -webkit-animation-timing-function:ease-in-out;
  496. -moz-animation-name: cinks;
  497. -moz-animation-duration:5s;
  498. -moz-animation-iteration-count:infinite;
  499. -moz-animation-timing-function:ease-in-out;
  500. font-size:25px;
  501. top:200px;
  502. left:330px;
  503.  
  504. }
  505. @-webkit-keyframes cinks{
  506. from {-webkit-transform: scale(0.95);}
  507. 50% {-webkit-transform: scale(1.0);}
  508. to {-webkit-transform: scale(0.95);}
  509. }
  510.  
  511. @-moz-keyframes cinks{
  512. from {-webkit-transform: scale(0.95);}
  513. 100% {-webkit-transform: scale(1.0);}
  514. to {-webkit-transform: scale(0.95);}
  515. }
  516.  
  517. #cinks a:hover {
  518. opacity:1;
  519. -moz-transition-duration:.5s;
  520. -webkit-transition-duration:.5s;
  521. -o-transition-duration:.5s;
  522. -webkit-filter: blur(0px);
  523. filter: blur(0px);
  524. }
  525.  
  526.  
  527.  
  528. /*----------ninks---------*/
  529.  
  530. #ninks {
  531. position:fixed;
  532. font-family: "Times New Roman", Georgia, Serif;
  533.  
  534. color:#000000 ;
  535. width:30px;
  536. text-transform:uppercase;
  537. text-align:center;
  538. font-style:bold;
  539. line-height:280%;
  540. -ms-transform: rotate(45deg); /* IE 9 */
  541. -webkit-transform: rotate(45deg); /* Safari 3-8 */
  542. transform: rotate(45deg);
  543.  
  544.  
  545. }
  546.  
  547. #ninks a {
  548. font-family: "Times New Roman", Georgia, Serif;
  549. line-height:150%;
  550. padding:1px;
  551. margin-top:1px;
  552. margin-left:30px;
  553. color:#eee
  554. position:absolute;
  555. position:fixed;
  556. opacity:0.95;
  557. filter: blur(1px);
  558. -webkit-animation-name: ninks;
  559. -webkit-animation-duration:5s;
  560. -webkit-animation-iteration-count:infinite;
  561. -webkit-animation-timing-function:ease-in-out;
  562. -moz-animation-name: ninks;
  563. -moz-animation-duration:5s;
  564. -moz-animation-iteration-count:infinite;
  565. -moz-animation-timing-function:ease-in-out;
  566. font-size:25px;
  567. top:50px;
  568. left:350px;
  569.  
  570.  
  571. }
  572. @-webkit-keyframes ninks{
  573. from {-webkit-transform: scale(0.95);}
  574. 50% {-webkit-transform: scale(1.0);}
  575. to {-webkit-transform: scale(0.95);}
  576. }
  577.  
  578. @-moz-keyframes ninks{
  579. from {-webkit-transform: scale(0.95);}
  580. 100% {-webkit-transform: scale(1.0);}
  581. to {-webkit-transform: scale(0.95);}
  582. }
  583.  
  584. #ninks a:hover {
  585. opacity:1;
  586. -moz-transition-duration:.5s;
  587. -webkit-transition-duration:.5s;
  588. -o-transition-duration:.5s;
  589. -webkit-filter: blur(0px);
  590. filter: blur(0px);
  591. }
  592.  
  593.  
  594.  
  595. /*----------sinks---------*/
  596.  
  597. #sinks {
  598. position:fixed;
  599. font-family: "Times New Roman", Georgia, Serif;
  600.  
  601. color:#000000 ;
  602. width:30px;
  603.  
  604. font-size:25px;
  605. text-transform:uppercase;
  606. text-align:center;
  607. font-style:bold;
  608. line-height:280%;
  609.  
  610.  
  611. }
  612.  
  613. #sinks a {
  614. font-family: "Times New Roman", Georgia, Serif;
  615. line-height:150%;
  616. padding:1px;
  617. margin-top:1px;
  618. margin-left:30px;
  619. color:#eee
  620. position:absolute;
  621. position:fixed;
  622. opacity:0.95;
  623. filter: blur(1px);
  624. -webkit-animation-name: sinks;
  625. -webkit-animation-duration:5s;
  626. -webkit-animation-iteration-count:infinite;
  627. -webkit-animation-timing-function:ease-in-out;
  628. -moz-animation-name: sinks;
  629. -moz-animation-duration:5s;
  630. -moz-animation-iteration-count:infinite;
  631. -moz-animation-timing-function:ease-in-out;
  632. font-size:25px;
  633. top:250px;
  634. left:200px;
  635.  
  636. }
  637.  
  638. @-webkit-keyframes sinks{
  639. from {-webkit-transform: scale(0.95);}
  640. 50% {-webkit-transform: scale(1.0);}
  641. to {-webkit-transform: scale(0.95);}
  642. }
  643.  
  644. @-moz-keyframes sinks{
  645. from {-webkit-transform: scale(0.95);}
  646. 100% {-webkit-transform: scale(1.0);}
  647. to {-webkit-transform: scale(0.95);}
  648. }
  649.  
  650. #sinks a:hover {
  651. opacity:1;
  652. -moz-transition-duration:.5s;
  653. -webkit-transition-duration:.5s;
  654. -o-transition-duration:.5s;
  655. -webkit-filter: blur(0px);
  656. filter: blur(0px);
  657. }
  658.  
  659.  
  660. /*----------ainks---------*/
  661.  
  662.  
  663.  
  664. #ainks {
  665. position:fixed;
  666. font-family: 'Cinzel Decorative', cursive;
  667.  
  668. color:#000000 ;
  669. width:20px;
  670. text-transform:uppercase;
  671. text-align:center;
  672. font-style:bold;
  673. line-height:280%;
  674. -ms-transform: rotate(7deg); /* IE 9 */
  675. -webkit-transform: rotate(7deg); /* Safari 3-8 */
  676. transform: rotate(7deg);
  677.  
  678.  
  679. }
  680.  
  681. #ainks a {
  682. font-family: 'Cinzel Decorative', cursive;
  683. line-height:150%;
  684. padding:1px;
  685. margin-top:1px;
  686. margin-left:30px;
  687. color:#eee
  688. position:absolute;
  689. position:fixed;
  690. opacity:0.95;
  691. -webkit-animation-name: sinks;
  692. -webkit-animation-duration:5s;
  693. -webkit-animation-iteration-count:infinite;
  694. -webkit-animation-timing-function:ease-in-out;
  695. -moz-animation-name: sinks;
  696. -moz-animation-duration:5s;
  697. -moz-animation-iteration-count:infinite;
  698. -moz-animation-timing-function:ease-in-out;
  699. font-size:25px;
  700. top:370px;
  701. left:200px;
  702. -ms-transform: rotate(7deg); /* IE 9 */
  703. -webkit-transform: rotate(7deg); /* Safari 3-8 */
  704. transform: rotate(7deg);
  705.  
  706.  
  707. }
  708.  
  709. @-webkit-keyframes ainks{
  710. from {-webkit-transform: scale(0.95);}
  711. 50% {-webkit-transform: scale(1.0);}
  712. to {-webkit-transform: scale(0.95);}
  713. }
  714.  
  715. @-moz-keyframes ainks{
  716. from {-webkit-transform: scale(0.95);}
  717. 100% {-webkit-transform: scale(1.0);}
  718. to {-webkit-transform: scale(0.95);}
  719. }
  720.  
  721. #ainks a:hover {
  722. opacity:1;
  723. -moz-transition-duration:.5s;
  724. -webkit-transition-duration:.5s;
  725. -o-transition-duration:.5s;
  726. -webkit-filter: blur(0px);
  727. filter: blur(0px);
  728.  
  729. }
  730.  
  731. #sidethingy {
  732. z-index: 1;
  733. position:absolute;
  734. left:805px;
  735. top: 305px;
  736. height:250px;
  737. overflow-y:scroll;
  738. overflow-x:hidden;
  739. width:180px;
  740. letter-spacing:1px;
  741. font-size:8px !important;
  742. text-align:justify;
  743. border: px solid #424242;
  744. background-color:#a6b2ae;
  745. opacity:0;
  746.  
  747.  
  748.  
  749. }
  750. #sidethingy:hover {
  751.  
  752. -webkit-filter:none;
  753. -webkit-transition: all 0.6s ease-in-out;
  754. opacity:0;
  755. -webkit-transition: all 0.6s ease-in-out;
  756. -moz-transition: all 0.6s ease-in-out;
  757. -o-transition: all 0.6s ease-in-out;
  758. -ms-transition: all 0.6s ease-in-out;
  759. transition: all 0.6s ease-in-out; }
  760.  
  761.  
  762.  
  763. .credit {
  764. font-size:8px;
  765. position:fixed;
  766. font-weight:bold;
  767. bottom:5px;
  768. right:15px;
  769. z-index:10;
  770. text-align:right;
  771. letter-spacing:1px;
  772. padding:2px;
  773. border: 1px; solid black
  774. }
  775.  
  776.  
  777.  
  778. .popup_block{
  779. display:none;
  780. background: url("");
  781. background:transparent;
  782. padding:20px;
  783. float:left;
  784. height: 460px;
  785. width:280px;
  786. top:390px;
  787. left: 740px;
  788. position:fixed;
  789. z-index: 99999;
  790.  
  791. }
  792.  
  793. *html #fade {position: absolute;}
  794.  
  795.  
  796. *html .popup_block {position: absolute;}
  797. #fade {
  798. display: none; /*--hidden by default--*/
  799. position: fixed; left: 0; top: 0;
  800. width: 100%; height: 100%;
  801. opacity: .80;
  802. z-index: 9999;
  803. }
  804.  
  805.  
  806. #popupstuff {
  807. width: 265px;
  808. height:445px;
  809. margin-top:0px;
  810. margin-left:0px;
  811. z-index:999;
  812. padding: 5px;
  813. position:fixed;
  814. overflow-y:auto;
  815. overflow-x:hidden;
  816. padding-top:5px;
  817. font-family: 'Cinzel Decorative', cursive;
  818. font-size:10px;
  819. text-shadow:0px 0px 2px #eee;
  820. color: white;
  821. text-align:left;
  822. }
  823.  
  824. #askpopup {
  825. width: 255px;
  826. height:311px;
  827. margin-top:2px;
  828. margin-left:3px;
  829. z-index:9999999;
  830. padding: 10px;
  831. position:fixed;
  832. color:#bababa;
  833. overflow-y:auto;
  834. text-transform:lowercase;
  835. overflow-x:hidden;
  836. padding-top:-20px;
  837. text-align:justify;
  838. }
  839.  
  840.  
  841.  
  842.  
  843. </style>
  844.  
  845.  
  846. </head>
  847. <body>
  848.  
  849.  
  850.  
  851.  
  852. <div class="credit">
  853. <a title="background and coding done by Julie! " href="http://ignti.tumblr.com/" target="_blank">J .</a></div>
  854.  
  855. <div id="sinks"> <a href="#?w=480" rel="box3" class="poplight" title="A B O U T "> 1 </a></div>
  856.  
  857.  
  858. <div id="cinks">
  859. <a href="#?w=300" rel="rules" class="poplight" title=" R U L E S ">3</a></div>
  860. </div>
  861.  
  862. <div id="ninks">
  863. <a href="#?w=480" rel="box4" class="poplight" title=" V E R S E S ">2</a></div>
  864. </div>
  865.  
  866. <div id="dinks">
  867. <a href="#?w=480" rel="askbox" class="poplight" title=" A S K B O X ">4</a></div>
  868. </div>
  869.  
  870. <div id="ainks">
  871.  
  872. <a href="https://isimpure.tumblr.com/" title="home! " >
  873. <img src="">return!</a></div>
  874. </a><br>
  875.  
  876. </div>
  877.  
  878.  
  879. <div id="theme">
  880.  
  881. <div id="entries">{block:Posts}
  882.  
  883. <div id="post">
  884.  
  885.  
  886. {block:Text}
  887. <br>
  888. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  889. {block:Body}
  890. <div class="body-text">
  891. {Body}
  892. </div>
  893. {/block:Body}
  894. {/block:Text}
  895.  
  896. {block:Quote}
  897. <blockquote class="words {Length}">&#8220;{Quote}&#8221;</blockquote>
  898. {block:Source}<p class="source">&mdash; {Source}</p>{/block:Source}
  899. {/block:Quote}
  900.  
  901. {block:Link}
  902. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  903. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  904. {/block:Link}
  905.  
  906. {block:Audio}
  907. {block:AlbumArt}<img src="{AlbumArtURL}" alt="">{/block:AlbumArt}
  908. <div class="audio-player">
  909. {block:AudioEmbed}
  910. {AudioEmbed color="white"}
  911. {/block:AudioEmbed}
  912. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  913. </div>
  914. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  915. {/block:Audio}
  916.  
  917. {block:Photo}
  918. <div class="postPhoto">
  919. <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  920.  
  921. {block:Caption}
  922. <div class="caption">{Caption}</div>
  923. {/block:Caption}
  924. </div>
  925. {/block:Photo}
  926.  
  927. {block:Photoset}
  928.  
  929. {Photoset-250}{block:Caption}
  930. <div class="caption">{Caption}</div>
  931. {/block:Caption}
  932.  
  933. {/block:Photoset}
  934.  
  935. {block:Panorama}
  936. <figure{block:Caption} class="with-caption"{/block:Caption}>
  937. {LinkOpenTag}<img src="{PhotoURL-Panorama}" width="{PhotoWidth-Panorama}" height="{PhotoHeight-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  938. {block:Caption}<figcaption class="caption">{Caption}</figcaption>{/block:Caption}
  939. </figure>
  940. {/block:Panorama}
  941.  
  942. {block:Video}
  943. <figure{block:Caption} class="with-caption"{/block:Caption}>
  944. <div class="video-player">
  945. {Video-250}
  946. </div>
  947. {block:Caption}<figcaption class="caption">{Caption}</figcaption>{/block:Caption}
  948. </figure>
  949. {/block:Video}
  950.  
  951. {block:Chat}
  952. {block:Title}<h2>{Title}</h2>{/block:Title}
  953. <ul class="conversation">
  954. {block:Lines}
  955. <li class="line {Alt}">
  956. {block:Label}<span class="person">{Label}</span>{/block:Label}
  957. <span class="person-said">{Line}</span>
  958. </li>
  959. {/block:Lines}
  960. </ul>
  961. {/block:Chat}
  962.  
  963. {block:Answer}
  964. <section class="question">
  965. <div class="asker"> <em> {lang:Asker asked}:</em></div>
  966. <div class="asker-question">
  967. {Question}
  968. </div>
  969. </section>
  970. {block:Answerer}
  971. <section class="answerer">
  972.  
  973. <p>{lang:Answer} {Answerer}:</p>
  974. <div class="answerer-answer">
  975. {Answer}
  976. </div>
  977. </section>
  978. {/block:Answerer}
  979. <div class="replies">{Replies}</div>
  980. {/block:Answer}
  981.  
  982.  
  983.  
  984.  
  985. </article>
  986.  
  987. </div>
  988.  
  989. <div class="info">
  990. {block:Date}
  991. <b><a href="{Permalink}">{DayOfMonthWithZero}.{ShortMonth}.{ShortYear}</b></a>
  992. {/block:Date}
  993.  
  994. &nbsp;&nbsp;
  995. <a href="{Permalink}">{NoteCountWithLabel}</a>
  996. &nbsp;&nbsp;
  997.  
  998. {block:RebloggedFrom}
  999. <a href="{ReblogParentURL}" title="{ReblogParenttitle}">via </a>
  1000. {block:ContentSource}
  1001. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}">| src</a>
  1002. {/block:ContentSource}
  1003. {/block:RebloggedFrom}
  1004.  
  1005. <a href="{ReblogURL}" target="_blank" class="details">| rb</a>
  1006.  
  1007.  
  1008. </div>
  1009. {block:HasTags}
  1010. <div class="tags">
  1011. {block:Tags}
  1012. <a href="{TagURL}">#{Tag}</a>
  1013. {/block:Tags}
  1014. </div>
  1015. {/block:HasTags}
  1016. {/block:Posts}
  1017.  
  1018. {block:PermalinkPagination}
  1019. <div class="pagination">
  1020. {block:PreviousPost}<a class="prev" href="{PreviousPost}">{lang:Previous post}</a>{/block:PreviousPost}
  1021. {block:NextPost}<a class="next" href="{NextPost}">{lang:Next post}</a>{/block:NextPost}
  1022. </div>
  1023. {/block:PermalinkPagination}
  1024.  
  1025. {block:Pagination}
  1026. <div class="pagination">
  1027. {block:PreviousPage}<a class="prev" href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
  1028.  
  1029. {block:JumpPagination length="5"}
  1030. {block:CurrentPage}<span class="current-page">{PageNumber}</span>{/block:CurrentPage}
  1031. {block:JumpPage}<a class="jump-page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1032. {/block:JumpPagination}
  1033.  
  1034. {block:NextPage}<a class="next" href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  1035. </div>
  1036. {/block:Pagination}
  1037.  
  1038. </main>
  1039.  
  1040.  
  1041. </div>
  1042. </div>
  1043. </div>
  1044.  
  1045.  
  1046. </body>
  1047. <div id="askbox" class="popup_block">
  1048. <div style=" position:fixed;
  1049. background-color:#000;
  1050. height:445px;
  1051. width:350px;
  1052. top: 150px;
  1053. left:350px;">
  1054. <div id="popupstuff">
  1055.  
  1056. <center><h3> Tell me what you want ? </h3> </center>
  1057.  
  1058. <br>
  1059.  
  1060. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/isimpure.tumblr.com" width="100%" style="height: 250px;"></iframe>
  1061.  
  1062. </div>
  1063. </div>
  1064. </div>
  1065.  
  1066.  
  1067. <div id="rules" class="popup_block">
  1068. <div style=" position:fixed;
  1069. background-color:#000;
  1070. height:445px;
  1071. width:350px;
  1072. top: 150px;
  1073. left:350px;">
  1074. <div id="popupstuff">
  1075.  
  1076. tbd.
  1077.  
  1078.  
  1079. </div>
  1080. </div>
  1081. </div>
  1082.  
  1083.  
  1084.  
  1085. <div id="box3" class="popup_block">
  1086. <div style=" position:fixed;
  1087. background-color:#000;
  1088. height:445px;
  1089. width:350px;
  1090. top: 150px;
  1091. left:350px;">
  1092. <div id="popupstuff">
  1093.  
  1094. tbd.
  1095.  
  1096.  
  1097.  
  1098. </div>
  1099. </div>
  1100. </div>
  1101. </div>
  1102.  
  1103.  
  1104.  
  1105. <div id="box4" class="popup_block">
  1106. <div style=" position:fixed;
  1107. background-color:#000;
  1108. height:445px;
  1109. width:350px;
  1110. top: 150px;
  1111. left:350px;">
  1112. <div id="popupstuff">
  1113.  
  1114. tbd.
  1115.  
  1116. </div>
  1117. </div>
  1118. </div>
  1119.  
  1120.  
  1121.  
  1122.  
  1123. <div id="box5" class="popup_block">
  1124. <div style=" position:fixed;
  1125. background-color:#000;
  1126. height:445px;
  1127. width:350px;
  1128. top: 150px;
  1129. left:350px;">
  1130. <div id="popupstuff">
  1131. <br>
  1132.  
  1133. tbd.
  1134.  
  1135.  
  1136. </div>
  1137.  
  1138.  
  1139. </div>
  1140. </div>
  1141. </div>
  1142.  
  1143.  
  1144. </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!