API tools faq
paste
Advertisement
vaultofoao

pyresight

vaultofoao
Jan 16th, 2019
118
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 51.31 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="https://static.tumblr.com/j0nrc4i/zgspldjmt/favicon.png">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9. </head>
  10.  
  11. <!--- Coded with love by Scheherazade. Please do not steal or take parts. If you have questions about my theme please message me and I will do my best to help! --->
  12.  
  13. <!--- RIGHT CLICK DISABLING -->
  14.  
  15. <script language=JavaScript>
  16. <!--
  17.  
  18. //Disable right mouse click Script
  19. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  20. //For full source code, visit http://www.dynamicdrive.com
  21.  
  22. var message="no";
  23.  
  24. ///////////////////////////////////
  25. function clickIE4(){
  26. if (event.button==2){
  27. alert(message);
  28. return false;
  29. }
  30. }
  31.  
  32. function clickNS4(e){
  33. if (document.layers||document.getElementById&&!document.all){
  34. if (e.which==2||e.which==3){
  35. alert(message);
  36. return false;
  37. }
  38. }
  39. }
  40.  
  41. if (document.layers){
  42. document.captureEvents(Event.MOUSEDOWN);
  43. document.onmousedown=clickNS4;
  44. }
  45. else if (document.all&&!document.getElementById){
  46. document.onmousedown=clickIE4;
  47. }
  48.  
  49. document.oncontextmenu=new Function("alert(message);return false")
  50. </script>
  51.  
  52.  
  53. <!--- POPUP --->
  54.  
  55. <script type="text/javascript"
  56. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  57. <script>
  58. $(document).ready(function() {
  59. //
  60. $('a.poplight[href^=#]').click(function() {
  61. var popID = $(this).attr('rel'); //Get Popup Name
  62. var popURL = $(this).attr('href'); //Get Popup href to define size
  63. var query= popURL.split('?');
  64. var dim= query[1].split('&');
  65. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  66. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  67. var popMargTop = ($('#' + popID).height() + 80) / 2;
  68. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  69. //Apply Margin to Popup
  70. $('#' + popID).css({
  71. 'margin-top' : -popMargTop,
  72. 'margin-left' : -popMargLeft
  73. });
  74. $('body').append('<div id="fade"></div>');
  75. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  76. return false;
  77. });
  78. $('a.close, #fade').live('click', function() {
  79. $('#fade , .popup_block').fadeOut(function() {
  80. $('#fade, a.close').remove(); //fade them both out
  81. });
  82. return false;
  83. });
  84. });
  85. </script>
  86.  
  87. <!--- POPUP TABS --->
  88.  
  89. <script>
  90. $(document).ready(function(){
  91. $("ul#tabs li").click(function(e){
  92. if (!$(this).hasClass("active")) {
  93. var tabNum = $(this).index();
  94. var nthChild = tabNum+1;
  95. $("ul#tabs li.active").removeClass("active");
  96. $(this).addClass("active");
  97. $("ul#tab li.active").removeClass("active");
  98. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  99. }
  100. });
  101. });
  102.  
  103. </script>
  104.  
  105. <!--- DROPDOWN --->
  106.  
  107. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  108. <script type="text/javascript">
  109. $(document).ready(function(){
  110. $(".links_body").hide();
  111. $(".links_head").click(function(){
  112. $(this).next(".links_body").slideToggle('fast');
  113. }); }); </script>
  114. <style type="text/css">
  115. .links_list { margin:0px; padding:0px; width:100%;}
  116. .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  117. .links_body { padding:10px; text-align:left; display:none;}
  118. </style>
  119.  
  120. <!--- TOOLTIPS --->
  121.  
  122. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  123.  
  124. <script src="https://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
  125.  
  126. <script>
  127. (function($){
  128. $(document).ready(function(){
  129. $("a[title]").style_my_tooltips({
  130. tip_follows_cursor:true,
  131. tip_delay_time:0,
  132. tip_fade_speed:0,
  133. attribute:"title"
  134. });
  135. });
  136. })(jQuery);
  137. </script>
  138.  
  139. <!--- FONT --->
  140.  
  141. <link href="https://fonts.googleapis.com/css?family=IM+Fell+DW+Pica" rel="stylesheet">
  142.  
  143. <link href="https://fonts.googleapis.com/css?family=IM+Fell+French+Canon+SC" rel="stylesheet">
  144.  
  145. <link href="https://fonts.googleapis.com/css?family=IM+Fell+DW+Pica+SC" rel="stylesheet">
  146.  
  147. <link href="https://fonts.googleapis.com/css?family=Mate+SC" rel="stylesheet">
  148.  
  149. <link href="https://fonts.googleapis.com/css?family=Yellowtail" rel="stylesheet">
  150.  
  151. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
  152.  
  153. <!--- CREDIT FONT --->
  154.  
  155. <link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet">
  156.  
  157. <!--- META DATA DO NOT TOUCH --->
  158.  
  159. <meta name="image:background image" content="https://static.tumblr.com/cd0049b8a8a13a13c402931faed1a12b/j0nrc4i/W5Rpldk2s/tumblr_static_avpilv97qhc8cwgw40wk8w8sc.png"/>
  160. <meta name="image:popup image" content="https://static.tumblr.com/c9ac440a7dad36cf8427a8dd0c6727cb/j0nrc4i/LoBpldjb4/tumblr_static_2q0aoobt5msk8sk4wo4g0sss4.gif"/>
  161. <meta name="image:side header background" content="https://static.tumblr.com/79f75411e38d9639177e727ea31aa333/j0nrc4i/0uUpldlkh/tumblr_static_1avmga6nhom8kcgc8go0kgs0w.gif"/>
  162. <meta name="image:tags h3 ask background" content="https://static.tumblr.com/9ccba7e2c86254633b6bd1d4651ef62d/j0nrc4i/YhJpldl9z/tumblr_static_98vrojmk12ckwk0scwk0cssc8.png"/>
  163.  
  164. <meta name="color:background" content="#151923"/>
  165. <meta name="color:popup bg" content="#161b26"/>
  166. <meta name="color:sidebar" content="#0e0d12"/>
  167. <meta name="color:text" content="#858497"/>
  168. <meta name="color:bold" content="#b3916d"/>
  169. <meta name="color:bold border" content="#1f2068"/>
  170. <meta name="color:italics border" content="#1f2068"/>
  171. <meta name="color:links" content="#e75237"/>
  172. <meta name="color:links border" content="#b62f06"/>
  173. <meta name="color:links hover" content="#f0d9a9"/>
  174. <meta name="color:blockquote" content="#dac68a"/>
  175. <meta name="color:border" content="#842116"/>
  176. <meta name="color:refresh" content="#d5b390"/>
  177. <meta name="color:refresh border" content="#151923"/>
  178. <meta name="color:permalinks" content="#eaa53e"/>
  179. <meta name="color:navigation links" content="#d5b390"/>
  180. <meta name="color:navigation links border" content="#151923"/>
  181.  
  182. <meta name="text:sect 1 title" content="Header 1."/>
  183. <meta name="text:sidebar sect 1" content="<b>BLAZING SCARLET</b></br>
  184. fire <i>within</i>.</br>
  185. <b>Honor</b> binds me</br>
  186. unto <i>errant kin</i>."/>
  187. <meta name="text:sect 2 title" content="Header 2."/>
  188. <meta name="text:sidebar sect 2" content="Put blog description here!"/>
  189. <meta name="text:sect 3 title" content="Header 3."/>
  190. <meta name="text:sidebar sect 3" content="Put tracker etc here!"/>
  191.  
  192. <meta name="text:refresh title" content="Pyresight"/>
  193. <meta name="text:refresh size" content="30px"/>
  194. <meta name="text:refresh horizontal" content="1100px"/>
  195. <meta name="text:refresh vertical" content="5px"/>
  196. <meta name="text:refresh tooltip" content="Burn Out."/>
  197.  
  198. <meta name="text:ask symbol" content="I"/>
  199. <meta name="text:ask size" content="30px"/>
  200. <meta name="text:ask title" content="Send Missive."/>
  201. <meta name="text:ask horizontal" content="25px"/>
  202. <meta name="text:ask vertical" content="145px"/>
  203.  
  204. <meta name="text:rules symbol" content="II"/>
  205. <meta name="text:rules size" content="30px"/>
  206. <meta name="text:rules title" content="Law."/>
  207. <meta name="text:rules horizontal" content="50px"/>
  208. <meta name="text:rules vertical" content="145px"/>
  209.  
  210. <meta name="text:about title" content="Flame Alchemist."/>
  211. <meta name="text:about horizontal" content="50px"/>
  212. <meta name="text:about vertical" content="175px"/>
  213.  
  214. <meta name="text:verses symbol" content="III"/>
  215. <meta name="text:verses size" content="30px"/>
  216. <meta name="text:verses title" content="Missions."/>
  217. <meta name="text:verses rotation" content="0"/>
  218. <meta name="text:verses horizontal" content="85px"/>
  219. <meta name="text:verses vertical" content="145px"/>
  220.  
  221. <meta name="text:navigation symbol" content="IV"/>
  222. <meta name="text:navigation size" content="30px"/>
  223. <meta name="text:navigation title" content="Memories."/>
  224. <meta name="text:navigation rotation" content="0"/>
  225. <meta name="text:navigation horizontal" content="125px"/>
  226. <meta name="text:navigation vertical" content="145px"/>
  227.  
  228. <meta name="text:mun symbol" content="V"/>
  229. <meta name="text:mun size" content="30px"/>
  230. <meta name="text:mun title" content="Chronologer."/>
  231. <meta name="text:mun rotation" content="0"/>
  232. <meta name="text:mun horizontal" content="165px"/>
  233. <meta name="text:mun vertical" content="145px"/>
  234.  
  235. <style type="text/css">
  236.  
  237. @font-face {font-family: "color of autumn";src: url('https://dl.dropboxusercontent.com/s/l06x9nm9m2aw6n8/colors%20of%20autumn.ttf?dl=1'); format("truetype");}
  238.  
  239. @keyframes spin {
  240. 0% { transform: rotate(360deg); }
  241. 100% { transform: rotate(0deg); }
  242. }
  243. @-webkit-keyframes spin {
  244. 0% {-webkit-transform: rotate(360deg); }
  245. 100% { -webkit-transform: rotate(0deg); }
  246. }
  247. @-ms-keyframes spin {
  248. 0% {-ms-transform: rotate(360deg); }
  249. 100% { -ms-transform: rotate(0deg); }
  250. }
  251. @-moz-keyframes spin {
  252. 0% { -moz-transform: rotate(360deg); }
  253. 100% { -moz-transform: rotate(0deg); }
  254. }
  255. @-o-keyframes spin {
  256. 0% { -o-transform: rotate(360deg); }
  257. 100% { -o-transform: rotate(0deg); }
  258. }
  259.  
  260. /*-Popup settings -*/
  261.  
  262. .popup_block{
  263. display:none;
  264. background-image:url('{image:popup image}');
  265. text-align:center;
  266. padding:23px;
  267. height:702px;
  268. position:fixed;
  269. top:390px;
  270. left:500px;
  271. overflow-y:hidden;
  272. overflow-x:hidden;
  273. z-index: 99999;
  274. }
  275.  
  276. *html #fade {position: fixed;}
  277. *html .popup_block {position: fixed;}
  278. #fade {
  279. display:none;
  280. position:absolute;
  281. left:0px;
  282. top:0px;
  283. width:100%;
  284. height:100%;
  285. z-index:9999;
  286. background:{color:popup bg}; /* change to #fff for solid white */
  287. opacity:1; /* change to opacity:1; */
  288. }
  289.  
  290. #text {
  291. top:50%;
  292. left:50%;
  293. margin-top:56px;
  294. margin-left:16.5px;
  295. width:450px;
  296. height:650px;
  297. overflow-y:scroll;
  298. overflow-x:hidden;
  299. text-align:center;
  300. padding-right:15px;
  301. }
  302.  
  303. .links_list {
  304. margin: 0px;
  305. padding:2.5px;
  306. width: 425px;
  307. margin-top: 1px;
  308. margin-left:6px;
  309. }
  310.  
  311. .links_head {
  312. cursor: pointer;
  313. position: relative;
  314. margin: 1px;
  315. text-align: right;
  316. font-size:9px;
  317. text-shadow: 1px 0 0 {color:background}, -1px 0 0 {color:background}, 0 1px 0 {color:background}, 0 -1px 0 {color:background}, 1px 1px {color:background}, -1px -1px 0 {color:background}, 1px -1px 0 {color:background}, -1px 1px 0 {color:background};
  318. letter-spacing:2px;
  319. background-image: url('{image:tags h3 ask background}');
  320. background-size:cover;
  321. border-left:2px solid {color:border};
  322. border-right:2px solid {color:border};
  323. border-radius: 0px 40px 0px 40px;
  324. -moz-border-radius: 0px 40px 0px 40px;
  325. -webkit-border-radius: 0px 40px 0px 40px;
  326. outline: 0px solid #d9d9d8;
  327. padding:5px;
  328. font-size:23px;
  329. font-family: 'Abril Fatface', cursive;
  330. height:21px;
  331. }
  332.  
  333. .links_body {
  334. height: auto;
  335. overflow: scroll;
  336. padding: 10px;
  337. display: none;
  338. text-align: justify;
  339. letter-spacing: 1px;
  340. line-height: 100%;
  341. text-align:center;
  342. }
  343.  
  344. .button {
  345. display:inline-block;
  346. text-align:center;
  347. width:90px;
  348. margin:4px;
  349. padding:4px;
  350. background-image: url('{image:side header background}');
  351. color:{color:bold};
  352. text-shadow:{color:bold border} 0px 0px 3px;
  353. border : 2px double {color:border};
  354. font-family: 'IM Fell DW Pica SC', serif;
  355. }
  356.  
  357. ul#tabs {
  358. list-style-type: none;
  359. padding: 0;
  360. text-align: center;
  361. }
  362. ul#tabs li {
  363. display: inline-block;
  364. font-family: 'IM Fell DW Pica SC', serif;
  365. background-image: url('{image:side header background}');
  366. border : 2px double {color:border};
  367. width:90px;
  368. margin:4px;
  369. padding:4px;
  370. margin-bottom: 4px;
  371. color:{color:bold};
  372. text-shadow:{color:bold border} 0px 0px 3px;
  373. cursor:pointer;
  374. -webkit-transition: all 0.7s ease;
  375. -moz-transition: all 0.7s ease;
  376. -o-transition: all 0.7s ease;
  377. }
  378. ul#tabs li:hover {
  379. color:{color:links hover};
  380. }
  381. ul#tabs li.active {
  382. color:{color:links};
  383. }
  384. ul#tab {
  385. list-style-type: none;
  386. margin: 0;
  387. padding: 0;
  388. }
  389. ul#tab li {
  390. display: none;
  391. }
  392. ul#tab li.active {
  393. display: block;
  394. }
  395.  
  396. /*- Highlight -*/
  397.  
  398. ::selection {background: #b1191d; color:#fff;}
  399. ::-moz-selection {background: #b1191d; color:#fff; }
  400.  
  401. /*- Scrollbar -*/
  402.  
  403. ::-webkit-scrollbar {
  404. height: 1px;
  405. width: 2px;
  406. }
  407.  
  408. ::-webkit-scrollbar-thumb {
  409. background:{color:border};
  410. }
  411.  
  412. /*- Tooltips -*/
  413.  
  414. #s-m-t-tooltip {
  415. font-family: 'Abril Fatface', cursive;
  416. padding:6px;
  417. margin-left:10px;
  418. margin-top:-7px;
  419. text-align: center;
  420. text-shadow: 1px 0 0 {color:background}, -1px 0 0 {color:background}, 0 1px 0 {color:background}, 0 -1px 0 {color:background}, 1px 1px {color:background}, -1px -1px 0 {color:background}, 1px -1px 0 {color:background}, -1px 1px 0 {color:background};
  421. font-size:25px;
  422. line-height:10px;
  423. z-index:999999999;
  424. position: absolute;
  425. }
  426.  
  427. /*- Format -*/
  428.  
  429. body {
  430. background-color:{color:background};
  431. font-size: 13px;
  432. font-family: 'IM Fell DW Pica', serif;
  433. color:{color:text};
  434. background-image:url('{image:background image}');
  435. background-position: top left;
  436. background-repeat:no-repeat;
  437. background-attachment:fixed;
  438. }
  439.  
  440. small, sup, sub {
  441. font-size:12px;
  442. }
  443.  
  444. a {
  445. text-decoration:none;
  446. color:{color:links};
  447. text-shadow: {color:links border} 0px 0px 4px;
  448. -webkit-transition: all 0.7s ease;
  449. -moz-transition: all 0.7s ease;
  450. -o-transition: all 0.7s ease;
  451. }
  452.  
  453. a:hover {
  454. color:{color:links hover};
  455. }
  456.  
  457. b, strong {
  458. color:{color:bold};
  459. text-shadow:{color:bold border} 0px 0px 3px;
  460. font-size:15px;
  461. font-family: 'IM Fell French Canon SC', serif;
  462. }
  463.  
  464. i, em {
  465. color:{color:text};
  466. text-shadow:{color:italics border} 0px 0px 3px;
  467. font-size:14px;
  468. font-family:georgia;
  469. }
  470.  
  471. blockquote {
  472. padding:2px 8px;
  473. margin:3px 0px 3px 8px;
  474. border-left:1px solid {color:blockquote};
  475. border-radius: 10px;
  476. }
  477.  
  478. blockquote img {
  479. max-width:100%;
  480. height:auto;
  481. }
  482.  
  483. img {
  484. max-width: 100%;
  485. }
  486.  
  487. h1 {
  488. color:{color:bold};
  489. font-size:35px;
  490. line-height:110%;
  491. text-align:center;
  492. padding:10px;
  493. text-shadow:0px 0px 4px {color:bold border};
  494. font-family: 'Mate SC', serif;
  495. font-weight:normal;
  496. }
  497.  
  498. h2 {
  499. color:{color:bold};
  500. font-size:25px;
  501. line-height:110%;
  502. text-align:center;
  503. padding:10px;
  504. text-shadow:0px 0px 4px {color:bold border};
  505. font-family: 'Mate SC', serif;
  506. font-weight:normal;
  507. }
  508.  
  509. h3 {
  510. background-image: url('{image:tags h3 ask background}');
  511. background-size:cover;
  512. color:{color:text};
  513. border-left:2px solid {color:border};
  514. border-right:2px solid {color:border};
  515. padding:5px;
  516. height:38px;
  517. font-size:35px;
  518. font-weight:normal;
  519. font-family: 'Abril Fatface', cursive;
  520. text-align:right;
  521. border-radius: 40px 0px 40px 0px;
  522. -moz-border-radius: 40px 0px 40px 0px;
  523. -webkit-border-radius: 40px 0px 40px 0px;
  524. text-shadow: 1px 0 0 {color:background}, -1px 0 0 {color:background}, 0 1px 0 {color:background}, 0 -1px 0 {color:background}, 1px 1px {color:background}, -1px -1px 0 {color:background}, 1px -1px 0 {color:background}, -1px 1px 0 {color:background};
  525. }
  526.  
  527. /*- Posts and Container -*/
  528.  
  529. #container {
  530. position:fixed;
  531. top:0px;
  532. left:547.5px;
  533. height:100%;
  534. width:483px;
  535. overflow-y:scroll;
  536. overflow-x:hidden;
  537. -webkit-mask-image: -webkit-gradient(linear, center 60%, center bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
  538. }
  539.  
  540. .posts {
  541. width:450px;
  542. padding:10px;
  543. margin-bottom:10px;
  544. }
  545.  
  546. .permalinks {
  547. padding:5px;
  548. height:12px;
  549. }
  550.  
  551. .permalinks a {
  552. text-decoration:none;
  553. font-size: 9px;
  554. color:{color:permalinks};
  555. }
  556.  
  557. .permalinks a:hover {
  558. color:{color:links hover};
  559. }
  560.  
  561. #reblogbutton {
  562. font-size:30px;
  563. position: absolute;
  564. margin-left:-7px;
  565. margin-top:0px; -webkit-transform: rotate(-25deg); -ms-transform: rotate(-25deg);
  566. transform: rotate(-25deg)
  567. }
  568.  
  569. #reblogbutton a:hover {
  570. -webkit-filter:blur(2px);
  571. }
  572.  
  573. .tags {
  574. height:auto;
  575. width:auto;
  576. padding:15px;
  577. text-align:center;
  578. margin-left:50px;
  579. border-top:5px double {color:border};
  580. border-bottom:2.5px dotted {color:border};
  581. border-radius: 0px 20px 0px 20px;
  582. -moz-border-radius: 0px 20px 0px 20px;
  583. -webkit-border-radius: 0px 20px 0px 20px;
  584. background-image:url('{image:tags h3 ask background}');
  585. background-repeat:none;
  586. background-size:cover;
  587. text-shadow: 1px 0 0 {color:background}, -1px 0 0 {color:background}, 0 1px 0 {color:background}, 0 -1px 0 {color:background}, 1px 1px {color:background}, -1px -1px 0 {color:background}, 1px -1px 0 {color:background}, -1px 1px 0 {color:background};
  588. font-family: 'IM Fell DW Pica SC', serif;
  589. }
  590.  
  591. .tags a {
  592. text-decoration:none;
  593. font-size: 12px;
  594. text-shadow: 1px 0 0 {color:background}, -1px 0 0 {color:background}, 0 1px 0 {color:background}, 0 -1px 0 {color:background}, 1px 1px {color:background}, -1px -1px 0 {color:background}, 1px -1px 0 {color:background}, -1px 1px 0 {color:background};
  595. }
  596.  
  597. /*- Refresh Title link -*/
  598.  
  599. #refresh {
  600. position:fixed;
  601. left:{text:refresh horizontal};
  602. top:{text:refresh vertical};
  603. font-size:{text:refresh size};
  604. padding:10px;
  605. }
  606.  
  607. #refresh a {
  608. color:{color:refresh};
  609. text-shadow: 1px 0 0 {color:refresh border}, -1px 0 0 {color:refresh border}, 0 1px 0 {color:refresh border}, 0 -1px 0 {color:refresh border}, 1px 1px {color:refresh border}, -1px -1px 0 {color:refresh border}, 1px -1px 0 {color:refresh border}, -1px 1px 0 {color:refresh border};
  610. -webkit-transition: all 0.7s ease;
  611. -moz-transition: all 0.7s ease;
  612. -o-transition: all 0.7s ease;
  613. font-family: "color of autumn";
  614. }
  615.  
  616. #refresh a:hover {
  617. color:{color:links hover};
  618. }
  619.  
  620. /*- Navi Links settings -*/
  621.  
  622. #links {
  623. position:fixed;
  624. line-height:20px;
  625. }
  626.  
  627. #links a {
  628. color:{color:navigation links};
  629. text-shadow: 1px 0 0 {color:navigation links border}, -1px 0 0 {color:navigation links border}, 0 1px 0 {color:navigation links border}, 0 -1px 0 {color:navigation links border}, 1px 1px {color:navigation links border}, -1px -1px 0 {color:navigation links border}, 1px -1px 0 {color:navigation links border}, -1px 1px 0 {color:navigation links border};
  630. -webkit-transition: all 0.7s ease;
  631. -moz-transition: all 0.7s ease;
  632. -o-transition: all 0.7s ease;
  633. font-family: Times;
  634. }
  635.  
  636. #links a:hover {
  637. -webkit-filter:blur(4px);
  638. color:{color:links hover};
  639. }
  640.  
  641. #link1 {
  642. position:fixed;
  643. font-size:{text:ask size};
  644. margin-left:{text:ask horizontal};
  645. margin-top:{text:ask vertical};
  646. transform: rotate({text:ask rotation}deg);
  647. -ms-transform: rotate({text:ask rotation}deg);
  648. -webkit-transform: rotate({text:ask rotation}deg);
  649. -o-transform: rotate({text:ask rotation}deg);
  650. -moz-transform: rotate({text:ask rotation}deg);
  651. }
  652.  
  653. #link2 {
  654. position:fixed;
  655. font-size:{text:rules size};
  656. margin-left:{text:rules horizontal};
  657. margin-top:{text:rules vertical};
  658. transform: rotate({text:rules rotation}deg);
  659. -ms-transform: rotate({text:rules rotation}deg);
  660. -webkit-transform: rotate({text:rules rotation}deg);
  661. -o-transform: rotate({text:rules rotation}deg);
  662. -moz-transform: rotate({text:rules rotation}deg);
  663. }
  664.  
  665. #link3 {
  666. position:fixed;
  667. margin-left:{text:about horizontal};
  668. margin-top:{text:about vertical};
  669. -webkit-animation: spin 8s linear 0s infinite normal;
  670. -moz-animation: spin 8s linear 0s infinite normal;
  671. -ms-animation: spin 8s linear 0s infinite normal;
  672. -o-animation: spin 8s linear 0s infinite normal;
  673. animation: spin 8s linear 0s infinite normal;
  674. }
  675.  
  676. #link4 {
  677. position:fixed;
  678. font-size:{text:verses size};
  679. margin-left:{text:verses horizontal};
  680. margin-top:{text:verses vertical};
  681. transform: rotate({text:verses rotation}deg);
  682. -ms-transform: rotate({text:verses rotation}deg);
  683. -webkit-transform: rotate({text:verses rotation}deg);
  684. -o-transform: rotate({text:verses rotation}deg);
  685. -moz-transform: rotate({text:verses rotation}deg);
  686. }
  687.  
  688. #link5 {
  689. position:fixed;
  690. font-size:{text:navigation size};
  691. margin-left:{text:navigation horizontal};
  692. margin-top:{text:navigation vertical};
  693. transform: rotate({text:navigation rotation}deg);
  694. -ms-transform: rotate({text:navigation rotation}deg);
  695. -webkit-transform: rotate({text:navigation rotation}deg);
  696. -o-transform: rotate({text:navigation rotation}deg);
  697. -moz-transform: rotate({text:navigation rotation}deg);
  698. }
  699.  
  700. #link6 {
  701. position:fixed;
  702. font-size:{text:mun size};
  703. margin-left:{text:mun horizontal};
  704. margin-top:{text:mun vertical};
  705. transform: rotate({text:mun rotation}deg);
  706. -ms-transform: rotate({text:mun rotation}deg);
  707. -webkit-transform: rotate({text:mun rotation}deg);
  708. -o-transform: rotate({text:mun rotation}deg);
  709. -moz-transform: rotate({text:mun rotation}deg);
  710. }
  711.  
  712. #pagination {
  713. position:fixed;
  714. bottom:30px;
  715. left:850px;
  716. }
  717.  
  718. /*- ask posts -*/
  719.  
  720. .asker {
  721. font-size:35px;
  722. margin-bottom:5px;
  723. padding-bottom:3px;
  724. margin:-35px 0px 0px 30px;
  725. font-family: "color of autumn";
  726. }
  727.  
  728. .asker a{
  729. font-size:35px;
  730. margin-bottom:5px;
  731. padding-bottom:3px;
  732. margin:-35px 0px 0px 0px;
  733. font-family: "color of autumn";
  734. }
  735.  
  736. .asker:first-letter {
  737. text-transform:uppercase;
  738. }
  739.  
  740. .question {
  741. width:auto;
  742. height:auto;
  743. padding:15px 25px;
  744. border-top:5px double {color:border};
  745. border-bottom:2px solid {color:border};
  746. border-radius: 20px 0px 20px 0px;
  747. -moz-border-radius: 20px 0px 20px 0px;
  748. -webkit-border-radius: 20px 0px 20px 0px;
  749. background-image:url('{image:tags h3 ask background}');
  750. background-repeat:none;
  751. background-size:cover;
  752. text-shadow: 1px 0 0 {color:background}, -1px 0 0 {color:background}, 0 1px 0 {color:background}, 0 -1px 0 {color:background}, 1px 1px {color:background}, -1px -1px 0 {color:background}, 1px -1px 0 {color:background}, -1px 1px 0 {color:background};
  753. }
  754.  
  755. /*- Audio Post -*/
  756.  
  757. #player {
  758. width:30px;
  759. height:30px;
  760. overflow:hidden;
  761. position:absolute;
  762. margin-top:65px;
  763. margin-left:60px;
  764. -moz-border-radius: 30px;
  765. -webkit-border-radius: 30px;
  766. border-radius: 30px;
  767. opacity: 0.5;
  768. filter:alpha(opacity=50);
  769. -moz-opacity: 0.5;
  770. -khtml-opacity: 0.5;
  771. }
  772.  
  773. #audiowrap {
  774. padding:5px;
  775. position:relative;
  776. }
  777.  
  778. #trackposition {
  779. margin-left:175px;
  780. margin-top:-125px;
  781. height:115px;
  782. }
  783.  
  784. #songtitle {
  785. letter-spacing:2px;
  786. position:relative;
  787. }
  788.  
  789. #chat {
  790. line-height:20px;
  791. list-style:none;
  792. margin-bottom:2px;
  793. padding:10px;
  794. }
  795.  
  796. /*- quote -*/
  797.  
  798. .quote {
  799. font-size:33px;
  800. letter-spacing:1px;
  801. text-align:center;
  802. margin-bottom:5px;
  803. padding-bottom:3px;
  804. line-height:110%;
  805. font-family: 'Yellowtail', cursive;
  806.  
  807. }
  808.  
  809. .quote:first-letter {
  810. font-size:52px;
  811. color:{color:bold};
  812. text-shadow:{color:bold border} 0px 0px 3px;
  813. text-shadow:0px 0px 5px ;
  814. font-family: 'Yellowtail', cursive;
  815. }
  816.  
  817. .quotesource {
  818. text-align:right;
  819. margin-bottom:5px;
  820. }
  821.  
  822. /*- notes -*/
  823.  
  824. .notes {
  825. color:{color:text};
  826. font-style:normal;
  827. letter-spacing:0px;
  828. text-align:left;
  829. line-height:100%;
  830. margin-left:-15px;}
  831.  
  832. .notes li {
  833. list-style-type:none;
  834. padding:10px 25px 10px 25px;
  835. text-align:left;
  836. -moz-transition-duration:0.5s;
  837. -webkit-transition-duration:0.5s;
  838. -o-transition-duration:0.5s;}
  839.  
  840. .notes img.avatar {
  841. margin-right: 10px;
  842. border-radius: 15px
  843. -moz-border-radius: 15px;
  844. -webkit-border-radius: 15px;
  845. }
  846.  
  847. /*- sidebar -*/
  848.  
  849. #sidedesc {
  850. font-size:12px; /*– font size. change numbers if you want it bigger or smaller or remove this line if you want it to match with the entire blog’s font size –*/
  851. background:{color:sidebar}; /*– the color of your sidebar’s background. –*/
  852. border-top:5px double {color:border};
  853. border-bottom:2.5px dotted {color:border};
  854. border-radius:10px;
  855. height:auto;
  856. width:160px;
  857. margin-left:1055px;
  858. margin-top:25px;
  859. outline-offset:2px;
  860. padding:15px;
  861. text-align:center;
  862. line-height:100%;
  863. position:fixed;
  864. opacity:0.5;
  865. transition: opacity .7s ease-in-out;
  866. -moz-transition: opacity .7s ease-in-out;
  867. -webkit-transition: opacity .7s ease-in-out;
  868. overflow-y:hidden;
  869. overflow-x:hidden;
  870. }
  871.  
  872. #sidedesc:hover {
  873. opacity:1;
  874. transition: opacity .7s ease-in-out;
  875. -moz-transition: opacity .7s ease-in-out;
  876. -webkit-transition: opacity .7s ease-in-out;}
  877.  
  878. #sideheader {
  879. font-size:15px;
  880. color:{color:bold};
  881. text-align:center;
  882. background-image: url('{image:side header background}');
  883. text-shadow:0px 0px 4px {color:bold border};
  884. border-top:2px double {color:blockquote};
  885. border-bottom:2px double {color:blockquote};
  886. background-repeat:repeat;
  887. background-attachment:fixed;
  888. padding-top:3px;
  889. padding-bottom:3px;
  890. font-family: 'IM Fell DW Pica SC', serif;
  891. }
  892.  
  893. /*- credit DO NOT TOUCH -*/
  894.  
  895. #credit {
  896. z-index:999999;
  897. bottom:10px;
  898. right:10px;
  899. position:fixed;
  900. font-family: 'Caveat', cursive;
  901. font-size:40px;
  902. }
  903.  
  904. </style>
  905.  
  906. <body>
  907.  
  908. <div id="sidedesc">
  909. <div id="sideheader">{text:sect 1 title}</div>
  910. </p>
  911. {text:sidebar sect 1}</p>
  912.  
  913. <div id="sideheader">{text:sect 2 title}</div>
  914. </p>
  915. {text:sidebar sect 2}</p>
  916. <div id="sideheader">{text:sect 3 title}</div>
  917. </p>
  918. {text:sidebar sect 3}</p>
  919.  
  920. {block:Pagination}
  921. <b>{block:PreviousPage}<a href="{PreviousPage}">⇚</a>{/block:PreviousPage}</b> — <b>{block:NextPage}<a href="{NextPage}">⇛</a>{/block:NextPage}</b>
  922. {/block:Pagination}
  923.  
  924. </div></div>
  925.  
  926. <div id="refresh"><a href="/" title="{text:refresh tooltip}">{text:refresh title}</a></div>
  927.  
  928. <div id="links">
  929. <div id="link1"><a href="#?w=804" rel="01" class="poplight" title="{text:ask title}">{text:ask symbol}</a></div>
  930. <div id="link2"><a href="#?w=804" rel="02" class="poplight" title="{text:rules title}">{text:rules symbol}</a></div>
  931. <div id="link3"><a href="#?w=804" rel="03" class="poplight" title="{text:about title}"><img src="https://static.tumblr.com/j0nrc4i/337pldk9g/aboutbutton.png"></a></div>
  932. <div id="link4"><a href="#?w=804" rel="04" class="poplight" title="{text:verses title}">{text:verses symbol}</a></div>
  933. <div id="link5"><a href="#?w=804" rel="05" class="poplight" title="{text:navigation title}">{text:navigation symbol}</a></div>
  934. <div id="link6"><a href="#?w=804" rel="06" class="poplight" title="{text:mun title}">{text:mun symbol}</a></div>
  935. </div>
  936.  
  937. </div>
  938.  
  939. <div id="container">
  940.  
  941. {block:Posts}
  942.  
  943. <div class="posts">
  944.  
  945. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  946.  
  947. {block:Photo}
  948. <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="100%">{LinkCloseTag}</div>
  949. {caption}{/block:Photo}
  950.  
  951. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  952.  
  953. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  954.  
  955. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  956.  
  957. {block:Link}<h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  958.  
  959. {block:Chat}{block:Title}<h1>{Title}</h1></a>{/block:Title}
  960. <div id="chat">{block:Lines}<li>{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines}</div>{/block:Chat}
  961.  
  962. {block:Video}<center>{Video-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  963.  
  964. {block:Audio}
  965. <div id="audiowrap"><div id="player">{AudioPlayerWhite}</div>
  966. {block:AlbumArt}<img src="{AlbumArtURL}" width="150">{/block:AlbumArt}</p></div>
  967. <div id="trackposition">
  968. <div id="songtitle">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}</div>
  969. {block:Artist}<i>{Artist}</i>{/block:Artist}</div>
  970. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  971. {/block:Audio}
  972.  
  973. {block:Answer}
  974. <div id="askheader"><img src="https://static.tumblr.com/j0nrc4i/c6Opldjnx/asksymbol.png" draggable="false"><div class="asker">{Asker}</div><span style="font-size:20px;margin-left:50px;letter-spacing:2px;font-family: 'Mate SC', serif;">Has sent a missive....</span>
  975. <div class="question">{Question}</div></div>
  976. {Answer}
  977. {/block:Answer}
  978.  
  979. <div class="permalinks">
  980.  
  981. <div id="reblogbutton"><a href="{ReblogURL}" title="Scatter."><img src="https://static.tumblr.com/j0nrc4i/ePypldkoa/reblog.png"></a></div>
  982.  
  983. <a href="{Permalink}" title="{DayofMonth}{DayofMonthSuffix} {Month} {Year}" style="font-size:25px; position: absolute; margin-left:22px; margin-top:19px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg)">★</a>
  984.  
  985. {block:Date}<a href="{Permalink}" title="{12Hour}:{Minutes} {CapitalAmPm}" style="font-size:20px; position: absolute; margin-left:15px; margin-top:40px; -webkit-transform: rotate(-25deg); -ms-transform: rotate(-25deg); transform: rotate(-25deg)">★</a>{/block:Date}
  986.  
  987. {block:NoteCount}<a href="{Permalink}" title="{NoteCountWithLabel}" style="font-size:26px; position: absolute; margin-left:-10px; margin-top:25px; -webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); transform: rotate(25deg)">★</a>
  988. {/block:NoteCount}
  989.  
  990. </div>
  991.  
  992. <div class="tags">{block:HasTags}{block:Tags}<img src="https://static.tumblr.com/j0nrc4i/zgspldjmt/favicon.png"> <a href="{TagUrl}"> {Tag}</a>{/block:Tags}{/block:HasTags}</div>
  993.  
  994. </div>
  995.  
  996. {block:PostNotes}
  997. <div class="notes">
  998. {PostNotes-16}
  999. </div>
  1000. {/block:PostNotes}
  1001.  
  1002. {/block:Posts}
  1003.  
  1004. </div>
  1005.  
  1006. {block:ContentSource}
  1007. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1008. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1009. {/block:SourceLogo}
  1010. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1011. {/block:ContentSource}
  1012.  
  1013. <div id="credit"><a href="#?w=804" rel="cr" class="poplight" title="Storyteller Codeweaving">oAo</a></div>
  1014.  
  1015. </body>
  1016.  
  1017. <div id="01" class="popup_block">
  1018. <div id="text">
  1019.  
  1020. <img src="https://static.tumblr.com/j0nrc4i/0Yaplfej9/ask.png" draggable="false"></p>
  1021.  
  1022. <iframe frameborder="0" height="235" id="ask_form"
  1023. scrolling="no" src="https://www.tumblr.com/ask_form/pyresight.tumblr.com"
  1024. width="100%"></iframe>
  1025. <br><br>
  1026. <iframe frameborder="0" height="150" id="submit_form"
  1027. scrolling="no" src="https://www.tumblr.com/submit_form/pyresight.tumblr.com"
  1028. width="100%"></iframe>
  1029. <!--[if IE]><script type="text/javascript">document.getElementById('ask_form').
  1030. allowTransparency=true;</script>
  1031. <![endif]-->
  1032.  
  1033. </div>
  1034. </div></div></div></div></div></div></div></div></div></div>
  1035.  
  1036. <div id="02" class="popup_block">
  1037. <div id="text">
  1038.  
  1039. <img src="https://static.tumblr.com/j0nrc4i/ux4plfehm/rules.png" draggable="false"></p>
  1040.  
  1041. <a href="#sect1" class="button">General.</a>
  1042. <a href="#sect2" class="button">About.</a>
  1043. <a href="#sect3" class="button">About this Blog.</a></p>
  1044. <a href="#sect4" class="button">Writing & Content.</a>
  1045. <a href="#sect5" class="button">To Personal Blogs.</a>
  1046. <a href="#sect6" class="button">Afterword</a></p>
  1047.  
  1048. <a name="sect1"><h2>General.</h2></a>
  1049.  
  1050. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1051.  
  1052. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1053.  
  1054. <a name="sect2"><h2>About.</h2></a><p>
  1055.  
  1056. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1057.  
  1058. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1059.  
  1060. <a name="sect3"><h2>About this Blog.</h2></a><p>
  1061.  
  1062. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1063.  
  1064. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1065.  
  1066. <a name="sect4"><h2>Writing & Content.</h2></a><p>
  1067.  
  1068. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1069.  
  1070. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1071.  
  1072. <a name="sect5"><h2>To Personal Blogs.</h2></a><p>
  1073.  
  1074. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1075.  
  1076. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1077.  
  1078. <a name="sect6"><h2>Afterword.</h2></a>
  1079.  
  1080. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1081.  
  1082. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1083.  
  1084. </div>
  1085. </div></div></div></div></div></div></div></div></div></div>
  1086.  
  1087. <div id="03" class="popup_block">
  1088. <div id="text">
  1089. <img src="https://static.tumblr.com/j0nrc4i/d9Dplfeg9/about.png" draggable="false"></p>
  1090.  
  1091. <a href="#bio" class="button">Profile.</a>
  1092. <a href="#hc" class="button">Headcanons.</a>
  1093. <a href="#past" class="button">History.</a></p>
  1094.  
  1095. <a name="sect1"><h3>Profile.</h3></a>
  1096.  
  1097. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1098.  
  1099. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1100.  
  1101. <a name="hc"><h3>Headcanons.</h3></a><p>
  1102.  
  1103. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1104.  
  1105. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1106.  
  1107. <a name="past"><h3>History.</h3></a><p>
  1108.  
  1109. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1110.  
  1111. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1112.  
  1113. </div>
  1114. </div></div></div></div></div></div></div></div></div></div>
  1115.  
  1116. <div id="04" class="popup_block">
  1117. <div id="text">
  1118.  
  1119. <img src="https://static.tumblr.com/j0nrc4i/Hi8plfekr/verses.png"></p>
  1120.  
  1121. <ul id="tabs">
  1122. <li class="active">Canon</li>
  1123. <li>AU</li>
  1124. <li>Crossover</li>
  1125. </ul>
  1126. <ul id="tab">
  1127. <li class="active">
  1128.  
  1129. <div class="links_list">
  1130. <p class="links_head">Canon.</p>
  1131. <div class="links_body">
  1132.  
  1133. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1134.  
  1135. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1136.  
  1137. </div></div>
  1138.  
  1139. </li>
  1140. <li>
  1141.  
  1142. <div class="links_list">
  1143. <p class="links_head">AU.</p>
  1144. <div class="links_body">
  1145.  
  1146. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1147.  
  1148. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1149.  
  1150. </div></div>
  1151.  
  1152. </li>
  1153. <li>
  1154.  
  1155. <div class="links_list">
  1156. <p class="links_head">Crossover.</p>
  1157. <div class="links_body">
  1158.  
  1159. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1160.  
  1161. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1162.  
  1163. </div></div>
  1164.  
  1165. </li>
  1166. </ul>
  1167.  
  1168. </div>
  1169. </div></div></div></div></div></div></div></div></div></div>
  1170.  
  1171. <div id="05" class="popup_block">
  1172. <div id="text">
  1173.  
  1174. <img src="https://static.tumblr.com/j0nrc4i/IH8plfemk/navi.png" draggable="false"></p>
  1175.  
  1176. <h3>General.</h3>
  1177.  
  1178. <a href="/" class="button" title="Hover here">Title Here.</a>
  1179. <a href="/" class="button">Title Here.</a>
  1180. <a href="/" class="button">Title Here.</a>
  1181. </p>
  1182.  
  1183. <h3>Muse.</h3>
  1184.  
  1185. <a href="/" class="button" title="Hover here">Title Here.</a>
  1186. <a href="/" class="button">Title Here.</a>
  1187. <a href="/" class="button">Title Here.</a>
  1188. </p>
  1189.  
  1190. <h3>Mun.</h3>
  1191.  
  1192. <a href="/" class="button" title="Hover here">Title Here.</a>
  1193. <a href="/" class="button">Title Here.</a>
  1194. <a href="/" class="button">Title Here.</a>
  1195.  
  1196. </div>
  1197. </div></div></div></div></div></div></div></div></div></div>
  1198.  
  1199. <div id="06" class="popup_block">
  1200. <div id="text">
  1201.  
  1202. <img src="https://static.tumblr.com/j0nrc4i/WAnplfeq2/mun.png" draggable="false"></p>
  1203.  
  1204. <a href="#mun" class="button">About Mun.</a>
  1205. <a href="#muses" class="button">Other Muses.</a></p>
  1206.  
  1207. <a name="mun"><h3>About Mun.</h3></a><p>
  1208.  
  1209. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1210.  
  1211. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1212.  
  1213. <a name="muses"><h3>Other Muses.</h3></a></p>
  1214.  
  1215. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1216.  
  1217. <b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit. In sit amet mattis enim, eget blandit elit</i>. Duis diam nulla, accumsan efficitur placerat nec, imperdiet at dui. In laoreet enim ut magna ullamcorper cursus. Nulla facilisi. Phasellus mollis lacinia massa, in auctor ipsum venenatis vitae. Proin nec orci faucibus, vestibulum quam ultrices, pharetra massa. Sed imperdiet lectus ipsum, vel vulputate diam ornare eget. Duis imperdiet commodo metus quis facilisis. Donec euismod, magna non interdum mattis, ex mi fringilla eros, at maximus dui sem ac sem. Aenean efficitur facilisis consequat.</p>
  1218.  
  1219. </div>
  1220. </div></div></div></div></div></div></div></div></div></div>
  1221.  
  1222.  
  1223. <div id="cr" class="popup_block">
  1224. <div id="text">
  1225. <h3>Credits.</h3>
  1226. Theme code <i>&</i> graphics by <b>Storyteller Creations</b>. If you are interested in ordering a theme from me, please visit my commissions blog <b><a href="https://storytellercreations.tumblr.com">storytellercreations</a></b>. Thank you for your interest and hope to see you soon as a client<i>!</i></p>
  1227.  
  1228. All images used in theme are by <b>Studio BONES</b>.</p>
  1229.  
  1230. This theme is authorized only for <b>ReversedFooi</b>'s use. <i>Please do not steal or directly copy the code for yourself</i>.
  1231. </div></div></div></div></div></div></div></div></div></div>
  1232.  
  1233. </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!