API tools faq
paste
Advertisement
Guest User

for kara

a guest
Jan 19th, 2019
85
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.10 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4.  
  5. <!--
  6.  
  7. WINTER'S LADY THEMES
  8. ♛ this code was made by AGIRLINGREY@TUMBLR.
  9. ♛ do not remove credit or claim as your own.
  10.  
  11. -->
  12.  
  13.  
  14.  
  15.  
  16. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head>
  18.  
  19.  
  20.  
  21. <!--
  22. POP UP SCRIPT
  23. -->
  24.  
  25.  
  26. <script type="text/javascript"
  27. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  28. <script>
  29. $(document).ready(function() {
  30. //
  31. $('a.poplight[href^=#]').click(function() {
  32. var popID = $(this).attr('rel'); //Get Popup Name
  33. var popURL = $(this).attr('href'); //Get Popup href to define size
  34. var query= popURL.split('?');
  35. var dim= query[1].split('&');
  36. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  37. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  38. var popMargTop = ($('#' + popID).height() + 80) / 2;
  39. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  40. //Apply Margin to Popup
  41. $('#' + popID).css({
  42. 'margin-top' : -popMargTop,
  43. 'margin-left' : -popMargLeft
  44. });
  45. $('body').append('<div id="fade"></div>');
  46. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  47. return false;
  48. });
  49. $('a.close, #fade').live('click', function() {
  50. $('#fade , .popup_block').fadeOut(function() {
  51. $('#fade, a.close').remove(); //fade them both out
  52. });
  53. return false;
  54. });
  55. });
  56. </script>
  57.  
  58.  
  59.  
  60. <!--
  61. VERSE TABS SCRIPT
  62. -->
  63.  
  64.  
  65. <script>
  66.  
  67. $(document).ready(function(){
  68. $("ul#tabs li").click(function(e){
  69. if (!$(this).hasClass("active")) {
  70. var tabNum = $(this).index();
  71. var nthChild = tabNum+1;
  72. $("ul#tabs li.active").removeClass("active");
  73. $(this).addClass("active");
  74. $("ul#tab li.active").removeClass("active");
  75. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  76. }
  77. });
  78. });
  79. </script>
  80.  
  81.  
  82.  
  83.  
  84. <!--
  85. TOOLTIP STYLING SCRIPT
  86. -->
  87.  
  88.  
  89. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  90. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  91. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  92. <script>
  93. (function($){
  94. $(document).ready(function(){
  95. $("[title]").style_my_tooltips({
  96. tip_follows_cursor:true,
  97. tip_delay_time:200,
  98. tip_fade_speed:500
  99. });
  100. });
  101. })(jQuery);
  102. </script>
  103.  
  104.  
  105.  
  106.  
  107.  
  108.  
  109.  
  110.  
  111.  
  112.  
  113. <title>{Title}</title>
  114. <link rel="shortcut icon" href="{Favicon}">
  115. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  116. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  117.  
  118. <meta name="color:background" content="#000000"/>
  119. <meta name="color:text" content="#a1a0a0"/>
  120. <meta name="color:description" content=transparent/>
  121. <meta name="color:link" content="#e0d3ed"/>
  122. <meta name="color:link hover" content="#989898" />
  123. <meta name="color:bold" content="#cdc2f0" />
  124. <meta name="color:italic" content="#ffffff" />
  125. <meta name="color:border" content="#292828" />
  126. <meta name="color:scrollbar" content="#ffffff" />
  127. <meta name="color:postbg" content=transparent />
  128. <meta name="color:blockquote" content="#121212" />
  129. <meta name="color:tags" content="#e0d3ed"/>
  130.  
  131. <meta name="image:background" content=""/>
  132.  
  133. <meta name="text:link 1" content="link 1"/>
  134. <meta name="text:link 1 url" content="/"/>
  135. <meta name="text:link 2" content="link 2"/>
  136. <meta name="text:link 2 url" content="/"/>
  137. <meta name="text:link 3" content="link 3"/>
  138. <meta name="text:link 3 url" content="/"/>
  139. <meta name="text:link 4" content="link 4"/>
  140. <meta name="text:link 4 url" content="/"/>
  141. <meta name="text:link 5" content="link 5"/>
  142. <meta name="text:link 5 url" content="/"/>
  143. <meta name="text:link 6" content="link 6"/>
  144. <meta name="text:link 6 url" content="/"/>
  145. <meta name="text:link 7" content="link 7"/>
  146. <meta name="text:link 7 url" content="/"/>
  147. <meta name="text:link 8" content="link 8"/>
  148. <meta name="text:link 8 url" content="/"/>
  149.  
  150. <meta name="if:tinycursor" content="1"/>
  151. <meta name="if:greyscale" content="0"/>
  152. <meta name="text:text size" content="12px" />
  153. <meta name="if:showsubmit" content="0"/>
  154.  
  155. <meta name="color:updates bar" content="#070707"/>
  156. <meta name="image:Updates" content=""/>
  157. <meta name="image:thekey" content=""/>
  158.  
  159.  
  160.  
  161. <!--
  162. CUSTOM FONTS
  163. -->
  164.  
  165.  
  166. <link href='https://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
  167.  
  168. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  169.  
  170. <link href='https://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet' type='text/css'>
  171.  
  172. <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
  173.  
  174.  
  175. <style type="text/css">
  176.  
  177.  
  178.  
  179. /* the hover update thing */
  180.  
  181.  
  182.  
  183. #bite
  184. #bite a{
  185. display:block
  186. }
  187. #bite .death {
  188. margin-top:0px;filter: alpha(opacity = 1.0);
  189. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  190. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  191. }
  192.  
  193. #bite:hover .death {
  194. margin-top:0px;
  195. -webkit-transition: all 0.8s ease-out;
  196. -moz-transition: all 0.8s ease-out;
  197. transition: all 0.8s ease-out;
  198. filter: alpha(opacity = 100);
  199. filter: alpha(opacity = 100);
  200. opacity:100;
  201. }
  202.  
  203.  
  204. /* selection font and background */
  205.  
  206.  
  207. ::selection {
  208. background: #444;
  209. color:#fff; }
  210.  
  211.  
  212. ::-moz-selection {
  213. background: #444;
  214. color:#fff; }
  215.  
  216.  
  217.  
  218. /* scrollbar details */
  219.  
  220.  
  221.  
  222. ::-webkit-scrollbar {
  223. height: 0px;
  224. width: 2px;
  225. background:transparent;
  226. border-left:0px solid transparent;
  227. border-right:0px solid transparent;}
  228.  
  229.  
  230. ::-webkit-scrollbar-thumb {
  231. background:transparent;}
  232.  
  233.  
  234.  
  235.  
  236.  
  237. /* the cursor */
  238.  
  239.  
  240. {block:iftinycursor}
  241. body, a, a:hover{
  242. cursor: url('https://media.tumblr.com/28e8e2c9c0a422c5fb73ea368b58b529/tumblr_inline_mv7k3cbC5e1qmxe8x.png'), progress;}
  243. {/block:iftinycursor}
  244.  
  245. iframe#tumblr_controls {
  246. right:3px !important;
  247. position: fixed !important;
  248. -webkit-transition: opacity 0.7s
  249. linear;opacity: 0.2;
  250. -webkit-transition: all 0.8s ease-out;
  251. -moz-transition: all 0.8s ease-out;
  252. transition: all 0.8s ease-out;}
  253.  
  254. iframe#tumblr_controls:hover{
  255. -webkit-transition: opacity 0.7s linear;
  256. opacity: 1;
  257. -webkit-transition: all 0.4s ease-out;
  258. -moz-transition: all 0.4s ease-out;
  259. transition: all 0.4s ease-out;}
  260.  
  261.  
  262.  
  263. /* general look & background */
  264.  
  265.  
  266. body {
  267. background:#706d6a;
  268. background-image:url('https://i.postimg.cc/5f0WfQsY/tyr.png');
  269. background-repeat: no-repeat;
  270. background-position: top left;
  271. color:#706d6a;
  272. font-family: calibri;
  273. text-align:justify;
  274. font-size: 10px;
  275. letter-spacing:1px;
  276. line-height:135%;
  277.  
  278. }
  279.  
  280.  
  281.  
  282. /* the verses tabs */
  283.  
  284.  
  285. ul#tabs {
  286. list-style-type: none;
  287. padding: 0;
  288. text-align: center;
  289. font-size:8px;
  290. letter-spacing:1px;
  291. }
  292.  
  293. ul#tabs li {
  294. display: inline-block;
  295. background-color: transparent;
  296. border: solid 0px #262626;
  297. padding: 4px 12px;
  298. margin-bottom: 4px;
  299. color: #1b1b1b;
  300. cursor: pointer;
  301. }
  302.  
  303. ul#tabs li:hover {
  304. background-color: #b0b0b0;
  305. }
  306.  
  307. ul#tabs li.active {
  308. background-color: #0f0f0f;
  309. background-image:url('https://imgur.com/Q30ko53.png');
  310. border: 1px solid #9b9b9b;
  311. }
  312.  
  313. ul#tab {
  314. list-style-type: none;
  315. margin: 0;
  316. padding: 0;
  317. }
  318.  
  319. ul#tab li {
  320. display: none;
  321. }
  322.  
  323. ul#tab li.active {
  324. display: block;
  325. }
  326.  
  327.  
  328.  
  329.  
  330. /* back to general look & details */
  331.  
  332.  
  333.  
  334. a:link, a:active, a:visited {
  335. text-decoration: none;
  336. color: #d1d1d1;
  337. -moz-transition-duration:.6s;
  338. -webkit-transition-duration:.6s;
  339. -o-transition-duration:.6s;
  340. -webkit-filter: blur(0px);}
  341.  
  342. a:hover {
  343. color: #8f8f8f;
  344. -moz-transition-duration:.6s;
  345. -webkit-transition-duration:.6s;
  346. -o-transition-duration:.6s;
  347. -webkit-filter: blur(1px);}
  348.  
  349.  
  350.  
  351. h1 {
  352. background-color: transparent;
  353. font-family: 'Montserrat', sans-serif;
  354. font-size: 16px;
  355. line-height: 20px;
  356. letter-spacing: 2px;
  357. text-align: center;
  358. text-transform:uppercase;
  359. color: #d1d1d1;
  360. }
  361.  
  362.  
  363. h2 {
  364. background-color: transparent;
  365. font-family: 'Montserrat', sans-serif;
  366. font-size: 15px;
  367. line-height: 16px;
  368. letter-spacing: 2px;
  369. text-align: left;
  370. text-transform:uppercase;
  371. color: #d1d1d1;
  372. }
  373.  
  374.  
  375.  
  376. h3 {
  377. background-color: transparent;
  378. background-image:url("https://imgur.com/kQ6mQeC.gif");
  379. border:1px dotted #9b9b9b;
  380. font-family: arial;
  381. font-weight:bold;
  382. color: #d1d1d1;
  383. text-shadow:0px 0px 2px #2c2f34;
  384. font-size: 10px;
  385. line-height: 12px;
  386. letter-spacing: 2px;
  387. text-align: center;
  388. text-transform:uppercase;
  389. padding:1px;
  390. line-height:120%;}
  391.  
  392.  
  393.  
  394. quotetext {
  395. background-color: transparent;
  396. font-family: times;
  397. font-size: 14px;
  398. line-height: 20px;
  399. letter-spacing: 2px;
  400. text-align: center;
  401. text-transform:uppercase;
  402. color: #dadada;
  403. }
  404.  
  405.  
  406.  
  407. blockquote {
  408. word-wrap: break-word;
  409. padding:2px 7px;
  410. margin:3px 0 3px 10px;
  411. border-left:1px solid {color:border};
  412. background-color:transparent;}
  413.  
  414.  
  415. blockquote img{
  416. max-width:100%;
  417. height:auto;
  418. }
  419.  
  420. blockquote blockquote img{
  421. max-width:100%;
  422. height:auto;
  423. }
  424.  
  425.  
  426.  
  427.  
  428.  
  429.  
  430.  
  431. b, bold {
  432. font-size:10px;
  433. text-transform:uppercase;
  434. letter-spacing:1px;
  435. font-family: times;
  436. color: #3d3d3d;
  437. text-shadow:1px 1px 0 #343434;
  438. }
  439.  
  440.  
  441. i, italic {
  442. font-size:12px;
  443. color: #b8b8b8;
  444. font-family: 'Roboto Condensed', sans-serif;
  445. text-shadow: 0px 0px 2px #5a5a5a;
  446. letter-spacing:1px;
  447. text-transform:lowercase;
  448. }
  449.  
  450.  
  451.  
  452. p {
  453. margin-top:5px;
  454. margin-bottom:5px;}
  455.  
  456.  
  457. ol {
  458. list-style:normal;}
  459.  
  460.  
  461. ul {
  462. list-style:square;}
  463.  
  464.  
  465. small {
  466. font-size:10px}
  467.  
  468.  
  469. sup,sub {
  470. font-size:11px}
  471.  
  472.  
  473. pre {
  474. font-size: 10px;
  475. letter-spacing:3px;
  476. background-color:#7f7f7f;
  477. font-family: "Times New Roman", Times, serif;
  478. font-style: none;
  479. text-align:center;
  480. }
  481.  
  482.  
  483.  
  484. big {
  485. font-size:14px;
  486. text-transform:uppercase;
  487. letter-spacing:2px;
  488. font-family: "Times New Roman", Times, serif;
  489. color: #b8b8b8;
  490. text-shadow: 0px 0px 2px #383838;
  491. }
  492.  
  493.  
  494.  
  495. {block:IfGreyscale}
  496.  
  497. img {
  498. -webkit-filter:grayscale(100%);
  499. -webkit-transition: all 0.9s ease-in-out;
  500. -moz-transition: all 0.9s ease-in-out;
  501. -o-transition: all 0.9s ease-in-out;
  502. -ms-transition: all 0.9s ease-in-out;
  503. transition: all 0.9s ease-in-out;}
  504.  
  505. img:hover {
  506. -webkit-filter:none;}
  507.  
  508. .html_photoset {
  509. -webkit-filter: grayscale(100%);
  510. -webkit-transition: all 0.9s ease-in-out;
  511. -moz-transition: all 0.9s ease-in-out;
  512. -o-transition: all 0.9s ease-in-out;
  513. -ms-transition: all 0.9s ease-in-out;
  514. transition: all 0.9s ease-in-out;}
  515.  
  516. .html_photoset:hover {
  517. -webkit-filter: none;}
  518.  
  519. {/block:IfGreyscale}
  520.  
  521.  
  522.  
  523. #pcontainer {
  524. background-color:transparent;
  525. width:300px;
  526. height:700px;
  527. padding: 20px;
  528. top:105px;
  529. margin-left: 580px;
  530. position:relative;
  531. overflow-y:scroll;
  532. overflow-x:hidden;
  533. -webkit-mask-image: -webkit-gradient(
  534. linear, center 75%, center bottom,
  535. from(rgba(0,0,0,20)),
  536. to(rgba(20,0,0,0)));
  537. border:1px solid transparent;}
  538.  
  539.  
  540.  
  541. #pcontainer img {
  542. height:auto;
  543. max-width:100%;
  544. }
  545.  
  546.  
  547.  
  548. #content {
  549. margin-left:62px;
  550. width:310px;
  551. margin-top: -100px;
  552. }
  553.  
  554.  
  555. #posts {
  556. width:300px;
  557. padding:10px;
  558. margin-top: 70px;
  559. margin-left:-70px;
  560. padding-bottom:0px;
  561. opacity:1;
  562. -webkit-transition: all 0.9s ease-out;
  563. -moz-transition: all 0.9s ease-out;
  564. transition: all 0.9s ease-out;
  565. -webkit-mask-image: -webkit-gradient(linear, left bottom, left 25%, from (rgba(4, 4, 4, 0)), to(rgba(4, 4, 4, 1)));}
  566.  
  567.  
  568.  
  569. #sidebar {
  570. margin-left: 1590px;
  571. line-height:15px;
  572. width: 180px;
  573. position: fixed;
  574. top: 200px;
  575. text-align: center; }
  576.  
  577.  
  578. #sidebar img {
  579. width:150px;
  580. padding-top:10px;
  581. padding-bottom:10px;}
  582.  
  583.  
  584. #description {
  585. margin-left: 0px;
  586. margin-top: -50px;
  587. width:180px;
  588. color:transparent;}
  589.  
  590.  
  591.  
  592. #actualnews {
  593. font-family: calibri;
  594. font-size:10px;
  595. text-align:justify;
  596. background:#1d1c1c;
  597. color: #272727;
  598. width:300px;
  599. height:125px;
  600. padding-top:3px;
  601. border:0px solid #131313;
  602. margin-left: 1132.3px;
  603. margin-top: 35px;
  604. position:fixed;
  605. -webkit-filter: blur(0px);
  606. -webkit-transition: 0.8s ease-in;
  607. -moz-transition: 1s ease-in;
  608. transition: 1s ease-in;
  609. opacity:1;
  610. -webkit-transition: all 0.6s ease-in-out;
  611. -moz-transition: all 0.6s ease-in-out;
  612. -o-transition: all 0.6s ease-in-out;
  613. -ms-transition: all 0.6s ease-in-out;
  614. transition: all 0.6s ease-in-out;
  615. }
  616.  
  617.  
  618.  
  619. #thekey {
  620. position:fixed;
  621. color:#7c7470;
  622. text-shadow: 0px 0px 2px #fff;
  623. margin-top:175px;
  624. margin-left:55px;
  625. width:710px;
  626. padding:9px;
  627. letter-spacing:2px;
  628. word-spacing:5px; /*this defines the separation of each word of the links*/
  629. font-family: helvetica;
  630. font-size:12px;
  631. text-align:center;
  632. background:transparent;
  633. text-transform:uppercase;
  634. -webkit-transform: rotate(-90deg);
  635. -moz-transform: rotate(-90deg);
  636. -o-transform: rotate(-90deg);
  637. }
  638.  
  639.  
  640.  
  641.  
  642. /* JUMBLED LINKS */
  643.  
  644.  
  645.  
  646. .alinks {
  647. position:fixed;
  648. text-shadow: 0px 0px 0px #000;
  649. left:1085px;
  650. top:780px;
  651. transform: rotate(0deg);
  652. font-family: 'Montserrat', sans-serif;
  653. font-size: 20px;}
  654.  
  655.  
  656. .alinks a {
  657. opacity:0.5;
  658. padding:10px;
  659. color:#202020;
  660. margin-right:0px;
  661. -webkit-filter: blur(0px);
  662. -webkit-transition: 0.8s ease-in;
  663. -moz-transition: 1s ease-in;
  664. transition: 1s ease-in;
  665. }
  666.  
  667. .alinks a:hover {
  668. opacity:1;
  669. -webkit-filter: blur(3px);
  670. -webkit-transition: all 0.6s ease-in-out;
  671. -moz-transition: all 0.6s ease-in-out;
  672. -o-transition: all 0.6s ease-in-out;
  673. -ms-transition: all 0.6s ease-in-out;
  674. transition: all 0.6s ease-in-out;
  675. color: #c7c7c7;
  676. text-shadow: 3px 3px 3px #000;
  677. }
  678.  
  679.  
  680.  
  681.  
  682. .blinks {
  683. position:fixed;
  684. text-shadow: 0px 0px 0px #000;
  685. left:710px;
  686. top:350px;
  687. transform: rotate(0deg);
  688. font-family: 'Montserrat', sans-serif;
  689. font-size: 15px;}
  690.  
  691.  
  692. .blinks a {
  693. padding:10px;
  694. color:#2a2a2a;
  695. margin-right:0px;
  696. -webkit-filter: blur(0px);
  697. -webkit-transition: 0.8s ease-in;
  698. -moz-transition: 1s ease-in;
  699. transition: 1s ease-in;
  700. }
  701.  
  702. .blinks a:hover {
  703. -webkit-transition: all 0.6s ease-in-out;
  704. -moz-transition: all 0.6s ease-in-out;
  705. -o-transition: all 0.6s ease-in-out;
  706. -ms-transition: all 0.6s ease-in-out;
  707. transition: all 0.6s ease-in-out;
  708. color: #727272;
  709. text-shadow: 2px 2px 2px #000;
  710. }
  711.  
  712.  
  713.  
  714.  
  715. .clinks {
  716. position:fixed;
  717. text-shadow: 0px 0px 0px #000;
  718. left:710px;
  719. top:380px;
  720. transform: rotate(0deg);
  721. font-family: 'Montserrat', sans-serif;
  722. font-size: 15px;}
  723.  
  724.  
  725. .clinks a {
  726. padding:10px;
  727. color:#2a2a2a;
  728. margin-right:0px;
  729. -webkit-filter: blur(0px);
  730. -webkit-transition: 0.8s ease-in;
  731. -moz-transition: 1s ease-in;
  732. transition: 1s ease-in;
  733. }
  734.  
  735. .clinks a:hover {
  736. -webkit-transition: all 0.6s ease-in-out;
  737. -moz-transition: all 0.6s ease-in-out;
  738. -o-transition: all 0.6s ease-in-out;
  739. -ms-transition: all 0.6s ease-in-out;
  740. transition: all 0.6s ease-in-out;
  741. color: #727272;
  742. text-shadow: 2px 2px 2px #000;
  743. }
  744.  
  745.  
  746.  
  747.  
  748. .dlinks {
  749. position:fixed;
  750. text-shadow: 0px 0px 0px #000;
  751. left:710px;
  752. top:410px;
  753. transform: rotate(0deg);
  754. font-family: 'Montserrat', sans-serif;
  755. font-size: 15px;}
  756.  
  757.  
  758. .dlinks a {
  759. padding:10px;
  760. color:#2a2a2a;
  761. margin-right:0px;
  762. -webkit-filter: blur(0px);
  763. -webkit-transition: 0.8s ease-in;
  764. -moz-transition: 1s ease-in;
  765. transition: 1s ease-in;
  766. }
  767.  
  768. .dlinks a:hover {
  769. -webkit-transition: all 0.6s ease-in-out;
  770. -moz-transition: all 0.6s ease-in-out;
  771. -o-transition: all 0.6s ease-in-out;
  772. -ms-transition: all 0.6s ease-in-out;
  773. transition: all 0.6s ease-in-out;
  774. color: #727272;
  775. text-shadow: 2px 2px 2px #000;
  776. }
  777.  
  778.  
  779.  
  780.  
  781. .elinks {
  782. position:fixed;
  783. text-shadow: 0px 0px 0px #000;
  784. left:710px;
  785. top:440px;
  786. transform: rotate(0deg);
  787. font-family: 'Montserrat', sans-serif;
  788. font-size: 15px;}
  789.  
  790.  
  791. .elinks a {
  792. padding:10px;
  793. color:#2a2a2a;
  794. margin-right:0px;
  795. -webkit-filter: blur(0px);
  796. -webkit-transition: 0.8s ease-in;
  797. -moz-transition: 1s ease-in;
  798. transition: 1s ease-in;
  799. }
  800.  
  801. .elinks a:hover {
  802. -webkit-transition: all 0.6s ease-in-out;
  803. -moz-transition: all 0.6s ease-in-out;
  804. -o-transition: all 0.6s ease-in-out;
  805. -ms-transition: all 0.6s ease-in-out;
  806. transition: all 0.6s ease-in-out;
  807. color: #727272;
  808. text-shadow: 2px 2px 2px #000;
  809. }
  810.  
  811.  
  812.  
  813. .flinks {
  814. position:fixed;
  815. text-shadow: 0px 0px 0px #000;
  816. left:710px;
  817. top:470px;
  818. transform: rotate(0deg);
  819. font-family: 'Montserrat', sans-serif;
  820. font-size: 15px;}
  821.  
  822.  
  823. .flinks a {
  824. padding:10px;
  825. color:#2a2a2a;
  826. margin-right:0px;
  827. -webkit-filter: blur(0px);
  828. -webkit-transition: 0.8s ease-in;
  829. -moz-transition: 1s ease-in;
  830. transition: 1s ease-in;
  831. }
  832.  
  833. .flinks a:hover {
  834. -webkit-transition: all 0.6s ease-in-out;
  835. -moz-transition: all 0.6s ease-in-out;
  836. -o-transition: all 0.6s ease-in-out;
  837. -ms-transition: all 0.6s ease-in-out;
  838. transition: all 0.6s ease-in-out;
  839. color: #727272;
  840. text-shadow: 2px 2px 2px #000;
  841. }
  842.  
  843.  
  844.  
  845. .credit {
  846. position:fixed;
  847. text-shadow: 0px 0px 11px #7C6868;
  848. right:15px;
  849. bottom:15px;
  850. transform: rotate(0deg);
  851. font-family: helvetica;
  852. font-size: 14px; }
  853.  
  854.  
  855. .credit a {
  856. padding:10px;
  857. color:#191919;
  858. margin-right:0px;
  859. -webkit-filter: blur(1px);
  860. -webkit-transition: 0.8s ease-in;
  861. -moz-transition: 1s ease-in;
  862. transition: 1s ease-in;
  863. }
  864.  
  865. .credit a:hover {
  866. -webkit-transition: all 0.6s ease-in-out;
  867. -moz-transition: all 0.6s ease-in-out;
  868. -o-transition: all 0.6s ease-in-out;
  869. -ms-transition: all 0.6s ease-in-out;
  870. transition: all 0.6s ease-in-out;
  871. color: #000000;
  872. text-shadow: 2px 2px 2px #000000;
  873. }
  874.  
  875.  
  876.  
  877.  
  878.  
  879.  
  880.  
  881.  
  882.  
  883.  
  884. /* JUMBLED LINKS ENDS */
  885.  
  886.  
  887.  
  888. #pagination {
  889. position:fixed;
  890. font-family:times;
  891. width:300px;
  892. font-size:8px;
  893. top:520px;
  894. left:260px;
  895. letter-spacing:3px;
  896. text-align:center;
  897. z-index:999999999999;
  898. }
  899.  
  900. #pagination a {
  901. text-transform:uppercase;
  902. color:#181818;
  903. -webkit-filter: blur(1px);
  904. -webkit-transition: 0.8s ease-in;
  905. -moz-transition: 1s ease-in;
  906. transition: 1s ease-in;
  907. z-index:999999999999;
  908. }
  909.  
  910. #pagination a:hover {
  911. color:#000;
  912. -webkit-filter: blur(0px);
  913. -webkit-transition: 0.2s ease-in;
  914. -moz-transition: 1s ease-in;
  915. transition: 1s ease-in;
  916. }
  917.  
  918.  
  919. .audio {
  920. width:335px;
  921. padding-bottom:10px;
  922. background-color:{color:#000000};}
  923.  
  924. .albumart {
  925. float:left;
  926. padding:0px 10px 10px 0px;}
  927.  
  928. .albumart img {
  929. width:65px;
  930. height:65px;}
  931.  
  932. .playercontainer {
  933. text-align:left;
  934. padding:10px;
  935. background-color:#090909;
  936. width:335px;}
  937.  
  938. .audioinfo {
  939. padding:10px;
  940. color:{color:text};}
  941.  
  942.  
  943.  
  944.  
  945.  
  946. /* QUESTIONS & ANSWERS DETAILS */
  947.  
  948.  
  949. #asker {
  950. font-family: 'Arizonia', cursive;
  951. font-style:none;
  952. letter-spacing:2px;
  953. text-align:center;
  954. padding-top: 10px;
  955. margin-left:0px;
  956. text-transform:lowercase;
  957. color: #c9c9c9;
  958. font-size:30px;
  959. padding:5px;
  960. letter-spacing:0px
  961. text-shadow:0 0 2px #aeaeae;
  962. }
  963.  
  964.  
  965. #asker a{
  966. font-family: 'Arizonia', cursive;
  967. font-style:none;
  968. letter-spacing:2px;
  969. text-transform:lowercase;
  970. font-size:30px;
  971. letter-spacing: 0px;
  972. text-shadow: none;
  973. color: #c9c9c9;
  974. text-shadow:0 0 2px #1a1a1a;
  975. -webkit-filter: blur(0.5px);
  976. }
  977.  
  978.  
  979. #asker a:hover {
  980. color: #656565;
  981. letter-spacing: 0px;
  982. text-shadow:0 0 2px #000;
  983. -webkit-filter: blur(2px);
  984. -webkit-transition:all .5s ease-in-out;
  985. -moz-transition:all .5s ease-in-out;
  986. transition:all .5s ease-in-out;
  987. }
  988.  
  989.  
  990.  
  991. #ask {
  992. font-family: times;
  993. width:225px;
  994. font-size:8px;
  995. text-align:center;
  996. padding-top: 5px;
  997. margin-left:0px;
  998. text-transform:auto;
  999. letter-spacing:3px
  1000. margin-top:-10px;
  1001. padding:5px;
  1002. background: #000;
  1003. background: url("https://imgur.com/kQ6mQeC.gif");
  1004. color:#dcdcdc;
  1005. text-transform: uppercase;
  1006. border-bottom-left-radius: 10px;
  1007. border-bottom-right-radius: 10px;
  1008. border-top-left-radius: 10px;
  1009. border-top-right-radius: 10px;
  1010. padding:10px;
  1011. letter-spacing:2px;
  1012. border-bottom:solid 1px #717171;
  1013. border-top:solid 1px #717171;
  1014. }
  1015.  
  1016.  
  1017. .ans {
  1018. text-align:center;
  1019. padding:10px;
  1020. }
  1021.  
  1022.  
  1023. /* POST INFO DETAILS */
  1024.  
  1025.  
  1026.  
  1027. #info {
  1028. background: url("https://imgur.com/Q30ko53.png");
  1029. border: 1px solid #717171;
  1030. border-bottom-right-radius: 15px;
  1031. border-bottom-left-radius: 15px;
  1032. border-top-right-radius: 15px;
  1033. border-top-left-radius: 15px;
  1034. width:255px;
  1035. height:25px;
  1036. text-align:center;
  1037. letter-spacing:10px;
  1038. margin-top:8px;
  1039. margin-bottom:50px;
  1040. text-transform:uppercase;
  1041. font-size:15px;
  1042. font-style:none;
  1043. }
  1044.  
  1045.  
  1046.  
  1047.  
  1048. #info a {
  1049. color:#dcdcdc;}
  1050.  
  1051. #info a:hover {
  1052. color:#000;}
  1053.  
  1054.  
  1055.  
  1056.  
  1057. #tags {
  1058. font-family: helvetica;
  1059. color:#181818;
  1060. padding-bottom:35px;
  1061. letter-spacing:2px;
  1062. text-transform:uppercase;
  1063. font-size:7px;
  1064. font-style:normal;
  1065. margin-top:10px;
  1066. text-align:right;
  1067. float:right;
  1068. }
  1069.  
  1070.  
  1071. #tags a {
  1072. display:inline-block;
  1073. padding:-3px;
  1074. opacity:0.8;
  1075. text-align:center;
  1076. color:#181818;
  1077.  
  1078. }
  1079.  
  1080.  
  1081. #tags a:hover {
  1082. color:{color:text};
  1083. }
  1084.  
  1085.  
  1086.  
  1087.  
  1088.  
  1089.  
  1090. .note {
  1091. text-transform:uppercase;
  1092. font-style:normal;
  1093. letter-spacing:0px;
  1094. font-size: 10px;
  1095. text-align:left;
  1096. line-height:90%;
  1097. margin-left:-40px;}
  1098.  
  1099. .note li {
  1100. list-style-type:none;
  1101. border-bottom:0px solid {color:border};
  1102. padding:10px 25px 10px 25px;
  1103. text-align:left;
  1104. margin:0px;
  1105. -moz-transition-duration:0.5s;
  1106. -webkit-transition-duration:0.5s;
  1107. -o-transition-duration:0.5s;}
  1108.  
  1109. .note img.avatar {
  1110. margin-right: 10px;
  1111. width: 16px;
  1112. height: 16px;}
  1113.  
  1114.  
  1115.  
  1116.  
  1117. /*--BASIC POP-UP DETAILS--*/
  1118.  
  1119.  
  1120.  
  1121. .popup_block{
  1122. display:none;
  1123. background: url("");
  1124. background:#727272;
  1125. padding:20px;
  1126. border:0px solid #eee; /* if you want a solid white pop-up, delete this */
  1127. float:left;
  1128. height: 400px;
  1129. top:50%; left:50%;
  1130. position:fixed;
  1131. z-index: 99999;
  1132. -webkit-box-shadow: 1px 1px 5px #323232;
  1133. -moz-box-shadow: 1px 1px 5px #323232;
  1134. box-shadow: 1px 1px 5px #323232;
  1135. }
  1136.  
  1137.  
  1138. *html #fade {position: absolute;}
  1139. *html .popup_block {position: absolute;}
  1140. #fade {
  1141. display:none;
  1142. position:fixed;
  1143. left:0px;
  1144. top:0px;
  1145. width:100%;
  1146. height:100%;
  1147. z-index:9999;
  1148. background:#000;
  1149. opacity:0.5;
  1150. }
  1151.  
  1152.  
  1153.  
  1154.  
  1155. .popupnavlinks {
  1156. padding-top:5px;
  1157. text-align:center; }
  1158.  
  1159.  
  1160. .popupnavlinks a {
  1161. display:inline-block;
  1162. width:120px; height:8px;
  1163. margin:2px; padding:6px 6px 10px;
  1164. text-align:center;
  1165. font-family:'helvetica';
  1166. font-size:8px;
  1167. text-transform:uppercase;
  1168. letter-spacing:1px;
  1169. color:#dcdcdc; background:transparent;
  1170. background-image:url('https://imgur.com/Q30ko53.png');
  1171. border:1px dotted;
  1172. border-color: #9b9b9b;
  1173. }
  1174.  
  1175.  
  1176. .popupnavlinks a:hover {
  1177. display:inline-block;
  1178. width:120px; margin:2px;
  1179. padding:6px 6px 10px;
  1180. text-align:center;
  1181. font-family:'helvetica';
  1182. font-size:8px;
  1183. text-transform:uppercase;
  1184. letter-spacing:1px;
  1185. color:#2e2e2e;
  1186. background:transparent }
  1187.  
  1188.  
  1189.  
  1190. .popupclose {
  1191. float:right; top:0px; right:0px;
  1192. margin-top:-10px; margin-right:-10px;
  1193. font-family:'Scada', sans serif;
  1194. font-size:10px;
  1195. font-weight:bold }
  1196.  
  1197. .popupclose a {
  1198. color:#aaa }
  1199.  
  1200.  
  1201.  
  1202. /*--TOOLTIP DETAILS--*/
  1203.  
  1204.  
  1205.  
  1206. #s-m-t-tooltip{
  1207. max-width:400px;
  1208. margin:15px;
  1209. padding:2px 8px;
  1210. background: #dcdcdc;
  1211. background-image:url('https://imgur.com/kQ6mQeC.gif');
  1212. border:1px dotted;
  1213. border-color: #727272;
  1214. color:#9b9b9b;
  1215. z-index:99999999999999999999;
  1216. font-size:9px;
  1217. letter-spacing:2px;
  1218. font-style:bold;
  1219. letter-spacing:2px;
  1220. font-family:'helvetica';
  1221. text-transform:uppercase;
  1222. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  1223.  
  1224.  
  1225.  
  1226.  
  1227.  
  1228. </style>
  1229.  
  1230.  
  1231. </head>
  1232.  
  1233. <body>
  1234.  
  1235. <div id="content">
  1236.  
  1237. <div id="sidebar">
  1238.  
  1239. <img src="{image:Sidebar}" />
  1240.  
  1241. <div id="description">{description}</div>
  1242.  
  1243. </div>
  1244.  
  1245. <div id="pagination">
  1246. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> • {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  1247. </div>
  1248.  
  1249.  
  1250. <div id="links">
  1251.  
  1252.  
  1253. <div id="linkbar">
  1254.  
  1255.  
  1256. <div class="alinks">
  1257. <a href="/" title="refresh."> <img src="https://static.tumblr.com/flqpg9s/UT7oaq6is/basecodehome.png"> </a>
  1258. </div>
  1259.  
  1260.  
  1261. <div class="blinks">
  1262. <a href="#?w=310" rel="box1" class="poplight" title="ask."> 01. </a>
  1263. </div>
  1264.  
  1265.  
  1266. <div class="clinks">
  1267. <a href="#?w=310" rel="box2" class="poplight" title="laws."> 02. </a>
  1268. </div>
  1269.  
  1270.  
  1271. <div class="dlinks">
  1272. <a href="#?w=310" rel="box3" class="poplight" title="verses."> 03. </a>
  1273. </div>
  1274.  
  1275.  
  1276.  
  1277. <div class="elinks">
  1278. <a href="#?w=310" rel="box4" class="poplight" title="about."> 04. </a>
  1279. </div>
  1280.  
  1281.  
  1282.  
  1283. <div class="flinks">
  1284. <a href="#?w=310" rel="box5" class="poplight" title="map."> 05. </a>
  1285. </div>
  1286.  
  1287.  
  1288. <div class="credit">
  1289. <a href="https://agirlingrey.tumblr.com/" title="agirlingrey.">A.</a>
  1290. </div>
  1291.  
  1292.  
  1293. </div></div>
  1294.  
  1295.  
  1296. <div id="pcontainer">
  1297.  
  1298. <div id="content"><div id="posts">
  1299. {block:Posts}
  1300.  
  1301.  
  1302. {block:Quote}<quotetext>"{Quote}"</quotetext>&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  1303. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  1304. {block:Text}{Body}{/block:Text}
  1305.  
  1306. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1307.  
  1308. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1309.  
  1310. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="360px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1311. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1312.  
  1313. {block:Chat}<ul class="chat"><BR>{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li><BR>{/block:Lines}</ul>{/block:Chat}
  1314.  
  1315. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1316.  
  1317.  
  1318. {block:Answer}<div id="asker" style="width:255px; text-shadow:0 0 2px #000; ">{Asker}:<div id="ask"> <p><p><p><p><p>{Question}</div></span></div><font face="calibri"><span style="font-family:calibri;font-size:; marging-left:0px;">{Answer}</span>{/block:Answer}
  1319.  
  1320.  
  1321. {block:Audio}<div class="audio">
  1322.  
  1323. {block:AlbumArt}
  1324. {/block:AlbumArt}
  1325.  
  1326.  
  1327. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1328. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  1329. <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
  1330. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  1331.  
  1332.  
  1333. <div id="info">
  1334. <br>
  1335.  
  1336. &nbsp; &nbsp;
  1337.  
  1338.  
  1339. {block:Date}
  1340. <a href="{Permalink}" style="position:absolute; margin-left:-100px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" {ShortMonth} {DayOfMonthWithZero} - {TimeAgo} "> ● </a>
  1341. {/block:Date}
  1342.  
  1343.  
  1344. {block:RebloggedFrom}
  1345. <a href="{ReblogParentURL}" style="position:absolute; margin-left:-65px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" via. {ReblogParentName} "> ● </a>
  1346. {/block:RebloggedFrom}
  1347.  
  1348.  
  1349. {block:ContentSource}
  1350. <a href="{SourceURL}" style="position:absolute; margin-left:-30px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" source. {SourceTitle} "> ● </a>
  1351. {/block:ContentSource}
  1352.  
  1353.  
  1354. <a href="{Permalink}" style="position:absolute; margin-left:5px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" {NoteCount} notes "> ● </a>
  1355.  
  1356.  
  1357. <a href="{ReblogURL}" style="position:absolute; margin-left:40px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title="reblog"> ● </a>
  1358.  
  1359.  
  1360. <br>
  1361.  
  1362. {block:HasTags}<div id="tags">{block:Tags} & <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div> &nbsp;
  1363. {/block:Posts}
  1364. <div class="note">
  1365. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1366. </div>
  1367.  
  1368. {/block:Posts}</div></div>
  1369.  
  1370.  
  1371.  
  1372. </div> </div> </div> </div> </div> </div>
  1373.  
  1374.  
  1375.  
  1376. </body>
  1377.  
  1378.  
  1379.  
  1380. <div id="box1" class="popup_block">
  1381.  
  1382. <h3>
  1383. yay messages
  1384. </h3>
  1385.  
  1386. <center>
  1387.  
  1388. <i>Add a picture here, or a short rule about how you do or don't accept messages... whatever you want, really.</i> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc.
  1389.  
  1390. <p><iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/YOUR URL HERE.tumblr.com" width="100%"></iframe></p>
  1391.  
  1392. </div>
  1393.  
  1394. </center>
  1395.  
  1396.  
  1397.  
  1398. <div id="box2" class="popup_block">
  1399.  
  1400. <div style="width:auto;height:405px;overflow:scroll;padding:5px;">
  1401.  
  1402.  
  1403. <h3>RULES, LAWS, IMPORTANT STUFFS.</h3>
  1404.  
  1405. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. Suspendisse potenti. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.
  1406.  
  1407. <br><br>
  1408.  
  1409. Fusce lacus elit, lobortis non sapien interdum, blandit condimentum urna. Donec eu viverra elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam mattis turpis eu justo imperdiet, eget tincidunt mauris aliquet. Vestibulum dictum sem a velit consequat convallis. Donec ex odio, vestibulum et condimentum quis, ultrices eu augue. Nunc venenatis ultricies congue. Morbi vel varius mauris, vel porttitor tortor. Suspendisse potenti. Maecenas elementum ligula neque, eget laoreet lacus vehicula quis. Integer nibh diam, dictum non fermentum sed, dignissim quis magna.
  1410.  
  1411. <br><br>
  1412.  
  1413. Mauris lectus lorem, cursus ut augue nec, finibus sodales odio. Donec ac fermentum tellus. Integer eget orci finibus, euismod lorem vel, rhoncus urna. Etiam vel ante non nisi ultricies maximus sit amet vitae augue. Nulla ultricies dignissim sollicitudin. Vestibulum rutrum quis neque at vehicula. Aliquam efficitur et enim ut tempor. Quisque egestas mollis lorem, ac ornare justo pellentesque non. Praesent tempor urna augue, quis fermentum metus luctus maximus. Nulla non eleifend enim, et sollicitudin eros. Aenean luctus maximus lacus, eget euismod urna imperdiet id. Nam elementum, metus sit amet iaculis rhoncus, odio augue blandit eros, vitae lobortis eros velit at metus.
  1414.  
  1415. <br><br>
  1416.  
  1417. Morbi diam mauris, vehicula nec quam et, finibus aliquam est. Ut tincidunt mi dictum ipsum blandit finibus. Cras nec viverra diam. Nulla vel iaculis felis. Nullam neque augue, semper et auctor vel, molestie nec neque. In in pellentesque risus. Proin aliquam cursus venenatis. Donec aliquam varius arcu, eget sagittis nibh accumsan in. Curabitur sodales vel ipsum nec pharetra. Sed sed ante metus. Duis euismod non orci quis facilisis. In dignissim ex imperdiet nunc molestie dictum. Curabitur quis mauris vulputate, facilisis quam ut, bibendum leo. Aenean fermentum, nulla eu dignissim sollicitudin, ante eros accumsan turpis, nec pulvinar libero ligula ac neque.
  1418.  
  1419. <br><br>
  1420.  
  1421. Nulla in mollis ipsum, eget condimentum mauris. Phasellus finibus lacus sit amet augue gravida ornare. Etiam ut tincidunt quam. Sed in consectetur massa. Proin pharetra eget tortor id ultrices. Proin rutrum finibus ex eget placerat. Nunc nunc elit, rutrum at eros sit amet, cursus gravida mi. Aenean ac aliquam sapien. Mauris non elementum ex, sed faucibus urna. Aliquam eu ipsum vel ante accumsan tincidunt. Aliquam semper ipsum nec nulla ultricies gravida.
  1422.  
  1423. </div>
  1424. </div>
  1425.  
  1426.  
  1427.  
  1428.  
  1429. <div id="box3" class="popup_block">
  1430.  
  1431. <h3>verses</h3>
  1432.  
  1433. <ul id="tabs">
  1434. <li class="active">VERSE 1.</li>
  1435. <li>VERSE 2.</li>
  1436. <li>VERSE 3.</li>
  1437. <li>VERSE 4.</li>
  1438. </ul>
  1439.  
  1440. <div style="width:auto;height:335px;overflow:scroll;padding:5px;">
  1441.  
  1442.  
  1443.  
  1444. <ul id="tab">
  1445. <li class="active">
  1446.  
  1447.  
  1448. <a href="/tagged/VERSE">VERSE NAME.</a>
  1449. <img src="https://66.media.tumblr.com/cd395cb23ce7278be8ddf94ae7aee17a/tumblr_o8xzvk4En01ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1450.  
  1451.  
  1452. <br>
  1453.  
  1454. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. Suspendisse potenti. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.
  1455.  
  1456.  
  1457. <br><br><br>
  1458.  
  1459.  
  1460.  
  1461. <a href="/tagged/VERSE">VERSE NAME.</a>
  1462. <img src="https://66.media.tumblr.com/cd395cb23ce7278be8ddf94ae7aee17a/tumblr_o8xzvk4En01ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1463.  
  1464.  
  1465. <br>
  1466.  
  1467. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. Suspendisse potenti. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.
  1468.  
  1469.  
  1470. <br><br><br>
  1471.  
  1472.  
  1473. <a href="/tagged/VERSE">VERSE NAME.</a>
  1474. <img src="https://66.media.tumblr.com/cd395cb23ce7278be8ddf94ae7aee17a/tumblr_o8xzvk4En01ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1475.  
  1476.  
  1477. <br>
  1478.  
  1479. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. Suspendisse potenti. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.
  1480.  
  1481.  
  1482. <br><br>
  1483.  
  1484.  
  1485.  
  1486. </li>
  1487. <li>
  1488.  
  1489.  
  1490.  
  1491. <a href="/tagged/VERSE">VERSE NAME.</a>
  1492. <img src="https://67.media.tumblr.com/9a9f099625e324e424c75d343a786a57/tumblr_o8xzugQ8JK1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1493.  
  1494.  
  1495. <br>
  1496.  
  1497. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. Suspendisse potenti. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.
  1498.  
  1499.  
  1500. <br><br><br>
  1501.  
  1502.  
  1503. <a href="/tagged/VERSE">VERSE NAME.</a>
  1504. <img src="https://67.media.tumblr.com/9a9f099625e324e424c75d343a786a57/tumblr_o8xzugQ8JK1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1505.  
  1506.  
  1507. <br>
  1508.  
  1509. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. Suspendisse potenti. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.
  1510.  
  1511.  
  1512. <br><br>
  1513.  
  1514.  
  1515. </li>
  1516. <li>
  1517.  
  1518.  
  1519.  
  1520. <a href="/tagged/VERSE">VERSE NAME.</a>
  1521. <img src="https://66.media.tumblr.com/cd395cb23ce7278be8ddf94ae7aee17a/tumblr_o8xzvk4En01ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1522.  
  1523.  
  1524. <br>
  1525.  
  1526. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. Suspendisse potenti. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.
  1527.  
  1528.  
  1529. <br><br><br>
  1530.  
  1531.  
  1532. <a href="/tagged/VERSE">VERSE NAME.</a>
  1533. <img src="https://66.media.tumblr.com/cd395cb23ce7278be8ddf94ae7aee17a/tumblr_o8xzvk4En01ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1534.  
  1535.  
  1536. <br>
  1537.  
  1538. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. Suspendisse potenti. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.
  1539.  
  1540.  
  1541. <br><br>
  1542.  
  1543.  
  1544.  
  1545. </li>
  1546. <li>
  1547.  
  1548.  
  1549.  
  1550.  
  1551. <a href="/tagged/VERSE">VERSE NAME.</a>
  1552. <img src="https://67.media.tumblr.com/9a9f099625e324e424c75d343a786a57/tumblr_o8xzugQ8JK1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1553.  
  1554.  
  1555. <br>
  1556.  
  1557. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. Suspendisse potenti. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.
  1558.  
  1559.  
  1560. <br><br><br>
  1561.  
  1562.  
  1563. <a href="/tagged/VERSE">VERSE NAME.</a>
  1564. <img src="https://67.media.tumblr.com/9a9f099625e324e424c75d343a786a57/tumblr_o8xzugQ8JK1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1565.  
  1566.  
  1567. <br>
  1568.  
  1569. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. Suspendisse potenti. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.
  1570.  
  1571.  
  1572. <br><br>
  1573.  
  1574.  
  1575. </li>
  1576. </ul>
  1577.  
  1578.  
  1579. </div>
  1580. </div>
  1581.  
  1582.  
  1583.  
  1584. <div id="box4" class="popup_block">
  1585.  
  1586. <div style="width:auto;height:400px;overflow:scroll;padding:5px;">
  1587.  
  1588. <h3>basic information</h3>
  1589.  
  1590.  
  1591. <ul>
  1592. <li><b>FULL NAME:</b> text text</li>
  1593. <li><b>NICKNAME:</b> text text</li>
  1594. <li><b>AGE:</b> text text</li>
  1595. <li><b>BIRTH DATE:</b> text text</li>
  1596. <li><b>ETHNICITY:</b> text text</i></li>
  1597. <li><b>GENDER:</b> text text</li>
  1598. <li><b>ROMANTIC ORIENTATION:</b> text text</li>
  1599. <li><b>SEXUAL ORIENTATION:</b> text text</li>
  1600. <li><b>RELIGION:</b> text text</li>
  1601. <li><b>SPOKEN LANGUAGE:</b> text text</li>
  1602. <li><b>CURRENT LIVING CONDITIONS:</b> text text</li>
  1603. <li><b>OCCUPATION:</b> text text</li>
  1604. </ul>
  1605.  
  1606. <h3>relationships</h3>
  1607.  
  1608. <ul>
  1609. <li><b>PARENTS:</b> text text</li>
  1610. <li><b>SIBLINGS:</b> text text</li>
  1611. <li><b>SIGNIFICANT OTHER:</b> text text</li>
  1612. <li><b>CHILDREN:</b> text text</li>
  1613. </ul>
  1614.  
  1615. <h3>physical traits</h3>
  1616.  
  1617. <ul>
  1618. <li><b>EYE COLOUR:</b> text text</li>
  1619. <li><b>HAIR COLOUR:</b> text text</li>
  1620. <li><b>HEIGHT:</b> text text</li>
  1621. <li><b>BODY BUILD:</b> text text</li>
  1622. <li><b>TATTOOS + PIERCINGS:</b> text text</li>
  1623. <li><b>NOTABLE PHYSICAL TRAITS:</b> text text</li>
  1624. </li>
  1625. </ul>
  1626.  
  1627.  
  1628. <h3>phobias and disorders</h3>
  1629.  
  1630. <ul>
  1631. <li><b>PHOBIAS:</b> text text</li>
  1632. <li><b>MENTAL DISORDERS:</b> text text</li>
  1633. <li><b>WHEN WAS THIS DIAGNOSED?:</b> text text</li>
  1634. </ul>
  1635.  
  1636. <h3>personality</h3>
  1637.  
  1638. <ul>
  1639. <li><b>INTELLIGENCE:</b> text text</li>
  1640. <li><b>LIKES:</b> text text</li>
  1641. <li><b>DISLIKES:</b> text text </li>
  1642. <li><b>DISPOSITION:</b> text text</li>
  1643. <li>
  1644. <b>EXTRAS:</b> text text
  1645. </li>
  1646. </ul>
  1647.  
  1648. <h3>biography</h3>
  1649.  
  1650. Hi my name is Ebony Dark'ness Dementia Raven Way and I have long ebony black hair (that's how I got my name) with purple streaks and red tips that reaches my mid-back and icy blue eyes like limpid tears and a lot of people tell me I look like Amy Lee (AN: if u don't know who she is get da hell out of here!). I'm not related to Gerard Way but I wish I was because he's a major fucking hottie. I'm a vampire but my teeth are straight and white. I have pale white skin. I'm also a witch, and I go to a magic school called Hogwarts in England where I'm in the seventh year (I'm seventeen). I'm a goth (in case you couldn't tell) and I wear mostly black. I love Hot Topic and I buy all my clothes from there. For example today I was wearing a black corset with matching lace around it and a black leather miniskirt, pink fishnets and black combat boots. I was wearing black lipstick, white foundation, black eyeliner and red eye shadow. I was walking outside Hogwarts. It was snowing and raining so there was no sun, which I was very happy about. A lot of preps stared at me. I put up my middle finger at them.
  1651.  
  1652. <br><br>
  1653.  
  1654. ( If you don't know what 'My Immortal' is, shame on you. )
  1655.  
  1656. <br><br><br>
  1657.  
  1658. </div>
  1659. </div>
  1660.  
  1661.  
  1662.  
  1663. <div id="box5" class="popup_block">
  1664.  
  1665. <div style="width:auto;height:400px;overflow:scroll;padding:5px;">
  1666.  
  1667. <h3>navigation</h3>
  1668.  
  1669. <center>
  1670.  
  1671. <div class="popupnavlinks">
  1672.  
  1673.  
  1674. <a href="/tagged/link">LINK.</a>
  1675. <a href="/tagged/link">LINK.</a>
  1676. <br>
  1677. <a href="/tagged/link">LINK.</a>
  1678. <a href="/tagged/link">LINK.</a>
  1679. <br>
  1680. <a href="/tagged/link">LINK.</a>
  1681. <a href="/tagged/link">LINK.</a>
  1682. <br>
  1683. <a href="/tagged/link">LINK.</a>
  1684. <a href="/tagged/link">LINK.</a>
  1685. <br>
  1686. <a href="/tagged/link">LINK.</a>
  1687. <a href="/tagged/link">LINK.</a>
  1688. <br>
  1689. <a href="/tagged/link">LINK.</a>
  1690. <a href="/tagged/link">LINK.</a>
  1691. <br>
  1692. <a href="/tagged/link">LINK.</a>
  1693. <a href="/tagged/link">LINK.</a>
  1694. <br>
  1695. <a href="/tagged/link">LINK.</a>
  1696. <a href="/tagged/link">LINK.</a>
  1697. <br>
  1698.  
  1699.  
  1700. </div>
  1701. </div>
  1702. </div>
  1703.  
  1704.  
  1705.  
  1706. <div id="bite">
  1707. <div id="thekey"></div>
  1708. <div class="death">
  1709. <div id="actualnews">
  1710.  
  1711. <center>
  1712.  
  1713. <div style="width:auto;height:280px;overflow:scroll;padding:5px;">
  1714.  
  1715. <h3>
  1716. tyrion lannister
  1717. </h3>
  1718.  
  1719. private. selective.
  1720.  
  1721. <h3>
  1722. hand of the queen
  1723. </h3>
  1724.  
  1725.  
  1726.  
  1727.  
  1728.  
  1729. </center>
  1730.  
  1731.  
  1732. </div>
  1733. </div></div>
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!