Advertisement
tiffxny21

geralt ★

Oct 4th, 2019
150
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.15 KB | None | 0 0
  1. <html>
  2.  
  3.  
  4. <head>
  5.  
  6.  
  7. <meta name="color:background" content="#000000"/>
  8. <meta name="color:description" content="#fff"/>
  9. <meta name="color:text" content="#c8c8c8"/>
  10. <meta name="color:scrollbar" content="#5f0009" />
  11. <meta name="color:link" content="#2c2921"/>
  12. <meta name="color:link hover" content="#5f0009"/>
  13. <meta name="color:tags hover" content="#5f0009"/>
  14. <meta name="color:navigation link" content="#2c2921"/>
  15. <meta name="color:navigation hover" content="#5f0009"/>
  16. <meta name="color:select" content="#2c2921"/>
  17. <meta name="color:pre border" content="#262626"/>
  18. <meta name="color:question bg" content="#202020"/>
  19. <meta name="color:question border" content="#5f0009"/>
  20. <meta name="color:question text" content="#fff"/>
  21. <meta name="color:asker line" content="#7e7e7e"/>
  22.  
  23.  
  24. <meta name="image:background" content="https://i.imgur.com/tAX2jMr.gif"/>
  25. <meta name="image:updates" content="https://i.imgur.com/7GYMQHt.png">
  26. <meta name="image:h4" content="https://i.imgur.com/jGCr1nB.png">
  27. <meta name="image:asks" content="https://i.imgur.com/yP6Txo0.png">
  28. <meta name="image:popup" content="https://i.imgur.com/ipccr6i.png">
  29.  
  30.  
  31. <meta name="image:m1" content="https://i.imgur.com/bIxXdiM.png">
  32. <meta name="image:m2" content="https://i.imgur.com/bIxXdiM.png">
  33. <meta name="image:a1" content="https://i.imgur.com/bIxXdiM.png">
  34. <meta name="image:a2" content="https://i.imgur.com/bIxXdiM.png">
  35. <meta name="image:c1" content="https://i.imgur.com/bIxXdiM.png">
  36. <meta name="image:c2" content="https://i.imgur.com/bIxXdiM.png">
  37. <meta name="image:p1" content="https://i.imgur.com/bIxXdiM.png">
  38. <meta name="image:p2" content="https://i.imgur.com/bIxXdiM.png">
  39.  
  40.  
  41.  
  42. <meta name="text:desc word" content="hover"/>
  43. <meta name="text:hover desc" content="<h4>but i'm</h4>
  44.  
  45.  
  46. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tempus lectus maximus ante egestas, eget porta magna maximus. Cras tincidunt mi at purus rhoncus, quis malesuada magna mollis. Donec egestas vitae velit a auctor. Aliquam volutpat tincidunt hendrerit. Donec mattis nulla et facilisis pretium.
  47.  
  48. <h4>already dead</h4>
  49.  
  50.  
  51. PLEASE READ RULES
  52. <br>
  53. ESTABLISHED: 00.00.00
  54. <br>"/>
  55.  
  56. <meta name="text:tracking url" content="blog url"/>
  57. <meta name="text:tracking name" content="blog name"/>
  58. <meta name="text:notes" content="🗡️"/>
  59. <meta name="text:time" content="☆"/>
  60. <meta name="text:asker line" content="sent a formal request."/>
  61.  
  62.  
  63.  
  64. <meta name="text:asks link" content="message"/>
  65. <meta name="text:rules link" content="rules"/>
  66. <meta name="text:bio link" content="about"/>
  67. <meta name="text:verses link" content="verses"/>
  68. <meta name="text:relations link" content="connections"/>
  69. <meta name="text:navi link" content="navigation"/>
  70.  
  71.  
  72. <meta name="text:rulestitles" content="Guidelines"/>
  73. <meta name="text:rules" content="rules here."/>
  74.  
  75.  
  76.  
  77.  
  78.  
  79. <meta name="text:maintitle1" content="Main Verse 1"/>
  80. <meta name="text:main1" 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. "/>
  81. <meta name="text:maintitle2" content="Main Verse 2"/>
  82. <meta name="text:main2" 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. "/>
  83.  
  84.  
  85.  
  86. <meta name="text:autitle1" content="AU VERSE 1"/>
  87. <meta name="text:au1" 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. "/>
  88. <meta name="text:autitle2" content="AU VERSE 2"/>
  89. <meta name="text:au2" 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. "/>
  90.  
  91.  
  92.  
  93. <meta name="text:crosstitle1" content="CROSSOVER VERSE 1"/>
  94. <meta name="text:cross1" 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. "/>
  95. <meta name="text:crosstitle2" content="CROSSOVER VERSE 2"/>
  96. <meta name="text:cross2" 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. "/>
  97.  
  98.  
  99. <meta name="text:privatetitle1" content="PRIVATE VERSE 1"/>
  100. <meta name="text:private1" 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. "/>
  101. <meta name="text:privatetitle2" content="PRIVATE VERSE 2"/>
  102. <meta name="text:private2" 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. "/>
  103.  
  104.  
  105. <meta name="text:Asks" content="00"/>
  106. <meta name="text:Drafts" content="00"/>
  107. <meta name="text:Completed" content="00"/>
  108.  
  109.  
  110. <link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css">
  111. <link href='https://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>
  112. <link href="https://fonts.googleapis.com/css?family=Monsieur+La+Doulaise&display=swap" rel="stylesheet" type='text/css'>
  113. <link href="https://fonts.googleapis.com/css?family=Ruthie&display=swap" rel="stylesheet" type='text/css'>
  114. <link href="https://fonts.googleapis.com/css?family=Pinyon+Script&display=swap" rel="stylesheet" type='text/css'>
  115.  
  116.  
  117. <title>{Title}</title>
  118. <link rel="shortcut icon" href="{favicon}">
  119. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  120. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  121.  
  122.  
  123.  
  124.  
  125. <!------------------------------ POPUP ------------------------------>
  126.  
  127.  
  128. <script type="text/javascript"
  129. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  130. <script>
  131. $(document).ready(function() {
  132. //
  133. $('a.poplight[href^=#]').click(function() {
  134. var popID = $(this).attr('rel'); //Get Popup Name
  135. var popURL = $(this).attr('href'); //Get Popup href to define size
  136. var query= popURL.split('?');
  137. var dim= query[1].split('&');
  138. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  139. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">');
  140. var popMargTop = ($('#' + popID).height() + 80) / 2;
  141. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  142. //Apply Margin to Popup
  143. $('#' + popID).css({
  144. 'margin-top' : -popMargTop,
  145. 'margin-left' : -popMargLeft
  146. });
  147. $('body').append('<div id="fade"></div>');
  148. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  149. return false;
  150. });
  151. $('a.close, #fade').live('click', function() {
  152. $('#fade , .popup_block').fadeOut(function() {
  153. $('#fade, a.close').remove(); //fade them both out
  154. });
  155. return false;
  156. });
  157. });
  158. </script>
  159.  
  160.  
  161.  
  162. <!------------------------------ TABS ------------------------------>
  163.  
  164.  
  165. <script>
  166. $(document).ready(function(){
  167. $("ul#tabs li").click(function(e){
  168. if (!$(this).hasClass("active")) {
  169. var tabNum = $(this).index();
  170. var nthChild = tabNum+1;
  171. $("ul#tabs li.active").removeClass("active");
  172. $(this).addClass("active");
  173. $("ul#tab li.active").removeClass("active");
  174. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  175. }
  176. });
  177. });
  178. </script>
  179.  
  180.  
  181.  
  182.  
  183. <style type="text/css">
  184.  
  185. /*--SCROLLBAR--*/
  186.  
  187. ::-webkit-scrollbar-thumb{
  188. background-color: transparent;
  189. border-radius:0px;
  190. height:auto;
  191. }
  192.  
  193. ::-webkit-scrollbar {
  194. height:auto;
  195. width:4px;
  196. border: 1px transparent;
  197. border-radius:0px;
  198. }
  199.  
  200.  
  201. /*cursor code, change image to change cursor*/
  202. /*find more at http://pixel-soup.tumblr.com/tagged/cursors */
  203.  
  204. *, body, a { cursor:url("https://i.imgur.com/vl6y9.jpg"), auto }
  205. a:hover { cursor:url("https://66.media.tumblr.com/tumblr_lqs4it9hbQ1qfoi4t.png"), auto } /*this defines the pointer cursor*/
  206.  
  207.  
  208.  
  209. body {
  210. font-family: arial;
  211. font-size: 11px;
  212. color:{color:text};text-align: justify;
  213. background: {color:background};
  214. background-image: url('{image:background}');
  215. background-repeat: no-repeat; overflow: hidden;
  216. background-attachment: fixed;
  217. background-position: left bottom;
  218. }
  219.  
  220. a {
  221. color: {color:link};
  222. text-decoration: none;
  223. -moz-transition-duration:0.4s;
  224. -webkit-transition-duration:0.4s;
  225. -o-transition-duration:0.4s; }
  226.  
  227. a:hover {
  228. color: {color:link hover};
  229. text-decoration: none;
  230. -moz-transition-duration:0.4s;
  231. -webkit-transition-duration:0.4s;
  232. -o-transition-duration:0.4s;}
  233.  
  234. small { font-size:11px;}
  235.  
  236. b{ font-size:12px;}
  237.  
  238. i, italic, em {
  239. font-size:15px;
  240. color: #bebebe;
  241. font-weight:900;
  242. font-family: 'Ruthie', cursive;
  243. letter-spacing:1px;
  244. text-shadow:0px 0px 4px #b2b2b2;
  245. line-height:90%;
  246. text-transform:none; }
  247.  
  248. i2 {
  249. font-size:20px;
  250. color: #bebebe;
  251. font-weight:900;
  252. font-family: 'Pinyon Script', cursive;
  253. letter-spacing:1px;
  254. text-shadow:0px 0px 4px #b2b2b2;
  255. line-height:90%;
  256. text-transform:none; }
  257.  
  258. h1 {
  259. font-size:25px;
  260. text-align: center;
  261. font-weight: normal!important;
  262. font-family: cambria;
  263. line-height:95%;
  264. text-transform:Uppercase;
  265. letter-spacing:-1px;
  266. padding-right: 4px;
  267. color: {color:text};
  268. text-decoration: none;
  269. }
  270.  
  271. h2 {
  272. opacity: 0.85; text-transform: uppercase;
  273. font-family: fjalla one;
  274. font-size: 19px;
  275. letter-spacing: -1px;
  276. }
  277.  
  278. h4 {
  279. background-image: url({image:h4});
  280. background-size: 190px 28px;
  281. background-repeat: no-repeat;
  282. background-position: center;
  283. border: 1px solid transparent;
  284. border-radius: 85px;
  285. overflow: hidden;
  286. padding: 0px;
  287. color: white;
  288. text-shadow: 0px 0px 2px white;
  289. font-size: 9px;
  290. font-family: helvetica;
  291. text-transform: uppercase;
  292. letter-spacing: 1px;
  293. text-align: center;}
  294.  
  295.  
  296. pre {
  297. white-space: pre-wrap;
  298. white-space: -moz-pre-wrap;
  299. white-space: -pre-wrap;
  300. white-space: -o-pre-wrap;
  301. word-wrap: break-word;
  302. background-image:url('');
  303. background-color:#333333;
  304. background-repeat:repeat;
  305. background-attachment:fixed;
  306. text-align:justify;
  307. padding: 8px;
  308. font-size:10px;
  309. border-left: 5px solid {color:pre border};
  310. border-right: 5px solid {color:pre border};}
  311.  
  312.  
  313. #asker {
  314. font-family: 'Monsieur La Doulaise', cursive;
  315. text-transform:lowercase;
  316. font-style:normal;
  317. text-shadow: 0px 0px 1px #111;
  318. margin-left:65px;
  319. margin-top:-55px;
  320. font-size:13px;
  321. }
  322.  
  323. #asker a {
  324. font-family: 'Monsieur La Doulaise', cursive;
  325. text-transform:lowercase;
  326. font-style:normal;
  327. text-shadow: 0px 0px 1px #111;
  328. font-size:25px;
  329. }
  330.  
  331. #askerline {
  332. font-family: 'Montserrat', sans-serif;
  333. color:{color:asker line};
  334. font-size:9px;
  335. text-transform:uppercase;
  336. margin-left:65px;
  337. text-shadow: 0px 0px 1px #111;
  338. }
  339.  
  340. #question {
  341. background-image: url('');
  342. background-repeat:repeat;
  343. margin-top:12px;
  344. width:400px;
  345. background-color:{color:question bg};
  346. border-left: solid 2px {color:question border};
  347. border-right: solid 2px {color:question border};
  348. padding:7px;
  349. text-transform:uppercase;
  350. text-align:center;
  351. letter-spacing:1px;
  352. font-size:7px;
  353. font-weight:900;
  354. font-family:trebuchet ms;
  355. color:{color:question text};
  356. text-shadow:0 0 1px #000;
  357. }
  358.  
  359. #answer {
  360. margin-top:20px;
  361. }
  362.  
  363.  
  364.  
  365.  
  366. #feels {
  367. position:absolute;
  368. top:0px;
  369. left:652px;
  370. /* If you want a border, just add 'border: _px solid #color;' */
  371. height:740px;
  372. width:465px;
  373. word-wrap: break-word;
  374. z-index:999;
  375. overflow-y:scroll;
  376. text-align: justify;
  377. color:{color:text};
  378.  
  379. -webkit-mask-image: -webkit-gradient(
  380. linear, center 75%, center bottom,
  381. from(rgba(0,0,0,20)),
  382. to(rgba(20,0,0,0)));
  383. }
  384.  
  385.  
  386.  
  387. #posts {
  388. width: 415px;
  389. text-align:justify;
  390. color:{color:text};
  391. margin-bottom:50px;
  392. }
  393.  
  394. #posts img{opacity:0.98;}
  395.  
  396. #posts img:hover{
  397. opacity:0.99;
  398. -moz-transition-duration:0.5s;
  399. -webkit-transition-duration:0.5s;
  400. -o-transition-duration:0.5s;}
  401.  
  402. .caption {
  403. width:400px;
  404. text-align:left;
  405. line-height:150%;
  406. font-size:9px;
  407. letter-spacing:1px;
  408. text-transform:uppercase;}
  409.  
  410.  
  411. img {
  412. max-width: 100%;
  413. opacity:1;
  414. }
  415.  
  416.  
  417. /*--------------------------- TAGS & INFO ---------------------------*/
  418.  
  419.  
  420. #date {
  421. width:15px;
  422. height:5px;
  423. position:relative;
  424. left:18px;
  425. top:10px;
  426. text-align: center;
  427. font-weight:600;
  428. font-size: 10px;
  429. line-height:80%;
  430. z-index: 10;
  431. -ms-transform: rotate(20deg); /* IE 9 */
  432. -webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
  433. transform: rotate(20deg);
  434. }
  435.  
  436. #date a {
  437. font-size:18px;
  438. text-decoration:none;
  439. -webkit-transition: all 0.6s ease-in-out;
  440. -moz-transition: all 0.6s ease-in-out;
  441. -o-transition: all 0.6s ease-in-out;
  442. -ms-transition: all 0.6s ease-in-out;
  443. transition: all 0.6s ease-in-out;
  444. color:#777;}
  445.  
  446. #date a:hover {
  447. text-shadow:0px 0px 7px #828282;
  448. color:#999;
  449. -webkit-transition: all 0.6s ease-in-out;
  450. -moz-transition: all 0.6s ease-in-out;
  451. -o-transition: all 0.6s ease-in-out;
  452. -ms-transition: all 0.6s ease-in-out;
  453. transition: all 0.6s ease-in-out;
  454. }
  455.  
  456.  
  457. #notez {
  458. width:15px;
  459. height:5px;
  460. position:relative;
  461. left:-2px;
  462. top:7px;
  463. margin-bottom:0px;
  464. text-align: center;
  465. font-weight:600;
  466. letter-spacing: 100%;
  467. line-height:80%;
  468. text-transform: uppercase;
  469. z-index: 10;
  470. -ms-transform: rotate(-20deg); /* IE 9 */
  471. -webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
  472. transform: rotate(-20deg);
  473. }
  474.  
  475. #notez a {
  476. color:#777;
  477. font-weight:800;
  478. font-size:20px;
  479. text-decoration:none;
  480. -webkit-transition: all 0.6s ease-in-out;
  481. -moz-transition: all 0.6s ease-in-out;
  482. -o-transition: all 0.6s ease-in-out;
  483. -ms-transition: all 0.6s ease-in-out;
  484. transition: all 0.6s ease-in-out;
  485. }
  486.  
  487. #notez a:hover {
  488. text-shadow:0px 0px 7px #828282;
  489. color:#999;
  490. -webkit-transition: all 0.6s ease-in-out;
  491. -moz-transition: all 0.6s ease-in-out;
  492. -o-transition: all 0.6s ease-in-out;
  493. -ms-transition: all 0.6s ease-in-out;
  494. transition: all 0.6s ease-in-out;
  495. }
  496.  
  497.  
  498. #reblog {
  499. width:15px;
  500. height:5px;
  501. position:relative;
  502. left:16px;
  503. top:20px;
  504. margin-bottom:0px;
  505. text-align: center;
  506. font-weight:600;
  507. letter-spacing: 100%;
  508. font-size: 20px;
  509. line-height:80%;
  510. text-transform: uppercase;
  511. z-index: 10;
  512. -ms-transform: rotate(120deg); /* IE 9 */
  513. -webkit-transform: rotate(120deg); /* Chrome, Safari, Opera */
  514. transform: rotate(120deg);
  515. }
  516.  
  517. #reblog a {
  518. color:#777;
  519. font-weight:800;
  520. font-size:19px;
  521. text-decoration:none;
  522. -webkit-transition: all 0.6s ease-in-out;
  523. -moz-transition: all 0.6s ease-in-out;
  524. -o-transition: all 0.6s ease-in-out;
  525. -ms-transition: all 0.6s ease-in-out;
  526. transition: all 0.6s ease-in-out;
  527. }
  528.  
  529. #reblog a:hover {
  530. text-shadow:0px 0px 7px #828282;
  531. color:#999;
  532. -webkit-transition: all 0.6s ease-in-out;
  533. -moz-transition: all 0.6s ease-in-out;
  534. -o-transition: all 0.6s ease-in-out;
  535. -ms-transition: all 0.6s ease-in-out;
  536. transition: all 0.6s ease-in-out;
  537. }
  538.  
  539.  
  540.  
  541. #tagsborder {
  542. border-top: solid 1px #777;
  543. background-repeat:no-repeat;
  544. width:380px;
  545. margin-top:0px;
  546. margin-left:40px;
  547. color:#000000;
  548. height:3px;
  549. }
  550.  
  551. #tags {
  552. width:384px;
  553. margin-top:-7px;
  554. margin-left:30px;
  555. color:#000000;
  556. padding-top:8px;
  557. padding-bottom:8px;
  558. padding-left:10px;
  559. padding-right:2px;
  560. text-align:left;
  561. font-size:8px;
  562. }
  563.  
  564. #tags a {
  565. text-transform:none;
  566. letter-spacing:1px;
  567. font-family:calibri;
  568. word-wrap: break-word;
  569. font-size:8px;
  570. line-height:100%;
  571. font-weight:800;
  572. text-shadow:1px 1px 0px #000;
  573. text-decoration:none;
  574. color:#999;
  575. }
  576.  
  577. #tags a:hover {
  578. color:#e0d3ed;
  579. }
  580.  
  581.  
  582.  
  583. #descword {
  584. position:fixed;
  585. font-family: 'Monsieur La Doulaise', cursive;
  586. height:45px;
  587. width:200px;
  588. top:325px;
  589. left:1150px;
  590. font-size:30px;
  591. letter-spacing:2px;
  592. color:{color:description};
  593. transform:rotate(0deg);
  594. }
  595.  
  596.  
  597.  
  598. #cabal {
  599. font-family: 'Abel', sans-serif;
  600. font-size:9px;
  601. background:#282625;
  602. color: #9e9f9f;
  603. width:125px;
  604. height:0px;
  605. left: 1120px;
  606. top: 250px;
  607. text-align:justify;
  608. position:fixed;
  609. opacity:0;
  610. }
  611.  
  612.  
  613.  
  614. #cabal:hover {
  615. -webkit-filter:none;
  616. -webkit-transition: all 0.6s ease-in-out;
  617. opacity:1;
  618. -webkit-transition: all 0.6s ease-in-out;
  619. -moz-transition: all 0.6s ease-in-out;
  620. -o-transition: all 0.6s ease-in-out;
  621. -ms-transition: all 0.6s ease-in-out;
  622. transition: all 0.6s ease-in-out;
  623. }
  624.  
  625.  
  626.  
  627. #everlark
  628. #everlark a{
  629. display:block;
  630. position: absolute;}
  631.  
  632. #everlark .dick {
  633. position: absolute;
  634. margin-top:0px;
  635. filter: alpha(opacity = 0);
  636. opacity:0;
  637. -webkit-transition: all 0.5s ease-out;
  638. -moz-transition: all 0.5s ease-out;
  639. transition: all 0.5s ease-out;}
  640.  
  641. #everlark:hover .dick {
  642. margin-top:0px;
  643. -webkit-transition: all 0.8s ease-out;
  644. -moz-transition: all 0.8s ease-out;
  645. transition: all 0.8s ease-out;
  646. filter: alpha(opacity = 100);
  647. filter: alpha(opacity = 100);
  648. opacity:100;
  649. }
  650.  
  651. #updates { font-size: 9px;
  652. width: 100px;
  653. height: auto;
  654. padding-top: 3px;
  655. margin-left: 395px;
  656. text-align: right;
  657. position: absolute;
  658. }
  659.  
  660. #anchor img{
  661. margin-left: 508px;
  662. position: absolute;
  663. }
  664.  
  665.  
  666.  
  667. .tumblr_blog {
  668. text-transform: uppercase;
  669. margin-bottom: 5px;
  670. font-family: 'fjalla one', sans-serif;
  671. font-size: 14px;
  672. letter-spacing: -1px;
  673. line-height: 125%;}
  674.  
  675. #title {
  676. opacity: 0.85;
  677. text-transform: uppercase;
  678. font-weight: bold;
  679. font-family: 'Orbitron', sans-serif;
  680. font-size: 25px;
  681. letter-spacing: -1px;
  682. text-align: center;
  683. left: 30px;
  684. bottom: 80px;
  685. width: 500px;
  686. line-height: 65%;
  687. position: fixed;
  688. color: {color:navigation hover};}
  689.  
  690. .navigation {
  691. color: {color:navigation hover};
  692. padding: 7px;
  693. text-transform: uppercase;
  694. margin-bottom: 5px;
  695. font-family: fjalla one;
  696. -moz-transition-duration: 0.4s;
  697. -webkit-transition-duration: 0.4s;
  698. -o-transition-duration: 0.4s;
  699. font-size: 20px;
  700. line-height: 120%;
  701. letter-spacing: -1px;
  702. bottom: 10px;
  703. width: 190px;
  704. left: 1100px;
  705. display: inline-table;
  706. position: fixed;
  707. }
  708.  
  709. .navigation a {
  710. color: {color:navigation hover};
  711. text-decoration: none;
  712. padding:2px;
  713. background-color: none;}
  714.  
  715. .navigation a:hover {
  716. color: {color:text};
  717. -moz-transition-duration:0.4s;
  718. -webkit-transition-duration:0.4s;
  719. -o-transition-duration:0.4s;
  720. }
  721.  
  722. ::selection {
  723. color: {color:select};
  724. background: {color:navigation hover};
  725. }
  726.  
  727. ::-moz-selection {
  728. color: {color:select};
  729. background: {color:navigation hover};
  730. }
  731.  
  732. ::-webkit-selection {
  733. color: {color:select};
  734. background: {color:navigation hover};
  735. }
  736.  
  737. blockquote {
  738. border-left:4px solid {color:link hover};
  739. padding-left:5px;
  740. margin:3px 5px 3px 20px;}
  741.  
  742.  
  743.  
  744.  
  745.  
  746.  
  747. #fade {
  748. display: none;
  749. background: #000;
  750. position: fixed;
  751. left: 0;
  752. top: 0;
  753. width: 100%;
  754. height: 100%;
  755. opacity: .80;
  756. z-index: 9999;
  757. }
  758.  
  759. .popup_block{
  760. display: none;
  761. background: #FFFFFF;
  762. padding: 20px;
  763. float: left;
  764. position: fixed;
  765. top: 50%;
  766. left: 50%;
  767. z-index: 99999;
  768. }
  769.  
  770. img.btn_close {
  771. float: right;
  772. width: 15px;
  773. margin: -15px -15px 0 0;
  774. }
  775.  
  776. *html #fade {
  777. position: absolute;
  778. }
  779.  
  780. *html .popup_block {
  781. position: absolute;
  782. }
  783.  
  784. .notes{ list-style-type: none;}
  785. .notes img{
  786. border-radius: 3px;
  787. margin: 0px 10px -4px 0px;}
  788. .notes li {
  789. padding-bottom: 7px;
  790. }
  791. .mus {
  792. min-height: 100px;
  793. height: 100px;
  794. padding: 0px 20px;
  795. padding-left: 0px;
  796. display: table;
  797. {block:If250pxPost}{block:IndexPage}
  798. width: 210px;
  799. padding: 20px;
  800. height: 210px;
  801. {/block:IndexPage}{/block:If250pxPost}}
  802.  
  803. .mus img {width: 100px; position: absolute; border-radius: 5px;
  804. {block:If250pxPost}{block:IndexPage}
  805. width: 150px; margin-left: 30px; margin-top: 30px;
  806. {/block:IndexPage}{/block:If250pxPost}}
  807.  
  808. .musiclabel {
  809. padding: 10px 20px;
  810. padding-left: 120px;
  811. display: table-cell;
  812. {block:IfNot250pxPost}
  813. {block:IfNot400pxPost}width: 400px;{/block:IfNot400pxPost}
  814. {block:If400pxPost}width: 300px;{/block:If400pxPost}
  815. {/block:IfNot250pxPost}
  816. {block:If250pxPost}
  817. width: 150px;
  818. {block:PermalinkPage}width: 400px;{/block:PermalinkPage}
  819. {/block:If250pxPost}
  820. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase} }
  821. .audioverlay {opacity: 0.3;
  822. {block:IfAudioPlayerWhite}background-color: #fff;{/block:IfAudioPlayerWhite}
  823. {block:IfAudioPlayerGrey}background-color: #e4e4e4;{/block:IfAudioPlayerGrey}
  824. {block:IfAudioPlayerBlack}background-color: #000;{/block:IfAudioPlayerBlack}
  825. position: absolute;
  826. z-index: 10;
  827.  
  828. transition-duration: 0.6s;
  829. -moz-transition-duration: 0.6s;
  830. -webkit-transition-duration: 0.6s;
  831. -o-transition-duration: 0.6s;
  832. z-index: 100;}
  833.  
  834. .mus:hover .audioverlay {opacity: 0.8;
  835. transition-duration: 0.6s;
  836. -moz-transition-duration: 0.6s;
  837. -webkit-transition-duration: 0.6s;
  838. -o-transition-duration: 0.6s;}
  839.  
  840. .audioarrow { width: 20px;
  841. height: 30px;
  842. overflow: hidden;
  843. margin: 35px 45px 35px 35px;}
  844.  
  845.  
  846.  
  847. /*--------------------------- POPUP ------------------------------ */
  848.  
  849.  
  850. /*--Making IE6 Understand Fixed Positioning--*/
  851. *html #fade {
  852. position: absolute;
  853. }
  854. *html .popup_block {
  855. position: absolute;
  856. }
  857.  
  858. .popup_block{
  859. background-color:{color:background};
  860. border: 0px solid #3b3b3b;
  861. width:250px;
  862. height:485px;
  863. top:350px;
  864. padding: 5px;
  865. left: 800px;
  866. display: none; /*--hidden by default--*/
  867. float: left;
  868. font-size: 10px; /*font size of the words inside the box */
  869. position: fixed;
  870. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  871. }
  872.  
  873.  
  874. #fade { /*--Transparent background layer--*/
  875. display: none; /*--hidden by default--*/
  876. background: {color:background};
  877. background-repeat: no-repeat;
  878. background-position: center;
  879. background-image: url(''); /*if you want to add a background image to go behind your popup */
  880. position: fixed; left: 0; top: 0;
  881. width: 100%; height: 100%;
  882. opacity: 1.0;
  883. z-index: 9999;
  884. }
  885.  
  886.  
  887. .importante {
  888. background-color:transparent;
  889. left: 450px;
  890. top:100px;
  891. height: 380px;
  892. width: 232px;
  893. position: fixed;
  894. font-size:11px;
  895. overflow: auto;
  896. padding: 10px;
  897. z-index:2;
  898. }
  899.  
  900. .pops {
  901. background-image:url('{image:popup}');
  902. background-repeat:no-repeat;
  903. top:75px;
  904. left: 400px;
  905. text-align:justify;
  906. height:500px;
  907. width:600px;
  908. position:fixed;
  909. transition:0.7s ease-in-out;
  910. -o-transition:0.7s ease-in-out;
  911. -ms-transition:0.7s ease-in-out;
  912. -moz-transition:0.7s ease-in-out;
  913. -webkit-transition:0.7s ease-in-out;
  914. transition: all 0.4s ease-out;
  915. -moz-transition-duration: 0.4s;
  916. -webkit-transition-duration: 0.4s;
  917. -o-transition-duration: 0.4s;
  918. transition-duration: 0.4s;
  919.  
  920. }
  921.  
  922. .popupnavlinks {
  923. padding-top:5px;
  924. text-align:center; }
  925.  
  926.  
  927. .popupnavlinks a {
  928. display:inline-block;
  929. background-color: {color:background};
  930. border-top: 1px solid {color:bold};
  931. border-bottom: 1px solid {color:bold};
  932. text-align: center;
  933. font-size: 9px;
  934. font-family: arial;
  935. color: #fff;
  936. display: inline-block;
  937. width:90px; height:4px;
  938. margin:2px; padding:3px 6px 10px;
  939. -webkit-mask-image: -webkit-linear-gradient(left, rgba(24,24,30,0), rgba(24,24,30,1), rgba(24,24,30,0))
  940. }
  941.  
  942. .popupnavlinks a:hover {
  943. display:inline-block;
  944. letter-spacing:2px;
  945. -moz-transition-duration: 0.4s;
  946. -webkit-transition-duration: 0.4s;
  947. -o-transition-duration: 0.4s;
  948. transition-duration: 0.4s;
  949. }
  950.  
  951.  
  952.  
  953. .popupclose {
  954. float:right; top:0px; right:0px;
  955. margin-top:-10px; margin-right:-10px;
  956. font-family:'Scada', sans serif;
  957. font-size:10px;
  958. font-weight:bold }
  959.  
  960. .popupclose a {
  961. color:#aaa }
  962.  
  963.  
  964.  
  965.  
  966.  
  967.  
  968. /*---------------------------- NAVIGATION ---------------------------*/
  969.  
  970. .link2 {
  971. bottom: 100px;
  972. left: 500px;
  973. height: 100px;
  974. width: 100px;
  975. position: fixed;
  976. background-color: transparent;
  977. font-size: 25px;
  978. }
  979.  
  980.  
  981. .link2 img {
  982. -ms-transform: rotate(-30deg);
  983. -webkit-transform: rotate(-30deg);
  984. -o-transform: rotate(-30deg);
  985. -moz-transform: rotate(-30deg);
  986. -webkit-transition: all .8s ease-in-out;
  987. -moz-transition: all .8s ease-in-out;
  988. -o-transition: all .8s ease-in-out;
  989. width:75px; }
  990.  
  991.  
  992.  
  993. .link3 {
  994. bottom: 550px;
  995. left: 450px;
  996. height: 50px;
  997. width: 50px;
  998. position: fixed;
  999. background-color: transparent;
  1000. font-size: 40px;
  1001. }
  1002.  
  1003.  
  1004. .link3 img {
  1005. -ms-transform: rotate(-30deg);
  1006. -webkit-transform: rotate(-30deg);
  1007. -o-transform: rotate(-30deg);
  1008. -moz-transform: rotate(-30deg);
  1009. -webkit-transition: all .8s ease-in-out;
  1010. -moz-transition: all .8s ease-in-out;
  1011. -o-transition: all .8s ease-in-out;
  1012. width:75px; }
  1013.  
  1014.  
  1015.  
  1016. .link4 {
  1017. bottom: 205px;
  1018. left: 450px;
  1019. height: 50px;
  1020. width: 50px;
  1021. position: fixed;
  1022. background-color: transparent;
  1023. font-size: 40px;
  1024. }
  1025.  
  1026.  
  1027. .link4 img {
  1028. -ms-transform: rotate(-30deg);
  1029. -webkit-transform: rotate(-30deg);
  1030. -o-transform: rotate(-30deg);
  1031. -moz-transform: rotate(-30deg);
  1032. -webkit-transition: all .8s ease-in-out;
  1033. -moz-transition: all .8s ease-in-out;
  1034. -o-transition: all .8s ease-in-out;
  1035. width:75px; }
  1036.  
  1037.  
  1038.  
  1039. .link5 {
  1040. bottom: 325px;
  1041. left: 50px;
  1042. height: 50px;
  1043. width: 50px;
  1044. position: fixed;
  1045. background-color: transparent;
  1046. font-size: 40px;
  1047. }
  1048.  
  1049. .link5 img {
  1050. -ms-transform: rotate(-30deg);
  1051. -webkit-transform: rotate(-30deg);
  1052. -o-transform: rotate(-30deg);
  1053. -moz-transform: rotate(-30deg);
  1054. -webkit-transition: all .8s ease-in-out;
  1055. -moz-transition: all .8s ease-in-out;
  1056. -o-transition: all .8s ease-in-out;
  1057. width:75px; }
  1058.  
  1059.  
  1060.  
  1061.  
  1062. .link6 {
  1063. bottom: 155px;
  1064. left: 10px;
  1065. height: 50px;
  1066. width: 50px;
  1067. position: fixed;
  1068. background-color: transparent;
  1069. font-size: 40px;
  1070. }
  1071.  
  1072. .link6 img {
  1073. -ms-transform: rotate(-30deg);
  1074. -webkit-transform: rotate(-30deg);
  1075. -o-transform: rotate(-30deg);
  1076. -moz-transform: rotate(-30deg);
  1077. -webkit-transition: all .8s ease-in-out;
  1078. -moz-transition: all .8s ease-in-out;
  1079. -o-transition: all .8s ease-in-out;
  1080. width:75px; }
  1081.  
  1082.  
  1083.  
  1084.  
  1085.  
  1086. .link7 {
  1087. bottom: 55px;
  1088. left: 520px;
  1089. height: 50px;
  1090. width: 50px;
  1091. position: fixed;
  1092. background-color: transparent;
  1093. font-size: 40px;
  1094. }
  1095.  
  1096. .link7 img {
  1097. -ms-transform: rotate(-30deg);
  1098. -webkit-transform: rotate(-30deg);
  1099. -o-transform: rotate(-30deg);
  1100. -moz-transform: rotate(-30deg);
  1101. -webkit-transition: all .8s ease-in-out;
  1102. -moz-transition: all .8s ease-in-out;
  1103. -o-transition: all .8s ease-in-out;
  1104. width:75px; }
  1105.  
  1106.  
  1107.  
  1108.  
  1109.  
  1110. /*--------------------------- POPUP ------------------------------ */
  1111.  
  1112. ul#tabs {
  1113. list-style-type: none;
  1114. padding: 0;
  1115. text-align: justify;
  1116. font-size:7px;
  1117. letter-spacing:1px;
  1118. display: inline;
  1119. }
  1120. ul#tabs li {
  1121. background-color: #2f2f2f;
  1122. border: 0px solid #222222;
  1123. border-radius: 2px;
  1124. background-repeat:repeat;
  1125. background-attachment:fixed;
  1126. background-image: url('');
  1127. display: inline-block;
  1128. padding: 4px;
  1129. margin-bottom: 4px;
  1130. margin-left: 2px;
  1131. cursor: pointer;
  1132. color: {color:mainlinks};
  1133. text-align: center;
  1134. }
  1135. ul#tabs li:hover {
  1136. background-color: #272727;
  1137. border-radius: 2px;
  1138. color: #388b38;
  1139. text-shadow: 1px 1px 3px #fff;
  1140. }
  1141. ul#tabs li.active {
  1142. background-image: url('');
  1143. background:{color:mainlinks};
  1144. background-repeat:repeat;
  1145. background-attachment:fixed;
  1146. border: 0px solid #222222;
  1147. color:#ffffff;
  1148. display: inline-block;
  1149. padding: 4px;
  1150. margin-bottom: 4px;
  1151. cursor: pointer;
  1152. border-radius: 2px;
  1153. text-align: center;
  1154. }
  1155. ul#tab {
  1156. list-style-type: none;
  1157. margin: 0;
  1158. padding: 0;
  1159. }
  1160. ul#tab li {
  1161. display: none;
  1162. }
  1163. ul#tab li.active {
  1164. display: block;
  1165. }
  1166.  
  1167.  
  1168. #esperanza {
  1169. position: fixed;
  1170. background-color: {color:background};
  1171. border-bottom: 1px solid #3b3b3b;
  1172. padding: 5px;
  1173. width: 250px;
  1174. height: 25px;
  1175. overflow: auto;
  1176. text-align: center;
  1177. z-index: 1;
  1178.  
  1179. }
  1180.  
  1181.  
  1182.  
  1183.  
  1184. </style>
  1185. <style type="text/css">{CustomCSS}</style>
  1186.  
  1187. </head>
  1188.  
  1189. <body>
  1190.  
  1191.  
  1192. <script type="text/javascript">
  1193. <!--
  1194. function clickIE() {if (document.all) {(message);return false;}}
  1195. function clickNS(e) {if
  1196. (document.layers||(document.getElementById&&!document.all)) {
  1197. if (e.which==2||e.which==3) {(message);return false;}}}
  1198. if (document.layers)
  1199. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  1200. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  1201. document.oncontextmenu=new Function("return false")
  1202. // -->
  1203. </script>
  1204.  
  1205.  
  1206.  
  1207. <div id="descword">{text:desc word}</div>
  1208.  
  1209.  
  1210. <div id="cabal">
  1211. <div style="opacity: 1;background:#000">
  1212.  
  1213. <center>
  1214.  
  1215. <a href="/" title="home"><i2>Geralt of Rivia</i2></a>
  1216.  
  1217. {text:hover desc}
  1218. TRACKING: <a href="https://www.tumblr.com/tagged/{text:tracking url}">{text:tracking name}</a>
  1219. <br><br>
  1220.  
  1221. </center>
  1222.  
  1223.  
  1224. </div>
  1225. </div>
  1226.  
  1227.  
  1228.  
  1229.  
  1230. <div id="everlark">
  1231. <div id="anchor"><img src="{image:updates}" width="50"></div>
  1232. <div style="font-family: 'Orbitron', sans-serif;font-size: 8px;text-transform: uppercase;letter-spacing: 3px;opacity:0.5;margin-left: 500px;margin-top:50px;position: fixed;">updates<br></div>
  1233. <div class="dick">
  1234. <div id="updates">
  1235. <b>ɪɴǫᴜɪʀɪᴇs</b>: {text:Asks} <br>
  1236. <b>ɪɴᴄᴏᴍᴘʟᴇᴛᴇ</b>: {text:Drafts} <br>
  1237. <b>ᴄᴏᴍᴘʟᴇᴛᴇ</b>: {text:Completed}</div>
  1238. </div></div>
  1239.  
  1240.  
  1241.  
  1242. <div class="navigation">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" title="retreat" class="jump_page">◀</a>{/block:PreviousPage}{/block:Pagination}
  1243.  
  1244. {block:Pagination}{block:NextPage}<a href="{NextPage}" title="advance" class="jump_page">▶</a>{/block:NextPage}{/block:Pagination}
  1245. </div>
  1246.  
  1247. <div id="feels">
  1248. {block:Posts}
  1249. <div id="posts">
  1250.  
  1251. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  1252.  
  1253. {block:Quote}<h1>❝{Quote}❞</h1>&mdash;{Source}{/block:Quote}
  1254.  
  1255. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  1256. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  1257.  
  1258. {block:Photo}<center><img src="{PhotoURL-400}"></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1259.  
  1260. {block:Photoset}<center>{Photoset-400}</center>
  1261. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1262.  
  1263. {block:Audio}<div class="mus"><div class="audioverlay"><div class="audioarrow">{block:IfAudioPlayerWhite}{AudioPlayerWhite}{/block:IfAudioPlayerWhite}{block:IfAudioPlayerGrey}{AudioPlayerGrey}{/block:IfAudioPlayerGrey}
  1264. {block:IfAudioPlayerBlack}{AudioPlayerBlack}{/block:IfAudioPlayerBlack}</div></div><img src="https://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art"/>{block:AlbumArt}<img class="cover" src="{AlbumArtURL}" />{/block:AlbumArt}<div class="musiclabel" {block:If250pxPost}{block:IndexPage}style="display: none"{/block:IndexPage}{/block:If250pxPost}>{block:TrackName}<span style="font-weight:normal;text-transform: uppercase;font-family: fjalla one;font-size:17px;letter-spacing:-1px;">{TrackName}</span>{/block:TrackName}<br>{block:Artist}{Artist}{/block:Artist} {block:Album}· {Album}{/block:Album}<br>
  1265. {block:Playcount}{Playcount} Plays{/block:Playcount}</div></div>
  1266. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1267.  
  1268.  
  1269. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  1270.  
  1271. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1272.  
  1273.  
  1274. {block:Answer}
  1275. <img src="{image:asks}" style="margin-top:20px; margin-left:5px; max-width:50px; " draggable="false">
  1276. <div id="asker"> {asker} </div>
  1277. <div id="askerline"> {text:asker line} </div>
  1278. <div id="question">{question}</div>
  1279. <div id="answer"> <p>{answer} </div>
  1280. {/block:Answer}
  1281.  
  1282.  
  1283.  
  1284.  
  1285. <div id="date">
  1286. <a href="{Permalink}" title="{block:NoteCount}{NoteCount} hits.{/block:NoteCount}"> {text:notes}️ </a></div>
  1287. <div id="notez"> <a href="{Permalink}" title="{TimeAgo}."> {text:time} </a> </div>
  1288. <div id="reblog"><a href="{ReblogUrl}" title="reblog."> ↺ </a></div>
  1289.  
  1290.  
  1291. {block:ContentSource}
  1292. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1293. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1294. {/block:SourceLogo}
  1295. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1296. {/block:ContentSource}
  1297.  
  1298. <!-- {block:NoRebloggedFrom}
  1299. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1300. {/block:NoRebloggedFrom} -->
  1301.  
  1302.  
  1303.  
  1304.  
  1305.  
  1306. <!------------------------ INFO AND SYMBOLS ENDS ---------------------->
  1307.  
  1308.  
  1309.  
  1310. <div id="tagsborder"> </div>
  1311. <div id="tags">{block:HasTags}
  1312. {block:Tags} <a href="{TagURL}"><font style="font-size:8px;"><span style="color: #777">◈ </span> {Tag}</font></a> &nbsp; &nbsp; {/block:Tags}{/block:HasTags}</div>
  1313.  
  1314. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1315.  
  1316. </div>
  1317. {/block:Posts}
  1318. </div>
  1319.  
  1320.  
  1321.  
  1322.  
  1323. <!---TAB ASK STARTS-->
  1324. <div id="askbox" class="popup_block">
  1325.  
  1326. <div style="width:auto; height:450px; overflow:auto; padding:5px 5px 15px 5px;">
  1327.  
  1328. <div class="pops">
  1329. <div class="importante">
  1330.  
  1331. <center><h2>MESSAGE</h2><hr></center>
  1332.  
  1333.  
  1334.  
  1335. <!---ASK START--->
  1336. <ul id="tab" style="margin-top: 10px;">
  1337.  
  1338.  
  1339.  
  1340. <Center><iframe frameborder="0" scrolling="yes" width="100%" height="290" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  1341. </center>
  1342.  
  1343.  
  1344.  
  1345.  
  1346. <!---ASK ENDS--->
  1347.  
  1348.  
  1349.  
  1350. </ul>
  1351. </div></div>
  1352. </div></div>
  1353. <!---TAB ASK ENDS--->
  1354.  
  1355.  
  1356.  
  1357.  
  1358.  
  1359.  
  1360.  
  1361.  
  1362.  
  1363.  
  1364. <!---TAB RULES STARTS-->
  1365. <div id="box4" class="popup_block">
  1366.  
  1367. <div style="width:auto; height:450px; overflow:auto; padding:5px 5px 15px 5px;">
  1368.  
  1369. <div class="pops">
  1370. <div class="importante">
  1371.  
  1372. <center><h2>{text:rulestitles}</h2><hr></center>
  1373.  
  1374.  
  1375.  
  1376. <!---RULES START--->
  1377. <ul id="tab" style="margin-top: 10px;">
  1378.  
  1379.  
  1380.  
  1381. {text:rules}
  1382.  
  1383.  
  1384.  
  1385.  
  1386. <!---RULES ENDS--->
  1387.  
  1388.  
  1389.  
  1390. </ul>
  1391. </div></div>
  1392. </div></div>
  1393. <!---TAB RULES ENDS--->
  1394.  
  1395.  
  1396.  
  1397.  
  1398.  
  1399.  
  1400. <!---TAB BIOGRAPHY STARTS-->
  1401. <div id="box5" class="popup_block">
  1402.  
  1403. <div style="width:auto; height:450px; overflow:auto; padding:5px 5px 15px 5px;">
  1404.  
  1405. <div class="pops">
  1406. <div class="importante">
  1407.  
  1408. <center><h2>BIOGRAPHY</h2><hr></center>
  1409.  
  1410. <!---BIOGRAPHY START--->
  1411. <ul id="tab" style="margin-top: 10px;">
  1412.  
  1413.  
  1414.  
  1415. <h2>The Basics</h2>
  1416. <p><strong>FULL NAME:</strong> INPUT HERE<br />
  1417. <strong>RANK:</strong> INPUT HERE<br />
  1418. <strong>DOB:</strong> INPUT HERE<br />
  1419. <strong>POB:</strong> INPUT HERE<br />
  1420. <strong>HOME TOWN:</strong> INPUT HERE<br />
  1421. <strong>SEX:</strong> INPUT HERE<br />
  1422. <strong>ORIENTATION:</strong> INPUT HERE<br />
  1423. <strong>MARITAL STATUS:</strong> INPUT HERE<br />
  1424. <strong>KNOWN LANGUAGES:</strong> INPUT HERE<br />
  1425. <strong>EDUCATION:</strong> INPUT HERE<br />
  1426. <strong>CURRENT OCCUPATION:</strong> INPUT HERE<br />
  1427. <strong>PREVIOUS LOCATIONS:</strong> INPUT HERE</p>
  1428. <h2>Family</h2>
  1429. <p><strong>MOTHER:</strong> INPUT HERE<br />
  1430. <strong>FATHER:</strong> INPUT HERE<br />
  1431. <strong>BROTHER:</strong> INPUT HERE<br />
  1432. <strong>SISTER:</strong> INPUT HERE <br />
  1433. <h2>Traits</h2>
  1434. <p><strong>HAIR / EYES:</strong> INPUT HERE<br />
  1435. <strong>HEIGHT / WEIGHT:</strong> INPUT HERE<br />
  1436. <strong>BODY TYPE / SKINTONE:</strong> INPUT HERE<br />
  1437. <strong>NOTABLE MARKINGS:</strong>INPUT HERE<br />
  1438. <strong>FACE CLAIMS:</strong> INPUT HERE</p>
  1439.  
  1440. <BR>
  1441. <P><h2>ABOUT YOUR CHARACTER</h2>
  1442.  
  1443. 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.
  1444.  
  1445. </li>
  1446.  
  1447. <!---BIOGRAPHY ENDS--->
  1448.  
  1449.  
  1450.  
  1451. </ul>
  1452. </div></div>
  1453. </div></div>
  1454. <!---BIOGRAPHY ENDS--->
  1455.  
  1456.  
  1457.  
  1458.  
  1459.  
  1460.  
  1461.  
  1462. <!---TAB VERSES STARTS-->
  1463. <div id="box6" class="popup_block">
  1464.  
  1465. <div style="width:auto; height:450px; overflow:auto; padding:5px 5px 15px 5px;">
  1466.  
  1467. <div class="pops">
  1468. <div class="importante">
  1469.  
  1470. <div id="esperanza" style="margin-left: -10px; margin-top: -10px;">
  1471. <ul id="tabs">
  1472. <li class="active">Main</li>
  1473. <li>AU</li>
  1474. <li>Crossover</li>
  1475. <li>Private</li>
  1476. </ul>
  1477. </div>
  1478.  
  1479. <!---RULES START--->
  1480. <ul id="tab" style="margin-top: 50px;">
  1481. <li class="active">
  1482.  
  1483.  
  1484.  
  1485. <h1>{text:maintitle1}</h1>
  1486. <p><img src="{image:m1}" style="float: left; padding: 3px;">{text:main1}
  1487.  
  1488. <h1>{text:maintitle2}</h1>
  1489. <p><img src="{image:m2}" style="float: right; padding: 3px;">{text:main2}
  1490.  
  1491.  
  1492.  
  1493.  
  1494. </li>
  1495. <!---MAIN VERSES ENDS--->
  1496.  
  1497. <!---AU VERSES STARTS--->
  1498. <li>
  1499.  
  1500. <p><h1>{text:autitle1}</h1>
  1501. <p><img src="{image:a1}" style="float: left; padding: 3px;">{text:au1}
  1502.  
  1503. <p><h1>{text:autitle2}</h1>
  1504. <p><img src="{image:a2}" style="float: right; padding: 3px;">{text:au2}
  1505.  
  1506.  
  1507.  
  1508. </li>
  1509. <!---AU VERSES ENDS--->
  1510.  
  1511.  
  1512. <!---CROSSOVER VERSES STARTS--->
  1513. <li>
  1514.  
  1515.  
  1516. <h1>{text:crosstitle1}</h1>
  1517. <p><img src="{image:c1}" style="float: left; padding: 3px;">{text:cross1}
  1518.  
  1519. <p><h1>{text:crosstitle2}</h1>
  1520. <p><img src="{image:c2}" style="float: right; padding: 3px;">{text:cross2}
  1521.  
  1522. </li>
  1523. <!---CROSSOVER VERSES ENDS--->
  1524.  
  1525.  
  1526. <!---PRIVATE VERSES STARTS--->
  1527. <li>
  1528.  
  1529.  
  1530. <h1>{text:privatetitle1}</h1>
  1531. <p><img src="{image:p1}" style="float: left; padding: 3px;">{text:private1}
  1532.  
  1533. <p><h1>{text:privatetitle2}</h1>
  1534. <p><img src="{image:p2}" style="float: right; padding: 3px;">{text:private2}
  1535.  
  1536. </li>
  1537. <!---PRIVATE VERSES ENDS--->
  1538.  
  1539. </ul>
  1540. </div></div>
  1541. </div></div>
  1542. <!---TAB VERSES ENDS--->
  1543.  
  1544.  
  1545.  
  1546.  
  1547.  
  1548.  
  1549. <!---TAB CONNECTIONS STARTS-->
  1550. <div id="box7" class="popup_block">
  1551.  
  1552. <div style="width:auto; height:450px; overflow:auto; padding:5px 5px 15px 5px;">
  1553.  
  1554. <div class="pops">
  1555. <div class="importante">
  1556.  
  1557.  
  1558. <!---CONNECTIONS START--->
  1559. <ul id="tab" style="margin-top: 10px;">
  1560.  
  1561.  
  1562.  
  1563.  
  1564. <center><h2>CONNECTIONS</h2><hr></center>
  1565.  
  1566.  
  1567. <p><h3>Mains</h3>
  1568. <center>
  1569. <br><a href="">URL</a>
  1570. <br><i>Name:</i> Input
  1571. <br><b>Relationship:</b> Input
  1572.  
  1573. </center>
  1574.  
  1575.  
  1576. <p><h3>Priorities</h3>
  1577. <center>
  1578. <br><a href="">URL</a>
  1579. <br><i>Name:</i> Input
  1580. <br><b>Relationship:</b> Input
  1581.  
  1582.  
  1583. </center>
  1584.  
  1585.  
  1586. <p><h3>Exclusives</h3>
  1587. <center>
  1588. <a href="">URL</a>
  1589. <br><i>Name:</i> Input
  1590. <br><b>Relationship:</b> Input
  1591.  
  1592.  
  1593.  
  1594. </center>
  1595. </li>
  1596. <!---CONNECTIONS ENDS--->
  1597.  
  1598.  
  1599.  
  1600. </ul>
  1601. </div></div>
  1602. </div></div>
  1603. <!---TAB CONNECTIONS ENDS--->
  1604.  
  1605.  
  1606.  
  1607. <!---TAB NAVIGATION STARTS-->
  1608. <div id="box8" class="popup_block">
  1609.  
  1610. <div style="width:auto; height:450px; overflow:auto; padding:5px 5px 15px 5px;">
  1611.  
  1612. <div class="pops">
  1613. <div class="importante">
  1614.  
  1615.  
  1616. <!---RULES START--->
  1617. <ul id="tab" style="margin-top: 10px;">
  1618.  
  1619.  
  1620. <div class="popupnavlinks">
  1621.  
  1622. <h2> ¦ * ✧ . ► ROLEPLAY LOG ; </h2>
  1623.  
  1624. <a href="/tagged/whatever">LINK</a>
  1625. <a href="/tagged/whatever">LINK</a>
  1626. <br>
  1627. <a href="/tagged/whatever">LINK</a>
  1628. <a href="/tagged/whatever">LINK</a>
  1629. <br>
  1630.  
  1631. <h2> ¦ * ✧ . ► MUSE ; </h2>
  1632. <a href="/tagged/whatever">LINK</a>
  1633. <a href="/tagged/whatever">LINK</a>
  1634. <br>
  1635. <a href="/tagged/whatever">LINK</a>
  1636. <a href="/tagged/whatever">LINK</a>
  1637. <br>
  1638.  
  1639. <h2> ¦ * ✧ . ► MISC ; </h2>
  1640. <a href="/tagged/whatever">LINK</a>
  1641. <a href="/tagged/whatever">LINK</a>
  1642. <br>
  1643. <a href="/tagged/whatever">LINK</a>
  1644. <a href="/tagged/whatever">LINK</a>
  1645. <br>
  1646. <a href="/tagged/whatever">LINK</a>
  1647. <a href="/tagged/whatever">LINK</a>
  1648. <br>
  1649.  
  1650.  
  1651. </div>
  1652. </li>
  1653. <!---NAVIGATION ENDS--->
  1654.  
  1655. </ul>
  1656. </div></div>
  1657. </div></div>
  1658. <!---TAB NAVIGATION ENDS--->
  1659.  
  1660.  
  1661.  
  1662.  
  1663.  
  1664.  
  1665. <!---NAVIGATION LINKS STARTS--->
  1666. <div class="link2">
  1667. <a href="#?w=260" rel="askbox" class="poplight third" style="font-size: 25px;" title="{text:asks link}"><img src="https://i.imgur.com/teYzstC.png"> </a>
  1668. </div>
  1669. <div class="link3">
  1670. <a href="#?w=260" rel="box4" class="poplight third" style="font-size: 25px;" title="{text:rules link}"><img src="https://i.imgur.com/X5u9lQN.png"> </a>
  1671. </div>
  1672. <div class="link4">
  1673. <a href="#?w=260" rel="box5" class="poplight third" style="font-size: 25px;" title="{text:bio link}"><img src="https://i.imgur.com/ixZ0QZr.png"> </a>
  1674. </div>
  1675. <div class="link5">
  1676. <a href="#?w=260" rel="box6" class="poplight third" style="font-size: 25px;" title="{text:verses link}"><img src="https://i.imgur.com/5qb5raD.png"> </a>
  1677. </div>
  1678. <div class="link6">
  1679. <a href="#?w=260" rel="box7" class="poplight third" style="font-size: 25px;" title="{text:relations link}"><img src="https://i.imgur.com/rwO3cok.png"> </a>
  1680. </div>
  1681. <div class="link7">
  1682. <a href="#?w=260" rel="box8" class="poplight third" style="font-size: 25px;" title="{text:navi link}"><img src="https://i.imgur.com/sTsFkuM.png"> </a>
  1683. </div>
  1684.  
  1685.  
  1686.  
  1687.  
  1688.  
  1689.  
  1690. <!---NAVIGATION LINKS ENDS--->
  1691.  
  1692.  
  1693.  
  1694.  
  1695.  
  1696.  
  1697.  
  1698. </body>
  1699. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement