API tools faq
paste
Advertisement
kurokit

Lizzie Castlevania Trevor Makeover

kurokit
Nov 7th, 2018
189
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.45 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4.  
  5.  
  6.  
  7. <script type="text/javascript"
  8. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  9. <script>
  10. $(document).ready(function() {
  11. //
  12. $('a.poplight[href^=#]').click(function() {
  13. var popID = $(this).attr('rel'); //Get Popup Name
  14. var popURL = $(this).attr('href'); //Get Popup href to define size
  15. var query= popURL.split('?');
  16. var dim= query[1].split('&');
  17. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  18. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="" class="btn_close" title="" alt="" /></a>');
  19. var popMargTop = ($('#' + popID).height() + 80) / 2;
  20. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  21. //Apply Margin to Popup
  22. $('#' + popID).css({
  23. 'margin-top' : -popMargTop,
  24. 'margin-left' : -popMargLeft
  25. });
  26. $('body').append('<div id="fade"></div>');
  27. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  28. return false;
  29. });
  30. $('a.close, #fade').live('click', function() {
  31. $('#fade , .popup_block').fadeOut(function() {
  32. $('#fade, a.close').remove(); //fade them both out
  33. });
  34. return false;
  35. });
  36. });
  37. </script>
  38.  
  39. <script>
  40. $(document).ready(function(){
  41. //remove tumblr redirects script by magnusthemes@tumblr
  42. $('a[href*="t.umblr.com/redirect"]').each(function(){
  43. var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
  44. var replaceURL = decodeURIComponent(originalURL);
  45. $(this).attr("href", replaceURL);
  46. });
  47. });
  48. </script>
  49.  
  50. <!--tooltip styling script-->
  51.  
  52.  
  53. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  54. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  55. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  56. <script>
  57. (function($){
  58. $(document).ready(function(){
  59. $("[title]").style_my_tooltips({
  60. tip_follows_cursor:true,
  61. tip_delay_time:200,
  62. tip_fade_speed:500
  63. });
  64. });
  65. })(jQuery);
  66. </script>
  67.  
  68. <script>
  69.  
  70. $(document).ready(function(){
  71. $("ul#tabs li").click(function(e){
  72. if (!$(this).hasClass("active")) {
  73. var tabNum = $(this).index();
  74. var nthChild = tabNum+1;
  75. $("ul#tabs li.active").removeClass("active");
  76. $(this).addClass("active");
  77. $("ul#tab li.active").removeClass("active");
  78. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  79. }
  80. });
  81. });
  82. </script>
  83.  
  84.  
  85.  
  86.  
  87. <title>{Title}</title>
  88. <link rel="shortcut icon" href="{Favicon}">
  89. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  90. {block:Description}
  91. <meta name="description" content="{MetaDescription}" />
  92. {/block:Description}
  93.  
  94.  
  95.  
  96. </head>
  97.  
  98.  
  99.  
  100. <!---custom fonts--->
  101.  
  102. <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">
  103. <link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
  104. <link href="https://fonts.googleapis.com/css?family=Geo" rel="stylesheet">
  105. <link href="https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield" rel="stylesheet">
  106. <link href="https://fonts.googleapis.com/css?family=Kristi" rel="stylesheet">
  107. <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
  108. <link href="https://fonts.googleapis.com/css?family=Share+Tech+Mono" rel="stylesheet">
  109. <link href="https://fonts.googleapis.com/css?family=Pathway+Gothic+One" rel="stylesheet">
  110. <link href="https://fonts.googleapis.com/css?family=VT323" rel="stylesheet">
  111. <link href="https://fonts.googleapis.com/css?family=Shadows+Into+Light" rel="stylesheet">
  112. <link href="https://fonts.googleapis.com/css?family=Economica" rel="stylesheet">
  113. <link href="https://fonts.googleapis.com/css?family=Seaweed+Script" rel="stylesheet">
  114. <link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
  115. <link href="https://fonts.googleapis.com/css?family=Alex+Brush" rel="stylesheet">
  116. <link href="https://fonts.googleapis.com/css?family=Spectral" rel="stylesheet">
  117. <link href="https://fonts.googleapis.com/css?family=Cedarville+Cursive" rel="stylesheet">
  118. <link href="https://fonts.googleapis.com/css?family=Pathway+Gothic+One" rel="stylesheet">
  119. <link href="https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield" rel="stylesheet">
  120. <link href='https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
  121. <link href="https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield" rel="stylesheet">
  122. <link href="https://fonts.googleapis.com/css?family=Zeyada" rel="stylesheet">
  123. <link href="https://fonts.googleapis.com/css?family=Allura" rel="stylesheet">
  124. <link href="https://fonts.googleapis.com/css?family=Kristi" rel="stylesheet">
  125. <link href="https://fonts.googleapis.com/css?family=Karla" rel="stylesheet">
  126.  
  127.  
  128. <!---THEME BY AELIN / PYRIBRMOS. DO NOT STEAL OR USE AS A BASE CODE.
  129. TAB TUTORIAL BY SHOMAXTER. BASE & POP UP TUTORIAL BY OCTOMOOSEY. TOOLTIPS ACUITE--->
  130.  
  131.  
  132.  
  133. <style type="text/css">
  134. @font-face { font-family:"quil"; src: url('https://dl.dropboxusercontent.com/s/vjx3n6utzrjjr2r/quil_s_t.ttf'); format("truetype");}
  135. @font-face { font-family: "ambarella"; src: url('https://dl.dropboxusercontent.com/s/5n01hn5ijf0beuz/Ambarella.ttf'); format("truetype");}
  136. @font-face { font-family: "mocking"; src: url('https://dl.dropboxusercontent.com/s/6dvctjevo33lcyb/Mocking-Regular.ttf'); format("truetype");}
  137. @font-face{ font-family:"redalert"; src:url('https://dl.dropboxusercontent.com/s/mvd0eofd3pxfanl/redalert.ttf');}
  138. @font-face { font-family: "botdoh"; src: url('https://dl.dropboxusercontent.com/s/pqv5lk11d4cngsr/Botdoh.ttf'); format("truetype");}
  139. @font-face { font-family: "shopping"; src: url('https://dl.dropboxusercontent.com/s/mbyg0g1cianbljw/Shopping%20Script%20Demo.ttf'); format("truetype");}
  140. @font-face { font-family: "hijrnotes"; src: url('https://dl.dropboxusercontent.com/s/u7r13jjnuca4oeq/NightWindSentSample.ttf?dl=0') ;}
  141. @font-face { font-family: "tomb"; src: url('https://dl.dropboxusercontent.com/s/02m92lhjl2igera/Bulgatti.ttf?dl=0') ;}
  142.  
  143.  
  144.  
  145.  
  146.  
  147. @keyframes bbounce{
  148. 0% {transform:translate(0px,0px);}
  149. 50% {transform:translate(0px,10px);}
  150. 100% {transform:translate(0px, 0px);}
  151. }
  152.  
  153. @-moz-keyframes bbounce{
  154. 0% {-moz-transform:translate(0px,0px);}
  155. 50% {-moz-transform:translate(0px,10px);}
  156. 100% {-moz-transform:translate(0px,0px);}
  157. }
  158.  
  159. @-webkit-keyframes bbounce {
  160. 0% {-webkit-transform:translate(0px,0px);}
  161. 50% {-webkit-transform:translate(0px,10px);}
  162. 100% {-webkit-transform:translate(0px,0px);}
  163. }
  164.  
  165. @-o-keyframes bbounce {
  166. 0% {-o-transform:translate(0px,0px);}
  167. 50% {-o-transform:translate(0px,10px);}
  168. 100% {-o-transform:translate(0px,0px);}
  169. }
  170.  
  171. @-ms-keyframes bbounce {
  172. 0% {-ms-transform:translate(0px,0px);}
  173. 50% {-ms-transform:translate(0px,10px);}
  174. 100% {-ms-transform:translate(0px,0px);}
  175. }
  176.  
  177.  
  178.  
  179.  
  180.  
  181.  
  182. ::-webkit-scrollbar {
  183. height: 0px;
  184. width: 2px;
  185. background:transparent;
  186. border-left:0px solid transparent;
  187. border-right:0px solid transparent;}
  188.  
  189.  
  190. ::-webkit-scrollbar-thumb {
  191. background:transparent;}
  192.  
  193.  
  194.  
  195.  
  196.  
  197.  
  198.  
  199.  
  200. body {
  201. background-image:url('https://66.media.tumblr.com/9fe565175bd16551e46f0123efe9632c/tumblr_pht7xuG8tH1x2aeuvo1_1280.png');
  202. background-attachment:fixed;
  203. background-repeat:no-repeat;
  204. background-color: #000000;
  205. font-family: 'Lato', sans-serif;
  206. font-size: 10px;
  207. line-height:15px;
  208. color: #fafafa;
  209. text-align:justify;
  210. text-shadow: 0px 0px 0px #000;
  211. font-weight:100;
  212. }
  213.  
  214.  
  215. /* text design! */
  216.  
  217.  
  218. a {
  219. text-decoration:none;
  220. color: #fafafa;
  221. font-family:trebuchet ms;
  222. text-transform:uppercase;
  223. font-weight: 600;
  224. font-size:9px;
  225. text-shadow: 0px 0px 0px #000;
  226. }
  227.  
  228. b, strong {
  229. color: #d8aeae;
  230. font-size:13px;
  231. text-transform: uppercase;
  232. font-family:'Lato';
  233. }
  234.  
  235. i, em {
  236. text-transform: lowercase;
  237. font-family:'Seaweed Script';
  238. font-size:15px;
  239.  
  240. }
  241.  
  242.  
  243. h4, h2, h3 {
  244. display:block;
  245. font-family: 'Oswald', sans-serif;
  246. text-transform:uppercase;
  247. font-size: 13px;
  248. margin-left:auto;
  249. margin-right:auto;
  250. text-shadow: 0px 0px 2.5px #000;
  251. text-align:center;
  252. width:96%;
  253. line-height:14px;
  254. color: #ccc;
  255. padding:3px;
  256. background-color:#000000;
  257. }
  258.  
  259. h1 {
  260. font-size: 10px;
  261. text-transform: uppercase;
  262. text-shadow: 0 0 2 #fff;
  263. font-family: arial;
  264. color: #fafafa;
  265. background-color:#000000;
  266. }
  267.  
  268.  
  269. big {
  270. color: #000;
  271. text-transform: uppercase;
  272. font-family: 'Orbitron', sans-serif;
  273. font-size: 12px;
  274. }
  275.  
  276. pre {
  277. white-space: pre-wrap;
  278. white-space: -moz-pre-wrap;
  279. white-space: -pre-wrap;
  280. white-space: -o-pre-wrap;
  281. word-wrap: break-word;
  282. text-align:center;
  283. color: #fff;
  284. text-shadow: 1 1 0;
  285. font-size:11px;
  286. background-color:#252422;
  287. border: solid 1px #222222;
  288. padding:2px;
  289. }
  290.  
  291. sub, sup, small {
  292. font-size:10px;
  293. line-height: 10px;
  294. }
  295.  
  296. hr {
  297. height: 6px;
  298. background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
  299. border: 0;
  300. }
  301.  
  302.  
  303. blockquote {
  304. padding:2px 10px;
  305. margin:2px 0 4px 10px;
  306. border-left: 1px dotted #d4d4d4;
  307. border-radius: 0px;
  308. font-size:10px;
  309. }
  310.  
  311.  
  312.  
  313.  
  314. img {
  315. max-width:100%;
  316. height:auto;
  317. -webkit-filter:grayscale(20%);
  318. -webkit-transition: all 0.9s ease-in-out;
  319. -moz-transition: all 0.9s ease-in-out;
  320. -o-transition: all 0.9s ease-in-out;
  321. -ms-transition: all 0.9s ease-in-out;
  322. transition: all 0.9s ease-in-out;
  323. }
  324.  
  325. img:hover {
  326. -webkit-filter:none;}
  327.  
  328. .html_photoset {
  329. -webkit-filter: grayscale(20%);
  330. -webkit-transition: all 0.9s ease-in-out;
  331. -moz-transition: all 0.9s ease-in-out;
  332. -o-transition: all 0.9s ease-in-out;
  333. -ms-transition: all 0.9s ease-in-out;
  334. transition: all 0.9s ease-in-out;}
  335.  
  336. .html_photoset:hover {
  337. -webkit-filter: none;}
  338.  
  339.  
  340. /* container, asks, etc */
  341.  
  342. #container {
  343. position: absolute;
  344. top:40px;
  345. left: 550px;
  346. height:570px;
  347. width: 370px;
  348. overflow-y:scroll;
  349. overflow-x:hidden;
  350. opacity:1;
  351. background-color:transparent;
  352. opacity:1;
  353. }
  354.  
  355. #container:hover {
  356. opacity:1;
  357. transition: opacity .7s ease-in-out;
  358. -moz-transition: opacity .7s ease-in-out;
  359. -webkit-transition: opacity .7s ease-in-out;}
  360.  
  361.  
  362.  
  363. .luxveritatis {
  364. width: auto;
  365. background-color: transparent;
  366. padding-top: 15px;
  367. padding:10px;
  368. margin-bottom: 30px;
  369. opacity:1;
  370.  
  371. }
  372.  
  373. .askline {
  374. height:1px;
  375. margin-top:0px;
  376. margin-left:0px;
  377. background-color:{color:Border};
  378. z-index:-1;
  379. }
  380.  
  381. .asker {
  382. text-transform:uppercase;
  383. width:240px;
  384. font-size:8px;
  385. margin-bottom:5px;
  386. padding-bottom:20px;
  387. padding-top: 30px;
  388. color: #fafafa;
  389. text-shadow: 0px 0px 0px #000;
  390. z-index:9999999999999;
  391. }
  392.  
  393. .asker a {
  394. text-transform:uppercase;
  395. color: #fafafa;
  396. text-shadow: 0px 0px 0px #000;
  397. margin-left:0px;
  398. }
  399.  
  400.  
  401. .question {
  402. text-shadow: 0px 0px 0px #000;
  403. font-size:9px;
  404. font-weight:100;
  405. color: #fafafa;
  406. margin-left:-10px;
  407. width: 320px;
  408. font-family: trebuchet ms;
  409. text-transform:lowercase;
  410. text-align:justify;
  411. border-left: solid 8px #d4d4d4;
  412. padding:10px;
  413. background-color:#c2c2c2;
  414. }
  415.  
  416. .answer {
  417. padding-top:10px;
  418. text-align:justify;
  419. }
  420.  
  421.  
  422.  
  423. #info {
  424. text-align:center;
  425. width:330px;
  426. margin-right:200px;
  427. color: #fafafa;
  428. border: solid 0px #363536;
  429. padding:2px;
  430. background-color:#515151;
  431. }
  432.  
  433. #info a {
  434. color:#bbb8b8;
  435. text-shadow:0px 0px 0px #000;
  436. margin-right:300px;
  437. font-size:8px;
  438. font-weight:300;
  439. }
  440.  
  441. #rebagel {
  442. margin-right:30px;
  443. }
  444.  
  445. #rebagel a {
  446. margin-right:30px;
  447. }
  448.  
  449.  
  450. #tags {
  451. text-align:justify;
  452. width:320px;
  453. padding-top:8px;
  454. padding-bottom:8px;
  455. padding-left:2px;
  456. padding-right:2px;
  457. font-size:8px;
  458. }
  459.  
  460. #tags a {
  461. font-size:8px;
  462. text-transform:uppercase;
  463. font-family:times;
  464. word-wrap: break-word;
  465. line-height:100%;
  466. font-weight:800;
  467. text-shadow:0px 0px 0px #000;
  468. color:#fafafa;
  469. }
  470.  
  471.  
  472.  
  473. .chat .line {
  474. margin: 1px 25px;
  475. padding: 2px;
  476. line-height:150%;
  477. color: #292827
  478. font-family: arial;
  479. font-size: 10px;
  480. }
  481.  
  482. .chat .line.odd {
  483. color: #fff
  484. font-family: arial;
  485. text-align:right;
  486. font-size: 10px;
  487. text-shadow: 1px 1px 1px #000;
  488. }
  489.  
  490. .label {
  491. font-family:arial;
  492. text-transform:uppercase;
  493. font-size:10.5px;
  494. color:#fff;
  495. text-shadow: 0px 0px 1px #d3d1d1;
  496. }
  497.  
  498.  
  499. .note li {
  500. font-size:9px;
  501. text-transform:uppercase;
  502. font-family: arial;
  503. text-align:left;
  504. margin:0px;
  505. -moz-transition-duration:0.5s;
  506. -webkit-transition-duration:0.5s;
  507. -o-transition-duration:0.5s;
  508. }
  509.  
  510. /* pagination! */
  511.  
  512. #pagination {
  513. position:fixed;
  514. color: #6f103a;
  515. text-transform: uppercase;
  516. font-weight:330;
  517. font-family: times;
  518. font-size: 20px;
  519. line-height:10px;
  520. top:408px;
  521. left:320px;
  522. z-index:3;
  523. }
  524.  
  525.  
  526. #pagination a {
  527. text-transform:lowercase;
  528. z-index:9;
  529. color: #fafafa;
  530. font-weight:300;
  531. font-family: "hijrnotes";
  532. font-size: 35px;
  533. line-height:10px;
  534. }
  535.  
  536.  
  537.  
  538.  
  539. /* description! */
  540.  
  541.  
  542. #cabal {
  543. font-family: trebuchet ms;
  544. font-size:10px;
  545. background-color:#2e2b2d;
  546. width:150px;
  547. height:0px;
  548. left: 950px;
  549. top: 280px;
  550. text-align:justify;
  551. position:fixed;
  552. color:#fafafa;
  553. opacity:1;
  554. -webkit-transform: rotate(0deg);
  555. -moz-transform: rotate(0deg);
  556. -o-transform: rotate(0deg);
  557. }
  558.  
  559.  
  560.  
  561. #cabal:hover {
  562. -webkit-filter:none;
  563. -webkit-transition: all 0.6s ease-in-out;
  564. opacity:1;
  565. -webkit-transition: all 0.6s ease-in-out;
  566. -moz-transition: all 0.6s ease-in-out;
  567. -o-transition: all 0.6s ease-in-out;
  568. -ms-transition: all 0.6s ease-in-out;
  569. transition: all 0.6s ease-in-out;
  570. }
  571.  
  572.  
  573. /* links! */
  574.  
  575.  
  576. .alinks {
  577. z-index:9999;
  578. position:fixed;
  579. margin-left:940px;
  580. margin-top:80px;
  581. font-family: times;
  582. font-size:10px;
  583. font-weight:100;
  584. text-shadow:2 2 0px #ccc;
  585. -webkit-transition: all 0.5s ease-in-out;
  586. -moz-transition: all 0.5s ease-in-out;
  587. -o-transition: all 0.5s ease-in-out;
  588. -ms-transition: all 0.5s ease-in-out;
  589. transition: all 0.5s ease-in-out;
  590. -webkit-filter: blur(0px);
  591. -webkit-transition: 0.8s ease-in;
  592. -moz-transition: 1s ease-in;
  593. transition: 1s ease-in;
  594. -webkit-transform: rotate(0deg);
  595. -moz-transform: rotate(0deg);
  596. -o-transform: rotate(0deg);
  597. padding: 8px;
  598. background-color:#141414;
  599. border: 1px solid #bcbcbc;
  600. padding:4px;
  601. }
  602.  
  603. .alinks a {
  604. font-size:8px;
  605. font-family: times;
  606. text-transform:uppercase;
  607. text-shadow:2 2 1px #000;
  608. color: #000;
  609. text-shadow: rgb(183, 185, 187) 1px 0px 0px, rgb(183, 185, 187) 0.540302px 0.841471px 0px, rgb(183, 185, 187) -0.416147px 0.909297px 0px, rgb(183, 185, 187) -0.989992px 0.14112px 0px, rgb(183, 185, 187) -0.653644px -0.756802px 0px, rgb(183, 185, 187) 0.283662px -0.958924px 0px, rgb(183, 185, 187) 0.96017px -0.279415px 0px;
  610. }
  611.  
  612. .blinks {
  613. z-index:9999;
  614. position:fixed;
  615. margin-left:940px;
  616. margin-top:120px;
  617. font-family: 'Unica One', cursive;
  618. font-size:10px;
  619. text-shadow:1 1 0px #b4a9a5;
  620. text-align:center;
  621. -webkit-transition: all 0.5s ease-in-out;
  622. -moz-transition: all 0.5s ease-in-out;
  623. -o-transition: all 0.5s ease-in-out;
  624. -ms-transition: all 0.5s ease-in-out;
  625. transition: all 0.5s ease-in-out;
  626. -webkit-filter: blur(0px);
  627. -webkit-transition: 0.8s ease-in;
  628. -moz-transition: 1s ease-in;
  629. transition: 1s ease-in;
  630. -webkit-transform: rotate(0deg);
  631. -moz-transform: rotate(0deg);
  632. -o-transform: rotate(0deg);
  633. background-color:#141414;
  634. border: 1px solid #bcbcbc;
  635. padding:4px;
  636. width:50px;
  637. }
  638.  
  639. .blinks a {
  640. font-size:8px;
  641. font-family: times;
  642. text-transform:uppercase;
  643. text-shadow:2 2 1px #000;
  644. color: #000;
  645. text-shadow: rgb(183, 185, 187) 1px 0px 0px, rgb(183, 185, 187) 0.540302px 0.841471px 0px, rgb(183, 185, 187) -0.416147px 0.909297px 0px, rgb(183, 185, 187) -0.989992px 0.14112px 0px, rgb(183, 185, 187) -0.653644px -0.756802px 0px, rgb(183, 185, 187) 0.283662px -0.958924px 0px, rgb(183, 185, 187) 0.96017px -0.279415px 0px;
  646. }
  647.  
  648. .clinks {
  649. z-index:9999;
  650. position:fixed;
  651. margin-left:940px;
  652. margin-top:160px;
  653. text-align:center;
  654. font-family: 'Unica One', cursive;
  655. font-size:10px;
  656. text-shadow:1 1 0px #b4a9a5;
  657. -webkit-transition: all 0.5s ease-in-out;
  658. -moz-transition: all 0.5s ease-in-out;
  659. -o-transition: all 0.5s ease-in-out;
  660. -ms-transition: all 0.5s ease-in-out;
  661. transition: all 0.5s ease-in-out;
  662. -webkit-filter: blur(0px);
  663. -webkit-transition: 0.8s ease-in;
  664. -moz-transition: 1s ease-in;
  665. transition: 1s ease-in;
  666. -webkit-transform: rotate(0deg);
  667. -moz-transform: rotate(0deg);
  668. -o-transform: rotate(0deg);
  669. background-color:#141414;
  670. border: 1px solid #bcbcbc;
  671. padding:4px;
  672. width:50px;
  673. }
  674.  
  675. .clinks a {
  676. font-size:8px;
  677. font-family: times;
  678. text-transform:uppercase;
  679. text-shadow:2 2 1px #000;
  680. color: #000;
  681. text-shadow: rgb(183, 185, 187) 1px 0px 0px, rgb(183, 185, 187) 0.540302px 0.841471px 0px, rgb(183, 185, 187) -0.416147px 0.909297px 0px, rgb(183, 185, 187) -0.989992px 0.14112px 0px, rgb(183, 185, 187) -0.653644px -0.756802px 0px, rgb(183, 185, 187) 0.283662px -0.958924px 0px, rgb(183, 185, 187) 0.96017px -0.279415px 0px;
  682. }
  683.  
  684.  
  685. .credit {
  686. color: #cccccc;
  687. position:fixed;
  688. right:0px;
  689. bottom:15px;
  690. }
  691.  
  692.  
  693. .credit a {
  694. padding:10px;
  695. color:#000;
  696. width:30px;
  697. font-weight:100;
  698. font-size:18px;
  699. margin-right:0px;
  700. font-family: 'Allura', cursive;
  701. text-transform:none;
  702. text-shadow: rgb(183, 185, 187) 1px 0px 0px, rgb(183, 185, 187) 0.540302px 0.841471px 0px, rgb(183, 185, 187) -0.416147px 0.909297px 0px, rgb(183, 185, 187) -0.989992px 0.14112px 0px, rgb(183, 185, 187) -0.653644px -0.756802px 0px, rgb(183, 185, 187) 0.283662px -0.958924px 0px, rgb(183, 185, 187) 0.96017px -0.279415px 0px;
  703. }
  704.  
  705. .credit a:hover {
  706. -webkit-transition: all 0.6s ease-in-out;
  707. -moz-transition: all 0.6s ease-in-out;
  708. -o-transition: all 0.6s ease-in-out;
  709. -ms-transition: all 0.6s ease-in-out;
  710. transition: all 0.6s ease-in-out;
  711. color: #fff;
  712. }
  713.  
  714.  
  715.  
  716. .quote {
  717. font-size:13px;
  718. letter-spacing:1px;
  719. text-align:center;
  720. border-bottom:1px solid #615c55;
  721. margin-bottom:5px;
  722. padding-bottom:3px;
  723. }
  724.  
  725. .quotesource {
  726. font-size: 5px;
  727. letter-spacing:1px;
  728. text-align:center;
  729. margin-bottom:5px;
  730. }
  731.  
  732. /* music! */
  733.  
  734. .playerbuttonbg {
  735. position: absolute;
  736. left: 20px;
  737. top: 20px;
  738. width: 19px;
  739. height: 19px;
  740. background-color: #ffffff;
  741. padding: 10px;
  742. -webkit-border-radius: 40px;
  743. -moz-border-radius: 40px;
  744. border-radius: 40px;
  745. opacity: .4;
  746. filter: alpha(opacity=40);
  747. -moz-opacity: 0.4;
  748. -khtml-opacity: 0.4;
  749. transition: opacity .7s ease-in-out;
  750. -moz-transition: opacity .7s ease-in-out;
  751. -webkit-transition: opacity .7s ease-in-out;
  752. }
  753.  
  754. .playerbuttonbg:hover {
  755. opacity: 1;
  756. filter: alpha(opacity=100);
  757. -moz-opacity: 1;
  758. -khtml-opacity: 1;
  759. }
  760.  
  761. .newplayerbutton {
  762. position: relative;
  763. width: 19px;
  764. height: 19px;
  765. overflow: hidden;
  766. }
  767.  
  768. .playerbuttonhug {
  769. position: absolute;
  770. top: -18px;
  771. left: -7px;
  772. }
  773.  
  774. .tumblr_audio_player {
  775. height: 90px;
  776. width: 250px;
  777. -moz-transform: scale(0.60, 0.60);
  778. -webkit-transform: scale(0.60, 0.60);
  779. -o-transform: scale(0.60, 0.60);
  780. -ms-transform: scale(0.60, 0.60);
  781. transform: scale(0.60, 0.60);
  782. -moz-transform-origin: top left;
  783. -webkit-transform-origin: top left;
  784. -o-transform-origin: top left;
  785. -ms-transform-origin: top left;
  786. transform-origin: top left;
  787. }
  788.  
  789. .audioimgwrapper {
  790. position: absolute;
  791. left: 0px;
  792. top: 0px;
  793. -webkit-border-radius: 40px;
  794. -moz-border-radius: 40px;
  795. border-radius: 40px;
  796. overflow: hidden;
  797. width: 79px;
  798. height: 79px;
  799. }
  800.  
  801. .audioimgwrapper img {
  802. width: 100%;
  803. height: auto;
  804. -webkit-border-radius: 40px;
  805. -moz-border-radius: 40px;
  806. border-radius: 40px;
  807. }
  808.  
  809. .trackdetails {
  810. width: auto;
  811. display:inline-block;
  812. margin-left: 90px;
  813. min-height: 85px;
  814. }
  815.  
  816. .audiowrapper {
  817. position: relative;
  818. display:inline-block;
  819. }
  820.  
  821. #quote {
  822.  
  823. text-transform: uppercase;
  824. font-family: Helvetica;
  825. color:#fff;
  826. letter-spacing: 3px;
  827. line-height: 11px;
  828. font-size: 11px;
  829. text-align: center;
  830. }
  831.  
  832. #source {
  833. text-transform: uppercase,bold;
  834. font-size: 7px;
  835. text-align:left;
  836. }
  837.  
  838. /* popups! */
  839.  
  840. .popup_block {
  841. display:none;
  842. float:left;
  843. height:892px;
  844. width:250px;
  845. position:fixed;
  846. left:685px;
  847. top:-40px;
  848. margin-top:200px;
  849. z-index:99999999999999999999999;
  850. opacity:1;
  851. font-size: 9px;
  852. font-family: 'Lato';
  853. color:#fefefe;
  854. text-align:justify;
  855. }
  856.  
  857.  
  858. *html #fade {position: absolute;}
  859. *html .popup_block {position: absolute;}
  860. #fade {
  861. display:none;
  862. position:fixed;
  863. left:0px;
  864. top:0px;
  865. width:100%;
  866. height:100%;
  867. z-index:999999;
  868. background-color:#270503;
  869. opacity:0;
  870. }
  871.  
  872. .question_block{
  873. height:300px;
  874. display: none;
  875. float: left;
  876. position: fixed;
  877. top: 50%; left: 50%;
  878. z-index: 999999999999;
  879. }
  880.  
  881. img.btn_close {float: right;}
  882. #ask_form {height:250px;}
  883.  
  884.  
  885. #headerbar{
  886. background-color:#270503;
  887. margin-left:230px;
  888. margin-top:550px;
  889. width:358px;
  890. height:auto;
  891. overflow:scroll;
  892. padding:5px;
  893. padding-top:15px;
  894. padding-bottom:10px;
  895. text-align:justify;
  896. color:#fafafa;
  897. font-family:'lato';
  898. font-size:9px;
  899. overflow-x:hidden;
  900. overflow-y:hidden;
  901. }
  902.  
  903. #tabbar{
  904. background-color:#250604;
  905. margin-left:230px;
  906. margin-top:0px;
  907. width:343px;
  908. height:510px;
  909. position:fixed;
  910. padding:10px;
  911. text-align:justify;
  912. overflow-x:hidden;
  913. font-family:'lato';
  914. font-size:12px;
  915. overflow: auto;
  916. color:#f0f0f0;
  917. padding-top:10px;
  918. margin-bottom:80px;
  919. border-top: 1px dotted #8c8b8b;}
  920.  
  921.  
  922. #tabbar2{
  923. background-color:#141414;
  924. margin-left:230px;
  925. margin-top:540px;
  926. width:343px;
  927. height:510px;
  928. position:fixed;
  929. padding:10px;
  930. text-align:justify;
  931. overflow-x:hidden;
  932. font-family:'lato';
  933. font-size:11px;
  934. overflow: auto;
  935. color:#f0f0f0;
  936. padding-top:10px;
  937. margin-bottom:80px;
  938. border-top: 1px dotted #8c8b8b; }
  939.  
  940.  
  941. #tabbar hr {
  942. border: 0;
  943. border-top: 1px dotted #8c8b8b;
  944. background: transparent;
  945. max-width:280px; }
  946.  
  947.  
  948.  
  949. ul#tabs {
  950. text-align:center;
  951. color:#f0f0f0;
  952. letter-spacing:1px;
  953. font-weight:600;
  954. text-align:center;
  955. font-size:13px;
  956. display:inline-block;
  957. }
  958.  
  959. ul#tabs li {
  960. background-color:#000000;
  961. border: 1px solid #eaeaea;
  962. letter-spacing:1px;
  963. text-align:center;
  964. font-family:'lato';
  965. font-weight:600;
  966. color:#ffffff;
  967. text-transform:uppercase;
  968. font-size:10px;
  969. display:inline-block;
  970. padding:2px;
  971. margin-left:2px;
  972. margin-right:2px;
  973. width:85px;
  974. margin:2px;
  975. }
  976.  
  977.  
  978. ul#tabs li:hover {
  979. background-image:none;
  980. background-color:#b7b7bb;
  981. font-weight:600;
  982. -webkit-transition: all .8s ease-in-out;
  983. -moz-transition: all .8s ease-in-out;
  984. -o-transition: all .8s ease-in-out;
  985. }
  986.  
  987. ul#tabs li.active {
  988. color:#f0f0f0;
  989. -webkit-transition: all 0.5s ease-out;
  990. -moz-transition: all 0.5s ease-out;
  991. transition: all 0.5s ease-out;
  992. }
  993.  
  994.  
  995. ul#tab, ul#tabs{list-style-type:none;margin:0px;padding:0px;}
  996. ul#tab li.active {display: block;}
  997. ul#tab li {display: none;}
  998.  
  999.  
  1000.  
  1001.  
  1002.  
  1003.  
  1004.  
  1005. /* pop-up navigation! */
  1006.  
  1007. .marcobartoli {
  1008. text-align:center;
  1009. width: auto;
  1010. height:405px;
  1011. padding:10px;
  1012. margin-top: -20px;
  1013. }
  1014.  
  1015. .marcobartoli a {
  1016. margin-left:5px;
  1017. margin-top:10px;
  1018. font-family: times;
  1019. display: inline-block;
  1020. padding:8px;
  1021. letter-spacing:1px;
  1022. font-size:7px;
  1023. width:80px;
  1024. color: #777;
  1025. background-color:#b7b7bb;
  1026. border: 1px solid #bcbcbc;
  1027. text-align:center;
  1028. -moz-transition-duration:0.8s;
  1029. -webkit-transition-duration:0.8s;
  1030. -o-transition-duration:0.8s;
  1031. }
  1032.  
  1033.  
  1034.  
  1035.  
  1036.  
  1037. /* tooltip! */
  1038.  
  1039.  
  1040.  
  1041. #s-m-t-tooltip{
  1042. display:none;
  1043. text-align:center;
  1044. position:absolute;
  1045. z-index:9999999;
  1046. font-size:8px;
  1047. font-family:times;
  1048. color: #fff;
  1049. background-color:#353535;
  1050. border: 1px solid #292929;
  1051. letter-spacing:1px;
  1052. text-transform:uppercase;
  1053. padding:0px 6px 0px 6px;
  1054. margin-top:30px;
  1055. -webkit-transition:all 0.1s ease-out
  1056. -moz-transition:all 0.1s ease-out;
  1057. transition:all 0.1s ease-out;
  1058. }
  1059.  
  1060.  
  1061.  
  1062.  
  1063. #musicicon {
  1064. position: fixed;
  1065. top: 20px;
  1066. left: 20px;
  1067. width: 26px;
  1068. height: 26px;
  1069. -webkit-transition: all .7s ease;
  1070. -moz-transition: all .7s ease;
  1071. -o-transition: all .7s ease;
  1072. transition: all .7s ease;
  1073. }
  1074.  
  1075. .micon {
  1076. z-index: 1;
  1077. width: 15px;
  1078. background: transparent; /* music icon background */
  1079. padding: 2px;
  1080. width: 26px;
  1081. height: 26px;
  1082. border-radius: 4px;
  1083. -webkit-transition: all .7s ease;
  1084. -moz-transition: all .7s ease;
  1085. -o-transition: all .7s ease;
  1086. transition: all .7s ease;
  1087. }
  1088.  
  1089. .micon:hover{
  1090. border-top-left-radius: 4px;
  1091. border-bottom-left-radius: 4px;
  1092. border-top-right-radius: 0px;
  1093. border-bottom-right-radius: 0px;
  1094. }
  1095.  
  1096. .micon img { width: 15px; margin: 5px; }
  1097.  
  1098. .musicplayer {
  1099. z-index: -1;
  1100. position: absolute;
  1101. margin-top: -30px;
  1102. background:transparent; /* music player background */
  1103. border: 0px solid #5EC6CB; /* music player border */
  1104. margin-left: 5px;
  1105. border-radius: 4px;
  1106. width: 0px;
  1107. padding: 9px;
  1108. overflow: hidden;
  1109. -webkit-transition: all .7s ease;
  1110. -moz-transition: all .7s ease;
  1111. -o-transition: all .7s ease;
  1112. transition: all .7s ease;
  1113. }
  1114.  
  1115. .mplayer { margin-left: -27px; }
  1116.  
  1117. #musicicon:hover .musicplayer {
  1118. margin-left: 29px;
  1119. width: 120px;
  1120. border-top-left-radius: 0px;
  1121. border-bottom-left-radius: 0px;
  1122. border-top-right-radius: 4px;
  1123. border-bottom-right-radius: 4px;
  1124. }
  1125.  
  1126. #musicicon:hover .micon {
  1127. border-top-left-radius: 4px;
  1128. border-bottom-left-radius: 4px;
  1129. border-top-right-radius: 0px;
  1130. border-bottom-right-radius: 0px;
  1131. }
  1132.  
  1133.  
  1134.  
  1135.  
  1136.  
  1137. /*animation tutorial by octomoosey*/
  1138.  
  1139. /* the first two sections of css are just setting up our object. you can set the positioning and any colours, backgrounds etc as usual! */
  1140. .moose-animation{
  1141. position:fixed;
  1142. margin-left:10px;
  1143. margin-top:10px;
  1144. /* 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 */
  1145.  
  1146. /* 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 */
  1147.  
  1148. 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 */
  1149. 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 ) */
  1150. 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 */
  1151.  
  1152. /* Safari 4+, Android, Chrome */
  1153. -webkit-animation: bbounce linear 2.5s;
  1154. -webkit-animation-iteration-count: infinite;
  1155. -webkit-transform-origin: 50% 50%;
  1156.  
  1157. /* Fx 5+ */
  1158. -moz-animation: bbounce linear 2.5s;
  1159. -moz-animation-iteration-count: infinite;
  1160. -moz-transform-origin: 50% 50%;
  1161.  
  1162. /* Opera 12+ */
  1163. -o-animation: bbounce linear 2.5s;
  1164. -o-animation-iteration-count: infinite;
  1165. -o-transform-origin: 50% 50%;
  1166.  
  1167. /* IE 10+, Fx 29+ */
  1168. -ms-animation: bbounce linear 2.5s;
  1169. -ms-animation-iteration-count: infinite;
  1170. -ms-transform-origin: 50% 50%;}
  1171.  
  1172. .moose-animation img {
  1173. height:60px;
  1174. width:80px;
  1175. padding:5px;
  1176. background:transparent;}
  1177.  
  1178. .fadein img{
  1179. opacity:0.5;
  1180. transition: 1s ease;
  1181. }
  1182.  
  1183. .fadein img:hover{
  1184. opacity:1;
  1185. transition: 1s ease;
  1186. }
  1187.  
  1188. </style>
  1189.  
  1190. <body>
  1191.  
  1192.  
  1193.  
  1194. <script type="text/javascript">
  1195. <!--
  1196. function clickIE() {if (document.all) {(message);return false;}}
  1197. function clickNS(e) {if
  1198. (document.layers||(document.getElementById&&!document.all)) {
  1199. if (e.which==2||e.which==3) {(message);return false;}}}
  1200. if (document.layers)
  1201. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  1202. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  1203. document.oncontextmenu=new Function("return false")
  1204. // -->
  1205. </script>
  1206.  
  1207.  
  1208.  
  1209. <div id="links">
  1210. <div class="alinks">
  1211. <a href="/" title="refresh">GREAT HALL</a>
  1212. </div></div>
  1213.  
  1214. <div class="blinks">
  1215. <a href="/ask" title="inquiries">MAIL</a></div>
  1216.  
  1217.  
  1218. <div class="clinks">
  1219. <a href="#?w=630" rel="03" class="poplight" title="navi">MAP</a>
  1220. </div></div>
  1221.  
  1222. <div class="credit">
  1223. <a href="http://pyribrmos.tumblr.com/" rel="06" class="poplight" title="theme by Aelin / pyribrmos.">P</a>
  1224. </div>
  1225. </div>
  1226.  
  1227.  
  1228. <div id="pagination">{block:Pagination}
  1229.  
  1230. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div>
  1231.  
  1232.  
  1233. <div id="container">
  1234.  
  1235. {block:Posts}
  1236. {block:ContentSource}<!-- {SourceURL}
  1237. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1238. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1239. {/block:ContentSource}
  1240.  
  1241. <div class="luxveritatis">
  1242.  
  1243. {block:Text}{block:Title}<span style="color:#000;font-size:13px;text-shadow: 1 1 0;text-transform:uppercase;letter-spacing:3px;text-align:center;">{Title}</span>{/block:Title} <div id="xian">{Body}</div>
  1244. {/block:Text}
  1245.  
  1246.  
  1247.  
  1248. {block:Photo}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{block:Caption}{/block:Caption}{/block:Photo} <!-- {block:NoRebloggedFrom}
  1249. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1250. {/block:NoRebloggedFrom} -->
  1251.  
  1252. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{/block:Caption}{/block:Panorama}
  1253.  
  1254. {block:Photoset}{Photoset}{block:Caption}{/block:Caption}{/block:Photoset}
  1255.  
  1256. <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>
  1257.  
  1258. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  1259.  
  1260. {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}
  1261.  
  1262. {block:Video}<center>{Video}</center>{block:Caption}{/block:Caption}{/block:Video}
  1263.  
  1264. {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}
  1265.  
  1266. {block:Caption}{Caption}{/block:Caption}
  1267.  
  1268. {block:Answer}
  1269.  
  1270. <div class="askline"></div><div class="ask">{Asker} said:</div> <div class="question">{Question}</div>
  1271.  
  1272.  
  1273.  
  1274. <div class="answer">
  1275. <div id="xian">{Answer}</div></div>
  1276. {/block:Answer}
  1277.  
  1278.  
  1279.  
  1280. {block:Date}<div id="info"><a href="{Permalink}" title="{timeago}">info</a><a href="{ReblogURL}">↺</a>{/block:Date}
  1281.  
  1282. </div>
  1283. <div id="tags">{block:HasTags} {block:Tags}<a href="{TagURL}">・ {Tag}    </a> {/block:Tags}{/block:HasTags}</div>
  1284. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1285.  
  1286.  
  1287. {block:AskEnabled}<a class="various3" href="http://www.tumblr.com/ask_form/{Name}.tumblr.com"></a>{/block:AskEnabled}
  1288.  
  1289.  
  1290.  
  1291.  
  1292. </div>
  1293.  
  1294. {/block:Posts}
  1295.  
  1296. </div>
  1297.  
  1298.  
  1299. {block:contentsource}
  1300. <!– {sourceurl}{block:sourcelogo}<img src="{blacklogourl}"
  1301. width="{logowidth}" height="{logoheight}" alt="{sourcetitle}" />
  1302. {/block:sourcelogo}
  1303. {block:nosourcelogo}{sourcelink}{/block:nosourcelogo} –>
  1304. {/block:contentsource}
  1305.  
  1306.  
  1307.  
  1308. </body>
  1309.  
  1310.  
  1311.  
  1312. <div id="03" class="popup_block">
  1313.  
  1314. <div id="headerbar">
  1315. <ul id="tabs">
  1316.  
  1317. <li class="active">RULES.</li>
  1318. <li>ABOUT.</li>
  1319. <li>VERSES.</li>
  1320. <li>BIO.</li>
  1321. <li>NAVIGATION.</li>
  1322. </ul></div>
  1323.  
  1324.  
  1325.  
  1326. <div id="tabbar"><ul id="tab">
  1327. <li class="active">
  1328.  
  1329.  
  1330. <h4>RULES</h4><br>
  1331.  
  1332. <h1><center>Hi there, people of the internet!</center></h1>
  1333. 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.
  1334. <br><br>
  1335.  
  1336. <h1><center>first things first!</center></h1>
  1337. 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.
  1338.  
  1339.  
  1340.  
  1341. <h1><center>here's the important bit!</center></h1>
  1342. 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>
  1343.  
  1344. <h1><center>almost there!</center></h1>
  1345. 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.
  1346.  
  1347. </li>
  1348. <li>
  1349.  
  1350.  
  1351.  
  1352.  
  1353.  
  1354. <h1>ORIGIN</h1>
  1355.  
  1356. 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>
  1357. <br>
  1358. 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>
  1359. <br>
  1360. 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>
  1361. <br>
  1362. 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.</p>
  1363.  
  1364.  
  1365. </li>
  1366. <li>
  1367.  
  1368.  
  1369.  
  1370. <h4>TBA</h4>
  1371. <h4>MAIN</h4>
  1372. <b><center>Post-Angel of Darkness — Post-Cappadocia.</center></b>
  1373. <hr>
  1374. <img src="https://i.imgur.com/KFi6oRG.png" style=float:left;>
  1375. 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>
  1376.  
  1377.  
  1378.  
  1379.  
  1380. <h4>PRE-EGYPT</h4>
  1381. <b><center>I ONLY PLAY FOR SPORT.</center></b>
  1382. <hr>
  1383. <img src="https://i.imgur.com/QIqqHCx.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.
  1384.  
  1385. <h4>EGYPT</h4>
  1386. <b><center>YOUR WORKFORCE IS ABOUT TO BE DELAYED.</center></b>
  1387. <hr>
  1388. <img src="https://i.imgur.com/XSY3BlX.png" style=float:left;>
  1389.  
  1390. 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.
  1391.  
  1392.  
  1393. <h4>POST-EGYPT / PRE-AOD</h4>
  1394. <b><center>NEVER FELT BETTER.</center></b>
  1395. <hr>
  1396. <img src="https://i.imgur.com/bvvGnt6.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.
  1397.  
  1398.  
  1399. </p>
  1400.  
  1401. </li>
  1402. <li>
  1403.  
  1404.  
  1405. <h1>DOSSIER</h1> <br><br>
  1406. 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>
  1407.  
  1408.  
  1409.  
  1410. </li>
  1411. <li>
  1412.  
  1413. <div class="marcobartoli">
  1414. <!-- copy / delete these for every link you wish to add / remove! -->
  1415. <a href="xxx">TBA</a>
  1416. <a href="xxx">TBA</a>
  1417. <a href="xxx">TBA</a>
  1418. <a href="xxx">TBA</a>
  1419. <a href="xxx">TBA</a>
  1420. <a href="xxx">TBA</a>
  1421. <a href="xxx">TBA</a>
  1422. <a href="xxx">TBA</a>
  1423. <a href="xxx">TBA</a>
  1424. <a href="xxx">TBA</a>
  1425. <a href="xxx">TBA</a>
  1426. <a href="xxx">TBA</a>
  1427. <a href="xxx">TBA</a>
  1428. <a href="xxx">TBA</a>
  1429. <a href="xxx">TBA</a>
  1430.  
  1431. </div>
  1432.  
  1433. </li>
  1434. </ul>
  1435.  
  1436. </div></div>
  1437.  
  1438.  
  1439.  
  1440. </div></div></div>
  1441. </div></div></div>
  1442.  
  1443.  
  1444. </div></div></div>
  1445. </div>
  1446.  
  1447.  
  1448.  
  1449. </html>
  1450.  
  1451. <!--
  1452.  
  1453. -->
  1454.  
  1455.  
  1456.  
  1457.  
  1458. <div id="cabal">
  1459. <div style="width:auto;height:320px;overflow:scroll;padding:2px;font-size:9px;font-family:trebuchet ms;text-transform:uppercase;background-color:transparent;
  1460. opacity: 1;">
  1461. <br><br>
  1462.  
  1463.  
  1464. <b>OPTIONAL DESCRIPTION.</b> in order to remove this, either delete this entire block & the div titled "cabal" or change the opacity to zero.
  1465. <br><br>
  1466. <hr><br><br>
  1467. 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.
  1468. </script><br><br>
  1469.  
  1470.  
  1471.  
  1472. </div></div>
  1473.  
  1474. <br><br></div></div>
  1475.  
  1476.  
  1477.  
  1478. </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!