API tools faq
paste
Advertisement
Tsunland

Erika's Fran Theme

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