API tools faq
paste
Advertisement
tiffxny21

Blue ★

tiffxny21
Aug 19th, 2018
143
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 79.13 KB | None | 0 0
raw download clone embed print report
  1. <!----------
  2. ＴＨＥＭＥ ＢＹ
  3. 𝐃𝐄𝐒𝐂𝐀𝐑𝐑𝐈𝐀𝐃𝐎
  4.  
  5. Please, be kind.
  6.  
  7. -Don't remove the credit.
  8. -Don't claim as yours.
  9. -Don't take bits of my code for others themes.
  10. -If you use the source viewer to see my code, please, think about how would you feel if this is your code and someone steal form you.
  11. -Edit as much as you please.
  12. -This MY FIRST RELEASED THEME. IF YOU WANT TO COMMISSION A THEME FROM ME YOU CAN GO TO MY PAGE, THANK YOU.
  13.  
  14.  
  15. ＰＬＥＡＳＥ ＤＯ ＮＯＴ ＲＥＭＯＶＥ ＴＨＥ ＣＲＥＤＩＴ
  16. --------->
  17. <html> <head>
  18.  
  19. <title>{title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}
  23. <meta name="description" content="{MetaDescription}" />
  24. {/block:Description}
  25.  
  26.  
  27. <!-- COLORS -->
  28. <meta name="color:background" content="#151515"/>
  29. <meta name="color:text" content="#d1d1d0"/>
  30. <meta name="color:links" content="#ede6e5"/>
  31. <meta name="color:bold" content="#3cbad5"/>
  32. <meta name="color:bold shadow" content="#000000"/>
  33. <meta name="color:big" content="#afd9da"/>
  34. <meta name="color:big shadow" content="#afd9da"/>
  35. <meta name="color:italic" content="#ffffff"/>
  36. <meta name="color:italic shadow" content="#ffffff"/>
  37. <meta name="color:strike" content="#568f9d"/>
  38. <meta name="color:underline" content="#568f9d"/>
  39. <meta name="color:code" content="#859da3"/>
  40. <meta name="color:h1" content="#006683"/>
  41. <meta name="color:h1x" content="#00ceff"/>
  42. <meta name="color:h1xx" content="#060606"/>
  43. <meta name="color:h2" content="#2a9fc1"/>
  44. <meta name="color:h2 shadow" content="#000000"/>
  45. <meta name="color:h3" content="#2a9fc1"/>
  46. <meta name="color:qb" content="#121212"/>
  47. <meta name="color:text pre" content="#d4d4d4"/>
  48. <meta name="color:tags text" content="#2c2c2c"/>
  49. <meta name="color:tags hover" content="#4aadcd"/>
  50. <meta name="color:info text" content="#e0e0e0"/>
  51. <meta name="color:info shadow" content="#000000"/>
  52. <meta name="color:info hover" content="#46deff"/>
  53. <meta name="color:select background" content="#1c1c1c"/>
  54. <meta name="color:select text" content="#42b4d2"/>
  55. <meta name="color:borders" content="#252525"/>
  56. <meta name="color:shadow2" content="#000000"/>
  57. <meta name="color:hover borders" content="#191919"/>
  58. <meta name="color:chatone" content="#668085"/>
  59. <meta name="color:chattwo" content="#232728"/>
  60. <!-- COLORS -->
  61.  
  62.  
  63. <!-------------------------------------------------------------------->
  64.  
  65. <!-- jquery -->
  66. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  67. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  68. <script src="https://secure.static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  69. <!-- TOOLTIPS -->
  70. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  71. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  72. <script>
  73. (function($){
  74. $(document).ready(function(){
  75. $("a[title]").style_my_tooltips({
  76. tip_follows_cursor:true,
  77. tip_delay_time:50,
  78. tip_fade_speed:200,
  79. attribute:"title"
  80. });
  81. });
  82. })(jQuery);
  83. </script>
  84. <!-- TABS -->
  85. <script>
  86. $(document).ready(function() {
  87. $('.tabs .tab-links a').on('click', function(e){var currentAttrValue =
  88. $(this).attr('href');// Show Tabs
  89. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  90. $(this).parent('li').addClass('active').siblings().removeClass('active');e.preventDefault();});});</script>
  91.  
  92. <!-------------------------------------------------------------------->
  93.  
  94.  
  95. <!-- THIS IS FOR THE PHOTOS DO NOT TOUCH PLEASE -->
  96.  
  97. <link href='https://static.tumblr.com/7bmjmb1/eHantn10w/photoset.css' rel='stylesheet' type='text/css'>
  98. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  99. <script>
  100. $(document).ready(function() {
  101. $('.photo-slideshow').pxuPhotoset({
  102. 'ligthbox': true, // uses the default Tumblr lightbox, change to false to use your own
  103. 'rounded' : 'corners', // corners, all or false
  104. 'highRes' : true, // will use high res images
  105. 'gutter' : '3px', // spacing between the images
  106. }, function() {
  107. $(this).animate({opacity:1});
  108. });});
  109. </script>
  110.  
  111. <script>
  112. $(document).ready(function(){
  113. $('.video iframe').each(function(){
  114. var scale = $(this).parents('.video').width() / 400;
  115. $(this).attr({
  116. width: Math.floor($(this).attr('width') * scale),
  117. height: Math.floor($(this).attr('height') * scale)})
  118. ;});});
  119. </script>
  120.  
  121.  
  122.  
  123. <!-- THIS IS FOR THE PHOTOS DO NOT TOUCH PLEASE -->
  124.  
  125.  
  126. <!-- POP UP SCRIPT -->
  127.  
  128. <script type="text/javascript" src=
  129. "https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js">
  130. </script><script type="text/javascript">
  131. //<![CDATA[
  132. $(document).ready(function() {
  133. //
  134. $('a.poplight[href^=#]').click(function() {
  135. var popID = $(this).attr('rel'); //Get Popup Name
  136. var popURL = $(this).attr('href'); //Get Popup href to define size
  137. var query= popURL.split('?');
  138. var dim= query[1].split('&');
  139. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  140. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><\/a>');
  141. var popMargTop = ($('#' + popID).height() + 80) / 2;
  142. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  143. //Apply Margin to Popup
  144. $('#' + popID).css({
  145. 'margin-top' : -popMargTop,
  146. 'margin-left' : -popMargLeft
  147. });
  148. $('body').append('<div id="fade"><\/div>');
  149. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  150. return false;
  151. });
  152. $('a.close, #fade').live('click', function() {
  153. $('#fade , .popup_block, .ask_block').fadeOut(function() {
  154. $('#fade, a.close').remove(); //fade them both out
  155. });
  156. return false;
  157. });
  158. });
  159. //]]>
  160. </script>
  161.  
  162. <!-- POP UP SCRIPT -->
  163.  
  164.  
  165.  
  166. <!-- DROPDOWN MENU -->
  167.  
  168. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  169. <script type="text/javascript">
  170. $(document).ready(function(){
  171. $(".links_body").hide();
  172. $(".links_head").click(function(){
  173. $(this).next(".links_body").slideToggle('fast');
  174. }); }); </script>
  175. <style type="text/css">
  176. .links_list { margin:0px; padding:0px; width:100%;}
  177. .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  178. .links_body { padding:10px; text-align:left; display:none;}
  179. </style>
  180.  
  181. <!-- DROPDOWN MENU -->
  182.  
  183. <style type="text/css">
  184.  
  185.  
  186. /* FONTS */
  187. @import url('https://fonts.googleapis.com/css?family=Oswald|Crimson+Text:400,600i|Dancing+Script|Homemade+Apple|Montserrat|Roboto|Special+Elite|Barlow|Satisfy');
  188. @font-face {font-family:"bitxmap"; src: url("https://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")}
  189. /* FONTS */
  190.  
  191.  
  192. iframe.tmblr-iframe {
  193. z-index:99999999999999!important;
  194. top:0!important;
  195. right:0!important;
  196. opacity:0;
  197. padding-right:41px;
  198. /* delete from here */
  199. filter:invert(1);
  200. -webkit-filter:invert(1);
  201. -o-filter:invert(1);
  202. -moz-filter:invert(1);
  203. -ms-filter:invert(1);
  204. /* to here if your blog has a dark background */
  205. transform:scale(0.6);
  206. transform-origin:100% 0;
  207. -webkit-transform:scale(0.6);
  208. -webkit-transform-origin:100% 0;
  209. -o-transform:scale(0.6);
  210. -o-transform-origin:100% 0;
  211. -moz-transform:scale(0.6);
  212. -moz-transform-origin:100% 0;
  213. -ms-transform:scale(0.6);
  214. -webkit-transition: .9s ease-in-out;
  215. -moz-transition: .9s ease-in-out;
  216. -o-transition: .9s ease-in-out;
  217.  
  218. }
  219.  
  220. iframe.tmblr-iframe:hover {
  221. opacity:0.6!important;
  222. -moz-transition-duration:.9s;
  223. -webkit-transition-duration:.9s;
  224. -o-transition-duration:.9s;
  225. }
  226.  
  227. .hcontrols {
  228. position:fixed;
  229. top:0;
  230. right:0;
  231. z-index:999999999;}
  232.  
  233. .hcontrols svg {
  234. width:14px;
  235. height:14px;
  236. padding:9px;}
  237.  
  238. .hcontrols svg path {
  239. fill:#888888;/* change this to change the color of the links */}
  240.  
  241. .hcontrols svg path {
  242. fill:#cccccc;/* change this to change the color of the links on hover */}
  243.  
  244. /* POINTER */
  245.  
  246. *,body {cursor: url(https://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png), progress !important;}
  247. a:hover { cursor:url( https://68.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_okvj5qqS8G1t4i7gb_540.png ), progress !important; }
  248.  
  249. /* POINTER */
  250.  
  251.  
  252.  
  253.  
  254. /* body thingy */
  255.  
  256. body {
  257. background:{color:background} url('https://i.imgur.com/1zBxjoq.png') no-repeat fixed top center;
  258. font-family: 'Roboto', sans-serif;
  259. text-align:justify;
  260. font-size: 10px;
  261. color:{color:text};
  262. }
  263.  
  264. /* body thingy */
  265.  
  266.  
  267. /* links and hovers */
  268.  
  269.  
  270. a {
  271. color:{color:bold};
  272. font-size:10px;
  273. font-family:'roboto', sans-serif;
  274. text-shadow:0px 0px 1px {color:bold};
  275. text-transform:uppercase;
  276. text-decoration:none;
  277. -webkit-transition: all 0.5s ease-in-out;
  278. -moz-transition: all 0.5s ease-in-out;
  279. -o-transition: all 0.5s ease-in-out;
  280. }
  281.  
  282. a:hover {
  283. color:{color:italic};
  284. text-shadow:0px 0px 3px {color:italic shadow};
  285.  
  286. }
  287.  
  288.  
  289.  
  290. /* links and hovers */
  291.  
  292.  
  293. /* SCROLLBAR */
  294.  
  295. ::-webkit-scrollbar-thumb{
  296. background-color: transparent;
  297. border-radius:0px;
  298. height:auto;
  299. }
  300.  
  301. ::-webkit-scrollbar {
  302. height:auto;
  303. width:4px;
  304. border: 1px transparent;
  305. border-radius:0px;
  306. }
  307.  
  308. /* SCROLLBAR */
  309.  
  310.  
  311.  
  312. /* BOLD, ITALIC, SMALL AND OTHERS */
  313.  
  314.  
  315. b, strong, bold {
  316. font-family: 'Montserrat', sans-serif;
  317. letter-spacing: 0px;
  318. color:{color:bold};
  319. text-transform: uppercase;
  320. font-weight: bold;
  321. text-shadow:0px 0px 1px {color:bold shadow};
  322. font-size: 13px;
  323. font-weight:600;
  324.  
  325. }
  326.  
  327. i, em, italic {
  328. color:{color:italic};
  329. text-shadow: 0px 0px 5px {color:italic shadow};
  330. font-weight:400;
  331. font-family: 'Homemade Apple', cursive;
  332. text-transform: lowercase;
  333. font-size: 16px;
  334. letter-spacing: 0px;
  335. line-height:110%;
  336.  
  337. }
  338.  
  339.  
  340. small, sub, sup {
  341. font-size:10px;
  342.  
  343. }
  344.  
  345. strike {
  346. font-size:9px;
  347. text-transform: uppercase;
  348. color:{color:strike};
  349. }
  350.  
  351. u {
  352. text-transform: uppercase;
  353. font-size:9px;
  354. color:{color:underline};
  355. }
  356.  
  357.  
  358. pre {
  359. padding-top:6px;
  360. padding:6px;
  361. width:auto;
  362. text-align: center;
  363. word-wrap: break-word;
  364. color:{color:text pre};
  365. background-color:{color:qb};
  366. border-left:1px solid {color:borders};
  367. border-right: 1px solid {color:borders};
  368. font-family: 'Montserrat', sans-serif;
  369. text-transform:uppercase;
  370. line-height:100%;
  371. letter-spacing:1px;
  372. font-size:7px; }
  373.  
  374. pre a {
  375. text-shadow:0px 0px 4px {color:text};
  376. color:{color:links};
  377. font-family:trebuchet ms;
  378. text-transform:uppercase;
  379. letter-spacing:1px;
  380. font-size:6px; }
  381.  
  382.  
  383.  
  384. code {
  385. font-size: 10px;
  386. font-weight: bold;
  387. color:{color:code};
  388. text-transform:uppercase;
  389. font-family: 'Crimson Text', serif;
  390. }
  391.  
  392. big {
  393. color:{color:big};
  394. font-size: 16px;
  395. text-shadow: 0px 0px 2px {color:big shadow};
  396. font-family:georgia, sans-serif;
  397. }
  398.  
  399.  
  400. h1 {
  401. font-size:20px;
  402. font-family: 'oswald', sans-serif;
  403. background:
  404. -webkit-linear-gradient(left, {color:h1}, {color:h1x}, {color:h1xx});
  405. -webkit-background-clip: text;
  406. -webkit-text-fill-color: transparent;
  407. text-align:center;
  408. text-transform:uppercase;
  409. line-height:100%;
  410. font-weight:900;
  411. letter-spacing:0px;
  412. padding-bottom:-10px;
  413. text-shadow:none;
  414. }
  415.  
  416. h2 {
  417. font-size:18px;
  418. color:{color:h2};
  419. font-weight:bold;
  420. line-height:100%;
  421. text-align: center;
  422. font-family: 'Oswald', sans-serif;
  423. text-shadow: 0px 1px 1px {color:h2 shadow};
  424.  
  425. }
  426.  
  427. h2 small, small h2 {
  428. font-size:11px;
  429. color:{color:big};
  430. font-weight:none;
  431. text-transform:lowercase;
  432. font-family: 'Oswald', sans-serif;
  433. text-shadow: 0px 1px 1px {color:bold shadow};
  434.  
  435. }
  436.  
  437. h3 {
  438. font-size:18px;
  439. font-family: 'georgia', sans-serif;
  440. text-shadow: 0px 1px 1px {color:bold shadow};
  441. text-align:center;
  442. text-transform:lowercase;
  443. font-style:italic;
  444. line-height:100%;
  445. letter-spacing:0px;
  446. padding-bottom:-10px;
  447. color: {color:h3};
  448. }
  449.  
  450. h4 {
  451. padding:5px;
  452. padding-left:auto;
  453. padding-right:auto;
  454. margin-right:3px;
  455. word-wrap: break-word;
  456. text-align:center;
  457. font-family:trebuchet ms;
  458. text-shadow:1px 1px 1px {color:shadow2},
  459. 0px 0px 5px {color:shadow2};
  460. background:{color:qb};
  461. background:url('https://i.imgur.com/Y0KvPZd.png');
  462. background-repeat:repeat;
  463. background-attachment:fixed;
  464. color:{color:text pre};
  465. border:1px dashed {color:borders};
  466. outline:1px solid {color:qb};
  467. outline-offset:3px;
  468. font-size:8px;
  469. text-transform:uppercase;
  470. letter-spacing:1px;
  471.  
  472. }
  473.  
  474.  
  475. hr {
  476. width:100%;
  477. margin-top:3px;
  478. margin-bottom:3px;
  479. height:2px;
  480. border:none;
  481. background:url('https://i.imgur.com/Y0KvPZd.png');
  482. background-repeat:repeat;
  483. background-attachment:fixed;
  484.  
  485. }
  486.  
  487.  
  488. /* BOLD, ITALIC, SMALL AND OTHERS */
  489.  
  490.  
  491. /* BLOCKQUOTE */
  492.  
  493. blockquote {
  494. padding:0px 5px 0px 10px;
  495. padding-top:0px;
  496. padding-bottom:0px;
  497. text-align:justify;
  498. margin-bottom:10;
  499. margin-left:0px;
  500. width:95%;
  501. border-left:1px solid {color:borders}
  502.  
  503. }
  504.  
  505. blockquote blockquote {
  506. padding:0 0 0 10px;
  507. padding-top:3px;
  508. padding-bottom:3px;
  509.  
  510. }
  511. blockquote, small {
  512. font-size:11px;
  513.  
  514. }
  515.  
  516. blockquote img {
  517. max-width:300px;
  518. padding-top: 5px;
  519. float:right!important;
  520. }
  521.  
  522.  
  523. blockquote img{
  524. max-width:100%;
  525. height:auto;
  526. margin-right:-30px;
  527. margin-left:10px;
  528. }
  529.  
  530. blockquote blockquote img{
  531. float:left!important;
  532. max-width:100%;
  533. height:auto;
  534. margin-left:-30px;
  535. margin-right:10px;
  536. }
  537.  
  538.  
  539. blockquote blockquote blockquote img{
  540. float:right!important;
  541. max-width:100%;
  542. height:auto;
  543. margin-right:-30px;
  544. margin-left:10px;
  545. }
  546.  
  547.  
  548. blockquote blockquote blockquote blockquote img{
  549. float:left!important;
  550. max-width:100%;
  551. height:auto;
  552. margin-left:-30px;
  553. margin-right:10px;
  554. }
  555.  
  556.  
  557. blockquote blockquote blockquote blockquote blockquote img{
  558. float:right!important;
  559. max-width:100%;
  560. height:auto;
  561. margin-right:-30px;
  562. margin-left:10px;
  563. }
  564.  
  565.  
  566. /* BLOCKQUOTE */
  567.  
  568. /* CONTAINER AND POSTS */
  569.  
  570.  
  571. #container {
  572. background:{color:background};
  573. width: 513px;
  574. height:600px;
  575. left:50%;
  576. top:15px;
  577. margin-left:-503px;
  578. font-weight:500;
  579. font-size:11px;
  580. position: fixed;
  581. text-align:justify;
  582. padding-left:2px;
  583. padding-right:5px;
  584. overflow: auto;
  585. -webkit-mask-image:
  586. -webkit-gradient(
  587. linear, center 90%, center top, from(rgba(0,0,0,20)),
  588. to(rgba(20,0,0,0)));
  589. -webkit-mask-image:
  590. -webkit-gradient(
  591. linear, center 90%, center bottom,
  592. from(rgba(0,0,0,20)), to(rgba(20,0,0,0)));
  593. }
  594.  
  595.  
  596. #posts{
  597. width:500px;
  598. overflow-x:hidden;
  599. overflow-y:auto;
  600. text-align:justify;
  601. margin-top:30px;
  602. margin-bottom:5px;
  603. margin-left:10px;
  604. margin-right:10px;
  605. font-size:11px;
  606. line-height:110%;
  607. text-shadow:0px 1px 1px {color:shadow2};
  608. letter-spacing:0px;
  609. color:{color:text};
  610. text-transform: auto;
  611. }
  612.  
  613. #posts img {
  614. height:auto;
  615. max-width:100%;
  616. }
  617.  
  618. #photo img {
  619. width:100%;
  620. -webkit-border-radius:5px;
  621. -moz-border-radius:5px;
  622. border-radius:5px;
  623. }
  624.  
  625. #container img {
  626. height:auto;
  627. max-width:100%;
  628. }
  629.  
  630.  
  631. img {
  632. -webkit-filter:grayscale(50%);
  633. -webkit-transition: all 0.9s ease-in-out;
  634. -moz-transition: all 0.9s ease-in-out;
  635. -o-transition: all 0.9s ease-in-out;
  636. -ms-transition: all 0.9s ease-in-out;
  637. transition: all 0.9s ease-in-out;}
  638.  
  639. .html_photoset {
  640. -webkit-filter: grayscale(50%);
  641. -webkit-transition: all 0.9s ease-in-out;
  642. -moz-transition: all 0.9s ease-in-out;
  643. -o-transition: all 0.9s ease-in-out;
  644. -ms-transition: all 0.9s ease-in-out;
  645. transition: all 0.9s ease-in-out;}
  646.  
  647. img:hover {
  648. -webkit-filter:none;}
  649.  
  650. .html_photoset:hover {
  651. -webkit-filter: none;}
  652.  
  653.  
  654. /* CONTAINER AND POSTS */
  655.  
  656.  
  657.  
  658. /* PHOTOSETS: DO NOT TOUCH THIS BECAUSE ITS FOR THEM TO RE-SIZE WHEN YOU CHANGE THE SIZE OF THE POSTS AND CONTAINER */
  659.  
  660. #vignette,#tumblr_lightbox_caption {visibility:hidden;}
  661. #tumblr_lightbox {background:{color:Background}!important;}
  662. #tumblr_lightbox_left_image,
  663. #tumblr_lightbox_right_image {opacity:0.5!important;}
  664. #tumblr_lightbox_center_image,
  665. #tumblr_lightbox_left_image,
  666. #tumblr_lightbox_right_image {
  667. box-shadow:none!important;
  668. border-radius:0px!important;
  669. }
  670.  
  671.  
  672. .caption {
  673. width:{select:Post size}px;
  674. text-align:justify;
  675. line-height:120%;
  676. }
  677.  
  678.  
  679. /* PHOTOSETS: DO NOT TOUCH THIS BECAUSE ITS FOR THEM TO RE-SIZE WHEN YOU CHANGE THE SIZE OF THE POSTS AND CONTAINER */
  680.  
  681.  
  682.  
  683.  
  684. /* PAGINATION: PAGINATION2 IT'S FOR THE NEXT */
  685.  
  686. #pagination {
  687. position:fixed;
  688. top:480px;
  689. left:50%;
  690. margin-left:360px;
  691. }
  692.  
  693.  
  694. #pagination a {
  695. font-family: times;
  696. text-transform:lowercase;
  697. font-size:40px;
  698. font-weight: cursive;
  699. color: {color:text};
  700. text-shadow:
  701. 1px 1px 0px {color:shadow2},
  702. 1px -1px 0px {color:shadow2},
  703. -1px -1px 0px {color:shadow2},
  704. -1px 1px 0px {color:shadow2},
  705. 0px 1px 0px {color:shadow2},
  706. 0px -1px 0px {color:shadow2},
  707. 1px 0px 0px {color:shadow2},
  708. -1px 0px 0px {color:shadow2},
  709. 0px 0px 7px #fff;
  710. transition-duration: 0.9s;
  711. position:fixed;
  712. opacity:0.8;
  713. z-index:999999;
  714. -webkit-transition: .9s ease-in-out;
  715. -moz-transition: .9s ease-in-out;
  716. -o-transition: .9s ease-in-out;
  717.  
  718. }
  719.  
  720. #pagination a:hover {
  721. opacity:1;
  722. color:{color:qb};
  723. text-shadow:0px 0px 6px #000;
  724. -moz-transition-duration:.9s;
  725. -webkit-transition-duration:.9s;
  726. -o-transition-duration:.9s;
  727. }
  728.  
  729.  
  730. #pagination2 {
  731. position:fixed;
  732. top:480px;
  733. left:50%;
  734. margin-left:75px;
  735. }
  736.  
  737.  
  738. #pagination2 a {
  739. font-family: times;
  740. text-transform:lowercase;
  741. font-size:40px;
  742. font-weight: cursive;
  743. color: {color:text};
  744. text-shadow:
  745. 1px 1px 0px {color:shadow2};,
  746. 1px -1px 0px {color:shadow2},
  747. -1px -1px 0px {color:shadow2},
  748. -1px 1px 0px {color:shadow2},
  749. 0px 1px 0px {color:shadow2},
  750. 0px -1px 0px {color:shadow2},
  751. 1px 0px 0px {color:shadow2},
  752. -1px 0px 0px {color:shadow2},
  753. 0px 0px 7px #fff;
  754. transition-duration: 0.9s;
  755. position:fixed;
  756. opacity:0.8;
  757. z-index:999999;
  758. -webkit-transition: .9s ease-in-out;
  759. -moz-transition: .9s ease-in-out;
  760. -o-transition: .9s ease-in-out;
  761. }
  762.  
  763. #pagination2 a:hover {
  764. opacity:1;
  765. color:{color:qb};
  766. text-shadow:0px 0px 6px #000;
  767. -moz-transition-duration:.9s;
  768. -webkit-transition-duration:.9s;
  769. -o-transition-duration:.9s;
  770. }
  771.  
  772.  
  773.  
  774. /* PAGINATION */
  775.  
  776.  
  777.  
  778.  
  779. /* QUESTIONS AND AUDIO */
  780. #asker {
  781. background:transparent;
  782. padding:10px;
  783. font-family: tahoma;
  784. text-align:center;
  785. margin-top:0px;
  786. text-transform:none;
  787. line-height:100%;
  788. z-index:1;
  789. }
  790.  
  791.  
  792.  
  793. .ppl {
  794. width:auto;
  795. height:auto;
  796. color:{color:bold};
  797. text-align:right;
  798. font-family: 'Oswald', sans-serif;
  799. font-weight:bold;
  800. font-size:30px;
  801. margin-top:3px;
  802. text-transform:uppercase;
  803. padding:5px;
  804. line-height:100%;
  805. }
  806.  
  807. .ppl a {
  808. width:auto;
  809. height:auto;
  810. color:{color:bold};
  811. font-family: 'Oswald', sans-serif;
  812. font-weight:bold;
  813. font-size:30px;
  814. margin-top:3px;
  815. text-align:right;
  816. text-transform:uppercase;
  817. padding:5px;
  818. line-height:100%;
  819.  
  820. }
  821.  
  822. .answer {
  823. font-size:11px;
  824. }
  825.  
  826.  
  827. .assker {
  828. font-size:10px;
  829. font-family:'Montserrat', sans-serif;
  830. text-align:center;
  831. margin-top:0px;
  832. color:{color:text};
  833. border-radius: 0 0 10px 10px;
  834. border-left:5px solid {color:bold};
  835. background:{color:qb};
  836. padding:15px;
  837. z-index:999;
  838. }
  839.  
  840.  
  841.  
  842. .audio {
  843. height:60px;
  844. padding:5px;
  845. margin-bottom:0px;
  846. }
  847. .audio-album {
  848. position:absolute;
  849. width:60px;
  850. }
  851. .audio-player {
  852. opacity:0.6;
  853. filter:alpha(opacity=60);
  854. border:5px solid {color:borders};
  855. width:50px;
  856. height:50px;
  857. overflow:hidden;
  858. position:absolute;
  859. z-index:2;
  860. margin-left:0px;
  861. margin-top:0px;
  862. }
  863. .audio-info {
  864. margin-top:-0px;
  865. position:relative;
  866. margin-left:70px;
  867. padding:8px;
  868. background-color:{color:background}
  869. }
  870.  
  871.  
  872.  
  873. .note {
  874. text-transform:uppercase;
  875. font-style:normal;
  876. letter-spacing:0px;
  877. font-size: 9px;
  878. text-align:left;
  879. line-height:90%;
  880. margin-left:-40px;
  881. }
  882.  
  883.  
  884. .note li {
  885. list-style-type:none;
  886. padding:10px 25px 10px 25px;
  887. text-align:left;
  888. margin:0px;
  889. -moz-transition-duration:0.5s;
  890. -webkit-transition-duration:0.5s;
  891. -o-transition-duration:0.5s;
  892. }
  893.  
  894. /* QUESTIONS AND AUDIO */
  895.  
  896.  
  897.  
  898.  
  899. /* permalinks, info and tags */
  900.  
  901.  
  902. /*PERMALINK & TAGS*/
  903.  
  904.  
  905. #info {
  906. margin-left:-10px;
  907. padding-top:5px;
  908. width:auto;
  909. height:30px;
  910. float:center;
  911. background-image: url('https://i.imgur.com/H4PPjz5.png');
  912. background-position:0px 0px;
  913. background-repeat:no-repeat;
  914. }
  915.  
  916.  
  917. #info1 {
  918. margin-left:45px;
  919. margin-top:-35px;
  920. position:absolute;
  921. font-size:16px;
  922. color:#ddd;
  923. text-decoration:none;
  924. transform: rotate(30deg);
  925. -ms-transform: rotate(30deg);
  926. -webkit-transform: rotate(30deg);
  927. -o-transform: rotate(30deg);
  928. -moz-transform: rotate(30deg);
  929. }
  930.  
  931.  
  932. #info2 {
  933. margin-left:100px;
  934. margin-top:-25px;
  935. position:absolute;
  936. font-size:16px;
  937. color:#ddd;
  938. text-decoration:none;
  939. transform: rotate(80deg);
  940. -ms-transform: rotate(80deg);
  941. -webkit-transform: rotate(80deg);
  942. -o-transform: rotate(80deg);
  943. -moz-transform: rotate(80deg);
  944. }
  945.  
  946.  
  947. #info3 {
  948. margin-left:145px;
  949. margin-top:-40px;
  950. position:absolute;
  951. font-size:16px;
  952. color:#ddd;
  953. text-decoration:none;
  954. transform: rotate(70deg);
  955. -ms-transform: rotate(70deg);
  956. -webkit-transform: rotate(70deg);
  957. -o-transform: rotate(70deg);
  958. -moz-transform: rotate(70deg);
  959. }
  960.  
  961.  
  962. #info4 {
  963. margin-left:195px;
  964. margin-top:-25px;
  965. position:absolute;
  966. font-size:16px;
  967. color:#ddd;
  968. text-decoration:none;
  969. transform: rotate(80deg);
  970. -ms-transform: rotate(80deg);
  971. -webkit-transform: rotate(80deg);
  972. -o-transform: rotate(80deg);
  973. -moz-transform: rotate(80deg);
  974. }
  975.  
  976.  
  977. #info1 a, #info2 a, #info3 a, #info4 a {
  978. text-decoration:none;
  979. color:#aaa;
  980. -webkit-transition: all 0.5s ease-out;
  981. -moz-transition: all 0.5s ease-out;
  982. transition: all 0.5s ease-out;
  983. }
  984.  
  985. #info1 a:hover, #info2 a:hover, #info3 a:hover, #info4 a:hover {
  986. color:#ddd;
  987. text-shadow:0px 0px 7px #aaa;
  988. -webkit-transition: all 0.5s ease-out;
  989. -moz-transition: all 0.5s ease-out;
  990. transition: all 0.5s ease-out;
  991. }
  992.  
  993.  
  994.  
  995.  
  996. /*TAGS*/
  997.  
  998. #tags {
  999. width:auto;
  1000. height:auto;
  1001. background:{color:qb};
  1002. padding: 5px;
  1003. word-wrap: break-word;
  1004. text-transform:uppercase;
  1005. border-top: dashed 1px #101010;
  1006. border-bottom: dashed 1px #101010;
  1007. letter-spacing:1px;
  1008. padding:10px;
  1009. font-weight:800;
  1010. text-align:center;
  1011. margin-top:-10px;
  1012. margin-left:20px;
  1013. margin-right:20px;
  1014. z-index:3;
  1015.  
  1016. }
  1017.  
  1018. #tags a {
  1019. font-style:trebuchet ms;
  1020. color:{color:tags text};
  1021. text-shadow:1px 1px 1px {color:shadow2};
  1022. font-size:7px;
  1023. -webkit-transition: all 0.5s ease-out;
  1024. -moz-transition: all 0.5s ease-out;
  1025. transition: all 0.5s ease-out;
  1026. }
  1027.  
  1028. #tags a:hover {
  1029. color:{color:tags hover};
  1030. text-shadow:0px 0px 3px {color:tags hover};
  1031. font-style:none;
  1032. -webkit-transition: all 0.5s ease-out;
  1033. -moz-transition: all 0.5s ease-out;
  1034. transition: all 0.5s ease-out;
  1035. }
  1036.  
  1037.  
  1038.  
  1039. /*TAGS*/
  1040.  
  1041.  
  1042. .note {
  1043. text-transform:none;
  1044. letter-spacing:0px;
  1045. font-size:9px;
  1046. text-align:left;
  1047. line-height:100%;
  1048. margin-left:5px;
  1049. }
  1050.  
  1051. .note li {
  1052. list-style-type:decimal;
  1053. padding:0px 5px 10px 25px;
  1054. text-align:left;
  1055. -webkit-transition: all 0.5s ease-in-out;
  1056. -moz-transition: all 0.5s ease-in-out;
  1057. -o-transition: all 0.5s ease-in-out;
  1058. }
  1059.  
  1060.  
  1061. /* permalinks, info and tags */
  1062.  
  1063.  
  1064. /* QUOTES AND SOURCE */
  1065.  
  1066. .quotemarkleft {
  1067. font-size: 130px;
  1068. font-family: 'Georgia';
  1069. font-weight: bold;
  1070. line-height: 100px;
  1071. position: relative;
  1072. margin: 0px 0 -90px 30px;
  1073. color:{color:text};
  1074. opacity: 0.9;
  1075. }
  1076.  
  1077.  
  1078. #quote {
  1079. background:transparent;
  1080. font-family: 'Crimson Text', serif;
  1081. color:{color:text};
  1082. font-size:15px;
  1083. text-align:center;
  1084. line-height:120%;
  1085. padding:5px;
  1086. padding-top:12px;
  1087. padding-bottom:8px;
  1088. }
  1089.  
  1090. .qsource{
  1091. padding-top:3px;
  1092. padding-bottom:1px;
  1093. font-family: 'Cedarville Cursive', cursive;
  1094. font-size:15px;
  1095. text-align:right;
  1096. }
  1097.  
  1098.  
  1099. /* QUOTES AND SOURCE */
  1100.  
  1101.  
  1102.  
  1103.  
  1104.  
  1105. /* SELECTION TEXT AND BG */
  1106.  
  1107.  
  1108. ::selection {
  1109. background:{color:select background};
  1110. color:{color:select text};
  1111. }
  1112.  
  1113. /* SELECTION TEXT AND BG */
  1114.  
  1115.  
  1116.  
  1117. /* CHAT */
  1118.  
  1119. .chat ol {
  1120. padding:0;
  1121. font-family: 'Roboto', sans-serif;
  1122. font-size:7px;
  1123. text-transform:uppercase;
  1124. letter-spacing:1px;
  1125. line-height:180%;
  1126. list-style:none;
  1127. }
  1128.  
  1129. .line.odd {
  1130. background:{color:chatone};
  1131. text-align:right;
  1132. padding:5px;
  1133. border-right:3px solid {color:chattwo};
  1134. }
  1135.  
  1136. .line.even {
  1137. background:{color:chattwo};
  1138. text-align:left;
  1139. padding:5px;
  1140. border-left:3px solid {color:chatone};
  1141. }
  1142.  
  1143. .label {
  1144. font-weight:none;
  1145. font-size:8px;
  1146. padding-right:1px;
  1147. letter-spacing:1px;
  1148. text-transform:uppercase;
  1149. color:{color:text};
  1150. }
  1151.  
  1152. /* CHAT */
  1153.  
  1154.  
  1155.  
  1156. /* CREDIT */
  1157.  
  1158. #credit {
  1159. position:fixed;
  1160. bottom:8px;
  1161. right:15px;
  1162. letter-spacing:0px;
  1163. z-index:99999;
  1164.  
  1165. }
  1166.  
  1167. #credit a{
  1168. color:{color:text};
  1169. font-size:20px;
  1170. font-family: 'Dancing Script', cursive;
  1171. text-transform:uppercase;
  1172. text-shadow: 0px 1px 1px #000;
  1173. display:block;
  1174. height:auto;
  1175. width:auto;
  1176. text-align:center;
  1177. -moz-transition-duration:.9s;
  1178. -webkit-transition-duration:.9s;
  1179. -o-transition-duration:.9s;
  1180.  
  1181. }
  1182.  
  1183. #credit a:hover{
  1184. color:{color:text};
  1185. text-shadow: 0px 0px 5px {color:text};
  1186. text-transform:uppercase;
  1187. -webkit-transition: all 0.8s ease-in-out;
  1188. -moz-transition: all 0.8s ease-in-out;
  1189. -o-transition: all 0.8s ease-in-out;
  1190. -ms-transition: all 0.8s ease-in-out;
  1191. transition: all 0.8s ease-in-out;
  1192.  
  1193. }
  1194.  
  1195.  
  1196. /* CREDIT */
  1197.  
  1198.  
  1199.  
  1200.  
  1201. /* SIDEBAR */
  1202.  
  1203.  
  1204. #sidebar {
  1205. background:{color:background};
  1206. font-family: 'Roboto', sans-serif;
  1207. font-size:8px;
  1208. color: {color:text};
  1209. width:200px;
  1210. height:110px;
  1211. top:450px;
  1212. left:50%;
  1213. margin-left:126px;
  1214. padding-top:10px;
  1215. line-height:120%;
  1216. text-transform:uppercase;
  1217. text-shadow:0px 1px 1px {color:shadow2};
  1218. text-align:center;
  1219. position:fixed;
  1220. padding-left:14px;
  1221. padding-right:6px;
  1222. overflow-y: scroll;
  1223. overflow-x: hidden;
  1224.  
  1225. }
  1226.  
  1227.  
  1228.  
  1229. /* SIDEBAR */
  1230.  
  1231.  
  1232. /* HOVER LINKS div#qTip */
  1233.  
  1234. .tooltip{
  1235. display: inline;
  1236. position: relative;
  1237. }
  1238.  
  1239.  
  1240. #s-m-t-tooltip {
  1241. padding:6px;
  1242. width:auto;
  1243. max-width:300px;
  1244. background:{color:qb};
  1245. background-image:url('https://i.imgur.com/Y0KvPZd.png');
  1246. background-repeat:repeat;
  1247. background-attachment:fixed;
  1248. text-align:center;
  1249. max-height:300px;
  1250. margin:5px 10px 5px 0px;
  1251. color:{color:text};
  1252. text-shadow:
  1253. 1px 1px 0px #000,
  1254. 1px -1px 0px #000,
  1255. -1px -1px 0px #000,
  1256. -1px 1px 0px #000,
  1257. 0px 1px 0px #000,
  1258. 0px -1px 0px #000,
  1259. 1px 0px 0px #000,
  1260. -1px 0px 0px #000,
  1261. 0px 0px 5px #00a68b;
  1262. border-left: double 3px {color:hover borders};
  1263. border-top: double 3px {color:hover borders};
  1264. border-right: double 3px {color:hover borders};
  1265. border-bottom: double 3px {color:hover borders};
  1266. font-weight:bold;
  1267. font-family: 'arial';
  1268. text-transform:uppercase;
  1269. box-shadow: 0px 0px 3px #000;
  1270. border-radius:5px;
  1271. font-size:8px;
  1272. letter-spacing:1px;
  1273. z-index:99999;
  1274. transition:0.7s ease-in-out;
  1275. -o-transition:0.7s ease-in-out;
  1276. -ms-transition:0.7s ease-in-out;
  1277. -moz-transition:0.7s ease-in-out;
  1278. -webkit-transition:0.7s ease-in-out;
  1279. }
  1280.  
  1281. /* HOVER LINKS */
  1282.  
  1283. /* POP UP */
  1284. .popup_block{
  1285. display:none;
  1286. background-image:transparent;
  1287. background-repeat: no-repeat;
  1288. padding:20px;
  1289. float:left;
  1290. font-family: tahoma;
  1291. height: 10px;
  1292. position:fixed;
  1293. top:370px;
  1294. left:50%;
  1295. margin-left:-105px;
  1296. z-index: 99999;
  1297. overflow-y: scroll;
  1298. overflow-x: hidden;
  1299.  
  1300. }
  1301.  
  1302. *html #fade {position: absolute;}
  1303. *html .popup_block {position: absolute;}
  1304. #fade {
  1305. display:none;
  1306. position:fixed;
  1307. left:0px;
  1308. top:0px;
  1309. width:100%;
  1310. height:100%;
  1311. z-index:9999;
  1312. background:{color:background}; /* change to #fff for solid white #010101 */
  1313. opacity:0;
  1314. }
  1315.  
  1316. .contenido {
  1317. background-color:{color:background};
  1318. left:50%;
  1319. margin-left:-503px;
  1320. top:15px;
  1321. height: 600px;
  1322. width: 500px;
  1323. position: fixed;
  1324. font-size:11px;
  1325. font-family: tahoma;
  1326. text-shadow: 0px 1px 1px #000000;
  1327. overflow: auto;
  1328. padding-right:10px;
  1329. padding-left:10px;
  1330. line-height:120%;
  1331. z-index:2;
  1332.  
  1333. }
  1334.  
  1335.  
  1336.  
  1337.  
  1338. .pic img {
  1339. float: left;
  1340. padding: 0px;
  1341. margin-right: 10px;
  1342. width: 75px;
  1343. height: 75px;
  1344. }
  1345.  
  1346. .pic1 img {
  1347. float: left;
  1348. padding: 0px;
  1349. margin-right: 10px;
  1350. width: 75px;
  1351. height: 75px;
  1352. border-radius:100%;
  1353.  
  1354. }
  1355.  
  1356. .pic2 img {
  1357. float: right;
  1358. padding: 0px;
  1359. margin-left: 10px;
  1360. width: 75px;
  1361. height: 75px;
  1362. border-radius:100%;
  1363. }
  1364.  
  1365.  
  1366. .navega{
  1367. text-align:center;
  1368. text-transform:uppercase;
  1369. font-family:tahoma;
  1370. font-size:9px;
  1371. }
  1372.  
  1373. .navega a {
  1374. width:100px;
  1375. margin-left:4px;
  1376. margin-right:4px;
  1377. margin-top:4px;
  1378. margin-bottom:4px;
  1379. display:inline-block;
  1380. background:{color:qb};
  1381. color:{color:text};
  1382. text-shadow:0px 0px 5px {color:bold};
  1383. padding-right:4px;
  1384. padding-left:4px;
  1385. line-height:20px;
  1386. margin-top:2px;
  1387. margin-bottom:2px;
  1388. letter-spacing:1px;
  1389. transition-duration: 0.6s;
  1390. border-left:1px solid {color:qb};
  1391. border-right:1px solid {color:qb};
  1392. border-top:1px solid {color:qb};
  1393. border-bottom:1px solid {color:qb};
  1394. -webkit-transition: .9s ease-in-out;
  1395. -moz-transition: .9s ease-in-out;
  1396. -o-transition: .9s ease-in-out;
  1397. }
  1398.  
  1399. .navega a:hover {
  1400. background:{color:background};
  1401. text-shadow:0px 0px 5px {color:bold};
  1402. color:{color:bold};
  1403. -moz-transition-duration:.9s;
  1404. -webkit-transition-duration:.9s;
  1405. -o-transition-duration:.9s;
  1406. }
  1407.  
  1408.  
  1409.  
  1410. .links_list {
  1411. margin: 0px;
  1412. padding: 10px;
  1413. width: 480px;
  1414. margin-top: 10px;
  1415. margin-right: 10px;
  1416. }
  1417.  
  1418. .links_head {
  1419. color:#d3d1d1;
  1420. text-shadow:1px 1px 0px #131313,
  1421. 1px -1px 0px #131313,
  1422. -1px -1px 0px #131313,
  1423. -1px 1px 0px #131313,
  1424. 0px 1px 0px #131313;
  1425. padding-top: 10px;
  1426. padding-bottom: 10px;
  1427. cursor: pointer;
  1428. font-family: 'Roboto', sans-serif;
  1429. font-size:7px;
  1430. text-transform:uppercase;
  1431. position: relative;
  1432. margin: 0px;
  1433. text-align: right;
  1434. font-size:10px;
  1435. letter-spacing:1px;
  1436. border: 1px solid {color:borders};
  1437. outline: 1px solid {color:borders};
  1438. background:url('https://i.imgur.com/Y0KvPZd.png');
  1439. background-repeat:repeat;
  1440. background-attachment:fixed;
  1441. }
  1442.  
  1443.  
  1444. /* POP UP */
  1445.  
  1446. /* THE LINKS */
  1447.  
  1448. .star1 {
  1449. top:330px;
  1450. left:50%;
  1451. margin-left:70px;
  1452. position:fixed;
  1453. }
  1454.  
  1455. .star2 {
  1456. top:330px;
  1457. left:50%;
  1458. margin-left:290px;
  1459. position:fixed;
  1460. }
  1461.  
  1462. .star3 {
  1463. top:400px;
  1464. left:50%;
  1465. margin-left:190px;
  1466. position:fixed;
  1467. }
  1468.  
  1469.  
  1470. .star4 {
  1471. top:160px;
  1472. left:50%;
  1473. margin-left:80px;
  1474. position:fixed;
  1475. }
  1476.  
  1477.  
  1478. .star5 {
  1479. top:25px;
  1480. left:50%;
  1481. margin-left:240px;
  1482. position:fixed;
  1483. }
  1484.  
  1485.  
  1486.  
  1487. .star6 {
  1488. top:550px;
  1489. left:50%;
  1490. margin-left:350px;
  1491. position:fixed;
  1492. }
  1493.  
  1494.  
  1495.  
  1496. .star7 {
  1497. top:550px;
  1498. left:50%;
  1499. margin-left:60px;
  1500. position:fixed;
  1501. }
  1502.  
  1503. .star1 a, .star2 a, .star3 a, .star4 a, .star5 a, .star6 a, .star7 a {
  1504. color:{color:links};
  1505. font-family: 'Crimson Text', serif;
  1506. font-size:30px;
  1507. font-weight:900;
  1508. display:inline-block;
  1509. text-align:center!important;
  1510. width:50px;
  1511. text-shadow:
  1512. 1px 1px 0px #272827,
  1513. 1px -1px 0px #272827,
  1514. -1px -1px 0px #272827,
  1515. -1px 1px 0px #272827,
  1516. 0px 1px 0px #272827,
  1517. 0px -1px 0px #272827,
  1518. 1px 0px 0px #272827,
  1519. -1px 0px 0px #272827,
  1520. 0px 0px 5px #ddd;
  1521. transition-duration: 0.9s;
  1522. -webkit-transition: .9s ease-in-out;
  1523. -moz-transition: .9s ease-in-out;
  1524. -o-transition: .9s ease-in-out;
  1525. }
  1526.  
  1527. .star1 a:hover, .star2 a:hover, .star3 a:hover, .star4 a:hover, .star5 a:hover, .star6 a:hover, .star7 a:hover {
  1528. color:{color:bold};
  1529. text-shadow:
  1530. 1px 1px 0px #272827,
  1531. 1px -1px 0px #272827,
  1532. -1px -1px 0px #272827,
  1533. -1px 1px 0px #272827,
  1534. 0px 1px 0px #272827,
  1535. 0px -1px 0px #272827,
  1536. 1px 0px 0px #272827,
  1537. -1px 0px 0px #272827,
  1538. 0px 0px 5px #ddd;
  1539. -webkit-transition: .9s ease-in-out;
  1540. -moz-transition: .9s ease-in-out;
  1541. -o-transition: .9s ease-in-out;
  1542. }
  1543.  
  1544.  
  1545.  
  1546.  
  1547. /* THE LINKS */
  1548.  
  1549.  
  1550. </style>
  1551. <body>
  1552.  
  1553.  
  1554.  
  1555. <!-- UPDATES -->
  1556.  
  1557. <!-- LINKS -->
  1558. <div class="star1">
  1559. <a href="/" title="refresh">★</a>
  1560. </div>
  1561. <div class="star2">
  1562. <a href="#?w=450" rel="askform" class="poplight" title="inquire">★</a>
  1563. </div>
  1564. <div class="star3">
  1565. <a href="#?w=10" rel="01" class="poplight" title="rules">★</a>
  1566. </div>
  1567. <div class="star4">
  1568. <a href="#?w=10" rel="02" class="poplight" title="about">★</a>
  1569. </div>
  1570. <div class="star5">
  1571. <a href="#?w=10" rel="03" class="poplight" title="verses">★</a>
  1572. </div>
  1573. <div class="star6">
  1574. <a href="#?w=10" rel="04" class="poplight" title="connections">★</a>
  1575. </div>
  1576. <div class="star7">
  1577. <a href="#?w=10" rel="05" class="poplight" title="navigation">★</a>
  1578. </div>
  1579.  
  1580.  
  1581. <!-- LINKS -->
  1582.  
  1583.  
  1584. <!-- UPDATES -->
  1585.  
  1586. <div id="sidebar">
  1587. <center>
  1588. <h4>This is <b>H4</b> cause pre succ as fucc. You can make it long, you can make it short, too!</h4>
  1589. <hr>
  1590. <center><br><a href="/tagged/( . )"><i>Can you hear my heart beat?</i></a></center>
  1591. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1592. <hr>
  1593. <pre>This other is pre
  1594. <br> you need to do
  1595. <br> a little jump
  1596. <br> cause it cut
  1597. <br> when its too long.
  1598. </pre>
  1599. <hr>
  1600. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1601. <hr>
  1602. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1603.  
  1604.  
  1605. </center></center>
  1606. </div>
  1607.  
  1608.  
  1609. <!-- UPDATES -->
  1610.  
  1611.  
  1612. <!-- POP UPS -->
  1613.  
  1614.  
  1615. <!---- ASK FORM POP UP ---->
  1616. <div id="askform" class="popup_block">
  1617. <div class="contenido">
  1618. <pre> <i>MESSAGES.</i> </pre>
  1619. <iframe frameborder="0" height="240" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%"></iframe>
  1620. <pre> <i>SUBMIT.</i> </pre>
  1621. <iframe frameborder="0" height="380" id="submit_form" scrolling="yes" src="https://www.tumblr.com/submit_form/{name}.tumblr.com" width="100%"></iframe>
  1622. </div></div>
  1623.  
  1624.  
  1625. <!---- RULES POP UP TAB ---->
  1626. <div id="01" class="popup_block">
  1627. <div class="contenido">
  1628. <br>
  1629. <h4>RULES IN HERE</h4>
  1630. dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1631. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1632. <hr>
  1633. <br>Make it long, put a quote or something!
  1634. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1635. <hr>
  1636. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1637. <hr>
  1638. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1639. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1640. <hr>
  1641. <br>Make it long, put a quote or something!
  1642. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1643. <hr>
  1644. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1645. <hr>
  1646. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1647.  
  1648. </div></div>
  1649.  
  1650.  
  1651. <!---- ABOUT POP UP TAB ---->
  1652.  
  1653. <div id="02" class="popup_block">
  1654. <div class="contenido">
  1655. <br>
  1656. <h4>ABOUT IN HERE</h4>
  1657. dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1658. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1659. <hr>
  1660. <br>Make it long, put a quote or something!
  1661. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1662. <hr>
  1663. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1664. <hr>
  1665. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.
  1666. dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1667. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1668. <hr>
  1669. <br>Make it long, put a quote or something!
  1670. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1671. <hr>
  1672. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1673. <hr>
  1674. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1675. </div></div>
  1676.  
  1677.  
  1678.  
  1679. <!---- VERSES POP UP TAB ---->
  1680.  
  1681.  
  1682. <div id="03" class="popup_block">
  1683. <div class="contenido">
  1684. <br><br>
  1685. <hr>
  1686. <br><br>
  1687.  
  1688. <!---- VERSE BOX 1 ---->
  1689.  
  1690. <div class="links_list">
  1691. <p class="links_head">read more +</p>
  1692. <div class="links_body">
  1693.  
  1694. <pre>Verse name in here</pre>
  1695. <div class="pic"><img src="https://static.tumblr.com/6za7fhh/OPEoxqus1/angheledis.png"><p>
  1696. <b>Name</b>:
  1697. <br><b>faceclaim</b>:
  1698. <br><b>Age</b>:
  1699. <br><b>Place of Birth</b>:
  1700. <u>Physical description:</u>
  1701. <br><b>Height</b>:
  1702. <br><b>Weight</b>:.
  1703. <br><b>Hair color</b>:
  1704. <br><b>Eyes color</b>:
  1705. <br>
  1706. <center><br><a href="/tagged/( . )"><i>Can you hear my heart beat?</i></a></center>
  1707. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1708.  
  1709. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1710.  
  1711. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1712. </div></div></div>
  1713.  
  1714.  
  1715. <!---- VERSE BOX 2 ---->
  1716.  
  1717. <div class="links_list">
  1718. <p class="links_head">read more +</p>
  1719. <div class="links_body">
  1720.  
  1721. <pre>Verse name in here</pre>
  1722.  
  1723. <div class="pic"><img src="https://static.tumblr.com/6za7fhh/OPEoxqus1/angheledis.png"><p>
  1724. <b>Name</b>:
  1725. <br><b>faceclaim</b>:
  1726. <br><b>Age</b>:
  1727. <br><b>Place of Birth</b>:
  1728. <u>Physical description:</u>
  1729. <br><b>Height</b>:
  1730. <br><b>Weight</b>:.
  1731. <br><b>Hair color</b>:
  1732. <br><b>Eyes color</b>:
  1733. <br>
  1734. <center><br><a href="/tagged/( . )"><i>Can you hear my heart beat?</i></a></center>
  1735. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1736.  
  1737. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1738.  
  1739. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1740. </div></div></div>
  1741.  
  1742.  
  1743. <!---- VERSE BOX 3 ---->
  1744.  
  1745. <div class="links_list">
  1746. <p class="links_head">read more +</p>
  1747. <div class="links_body">
  1748.  
  1749. <pre>Verse name in here</pre>
  1750. <div class="pic"><img src="https://static.tumblr.com/6za7fhh/OPEoxqus1/angheledis.png"><p>
  1751. <b>Name</b>:
  1752. <br><b>faceclaim</b>:
  1753. <br><b>Age</b>:
  1754. <br><b>Place of Birth</b>:
  1755. <u>Physical description:</u>
  1756. <br><b>Height</b>:
  1757. <br><b>Weight</b>:.
  1758. <br><b>Hair color</b>:
  1759. <br><b>Eyes color</b>:
  1760. <br>
  1761. <center><br><a href="/tagged/( . )"><i>Can you hear my heart beat?</i></a></center>
  1762. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1763.  
  1764. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1765.  
  1766. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1767. </div></div></div>
  1768.  
  1769.  
  1770. <!---- VERSE BOX 4 ---->
  1771.  
  1772. <div class="links_list">
  1773. <p class="links_head">read more +</p>
  1774. <div class="links_body">
  1775.  
  1776. <pre>Verse name in here</pre>
  1777. <div class="pic"><img src="https://static.tumblr.com/6za7fhh/OPEoxqus1/angheledis.png"><p>
  1778. <b>Name</b>:
  1779. <br><b>faceclaim</b>:
  1780. <br><b>Age</b>:
  1781. <br><b>Place of Birth</b>:
  1782. <u>Physical description:</u>
  1783. <br><b>Height</b>:
  1784. <br><b>Weight</b>:.
  1785. <br><b>Hair color</b>:
  1786. <br><b>Eyes color</b>:
  1787. <br>
  1788. <center><br><a href="/tagged/( . )"><i>Can you hear my heart beat?</i></a></center>
  1789. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1790.  
  1791. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1792.  
  1793. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1794. </div></div></div>
  1795.  
  1796.  
  1797. <!---- VERSE BOX 5 ---->
  1798.  
  1799. <div class="links_list">
  1800. <p class="links_head">read more +</p>
  1801. <div class="links_body">
  1802.  
  1803. <pre>Verse name in here</pre>
  1804. <div class="pic"><img src="https://static.tumblr.com/6za7fhh/OPEoxqus1/angheledis.png"><p>
  1805. <b>Name</b>:
  1806. <br><b>faceclaim</b>:
  1807. <br><b>Age</b>:
  1808. <br><b>Place of Birth</b>:
  1809. <u>Physical description:</u>
  1810. <br><b>Height</b>:
  1811. <br><b>Weight</b>:.
  1812. <br><b>Hair color</b>:
  1813. <br><b>Eyes color</b>:
  1814. <br>
  1815. <center><br><a href="/tagged/( . )"><i>Can you hear my heart beat?</i></a></center>
  1816. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1817.  
  1818. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1819.  
  1820. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1821. </div></div></div>
  1822.  
  1823.  
  1824. <!---- VERSE BOX 6 ---->
  1825.  
  1826. <div class="links_list">
  1827. <p class="links_head">read more +</p>
  1828. <div class="links_body">
  1829.  
  1830. <pre>Verse name in here</pre>
  1831. <div class="pic"><img src="https://static.tumblr.com/6za7fhh/OPEoxqus1/angheledis.png"><p>
  1832. <b>Name</b>:
  1833. <br><b>faceclaim</b>:
  1834. <br><b>Age</b>:
  1835. <br><b>Place of Birth</b>:
  1836. <u>Physical description:</u>
  1837. <br><b>Height</b>:
  1838. <br><b>Weight</b>:.
  1839. <br><b>Hair color</b>:
  1840. <br><b>Eyes color</b>:
  1841. <br>
  1842. <center><br><a href="/tagged/( . )"><i>Can you hear my heart beat?</i></a></center>
  1843. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1844.  
  1845. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1846.  
  1847. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1848. </div></div></div>
  1849.  
  1850.  
  1851. <!---- VERSE BOX 7 ---->
  1852.  
  1853. <div class="links_list">
  1854. <p class="links_head">read more +</p>
  1855. <div class="links_body">
  1856.  
  1857. <pre>Verse name in here</pre>
  1858. <div class="pic"><img src="https://static.tumblr.com/6za7fhh/OPEoxqus1/angheledis.png"><p>
  1859. <b>Name</b>:
  1860. <br><b>faceclaim</b>:
  1861. <br><b>Age</b>:
  1862. <br><b>Place of Birth</b>:
  1863. <u>Physical description:</u>
  1864. <br><b>Height</b>:
  1865. <br><b>Weight</b>:.
  1866. <br><b>Hair color</b>:
  1867. <br><b>Eyes color</b>:
  1868. <br>
  1869. <center><br><a href="/tagged/( . )"><i>Can you hear my heart beat?</i></a></center>
  1870. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1871.  
  1872. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1873.  
  1874. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1875. </div></div></div>
  1876.  
  1877.  
  1878. <!---- VERSE BOX 8 ---->
  1879.  
  1880. <div class="links_list">
  1881. <p class="links_head">read more +</p>
  1882. <div class="links_body">
  1883.  
  1884. <pre>Verse name in here</pre>
  1885. <div class="pic"><img src="https://static.tumblr.com/6za7fhh/OPEoxqus1/angheledis.png"><p>
  1886. <b>Name</b>:
  1887. <br><b>faceclaim</b>:
  1888. <br><b>Age</b>:
  1889. <br><b>Place of Birth</b>:
  1890. <u>Physical description:</u>
  1891. <br><b>Height</b>:
  1892. <br><b>Weight</b>:.
  1893. <br><b>Hair color</b>:
  1894. <br><b>Eyes color</b>:
  1895. <br>
  1896. <center><br><a href="/tagged/( . )"><i>Can you hear my heart beat?</i></a></center>
  1897. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1898.  
  1899. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1900.  
  1901. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1902. </div></div></div>
  1903.  
  1904.  
  1905.  
  1906. <!---- VERSE BOX 9 ---->
  1907.  
  1908. <div class="links_list">
  1909. <p class="links_head">read more +</p>
  1910. <div class="links_body">
  1911.  
  1912. <pre>Verse name in here</pre>
  1913. <div class="pic"><img src="https://static.tumblr.com/6za7fhh/OPEoxqus1/angheledis.png"><p>
  1914. <b>Name</b>:
  1915. <br><b>faceclaim</b>:
  1916. <br><b>Age</b>:
  1917. <br><b>Place of Birth</b>:
  1918. <u>Physical description:</u>
  1919. <br><b>Height</b>:
  1920. <br><b>Weight</b>:.
  1921. <br><b>Hair color</b>:
  1922. <br><b>Eyes color</b>:
  1923. <br>
  1924. <center><br><a href="/tagged/( . )"><i>Can you hear my heart beat?</i></a></center>
  1925. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1926.  
  1927. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1928.  
  1929. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1930. </div></div></div>
  1931.  
  1932.  
  1933.  
  1934. <!---- VERSE BOX 10 ---->
  1935.  
  1936. <div class="links_list">
  1937. <p class="links_head">read more +</p>
  1938. <div class="links_body">
  1939.  
  1940. <pre>Verse name in here</pre>
  1941. <div class="pic"><img src="https://static.tumblr.com/6za7fhh/OPEoxqus1/angheledis.png"><p>
  1942. <b>Name</b>:
  1943. <br><b>faceclaim</b>:
  1944. <br><b>Age</b>:
  1945. <br><b>Place of Birth</b>:
  1946. <u>Physical description:</u>
  1947. <br><b>Height</b>:
  1948. <br><b>Weight</b>:.
  1949. <br><b>Hair color</b>:
  1950. <br><b>Eyes color</b>:
  1951. <br>
  1952. <center><br><a href="/tagged/( . )"><i>Can you hear my heart beat?</i></a></center>
  1953. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1954.  
  1955. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1956.  
  1957. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1958. </div></div></div>
  1959. </div></div>
  1960.  
  1961.  
  1962. <!---- VERSES POP UP TAB ---->
  1963.  
  1964.  
  1965. <div id="04" class="popup_block">
  1966. <div class="contenido">
  1967.  
  1968. <!---- CONNECTIONS POP UP TAB ---->
  1969.  
  1970. <li>
  1971. <div class="contenido">
  1972.  
  1973. <br><br>
  1974.  
  1975. <!---- CONNECTIONS 1 ---->
  1976.  
  1977. <div class="pic1"><img src="https://static.tumblr.com/6za7fhh/aoqp3mbbz/sv.png"><p>
  1978. <center><br><a href="BLOG URL"><i>BLOG NAME OR SOMETHING YOU CAN PUT WHAT EVER YOU LIKE </i></a></center>
  1979. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1980.  
  1981. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1982.  
  1983. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p></div>
  1984.  
  1985. <!---- CONNECTIONS 2 ---->
  1986.  
  1987. <br><br>
  1988.  
  1989. <div class="pic2"><img src="https://static.tumblr.com/6za7fhh/aoqp3mbbz/sv.png"><p>
  1990. <center><br><a href="BLOG URL"><i>BLOG NAME OR SOMETHING YOU CAN PUT WHAT EVER YOU LIKE </i></a></center>
  1991. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1992.  
  1993. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1994.  
  1995. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p></div>
  1996.  
  1997. <!---- CONNECTIONS 3 ---->
  1998.  
  1999. <br><br>
  2000.  
  2001. <div class="pic1"><img src="https://static.tumblr.com/6za7fhh/aoqp3mbbz/sv.png"><p>
  2002. <center><br><a href="BLOG URL"><i>BLOG NAME OR SOMETHING YOU CAN PUT WHAT EVER YOU LIKE </i></a></center>
  2003. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  2004.  
  2005. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  2006.  
  2007. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p></div>
  2008.  
  2009. <!---- CONNECTIONS 4 ---->
  2010.  
  2011. <br><br>
  2012.  
  2013. <div class="pic2"><img src="https://static.tumblr.com/6za7fhh/aoqp3mbbz/sv.png"><p>
  2014. <center><br><a href="BLOG URL"><i>BLOG NAME OR SOMETHING YOU CAN PUT WHAT EVER YOU LIKE </i></a></center>
  2015. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  2016.  
  2017. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  2018.  
  2019. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p></div>
  2020.  
  2021. <!---- CONNECTIONS 5 ---->
  2022.  
  2023. <br><br>
  2024.  
  2025. <div class="pic1"><img src="https://static.tumblr.com/6za7fhh/aoqp3mbbz/sv.png"><p>
  2026. <center><br><a href="BLOG URL"><i>BLOG NAME OR SOMETHING YOU CAN PUT WHAT EVER YOU LIKE </i></a></center>
  2027. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  2028.  
  2029. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  2030.  
  2031. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p></div>
  2032.  
  2033. <!---- CONNECTIONS 6 ---->
  2034.  
  2035. <br><br>
  2036.  
  2037. <div class="pic2"><img src="https://static.tumblr.com/6za7fhh/aoqp3mbbz/sv.png"><p>
  2038. <center><br><a href="BLOG URL"><i>BLOG NAME OR SOMETHING YOU CAN PUT WHAT EVER YOU LIKE </i></a></center>
  2039. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  2040.  
  2041. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  2042.  
  2043. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p></div>
  2044.  
  2045. <!---- CONNECTIONS 7 ---->
  2046.  
  2047. <br><br>
  2048.  
  2049. <div class="pic1"><img src="https://static.tumblr.com/6za7fhh/aoqp3mbbz/sv.png"><p>
  2050. <center><br><a href="BLOG URL"><i>BLOG NAME OR SOMETHING YOU CAN PUT WHAT EVER YOU LIKE </i></a></center>
  2051. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  2052.  
  2053. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  2054.  
  2055. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p></div>
  2056.  
  2057. <!---- CONNECTIONS 8 ---->
  2058.  
  2059. <br><br>
  2060.  
  2061. <div class="pic2"><img src="https://static.tumblr.com/6za7fhh/aoqp3mbbz/sv.png"><p>
  2062. <center><br><a href="BLOG URL"><i>BLOG NAME OR SOMETHING YOU CAN PUT WHAT EVER YOU LIKE </i></a></center>
  2063. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  2064.  
  2065. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  2066.  
  2067. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p></div>
  2068.  
  2069. <!---- CONNECTIONS 9 ---->
  2070.  
  2071. <br><br>
  2072.  
  2073. <div class="pic1"><img src="https://static.tumblr.com/6za7fhh/aoqp3mbbz/sv.png"><p>
  2074. <center><br><a href="BLOG URL"><i>BLOG NAME OR SOMETHING YOU CAN PUT WHAT EVER YOU LIKE </i></a></center>
  2075. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  2076.  
  2077. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  2078.  
  2079. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p></div>
  2080.  
  2081. <!---- CONNECTIONS 10 ---->
  2082.  
  2083. <br><br>
  2084.  
  2085. <div class="pic2"><img src="https://static.tumblr.com/6za7fhh/aoqp3mbbz/sv.png"><p>
  2086. <center><br><a href="BLOG URL"><i>BLOG NAME OR SOMETHING YOU CAN PUT WHAT EVER YOU LIKE </i></a></center>
  2087. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  2088.  
  2089. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  2090.  
  2091. <p>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. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p></div>
  2092. </div></div>
  2093. </div></div>
  2094.  
  2095. <!---- CONNECTIONS POP UP TAB ---->
  2096.  
  2097.  
  2098. <div id="05" class="popup_block">
  2099. <div class="contenido">
  2100. <!---- NAVIGATION POP UP TAB ---->
  2101. <div class="contenido">
  2102. <h4>tags</h4>
  2103. <div class="navega">
  2104. <a href="/tagged/">stuff 1</a>
  2105. <a href="/tagged/">stuff 2</a>
  2106. </div>
  2107.  
  2108. <div class="navega">
  2109. <a href="/tagged/">stuff 3</a>
  2110. <a href="/tagged/">stuff 4</a>
  2111. </div>
  2112.  
  2113. <div class="navega">
  2114. <a href="/tagged/">stuff 5</a>
  2115. <a href="/tagged/">stuff 6</a>
  2116. </div>
  2117.  
  2118. <h4>tags</h4>
  2119.  
  2120. <div class="navega">
  2121. <a href="/tagged/">stuff 1</a>
  2122. <a href="/tagged/">stuff 2</a>
  2123. </div>
  2124.  
  2125. <div class="navega">
  2126. <a href="/tagged/">stuff 3</a>
  2127. <a href="/tagged/">stuff 4</a>
  2128. </div>
  2129.  
  2130. <div class="navega">
  2131. <a href="/tagged/">stuff 5</a>
  2132. <a href="/tagged/">stuff 6</a>
  2133. </div>
  2134.  
  2135. <h4>tags</h4>
  2136.  
  2137. <div class="navega">
  2138. <a href="/tagged/">stuff 1</a>
  2139. <a href="/tagged/">stuff 2</a>
  2140. </div>
  2141.  
  2142. <div class="navega">
  2143. <a href="/tagged/">stuff 3</a>
  2144. <a href="/tagged/">stuff 4</a>
  2145. </div>
  2146.  
  2147. <div class="navega">
  2148. <a href="/tagged/">stuff 5</a>
  2149. <a href="/tagged/">stuff 6</a>
  2150. </div>
  2151.  
  2152. <!---- NAVIGATION POP UP TAB ---->
  2153.  
  2154.  
  2155. </ul>
  2156. </font></font>
  2157. </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  2158.  
  2159. <!-- CREDIT -->
  2160.  
  2161. <div id="credit">
  2162.  
  2163. <a href="https://descarriado.tumblr.com/commissions" title="theme by María."> S</a>
  2164. </div>
  2165. <!-- CREDIT -->
  2166.  
  2167. <div id="pagination">{block:Pagination}
  2168. {block:NextPage}<a href="{NextPage}" title="GO FORWARD!">»</a>
  2169. {/block:NextPage}
  2170. {/block:Pagination}</div>
  2171.  
  2172. <div id="pagination2">{block:Pagination}
  2173. {block:PreviousPage}<a href="{PreviousPage}" title="GO BACK!">«</a>{/block:PreviousPage}
  2174. {/block:Pagination}</div>
  2175. <!-- POST AND CONTAINER -->
  2176. <div id="container">
  2177. {block:Posts}
  2178.  
  2179. <div id="posts">
  2180. {block:Text}<center><h1>{block:Title}{Title}{/block:Title}</h1></center>{Body}{/block:Text}
  2181. {block:Photo}
  2182.  
  2183. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  2184. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  2185.  
  2186. {block:Photoset}
  2187. {Photoset}{block:Caption}{Caption}{/block:Caption}
  2188. {/block:Photoset}
  2189.  
  2190. {block:Video}
  2191. <div class="video">{Video-500}{block:Caption}{Caption}{/block:Caption}</div>
  2192. {/block:Video}
  2193.  
  2194. <!-- POST AND CONTAINER -->
  2195.  
  2196. <!-- QUOTES, CHATS AND AUDIO -->
  2197.  
  2198. {block:Quote}<div class="quotemarkleft"; style=opacity:0.5;>“</div><div ID="quote">{Quote}{block:Source}<br><br> <div style="text-align: right;">— {Source}</div></div>{/block:Source}{/block:Quote}
  2199.  
  2200. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  2201.  
  2202. {block:Chat}
  2203. {block:Title}
  2204. <h2 style="margin-bottom:-4px;">{Title}</h2>
  2205. {/block:Title}
  2206. <div class="chat">
  2207. <ol>{block:Lines}
  2208. <li class="line {Alt}">
  2209. {block:Label}
  2210. <span class="label">
  2211. <b>{Label}</b></span>
  2212. {/block:Label}{Line}</li>
  2213. {/block:Lines}
  2214. </ol></blockquote></div>
  2215. {/block:Chat}
  2216.  
  2217.  
  2218. {block:Audio}
  2219. <div class="audio">{block:AlbumArt}
  2220. <img class="audio-album" src="{AlbumArtURL}">
  2221. {/block:AlbumArt}
  2222. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}
  2223. {/block:AudioPlayer}</div>
  2224. <div class="audio-info">
  2225. {block:TrackName}
  2226. <b>Title:</b> {TrackName}<BR>
  2227. {/block:TrackName}
  2228. {block:Artist}
  2229. <b>Artist:</b> {Artist}<BR>
  2230. {/block:Artist}
  2231. {block:Album}
  2232. <b>Album:</b> {Album}<BR>
  2233. {/block:Album}
  2234. <b>Played</b> <i>{PlayCount}</i> <b>times</b></div></div>
  2235. {block:Caption}<div class="caption">{Caption}</div>
  2236. {/block:Caption}
  2237. {/block:Audio}
  2238.  
  2239. <!-- QUOTES, CHATS AND AUDIO -->
  2240.  
  2241.  
  2242.  
  2243. <!-- QUESTIONS, INFO, TAGS AND POST NOTES -->
  2244.  
  2245. {block:Answer}
  2246. <div id="asker">
  2247. <br><div class="ppl">{Asker}</div>
  2248. <br><div class="assker">{Question}</div><br><p></div><p>
  2249. <div class="caption">{Answer}</div>
  2250. {/block:Answer}
  2251.  
  2252.  
  2253. <div id="info"></div>
  2254. <div id="info1"> <a href="{Permalink}" title="{TimeAgo} - {NoteCountwithlabel}."> ★ </a> </div>
  2255. <div id="info2"> <a href="{ReblogURL}" title="reblog?."> ✱ </a> </div>
  2256. <div id="info3"> {block:RebloggedFrom}<a title="↺ {ReblogParentName}" href="{ReblogParentURL}" >✦</a>{/block:RebloggedFrom} </div>
  2257. <div id="info4"> {block:ContentSource}
  2258. <a title="src. {SourceTitle}" href="{SourceURL}" target="_blank" title="{SourceTitle}"> ★ </a>
  2259. {/block:ContentSource}</div>
  2260.  
  2261.  
  2262. <div id="tags">
  2263. {block:HasTags}{block:Tags} <a href="/tagged/{Tag}" title="{Tag}">#{Tag}</a> {/block:Tags}{block:HasTags}
  2264. </div> </div>
  2265. <div class="postnote">
  2266. {block:PostNotes}{PostNotes}{/block:PostNotes}
  2267.  
  2268. </div>
  2269. {/block:Posts}
  2270. </div>
  2271. </div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  2272.  
  2273. <!-- QUESTIONS, INFO, TAGS AND POST NOTES -->
  2274.  
  2275.  
  2276.  
  2277. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  2278.  
  2279. </body>
  2280. </html>
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!