Advertisement
toodleoodle

eoin red theme

Jun 19th, 2018
106
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.63 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!--
  5.  
  6. WINTER'S LADY THEMES
  7. ♛ this code was made by AGIRLINGREY@TUMBLR.
  8. ♛ do not remove credit or claim as your own.
  9.  
  10. -->
  11.  
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15.  
  16.  
  17.  
  18. <!--
  19. POP UP SCRIPT
  20. -->
  21.  
  22. <meta name="color:bold" content="#000" />
  23. <meta name="color:italic" content="#fff" />
  24.  
  25.  
  26. <script type="text/javascript"
  27. src="http://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"><img src="https://orig00.deviantart.net/2d1d/f/2016/209/7/2/bandage_x_bullet_by_dabuly-daboa39.png" class="btn_close" title="Close Window" alt="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. TOOLTIP STYLING SCRIPT
  85. -->
  86.  
  87.  
  88. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  89. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  90. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  91. <script>
  92. (function($){
  93. $(document).ready(function(){
  94. $("[title]").style_my_tooltips({
  95. tip_follows_cursor:true,
  96. tip_delay_time:200,
  97. tip_fade_speed:500
  98. });
  99. });
  100. })(jQuery);
  101. </script>
  102.  
  103.  
  104.  
  105.  
  106. <title>{Title}</title>
  107. <link rel="shortcut icon" href="{Favicon}">
  108. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  109. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  110.  
  111.  
  112.  
  113. <!--
  114. CUSTOM FONTS
  115. -->
  116.  
  117.  
  118. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  119.  
  120. <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
  121.  
  122.  
  123. <link href="https://fonts.googleapis.com/css?family=Bad+Script" rel="stylesheet">
  124.  
  125. <link href="https://fonts.googleapis.com/css?family=Molle:400i" rel="stylesheet">
  126.  
  127. <link href="https://fonts.googleapis.com/css?family=Kalam" rel="stylesheet">
  128.  
  129.  
  130.  
  131.  
  132.  
  133. <style type="text/css">
  134.  
  135.  
  136.  
  137. /* THE CUSTOM SIDEBAR THING */
  138.  
  139.  
  140.  
  141. #bite
  142. #bite a{
  143. display:block
  144. }
  145. #bite .death {
  146. margin-top:0px;filter: alpha(opacity = 1.0);
  147. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  148. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  149. }
  150.  
  151. #bite:hover .death {
  152. margin-top:0px;
  153. -webkit-transition: all 0.8s ease-out;
  154. -moz-transition: all 0.8s ease-out;
  155. transition: all 0.8s ease-out;
  156. filter: alpha(opacity = 100);
  157. filter: alpha(opacity = 100);
  158. opacity:100;
  159. }
  160.  
  161.  
  162.  
  163. /* SELECTION FONT AND BACKGROUND */
  164.  
  165.  
  166. ::selection {
  167. background: #c2c2c2;
  168. color:#fff; }
  169.  
  170.  
  171. ::-moz-selection {
  172. background: #c2c2c2;
  173. color:#fff; }
  174.  
  175.  
  176.  
  177. /* SCROLLBAR DETAILS */
  178.  
  179.  
  180.  
  181. ::-webkit-scrollbar {
  182. height: 0px;
  183. width: 2px;
  184. background:transparent;
  185. border-left:0px solid transparent;
  186. border-right:0px solid transparent;}
  187.  
  188.  
  189. ::-webkit-scrollbar-thumb {
  190. background:transparent;}
  191.  
  192.  
  193.  
  194.  
  195. /* THE CURSOR */
  196.  
  197.  
  198. {block:iftinycursor}
  199. body, a, a:hover{
  200. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;}
  201. {/block:iftinycursor}
  202.  
  203. iframe#tumblr_controls {
  204. right:3px !important;
  205. position: fixed !important;
  206. -webkit-transition: opacity 0.7s
  207. linear;opacity: 0.2;
  208. -webkit-transition: all 0.8s ease-out;
  209. -moz-transition: all 0.8s ease-out;
  210. transition: all 0.8s ease-out;}
  211.  
  212. iframe#tumblr_controls:hover{
  213. -webkit-transition: opacity 0.7s linear;
  214. opacity: 1;
  215. -webkit-transition: all 0.4s ease-out;
  216. -moz-transition: all 0.4s ease-out;
  217. transition: all 0.4s ease-out;}
  218.  
  219.  
  220.  
  221. /* GENERAL LOOK AND BACKGROUND */
  222.  
  223.  
  224. body {
  225. background:#b0b0b0;
  226. background-image:url('https://static.tumblr.com/4xeltu0/xhZpafim2/theme.png');
  227. background-attachment: fixed;
  228. background-repeat: no-repeat;
  229. background-position: left top;
  230. color:#3c3c3c;
  231. font-family: arial;
  232. text-align:justify;
  233. font-size: 10px;
  234. line-height:15px;
  235. }
  236.  
  237.  
  238.  
  239. /* THE VERSES TABS */
  240.  
  241.  
  242. ul#tabs {
  243. list-style-type: none;
  244. padding: 0;
  245. text-align: center;
  246. font-size:12px;
  247. text-transform:uppercase;
  248. letter-spacing:1px;
  249. text-shadow:1px 1px 0px #000,
  250. -1px -1px 0px #000;
  251. margin-left:440px;
  252. margin-top:200px;
  253. width:160px;
  254. position:fixed;
  255. border:15px solid #b0b0b0;
  256. outline:1px solid #fff;
  257. }
  258.  
  259.  
  260.  
  261. ul#tabs li {
  262. background-image: url('https://static.tumblr.com/4xeltu0/FESpafmm7/theme_info_background.png');
  263. background-repeat:repeat;
  264. background-attachment:local;
  265. color:#fff;
  266. text-shadow:1px 1px 0px #000,
  267. -1px -1px 0px #000;
  268. display: inline-block;
  269. padding: 5px;
  270. margin-bottom: 4px;
  271. width:150px;
  272. cursor: pointer;
  273. }
  274.  
  275.  
  276.  
  277. ul#tabs li:hover {
  278. background-color: transparent;
  279. color: #eaeaea;
  280. }
  281.  
  282. ul#tabs li.active {
  283. background-image: url('');
  284. background:#b0b0b0;
  285. color:#fff;
  286. text-shadow:1px 1px 0px #000;
  287. border:1px solid #fff;
  288. display: inline-block;
  289. padding: 5;
  290. margin-bottom: 4px;
  291. cursor: pointer;
  292. }
  293.  
  294.  
  295.  
  296. ul#tab {
  297. list-style-type: none;
  298. margin: 0;
  299. padding: 0;
  300. }
  301.  
  302. ul#tab li {
  303. display: none;
  304. }
  305.  
  306. ul#tab li.active {
  307. display: block;
  308. }
  309.  
  310.  
  311.  
  312.  
  313. /* LINKS */
  314.  
  315.  
  316. a:link, a:active, a:visited {
  317. text-decoration: none;
  318. color: #fff;}
  319.  
  320. a:hover {
  321. color: {color:bold};}
  322.  
  323.  
  324.  
  325. #links a {
  326. text-shadow: 1px 1px 0px #7a7a7a;
  327. }
  328.  
  329.  
  330. #links a:hover {
  331. padding:5px;
  332. margin-right:0px;
  333. text-shadow: 2px 0px 10px #7a7a7a;
  334. -moz-transition-duration:0.6s;
  335. -webkit-transition-duration:0.6s;
  336. -o-transition-duration:0.6s;
  337. }
  338.  
  339.  
  340.  
  341.  
  342. /* OTHER TEXT STUFF */
  343.  
  344.  
  345.  
  346. h1 {
  347. background-color: transparent;
  348. font-family: 'Josefin Sans', sans-serif;
  349. font-size: 16px;
  350. line-height: 20px;
  351. letter-spacing: 2px;
  352. text-align: center;
  353. text-transform:uppercase;
  354. color: {color:bold};
  355. }
  356.  
  357.  
  358. h2 {
  359. background-color: transparent;
  360. font-family: 'Josefin Sans', sans-serif;
  361. font-size: 15px;
  362. line-height: 16px;
  363. letter-spacing: 2px;
  364. text-align: left;
  365. text-transform:uppercase;
  366. color: {color:bold};
  367. }
  368.  
  369.  
  370.  
  371. h3 {
  372. background-image: url('https://static.tumblr.com/4xeltu0/FESpafmm7/theme_info_background.png');
  373. background-repeat:repeat;
  374. background-attachment:fixed;
  375. border:5px solid #b0b0b0;
  376. outline:1px solid #fff;
  377. padding:5px;
  378. color:#fff;
  379. text-shadow:1px 1px 0px #000,
  380. -1px -1px 0px #000;
  381. font-size:12px;
  382. font-family:arial;
  383. width:390px;
  384. text-transform:uppercase;
  385. letter-spacing:1px;
  386. text-align:center;}
  387.  
  388.  
  389.  
  390.  
  391. h4 {
  392. background-image: url('https://static.tumblr.com/4xeltu0/FESpafmm7/theme_info_background.png');
  393. background-repeat:repeat;
  394. background-attachment:fixed;
  395. border:5px solid #b0b0b0;
  396. outline:1px solid #fff;
  397. padding:5px;
  398. color:#fff;
  399. text-shadow:1px 1px 0px #000,
  400. -1px -1px 0px #000;
  401. font-size:12px;
  402. font-family:arial;
  403. text-transform:uppercase;
  404. letter-spacing:1px;
  405. text-align:center;}
  406.  
  407.  
  408.  
  409. hr {
  410. color:#818181;
  411. display: block;
  412. margin-top: 0.5em;
  413. margin-bottom: 0.5em;
  414. margin-left: auto;
  415. margin-right: auto;
  416. border-style: inset;
  417. border-width: 1px;
  418. }
  419.  
  420.  
  421.  
  422.  
  423. quotetext {
  424. background-color: transparent;
  425. font-family: 'Josefin Sans', sans-serif;
  426. font-size: 16px;
  427. line-height: 20px;
  428. letter-spacing: 2px;
  429. text-align: center;
  430. text-transform:uppercase;
  431. color: {color:bold};
  432. }
  433.  
  434.  
  435.  
  436. blockquote {
  437. word-wrap: break-word;
  438. padding-left:10px;
  439. margin-top:0px;
  440. margin-bottom:5px;
  441. margin-left:10px;
  442. border-left:2px solid #fff;
  443. background-color:transparent;}
  444.  
  445.  
  446. blockquote img{
  447. max-width:100%;
  448. height:auto;
  449. }
  450.  
  451. blockquote blockquote img{
  452. max-width:100%;
  453. height:auto;
  454. }
  455.  
  456.  
  457.  
  458.  
  459. b, bold, strong {
  460. font-size:14px;
  461. letter-spacing:1px;
  462. font-family: georgia;
  463. text-transform:uppercase;
  464. color: #fff;
  465. }
  466.  
  467.  
  468.  
  469. i, italic, em {
  470. font-size:14px;
  471. color: {color:bold};
  472. font-family: 'Kalam', cursive;
  473. letter-spacing:1px;
  474. text-transform:lowercase;
  475. }
  476.  
  477.  
  478.  
  479.  
  480.  
  481. ol {
  482. list-style:normal;}
  483.  
  484.  
  485. ul {
  486. list-style:square;}
  487.  
  488.  
  489. small {
  490. font-size:10px}
  491.  
  492.  
  493. sup,sub {
  494. font-size:10px}
  495.  
  496.  
  497. /* IMAGES, PHOTOSETS AND WHATNOT */
  498.  
  499.  
  500.  
  501. {block:IfGreyscale}
  502.  
  503. img {
  504. -webkit-filter:grayscale(100%);
  505. -webkit-transition: all 0.9s ease-in-out;
  506. -moz-transition: all 0.9s ease-in-out;
  507. -o-transition: all 0.9s ease-in-out;
  508. -ms-transition: all 0.9s ease-in-out;
  509. transition: all 0.9s ease-in-out;}
  510.  
  511. img:hover {
  512. -webkit-filter:none;}
  513.  
  514. .html_photoset {
  515. -webkit-filter: grayscale(100%);
  516. -webkit-transition: all 0.9s ease-in-out;
  517. -moz-transition: all 0.9s ease-in-out;
  518. -o-transition: all 0.9s ease-in-out;
  519. -ms-transition: all 0.9s ease-in-out;
  520. transition: all 0.9s ease-in-out;}
  521.  
  522. .html_photoset:hover {
  523. -webkit-filter: none;}
  524.  
  525. {/block:IfGreyscale}
  526.  
  527.  
  528.  
  529. /* CONTAINER AND POSTS */
  530.  
  531.  
  532.  
  533.  
  534.  
  535. #posts {
  536. width:400px;
  537. padding:10px;
  538. padding-bottom:0px;
  539. overflow-y:scroll;
  540. overflow-x:hidden;
  541. margin-left:575px;
  542. }
  543.  
  544.  
  545.  
  546. /* CUSTOM SIDEBAR SETTINGS */
  547.  
  548.  
  549.  
  550. #actualnews {
  551. font-family: calibri;
  552. font-size:10px;
  553. background:transparent;
  554. color: #8f8f8f;
  555. width:165px;
  556. height:420px;
  557. padding-top:3px;
  558. border:0px solid #131313;
  559. left: 230px;
  560. top: 295px;
  561. text-align:center;
  562. position:fixed;
  563. -webkit-filter: blur(0px);
  564. -webkit-transition: 0.8s ease-in;
  565. -moz-transition: 1s ease-in;
  566. transition: 1s ease-in;
  567. opacity:0.5;
  568. -webkit-transition: all 0.6s ease-in-out;
  569. -moz-transition: all 0.6s ease-in-out;
  570. -o-transition: all 0.6s ease-in-out;
  571. -ms-transition: all 0.6s ease-in-out;
  572. transition: all 0.6s ease-in-out;
  573. }
  574.  
  575.  
  576.  
  577. #actualnews:hover {
  578. -webkit-filter:none;
  579. -webkit-transition: all 0.6s ease-in-out;
  580. opacity:1;
  581. -webkit-transition: all 0.6s ease-in-out;
  582. -moz-transition: all 0.6s ease-in-out;
  583. -o-transition: all 0.6s ease-in-out;
  584. -ms-transition: all 0.6s ease-in-out;
  585. transition: all 0.6s ease-in-out;
  586. }
  587.  
  588.  
  589.  
  590.  
  591. #thekey {
  592. position:fixed;
  593. color:#7c7470;
  594. text-shadow: 0px 0px 2px #fff;
  595. margin-top:0px;
  596. margin-left:0px;
  597. width:0px;
  598. padding:9px;
  599. letter-spacing:2px;
  600. word-spacing:5px; /*this defines the separation of each word of the links*/
  601. font-family: helvetica;
  602. font-size:12px;
  603. text-align:center;
  604. background:transparent;
  605. text-transform:uppercase;
  606. -webkit-transform: rotate(-90deg);
  607. -moz-transform: rotate(-90deg);
  608. -o-transform: rotate(-90deg);
  609. }
  610.  
  611.  
  612.  
  613.  
  614. /* JUMBLED LINKS */
  615.  
  616.  
  617.  
  618. .alinks {
  619. position:fixed;
  620. text-shadow: 0px 0px 0px #000;
  621. left:400px;
  622. top:50px;
  623. transform: rotate(40deg);
  624. text-align: right;
  625. line-height:20px;
  626. font-family: 'Josefin Sans', sans-serif;
  627. font-size: 52px;}
  628.  
  629.  
  630. .alinks a {
  631. padding:0px;
  632. color:#fff;
  633. margin-right:0px;
  634. -webkit-filter: blur(0px);
  635. -webkit-transition: 0.8s ease-in;
  636. -moz-transition: 1s ease-in;
  637. transition: 1s ease-in;
  638. }
  639.  
  640. .alinks a:hover {
  641. -webkit-filter: blur(0px);
  642. -webkit-transition: all 0.6s ease-in-out;
  643. -moz-transition: all 0.6s ease-in-out;
  644. -o-transition: all 0.6s ease-in-out;
  645. -ms-transition: all 0.6s ease-in-out;
  646. transition: all 0.6s ease-in-out;
  647. color: #7f7f7f;
  648. text-shadow: 7px 7px 3px #000000;
  649. }
  650.  
  651. .animatedlink1{
  652. -webkit-animation-name: rotate;
  653. -webkit-animation-duration:10s;
  654. -webkit-animation-iteration-count:infinite;
  655. -webkit-animation-timing-function:linear;
  656. -moz-animation-name: rotate;
  657. -moz-animation-duration:5s;
  658. -moz-animation-iteration-count:infinite;
  659. -moz-animation-timing-function:linear;
  660. }
  661.  
  662. @-webkit-keyframes rotate{
  663. from {-webkit-transform: rotate(0deg);}
  664. to {-webkit-transform: rotate(360deg);}
  665. }
  666.  
  667. @-moz-keyframes rotate{
  668. from {-webkit-transform: rotate(0deg);}
  669. to {-webkit-transform: rotate(360deg);}
  670. }
  671.  
  672.  
  673.  
  674. .blinks {
  675. position:fixed;
  676. text-shadow: 0px 0px 11px #7C6868;
  677. left:470px;
  678. top:100px;
  679. transform: rotate(90deg);
  680. text-align: center;
  681. font-family: 'Josefin Sans', sans-serif;
  682. line-height:20px;
  683. font-size: 44px;}
  684.  
  685.  
  686. .blinks a {
  687. padding:10px;
  688. color:#fff;
  689. margin-right:0px;
  690. -webkit-transition: 0.8s ease-in;
  691. -moz-transition: 1s ease-in;
  692. transition: 1s ease-in;
  693. }
  694.  
  695. .blinks a:hover {
  696. -webkit-transition: all 0.6s ease-in-out;
  697. -moz-transition: all 0.6s ease-in-out;
  698. -o-transition: all 0.6s ease-in-out;
  699. -ms-transition: all 0.6s ease-in-out;
  700. transition: all 0.6s ease-in-out;
  701. color: #7f7f7f;
  702. text-shadow: 7px 7px 3px #000000;
  703. }
  704.  
  705. .dlinks {
  706. position:fixed;
  707. font-size:40px;
  708. text-decoration:none;
  709. transform: rotate(30deg);
  710. -ms-transform: rotate(30deg);
  711. -webkit-transform: rotate(30deg);
  712. -o-transform: rotate(30deg);
  713. -moz-transform: rotate(30deg);
  714. margin-left:430px;
  715. margin-top:170px;
  716. }
  717.  
  718. .dlinks a {
  719. text-shadow:0px 0px 7px #7f7f7f;
  720. text-decoration:none;
  721. color:#fff;
  722. -webkit-transition: all 0.5s ease-out;
  723. -moz-transition: all 0.5s ease-out;
  724. transition: all 0.5s ease-out;
  725. }
  726.  
  727. .dlinks a:hover {
  728. -webkit-transition: all 0.6s ease-in-out;
  729. -moz-transition: all 0.6s ease-in-out;
  730. -o-transition: all 0.6s ease-in-out;
  731. -ms-transition: all 0.6s ease-in-out;
  732. transition: all 0.6s ease-in-out;
  733. color: #7f7f7f;
  734. text-shadow: 7px 7px 3px #000000;
  735. }
  736.  
  737.  
  738. .credit {
  739. position:fixed;
  740. text-shadow: 0px 0px 11px #7C6868;
  741. right:15px;
  742. bottom:15px;
  743. transform: rotate(0deg);
  744. font-family: 'Josefin Sans', sans-serif;
  745. font-size: 17px; }
  746.  
  747.  
  748. .credit a {
  749. padding:10px;
  750. color:#6e6e6e;
  751. margin-right:0px;
  752. -webkit-filter: blur(1px);
  753. -webkit-transition: 0.8s ease-in;
  754. -moz-transition: 1s ease-in;
  755. transition: 1s ease-in;
  756. }
  757.  
  758. .credit a:hover {
  759. -webkit-transition: all 0.6s ease-in-out;
  760. -moz-transition: all 0.6s ease-in-out;
  761. -o-transition: all 0.6s ease-in-out;
  762. -ms-transition: all 0.6s ease-in-out;
  763. transition: all 0.6s ease-in-out;
  764. color: #000000;
  765. text-shadow: 7px 7px 3px #000000;
  766. }
  767.  
  768.  
  769.  
  770.  
  771. /* PAGINATION */
  772.  
  773.  
  774.  
  775.  
  776. #pagination {
  777. position:fixed;
  778. font-family: 'Josefin Sans', sans-serif;
  779. width:300px;
  780. font-size:35px;
  781. top:170px;
  782. left:430px;
  783. letter-spacing:3px;
  784. text-align:center;
  785. z-index:999999999999;
  786. }
  787.  
  788. #pagination a {
  789. text-transform:uppercase;
  790. color:#b3b3b3;
  791. -webkit-filter: blur(0px);
  792. -webkit-transition: 0.8s ease-in;
  793. -moz-transition: 1s ease-in;
  794. transition: 1s ease-in;
  795. z-index:999999999999;
  796. }
  797.  
  798. #pagination a:hover {
  799. color:#fff;
  800. -webkit-filter: blur(1px);
  801. -webkit-transition: 0.2s ease-in;
  802. -moz-transition: 1s ease-in;
  803. transition: 1s ease-in;
  804. }
  805.  
  806.  
  807.  
  808.  
  809. /* MISC */
  810.  
  811.  
  812.  
  813. .audio {
  814. width:300px;
  815. padding-bottom:10px;
  816. background-color:#b0b0b0;
  817. }
  818.  
  819. .albumart {
  820. float:left;
  821. padding:0px 10px 10px 0px;}
  822.  
  823. .albumart img {
  824. width:65px;
  825. height:65px;}
  826.  
  827. .playercontainer {
  828. text-align:left;
  829. padding:10px;
  830. background-color:#999;
  831. width:300px;}
  832.  
  833. .audioinfo {
  834. padding:10px;
  835. color:#3c3c3c;}
  836.  
  837.  
  838.  
  839.  
  840. /* QUESTIONS & ANSWERS DETAILS */
  841.  
  842.  
  843. #asker {
  844. font-family: 'Raleway', sans-serif;
  845. text-align:center;
  846. margin-left:0px;
  847. text-transform:uppercase;
  848. color: {color:bold};
  849. font-size:20px;
  850. padding:5px;
  851. letter-spacing:0px
  852. background-color:#b0b0b0;
  853. padding-left:5px;
  854. padding-right:5px;
  855. }
  856.  
  857.  
  858. #asker a{
  859. font-family: 'Raleway', sans-serif;
  860. text-transform:uppercase;
  861. font-size:20px;
  862. letter-spacing: 0px;
  863. text-shadow: none;
  864. color: {color:bold};
  865. background-color:#b0b0b0;
  866. -webkit-transition:all .5s ease-in-out;
  867. -moz-transition:all .5s ease-in-out;
  868. transition:all .5s ease-in-out;
  869. }
  870.  
  871.  
  872. #asker a:hover {
  873. color: #656565;
  874. letter-spacing: 2px;
  875. -webkit-transition:all .5s ease-in-out;
  876. -moz-transition:all .5s ease-in-out;
  877. transition:all .5s ease-in-out;
  878. }
  879.  
  880.  
  881.  
  882. #ask {
  883. border: 1px solid #fff;
  884. text-align:center;
  885. padding: 15px;
  886. margin-top:-10px;
  887. text-transform:auto;
  888. text-transform:uppercase;
  889. color:#3c3c3c;
  890. font-size:10px;
  891. font-family:arial;
  892. text-shadow: 0px #b0b0b0;
  893. padding:5px;
  894. margin-bottom:10px;
  895. }
  896.  
  897.  
  898. .ans {
  899. text-align:center;
  900. padding:10px;
  901. }
  902.  
  903.  
  904.  
  905. /* POST DETAILS */
  906.  
  907.  
  908. #info {
  909. width:380px;
  910. background-image:url('https://static.tumblr.com/4xeltu0/FESpafmm7/theme_info_background.png');
  911. background-repeat:repeat;
  912. background-attachment:fixed;
  913. padding-top:4px;
  914. padding-bottom:1px;
  915. font-size:12px;
  916. color:#fff;
  917. text-transform:uppercase;
  918. letter-spacing:1px;
  919. font-style:normal;
  920. text-align:center;
  921. padding:5px;
  922. border:5px solid #b0b0b0;
  923. text-shadow:1px 1px 0px #3c3c3c, -1px -1px 0px #3c3c3c;
  924. outline:1px solid #fff;
  925. -moz-transition-duration:0.2s;
  926. -webkit-transition-duration:0.2s;
  927. -o-transition-duration:0.2s;}
  928.  
  929.  
  930. #info a {
  931. font-family:arial;
  932. font-size:12px;
  933. font-style:bold;
  934. color:#fff;
  935. padding:5px;
  936. font-style:normal;}
  937.  
  938.  
  939. #info a:hover {
  940. color:#eee;
  941. -webkit-filter: blur(0px);
  942. -moz-transition-duration:0.2s;
  943. -webkit-transition-duration:0.2s;
  944. -o-transition-duration:0.2s;}
  945.  
  946.  
  947. #tags {
  948. color:#fff;
  949. margin-top:5px;
  950. text-align:center;
  951. text-transform:uppercase;
  952. font-size:10px;
  953. padding-right:10px;
  954. padding-left:10px;
  955. }
  956.  
  957. #tags a {
  958. font-family:arial;
  959. color:#fff;
  960. }
  961.  
  962. #tags a:hover {
  963. font-weight:800;}
  964.  
  965.  
  966.  
  967. /* MISC 02. */
  968.  
  969.  
  970.  
  971. .note {
  972. text-transform:uppercase;
  973. font-style:normal;
  974. letter-spacing:0px;
  975. font-size: 10px;
  976. text-align:left;
  977. line-height:90%;
  978. margin-left:-40px;}
  979.  
  980. .note li {
  981. list-style-type:none;
  982. border-bottom:0px solid {color:border};
  983. padding:10px 25px 10px 25px;
  984. text-align:left;
  985. margin:0px;
  986. -moz-transition-duration:0.5s;
  987. -webkit-transition-duration:0.5s;
  988. -o-transition-duration:0.5s;}
  989.  
  990. .note img.avatar {
  991. margin-right: 10px;
  992. width: 16px;
  993. height: 16px;}
  994.  
  995.  
  996.  
  997.  
  998. /* BASIC POP-UP DETAILS */
  999.  
  1000.  
  1001.  
  1002. .popup_block{
  1003. display:none;
  1004. border:0px solid #eee; /* if you want a solid white pop-up, delete this */
  1005. float:left;
  1006. top:390px; left:832px;
  1007. overflow:scroll;
  1008. height:100%;
  1009. position:fixed;
  1010. z-index: 99999;
  1011. -webkit-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1012. -moz-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1013. box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1014. }
  1015.  
  1016.  
  1017. *html #fade {position: absolute;}
  1018. *html .popup_block {position: absolute;}
  1019. #fade {
  1020. display:none;
  1021. position:fixed;
  1022. left:0px;
  1023. top:0px;
  1024. width:100%;
  1025. height:100%;
  1026. z-index:9999;
  1027. background-image:url('https://static.tumblr.com/4xeltu0/cvPpafq7p/theme_popup.png');
  1028. background-repeat:no-repeat;
  1029. background-color:#b0b0b0;
  1030. opacity:1; /* change to opacity:1; */
  1031. }
  1032.  
  1033.  
  1034. img.btn_close {
  1035. position:fixed;
  1036. margin-top:20px;
  1037. margin-left:810px;
  1038.  
  1039. }
  1040.  
  1041.  
  1042. .popupnavlinks {
  1043. padding-top:5px;
  1044. text-align:center; }
  1045.  
  1046.  
  1047. .popupnavlinks a {
  1048. display:inline-block;
  1049. width:150px;
  1050. line-height:130%;
  1051. padding:5px;
  1052. text-align:center;
  1053. margin-right:10px;
  1054. margin-bottom:10px;
  1055. background-image: url('https://static.tumblr.com/4xeltu0/FESpafmm7/theme_info_background.png');
  1056. background-repeat:repeat;
  1057. background-attachment:fixed;
  1058. border:5px solid #b0b0b0;
  1059. outline:1px solid;
  1060. color:#fff;
  1061. font-size:11px;
  1062. font-family:arial;
  1063. text-shadow:1px 1px 0px #000,
  1064. 1px -1px 0px #000;
  1065. display: inline-block;
  1066. cursor: pointer;
  1067.  
  1068. -moz-transition-duration:0.5s;
  1069. -webkit-transition-duration:0.5s;
  1070. -o-transition-duration:0.5s;
  1071. }
  1072.  
  1073.  
  1074.  
  1075. .popupnavlinks a:hover {
  1076. display:inline-block;
  1077. letter-spacing:4px;
  1078. background-color:#b0b0b0;
  1079. background-image:url('');
  1080.  
  1081. -moz-transition-duration:0.5s;
  1082. -webkit-transition-duration:0.5s;
  1083. -o-transition-duration:0.5s;
  1084. }
  1085.  
  1086.  
  1087.  
  1088. .popupclose {
  1089. float:right; top:0px; right:0px;
  1090. margin-top:-10px; margin-right:-10px;
  1091. font-family:'Scada', sans serif;
  1092. font-size:10px;
  1093. font-weight:bold }
  1094.  
  1095. .popupclose a {
  1096. color:#aaa }
  1097.  
  1098.  
  1099.  
  1100. /* TOOLTIP DETAILS */
  1101.  
  1102.  
  1103.  
  1104. #s-m-t-tooltip{
  1105. max-width:400px;
  1106. margin:15px;
  1107. padding:5px;
  1108. background-color:#b0b0b0;
  1109. background-repeat:repeat;
  1110. background-attachment:fixed;
  1111. border:1px solid #fff;
  1112. color:#fff;
  1113. text-shadow:1px 1px 0px #000;
  1114. z-index:99999999999999999999;
  1115. font-size:10px;
  1116. letter-spacing:2px;
  1117. font-style:bold;
  1118. letter-spacing:2px;
  1119. font-family: arial;
  1120. text-transform:uppercase;
  1121. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  1122.  
  1123.  
  1124.  
  1125. </style>
  1126.  
  1127. </head>
  1128.  
  1129. <body>
  1130.  
  1131.  
  1132.  
  1133. <!--
  1134. ♛ The part below is basically the 'skeleton' of the theme, if that makes sense? I wouldn't recommend editing these parts ( EXCEPT THE CUSTOM LINKS AND POP UPS !!! ) unless you know what you're doing. If you spot a glitch in this part of the code, please let me know.
  1135. -->
  1136.  
  1137.  
  1138. <div id="content">
  1139.  
  1140. <div id="sidebar">
  1141.  
  1142. <img src="{image:Sidebar}" />
  1143.  
  1144. <div id="description">{description}</div>
  1145.  
  1146. </div>
  1147.  
  1148. <div id="pagination">
  1149. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  1150. </div>
  1151.  
  1152.  
  1153. <!--
  1154. ♛ CUSTOM LINKS
  1155. -->
  1156.  
  1157.  
  1158.  
  1159. <div id="links">
  1160.  
  1161.  
  1162. <div class="alinks"><div class="animatedlink1">
  1163. <a href="/" title="home.">✧</a></div>
  1164. </div>
  1165.  
  1166.  
  1167. <div class="blinks"><div class="animatedlink1">
  1168. <a href="#?w=400" rel="box1" class="poplight" title="messages.">
  1169. ✦</a></div>
  1170. </div>
  1171.  
  1172. <div class="dlinks"><div class="animatedlink1">
  1173. <a href="#?w=400" rel="box3" class="poplight" title="explore."> ☾ </a>
  1174. </div></div>
  1175.  
  1176.  
  1177. <div class="credit">
  1178. <a href="http://agirlingrey.tumblr.com/" title="theme by agirlingrey.">A.</a>
  1179. </div>
  1180.  
  1181.  
  1182. </div>
  1183.  
  1184.  
  1185. <!--
  1186. ♛ CUSTOM LINKS ENDS
  1187. -->
  1188.  
  1189.  
  1190.  
  1191. <div id="container">
  1192.  
  1193. <div id="content"><div id="posts">
  1194. {block:Posts}
  1195.  
  1196.  
  1197. {block:Quote}<quotetext>"{Quote}"</quotetext>&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  1198.  
  1199. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  1200. {block:Text}{Body}{/block:Text}
  1201.  
  1202. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1203.  
  1204. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1205.  
  1206. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="360px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1207. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1208.  
  1209. {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}
  1210.  
  1211. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1212.  
  1213.  
  1214. {block:Answer}<div id="asker"><span style="background-color:#b0b0b0; padding-left:5px; padding-right:5px;">{Asker} </span></div><div id="ask"> <p><p><p><p><p>{Question}</div>{Answer}{/block:Answer}
  1215.  
  1216.  
  1217. {block:Audio}<div class="audio">
  1218.  
  1219. {block:AlbumArt}
  1220. {/block:AlbumArt}
  1221.  
  1222.  
  1223. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1224. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  1225. <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
  1226. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  1227.  
  1228.  
  1229. <!--
  1230. ♛ INFO AND SYMBOLS
  1231. -->
  1232.  
  1233. <div id="info">
  1234. {block:Date}
  1235. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero}"> {TimeAgo} </a> {/block:Date}
  1236.  
  1237. {block:RebloggedFrom}
  1238. <a title="{ReblogParentName}" href="{ReblogParentURL}"> via. </a>
  1239. {/block:RebloggedFrom}
  1240.  
  1241. {block:ContentSource}
  1242. <a title="{SourceTitle}" href="{SourceURL}"> src. </a>
  1243. {/block:ContentSource}
  1244.  
  1245. {block:NoteCount}
  1246. <a href="{Permalink}">{NoteCount} notes</a>
  1247. {/block:NoteCount}
  1248.  
  1249.  
  1250. <br></div>
  1251.  
  1252.  
  1253. <!--
  1254. ♛ INFO AND SYMBOLS ENDS
  1255. -->
  1256.  
  1257.  
  1258. <div id="tags" style="margin-bottom:50px">{block:HasTags}{block:Tags} <a href="{TagURL}" title="{Tag}">{Tag} , &nbsp; </a>{/block:Tags}{/block:HasTags}</div>
  1259.  
  1260. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1261. {/block:Posts}
  1262. </div>
  1263. </div>
  1264. </div>
  1265.  
  1266.  
  1267.  
  1268. </body>
  1269.  
  1270.  
  1271.  
  1272. <!--
  1273. ♛ POP UP PAGES !!!
  1274. -->
  1275.  
  1276.  
  1277.  
  1278. <div id="box1" class="popup_block">
  1279.  
  1280. <h3 style="width:370px; margin-left:5px;">
  1281. ask me anything
  1282. </h3>
  1283.  
  1284. <center>
  1285.  
  1286. <p><iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Url}.tumblr.com" width="100%"></iframe></p>
  1287.  
  1288. </div>
  1289.  
  1290. </center>
  1291.  
  1292. <div id="box3" class="popup_block">
  1293.  
  1294. <h3 style="width:370px; margin-left:5px;">atlas</h3>
  1295.  
  1296. <ul id="tabs">
  1297. <li class="active">regulations.</li>
  1298. &nbsp;
  1299. <li>dossier.</li>
  1300. &nbsp;
  1301. <li>verses.</li>
  1302. &nbsp;
  1303. <li>navigation.</li>
  1304. </ul>
  1305.  
  1306. <div style="width:auto;overflow:scroll;">
  1307.  
  1308.  
  1309.  
  1310. <ul id="tab">
  1311. <li class="active">
  1312. <blockquote>
  1313. <p><strong>#00 disclaimer .</strong> .&nbsp;eoin is my own creation and thus belongs to me. all icons are cropped and edited by me. all graphics are made by me unless stated otherwise. do not steal or blatantly copy anything. i will know &gt;:(</p>
  1314. </blockquote>
  1315. <p><strong>#01 tumblr etiquettes .&nbsp;&nbsp;</strong>cut your posts , move asks to a new post , do not godmod / info mod , don&rsquo;t be an asshole ;&nbsp; you know the drill . if you cannot cut or move posts , let me know , i will do it for you .</p>
  1316. <p><strong>#02&nbsp; following /&nbsp; unfollowing .&nbsp;&nbsp;</strong><em>i take forever to follow back</em> .&nbsp; checking out new blogs requires a kind of energy i often lack ,&nbsp; so it can take me up to a <em>week</em> to follow you back .&nbsp; i am so sorry .&nbsp; if i follow you , i am interested in interacting with you ! you are&nbsp;<em>always</em> allowed to send me asks ,&nbsp; memes ,&nbsp; to turn asks into threads ,&nbsp; and hit me up about plotting stuff&nbsp;<em>!</em>&nbsp; if i do not follow you , i am not interested in interacting . it&rsquo;s usually nothing personal . <em>DO NOT INITIATE IC CONTACT IF WE ARE NOT MUTUALS&nbsp;</em>. i will softblock if you repeatedly try to interact despite not being in a mutual follow .</p>
  1317. <p><strong>#03 interaction .</strong>&nbsp; i am open to writing any kind of thread length .&nbsp; my go - to length would probably be 1 or 2 paragraphs .&nbsp; while i do really enjoy novella style threads ,&nbsp; i tend to take&nbsp;<em>forever</em> to reply to them ,&nbsp; so please keep that in consideration .&nbsp; i am also open to writing about darker themes ( though i draw the line at the obvious taboos ) .&nbsp; i&rsquo;m cool with either just winging it ,&nbsp; or plotting threads ,&nbsp; so it&rsquo;s whatever you prefer ,&nbsp; really&nbsp;<em>!</em></p>
  1318. <p><strong>#04 triggers .&nbsp;&nbsp;</strong>please tag ALL <em>vague&nbsp;</em> <em>posts</em> . they really grind my gears the wrong way . i will tag triggers as &rsquo; trigger / &lsquo;&nbsp; ,&nbsp; for example <em>blood /&nbsp;</em>. if you would like me to tag anything specifically , please let me know ( i also accept anons ) ,&nbsp; i absolutely do not mind .&nbsp; i am of age , so nsfw content might appear , but will always be tagged accordingly .</p>
  1319. <p><strong>#05 shipping .</strong>&nbsp; not going to lie ,&nbsp; i <em>absolutely love doing romantic ships&nbsp;</em>.&nbsp; if you think there is chemistry or potential between our muses ,&nbsp; you are more than welcome to approach me about it&nbsp;<em>!</em>&nbsp; chances are i&rsquo;m interested in pursuing a romantic ship between them too&nbsp;<em>!</em>&nbsp; i also really love platonic relationships and rivalries ,&nbsp; and 100% down for doing stuff like that too .&nbsp; i&rsquo;m open to discussing pre - established relationships of any kind .&nbsp; i love me a good pre - est rela &hellip;</p>
  1320. <p><strong>#06 ocs &amp; multimuses .&nbsp; </strong>i am&nbsp;oc friendly of course , hit me up with that sweet af shit .&nbsp; i&rsquo;m cool with well - organized multi - muses too .</p>
  1321. <p><strong>#07 feedback .&nbsp;&nbsp;</strong>i am 100% open for constructive criticism ,&nbsp; as i am always looking to improve my character ,&nbsp; my writing and the way i run this blog .&nbsp; this is NOT a free pass to send hate . don&rsquo;t be that person .&nbsp; if i ever do something to offend you , or accidentally break your rules , please tell me .</p>
  1322. <p><strong>#08 frequent topics .&nbsp;&nbsp;</strong>while cecil has a really sweet personality , he battles serious mental illness , and i will portray this without filter . if mental illness , frequent talk of death and death ideologies , self neglect , and witch hunts and executions aren&rsquo;t your cup of tea , i advise you not to follow .</p>
  1323. <p><strong>#09 activity .</strong>&nbsp; i am &hellip;&nbsp; super slow &hellip;&nbsp; my activity fluctuates heavily ;&nbsp; i can either reply the same day ,&nbsp; or take&nbsp;<em>weeks</em> .&nbsp; i tend to&nbsp;<em>like</em> starters written for me ,&nbsp; so if i haven&rsquo;t ,&nbsp; i probably didn&rsquo;t see it&nbsp;<em>!</em>&nbsp; you are more than welcome to point your starter out to me .&nbsp; similarly ,&nbsp; you are welcome to inquire about a thread we have ,&nbsp; but please don&rsquo;t pester me for replies .</p>
  1324. <p><strong>#10 mun .&nbsp;&nbsp;</strong>hi ,&nbsp; i am <em>lachen&nbsp;</em>,&nbsp; i am 19 years old and i live in the netherlands .&nbsp; i like they / them pronouns .&nbsp; due to my social anxiety ,&nbsp; i do not send in passwords ,&nbsp; but i promise i&rsquo;ve read them before following &amp; interacting .&nbsp; &nbsp;thank you for reading my rules !</p>
  1325.  
  1326. </li>
  1327. <li>
  1328.  
  1329.  
  1330.  
  1331. <img src="https://67.media.tumblr.com/e96479e79dfc7c4d439cd8bf87e11a4a/tumblr_oc48lgd1hg1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1332. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE NAME.</a></big>
  1333.  
  1334. <br><br>
  1335.  
  1336. Proin blandit sollicitudin aliquet. Donec sed malesuada nibh. Sed quis fermentum velit. Praesent tincidunt, lectus in bibendum ornare, odio odio mattis purus, sit amet molestie orci velit et justo. Nunc cursus porta vestibulum. Curabitur elementum volutpat tortor, ut maximus enim. In hac habitasse platea dictumst. Sed tincidunt non tellus at efficitur. Sed id est tincidunt, euismod metus quis, aliquam mauris. Nulla nunc magna, fermentum semper pulvinar quis, facilisis eu tortor. Duis facilisis nulla et nunc fermentum ultricies. Pellentesque quis vulputate dolor. In non gravida arcu. Nunc nec libero fringilla, hendrerit leo sed, imperdiet purus.
  1337.  
  1338.  
  1339. <br><br><br>
  1340.  
  1341. <img src="https://67.media.tumblr.com/e96479e79dfc7c4d439cd8bf87e11a4a/tumblr_oc48lgd1hg1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1342. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE NAME.</a></big>
  1343.  
  1344. <br><br>
  1345.  
  1346. Phasellus consectetur vitae sapien sed maximus. Phasellus vel nulla non purus ultricies euismod. Phasellus non orci tincidunt, commodo ligula id, elementum augue. Quisque at elit at justo mattis tristique eget non turpis. Duis euismod, mi ut sollicitudin sollicitudin, sapien lorem dapibus orci, id scelerisque ipsum dui non augue. Donec tortor mauris, venenatis nec finibus in, eleifend ac justo. Morbi a vulputate turpis. Proin hendrerit, urna sed iaculis euismod, est nisi vehicula nisi, vel convallis nibh tellus ac nibh. Vestibulum volutpat pellentesque sapien, nec pretium nulla aliquam nec. Cras ultrices nisl sit amet nulla consequat efficitur.
  1347.  
  1348.  
  1349.  
  1350. </li>
  1351. <li>
  1352.  
  1353.  
  1354. <img src="https://66.media.tumblr.com/6b6b80e2545ce4977586403217aacdb5/tumblr_oc495wFwrl1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1355. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE NAME.</a></big>
  1356.  
  1357. <br><br>
  1358.  
  1359. Nulla tincidunt felis non venenatis euismod. Fusce odio tellus, consectetur vitae erat non, feugiat tincidunt metus. Mauris suscipit ex sit amet arcu fermentum, eu fringilla diam consequat. Nullam imperdiet suscipit turpis, ac semper enim fringilla sit amet. Nullam ac magna pharetra, elementum sapien quis, pharetra elit. Suspendisse faucibus neque ligula, sit amet tempor est venenatis a. Praesent eleifend fringilla enim, vel varius libero laoreet eget. Aliquam erat volutpat. Phasellus tempor mi vitae enim consequat tempor. Cras condimentum quis tellus vel mattis. Cras sit amet est at neque luctus congue.
  1360.  
  1361.  
  1362. <br><br><br>
  1363.  
  1364. <img src="https://66.media.tumblr.com/6b6b80e2545ce4977586403217aacdb5/tumblr_oc495wFwrl1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1365. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE NAME.</a></big>
  1366.  
  1367. <br><br>
  1368.  
  1369. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque nec orci ac elementum. Etiam dictum leo in leo fringilla, at ultricies arcu venenatis. Ut dignissim pretium volutpat. Nullam pharetra, nunc volutpat porttitor congue, libero felis tincidunt quam, at hendrerit velit augue vel odio. Praesent tincidunt lorem vitae maximus porta. Suspendisse hendrerit ut velit eget mattis. Proin malesuada efficitur ligula, a posuere sapien mollis et. Etiam volutpat in lectus at malesuada. Nunc et interdum leo.
  1370.  
  1371.  
  1372. </li>
  1373. <li>
  1374.  
  1375.  
  1376.  
  1377. <div class="popupnavlinks">
  1378.  
  1379. <a href="/tagged/whatever">LINK</a>
  1380. <a href="/tagged/whatever">LINK</a>
  1381. <br>
  1382. <a href="/tagged/whatever">LINK</a>
  1383. <a href="/tagged/whatever">LINK</a>
  1384. <br>
  1385. <a href="/tagged/whatever">LINK</a>
  1386. <a href="/tagged/whatever">LINK</a>
  1387. <br>
  1388. <a href="/tagged/whatever">LINK</a>
  1389. <a href="/tagged/whatever">LINK</a>
  1390. <br>
  1391. <a href="/tagged/whatever">LINK</a>
  1392. <a href="/tagged/whatever">LINK</a>
  1393. <br>
  1394. <a href="/tagged/whatever">LINK</a>
  1395. <a href="/tagged/whatever">LINK</a>
  1396. <br>
  1397. <a href="/tagged/whatever">LINK</a>
  1398. <a href="/tagged/whatever">LINK</a>
  1399.  
  1400. </ul>
  1401.  
  1402.  
  1403. </div>
  1404. </div>
  1405.  
  1406.  
  1407.  
  1408. </div>
  1409. </div>
  1410. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement