API tools faq
paste
Advertisement
Guest User

zatanna

a guest
Jul 15th, 2018
102
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.76 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4.  
  5.  
  6. <!---THEME BY AELIN / TCMBRAIDER. DO NOT STEAL OR USE AS A BASE CODE.
  7. TAB TUTORIAL BY SHOMAXTER. BASE, ANIMATION & POP UP TUTORIAL BY OCTOMOOSEY. TOOLTIPS ACUITE. AUDIO POSTS ETTUDIS. IMAGE WRAPPING INVICTUSMANET--->
  8.  
  9.  
  10. <script type="text/javascript"
  11. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12. <script>
  13. $(document).ready(function() {
  14. //
  15. $('a.poplight[href^=#]').click(function() {
  16. var popID = $(this).attr('rel'); //Get Popup Name
  17. var popURL = $(this).attr('href'); //Get Popup href to define size
  18. var query= popURL.split('?');
  19. var dim= query[1].split('&');
  20. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  21. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="" class="btn_close" title="" alt="" /></a>');
  22. var popMargTop = ($('#' + popID).height() + 80) / 2;
  23. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  24. //Apply Margin to Popup
  25. $('#' + popID).css({
  26. 'margin-top' : -popMargTop,
  27. 'margin-left' : -popMargLeft
  28. });
  29. $('body').append('<div id="fade"></div>');
  30. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  31. return false;
  32. });
  33. $('a.close, #fade').live('click', function() {
  34. $('#fade , .popup_block').fadeOut(function() {
  35. $('#fade, a.close').remove(); //fade them both out
  36. });
  37. return false;
  38. });
  39. });
  40. </script>
  41.  
  42.  
  43.  
  44. <!--tooltip styling script-->
  45.  
  46.  
  47. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  48. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  49. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  50. <script>
  51. (function($){
  52. $(document).ready(function(){
  53. $("[title]").style_my_tooltips({
  54. tip_follows_cursor:true,
  55. tip_delay_time:200,
  56. tip_fade_speed:500
  57. });
  58. });
  59. })(jQuery);
  60. </script>
  61.  
  62. <script>
  63.  
  64. $(document).ready(function(){
  65. $("ul#tabs li").click(function(e){
  66. if (!$(this).hasClass("active")) {
  67. var tabNum = $(this).index();
  68. var nthChild = tabNum+1;
  69. $("ul#tabs li.active").removeClass("active");
  70. $(this).addClass("active");
  71. $("ul#tab li.active").removeClass("active");
  72. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  73. }
  74. });
  75. });
  76. </script>
  77.  
  78.  
  79.  
  80.  
  81. <title>{Title}</title>
  82. <link rel="shortcut icon" href="{Favicon}">
  83. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  84. {block:Description}
  85. <meta name="description" content="{MetaDescription}" />
  86. {/block:Description}
  87.  
  88.  
  89.  
  90. </head>
  91.  
  92.  
  93.  
  94. <!---custom fonts--->
  95.  
  96. <link href="https://fonts.googleapis.com/css?family=Cookie|Dancing+Script|Great+Vibes|Homemade+Apple|Orbitron|Shadows+Into+Light|Shadows+Into+Light+Two|Unica+One" rel="stylesheet">
  97. <link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
  98. <link href="https://fonts.googleapis.com/css?family=Geo" rel="stylesheet">
  99. <link href="https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield" rel="stylesheet">
  100. <link href="https://fonts.googleapis.com/css?family=Kristi" rel="stylesheet">
  101. <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
  102. <link href="https://fonts.googleapis.com/css?family=Share+Tech+Mono" rel="stylesheet">
  103. <link href="https://fonts.googleapis.com/css?family=Pathway+Gothic+One" rel="stylesheet">
  104. <link href="https://fonts.googleapis.com/css?family=VT323" rel="stylesheet">
  105. <link href="https://fonts.googleapis.com/css?family=Shadows+Into+Light" rel="stylesheet">
  106. <link href="https://fonts.googleapis.com/css?family=Economica" rel="stylesheet">
  107. <link href="https://fonts.googleapis.com/css?family=Seaweed+Script" rel="stylesheet">
  108. <link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
  109. <link href="https://fonts.googleapis.com/css?family=Alex+Brush" rel="stylesheet">
  110. <link href="https://fonts.googleapis.com/css?family=Spectral" rel="stylesheet">
  111. <link href="https://fonts.googleapis.com/css?family=Cedarville+Cursive" rel="stylesheet">
  112. <link href="https://fonts.googleapis.com/css?family=Pathway+Gothic+One" rel="stylesheet">
  113.  
  114.  
  115.  
  116.  
  117.  
  118.  
  119. <style type="text/css">
  120. @font-face { font-family:"quil"; src: url('https://dl.dropboxusercontent.com/s/vjx3n6utzrjjr2r/quil_s_t.ttf'); format("truetype");}
  121. @font-face { font-family: "ambarella"; src: url('https://dl.dropboxusercontent.com/s/5n01hn5ijf0beuz/Ambarella.ttf'); format("truetype");}
  122. @font-face { font-family: "mocking"; src: url('https://dl.dropboxusercontent.com/s/6dvctjevo33lcyb/Mocking-Regular.ttf'); format("truetype");}
  123. @font-face{ font-family:"redalert"; src:url('https://dl.dropboxusercontent.com/s/mvd0eofd3pxfanl/redalert.ttf');}
  124. @font-face { font-family: "botdoh"; src: url('https://dl.dropboxusercontent.com/s/pqv5lk11d4cngsr/Botdoh.ttf'); format("truetype");}
  125.  
  126.  
  127.  
  128.  
  129. @keyframes bbounce{
  130. 0% {transform:translate(0px,0px);}
  131. 50% {transform:translate(0px,10px);}
  132. 100% {transform:translate(0px, 0px);}
  133. }
  134.  
  135. @-moz-keyframes bbounce{
  136. 0% {-moz-transform:translate(0px,0px);}
  137. 50% {-moz-transform:translate(0px,10px);}
  138. 100% {-moz-transform:translate(0px,0px);}
  139. }
  140.  
  141. @-webkit-keyframes bbounce {
  142. 0% {-webkit-transform:translate(0px,0px);}
  143. 50% {-webkit-transform:translate(0px,10px);}
  144. 100% {-webkit-transform:translate(0px,0px);}
  145. }
  146.  
  147. @-o-keyframes bbounce {
  148. 0% {-o-transform:translate(0px,0px);}
  149. 50% {-o-transform:translate(0px,10px);}
  150. 100% {-o-transform:translate(0px,0px);}
  151. }
  152.  
  153. @-ms-keyframes bbounce {
  154. 0% {-ms-transform:translate(0px,0px);}
  155. 50% {-ms-transform:translate(0px,10px);}
  156. 100% {-ms-transform:translate(0px,0px);}
  157. }
  158.  
  159. ul#tabs {
  160. list-style-type: none;
  161. padding: 0;
  162. text-align: center;
  163. font-size:8px;
  164. letter-spacing:1px;
  165. min-width:120px;
  166. }
  167.  
  168. ul#tabs li {
  169. display: table;
  170. background-color: #393939;
  171. border: solid 1px #838281;
  172. padding: 4px 12px;
  173. margin-bottom: 4px;
  174. color: #9e9f9f;
  175. cursor: pointer;
  176. }
  177.  
  178. ul#tabs li:hover {
  179. background-color: #393939;
  180. }
  181.  
  182. ul#tabs li.active {
  183. background-color: #393939;
  184. border: 1px solid #838281;
  185. }
  186.  
  187. ul#tab {
  188. list-style-type: none;
  189. margin: 0;
  190. padding: 0;
  191. }
  192.  
  193. ul#tab li {
  194. display: none;
  195. }
  196.  
  197. ul#tab li.active {
  198. display: block;
  199. }
  200.  
  201. /* THE CUSTOM SIDEBAR THING */
  202.  
  203.  
  204.  
  205. #bite
  206. #bite a{
  207. display:block
  208. }
  209. #bite .death {
  210. margin-top:0px;filter: alpha(opacity = 1.0);
  211. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  212. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  213. }
  214.  
  215. #bite:hover .death {
  216. margin-top:0px;
  217. -webkit-transition: all 0.8s ease-out;
  218. -moz-transition: all 0.8s ease-out;
  219. transition: all 0.8s ease-out;
  220. filter: alpha(opacity = 100);
  221. filter: alpha(opacity = 100);
  222. opacity:100;
  223. }
  224.  
  225. .popup_block{
  226. width: 240px;
  227. height: 660px;
  228. left: 120px;
  229. size:80%;
  230. overflow-y:scroll;
  231. overflow-x:hidden;
  232. display:none;
  233. background:transparent;
  234. color:#fff;
  235. background-image: url('https://78.media.tumblr.com/ff910ede8b0274409c877fa5b04d7727/tumblr_pbx9kjn6SU1wwkg23o1_1280.png');
  236. background-repeat:no-repeat;
  237. padding:20px;
  238. border:0px solid #eee;
  239. float:left;
  240. position:fixed;
  241. top:38%;
  242. left: 50%;
  243. z-index: 99999;
  244. font-size:10px;
  245. }
  246.  
  247.  
  248. *html #fade {position: absolute;}
  249. *html .popup_block {position: absolute;}
  250. #fade {
  251. display:none;
  252. position:fixed;
  253. left:0px;
  254. top:0px;
  255. width:100%;
  256. height:100%;
  257. z-index:9999;
  258. background:#111111; /* change to #fff for solid white */
  259. opacity:1; /* change to opacity:1; */
  260. }
  261.  
  262.  
  263.  
  264. ::-webkit-scrollbar {
  265. height: 0px;
  266. width: 2px;
  267. background:transparent;
  268. border-left:0px solid transparent;
  269. border-right:0px solid transparent;}
  270.  
  271.  
  272. ::-webkit-scrollbar-thumb {
  273. background:transparent;}
  274.  
  275.  
  276.  
  277.  
  278.  
  279.  
  280.  
  281.  
  282. body {
  283. background-image:url('https://78.media.tumblr.com/b6ca90c029c82e341abdcb91979494ab/tumblr_pbth2pGHcG1wwkg23o1_1280.png');
  284. background-attachment:fixed;
  285. background-repeat:no-repeat;
  286. background-color: #111111;
  287. font-family: 'calibri', sans-serif;
  288. font-size: 18px;
  289. color: #d5d5d5;
  290. text-align:auto;
  291. word-spacing:2px;
  292. letter-spacing:0px;
  293. line-height:100%;
  294. text-shadow: 2px 1px 2px #000;
  295.  
  296. }
  297.  
  298.  
  299.  
  300. a {
  301. text-decoration:none;
  302. color: #fff;
  303. font-family: helvetica;
  304. text-transform:lowercase;
  305. font-weight: 600;
  306. font-size:11px;
  307. text-shadow: 0px 0px 5px #bebebe;
  308. }
  309.  
  310. a:hover {
  311. color: #fff;
  312. -webkit-transition: all 0.7s ease;
  313. -moz-transition: all 0.7s ease;
  314. -o-transition: all 0.7s ease;
  315. }
  316.  
  317. b, strong {
  318. color: #119b9a;
  319. text-transform: uppercase;
  320. font-weight:300;
  321. font-family: 'Pathway Gothic One', sans-serif;
  322. font-size: 20px;
  323. line-height:20px;
  324. text-shadow: 1px 1px 1px #191919;
  325. }
  326.  
  327. i, em {
  328. color: #991197;
  329. text-transform: lowercase;
  330. font-family: 'Cedarville Cursive', cursive;
  331. font-size: 20px;
  332. font-weight:200;
  333. text-shadow: 1px 0px 1px #191919;
  334. }
  335.  
  336. h4, h2, h1 {
  337. display:block;
  338. color: #fff;
  339. background-color:#333333;
  340. font-family: 'Oswald', sans-serif;
  341. text-transform:uppercase;
  342. font-size: 16px;
  343. padding:5px 0px;
  344. margin-left:auto;
  345. margin-right:auto;
  346. text-shadow: 0px 0px 1.5px #fff;
  347. text-align:center;
  348. width:97%;
  349. border-left: 5px solid #262626;
  350. border-right: 5px solid #262626;
  351.  
  352. }
  353.  
  354. h3 {
  355. display:block;
  356. color: #fff;
  357. font-family:botdoh;
  358. text-transform:lowercase;
  359. font-size: 26px;
  360. line-height:10px;
  361. padding:5px 0px;
  362. margin-left:auto;
  363. margin-right:auto;
  364. text-shadow: 0px 0px 1.5px #fff;
  365. text-align:right;
  366. width:97%;
  367. }
  368.  
  369. big {
  370. color: #a11e1e;
  371. text-transform: uppercase;
  372. font-family: 'Orbitron', sans-serif;
  373. font-size: 16px;
  374. }
  375.  
  376. pre {
  377. white-space: pre-wrap;
  378. white-space: -moz-pre-wrap;
  379. white-space: -pre-wrap;
  380. white-space: -o-pre-wrap;
  381. word-wrap: break-word;
  382. background-image:url('');
  383. background-color:#333333;
  384. background-repeat:repeat;
  385. background-attachment:fixed;
  386. text-align:justify;
  387. padding: 8px;
  388. font-size:14px;
  389. border-left: 5px solid #262626;
  390. border-right: 5px solid #262626;
  391. }
  392.  
  393. sub, sup, small {
  394. font-size:15px;
  395. line-height: 10px;
  396. }
  397.  
  398. hr {
  399. border: 0;
  400. height: 0;
  401. border-top: 1px solid rgba(0, 0, 0, 0.1);
  402. border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  403. }
  404.  
  405.  
  406. blockquote {
  407. padding:2px 10px;
  408. margin:3px 0 4px 10px;
  409. border-left: 1px solid #ababab;
  410. border-radius: 0px;
  411. font-size:10px;
  412. }
  413.  
  414. blockquote img {
  415. max-width:100%;
  416. height:auto;
  417. }
  418.  
  419.  
  420.  
  421.  
  422. img {
  423. max-width:100%;
  424. height:auto;
  425. }
  426.  
  427.  
  428.  
  429. #container {
  430. position: absolute;
  431. top: 95px;
  432. left: 470px;
  433. height:545px;
  434. width: 290px;
  435. overflow-y:scroll;
  436. overflow-x:hidden;
  437. opacity:1;
  438. -webkit-mask-image: -webkit-gradient(
  439. linear, center 75%, center bottom,
  440. from(rgba(0,0,0,20)),
  441. to(rgba(20,0,0,0)));
  442. }
  443.  
  444. #container:hover {
  445. opacity:1;
  446. transition: opacity .7s ease-in-out;
  447. -moz-transition: opacity .7s ease-in-out;
  448. -webkit-transition: opacity .7s ease-in-out;}
  449.  
  450.  
  451.  
  452. .luxveritatis {
  453. width: auto;
  454. background-color: transparent;
  455. padding: 10px;
  456. margin-bottom: 30px;
  457. opacity:0.7;
  458.  
  459. }
  460.  
  461.  
  462. .asker {
  463. width:300px;
  464. font-size:20px;
  465. font-family: "ambarella";
  466. margin:-40px 0px 0px 55px;
  467. margin-bottom:5px;
  468. padding-bottom:0px;
  469. padding-top: 4px;
  470. color: #ededed;
  471. text-shadow: 1px 1px 1px #000;
  472. }
  473.  
  474. .asker a {
  475. text-transform:lowercase;
  476. color: #ededed;
  477. text-shadow: 1px 1px 1px #000;
  478. }
  479.  
  480.  
  481. .question {
  482. padding:5px;
  483. text-shadow: 1px 1px 1px #000;
  484. color:#ededed;
  485. font-size:11px;
  486. font-weight:500;
  487. padding-top: 5px;
  488. margin-left:3px;
  489. width: 240px;
  490. text-transform:uppercase;
  491. text-align:justify;
  492. letter-spacing:2px;
  493. padding:5px;
  494. background: url("https://78.media.tumblr.com/ba3084fd34bc386020ce021f8d634602/tumblr_oy8avva9U01wwkg23o1_400.png");
  495. background-repeat:repeat;
  496. background-color: #393939;
  497. border-top: 1px solid #2e2e2e;
  498. border-bottom: 1px solid #2e2e2e;
  499. padding:10px;
  500. letter-spacing:2px;
  501. }
  502.  
  503. .answer {
  504. padding-top:10px;
  505. text-align:justify;
  506. }
  507.  
  508.  
  509.  
  510. #info {
  511. font-family: 'Abel', sans-serif;
  512. width:260px;
  513. left:20px;
  514. font-size:15px;
  515. color: #c8c5c5;
  516. margin-top:3px;
  517. padding-top:-20px;
  518. padding-bottom:12px;
  519. background-color:#333333;
  520. border: 1px solid #262626;
  521. text-shadow: 1px 1px 1px #000;
  522. }
  523.  
  524. #info a {
  525. font-size:9px;
  526. color: #838281;
  527. font-style:normal;
  528. text-shadow: 1px 1px 1px #000;
  529. }
  530.  
  531. #info a:hover {
  532. color:#615c55;
  533. }
  534.  
  535.  
  536. #tags {
  537. color:#c8c5c5;
  538. background-color:transparent;
  539. margin-top:5px;
  540. width: auto;
  541. margin-left:5px;
  542. height:30px;
  543. overflow-y:scroll;
  544. padding-left:1px;
  545. text-align:justify;
  546. line-height:14px;
  547. text-transform:uppercase;
  548. font-size:8px;
  549. font-family: 'redalert';
  550. min-height:20;
  551. max-height:auto;
  552. padding-top:10px;
  553. padding-bottom:10px;
  554. text-shadow: 1px 1px 1px #000;
  555.  
  556. }
  557.  
  558. #tags a {
  559. color:#dbd7d7;
  560. font-size: 11px;
  561. text-transform:uppercase;
  562. font-style: none;
  563. font-family: 'redalert';
  564. text-shadow: 0px 0px 0px;
  565. }
  566.  
  567. #tags a:hover {color:#7a716e;}
  568.  
  569.  
  570. .chat .line {
  571. margin: 1px 25px;
  572. padding: 2px;
  573. line-height:150%;
  574. color: #292827
  575. font-family: arial;
  576. font-size: 10px;
  577. }
  578.  
  579. .chat .line.odd {
  580. color: #fff
  581. font-family: arial;
  582. text-align:right;
  583. font-size: 10px;
  584. text-shadow: 1px 1px 1px #000;
  585. }
  586.  
  587. .label {
  588. font-family:arial;
  589. text-transform:uppercase;
  590. font-size:10.5px;
  591. color:#fff;
  592. text-shadow: 0px 0px 1px #d3d1d1;
  593. }
  594.  
  595.  
  596. .note li {
  597. font-size:9px;
  598. text-transform:uppercase;
  599. font-family: arial;
  600. text-align:left;
  601. margin:0px;
  602. -moz-transition-duration:0.5s;
  603. -webkit-transition-duration:0.5s;
  604. -o-transition-duration:0.5s;
  605. }
  606.  
  607.  
  608.  
  609. #pagination {
  610. position:fixed;
  611. font-size:17px;
  612. width: 200px;
  613. text-transform:uppercase;
  614. font-family: 'Oswald', sans-serif;
  615. top:160px;
  616. left:340px;
  617. transform: rotate(0deg);
  618. color: #a8a8a8;
  619. z-index:9;
  620. }
  621.  
  622.  
  623. #pagination a {
  624. text-transform:uppercase;
  625. color: #a8a8a8;
  626. z-index:9;
  627. -webkit-filter: blur(0px);
  628. -webkit-transition: 0.8s ease-in;
  629. -moz-transition: 1s ease-in;
  630. font-family: 'Oswald', sans-serif;
  631. font-size: 20px;
  632. text-shadow: 0px 0px 0px #393939;
  633. }
  634.  
  635. #pagination a:hover {
  636. -webkit-filter: blur(0px);
  637. -webkit-transition: 0.2s ease-in;
  638. -moz-transition: 1s ease-in;
  639. transition: 1s ease-in;
  640. z-index:9;
  641. }
  642.  
  643.  
  644.  
  645.  
  646. /* DESCRIPTION */
  647.  
  648. #actualnews {
  649. font-family: calibri;
  650. font-size:10px;
  651. background:transparent;
  652. color: #8f8f8f;
  653. width:240px;
  654. height:120px;
  655. padding-top:3px;
  656. border:0px solid #131313;
  657. left: 148px;
  658. top: 520px;
  659. text-align:center;
  660. position:fixed;
  661. -webkit-filter: blur(0px);
  662. -webkit-transition: 0.8s ease-in;
  663. -moz-transition: 1s ease-in;
  664. transition: 1s ease-in;
  665. opacity:0.5;
  666. -webkit-transition: all 0.6s ease-in-out;
  667. -moz-transition: all 0.6s ease-in-out;
  668. -o-transition: all 0.6s ease-in-out;
  669. -ms-transition: all 0.6s ease-in-out;
  670. transition: all 0.6s ease-in-out;
  671. }
  672.  
  673.  
  674.  
  675. #actualnews:hover {
  676. -webkit-filter:none;
  677. -webkit-transition: all 0.6s ease-in-out;
  678. opacity:1;
  679. -webkit-transition: all 0.6s ease-in-out;
  680. -moz-transition: all 0.6s ease-in-out;
  681. -o-transition: all 0.6s ease-in-out;
  682. -ms-transition: all 0.6s ease-in-out;
  683. transition: all 0.6s ease-in-out;
  684. }
  685.  
  686.  
  687. #thekey {
  688. position:fixed;
  689. color:#7c7470;
  690. text-shadow: 0px 0px 2px #fff;
  691. margin-top:175px;
  692. margin-left:55px;
  693. width:710px;
  694. padding:9px;
  695. letter-spacing:2px;
  696. word-spacing:5px; /*this defines the separation of each word of the links*/
  697. font-family: helvetica;
  698. font-size:12px;
  699. text-align:center;
  700. background:transparent;
  701. text-transform:uppercase;
  702. -webkit-transform: rotate(-90deg);
  703. -moz-transform: rotate(-90deg);
  704. -o-transform: rotate(-90deg);
  705. }
  706.  
  707.  
  708. .alinks {
  709. z-index:9999;
  710. position:fixed;
  711. margin-left:190px;
  712. margin-top: 400px;
  713. width:70px;
  714. color:#fff;
  715. font-family: 'Unica One', cursive;
  716. font-size:47px;
  717. text-shadow:0 0 1px #b4a9a5;
  718. -webkit-transition: all 0.5s ease-in-out;
  719. -moz-transition: all 0.5s ease-in-out;
  720. -o-transition: all 0.5s ease-in-out;
  721. -ms-transition: all 0.5s ease-in-out;
  722. transition: all 0.5s ease-in-out;
  723. -webkit-filter: blur(0px);
  724. -webkit-transition: 0.8s ease-in;
  725. -moz-transition: 1s ease-in;
  726. transition: 1s ease-in;
  727. -webkit-transform: rotate(10deg);
  728. -moz-transform: rotate(10deg);
  729. -o-transform: rotate(10deg);
  730. }
  731.  
  732. .alinks a {
  733. font-size:40px;
  734. }
  735.  
  736. .blinks {
  737. z-index:9999;
  738. position:fixed;
  739. margin-left:50px;
  740. margin-top:500px;
  741. width:90px;
  742. color:#b4a9a5;
  743. font-family: 'Unica One', cursive;
  744. font-size:20px;
  745. text-shadow:0 0 1px #b4a9a5;
  746. -webkit-transition: all 0.5s ease-in-out;
  747. -moz-transition: all 0.5s ease-in-out;
  748. -o-transition: all 0.5s ease-in-out;
  749. -ms-transition: all 0.5s ease-in-out;
  750. transition: all 0.5s ease-in-out;
  751. -webkit-filter: blur(0px);
  752. -webkit-transition: 0.8s ease-in;
  753. -moz-transition: 1s ease-in;
  754. transition: 1s ease-in;
  755. -webkit-transform: rotate(13deg);
  756. -moz-transform: rotate(13deg);
  757. -o-transform: rotate(13deg);
  758. }
  759.  
  760. .blinks a {
  761. font-size:22px;
  762. }
  763.  
  764. .clinks {
  765. z-index:9999;
  766. position:fixed;
  767. margin-left:110px;
  768. margin-top:400px;
  769. width:70px;
  770. color:#b4a9a5;
  771. font-family: 'Unica One', cursive;
  772. font-size:30px;
  773. text-shadow:0 0 1px #b4a9a5;
  774. -webkit-transition: all 0.5s ease-in-out;
  775. -moz-transition: all 0.5s ease-in-out;
  776. -o-transition: all 0.5s ease-in-out;
  777. -ms-transition: all 0.5s ease-in-out;
  778. transition: all 0.5s ease-in-out;
  779. -webkit-filter: blur(0px);
  780. -webkit-transition: 0.8s ease-in;
  781. -moz-transition: 1s ease-in;
  782. transition: 1s ease-in;
  783. -webkit-transform: rotate(30deg);
  784. -moz-transform: rotate(30deg);
  785. -o-transform: rotate(30deg);
  786. }
  787.  
  788. .clinks a {
  789. font-size:27px;
  790. }
  791.  
  792. .credit {
  793. color: #9c1198;
  794. position:fixed;
  795. text-shadow: 0px 0px 11px #9c1198;
  796. right:15px;
  797. width:80px;
  798. bottom:15px;
  799. font-family: 'Orbitron', sans-serif;
  800. font-size: 10px;
  801. text-shadow: 1px 1px 1px #9c1198;
  802. }
  803.  
  804.  
  805. .credit a {
  806. padding:10px;
  807. color:#9c1198;
  808. width:30px;
  809. margin-right:0px;
  810. font-family: 'Oswald', sans-serif;
  811. text-transform:uppercase;
  812. }
  813.  
  814. .credit a:hover {
  815. -webkit-transition: all 0.6s ease-in-out;
  816. -moz-transition: all 0.6s ease-in-out;
  817. -o-transition: all 0.6s ease-in-out;
  818. -ms-transition: all 0.6s ease-in-out;
  819. transition: all 0.6s ease-in-out;
  820. color: #000;
  821. text-shadow: 0px 3px 3px #fff;
  822. }
  823.  
  824.  
  825.  
  826.  
  827.  
  828. .quote {
  829. font-size:13px;
  830. letter-spacing:1px;
  831. text-align:center;
  832. border-bottom:1px solid #615c55;
  833. margin-bottom:5px;
  834. padding-bottom:3px;
  835. }
  836.  
  837. .quotesource {
  838. font-size: 5px;
  839. letter-spacing:1px;
  840. text-align:center;
  841. margin-bottom:5px;
  842. }
  843.  
  844.  
  845. .playerbuttonbg {
  846. position: absolute;
  847. left: 20px;
  848. top: 20px;
  849. width: 19px;
  850. height: 19px;
  851. background-color: #ffffff;
  852. padding: 10px;
  853. -webkit-border-radius: 40px;
  854. -moz-border-radius: 40px;
  855. border-radius: 40px;
  856. opacity: .4;
  857. filter: alpha(opacity=40);
  858. -moz-opacity: 0.4;
  859. -khtml-opacity: 0.4;
  860. transition: opacity .7s ease-in-out;
  861. -moz-transition: opacity .7s ease-in-out;
  862. -webkit-transition: opacity .7s ease-in-out;
  863. }
  864.  
  865. .playerbuttonbg:hover {
  866. opacity: 1;
  867. filter: alpha(opacity=100);
  868. -moz-opacity: 1;
  869. -khtml-opacity: 1;
  870. }
  871.  
  872. .newplayerbutton {
  873. position: relative;
  874. width: 19px;
  875. height: 19px;
  876. overflow: hidden;
  877. }
  878.  
  879. .playerbuttonhug {
  880. position: absolute;
  881. top: -18px;
  882. left: -7px;
  883. }
  884.  
  885. .tumblr_audio_player {
  886. height: 90px;
  887. width: 250px;
  888. -moz-transform: scale(0.60, 0.60);
  889. -webkit-transform: scale(0.60, 0.60);
  890. -o-transform: scale(0.60, 0.60);
  891. -ms-transform: scale(0.60, 0.60);
  892. transform: scale(0.60, 0.60);
  893. -moz-transform-origin: top left;
  894. -webkit-transform-origin: top left;
  895. -o-transform-origin: top left;
  896. -ms-transform-origin: top left;
  897. transform-origin: top left;
  898. }
  899.  
  900. .audioimgwrapper {
  901. position: absolute;
  902. left: 0px;
  903. top: 0px;
  904. -webkit-border-radius: 40px;
  905. -moz-border-radius: 40px;
  906. border-radius: 40px;
  907. overflow: hidden;
  908. width: 79px;
  909. height: 79px;
  910. }
  911.  
  912. .audioimgwrapper img {
  913. width: 100%;
  914. height: auto;
  915. -webkit-border-radius: 40px;
  916. -moz-border-radius: 40px;
  917. border-radius: 40px;
  918. }
  919.  
  920. .trackdetails {
  921. width: auto;
  922. display:inline-block;
  923. margin-left: 90px;
  924. min-height: 85px;
  925. }
  926.  
  927. .audiowrapper {
  928. position: relative;
  929. display:inline-block;
  930. }
  931.  
  932. #quote {
  933.  
  934. text-transform: uppercase;
  935. font-family: Helvetica;
  936. color:#fff;
  937. letter-spacing: 3px;
  938. line-height: 11px;
  939. font-size: 11px;
  940. text-align: center;
  941. }
  942.  
  943. #source {
  944. text-transform: uppercase,bold;
  945. font-size: 7px;
  946. text-align:left;
  947. }
  948.  
  949. /* NAVIGATION */
  950.  
  951. .marcobartoli {
  952. text-align:center;
  953. width: auto;
  954. height:405px;
  955. padding:10px;
  956. margin-top: -20px;
  957. }
  958.  
  959. .marcobartoli a {
  960. margin-left:5px;
  961. margin-top:10px;
  962. display: inline-block;
  963. padding:8px;
  964. letter-spacing:1px;
  965. font-size:7px;
  966. font-family:arial;
  967. color: #fff;
  968. width:80px;
  969. text-align:center;
  970. -moz-transition-duration:0.8s;
  971. -webkit-transition-duration:0.8s;
  972. -o-transition-duration:0.8s;
  973. }
  974.  
  975.  
  976.  
  977.  
  978.  
  979.  
  980. /* tooltip! */
  981.  
  982.  
  983.  
  984. #s-m-t-tooltip{
  985. color:#ababab;
  986. background-color:#282625;
  987. display:none;
  988. text-align:center;
  989. position:absolute;
  990. z-index:9999999;
  991. border:1px solid #ababab;
  992. font-size:8px;
  993. font-family:'redalert';
  994. letter-spacing:1px;
  995. text-transform:uppercase;
  996. padding:0px 6px 0px 6px;
  997. margin-top:30px;
  998. -webkit-transition:all 0.1s ease-out
  999. -moz-transition:all 0.1s ease-out;
  1000. transition:all 0.1s ease-out;
  1001. }
  1002.  
  1003.  
  1004.  
  1005.  
  1006. #musicicon {
  1007. position: fixed;
  1008. top: 20px;
  1009. left: 20px;
  1010. width: 26px;
  1011. height: 26px;
  1012. -webkit-transition: all .7s ease;
  1013. -moz-transition: all .7s ease;
  1014. -o-transition: all .7s ease;
  1015. transition: all .7s ease;
  1016. }
  1017.  
  1018. .micon {
  1019. z-index: 1;
  1020. width: 15px;
  1021. background: transparent; /* music icon background */
  1022. padding: 2px;
  1023. width: 26px;
  1024. height: 26px;
  1025. border-radius: 4px;
  1026. -webkit-transition: all .7s ease;
  1027. -moz-transition: all .7s ease;
  1028. -o-transition: all .7s ease;
  1029. transition: all .7s ease;
  1030. }
  1031.  
  1032. .micon:hover{
  1033. border-top-left-radius: 4px;
  1034. border-bottom-left-radius: 4px;
  1035. border-top-right-radius: 0px;
  1036. border-bottom-right-radius: 0px;
  1037. }
  1038.  
  1039. .micon img { width: 15px; margin: 5px; }
  1040.  
  1041. .musicplayer {
  1042. z-index: -1;
  1043. position: absolute;
  1044. margin-top: -30px;
  1045. background:transparent; /* music player background */
  1046. border: 0px solid #5EC6CB; /* music player border */
  1047. margin-left: 5px;
  1048. border-radius: 4px;
  1049. width: 0px;
  1050. padding: 9px;
  1051. overflow: hidden;
  1052. -webkit-transition: all .7s ease;
  1053. -moz-transition: all .7s ease;
  1054. -o-transition: all .7s ease;
  1055. transition: all .7s ease;
  1056. }
  1057.  
  1058. .mplayer { margin-left: -27px; }
  1059.  
  1060. #musicicon:hover .musicplayer {
  1061. margin-left: 29px;
  1062. width: 120px;
  1063. border-top-left-radius: 0px;
  1064. border-bottom-left-radius: 0px;
  1065. border-top-right-radius: 4px;
  1066. border-bottom-right-radius: 4px;
  1067. }
  1068.  
  1069. #musicicon:hover .micon {
  1070. border-top-left-radius: 4px;
  1071. border-bottom-left-radius: 4px;
  1072. border-top-right-radius: 0px;
  1073. border-bottom-right-radius: 0px;
  1074. }
  1075.  
  1076.  
  1077. #xian img {
  1078. float: left;
  1079. padding-right:10px;
  1080.  
  1081. }
  1082.  
  1083. #xian2 img {
  1084. float:right;
  1085. padding-left:10px;
  1086. }
  1087.  
  1088.  
  1089.  
  1090. .popupcontent {
  1091. position:absolute;
  1092. text-align:justify;
  1093. padding:20px;
  1094. width:367px;
  1095. height:480px;
  1096. overflow-y:scroll;
  1097. margin-left:347px;
  1098. margin-top:30px;
  1099. }
  1100.  
  1101. /*animation tutorial by octomoosey*/
  1102.  
  1103. /* the first two sections of css are just setting up our object. you can set the positioning and any colours, backgrounds etc as usual! */
  1104. .moose-animation{
  1105. position:fixed;
  1106. margin-left:10px;
  1107. margin-top:10px;
  1108. /* this is where we set up the animation for the object, there are several lines which seem to repeat the same information, but this is just for cross browser compatibility */
  1109.  
  1110. /* the next section picks apart the 3 lines needed to set up the animation and explains each. this is the duration, the iteration and the origin */
  1111.  
  1112. animation: bbounce linear 2.5s; /* this line links us to the keyframe name we set up. it also gives the total duration of the animation, if you want to make the animation slower, increase the time, for a quicker animation, decrease the time */
  1113. animation-iteration-count: infinite; /* this makes sure the animation will continue to play, you can change this to a number if you only want the animation to play a certain number of times ( or to 1 if you only want it to play on page loading for example ) */
  1114. transform-origin: 50% 50%; /* this just specifies that we want all transformations or effects to be centered on the object. you can change this if you want to pin the transition effect to a corner of your object */
  1115.  
  1116. /* Safari 4+, Android, Chrome */
  1117. -webkit-animation: bbounce linear 2.5s;
  1118. -webkit-animation-iteration-count: infinite;
  1119. -webkit-transform-origin: 50% 50%;
  1120.  
  1121. /* Fx 5+ */
  1122. -moz-animation: bbounce linear 1.5s;
  1123. -moz-animation-iteration-count: infinite;
  1124. -moz-transform-origin: 50% 50%;
  1125.  
  1126. /* Opera 12+ */
  1127. -o-animation: bbounce linear 2.5s;
  1128. -o-animation-iteration-count: infinite;
  1129. -o-transform-origin: 50% 50%;
  1130.  
  1131. /* IE 10+, Fx 29+ */
  1132. -ms-animation: bbounce linear 3.5s;
  1133. -ms-animation-iteration-count: infinite;
  1134. -ms-transform-origin: 50% 50%;}
  1135.  
  1136. .moose-animation img {
  1137. height:90px;
  1138. width:180px;
  1139. padding:5px;
  1140. background:transparent;}
  1141.  
  1142.  
  1143.  
  1144.  
  1145. </style>
  1146.  
  1147. <body>
  1148.  
  1149.  
  1150. <script type="text/javascript">
  1151. <!--
  1152. function clickIE() {if (document.all) {(message);return false;}}
  1153. function clickNS(e) {if
  1154. (document.layers||(document.getElementById&&!document.all)) {
  1155. if (e.which==2||e.which==3) {(message);return false;}}}
  1156. if (document.layers)
  1157. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  1158. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  1159. document.oncontextmenu=new Function("return false")
  1160. // -->
  1161. </script>
  1162.  
  1163.  
  1164.  
  1165. <div id="links">
  1166. <div class="alinks">
  1167. <a href="/" title="refresh"><div class="moose-animation"><img src="https://78.media.tumblr.com/a3a0162f6c2fdaebcdeebbcfe3de4102/tumblr_pbtl4vpZoU1wwkg23o1_540.png">︎</a>
  1168. </div></div></div>
  1169.  
  1170. <div class="blinks">
  1171. <a href="/ask" title="inquiries"><div class="moose-animation"><img src="https://78.media.tumblr.com/ca1c8f77fa8e3d867a5db66d25843f09/tumblr_pbtl4vpZoU1wwkg23o2_500.png"></a>
  1172. </div></div>
  1173.  
  1174. <div class="clinks">
  1175. <a href="#?w=630" rel="03" class="poplight" title="navigation"><div class="moose-animation"><img src="https://78.media.tumblr.com/8a87b1b33f2b8cdaa4cabbcfe5488c9b/tumblr_pbtla3Agia1wwkg23o1_400.png"></a>
  1176. </div></div>
  1177.  
  1178.  
  1179.  
  1180. <div class="credit">
  1181. <a href="http://tcmbraider.tumblr.com/" rel="06" class="poplight" title="theme by Aelin / tcmbraider."><img src="https://i.imgur.com/hpXw9QJ.png"></a>
  1182. </div>
  1183. </div>
  1184.  
  1185.  
  1186. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK.</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">FORTH.</a>{/block:NextPage}{/block:Pagination}</div>
  1187.  
  1188.  
  1189. <div id="container">
  1190.  
  1191. {block:Posts}
  1192. {block:ContentSource}<!-- {SourceURL}
  1193. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1194. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1195. {/block:ContentSource}
  1196.  
  1197. <div class="luxveritatis">
  1198.  
  1199. {block:Text}{block:Title}<span style="color:#fff;font-size:13px;font-family:VT323;text-transform:uppercase;letter-spacing:3px;text-align:center;">{Title}</span>{/block:Title} <div id="xian">{Body}</div>
  1200. {/block:Text}
  1201.  
  1202.  
  1203.  
  1204. <center>{block:Photo}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/></center>{block:Caption}{/block:Caption}{/block:Photo} <!-- {block:NoRebloggedFrom}
  1205. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1206. {/block:NoRebloggedFrom} -->
  1207.  
  1208. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{/block:Caption}{/block:Panorama}
  1209.  
  1210. {block:Photoset}{Photoset-250}{block:Caption}{/block:Caption}{/block:Photoset}
  1211.  
  1212. <div id="quote">{block:Quote}<span style="font-size:20px;z-index:9;">❛❛</span>{Quote}<br>{block:Source}<div class="quotesource" style= padding-top:15px;>{Source}</div>{/block:Source}{/block:Quote}</div>
  1213.  
  1214. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  1215.  
  1216. {block:Chat}{block:Title}<h3>{Title}</h3>{/block:Title}<div class="chat">{block:Lines}<div class="chat"><div class="line {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</div></div></div>{/block:Lines}</div>{/block:Chat}
  1217.  
  1218. {block:Video}<center>{Video-250}</center>{block:Caption}{/block:Caption}{/block:Video}
  1219.  
  1220. {block:AudioPlayer} <div class="audiowrapper"> {block:AlbumArt} <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div> {/block:AlbumArt} <div class="playerbuttonbg"> <div class="newplayerbutton"> <div class="playerbuttonhug"> {AudioPlayerWhite}</div></div></div> <div class="trackdetails"> {block:TrackName}{TrackName}{/block:TrackName}<br/> {block:Artist}Artist: {Artist}{/block:Artist}<br/></div></div> {/block:AudioPlayer}
  1221.  
  1222. {block:Caption}{Caption}{/block:Caption}
  1223.  
  1224. {block:Answer}
  1225. <div id="askheader"></div><div class="question">{Question}</div><br><br><br>
  1226. <div class="asker" style= "float:right;">{Asker}</div>
  1227. <div class="answer">
  1228. <div id="xian">{Answer}</div></div>
  1229. {/block:Answer}
  1230.  
  1231. {block:Date}<div id="info"><br>
  1232. <a href="{Permalink}" title="{NoteCountwithLabel}" style="font-family:arial;text-transform:uppercase;float:left;padding-left:8px;padding-bottom:5px;margin-top:-4px;"><a href="{Permalink}" title="{timeago}" style="font-family:arial;text-transform:uppercase;float:left;padding-left:8px;padding-bottom:5px;margin-top:-4px;"> details</a></a>
  1233.  
  1234.  
  1235. <a href="{ReblogURL}" title="reblog" style="font-family:arial;text-transform:uppercase;float:right;padding-right:14px;margin-bottom:8px;margin-top:-4px;">⤿</a> {/block:Date}
  1236. </div>
  1237. <div id="tags">{block:HasTags} {block:Tags}# <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1238. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1239.  
  1240.  
  1241. {block:AskEnabled}<a class="various3" href="https://www.tumblr.com/ask_form/{Name}.tumblr.com"></a>{/block:AskEnabled}
  1242.  
  1243.  
  1244.  
  1245.  
  1246. </div>
  1247.  
  1248. {/block:Posts}
  1249.  
  1250. </div>
  1251.  
  1252.  
  1253. {block:contentsource}
  1254. <!– {sourceurl}{block:sourcelogo}<img src="{blacklogourl}"
  1255. width="{logowidth}" height="{logoheight}" alt="{sourcetitle}" />
  1256. {/block:sourcelogo}
  1257. {block:nosourcelogo}{sourcelink}{/block:nosourcelogo} –>
  1258. {/block:contentsource}
  1259.  
  1260.  
  1261.  
  1262. </body>
  1263.  
  1264.  
  1265.  
  1266. <div id="03" class="popup_block">
  1267.  
  1268. <ul id="tabs" style="width:80px;margin-left:230px;margin-top:230px;align:right;">
  1269. <li class="active">RULES.</li>
  1270. <li>ABOUT.</li>
  1271. <li>VERSES.</li>
  1272. <li>EXCLUSIVES.</li>
  1273. <li>NAVIGATION.</li>
  1274. </ul>
  1275.  
  1276.  
  1277.  
  1278.  
  1279.  
  1280. <ul id="tab">
  1281. <li class="active">
  1282. <div style="width:240px;height:425px;overflow-y:scroll;overflow-x:hidden;margin-left:350px;margin-top:-165px; -webkit-mask-image: -webkit-gradient(
  1283. linear, center 75%, center bottom,
  1284. from(rgba(0,0,0,20)),
  1285. to(rgba(20,0,0,0)));">
  1286.  
  1287.  
  1288.  
  1289. <h3>DISCLAIMER.</h3>
  1290.  
  1291. i am not dick grayson nor do i claim to be. he is a character made by dc comics whom i just-- like writing. <br><br>


  1292.  
  1293. <h4>RULES</h4><br>
  1294.  
  1295.  
  1296. <b>I. GENERAL.</b> am oc friendly ! also open to cross-fandom interactions and alternate universes. <br><br>


  1297.  
  1298. <b>II. ASKS.</b> i love it when people take a meme/ask and make it into a thread, however, please make a new post and continue the situation from there. I WILL NOT reply if you reblog the ask itself.<br><br>


  1299.  
  1300.  
  1301.  
  1302. <b>III.EXCLUSIVITY.</b> mun is exclusive and prefers to run this blog as so for her own comfort. if you are interested and want to be exclusives don't be afraid to ask!<br><br>


  1303.  
  1304. <b>IV. NSFW.</b> i am of age and will reblog nsfw material. i tag them as <i>nsfw /</i> for the kiddies. i do write smut and nsfw headcanons but unless its a drabble you will not ever see me write it on tumblr.<br><br>


  1305.  
  1306. <b>V. TRIGGERS.</b> my trigger's are anything dealing with paranormal activity ( ghosts, demons, ect. ), natural disasters, and chain mail ( ex. “ this picture is cursed ! reblog if you dont – ” ) i ask for you to tag it as tw panic attack or tw anxiety or at least with the generic tags. seeing how my anxiety is at it’s WORSE of late, not tagging such things will result with an unfollow. .<br><br>


  1307.  
  1308. <b>VI. FORMAT.</b> listen, i don’t care how my partner’s format their stuff. you don’t have to have anything fancy, you do you! all i ask is for you to cut your posts ! for me? by default i will be writing in lowercase and will be using small text. if my partner uses < / small / > < /sub /> then i will be doing so as well. .<br><br>


  1309.  
  1310. <b>VII. FOLLOWING.</b> i prefer to keep my dash limited to only those i wish to write with. so if i follow you ? it means i want to interact with you ! however, there are rare instances when i want to write with non-mutuals..<br><br>


  1311.  
  1312. </li>
  1313. <li>
  1314.  
  1315.  
  1316. <div style="width:240px;height:425px;overflow-y:scroll;overflow-x:hidden;margin-left:350px;margin-top:-165px; -webkit-mask-image: -webkit-gradient(
  1317. linear, center 75%, center bottom,
  1318. from(rgba(0,0,0,20)),
  1319. to(rgba(20,0,0,0)));">
  1320.  
  1321. <h4>ORIGIN</h4>
  1322.  
  1323. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tempus lectus maximus ante egestas, eget porta magna maximus. Cras tincidunt mi at purus rhoncus, quis malesuada magna mollis. Donec egestas vitae velit a auctor. Aliquam volutpat tincidunt hendrerit. Donec mattis nulla et facilisis pretium.<br><br>
  1324.  
  1325. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tempus lectus maximus ante egestas, eget porta magna maximus. Cras tincidunt mi at purus rhoncus, quis malesuada magna mollis. Donec egestas vitae velit a auctor. Aliquam volutpat tincidunt hendrerit. Donec mattis nulla et facilisis pretium.<br><br>
  1326.  
  1327. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tempus lectus maximus ante egestas, eget porta magna maximus. Cras tincidunt mi at purus rhoncus, quis malesuada magna mollis. Donec egestas vitae velit a auctor. Aliquam volutpat tincidunt hendrerit. Donec mattis nulla et facilisis pretium.<br><br>
  1328.  
  1329. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tempus lectus maximus ante egestas, eget porta magna maximus. Cras tincidunt mi at purus rhoncus, quis malesuada magna mollis. Donec egestas vitae velit a auctor. Aliquam volutpat tincidunt hendrerit. Donec mattis nulla et facilisis pretium.<br><br>
  1330.  
  1331.  
  1332. </li>
  1333. <li>
  1334.  
  1335.  
  1336. <div style="width:240px;height:425px;overflow-y:scroll;overflow-x:hidden;margin-left:350px;margin-top:-165px; -webkit-mask-image: -webkit-gradient(
  1337. linear, center 75%, center bottom,
  1338. from(rgba(0,0,0,20)),
  1339. to(rgba(20,0,0,0)));">
  1340.  
  1341.  
  1342. <h3>WE DIDN'T COME FOR A PLAYDATE.</h3>
  1343. <b><center>main verse.</center></b>
  1344. <hr>
  1345. <img src="https://78.media.tumblr.com/031bb0aba345e857b8e418130b951d4c/tumblr_inline_p38ka9hJU51v4vwha_540.png" style=float:left;>
  1346. follows the story line of <b>YOUNG JUSTICE</b> the tv show, where robin, kid flash, miss martian, aqualad and many others work <i>undercover</i> as the justice leagues covert ops team.<br><br>
  1347.  
  1348.  
  1349.  
  1350.  
  1351. <h3>TAKE ME BACK TO THAT BEAUTIFUL BEGINING.</h3>
  1352. <b><center>main verse two / nightwing verse.</center></b>
  1353. <hr>
  1354. <img src="https://78.media.tumblr.com/fd9433c6725fc64a96a01f4375dfec67/tumblr_inline_p38kae2fWS1v4vwha_540.png" style=float:right;> five years have past since the team has saved the justice league from the clutches of the light. they have grown exponentially as a force and are now lead by the original memebers of <i>the team</i>. dick has retired the robin name for someone, or therefore someones, who are better suited for the name. he goes by the name nightwing and even today, still struggles to figure out who he is.
  1355.  
  1356. <h3>THE REAL FACE OF ALL YOUR ENEMIES.</h3>
  1357. <b><center>talon verse.</center></b>
  1358. <hr>
  1359. <img src="https://78.media.tumblr.com/5007cf4bba41bd58e51e4fc5bc2d01fc/tumblr_inline_p38kalJeHo1v4vwha_540.png" style=float:left;>
  1360.  
  1361. by the time bruce thought to adopt the poor orphaned circus boy, it was too late. the court of owls had already sunk their claws into the boy and had taken them as their own. <i>their gray son.</i> after years of psychological and physical torture their greatest creation was ready to rise and take on the streets of gotham. another TALON birthed from the <b>court.</b>
  1362.  
  1363.  
  1364. <h3>a wonderful mix between truth and justice.</h3>
  1365. <b><center>wonder boy verse.</center></b>
  1366. <hr>
  1367. <img src="https://78.media.tumblr.com/ee5c2d2fdba8be8b7e9bbcfa97966c4e/tumblr_inline_p38katiNN61v4vwha_540.png" style=float:right;> love is an amazing thing, it brought the <b>batman</b> and <i>wonder woman</i> together into a beautiful marriage that soon produced a child. he's a cute thing, but with the <b>strength</b> and speed of his mother and the <i>mind</i> of his father he sure isn't someone you want to mess with. that is if you are an emeny of his parents. if not then be prepared to meet the sweetest momma's boy you've ever seen.
  1368.  
  1369.  
  1370. <h3>you put your arms around me and i'm home.</h3>
  1371. <b><center>birdflash verse.</center></b>
  1372. <hr>
  1373. <img src="https://i.imgur.com/XVDXtzs.png" style=float:right;> falling in love with your best friend can suck . . . especially when said best friend is a bit of an idiot. i mean really, it takes them both <i>dying</i> in a no win simulator for him to find out that he likes me ? come on!
  1374. </p>
  1375.  
  1376. </li>
  1377. <li>
  1378.  
  1379. <div style="width:240px;height:425px;overflow-y:scroll;overflow-x:hidden;margin-left:350px;margin-top:-165px; -webkit-mask-image: -webkit-gradient(
  1380. linear, center 75%, center bottom,
  1381. from(rgba(0,0,0,20)),
  1382. to(rgba(20,0,0,0)));">
  1383.  
  1384. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tempus lectus maximus ante egestas, eget porta magna maximus. Cras tincidunt mi at purus rhoncus, quis malesuada magna mollis. Donec egestas vitae velit a auctor. Aliquam volutpat tincidunt hendrerit. Donec mattis nulla et facilisis pretium.<br>
  1385.  
  1386. <h3>ARTEMIS CROCK.</h3>
  1387. <img src="https://78.media.tumblr.com/c3233c414cba6cc6328e94a559227698/tumblr_inline_ox9ba0o9zc1tsjrq5_540.png" style=float:right;padding:4px;><b>URL: <i>oneskind</i></b><br>
  1388. <b>RELATIONSHIP:</b> <i>wifu</i>.<br>
  1389. <b>VERSE:</b> <i>main</i><br><br>
  1390.  
  1391.  
  1392. <h3>DICK GRAYSON.</h3>
  1393. <img src="https://78.media.tumblr.com/c3233c414cba6cc6328e94a559227698/tumblr_inline_ox9ba0o9zc1tsjrq5_540.png" style=float:right;padding:4px;><b>URL: <i>asterbatics</i></b><br>
  1394. <b>RELATIONSHIP:</b> <i>best husbandu</i>.<br>
  1395. <b>VERSE:</b> <i>main</i><br><br>
  1396.  
  1397.  
  1398.  
  1399.  
  1400.  
  1401.  
  1402.  
  1403.  
  1404.  
  1405. </li>
  1406. <li>
  1407.  
  1408. <div style="width:240px;height:425px;overflow-y:scroll;overflow-x:hidden;margin-left:350px;margin-top:-165px; -webkit-mask-image: -webkit-gradient(
  1409. linear, center 75%, center bottom,
  1410. from(rgba(0,0,0,20)),
  1411. to(rgba(20,0,0,0)));">
  1412.  
  1413. <h3>navigation</h3>
  1414. <div class="marcobartoli">
  1415. <!-- copy / delete these for every link you wish to add / remove! -->
  1416. <a href="URL HERE">TAG</a>
  1417. <a href="URL HERE">TAG</a>
  1418. <a href="URL HERE">TAG</a>
  1419. <a href="URL HERE">TAG</a>
  1420. <a href="URL HERE">TAG</a>
  1421. <a href="URL HERE">TAG</a>
  1422. <a href="URL HERE">TAG</a>
  1423. <a href="URL HERE">TAG</a>
  1424. <a href="URL HERE">TAG</a>
  1425. <a href="URL HERE">TAG</a>
  1426. <a href="URL HERE">TAG</a>
  1427. <a href="URL HERE">TAG</a>
  1428. <a href="URL HERE">TAG</a>
  1429. <a href="URL HERE">TAG</a>
  1430. <a href="URL HERE">TAG</a>
  1431. <a href="URL HERE">TAG</a>
  1432. <a href="URL HERE">TAG</a>
  1433. <a href="URL HERE">TAG</a>
  1434. <a href="URL HERE">TAG</a>
  1435. <a href="URL HERE">TAG</a>
  1436. <a href="URL HERE">TAG</a>
  1437. <a href="URL HERE">TAG</a>
  1438. </div></div>
  1439.  
  1440. </li>
  1441. </ul>
  1442.  
  1443.  
  1444.  
  1445. </div></div></div>
  1446. </div></div></div>
  1447.  
  1448.  
  1449. </div></div></div>
  1450. </div>
  1451.  
  1452. </html>
  1453.  
  1454. <!--
  1455.  
  1456. -->
  1457.  
  1458.  
  1459.  
  1460.  
  1461. <div id="bite">
  1462. <div id="thekey"></div>
  1463. <div class="death">
  1464. <div id="actualnews">
  1465.  
  1466. <center>
  1467.  
  1468. <div style="width:auto;height:120px;overflow:scroll;padding:5px;">
  1469.  
  1470. <h4>
  1471. There is no one who loves pain itself
  1472. </h4>
  1473.  
  1474. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque nec orci ac elementum. Etiam dictum leo in leo fringilla, at ultricies arcu venenatis. Ut dignissim pretium volutpat.
  1475.  
  1476. <h4>
  1477. who seeks after it and wants to have it
  1478. </h4>
  1479.  
  1480. Nullam pharetra, nunc volutpat porttitor congue, libero felis tincidunt quam, at hendrerit velit augue vel odio. Praesent tincidunt lorem vitae maximus porta.
  1481.  
  1482.  
  1483. <br>
  1484.  
  1485.  
  1486.  
  1487. </center>
  1488.  
  1489.  
  1490.  
  1491.  
  1492.  
  1493. </center>
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!