API tools faq
paste
Advertisement
Guest User

h

a guest
Jul 21st, 2019
151
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.72 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. <link href="https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield" rel="stylesheet">
  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. .popup_block{
  202. width: 280px;
  203. height: 650px;
  204. size:80%;
  205. overflow-y:scroll;
  206. overflow-x:hidden;
  207. display:none;
  208. background:solid;
  209. background-color:#000000;
  210.  
  211. color:#000000;
  212. background-image: url('https://i.imgur.com/fQEGso6.png');
  213. background-repeat:no-repeat;
  214. padding:20px;
  215. border:0px solid #000000;
  216. float:left;
  217. position:fixed;
  218. top:50%;
  219. left: 50%;
  220. z-index: 99999;
  221. font-size:10px;
  222. }
  223.  
  224.  
  225. *html #fade {position: absolute;}
  226. *html .popup_block {position: absolute;}
  227. #fade {
  228. display:none;
  229. position:fixed;
  230. left:0px;
  231. top:0px;
  232. width:100%;
  233. height:100%;
  234. z-index:9999;
  235. background:#282625; /* change to #fff for solid white */
  236. opacity:1; /* change to opacity:1; */
  237. }
  238.  
  239.  
  240.  
  241. ::-webkit-scrollbar {
  242. height: 0px;
  243. width: 2px;
  244. background:transparent;
  245. border-left:0px solid transparent;
  246. border-right:0px solid transparent;}
  247.  
  248.  
  249. ::-webkit-scrollbar-thumb {
  250. background:transparent;}
  251.  
  252.  
  253.  
  254.  
  255.  
  256.  
  257.  
  258.  
  259. body {
  260. background-image:url('https://i.imgur.com/vOVlMAE.png');
  261. background-attachment:fixed;
  262. background-repeat:no-repeat;
  263. background-color: #000000;
  264. font-family: 'calibri', sans-serif;
  265. font-size: 11px;
  266. color: #9e9f9f;
  267. text-align:auto;
  268. word-spacing:2px;
  269. letter-spacing:0px;
  270. line-height:100%;
  271. text-shadow: 1px 1px 1px #000;
  272.  
  273. }
  274.  
  275.  
  276.  
  277. a {
  278. text-decoration:none;
  279. color: #fff;
  280. font-family: helvetica;
  281. text-transform:lowercase;
  282. font-weight: 600;
  283. font-size:11px;
  284. text-shadow: 0px 0px 5px #bebebe;
  285. }
  286.  
  287. a:hover {
  288. color: #fff;
  289. -webkit-transition: all 0.7s ease;
  290. -moz-transition: all 0.7s ease;
  291. -o-transition: all 0.7s ease;
  292. }
  293.  
  294. b, strong {
  295. color: #fff;
  296. text-transform: uppercase;
  297. font-weight:300;
  298. font-family: 'Pathway Gothic One', sans-serif;
  299. font-size: 12px;
  300. line-height:10px;
  301. text-shadow: 1px 1px 1px #000;
  302. }
  303.  
  304. i, em {
  305. color: #fff;
  306. text-transform: lowercase;
  307. font-family: 'Cedarville Cursive', cursive;
  308. font-size: 15px;
  309. font-weight:200;
  310. text-shadow: 0px 0px 5px #fff;
  311. }
  312.  
  313. h4, h2, h1 {
  314. display:block;
  315. color: #fff;
  316. background-color:#333333;
  317. font-family: 'Oswald', sans-serif;
  318. text-transform:uppercase;
  319. font-size: 14px;
  320. padding:5px 0px;
  321. margin-left:auto;
  322. margin-right:auto;
  323. text-shadow: 0px 0px 1.5px #fff;
  324. text-align:center;
  325. width:97%;
  326. border-left: 5px solid #262626;
  327. border-right: 5px solid #262626;
  328.  
  329. }
  330.  
  331. h3 {
  332. color: #fff;
  333. font-family: 'Mrs Saint Delafield', cursive;
  334. text-transform:lowercase;
  335. font-size: 40px;
  336. font-weight:100;
  337. line-height:8px;
  338. padding:5px 0px;
  339. margin-left:auto;
  340. margin-right:auto;
  341. text-shadow: 0px 0px 1px #fff;
  342. text-align:right;
  343. width:97%;
  344. }
  345.  
  346. big {
  347. color: #a11e1e;
  348. text-transform: uppercase;
  349. font-family: 'Orbitron', sans-serif;
  350. font-size: 11px;
  351. }
  352.  
  353. pre {
  354. white-space: pre-wrap;
  355. white-space: -moz-pre-wrap;
  356. white-space: -pre-wrap;
  357. white-space: -o-pre-wrap;
  358. word-wrap: break-word;
  359. background-image:url('');
  360. background-color:#333333;
  361. background-repeat:repeat;
  362. background-attachment:fixed;
  363. text-align:justify;
  364. padding: 8px;
  365. font-size:10px;
  366. border-left: 5px solid #262626;
  367. border-right: 5px solid #262626;
  368. }
  369.  
  370. sub, sup, small {
  371. font-size:11px;
  372. line-height: 10px;
  373. }
  374.  
  375. hr {
  376. border: 0;
  377. height: 0;
  378. border-top: 1px solid rgba(0, 0, 0, 0.1);
  379. border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  380. }
  381.  
  382.  
  383. blockquote {
  384. padding:2px 10px;
  385. margin:3px 0 4px 10px;
  386. border-left: 1px solid #ababab;
  387. border-radius: 0px;
  388. font-size:10px;
  389. }
  390.  
  391. blockquote img {
  392. max-width:100%;
  393. height:auto;
  394. }
  395.  
  396.  
  397.  
  398.  
  399. img {
  400. max-width:100%;
  401. height:auto;
  402. }
  403.  
  404.  
  405.  
  406. #container {
  407. position: absolute;
  408. top:265px;
  409. left: 310px;
  410. height:485px;
  411. width: 300px;
  412. overflow-y:scroll;
  413. overflow-x:hidden;
  414. opacity:1;
  415. -webkit-mask-image: -webkit-gradient(
  416. linear, center 75%, center bottom,
  417. from(rgba(0,0,0,20)),
  418. to(rgba(20,0,0,0)));
  419. }
  420.  
  421. #container:hover {
  422. opacity:1;
  423. transition: opacity .7s ease-in-out;
  424. -moz-transition: opacity .7s ease-in-out;
  425. -webkit-transition: opacity .7s ease-in-out;}
  426.  
  427.  
  428.  
  429. .luxveritatis {
  430. width: auto;
  431. background-color: transparent;
  432. padding: 10px;
  433. margin-bottom: 30px;
  434. opacity:0.7;
  435.  
  436. }
  437.  
  438.  
  439. .asker {
  440. width:300px;
  441. font-size:20px;
  442. font-family: "ambarella";
  443. margin:-40px 0px 0px 55px;
  444. margin-bottom:5px;
  445. padding-bottom:0px;
  446. padding-top: 4px;
  447. color: #ededed;
  448. text-shadow: 1px 1px 1px #000;
  449. }
  450.  
  451. .asker a {
  452. text-transform:lowercase;
  453. color: #ededed;
  454. text-shadow: 1px 1px 1px #000;
  455. }
  456.  
  457.  
  458. .question {
  459. padding:5px;
  460. text-shadow: 1px 1px 1px #000;
  461. color:#ededed;
  462. font-size:11px;
  463. font-weight:500;
  464. padding-top: 5px;
  465. margin-left:3px;
  466. width: 260px;
  467. text-transform:uppercase;
  468. text-align:justify;
  469. letter-spacing:2px;
  470. padding:5px;
  471. background: url("");
  472. background-repeat:repeat;
  473. background-color: #393939;
  474. border-top: 1px solid #2e2e2e;
  475. border-bottom: 1px solid #2e2e2e;
  476. padding:10px;
  477. letter-spacing:2px;
  478. }
  479.  
  480. .answer {
  481. padding-top:10px;
  482. text-align:justify;
  483. }
  484.  
  485.  
  486.  
  487. #info {
  488. font-family: 'Abel', sans-serif;
  489. width:260px;
  490. left:20px;
  491. font-size:15px;
  492. color: #838281;
  493. margin-top:3px;
  494. padding-top:-20px;
  495. padding-bottom:12px;
  496. background-color:#333333;
  497. border: 1px solid #262626;
  498. text-shadow: 1px 1px 1px #000;
  499. }
  500.  
  501. #info a {
  502. font-size:9px;
  503. color: #838281;
  504. font-style:normal;
  505. text-shadow: 1px 1px 1px #000;
  506. }
  507.  
  508. #info a:hover {
  509. color:#615c55;
  510. }
  511.  
  512.  
  513. #tags {
  514. color:#ababab;
  515. background-color:transparent;
  516. margin-top:5px;
  517. width: auto;
  518. margin-left:5px;
  519. height:30px;
  520. overflow-y:scroll;
  521. padding-left:1px;
  522. text-align:justify;
  523. line-height:14px;
  524. text-transform:uppercase;
  525. font-size:8px;
  526. font-family: 'redalert';
  527. min-height:20;
  528. max-height:auto;
  529. padding-top:10px;
  530. padding-bottom:10px;
  531. text-shadow: 1px 1px 1px #000;
  532.  
  533. }
  534.  
  535. #tags a {
  536. color:#ababab;
  537. font-size: 11px;
  538. text-transform:uppercase;
  539. font-style: none;
  540. font-family: 'redalert';
  541. text-shadow: 0px 0px 0px;
  542. }
  543.  
  544. #tags a:hover {color:#7a716e;}
  545.  
  546.  
  547. .chat .line {
  548. margin: 1px 25px;
  549. padding: 2px;
  550. line-height:150%;
  551. color: #292827
  552. font-family: arial;
  553. font-size: 10px;
  554. }
  555.  
  556. .chat .line.odd {
  557. color: #fff
  558. font-family: arial;
  559. text-align:right;
  560. font-size: 10px;
  561. text-shadow: 1px 1px 1px #000;
  562. }
  563.  
  564. .label {
  565. font-family:arial;
  566. text-transform:uppercase;
  567. font-size:10.5px;
  568. color:#fff;
  569. text-shadow: 0px 0px 1px #d3d1d1;
  570. }
  571.  
  572.  
  573. .note li {
  574. font-size:9px;
  575. text-transform:uppercase;
  576. font-family: arial;
  577. text-align:left;
  578. margin:0px;
  579. -moz-transition-duration:0.5s;
  580. -webkit-transition-duration:0.5s;
  581. -o-transition-duration:0.5s;
  582. }
  583.  
  584.  
  585.  
  586. #pagination {
  587. position:fixed;
  588. font-size:17px;
  589. width: 200px;
  590. text-transform:uppercase;
  591. font-family: 'Oswald', sans-serif;
  592. top:250px;
  593. left:340px;
  594. transform: rotate(0deg);
  595. color: #393939;
  596. z-index:9;
  597. }
  598.  
  599.  
  600. #pagination a {
  601. text-transform:uppercase;
  602. color: #282625;
  603. z-index:9;
  604. -webkit-filter: blur(0px);
  605. -webkit-transition: 0.8s ease-in;
  606. -moz-transition: 1s ease-in;
  607. font-family: 'Oswald', sans-serif;
  608. font-size: 20px;
  609. text-shadow: 0px 0px 0px #393939;
  610. }
  611.  
  612. #pagination a:hover {
  613. -webkit-filter: blur(0px);
  614. -webkit-transition: 0.2s ease-in;
  615. -moz-transition: 1s ease-in;
  616. transition: 1s ease-in;
  617. z-index:9;
  618. }
  619.  
  620.  
  621.  
  622.  
  623. /* DESCRIPTION */
  624.  
  625.  
  626. #cabal {
  627. font-family: 'Abel', sans-serif;
  628. font-size:10px;
  629. background:#282625;
  630. color: #9e9f9f;
  631. width:230px;
  632. height:0px;
  633. left: 40px;
  634. top: 300px;
  635. text-align:justify;
  636. position:fixed;
  637. opacity:0;
  638. }
  639.  
  640.  
  641.  
  642. #cabal:hover {
  643. -webkit-filter:none;
  644. -webkit-transition: all 0.6s ease-in-out;
  645. opacity:1;
  646. -webkit-transition: all 0.6s ease-in-out;
  647. -moz-transition: all 0.6s ease-in-out;
  648. -o-transition: all 0.6s ease-in-out;
  649. -ms-transition: all 0.6s ease-in-out;
  650. transition: all 0.6s ease-in-out;
  651. }
  652.  
  653.  
  654.  
  655. .alinks {
  656. z-index:9999;
  657. position:fixed;
  658. margin-left:260px;
  659. margin-top:150px;
  660. width:70px;
  661. color:#fff;
  662. font-family: 'Unica One', cursive;
  663. font-size:47px;
  664. text-shadow:0 0 1px #b4a9a5;
  665. -webkit-transition: all 0.5s ease-in-out;
  666. -moz-transition: all 0.5s ease-in-out;
  667. -o-transition: all 0.5s ease-in-out;
  668. -ms-transition: all 0.5s ease-in-out;
  669. transition: all 0.5s ease-in-out;
  670. -webkit-filter: blur(0px);
  671. -webkit-transition: 0.8s ease-in;
  672. -moz-transition: 1s ease-in;
  673. transition: 1s ease-in;
  674. -webkit-transform: rotate(30deg);
  675. -moz-transform: rotate(30deg);
  676. -o-transform: rotate(30deg);
  677. }
  678.  
  679. .alinks a {
  680. font-size:27px;
  681. }
  682.  
  683. .blinks {
  684. z-index:9999;
  685. position:fixed;
  686. margin-left:320px;
  687. margin-top:150px;
  688. width:70px;
  689. color:#b4a9a5;
  690. font-family: 'Unica One', cursive;
  691. font-size:20px;
  692. text-shadow:0 0 1px #b4a9a5;
  693. -webkit-transition: all 0.5s ease-in-out;
  694. -moz-transition: all 0.5s ease-in-out;
  695. -o-transition: all 0.5s ease-in-out;
  696. -ms-transition: all 0.5s ease-in-out;
  697. transition: all 0.5s ease-in-out;
  698. -webkit-filter: blur(0px);
  699. -webkit-transition: 0.8s ease-in;
  700. -moz-transition: 1s ease-in;
  701. transition: 1s ease-in;
  702. -webkit-transform: rotate(13deg);
  703. -moz-transform: rotate(13deg);
  704. -o-transform: rotate(13deg);
  705. }
  706.  
  707. .blinks a {
  708. font-size:22px;
  709. }
  710.  
  711. .clinks {
  712. z-index:9999;
  713. position:fixed;
  714. margin-left:250px;
  715. margin-top:230px;
  716. width:70px;
  717. color:#b4a9a5;
  718. font-family: 'Unica One', cursive;
  719. font-size:30px;
  720. text-shadow:0 0 1px #b4a9a5;
  721. -webkit-transition: all 0.5s ease-in-out;
  722. -moz-transition: all 0.5s ease-in-out;
  723. -o-transition: all 0.5s ease-in-out;
  724. -ms-transition: all 0.5s ease-in-out;
  725. transition: all 0.5s ease-in-out;
  726. -webkit-filter: blur(0px);
  727. -webkit-transition: 0.8s ease-in;
  728. -moz-transition: 1s ease-in;
  729. transition: 1s ease-in;
  730. -webkit-transform: rotate(60deg);
  731. -moz-transform: rotate(60deg);
  732. -o-transform: rotate(60deg);
  733. }
  734.  
  735. .clinks a {
  736. font-size:27px;
  737. }
  738.  
  739. .credit {
  740. color: #cdb2a7;
  741. position:fixed;
  742. text-shadow: 0px 0px 11px #fff;
  743. right:15px;
  744. width:80px;
  745. bottom:15px;
  746. font-family: 'Orbitron', sans-serif;
  747. font-size: 16px;
  748. text-shadow: 1px 1px 1px #000;
  749. }
  750.  
  751.  
  752. .credit a {
  753. padding:10px;
  754. color:#fff;
  755. width:30px;
  756. margin-right:0px;
  757. font-family: 'Oswald', sans-serif;
  758. text-transform:uppercase;
  759. }
  760.  
  761. .credit a:hover {
  762. -webkit-transition: all 0.6s ease-in-out;
  763. -moz-transition: all 0.6s ease-in-out;
  764. -o-transition: all 0.6s ease-in-out;
  765. -ms-transition: all 0.6s ease-in-out;
  766. transition: all 0.6s ease-in-out;
  767. color: #fff;
  768. text-shadow: 0px 3px 3px #fff;
  769. }
  770.  
  771.  
  772.  
  773.  
  774.  
  775. .quote {
  776. font-size:13px;
  777. letter-spacing:1px;
  778. text-align:center;
  779. border-bottom:1px solid #615c55;
  780. margin-bottom:5px;
  781. padding-bottom:3px;
  782. }
  783.  
  784. .quotesource {
  785. font-size: 5px;
  786. letter-spacing:1px;
  787. text-align:center;
  788. margin-bottom:5px;
  789. }
  790.  
  791.  
  792. .playerbuttonbg {
  793. position: absolute;
  794. left: 20px;
  795. top: 20px;
  796. width: 19px;
  797. height: 19px;
  798. background-color: #ffffff;
  799. padding: 10px;
  800. -webkit-border-radius: 40px;
  801. -moz-border-radius: 40px;
  802. border-radius: 40px;
  803. opacity: .4;
  804. filter: alpha(opacity=40);
  805. -moz-opacity: 0.4;
  806. -khtml-opacity: 0.4;
  807. transition: opacity .7s ease-in-out;
  808. -moz-transition: opacity .7s ease-in-out;
  809. -webkit-transition: opacity .7s ease-in-out;
  810. }
  811.  
  812. .playerbuttonbg:hover {
  813. opacity: 1;
  814. filter: alpha(opacity=100);
  815. -moz-opacity: 1;
  816. -khtml-opacity: 1;
  817. }
  818.  
  819. .newplayerbutton {
  820. position: relative;
  821. width: 19px;
  822. height: 19px;
  823. overflow: hidden;
  824. }
  825.  
  826. .playerbuttonhug {
  827. position: absolute;
  828. top: -18px;
  829. left: -7px;
  830. }
  831.  
  832. .tumblr_audio_player {
  833. height: 90px;
  834. width: 250px;
  835. -moz-transform: scale(0.60, 0.60);
  836. -webkit-transform: scale(0.60, 0.60);
  837. -o-transform: scale(0.60, 0.60);
  838. -ms-transform: scale(0.60, 0.60);
  839. transform: scale(0.60, 0.60);
  840. -moz-transform-origin: top left;
  841. -webkit-transform-origin: top left;
  842. -o-transform-origin: top left;
  843. -ms-transform-origin: top left;
  844. transform-origin: top left;
  845. }
  846.  
  847. .audioimgwrapper {
  848. position: absolute;
  849. left: 0px;
  850. top: 0px;
  851. -webkit-border-radius: 40px;
  852. -moz-border-radius: 40px;
  853. border-radius: 40px;
  854. overflow: hidden;
  855. width: 79px;
  856. height: 79px;
  857. }
  858.  
  859. .audioimgwrapper img {
  860. width: 100%;
  861. height: auto;
  862. -webkit-border-radius: 40px;
  863. -moz-border-radius: 40px;
  864. border-radius: 40px;
  865. }
  866.  
  867. .trackdetails {
  868. width: auto;
  869. display:inline-block;
  870. margin-left: 90px;
  871. min-height: 85px;
  872. }
  873.  
  874. .audiowrapper {
  875. position: relative;
  876. display:inline-block;
  877. }
  878.  
  879. #quote {
  880.  
  881. text-transform: uppercase;
  882. font-family: Helvetica;
  883. color:#fff;
  884. letter-spacing: 3px;
  885. line-height: 11px;
  886. font-size: 11px;
  887. text-align: center;
  888. }
  889.  
  890. #source {
  891. text-transform: uppercase,bold;
  892. font-size: 7px;
  893. text-align:left;
  894. }
  895.  
  896. /* NAVIGATION */
  897.  
  898. .marcobartoli {
  899. text-align:center;
  900. width: auto;
  901. height:405px;
  902. padding:10px;
  903. margin-top: -20px;
  904. }
  905.  
  906. .marcobartoli a {
  907. margin-left:5px;
  908. margin-top:10px;
  909. display: inline-block;
  910. padding:8px;
  911. letter-spacing:1px;
  912. font-size:7px;
  913. font-family:arial;
  914. color: #fff;
  915. width:80px;
  916. text-align:center;
  917. -moz-transition-duration:0.8s;
  918. -webkit-transition-duration:0.8s;
  919. -o-transition-duration:0.8s;
  920. }
  921.  
  922.  
  923.  
  924.  
  925.  
  926.  
  927. /* tooltip! */
  928.  
  929.  
  930.  
  931. #s-m-t-tooltip{
  932. color:#ababab;
  933. background-color:#282625;
  934. display:none;
  935. text-align:center;
  936. position:absolute;
  937. z-index:9999999;
  938. border:1px solid #ababab;
  939. font-size:8px;
  940. font-family:'redalert';
  941. letter-spacing:1px;
  942. text-transform:uppercase;
  943. padding:0px 6px 0px 6px;
  944. margin-top:30px;
  945. -webkit-transition:all 0.1s ease-out
  946. -moz-transition:all 0.1s ease-out;
  947. transition:all 0.1s ease-out;
  948. }
  949.  
  950.  
  951.  
  952.  
  953. #musicicon {
  954. position: fixed;
  955. top: 20px;
  956. left: 20px;
  957. width: 26px;
  958. height: 26px;
  959. -webkit-transition: all .7s ease;
  960. -moz-transition: all .7s ease;
  961. -o-transition: all .7s ease;
  962. transition: all .7s ease;
  963. }
  964.  
  965. .micon {
  966. z-index: 1;
  967. width: 15px;
  968. background: transparent; /* music icon background */
  969. padding: 2px;
  970. width: 26px;
  971. height: 26px;
  972. border-radius: 4px;
  973. -webkit-transition: all .7s ease;
  974. -moz-transition: all .7s ease;
  975. -o-transition: all .7s ease;
  976. transition: all .7s ease;
  977. }
  978.  
  979. .micon:hover{
  980. border-top-left-radius: 4px;
  981. border-bottom-left-radius: 4px;
  982. border-top-right-radius: 0px;
  983. border-bottom-right-radius: 0px;
  984. }
  985.  
  986. .micon img { width: 15px; margin: 5px; }
  987.  
  988. .musicplayer {
  989. z-index: -1;
  990. position: absolute;
  991. margin-top: -30px;
  992. background:transparent; /* music player background */
  993. border: 0px solid #5EC6CB; /* music player border */
  994. margin-left: 5px;
  995. border-radius: 4px;
  996. width: 0px;
  997. padding: 9px;
  998. overflow: hidden;
  999. -webkit-transition: all .7s ease;
  1000. -moz-transition: all .7s ease;
  1001. -o-transition: all .7s ease;
  1002. transition: all .7s ease;
  1003. }
  1004.  
  1005. .mplayer { margin-left: -27px; }
  1006.  
  1007. #musicicon:hover .musicplayer {
  1008. margin-left: 29px;
  1009. width: 120px;
  1010. border-top-left-radius: 0px;
  1011. border-bottom-left-radius: 0px;
  1012. border-top-right-radius: 4px;
  1013. border-bottom-right-radius: 4px;
  1014. }
  1015.  
  1016. #musicicon:hover .micon {
  1017. border-top-left-radius: 4px;
  1018. border-bottom-left-radius: 4px;
  1019. border-top-right-radius: 0px;
  1020. border-bottom-right-radius: 0px;
  1021. }
  1022.  
  1023.  
  1024. #xian img {
  1025. float: left;
  1026. padding-right:10px;
  1027.  
  1028. }
  1029.  
  1030. #xian2 img {
  1031. float:right;
  1032. padding-left:10px;
  1033. }
  1034.  
  1035.  
  1036.  
  1037. .popupcontent {
  1038. position:absolute;
  1039. text-align:justify;
  1040. padding:20px;
  1041. width:367px;
  1042. height:480px;
  1043. overflow-y:scroll;
  1044. margin-left:347px;
  1045. margin-top:30px;
  1046. }
  1047.  
  1048. /*animation tutorial by octomoosey*/
  1049.  
  1050. /* the first two sections of css are just setting up our object. you can set the positioning and any colours, backgrounds etc as usual! */
  1051. .moose-animation{
  1052. position:fixed;
  1053. margin-left:10px;
  1054. margin-top:10px;
  1055. /* 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 */
  1056.  
  1057. /* 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 */
  1058.  
  1059. 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 */
  1060. 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 ) */
  1061. 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 */
  1062.  
  1063. /* Safari 4+, Android, Chrome */
  1064. -webkit-animation: bbounce linear 2.5s;
  1065. -webkit-animation-iteration-count: infinite;
  1066. -webkit-transform-origin: 50% 50%;
  1067.  
  1068. /* Fx 5+ */
  1069. -moz-animation: bbounce linear 2.5s;
  1070. -moz-animation-iteration-count: infinite;
  1071. -moz-transform-origin: 50% 50%;
  1072.  
  1073. /* Opera 12+ */
  1074. -o-animation: bbounce linear 2.5s;
  1075. -o-animation-iteration-count: infinite;
  1076. -o-transform-origin: 50% 50%;
  1077.  
  1078. /* IE 10+, Fx 29+ */
  1079. -ms-animation: bbounce linear 2.5s;
  1080. -ms-animation-iteration-count: infinite;
  1081. -ms-transform-origin: 50% 50%;}
  1082.  
  1083. .moose-animation img {
  1084. height:60px;
  1085. width:80px;
  1086. padding:5px;
  1087. background:transparent;}
  1088.  
  1089.  
  1090.  
  1091.  
  1092. </style>
  1093.  
  1094. <body>
  1095.  
  1096.  
  1097. <script type="text/javascript">
  1098. <!--
  1099. function clickIE() {if (document.all) {(message);return false;}}
  1100. function clickNS(e) {if
  1101. (document.layers||(document.getElementById&&!document.all)) {
  1102. if (e.which==2||e.which==3) {(message);return false;}}}
  1103. if (document.layers)
  1104. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  1105. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  1106. document.oncontextmenu=new Function("return false")
  1107. // -->
  1108. </script>
  1109.  
  1110.  
  1111.  
  1112. <div id="links">
  1113. <div class="alinks">
  1114. <a href="/" title="refresh"><div class="moose-animation"><img src="https://i.imgur.com/YboQq37.png">︎</a>
  1115. </div></div></div>
  1116.  
  1117. <div class="blinks">
  1118. <a href="/ask" title="inquiries"><div class="moose-animation"><img src="https://i.imgur.com/YboQq37.png"></a>
  1119. </div></div>
  1120.  
  1121. <div class="clinks">
  1122. <a href="#?w=630" rel="03" class="poplight" title="navigation"><div class="moose-animation"><img src="https://i.imgur.com/YboQq37.png"></a>
  1123. </div></div>
  1124.  
  1125.  
  1126.  
  1127. <div class="credit">
  1128. <a href="https://tcmbraider.tumblr.com/" rel="06" class="poplight" title="theme by Aelin / tcmbraider."><img src="https://i.imgur.com/hpXw9QJ.png"></a>
  1129. </div>
  1130. </div>
  1131.  
  1132.  
  1133. <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>
  1134.  
  1135.  
  1136. <div id="container">
  1137.  
  1138. {block:Posts}
  1139. {block:ContentSource}<!-- {SourceURL}
  1140. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1141. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1142. {/block:ContentSource}
  1143.  
  1144. <div class="luxveritatis">
  1145.  
  1146. {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>
  1147. {/block:Text}
  1148.  
  1149.  
  1150.  
  1151. <center>{block:Photo}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/></center>{block:Caption}{/block:Caption}{/block:Photo} <!-- {block:NoRebloggedFrom}
  1152. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1153. {/block:NoRebloggedFrom} -->
  1154.  
  1155. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{/block:Caption}{/block:Panorama}
  1156.  
  1157. {block:Photoset}{Photoset-250}{block:Caption}{/block:Caption}{/block:Photoset}
  1158.  
  1159. <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>
  1160.  
  1161. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  1162.  
  1163. {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}
  1164.  
  1165. {block:Video}<center>{Video-250}</center>{block:Caption}{/block:Caption}{/block:Video}
  1166.  
  1167. {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}
  1168.  
  1169. {block:Caption}{Caption}{/block:Caption}
  1170.  
  1171. {block:Answer}
  1172. <div id="askheader"></div><div class="question">{Question}</div><br><br><br>
  1173. <div class="asker" style= "float:right;">{Asker}</div>
  1174. <div class="answer">
  1175. <div id="xian">{Answer}</div></div>
  1176. {/block:Answer}
  1177.  
  1178. {block:Date}<div id="info"><br>
  1179. <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>
  1180.  
  1181.  
  1182. <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}
  1183. </div>
  1184. <div id="tags">{block:HasTags} {block:Tags}# <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1185. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1186.  
  1187.  
  1188. {block:AskEnabled}<a class="various3" href="https://www.tumblr.com/ask_form/{Name}.tumblr.com"></a>{/block:AskEnabled}
  1189.  
  1190.  
  1191.  
  1192.  
  1193. </div>
  1194.  
  1195. {/block:Posts}
  1196.  
  1197. </div>
  1198.  
  1199.  
  1200. {block:contentsource}
  1201. <!– {sourceurl}{block:sourcelogo}<img src="{blacklogourl}"
  1202. width="{logowidth}" height="{logoheight}" alt="{sourcetitle}" />
  1203. {/block:sourcelogo}
  1204. {block:nosourcelogo}{sourcelink}{/block:nosourcelogo} –>
  1205. {/block:contentsource}
  1206.  
  1207.  
  1208.  
  1209. </body>
  1210.  
  1211.  
  1212.  
  1213. <div id="03" class="popup_block">
  1214.  
  1215. <ul id="tabs" style="width:80px;margin-left:230px;margin-top:230px;align:right;">
  1216. <li class="active">RULES.</li>
  1217. <li>ABOUT.</li>
  1218. <li>VERSES.</li>
  1219. <li>EXCLUSIVES.</li>
  1220. <li>NAVIGATION.</li>
  1221. </ul>
  1222.  
  1223.  
  1224.  
  1225.  
  1226.  
  1227. <ul id="tab">
  1228. <li class="active">
  1229. <div style="width:240px;height:425px;overflow-y:scroll;overflow-x:hidden;margin-left:350px;margin-top:-165px; -webkit-mask-image: -webkit-gradient(
  1230. linear, center 75%, center bottom,
  1231. from(rgba(0,0,0,20)),
  1232. to(rgba(20,0,0,0)));">
  1233.  
  1234.  
  1235.  
  1236. <h3>DISCLAIMER.</h3>
  1237.  
  1238. 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>


  1239.  
  1240. <h4>RULES</h4><br>
  1241.  
  1242.  
  1243. <b>I. TITLE.</b> 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..<br><br>


  1244.  
  1245. <b>II. TITLE.</b> 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..<br><br>


  1246.  
  1247.  
  1248.  
  1249. <b>III.TITLE.</b> 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..<br><br>


  1250.  
  1251. <b>IV. TITLE.</b> 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..<br><br>


  1252.  
  1253. <b>V. TITLE.</b> 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..<br><br>


  1254.  
  1255. <b>VI. TITLE.</b> 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..<br><br>


  1256.  
  1257. <b>VII. TITLE.</b> 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..<br><br>


  1258.  
  1259. <b>VIII. TITLE.</b> 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..<br><br>


  1260.  
  1261. <b> IX. TITLE.</b> 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..<br><br>


  1262.  
  1263. </li>
  1264. <li>
  1265.  
  1266.  
  1267. <div style="width:240px;height:425px;overflow-y:scroll;overflow-x:hidden;margin-left:350px;margin-top:-165px; -webkit-mask-image: -webkit-gradient(
  1268. linear, center 75%, center bottom,
  1269. from(rgba(0,0,0,20)),
  1270. to(rgba(20,0,0,0)));">
  1271.  
  1272. <h4>ORIGIN</h4>
  1273.  
  1274. 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>
  1275.  
  1276. 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>
  1277.  
  1278. 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>
  1279.  
  1280. 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>
  1281.  
  1282.  
  1283. </li>
  1284. <li>
  1285.  
  1286.  
  1287. <div style="width:240px;height:425px;overflow-y:scroll;overflow-x:hidden;margin-left:350px;margin-top:-165px; -webkit-mask-image: -webkit-gradient(
  1288. linear, center 75%, center bottom,
  1289. from(rgba(0,0,0,20)),
  1290. to(rgba(20,0,0,0)));">
  1291.  
  1292.  
  1293. <h3>TITLE</h3>
  1294. <b><center>SUBTITLE.</center></b>
  1295. <hr>
  1296. <img src="https://i.imgur.com/T1OIh9r.png" style=float:left;>
  1297. 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. Sed laoreet, urna sed gravida condimentum, odio ligula auctor est, ac elementum massa augue at ante. Fusce ullamcorper nisl at porttitor facilisis. Integer et ante et sapien sodales tincidunt sed et quam. Ut eget mollis risus. Cras eu faucibus sapien.<br><br>
  1298.  
  1299.  
  1300.  
  1301.  
  1302. <h3>TITLE</h3>
  1303. <b><center>SUBTITLE.</center></b>
  1304. <hr>
  1305. <img src="https://i.imgur.com/0dzs6yd.png" style=float:right;>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. Sed laoreet, urna sed gravida condimentum, odio ligula auctor est, ac elementum massa augue at ante. Fusce ullamcorper nisl at porttitor facilisis. Integer et ante et sapien sodales tincidunt sed et quam. Ut eget mollis risus. Cras eu faucibus sapien.
  1306.  
  1307. <h3>TITLE</h3>
  1308. <b><center>SUBTITLE.</center></b>
  1309. <hr>
  1310. <img src="https://i.imgur.com/b5aFf94.png" style=float:left;>
  1311.  
  1312. 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. Sed laoreet, urna sed gravida condimentum, odio ligula auctor est, ac elementum massa augue at ante. Fusce ullamcorper nisl at porttitor facilisis. Integer et ante et sapien sodales tincidunt sed et quam. Ut eget mollis risus. Cras eu faucibus sapien.
  1313.  
  1314.  
  1315. <h3>TITLE</h3>
  1316. <b><center>SUBTITLE.</center></b>
  1317. <hr>
  1318. <img src="https://i.imgur.com/XVDXtzs.png" style=float:right;>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. Sed laoreet, urna sed gravida condimentum, odio ligula auctor est, ac elementum massa augue at ante. Fusce ullamcorper nisl at porttitor facilisis. Integer et ante et sapien sodales tincidunt sed et quam. Ut eget mollis risus. Cras eu faucibus sapien.
  1319.  
  1320. </p>
  1321.  
  1322. </li>
  1323. <li>
  1324.  
  1325. <div style="width:240px;height:425px;overflow-y:scroll;overflow-x:hidden;margin-left:350px;margin-top:-165px; -webkit-mask-image: -webkit-gradient(
  1326. linear, center 75%, center bottom,
  1327. from(rgba(0,0,0,20)),
  1328. to(rgba(20,0,0,0)));">
  1329.  
  1330. 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>
  1331.  
  1332. <h3>JOACHIM KAREL.</h3>
  1333. <img src="https://78.media.tumblr.com/c3233c414cba6cc6328e94a559227698/tumblr_inline_ox9ba0o9zc1tsjrq5_540.png" style=float:right;padding:4px;><b>URL: <i>url here</i></b><br>
  1334. <b>RELATIONSHIP:</b> <i>relationship here</i>.<br>
  1335. <b>VERSE:</b> <i>main</i><br><br>
  1336.  
  1337. <h3>WERNER VON CROY.</h3>
  1338. <img src="https://78.media.tumblr.com/c3233c414cba6cc6328e94a559227698/tumblr_inline_ox9ba0o9zc1tsjrq5_540.png" style=float:left;padding:4px;><b>URL: <i>url here</i></b><br>
  1339. <b>RELATIONSHIP:</b> <i>relationship here</i>.<br>
  1340. <b>VERSE:</b> <i>main</i><br><br>
  1341.  
  1342.  
  1343. <h3>KURTIS TRENT.</h3>
  1344. <img src="https://78.media.tumblr.com/c3233c414cba6cc6328e94a559227698/tumblr_inline_ox9ba0o9zc1tsjrq5_540.png" style=float:right;padding:4px;><b>URL: <i>url here</i></b><br>
  1345. <b>RELATIONSHIP:</b> <i>relationship here</i>.<br>
  1346. <b>VERSE:</b> <i>main</i><br><br>
  1347.  
  1348.  
  1349.  
  1350.  
  1351.  
  1352. </li>
  1353. <li>
  1354.  
  1355. <div style="width:240px;height:425px;overflow-y:scroll;overflow-x:hidden;margin-left:350px;margin-top:-165px; -webkit-mask-image: -webkit-gradient(
  1356. linear, center 75%, center bottom,
  1357. from(rgba(0,0,0,20)),
  1358. to(rgba(20,0,0,0)));">
  1359.  
  1360. <h3>navigation</h3>
  1361. <div class="marcobartoli">
  1362. <!-- copy / delete these for every link you wish to add / remove! -->
  1363. <a href="URL HERE">TAG</a>
  1364. <a href="URL HERE">TAG</a>
  1365. <a href="URL HERE">TAG</a>
  1366. <a href="URL HERE">TAG</a>
  1367. <a href="URL HERE">TAG</a>
  1368. <a href="URL HERE">TAG</a>
  1369. <a href="URL HERE">TAG</a>
  1370. <a href="URL HERE">TAG</a>
  1371. <a href="URL HERE">TAG</a>
  1372. <a href="URL HERE">TAG</a>
  1373. <a href="URL HERE">TAG</a>
  1374. <a href="URL HERE">TAG</a>
  1375. <a href="URL HERE">TAG</a>
  1376. <a href="URL HERE">TAG</a>
  1377. <a href="URL HERE">TAG</a>
  1378. <a href="URL HERE">TAG</a>
  1379. <a href="URL HERE">TAG</a>
  1380. <a href="URL HERE">TAG</a>
  1381. <a href="URL HERE">TAG</a>
  1382. <a href="URL HERE">TAG</a>
  1383. <a href="URL HERE">TAG</a>
  1384. <a href="URL HERE">TAG</a>
  1385. </div></div>
  1386.  
  1387. </li>
  1388. </ul>
  1389.  
  1390.  
  1391.  
  1392. </div></div></div>
  1393. </div></div></div>
  1394.  
  1395.  
  1396. </div></div></div>
  1397. </div>
  1398.  
  1399. </html>
  1400.  
  1401. <!--
  1402.  
  1403. -->
  1404.  
  1405.  
  1406.  
  1407.  
  1408. <div id="cabal">
  1409. <div style="width:auto;height:220px;padding:2px;font-size:10px;font-family:arial;text-transform:uppercase;
  1410. opacity: 1;background:#000000">
  1411. <h3>we aren't</h3>
  1412.  
  1413.  
  1414. " You killed my brother George ! You son of a bitch ! You bastard ! You whoremaster ! Let's see you now ! Let's see you now! "<br><br><center>indie. private. canon-divergent.<br>bill denbrough : stephen king's 'it.'<br>raised by moose.</center>
  1415.  
  1416. <h3>afraid of you.</h3>
  1417. <br><br>
  1418.  
  1419.  
  1420. </center>
  1421.  
  1422.  
  1423.  
  1424.  
  1425. </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!