API tools faq
paste
Advertisement
tiffxny21

theme002

tiffxny21
Jan 29th, 2020
227
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!------------------------------ FONTS ------------------------------>
  4.  
  5. <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
  6. <link href="https://fonts.googleapis.com/css?family=Contrail+One" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">
  8. <link href="https://fonts.googleapis.com/css?family=IM+Fell+English+SC" rel="stylesheet">
  9. <link href="https://fonts.googleapis.com/css?family=Unica+One" rel="stylesheet">
  10. <link href="https://fonts.googleapis.com/css?family=Marck+Script" rel="stylesheet">
  11. <link href="https://fonts.googleapis.com/css?family=Mr+De+Haviland&display=swap" rel="stylesheet">
  12. <link href="https://fonts.googleapis.com/css?family=Ruthie&display=swap" rel="stylesheet">
  13.  
  14. <html>
  15. <!--
  16. BASE CODE
  17. https://fratdadbase.tumblr.com/
  18.  
  19. * BASE CODE 002. BY ZORRA VIA BRIDGETOWAKANDABASECODES
  20. * IF YOU HAVE ANY QUESTIONS, PLEASE SEND ME AN ASK
  21. * THIS CODE IS FOR ROLELAY USE. YOU MAY ADJUST AND MODIFY ANY WAY YOU'D LIKE
  22. * BUT PLEASE DO NOT CLAIME AS YOUR OWN, STEAL PARTS OF MY CODE, OR REDISTRUBE.
  23. -->
  24.  
  25.  
  26. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  27. <head>
  28. <title>{Title}</title>
  29. <link rel="shortcut icon" href="{Favicon}">
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31. {block:Description}
  32. <meta name="description" content="{MetaDescription}" />
  33. {/block:Description}
  34.  
  35.  
  36. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  37.  
  38. <!------------------------------ SCRIPTS ----------------------------->
  39. <!------------------------------ POPUP ------------------------------>
  40.  
  41.  
  42. <script type="text/javascript"
  43. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  44. <script>
  45. $(document).ready(function() {
  46. //
  47. $('a.poplight[href^=#]').click(function() {
  48. var popID = $(this).attr('rel'); //Get Popup Name
  49. var popURL = $(this).attr('href'); //Get Popup href to define size
  50. var query= popURL.split('?');
  51. var dim= query[1].split('&');
  52. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  53. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">');
  54. var popMargTop = ($('#' + popID).height() + 80) / 2;
  55. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  56. //Apply Margin to Popup
  57. $('#' + popID).css({
  58. 'margin-top' : -popMargTop,
  59. 'margin-left' : -popMargLeft
  60. });
  61. $('body').append('<div id="fade"></div>');
  62. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  63. return false;
  64. });
  65. $('a.close, #fade').live('click', function() {
  66. $('#fade , .popup_block').fadeOut(function() {
  67. $('#fade, a.close').remove(); //fade them both out
  68. });
  69. return false;
  70. });
  71. });
  72. </script>
  73.  
  74.  
  75.  
  76.  
  77. <!----------------------------- TOOLTLIP ----------------------------->
  78.  
  79.  
  80. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  81. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  82. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  83. <script>
  84. (function($){
  85. $(document).ready(function(){
  86. $("[title]").style_my_tooltips({
  87. tip_follows_cursor:true,
  88. tip_delay_time:200,
  89. tip_fade_speed:500
  90. });
  91. });
  92. })(jQuery);
  93. </script>
  94.  
  95.  
  96.  
  97. <!------------------------------ TABS ------------------------------>
  98.  
  99.  
  100. <script>
  101. $(document).ready(function(){
  102. $("ul#tabs li").click(function(e){
  103. if (!$(this).hasClass("active")) {
  104. var tabNum = $(this).index();
  105. var nthChild = tabNum+1;
  106. $("ul#tabs li.active").removeClass("active");
  107. $(this).addClass("active");
  108. $("ul#tab li.active").removeClass("active");
  109. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  110. }
  111. });
  112. });
  113. </script>
  114.  
  115.  
  116.  
  117.  
  118. </head>
  119.  
  120. <!---------------------------- META DATA ----------------------------->
  121. <meta name="text:character name" content="Yozora"/>
  122. <meta name="text:blog type" content="Indie. Priv. Selc."/>
  123. <meta name="text:Quote" content="Quote Here" />
  124.  
  125. <meta name="text:Starters" content="00"/>
  126. <meta name="text:Drafts" content="00"/>
  127. <meta name="text:Memes" content="00"/>
  128. <meta name="text:Queue" content="00"/>
  129.  
  130. <meta name="text:Penname" content="zorra"/>
  131.  
  132.  
  133.  
  134. <meta name="text:Rules Title" content="UNIVERSAL LAW"/>
  135. <meta name="text:Rules" content="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."/>
  136.  
  137.  
  138.  
  139.  
  140.  
  141. <meta name="text:About Title" content="BASICS"/>
  142. <meta name="text:About" content="<h2>The Basics</h2>
  143.  
  144. <p><strong>FULL NAME:</strong> INPUT HERE<br />
  145. <strong>RANK:</strong> INPUT HERE<br />
  146. <strong>DOB:</strong> INPUT HERE<br />
  147. <strong>POB:</strong> INPUT HERE<br />
  148. <strong>HOME TOWN:</strong> INPUT HERE<br />
  149. <strong>SEX:</strong> INPUT HERE<br />
  150. <strong>ORIENTATION:</strong> INPUT HERE<br />
  151. <strong>MARITAL STATUS:</strong> INPUT HERE<br />
  152. <strong>KNOWN LANGUAGES:</strong> INPUT HERE<br />
  153. <strong>EDUCATION:</strong> INPUT HERE<br />
  154. <strong>CURRENT OCCUPATION:</strong> INPUT HERE<br />
  155. <strong>PREVIOUS LOCATIONS:</strong> INPUT HERE</p>
  156.  
  157. <h2>Family</h2>
  158.  
  159. <p><strong>MOTHER:</strong> INPUT HERE<br />
  160. <strong>FATHER:</strong> INPUT HERE<br />
  161. <strong>BROTHER:</strong> INPUT HERE<br />
  162. <strong>SISTER:</strong> INPUT HERE <br />
  163.  
  164. <h2>Traits</h2>
  165.  
  166. <p><strong>HAIR / EYES:</strong> INPUT HERE<br />
  167. <strong>HEIGHT / WEIGHT:</strong> INPUT HERE<br />
  168. <strong>BODY TYPE / SKINTONE:</strong> INPUT HERE<br />
  169. <strong>NOTABLE MARKINGS:</strong>INPUT HERE<br />
  170. <strong>FACE CLAIMS:</strong> INPUT HERE</p>"/>
  171.  
  172. <meta name="text:Biography Title" content="ABOUT YOUR CHARACTER"/>
  173. <meta name="text:Biography" content="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."/>
  174.  
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181. <meta name="image:Main Verse1" content="https://i.imgur.com/lybbncy.png"/>
  182. <meta name="image:Main Verse2" content="https://i.imgur.com/lybbncy.png"/>
  183. <meta name="image:Main Verse3" content="https://i.imgur.com/lybbncy.png"/>
  184. <meta name="image:Main Verse4" content="https://i.imgur.com/lybbncy.png"/>
  185.  
  186. <meta name="image:Alt Verse1" content="https://i.imgur.com/lybbncy.png"/>
  187. <meta name="image:Alt Verse2" content="https://i.imgur.com/lybbncy.png"/>
  188. <meta name="image:Alt Verse3" content="https://i.imgur.com/lybbncy.png"/>
  189. <meta name="image:Alt Verse4" content="https://i.imgur.com/lybbncy.png"/>
  190.  
  191.  
  192.  
  193.  
  194.  
  195.  
  196. <meta name="text:M Verse1 Title" content="Verse 1"/>
  197. <meta name="text:M Verse1" content="ELorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."/>
  198.  
  199. <meta name="text:M Verse2 Title" content="Verse 2"/>
  200. <meta name="text:M Verse2" content="ELorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."/>
  201.  
  202. <meta name="text:M Verse3 Title" content="Verse 3"/>
  203. <meta name="text:M Verse3" content="ELorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."/>
  204.  
  205. <meta name="text:M Verse4 Title" content="Verse 4"/>
  206. <meta name="text:M Verse4" content="ELorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."/>
  207.  
  208.  
  209.  
  210. <meta name="text:A Verse1 Title" content="Verse 1"/>
  211. <meta name="text:A Verse1" content="ELorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."/>
  212.  
  213. <meta name="text:A Verse2 Title" content="Verse 2"/>
  214. <meta name="text:A Verse2" content="ELorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."/>
  215.  
  216. <meta name="text:A Verse3 Title" content="Verse 3"/>
  217. <meta name="text:A Verse3" content="ELorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."/>
  218.  
  219. <meta name="text:A Verse4 Title" content="Verse 4"/>
  220. <meta name="text:A Verse4" content="ELorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."/>
  221.  
  222.  
  223.  
  224. <meta name="color:background" content="#242424" />
  225. <meta name="color:italic" content="#c8131f" />
  226. <meta name="color:bold" content="#853238" />
  227. <meta name="color:blockquote" content="#cb4d56" />
  228.  
  229.  
  230.  
  231. <style type="text/css">
  232.  
  233.  
  234.  
  235.  
  236.  
  237. /*---------------------------- SCROLL BAR ---------------------------*/
  238. ::-webkit-scrollbar {
  239. width: 2px;
  240. height: 2px;
  241. }
  242. ::-webkit-scrollbar-button {
  243. width: 0px;
  244. height: 0px;
  245. }
  246. ::-webkit-scrollbar-thumb {
  247. background: transparent;
  248. border: 0px none #a68b7c;
  249. border-radius: 50px;
  250. }
  251. ::-webkit-scrollbar-thumb:hover {
  252. background: transparent;
  253. }
  254. ::-webkit-scrollbar-thumb:active {
  255. background: transparent;
  256. }
  257. ::-webkit-scrollbar-track {
  258. background: transparent;
  259. border: 0px none #a68b7c;
  260. border-radius: 0px;
  261. }
  262. ::-webkit-scrollbar-track:hover {
  263. background:transparent;
  264. }
  265. ::-webkit-scrollbar-track:active {
  266. background: transparent;
  267. }
  268. ::-webkit-scrollbar-corner {
  269. background: transparent;
  270. }
  271.  
  272.  
  273.  
  274. /*cursor code, change image to change cursor*/
  275. /*find more at http://pixel-soup.tumblr.com/tagged/cursors */
  276.  
  277. *, body, a { cursor:url("https://i.imgur.com/edDSBzJ.png"), auto }
  278. a:hover { cursor:url("https://66.media.tumblr.com/01c64847d0c961a64907d841ca35d3a8/38ab7f2c2f5ff87e-ba/s75x75_c1/9c574cebec3c7d899968deb227047dbcfb97e722.gifv"), auto } /*this defines the pointer cursor*/
  279.  
  280.  
  281.  
  282. /*---------------------------- SELECTION ---------------------------*/
  283.  
  284. ::SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  285. ::-MOZ-SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  286.  
  287.  
  288.  
  289. /*---------------------------- BODY ---------------------------*/
  290.  
  291. body {
  292. background-color:{color:background};
  293. background-image:url('https://i.imgur.com/GT6acTh.png');
  294. background-repeat: no-repeat;
  295. font-family: calibri;
  296. font-size: 11px;
  297. text-align: justify;
  298. color:#e7e5d1;
  299. }
  300.  
  301.  
  302.  
  303. /*--ASKS--*/
  304.  
  305. /* ASK DESIGN */
  306.  
  307. #asker {
  308. font-family: 'Montserrat', sans-serif;
  309. text-transform:uppercase;
  310. font-style:normal;
  311. text-shadow: 0px 0px 1px #111;
  312. margin-left:65px;
  313. margin-top:-55px;
  314. font-size:13px;
  315. }
  316.  
  317. #asker a {
  318. font-family: 'Mr De Haviland', cursive;
  319. text-transform:none;
  320. font-style:normal;
  321. text-shadow: 0px 0px 1px #111;
  322. font-size:30px;
  323. }
  324.  
  325. #askerline {
  326. font-family: 'Montserrat', sans-serif;
  327. color:#3e3d9d;
  328. font-size:9px;
  329. text-transform:uppercase;
  330. margin-left:65px;
  331. text-shadow: 0px 0px 1px #111;
  332. }
  333.  
  334. #question {
  335. background-image: url('');
  336. background-repeat:repeat;
  337. margin-top:12px;
  338. width:225px;
  339. background-color:#202020;
  340. border-left: solid 2px #3e3d9d;
  341. border-right: solid 2px #3e3d9d;
  342. padding:7px;
  343. text-transform:uppercase;
  344. text-align:center;
  345. letter-spacing:1px;
  346. font-size:7px;
  347. font-weight:900;
  348. font-family:trebuchet ms;
  349. color:#fff;
  350. text-shadow:0 0 1px #000;
  351. }
  352.  
  353. #answer {
  354. margin-top:20px;
  355. }
  356.  
  357.  
  358. iframe#ask_form {
  359. min-height:270px;
  360.  
  361.  
  362. }
  363.  
  364.  
  365. /*------------------------ CONTAINER & POSTS ------------------------*/
  366.  
  367. #entries {
  368. background-color:#transparent;
  369. border: 0px solid #3b3b3b;
  370. width:250px;
  371. height:500px;
  372. top:230px;
  373. padding: 5px;
  374. margin-left: 450px;
  375. position:relative;
  376. overflow-y:scroll;
  377. overflow-x:hidden;
  378. -webkit-mask-image: -webkit-gradient(
  379. linear, center 75%, center bottom,
  380. from(rgba(0,0,0,20)),
  381. to(rgba(20,0,0,0)))
  382. }
  383.  
  384.  
  385. #entries img {
  386. height:auto;
  387. max-width:100%;
  388. }
  389.  
  390. #post img {
  391. height: auto;
  392. max-width: 100%;
  393. }
  394.  
  395.  
  396. #posts {
  397. width:250px;
  398. background-color: #222;
  399. padding-bottom:0px;
  400. overflow-y:scroll;
  401. overflow-x:hidden;
  402. }
  403.  
  404.  
  405.  
  406.  
  407.  
  408. /*---------------------------- NAVIGATION ---------------------------*/
  409.  
  410. .links {
  411. top: 175px;
  412. left: 855px;
  413. position: fixed;
  414. width: auto
  415. height: auto;
  416. }
  417.  
  418.  
  419.  
  420. /*---------------------------- SIDEBOX ---------------------------*/
  421.  
  422. #sidebox {
  423. position: fixed;
  424. background-color: {color:background};
  425. border: 1px solid #3b3b3b;
  426. padding: 10px;
  427. top: 200px;
  428. left: 880px;
  429. width: 220px;
  430. height: 250px;
  431. overflow: auto;
  432. z-index: 1;
  433. opacity:0;
  434. }
  435.  
  436. #sidebox:hover {
  437. opacity: 1;
  438. -moz-transition-duration:.6s;
  439. -webkit-transition-duration:.6s;
  440. -o-transition-duration:.6s;
  441. }
  442.  
  443. .sideboxtitle {
  444. position: fixed;
  445. color: #fff;
  446. font-family: 'Marck Script', cursive;
  447. font-size: 12px;
  448. text-shadow: 1px 1px 5px #fff;
  449. text-transform: none;
  450. top: 250px;
  451. left: 850px;
  452. }
  453.  
  454. .sideboxtitle:hover {
  455. opacity: 0;
  456. -moz-transition-duration:.6s;
  457. -webkit-transition-duration:.6s;
  458. -o-transition-duration:.6s;
  459. }
  460. /*---------------------------- CREDIT ---------------------------*/
  461.  
  462. .credit {
  463. left: 98%;
  464. top: 95%;
  465. width: 50px;
  466. height: 50px;
  467. position: fixed;
  468. }
  469.  
  470. a.credit, a.credit:link, a.credit:active, a.credit:visited{
  471. text-decoration: none;
  472. color: #312a2a;
  473. text-transform: none;
  474. font-family: 'Contrail One', cursive;
  475. font-size: 14px;
  476. -moz-transition-duration:.6s;
  477. -webkit-transition-duration:.6s;
  478. -o-transition-duration:.6s;
  479. -webkit-filter: blur(0px);
  480.  
  481. }
  482.  
  483. a.credit:hovor {
  484. color: #2e2727;
  485. font-family: 'Contrail One', cursive;
  486. letter-spacing: 0px;
  487. -moz-transition-duration:.6s;
  488. -webkit-transition-duration:.6s;
  489. -o-transition-duration:.6s;
  490. -webkit-filter: blur(0px); }
  491.  
  492.  
  493.  
  494. /*---------------------------- FANCY FONT ---------------------------*/
  495.  
  496. h1 {
  497. font-size:30px;
  498. font-family: times;
  499. font-weight:400;
  500. color:#fff;
  501. text-shadow: 1px 1px 5px #fff;
  502. background-color: #17214b;
  503. border-right: 15px solid #939dc3;
  504. display:block;
  505. margin-top: 20px;
  506. text-align:right;
  507. text-transform:uppercase;
  508. padding-right:20px;
  509. letter-spacing:1px;
  510.  
  511. }
  512.  
  513. h2 {
  514. font-size:12px
  515. font-family: 'Marck Script', cursive;
  516. color:#ffffff;
  517. text-shadow: 0px 0px 5px #ffffff;
  518. text-align: center;
  519. text-transform:none;
  520. letter-spacing:2px;
  521. margin:0, 0, 5px, 0;
  522. padding:5px;
  523. }
  524.  
  525.  
  526. h3 {
  527. background-image: url('https://i.imgur.com/1NSRege.png');
  528. background-position:top;
  529. background-attachment:fixed;
  530. border: double 3px #000;
  531. padding:10px;
  532. color:#ffffff;
  533. overflow: auto;
  534. text-shadow:1px 1px 2px #000,
  535. font-size:15px;
  536. font-family:calibri;
  537. text-transform:uppercase;
  538. letter-spacing:1px;
  539. text-align:center;
  540. }
  541.  
  542.  
  543. h4 {
  544. outline: 1px solid #000;
  545. outline-offset: 3px;
  546. padding-top:5px;
  547. display:block;
  548. padding-bottom:5px;
  549. width:auto;
  550. font-size:9px;
  551. font-family:verdana;
  552. margin-top:10px;
  553. text-transform:uppercase;
  554. border-radius:0px;
  555. background: {color:chatone} url('https://i.imgur.com/1NSRege.png');
  556. background-attachment:fixed;
  557. text-align:center;
  558. text-shadow:
  559. 1px 1px 0px #000,
  560. 1px -1px 0px #000,
  561. -1px -1px 0px #000,
  562. -1px 1px 0px #000,
  563. 0px 1px 0px #000,
  564. 0px -1px 0px #000,
  565. 1px 0px 0px #000,
  566. -1px 0px 0px #000,
  567. 0px 0px 5px #000;}
  568.  
  569.  
  570. i, italic, em {
  571. font-family: 'Ruthie', cursive;
  572. font-size: 15px;
  573. font-weight:900;
  574. text-transform: italic;
  575. line-height:90%;
  576. color:{color:italic};
  577. text-shadow:0px 0px 4px #b2b2b2;
  578. text-transform:none;
  579. letter-spacing:1px;
  580.  
  581. }
  582.  
  583. b, bold, strong {
  584. font-size:10px;
  585. font-family: 'Permanent Marker', cursive;
  586. color:{color:bold};
  587. text-transform:lowercase;
  588.  
  589. }
  590. u, underline {font:8px 'Fjalla One'; font-weight:400; color:#79b4a8; text-transform:uppercase; letter-spacing:1px;}
  591.  
  592. p {
  593. margin-top:5px;
  594. margin-bottom:5px;}
  595.  
  596.  
  597. ol {
  598. list-style:normal;}
  599.  
  600.  
  601. ul {
  602. list-style:square;}
  603.  
  604.  
  605. small {
  606. font-size:10px}
  607.  
  608.  
  609. sup,sub {
  610. font-size:11px}
  611.  
  612.  
  613. pre {
  614. font-size: 12px;
  615. border-left: 3px solid {color:blockquote};
  616. padding: 5px;
  617. font-family: courier new;
  618. font-style: none;
  619. background-image: url('https://i.imgur.com/miUtZAp.gif');
  620. text-transform: uppercase;
  621. text-align:left;
  622. white-space: pre-wrap;
  623. white-space: -moz-pre-wrap;
  624. white-space: -pre-wrap;
  625. white-space: -o-pre-wrap;
  626. word-wrap: break-word;
  627. }
  628.  
  629.  
  630.  
  631.  
  632. blockquote {
  633. padding:2px 7px;
  634. padding-right:17px;
  635. margin:3px 0 3px 10px;
  636. border-left:1px solid {color:blockquote};
  637. -webkit-border-radius: 10px;
  638. }
  639.  
  640.  
  641. blockquote img{
  642. max-width:100%;
  643. height:auto;
  644. }
  645.  
  646. blockquote blockquote img{
  647. max-width:100%;
  648. height:auto;
  649. }
  650.  
  651.  
  652.  
  653.  
  654. t, title {
  655. size: 15px;
  656. color: 222;
  657. letter-spacing: 2px;
  658. font: times;
  659. }
  660.  
  661. quotetext {
  662. font-family: times;
  663. font-size: 20px;
  664. line-height: 21px;
  665. letter-spacing: 2px;
  666. text-align: center;
  667. text-transform:uppercase;
  668. color: #fff;
  669. text-shadow: 3px 1px 1px #79b4a8;
  670. }
  671.  
  672. quotations {
  673. font: courier;
  674. font-size: 30px;
  675. color: {color:bold};
  676. }
  677.  
  678. quote {
  679. font-size: 13px;
  680. }
  681.  
  682. img {
  683. max-width:100%;
  684. }
  685.  
  686. hr {
  687. width:100px;
  688. border: 0;
  689. height: 0.5px;
  690. margin-right:50px;
  691. background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 255), rgba(255, 255, 255, 0));
  692. }
  693.  
  694. code {
  695. text-transform: uppercase;
  696. }
  697.  
  698. #borders {
  699. border-bottom: 1px solid #3e3e3e;
  700. }
  701.  
  702. /*---------------------------- LINKS ---------------------------*/
  703.  
  704. a:link, a:active, a:visited {
  705. text-decoration: none;
  706. color: #7c2828;
  707. text-shadow: 0px 0px 1px #000000;
  708. text-transform: none;
  709. font-family: 'Unica One', cursive;
  710. font-size: 9px;
  711. -moz-transition-duration:.6s;
  712. -webkit-transition-duration:.6s;
  713. -o-transition-duration:.6s;
  714. -webkit-filter: blur(0px);}
  715.  
  716. a:hover {
  717. color: #36287c;
  718.  
  719. }
  720.  
  721.  
  722.  
  723. a.navi, a.navi:link, a.navi:active, a.navi:visited {
  724. color: #a68b7c;
  725. text-shadow: 0px 0px 10px #a68b7c;
  726. font-family: times;
  727. font-size: 12px;
  728.  
  729. }
  730.  
  731. a.navi:hover {
  732. -moz-transition-duration:.6s;
  733. -webkit-transition-duration:.6s;
  734. -o-transition-duration:.6s;
  735. -webkit-filter: blur(0px);
  736. }
  737.  
  738.  
  739. /*---------------------------- PAGINATION ---------------------------*/
  740.  
  741.  
  742. .pag {
  743. position: fixed;
  744. left: 745px;
  745. bottom: 10px;
  746. width: auto;
  747. height: auto;
  748. }
  749.  
  750. a.pag, a.pag:link, a.pag:active, a.pag:visited {
  751. color: #fff;
  752. font-family: 'Marck Script', cursive;
  753. font-size: 12px;
  754. text-shadow: 1px 1px 5px #fff;
  755. text-transform: none;
  756. }
  757.  
  758. a.pag:hover {
  759. opacity: .5;
  760. -moz-transition-duration:.6s;
  761. -webkit-transition-duration:.6s;
  762. -o-transition-duration:.6s;
  763. -webkit-filter: blur(0px);
  764. }
  765.  
  766. /* ---------------------------- POST INFO -----------------------------*/
  767.  
  768.  
  769.  
  770. #info {
  771. background: url("https://i.imgur.com/4WLhmUi.gif");
  772. background-repeat:repeat;
  773. background-attachment:fixed;
  774. border: 1px double transparent;
  775. border-bottom-left-radius: 15px;
  776. border-top-left-radius: 15px;
  777. border-bottom-right-radius: 15px;
  778. border-top-right-radius: 15px;
  779. width:250px;
  780. height:25px;
  781. text-align:center;
  782. letter-spacing:10px;
  783. margin-top:8px;
  784. margin-bottom:50px;
  785. text-transform:none;
  786. font-size:15px;
  787. font-style:none;
  788. }
  789.  
  790.  
  791.  
  792. #info a {
  793. color:#dcdcdc;}
  794.  
  795. #info a:hover {
  796. color:#818181;}
  797.  
  798.  
  799.  
  800.  
  801.  
  802.  
  803. #tags {
  804. font-family: serif;
  805. color:#939dc3;
  806. padding-bottom:35px;
  807. letter-spacing:2px;
  808. text-transform:none;
  809. font-size:9px;
  810. font-style:normal;
  811. margin-top:25px;
  812. text-align:left;
  813. float:left;
  814. }
  815.  
  816.  
  817. #tags a {
  818. padding:-3px;
  819. opacity:0.8;
  820. text-align:left;
  821. color:#999;
  822.  
  823. }
  824.  
  825.  
  826. #tags a:hover {
  827. color:#d1d0d0;
  828. }
  829.  
  830.  
  831.  
  832.  
  833.  
  834.  
  835.  
  836. /*-------------------------- MUSIC PLAYER ---------------------------*/
  837.  
  838.  
  839.  
  840. .songart{
  841. float:left;
  842. margin-right:10px;
  843. }
  844.  
  845. .songart img{
  846. width:80px;
  847. height:80px;
  848. }
  849.  
  850. .songtitle{
  851. margin-bottom:10px;
  852. margin-left:90px;
  853. }
  854.  
  855. .songauthor{
  856. margin-bottom:10px;
  857. font-size:8px;
  858. margin-left:90px;
  859. }
  860.  
  861. .tumblr_audio_player {
  862. height: 50px;
  863. }
  864.  
  865. /* ----------------------------- CHAT CODE --------------------------- */
  866.  
  867. /* chat cred: https://dear-indies.tumblr.com/post/125257866576/animalites-imessage-chat-post-ive-seen-a-lot */
  868.  
  869. /* IMESSAGE CHAT POST */
  870. .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:#e5e5ea;color:#000;left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid #e5e5ea;border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:#e8f3f9;color:#000}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid #e8f3f9;border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  871. .asked p {
  872. text-align: left;
  873. margin: 0 0px 10px 0px;
  874. padding: 0;
  875. color: #666666;
  876. font-family: 'Inconsolata', Inconsolata;
  877. font-size: 12px;
  878. line-height: 0px;
  879. }
  880. .footerright .viasrc {
  881. float: left;
  882. }
  883. .asked a {
  884. margin:0;padding:0;
  885. }
  886. .user_4{background-color:#55caff;color:#fff}.user_4::after{border-color:#55caff}.user_6{background-color:#60f246;color:#fff}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060}
  887. .convo {
  888. overflow: hidden;
  889. list-style-type: none;
  890. padding: 0;
  891. margin: 0;
  892. }
  893.  
  894. /*---------------------------- TOOLTIP ---------------------------*/
  895.  
  896.  
  897.  
  898. #s-m-t-tooltip{
  899. max-width:400px;
  900. margin:15px;
  901. padding:2px 8px;
  902. background: #1c0915;
  903. background-image:url('https://i.imgur.com/1NSRege.png');
  904. background-repeat:repeat;
  905. background-attachment:fixed;
  906. border: double 3px #000;
  907. color:#fff;
  908. text-shadow:1px 1px 0px #000,
  909. z-index:99999999999999999999;
  910. font-size:9px;
  911. letter-spacing:2px;
  912. font-style:bold;
  913. letter-spacing:2px;
  914. font-family: calibri;
  915. text-transform:uppercase;
  916. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  917.  
  918.  
  919.  
  920. /*--------------------------- POPUP ------------------------------ */
  921.  
  922.  
  923. /*--Making IE6 Understand Fixed Positioning--*/
  924. *html #fade {
  925. position: absolute;
  926. }
  927. *html .popup_block {
  928. position: absolute;
  929. }
  930.  
  931. .popup_block{
  932. background-color:{color:background};
  933. border: 0px solid #3b3b3b;
  934. width:250px;
  935. height:500px;
  936. top:528px;
  937. padding: 5px;
  938. left: 622px;
  939. display: none; /*--hidden by default--*/
  940. float: left;
  941. font-size: 10px; /*font size of the words inside the box */
  942. position: fixed;
  943. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  944. }
  945.  
  946.  
  947. #fade { /*--Transparent background layer--*/
  948. display: none; /*--hidden by default--*/
  949. background: transparent;
  950. background-image: url(''); /*if you want to add a background image to go behind your popup */
  951. position: fixed; left: 0; top: 0;
  952. width: 100%; height: 100%;
  953. opacity: 1.0;
  954. z-index: 9999;
  955. }
  956.  
  957. .popupnavlinks {
  958. padding-top:5px;
  959. text-align:center; }
  960.  
  961.  
  962. .popupnavlinks a {
  963. display:inline-block;
  964. background-color: #333333;
  965. border-top: 1px solid {color:blockquote};
  966. border-bottom: 1px solid {color:blockquote};
  967. text-align: center;
  968. font-size: 9px;
  969. font-family:courier;
  970. color: #fff;
  971. display: inline-block;
  972. width:90px; height:4px;
  973. margin:2px; padding:3px 6px 10px;
  974. -webkit-mask-image: -webkit-linear-gradient(left, rgba(24,24,30,0), rgba(24,24,30,1), rgba(24,24,30,0))
  975. }
  976.  
  977. .popupnavlinks a:hover {
  978. display:inline-block;
  979. letter-spacing:2px;
  980. -moz-transition-duration: 0.4s;
  981. -webkit-transition-duration: 0.4s;
  982. -o-transition-duration: 0.4s;
  983. transition-duration: 0.4s;
  984. }
  985.  
  986.  
  987.  
  988. .popupclose {
  989. float:right; top:0px; right:0px;
  990. margin-top:-10px; margin-right:-10px;
  991. font-family:'Scada', sans serif;
  992. font-size:10px;
  993. font-weight:bold }
  994.  
  995. .popupclose a {
  996. color:#aaa }
  997.  
  998.  
  999.  
  1000.  
  1001.  
  1002.  
  1003.  
  1004.  
  1005.  
  1006. @-webkit-keyframes jumping{
  1007. from {-webkit-transform:translate(0, 0px);}
  1008. 50% {-webkit-transform:translate(0, 20px);}
  1009. to {-webkit-transform: translate(0, -0px);}
  1010. }
  1011.  
  1012. @-webkit-keyframes pulse{
  1013. from { -webkit-filter: blur(0px); }
  1014. 50% { -webkit-filter: blur(2px); }
  1015. to { -webkit-filter: blur(0px); }
  1016. }
  1017.  
  1018.  
  1019.  
  1020. #link0 a {
  1021. z-index:9999;
  1022. position:fixed;
  1023. margin-top:605px;
  1024. margin-left:750px;
  1025. font-size:30px;
  1026. font-style:normal;
  1027. -webkit-transition: all .8s ease-in-out;
  1028. -moz-transition: all .8s ease-in-out;
  1029. -o-transition: all .8s ease-in-out;
  1030. text-shadow:2px 2px 2px #000;
  1031.  
  1032. }
  1033.  
  1034.  
  1035.  
  1036. #link0 img:hover {
  1037. -webkit-transition: all .3s ease-in-out;
  1038. -moz-transition: all .3s ease-in-out;
  1039. -o-transition: all .3s ease-in-out;
  1040. }
  1041.  
  1042. #link0 img {
  1043.  
  1044. -webkit-transition: all .8s ease-in-out;
  1045. -moz-transition: all .8s ease-in-out;
  1046. -o-transition: all .8s ease-in-out;
  1047. width:430px;
  1048. height:100px;
  1049.  
  1050. }
  1051.  
  1052.  
  1053.  
  1054.  
  1055. #link1 a {
  1056. position:fixed;
  1057. margin-top:200px;
  1058. margin-left:405px;
  1059. font-size:30px;
  1060. font-style:normal;
  1061. -webkit-transition: all .8s ease-in-out;
  1062. -moz-transition: all .8s ease-in-out;
  1063. -o-transition: all .8s ease-in-out;
  1064. text-shadow:2px 2px 2px #000;
  1065. -webkit-animation-name: pulse;
  1066. -webkit-animation-iteration-count: infinite;
  1067. -webkit-animation-timing-function: ease-in-out;
  1068. -webkit-animation-duration: 10s;
  1069. }
  1070.  
  1071. #link1 img:hover {
  1072. -webkit-transition: all .3s ease-in-out;
  1073. -moz-transition: all .3s ease-in-out;
  1074. -o-transition: all .3s ease-in-out;
  1075. -ms-transform: rotate(20deg);
  1076. -webkit-transform: rotate(20deg);
  1077. -o-transform: rotate(20deg);
  1078. -moz-transform: rotate(20deg); }
  1079.  
  1080. #link1 img {
  1081. -ms-transform: rotate(-30deg);
  1082. -webkit-transform: rotate(-30deg);
  1083. -o-transform: rotate(-30deg);
  1084. -moz-transform: rotate(-30deg);
  1085. -webkit-transition: all .8s ease-in-out;
  1086. -moz-transition: all .8s ease-in-out;
  1087. -o-transition: all .8s ease-in-out;
  1088. width:50px; }
  1089.  
  1090.  
  1091. #link2 a {
  1092. position:fixed;
  1093. margin-top:500px;
  1094. margin-left:1030px;
  1095. font-size:20px;
  1096. font-style:normal;
  1097. color:#999;
  1098. text-shadow:2px 2px 2px #000;
  1099. -webkit-transition: all .8s ease-in-out;
  1100. -moz-transition: all .8s ease-in-out;
  1101. -o-transition: all .8s ease-in-out;
  1102. -webkit-animation-name: jumping;
  1103. -webkit-animation-iteration-count: infinite;
  1104. -webkit-animation-timing-function: ease-in-out;
  1105. -webkit-animation-duration: 10s;
  1106. }
  1107.  
  1108. #link2 img:hover {
  1109. -webkit-transition: all .8s ease-in-out;
  1110. -moz-transition: all .8s ease-in-out;
  1111. -o-transition: all .8s ease-in-out;
  1112. -ms-transform: rotate(-180deg);
  1113. -webkit-transform: rotate(-180deg);
  1114. -o-transform: rotate(-180deg);
  1115. -moz-transform: rotate(-180deg); }
  1116.  
  1117. #link2 img {
  1118. max-width:100px;
  1119. -ms-transform: rotate(-10deg);
  1120. -webkit-transform: rotate(-10deg);
  1121. -o-transform: rotate(-10deg);
  1122. -moz-transform: rotate(-10deg);
  1123. width:30px;
  1124. }
  1125.  
  1126.  
  1127. #link3 a {
  1128. position:fixed;
  1129. margin-top:250px;
  1130. margin-left:1130px;
  1131. font-size:20px;
  1132. font-style:normal;
  1133. color:#999;
  1134. text-shadow:2px 2px 2px #000;
  1135. -webkit-transition: all .8s ease-in-out;
  1136. -moz-transition: all .8s ease-in-out;
  1137. -o-transition: all .8s ease-in-out;
  1138. -webkit-animation-name: jumping;
  1139. -webkit-animation-iteration-count: infinite;
  1140. -webkit-animation-timing-function: ease-in-out;
  1141. -webkit-animation-duration: 8s;
  1142. }
  1143.  
  1144. #link3 img:hover {
  1145. -webkit-transition: all .8s ease-in-out;
  1146. -moz-transition: all .8s ease-in-out;
  1147. -o-transition: all .8s ease-in-out;
  1148. -ms-transform: rotate(-180deg);
  1149. -webkit-transform: rotate(-180deg);
  1150. -o-transform: rotate(-180deg);
  1151. -moz-transform: rotate(-180deg); }
  1152.  
  1153. #link3 img {
  1154. max-width:100px;
  1155. -ms-transform: rotate(-20deg);
  1156. -webkit-transform: rotate(-20deg);
  1157. -o-transform: rotate(-20deg);
  1158. -moz-transform: rotate(-20deg);
  1159. width:30px;
  1160. }
  1161.  
  1162.  
  1163. #link4 a {
  1164. position:fixed;
  1165. margin-top:45px;
  1166. margin-left:1010px;
  1167. font-size:20px;
  1168. font-style:normal;
  1169. color:#999;
  1170. text-shadow:2px 2px 2px #000;
  1171. -webkit-transition: all .8s ease-in-out;
  1172. -moz-transition: all .8s ease-in-out;
  1173. -o-transition: all .8s ease-in-out;
  1174. -webkit-animation-name: jumping;
  1175. -webkit-animation-iteration-count: infinite;
  1176. -webkit-animation-timing-function: ease-in-out;
  1177. -webkit-animation-duration: 5s;
  1178. }
  1179.  
  1180. #link4 img:hover {
  1181. -webkit-transition: all .8s ease-in-out;
  1182. -moz-transition: all .8s ease-in-out;
  1183. -o-transition: all .8s ease-in-out;
  1184. -ms-transform: rotate(-180deg);
  1185. -webkit-transform: rotate(-180deg);
  1186. -o-transform: rotate(-180deg);
  1187. -moz-transform: rotate(-180deg); }
  1188.  
  1189. #link4 img {
  1190. max-width:100px;
  1191. -ms-transform: rotate(-20deg);
  1192. -webkit-transform: rotate(-20deg);
  1193. -o-transform: rotate(-20deg);
  1194. -moz-transform: rotate(-20deg);
  1195. width:30px;
  1196. }
  1197.  
  1198.  
  1199. #link5 a {
  1200. position:fixed;
  1201. margin-top:45px;
  1202. margin-left:815px;
  1203. font-size:20px;
  1204. font-style:normal;
  1205. color:#999;
  1206. text-shadow:2px 2px 2px #000;
  1207. -webkit-transition: all .8s ease-in-out;
  1208. -moz-transition: all .8s ease-in-out;
  1209. -o-transition: all .8s ease-in-out;
  1210. -webkit-animation-name: jumping;
  1211. -webkit-animation-iteration-count: infinite;
  1212. -webkit-animation-timing-function: ease-in-out;
  1213. -webkit-animation-duration: 3s;
  1214. }
  1215.  
  1216. #link5 img:hover {
  1217. -webkit-transition: all .8s ease-in-out;
  1218. -moz-transition: all .8s ease-in-out;
  1219. -o-transition: all .8s ease-in-out;
  1220. -ms-transform: rotate(-180deg);
  1221. -webkit-transform: rotate(-180deg);
  1222. -o-transform: rotate(-180deg);
  1223. -moz-transform: rotate(-180deg); }
  1224.  
  1225. #link5 img {
  1226. max-width:100px;
  1227. -ms-transform: rotate(-20deg);
  1228. -webkit-transform: rotate(-20deg);
  1229. -o-transform: rotate(-20deg);
  1230. -moz-transform: rotate(-20deg);
  1231. width:30px;
  1232. }
  1233.  
  1234.  
  1235.  
  1236.  
  1237.  
  1238.  
  1239.  
  1240.  
  1241. /*--------------------------- POPUP ------------------------------ */
  1242.  
  1243. ul#tabs {
  1244. list-style-type: none;
  1245. padding: 0;
  1246. text-align: justify;
  1247. font-size:8px;
  1248. letter-spacing:1px;
  1249. }
  1250. ul#tabs li {
  1251. background-color: transparent;
  1252. border: 0px solid #222222;
  1253. border-radius: 2px;
  1254. background-repeat:repeat;
  1255. background-attachment:fixed;
  1256. background-image: url('');
  1257. display: inline-block;
  1258. padding: 4px;
  1259. margin-bottom: 4px;
  1260. margin-left: 2px;
  1261. cursor: pointer;
  1262. color: #fff;
  1263. text-align: center;
  1264. }
  1265. ul#tabs li:hover {
  1266. background-color: transparent;
  1267. border-radius: 2px;
  1268. color: #ffffff;
  1269. text-shadow: 1px 1px 3px #fff;
  1270. }
  1271. ul#tabs li.active {
  1272. background-image: url('');
  1273. background:transparent;
  1274. background-repeat:repeat;
  1275. background-attachment:fixed;
  1276. border: 0px solid #222222;
  1277. color:#b5d230;
  1278. display: inline-block;
  1279. padding: 4px;
  1280. margin-bottom: 4px;
  1281. cursor: pointer;
  1282. border-radius: 2px;
  1283. text-align: center;
  1284. }
  1285. ul#tab {
  1286. list-style-type: none;
  1287. margin: 0;
  1288. padding: 0;
  1289. }
  1290. ul#tab li {
  1291. display: none;
  1292. }
  1293. ul#tab li.active {
  1294. display: block;
  1295. }
  1296.  
  1297.  
  1298. #esperanza {
  1299. position: fixed;
  1300. background-color: {color:background};
  1301. border-bottom: 1px solid #3b3b3b;
  1302. padding: 5px;
  1303. width: 250px;
  1304. height: 25px;
  1305. overflow: auto;
  1306. text-align: center;
  1307. z-index: 1;
  1308.  
  1309. }
  1310.  
  1311.  
  1312.  
  1313. </style>
  1314.  
  1315.  
  1316.  
  1317.  
  1318.  
  1319.  
  1320. <body>
  1321.  
  1322. <!--------------------------- SIDEBOX -------------------------------->
  1323.  
  1324. <div id="sidebox">
  1325.  
  1326. <h3>{text:character name}</h3>
  1327.  
  1328. <p><center><quotations>"</quotations><i><quote>{text:quote}</quote></i><quotations>"</quotations></center>
  1329.  
  1330.  
  1331. <br>
  1332. <hr>
  1333. <br>
  1334. <center>{text:blog type}</center>
  1335.  
  1336.  
  1337. <p><p>
  1338. <h2>{text:character title}</h2>
  1339.  
  1340.  
  1341.  
  1342. <p>
  1343. <p>
  1344. <h3>DEBTS</h3>
  1345. <center>
  1346. <b>Starters:</b> {text:Starters} <br> <b>Drafts:</b> {text:Drafts} <br> <b>Memes:</b> {text:Memes} <br> <b>Queue:</b> {text:Queue}
  1347. </center>
  1348.  
  1349.  
  1350. <br>
  1351. <h3>Pennd By</h3>
  1352.  
  1353. <center>
  1354. <i>{text:penname}</i>
  1355.  
  1356. </center>
  1357. </div>
  1358.  
  1359.  
  1360.  
  1361.  
  1362. <!---TAB NAVIGATION STARTS-->
  1363. <div id="box3" class="popup_block">
  1364.  
  1365. <div style="width:auto; height:500px; overflow:auto; padding:5px 5px 15px 5px;">
  1366.  
  1367.  
  1368.  
  1369. <h2>INQUIRIES</h2>
  1370.  
  1371. <center>
  1372. <p>
  1373. <iframe frameborder="0" height="240" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" width="90%"></iframe>
  1374.  
  1375.  
  1376.  
  1377. <h2>SUBMIT</h2>
  1378.  
  1379. <center>
  1380. <p>
  1381. <iframe frameborder="0" height="240" id="submit_form" scrolling="yes" src="https://www.tumblr.com/submit_form/{Name}.tumblr.com" width="90%"></iframe>
  1382.  
  1383.  
  1384.  
  1385.  
  1386. <!---CONTACT ENDS--->
  1387.  
  1388.  
  1389.  
  1390.  
  1391.  
  1392. </ul>
  1393. </div></div>
  1394. <!---TAB NAVIGATION ENDS--->
  1395.  
  1396.  
  1397.  
  1398.  
  1399.  
  1400.  
  1401. <!---TAB NAVIGATION STARTS-->
  1402. <div id="box4" class="popup_block">
  1403.  
  1404. <div style="width:auto; height:500px; overflow:auto; padding:5px 5px 15px 5px;">
  1405.  
  1406.  
  1407.  
  1408. <h2>{text:Rules Title}</h2>
  1409.  
  1410. {text:Rules}
  1411.  
  1412.  
  1413.  
  1414.  
  1415.  
  1416. <!---RULES ENDS--->
  1417.  
  1418.  
  1419.  
  1420.  
  1421.  
  1422. </ul>
  1423. </div></div>
  1424. <!---TAB NAVIGATION ENDS--->
  1425.  
  1426.  
  1427.  
  1428.  
  1429.  
  1430.  
  1431.  
  1432.  
  1433.  
  1434.  
  1435.  
  1436.  
  1437.  
  1438. <!---TAB NAVIGATION STARTS-->
  1439. <div id="box5" class="popup_block">
  1440.  
  1441. <div style="width:auto; height:500px; overflow:auto; padding:5px 5px 15px 5px;">
  1442.  
  1443.  
  1444.  
  1445. <!---BASIC INFO STARTS--->
  1446.  
  1447.  
  1448.  
  1449. <h1>{text:About Title}</h1>
  1450.  
  1451.  
  1452. {text:About}
  1453.  
  1454.  
  1455.  
  1456. <BR>
  1457. <P><h2>{text:Biography Title}</h2>
  1458.  
  1459. {text:Biography}
  1460.  
  1461.  
  1462.  
  1463. <!---BASIC INFO ENDS--->
  1464.  
  1465.  
  1466.  
  1467.  
  1468. </ul>
  1469. </div></div>
  1470. <!---TAB NAVIGATION ENDS--->
  1471.  
  1472.  
  1473.  
  1474.  
  1475.  
  1476.  
  1477.  
  1478.  
  1479. <!---TAB NAVIGATION STARTS-->
  1480. <div id="box6" class="popup_block">
  1481.  
  1482. <div style="width:auto; height:500px; overflow:auto; padding:5px 5px 15px 5px;">
  1483.  
  1484. <div id="esperanza" style="margin-left: -10px; margin-top: -10px;">
  1485. <ul id="tabs">
  1486. <li class="active">Main Verses</li>
  1487. <li>Alternate Verses</li>
  1488. </ul>
  1489. </div>
  1490.  
  1491. <!---VERSES START--->
  1492. <ul id="tab" style="margin-top: 50px;">
  1493. <li class="active">
  1494.  
  1495.  
  1496.  
  1497.  
  1498. <h1>{text:M Verse1 Title}</h1>
  1499. <p><img src="{image:Main Verse1}" style="float: left; padding: 3px;">{text:M Verse1}
  1500.  
  1501. <p><h1>{text:M Verse2 Title}</h1>
  1502. <p><img src="{image:Main Verse2}" style="float: right; padding: 3px;">{text:M Verse2}
  1503.  
  1504.  
  1505. <p><h1>{text:M Verse3 Title}</h1>
  1506. <p><img src="{image:Main Verse3}" style="float: left; padding: 3px;">{text:M Verse3}
  1507.  
  1508.  
  1509. <p><h1>{text:M Verse4 Title}</h1>
  1510. <p><img src="{image:Main Verse4}" style="float: right; padding: 3px;">{text:M Verse4}
  1511.  
  1512.  
  1513. </li>
  1514. <!---MAIN VERSES ENDS--->
  1515.  
  1516.  
  1517.  
  1518.  
  1519.  
  1520. <!---AU VERSES STARTS--->
  1521. <li>
  1522.  
  1523.  
  1524. <h1>{text:A Verse1 Title}</h1>
  1525. <p><img src="{image:Alt Verse1}" style="float: left; padding: 3px;">{text:A Verse1}
  1526.  
  1527. <p><h1>{text:A Verse2 Title}</h1>
  1528. <p><img src="{image:Alt Verse2}" style="float: right; padding: 3px;">{text:A Verse2}
  1529.  
  1530.  
  1531. <p><h1>{text:A Verse3 Title}</h1>
  1532. <p><img src="{image:Alt Verse3}" style="float: left; padding: 3px;">{text:A Verse3}
  1533.  
  1534.  
  1535. <p><h1>{text:A Verse4 Title}</h1>
  1536. <p><img src="{image:Alt Verse4}" style="float: right; padding: 3px;">{text:A Verse4}
  1537.  
  1538. </li>
  1539. <!---AU VERSES ENDS--->
  1540.  
  1541.  
  1542.  
  1543. </ul>
  1544. </div></div>
  1545. <!---TAB NAVIGATION ENDS--->
  1546.  
  1547.  
  1548.  
  1549.  
  1550.  
  1551.  
  1552.  
  1553.  
  1554.  
  1555.  
  1556.  
  1557.  
  1558. <!---TAB NAVIGATION STARTS-->
  1559. <div id="box7" class="popup_block">
  1560.  
  1561. <div style="width:auto; height:500px; overflow:auto; padding:5px 5px 15px 5px;">
  1562.  
  1563.  
  1564.  
  1565.  
  1566. <!---NAVIGATION STARTS--->
  1567.  
  1568. <div class="popupnavlinks">
  1569.  
  1570. <h2>WRITING</h2>
  1571.  
  1572. <a href="/tagged/whatever">LINK</a>
  1573. <a href="/tagged/whatever">LINK</a>
  1574. <br>
  1575. <a href="/tagged/whatever">LINK</a>
  1576. <a href="/tagged/whatever">LINK</a>
  1577. <br>
  1578.  
  1579. <H2>MUSE</H2>
  1580. <a href="/tagged/whatever">LINK</a>
  1581. <a href="/tagged/whatever">LINK</a>
  1582. <br>
  1583. <a href="/tagged/whatever">LINK</a>
  1584. <a href="/tagged/whatever">LINK</a>
  1585. <br>
  1586.  
  1587. <h2>CHARACTERS</h2>
  1588. <a href="/tagged/whatever">LINK</a>
  1589. <a href="/tagged/whatever">LINK</a>
  1590. <br>
  1591. <a href="/tagged/whatever">LINK</a>
  1592. <a href="/tagged/whatever">LINK</a>
  1593. <br>
  1594. <a href="/tagged/whatever">LINK</a>
  1595. <a href="/tagged/whatever">LINK</a>
  1596. <br>
  1597.  
  1598.  
  1599. </div>
  1600.  
  1601. <!---NAVIGATION ENDS--->
  1602.  
  1603. </ul>
  1604. </div></div>
  1605. <!---TAB NAVIGATION ENDS--->
  1606.  
  1607.  
  1608.  
  1609.  
  1610.  
  1611.  
  1612.  
  1613.  
  1614.  
  1615.  
  1616.  
  1617.  
  1618.  
  1619.  
  1620.  
  1621.  
  1622.  
  1623.  
  1624. <!---NAVIGATION LINKS STARTS--->
  1625.  
  1626. <div id="link0"> <a href="/" title="home."> <img src="https://i.imgur.com/MWuhmFA.png"> </a> </div>
  1627.  
  1628. <div id="link1"> <a href="#?w=258" rel="box3" class="poplight third" title="CONTACT."> <img src="https://i.imgur.com/gag0EKA.gif"> </a> </div>
  1629.  
  1630. <div id="link2"> <a href="#?w=258" rel="box4" class="poplight third" title="RULES."> <img src="https://i.imgur.com/gag0EKA.gif"> </a> </div>
  1631.  
  1632. <div id="link3"> <a href="#?w=258" rel="box5" class="poplight third" title="ABOUT."> <img src="https://i.imgur.com/gag0EKA.gif"> </a> </div>
  1633.  
  1634. <div id="link4"> <a href="#?w=258" rel="box6" class="poplight third" title="VERSES."> <img src="https://i.imgur.com/gag0EKA.gif"> </a> </div>
  1635.  
  1636. <div id="link5"> <a href="#?w=258" rel="box7" class="poplight third" title="ATLAS."> <img src="https://i.imgur.com/gag0EKA.gif"> </a> </div>
  1637.  
  1638.  
  1639. <!---NAVIGATION LINKS ENDS--->
  1640.  
  1641.  
  1642.  
  1643. <!----------------------------- CREDIT ------------------------------>
  1644.  
  1645. <div class="credit">
  1646. <a href="https://bridgetowakandabasecodes.tumblr.com/" title="bridgetowakanda basecodes">c</a>
  1647. </div>
  1648.  
  1649.  
  1650.  
  1651.  
  1652. <!------------------------- POSTS & CONTENT -------------------------->
  1653.  
  1654.  
  1655.  
  1656. <div class="pag">{block:Pagination}
  1657. {block:PreviousPage}<a href="{PreviousPage}" class="pag" style="margin-left: -350px;">retreat</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="pag" style="margin-right: 0x;">onward</a>
  1658. {/block:NextPage}
  1659. {/block:Pagination}</div>
  1660.  
  1661.  
  1662.  
  1663.  
  1664. <div id="entries">
  1665.  
  1666. {block:Posts}
  1667.  
  1668. <div class="posts">
  1669.  
  1670. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1671.  
  1672. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  1673. {/block:Photo}
  1674.  
  1675. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1676.  
  1677. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1678.  
  1679. {block:Video}
  1680. <div class="video">{Video-250}</div>
  1681. {/block:Video}
  1682.  
  1683. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1684.  
  1685.  
  1686. {block:Quote}<quotetext>❝{Quote}❞</quotetext>{block:Source}<h3>{Source}</h3>{/block:Source}{/block:Quote}
  1687.  
  1688.  
  1689. {block:Chat}
  1690. {block:Title}
  1691. <h1>{Title}</h1>{/block:Title}<br>
  1692. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1693. {Line}</li>{/block:Lines}</ul>
  1694. {/block:Chat}
  1695.  
  1696.  
  1697. <!--AUDIO POST-->
  1698. {block:Audio}
  1699. {block:AlbumArt}
  1700. <div class="songart">
  1701. <img src="{AlbumArtURL}">
  1702. </div>
  1703. {/block:AlbumArt}
  1704. <div class="songtitle">
  1705. {block:TrackName}
  1706. {TrackName}
  1707. {/block:TrackName}
  1708. </div>
  1709. <div class="songauthor">
  1710. By
  1711. {block:Artist}
  1712. {Artist}
  1713. {/block:Artist}
  1714. </div>
  1715. {AudioPlayerWhite}
  1716. {/block:Audio}
  1717.  
  1718.  
  1719.  
  1720. <!---ASK && ANSWER--->
  1721.  
  1722. {block:Answer}
  1723. <img src="https://i.imgur.com/md4xrp6.png" style="margin-top:20px; margin-left:-10px; max-width:70px; " draggable="false">
  1724. <div id="asker"> {asker} </div>
  1725. <div id="askerline"> sent a message. </div>
  1726. <div id="question">{question}</div>
  1727. <div id="answer"> <p>{answer} </div>
  1728. {/block:Answer}
  1729.  
  1730.  
  1731.  
  1732. <!--POST INFORMATION-->
  1733. <div id="info">
  1734.  
  1735. {block:Date}
  1736. <a href="{Permalink}" style="position:absolute; margin-left:-110px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" {ShortMonth} {DayOfMonthWithZero} - {TimeAgo} "> <img src="https://i.imgur.com/kJVD4HF.png" width="40px"> </a>
  1737. {/block:Date}
  1738.  
  1739.  
  1740. {block:RebloggedFrom}
  1741. <a href="{ReblogParentURL}" style="position:absolute; margin-left:-58px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" via. {ReblogParentName} "> ☆ </a>
  1742. {/block:RebloggedFrom}
  1743.  
  1744.  
  1745. {block:ContentSource}
  1746. <a href="{SourceURL}" style="position:absolute; margin-left:-120px; margin-top:-10px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" source. {SourceTitle} "> ✧ </a>
  1747. {/block:ContentSource}
  1748.  
  1749.  
  1750. <a href="{Permalink}" style="position:absolute; margin-left:-120px; margin-top:15px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" {NoteCount} notes "> ♡ </a>
  1751.  
  1752.  
  1753. <a href="{ReblogURL}" style="position:absolute; margin-left:-65px; margin-top:20px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title="reblog"> ↺ </a>
  1754.  
  1755.  
  1756. <br>
  1757.  
  1758. {block:HasTags}<div id="tags">{block:Tags} ⌬ <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div> &nbsp;
  1759.  
  1760.  
  1761. {block:permalinkpage}
  1762. <p> <font style="color:#0f0f0f"> . </font>
  1763. {/block:permalinkpage}
  1764.  
  1765.  
  1766. <!--POST NOTES-->
  1767. {block:PostNotes}
  1768. <div class="pagenotes">{PostNotes-16}</div>
  1769. {/block:PostNotes}
  1770.  
  1771. </div>
  1772. {/block:Posts}
  1773. </div>
  1774.  
  1775.  
  1776.  
  1777.  
  1778.  
  1779.  
  1780.  
  1781. </body>
  1782.  
  1783.  
  1784.  
  1785.  
  1786.  
  1787. </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!