API tools faq
paste
Advertisement
DeathJ

Andy's Theme

DeathJ
Jan 24th, 2018
118
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.37 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.  
  87.  
  88. <style type="text/css">
  89.  
  90. /*----------scrollbar---------*/
  91.  
  92. ::-webkit-scrollbar-thumb:vertical {
  93.  
  94. border:0px solid #ae9fa7 ;
  95. background-color:#400 ;
  96. }
  97. ::-webkit-scrollbar-thumb:horizontal {
  98. background-color:#400 ;
  99. }
  100. ::-webkit-scrollbar {
  101. width:0px;
  102.  
  103. border:10px ;
  104.  
  105.  
  106.  
  107. }
  108. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  109. display:block;
  110. height:8px;
  111. background-color:#400px ;
  112. }
  113.  
  114. /*----------body and text---------*/
  115.  
  116. body {
  117. background: {color:Background}
  118. url('https://i.imgur.com/G99eYCI.gif')
  119. fixed; background-size: no-repeat;
  120. background-repeat: no-repeat;
  121. background-attachment:top left;
  122. font-family: 'Cinzel Decorative', cursive;
  123. font-size:15px;
  124. font-weight:bold;
  125. text-shadow: 1px 1px 0px black;
  126. color: #7c7c7c;
  127. text-shadow: 0px 0px 0px black;
  128. text-align: left;
  129. position: absolute;
  130. }
  131. blockquote {
  132. width:91%;
  133. margin-bottom:10px;
  134. padding:0px 10px 0px 15px;
  135. margin-left:0px;
  136. border-left:1px broken #afafaf
  137.  
  138. }
  139.  
  140. b, strong {
  141. font-family: 'Merienda One', cursive;
  142. font-size:14px;
  143. text-align:center;
  144. font-size: 12px;
  145. line-height:10px;
  146. text-shadow: 1px 1px 5px #eee;
  147. letter-spacing:2px;
  148. color: #000 ; /* font color */
  149. }
  150.  
  151. i, em {
  152. text-transform:italic;
  153. color:#eee ;
  154. font-size:13px;
  155. font-family: 'Courgette', cursive;
  156. text-shadow: 1px 1px 8px #deeff2;
  157. }
  158.  
  159. a {
  160. font-family: 'Kalam', cursive;
  161. text-decoration:none;
  162. color:#fff;
  163. text-transform:lowercase;
  164. font-size:15px;
  165. text-shadow: 5px 2px 5px #eee;
  166. -moz-transition-duration:0.5s;
  167. -webkit-transition-duration:0.5s;
  168. -o-transition-duration:0.5s;
  169. }
  170.  
  171. a:hover {
  172. text-decoration:none;
  173. outline:none;
  174. -moz-outline-style:none;
  175. color:white;
  176. font-size : 18px;
  177. }
  178.  
  179. img {
  180. opacity:1;
  181. text-decoration:none;
  182. }
  183.  
  184. h1 {
  185. font-size:15px;
  186. font-weight:bold;
  187. text-shadow: 1px 1px 0px black;
  188. }
  189.  
  190. small, sup
  191. {
  192. font-size: 12px;
  193. }
  194.  
  195. h3 {
  196.  
  197. text-transform:uppercase;
  198. color: white;
  199. padding:5px;
  200. text-align:center;
  201. border-radius:4px;
  202. background-repeat:no-repeat;
  203. line-height:100%;
  204. color:#e6e6e6;
  205. text-shadow:1px 1px 7px #000,
  206. font-size:13px;
  207. font-family: 'Merienda One', cursive;
  208. letter-spacing:1px;
  209. background-image:url('https://i.imgur.com/6DhSWeP.gif');
  210. }
  211.  
  212. /*----------theme and entries---------*/
  213.  
  214. #theme {
  215. z-index:9;
  216. opacity:1;
  217. position:fixed;
  218. background-color:#aaaeaa;
  219. height:294px;
  220. width:270px;
  221. top: 192px;
  222. left:504px;
  223. margin:0px 0px;
  224. margin-left:5px;
  225. margin-top:5px;
  226. margin-bottom:20px;
  227. overflow-x:hidden;
  228. overflow-y:auto;
  229. -moz-transition-duration:0.9s;
  230. -webkit-transition-duration:0.9s;
  231. -o-transition-duration:0.9s;
  232. -webkit-mask-image: -webkit-gradient(
  233. linear, center 95%, center bottom,
  234. from(rgba(0,0,0,20)),
  235. to(rgba(20,0,0,0)));
  236.  
  237. }
  238.  
  239. #theme:hover {
  240. opacity:1;
  241. -moz-transition-duration:1s;
  242. -webkit-transition-duration:1s;
  243. -o-transition-duration:1s;
  244. }
  245.  
  246. .posts {
  247.  
  248. width:250px;
  249. padding-bottom:60px;
  250. margin-bottom:20px;
  251. margin-top:20px;
  252. padding:5px;
  253. }
  254.  
  255. .entries {
  256.  
  257.  
  258. background-color:#000000;
  259. text-align:left;
  260. border: px solid #424242;
  261. z-index:1;
  262. overflow-x:hidden;
  263. overflow-y:auto;
  264. margin-bottom:20px;
  265. margin-left:3px;
  266. opacity:0;
  267. padding:5px;
  268. overflow:auto;
  269. -moz-transition:all ease-in-out 0.6s;
  270. -webkit-transition:all ease-in-out 0.6s;
  271. -o-transition:all ease-in-out 0.6s;
  272. transition:all ease-in-out 0.6s;
  273.  
  274. }
  275.  
  276. .entries:hover {
  277.  
  278. opacity:1;
  279. -moz-transition:all ease-in-out 0.6s;
  280. -webkit-transition:all ease-in-out 0.6s;
  281. -o-transition:all ease-in-out 0.6s;
  282. transition:all ease-in-out 0.6s;
  283. }
  284.  
  285. img {
  286.  
  287. max-width:300px!important;
  288. max-height:300px!important;
  289. }
  290.  
  291. img:hover {
  292. -webkit-filter: grayscale(0%);
  293. z-index: -9999999999999999999999999px;
  294. -webkit-transition: all 0.9s ease-in-out;
  295. -moz-transition: all 0.9s ease-in-out;
  296. -o-transition: all 0.9s ease-in-out;
  297. -ms-transition: all 0.9s ease-in-out;
  298. transition: all 0.9s ease-in-out;
  299. }
  300. blockquote img, blockquote figure {
  301. max-width:100%;
  302. height:auto;
  303. }
  304.  
  305. /*----------post info---------*/
  306.  
  307. .info {
  308.  
  309. color:#e6e6e6;
  310. text-shadow:1px 1px 0px #000,
  311. font-size:14px;
  312. font-family: 'Merienda One', cursive;
  313. text-align:center;
  314. padding:5px;
  315. background: #000;
  316. background-image:url('https://i.imgur.com/Z2xXUu3.gif');
  317. background-repeat:repeat;
  318. padding:2px;
  319. color:#ffffff;
  320. border: 1px solid #717171;
  321. border-bottom-left-radius: 15px;
  322. border-top-left-radius: 15px;
  323. text-transform: uppercase;
  324. -moz-transition-duration:0.2s;
  325. -webkit-transition-duration:0.2s;
  326. -o-transition-duration:0.2s;
  327. }
  328.  
  329.  
  330.  
  331.  
  332. .tags {
  333. margin-top:5px;
  334. font-size:10px;
  335. letter-spacing:1px;
  336. text-shadow: 1px 1px 7px black;
  337. text-align:center;
  338. padding:2px;
  339. }
  340.  
  341. .tags a {
  342. margin-right:8px;
  343. font-size:10px;
  344.  
  345.  
  346. }
  347.  
  348. .tags hover {
  349. font-size : 12px;
  350. color:#eeeeee;
  351.  
  352.  
  353.  
  354. }
  355.  
  356. /*----------post notes---------
  357.  
  358. #links {
  359. position:fixed;
  360. font-family: "Times New Roman", Georgia, Serif;
  361.  
  362. color:black ;
  363. width:30px;
  364. top:202px;
  365. left:335px;
  366. font-size:25px;
  367. text-transform:uppercase;
  368. text-align:center;
  369. font-style:bold;
  370. line-height:280%;
  371.  
  372.  
  373. }
  374. #links a{
  375.  
  376. color:black;
  377. }
  378.  
  379. */
  380.  
  381. /*----------dinks ASK---------*/ ASK
  382.  
  383. #dinks {
  384. position:fixed;
  385. font-family: "Times New Roman", Georgia, Serif;
  386.  
  387. color:#000000 ;
  388. width:30px;
  389.  
  390. text-transform:uppercase;
  391. text-align:center;
  392. font-style:bold;
  393. line-height:280%;
  394. -webkit-transform: rotate(370deg);
  395. -moz-transform: rotate(450deg);
  396. -o-transform: rotate(450deg);
  397.  
  398. }
  399.  
  400. #dinks a{
  401. font-family: "Times New Roman", Georgia, Serif;
  402. line-height:150%;
  403. padding:1px;
  404. margin-top:1px;
  405. margin-left:30px;
  406. color:#eee
  407. position:absolute;
  408. position:fixed;
  409. opacity:0.95;
  410. filter: blur(1px);
  411. -webkit-animation-name: cinks;
  412. -webkit-animation-duration:5s;
  413. -webkit-animation-iteration-count:infinite;
  414. -webkit-animation-timing-function:ease-in-out;
  415. -moz-animation-name: cinks;
  416. -moz-animation-duration:5s;
  417. -moz-animation-iteration-count:infinite;
  418. -moz-animation-timing-function:ease-in-out;
  419. font-size:25px;
  420. top:140px;
  421. left:470px;
  422.  
  423.  
  424.  
  425. }
  426.  
  427. @-webkit-keyframes dinks{
  428. from {-webkit-transform: scale(0.95);}
  429. 50% {-webkit-transform: scale(1.0);}
  430. to {-webkit-transform: scale(0.95);}
  431. }
  432.  
  433. @-moz-keyframes dinks{
  434. from {-webkit-transform: scale(0.95);}
  435. 100% {-webkit-transform: scale(1.0);}
  436. to {-webkit-transform: scale(0.95);}
  437. }
  438.  
  439. #dinks a:hover {
  440. opacity:1;
  441. -moz-transition-duration:.5s;
  442. -webkit-transition-duration:.5s;
  443. -o-transition-duration:.5s;
  444. -webkit-filter: blur(0px);
  445. filter: blur(0px);
  446. }
  447.  
  448.  
  449.  
  450.  
  451.  
  452. /*----------cinks---------*/
  453. #cinks {
  454. position:fixed;
  455. font-family: "Times New Roman", Georgia, Serif;
  456.  
  457. color:#000000 ;
  458. width:30px;
  459.  
  460. text-transform:uppercase;
  461. text-align:center;
  462. font-style:bold;
  463. line-height:280%;
  464.  
  465.  
  466. }
  467.  
  468. #cinks a {
  469. font-family: "Times New Roman", Georgia, Serif;
  470. line-height:150%;
  471. padding:1px;
  472. margin-top:1px;
  473. margin-left:30px;
  474. color:#eee
  475. position:absolute;
  476. position:fixed;
  477. opacity:0.95;
  478. filter: blur(1px);
  479. -webkit-animation-name: cinks;
  480. -webkit-animation-duration:5s;
  481. -webkit-animation-iteration-count:infinite;
  482. -webkit-animation-timing-function:ease-in-out;
  483. -moz-animation-name: cinks;
  484. -moz-animation-duration:5s;
  485. -moz-animation-iteration-count:infinite;
  486. -moz-animation-timing-function:ease-in-out;
  487. font-size:25px;
  488. top:140px;
  489. left:540px;
  490.  
  491. }
  492. @-webkit-keyframes cinks{
  493. from {-webkit-transform: scale(0.95);}
  494. 50% {-webkit-transform: scale(1.0);}
  495. to {-webkit-transform: scale(0.95);}
  496. }
  497.  
  498. @-moz-keyframes cinks{
  499. from {-webkit-transform: scale(0.95);}
  500. 100% {-webkit-transform: scale(1.0);}
  501. to {-webkit-transform: scale(0.95);}
  502. }
  503.  
  504. #cinks a:hover {
  505. opacity:1;
  506. -moz-transition-duration:.5s;
  507. -webkit-transition-duration:.5s;
  508. -o-transition-duration:.5s;
  509. -webkit-filter: blur(0px);
  510. filter: blur(0px);
  511. }
  512.  
  513.  
  514.  
  515. /*----------ninks---------*/
  516.  
  517. #ninks {
  518. position:fixed;
  519. font-family: "Times New Roman", Georgia, Serif;
  520.  
  521. color:#000000 ;
  522. width:30px;
  523. text-transform:uppercase;
  524. text-align:center;
  525. font-style:bold;
  526. line-height:280%;
  527.  
  528.  
  529. }
  530.  
  531. #ninks a {
  532. font-family: "Times New Roman", Georgia, Serif;
  533. line-height:150%;
  534. padding:1px;
  535. margin-top:1px;
  536. margin-left:30px;
  537. color:#eee
  538. position:absolute;
  539. position:fixed;
  540. opacity:0.95;
  541. filter: blur(1px);
  542. -webkit-animation-name: ninks;
  543. -webkit-animation-duration:5s;
  544. -webkit-animation-iteration-count:infinite;
  545. -webkit-animation-timing-function:ease-in-out;
  546. -moz-animation-name: ninks;
  547. -moz-animation-duration:5s;
  548. -moz-animation-iteration-count:infinite;
  549. -moz-animation-timing-function:ease-in-out;
  550. font-size:25px;
  551. top:140px;
  552. left:600px;
  553.  
  554. }
  555. @-webkit-keyframes ninks{
  556. from {-webkit-transform: scale(0.95);}
  557. 50% {-webkit-transform: scale(1.0);}
  558. to {-webkit-transform: scale(0.95);}
  559. }
  560.  
  561. @-moz-keyframes ninks{
  562. from {-webkit-transform: scale(0.95);}
  563. 100% {-webkit-transform: scale(1.0);}
  564. to {-webkit-transform: scale(0.95);}
  565. }
  566.  
  567. #ninks a:hover {
  568. opacity:1;
  569. -moz-transition-duration:.5s;
  570. -webkit-transition-duration:.5s;
  571. -o-transition-duration:.5s;
  572. -webkit-filter: blur(0px);
  573. filter: blur(0px);
  574. }
  575.  
  576.  
  577.  
  578. /*----------sinks---------*/
  579.  
  580. #sinks {
  581. position:fixed;
  582. font-family: "Times New Roman", Georgia, Serif;
  583.  
  584. color:#000000 ;
  585. width:30px;
  586.  
  587. font-size:25px;
  588. text-transform:uppercase;
  589. text-align:center;
  590. font-style:bold;
  591. line-height:280%;
  592.  
  593.  
  594. }
  595.  
  596. #sinks a {
  597. font-family: "Times New Roman", Georgia, Serif;
  598. line-height:150%;
  599. padding:1px;
  600. margin-top:1px;
  601. margin-left:30px;
  602. color:#eee
  603. position:absolute;
  604. position:fixed;
  605. opacity:0.95;
  606. filter: blur(1px);
  607. -webkit-animation-name: sinks;
  608. -webkit-animation-duration:5s;
  609. -webkit-animation-iteration-count:infinite;
  610. -webkit-animation-timing-function:ease-in-out;
  611. -moz-animation-name: sinks;
  612. -moz-animation-duration:5s;
  613. -moz-animation-iteration-count:infinite;
  614. -moz-animation-timing-function:ease-in-out;
  615. font-size:25px;
  616. top:140px;
  617. left:670px;
  618.  
  619. }
  620.  
  621. @-webkit-keyframes sinks{
  622. from {-webkit-transform: scale(0.95);}
  623. 50% {-webkit-transform: scale(1.0);}
  624. to {-webkit-transform: scale(0.95);}
  625. }
  626.  
  627. @-moz-keyframes sinks{
  628. from {-webkit-transform: scale(0.95);}
  629. 100% {-webkit-transform: scale(1.0);}
  630. to {-webkit-transform: scale(0.95);}
  631. }
  632.  
  633. #sinks a:hover {
  634. opacity:1;
  635. -moz-transition-duration:.5s;
  636. -webkit-transition-duration:.5s;
  637. -o-transition-duration:.5s;
  638. -webkit-filter: blur(0px);
  639. filter: blur(0px);
  640. }
  641.  
  642.  
  643. /*----------ainks---------*/
  644.  
  645.  
  646.  
  647. #ainks {
  648. position:fixed;
  649. font-family: "Times New Roman", Georgia, Serif;
  650.  
  651. color:#000000 ;
  652. width:20px;
  653. text-transform:uppercase;
  654. text-align:center;
  655. font-style:bold;
  656. line-height:280%;
  657. -ms-transform: rotate(7deg); /* IE 9 */
  658. -webkit-transform: rotate(7deg); /* Safari 3-8 */
  659. transform: rotate(7deg);
  660.  
  661.  
  662. }
  663.  
  664. #ainks a {
  665. font-family: "Times New Roman", Georgia, Serif;
  666. line-height:150%;
  667. padding:1px;
  668. margin-top:1px;
  669. margin-left:30px;
  670. color:#eee
  671. position:absolute;
  672. position:fixed;
  673. opacity:0.95;
  674. -webkit-animation-name: sinks;
  675. -webkit-animation-duration:5s;
  676. -webkit-animation-iteration-count:infinite;
  677. -webkit-animation-timing-function:ease-in-out;
  678. -moz-animation-name: sinks;
  679. -moz-animation-duration:5s;
  680. -moz-animation-iteration-count:infinite;
  681. -moz-animation-timing-function:ease-in-out;
  682. font-size:25px;
  683. top:45px;
  684. left:770px;
  685. -ms-transform: rotate(7deg); /* IE 9 */
  686. -webkit-transform: rotate(7deg); /* Safari 3-8 */
  687. transform: rotate(7deg);
  688.  
  689.  
  690. }
  691.  
  692. @-webkit-keyframes ainks{
  693. from {-webkit-transform: scale(0.95);}
  694. 50% {-webkit-transform: scale(1.0);}
  695. to {-webkit-transform: scale(0.95);}
  696. }
  697.  
  698. @-moz-keyframes ainks{
  699. from {-webkit-transform: scale(0.95);}
  700. 100% {-webkit-transform: scale(1.0);}
  701. to {-webkit-transform: scale(0.95);}
  702. }
  703.  
  704. #ainks a:hover {
  705. opacity:1;
  706. -moz-transition-duration:.5s;
  707. -webkit-transition-duration:.5s;
  708. -o-transition-duration:.5s;
  709. -webkit-filter: blur(0px);
  710. filter: blur(0px);
  711.  
  712. }
  713.  
  714. #sidethingy {
  715. z-index: 1;
  716. position:absolute;
  717. left:805px;
  718. top: 305px;
  719. height:250px;
  720. overflow-y:scroll;
  721. overflow-x:hidden;
  722. width:180px;
  723. letter-spacing:1px;
  724. font-size:8px !important;
  725. text-align:justify;
  726. border: px solid #424242;
  727. background-color:#aaaeaa;
  728. opacity:1;
  729.  
  730.  
  731.  
  732. }
  733. #sidethingy:hover {
  734.  
  735. -webkit-filter:none;
  736. -webkit-transition: all 0.6s ease-in-out;
  737. opacity:1;
  738. -webkit-transition: all 0.6s ease-in-out;
  739. -moz-transition: all 0.6s ease-in-out;
  740. -o-transition: all 0.6s ease-in-out;
  741. -ms-transition: all 0.6s ease-in-out;
  742. transition: all 0.6s ease-in-out; }
  743.  
  744.  
  745.  
  746. .credit {
  747. font-size:8px;
  748. position:fixed;
  749. font-weight:bold;
  750. bottom:5px;
  751. right:15px;
  752. z-index:10;
  753. text-align:right;
  754. letter-spacing:1px;
  755. padding:2px;
  756. border: 1px; solid black
  757. }
  758.  
  759.  
  760.  
  761. .popup_block{
  762. display:none;
  763. background: url("");
  764. background:transparent;
  765. padding:20px;
  766. float:left;
  767. height: 460px;
  768. width:280px;
  769. top:390px;
  770. left: 740px;
  771. position:fixed;
  772. z-index: 99999;
  773.  
  774. }
  775.  
  776. *html #fade {position: absolute;}
  777.  
  778.  
  779. *html .popup_block {position: absolute;}
  780. #fade {
  781. display: none; /*--hidden by default--*/
  782. position: fixed; left: 0; top: 0;
  783. width: 100%; height: 100%;
  784. opacity: .80;
  785. z-index: 9999;
  786. }
  787.  
  788.  
  789. #popdatass {
  790. width: 265px;
  791. height: 290px;
  792. margin-top:0px;
  793. margin-left:0px;
  794. z-index:999;
  795. padding: 5px;
  796. position:fixed;
  797. overflow-y:auto;
  798. overflow-x:hidden;
  799. padding-top:5px;
  800. font-family: 'Cinzel Decorative', cursive;
  801. font-size:10px;
  802. text-shadow:0px 0px 2px #eee;
  803. color: white;
  804. text-align:left;
  805. }
  806.  
  807. #askpopup {
  808. width: 255px;
  809. height:311px;
  810. margin-top:2px;
  811. margin-left:3px;
  812. z-index:9999999;
  813. padding: 10px;
  814. position:fixed;
  815. color:#bababa;
  816. overflow-y:auto;
  817. text-transform:lowercase;
  818. overflow-x:hidden;
  819. padding-top:-20px;
  820. text-align:justify;
  821. }
  822.  
  823.  
  824.  
  825.  
  826. </style>
  827.  
  828.  
  829. </head>
  830. <body>
  831.  
  832.  
  833. <div class="credit">
  834. <a title="background and basic coding done by Julie! " href="http://mideoku.tumblr.com/" target="_blank">J .</a></div>
  835.  
  836. <div id="sinks"> <a href="#?w=480" rel="box3" class="poplight" title="A B O U T "><img src=""> BIO. </a></div>
  837.  
  838.  
  839. <div id="cinks">
  840. <a href="#?w=300" rel="rules" class="poplight" title=" R U L E S "><img src="">RULES.</a></div>
  841. </div>
  842.  
  843. <div id="ninks">
  844. <a href="#?w=480" rel="box4" class="poplight" title=" V E R S E S "><img src="">VERSES.</a></div>
  845. </div>
  846.  
  847. <div id="dinks">
  848. <a href="#?w=480" rel="askbox" class="poplight" title=" A S K B O X "><img src="">INBOX.</a></div>
  849. </div>
  850.  
  851. <div id="ainks">
  852.  
  853. <a href="https://kaeruhop.tumblr.com/" title="H O M E " >
  854. <img src="">HOME!</a></div>
  855. </a><br>
  856.  
  857.  
  858.  
  859. </div>
  860.  
  861.  
  862. <!-- SCM Music Player http://scmplayer.co -->
  863. <!-- SCM Music Player script end -->
  864.  
  865. <div id="sidethingy">
  866.  
  867. <center><h3> Example text </h3> </center>
  868.  
  869. example text
  870.  
  871. <center><h3> Example text </h3> </center>
  872.  
  873.  
  874. example text
  875. </div>
  876.  
  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="background: #aaaeaa; position:fixed;
  1049. height:300px;
  1050. width:275px;
  1051. top: 197px;
  1052. left: 504px;">
  1053. <div id="popdatass">
  1054.  
  1055. <center><h3> Tell me what you want ? </h3> </center>
  1056.  
  1057. <br>
  1058.  
  1059. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/hisverglas.tumblr.com" width="100%" style="height: 250px;"></iframe>
  1060.  
  1061. </div>
  1062. </div>
  1063. </div>
  1064.  
  1065.  
  1066. <div id="rules" class="popup_block">
  1067. <div style="background: #aaaeaa; position:fixed;
  1068. height:300px;
  1069. width:275px;
  1070. top: 197px;
  1071. left: 504px;">
  1072. <div id="popdatass">
  1073.  
  1074. <h1>RULES</h1>
  1075.  
  1076. <!-- Write your rules here / copy the code from a seperate page and paste here! -->
  1077.  
  1078.  
  1079. </div>
  1080. </div>
  1081. </div>
  1082.  
  1083.  
  1084.  
  1085. <div id="box3" class="popup_block">
  1086. <div style="background: #aaaeaa; position:fixed;
  1087. height:300px;
  1088. width:275px;
  1089. top: 197px;
  1090. left: 504px;">
  1091. <div id="popdatass">
  1092. <br>
  1093.  
  1094. <h1>BIO.&nbsp;</h1>
  1095. <!-- Write your bio here / copy the code from a seperate page and paste here! -->
  1096.  
  1097.  
  1098. </div>
  1099. </div>
  1100. </div>
  1101. </div>
  1102.  
  1103.  
  1104.  
  1105. <div id="box4" class="popup_block">
  1106. <div style="background: #aaaeaa; position:fixed;
  1107. height:300px;
  1108. width:275px;
  1109. top: 197px;
  1110. left: 504px;">
  1111. <div id="popdatass">
  1112. <br>
  1113. <h1>Verseology.&nbsp;</h1>
  1114. <!-- Write your verses here / copy the code from a seperate page and paste here! -->
  1115.  
  1116. </div>
  1117. </div>
  1118. </div>
  1119.  
  1120.  
  1121.  
  1122. </div>
  1123. </div>
  1124. </div>
  1125.  
  1126.  
  1127. </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!