API tools faq
paste
Advertisement
mizrahis

iris theme

mizrahis
Sep 19th, 2019
190
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 50.71 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!--
  5.  
  6. code was made by WOLFSOULED@TUMBLR with aid from AGIRLINGREY@TUMBLR.
  7.  
  8. -->
  9.  
  10.  
  11.  
  12.  
  13. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15.  
  16.  
  17.  
  18. <!--
  19. POP UP SCRIPT
  20. -->
  21.  
  22.  
  23. <script type="text/javascript"
  24. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  25. <script>
  26. $(document).ready(function() {
  27. //
  28. $('a.poplight[href^=#]').click(function() {
  29. var popID = $(this).attr('rel'); //Get Popup Name
  30. var popURL = $(this).attr('href'); //Get Popup href to define size
  31. var query= popURL.split('?');
  32. var dim= query[1].split('&');
  33. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  34. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  35. var popMargTop = ($('#' + popID).height() + 80) / 2;
  36. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  37. //Apply Margin to Popup
  38. $('#' + popID).css({
  39. 'margin-top' : -popMargTop,
  40. 'margin-left' : -popMargLeft
  41. });
  42. $('body').append('<div id="fade"></div>');
  43. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  44. return false;
  45. });
  46. $('a.close, #fade').live('click', function() {
  47. $('#fade , .popup_block').fadeOut(function() {
  48. $('#fade, a.close').remove(); //fade them both out
  49. });
  50. return false;
  51. });
  52. });
  53. </script>
  54.  
  55.  
  56. <script type="text/javascript"
  57. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  58. <script>
  59. $(document).ready(function() {
  60. //
  61. $('a.poplight[href^=#]').click(function() {
  62. var popID = $(this).attr('rel'); //Get Popup Name
  63. var popURL = $(this).attr('href'); //Get Popup href to define size
  64. var query= popURL.split('?');
  65. var dim= query[1].split('&');
  66. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  67. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  68. var popMargTop = ($('#' + popID).height() + 80) / 2;
  69. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  70. //Apply Margin to Popup
  71. $('#' + popID).css({
  72. 'margin-top' : -popMargTop,
  73. 'margin-left' : -popMargLeft
  74. });
  75. $('body').append('<div id="fade"></div>');
  76. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  77. return false;
  78. });
  79. $('a.close, #fade').live('click', function() {
  80. $('#fade , .popup_block2').fadeOut(function() {
  81. $('#fade, a.close').remove(); //fade them both out
  82. });
  83. return false;
  84. });
  85. });
  86. </script>
  87.  
  88.  
  89.  
  90. <!--
  91. VERSE TABS SCRIPT
  92. -->
  93.  
  94.  
  95. <script>
  96.  
  97. $(document).ready(function(){
  98. $("ul#tabs li").click(function(e){
  99. if (!$(this).hasClass("active")) {
  100. var tabNum = $(this).index();
  101. var nthChild = tabNum+1;
  102. $("ul#tabs li.active").removeClass("active");
  103. $(this).addClass("active");
  104. $("ul#tab li.active").removeClass("active");
  105. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  106. }
  107. });
  108. });
  109. </script>
  110.  
  111.  
  112.  
  113. <!--TOOLTIP STYLING-->
  114.  
  115.  
  116. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  117. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  118. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  119. <script>
  120. (function($){
  121. $(document).ready(function(){
  122. $("[title]").style_my_tooltips({
  123. tip_follows_cursor:true,
  124. tip_delay_time:200,
  125. tip_fade_speed:500
  126. });
  127. });
  128. })(jQuery);
  129. </script>
  130.  
  131.  
  132.  
  133.  
  134. <title>{Title}</title>
  135. <link rel="shortcut icon" href="{Favicon}">
  136. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  137. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  138.  
  139.  
  140.  
  141. <!--CUSTOM FONTS-->
  142.  
  143.  
  144. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css">
  145.  
  146. <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet" type="text/css">
  147.  
  148.  
  149. <link href="https://fonts.googleapis.com/css?family=Bad+Script" rel="stylesheet" type="text/css">
  150.  
  151. <link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
  152.  
  153. <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  154.  
  155. <link href='https://fonts.googleapis.com/css?family=Open+Sans:700,400' rel='stylesheet' type='text/css'>
  156.  
  157. <link href='https://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>
  158.  
  159. <link href='https://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
  160.  
  161. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  162.  
  163. <link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
  164.  
  165. <link href='https://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  166.  
  167. <style type="text/css">
  168.  
  169. /* SIDEBAR */
  170.  
  171.  
  172.  
  173. #howl
  174. #howl a{
  175. display:block
  176. }
  177. #howl .snow {
  178. margin-top:0px;filter: alpha(opacity = 1.0);
  179. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  180. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  181. }
  182.  
  183. #howl:hover .snow {
  184. margin-top:0px;
  185. -webkit-transition: all 0.8s ease-out;
  186. -moz-transition: all 0.8s ease-out;
  187. transition: all 0.8s ease-out;
  188. filter: alpha(opacity = 100);
  189. filter: alpha(opacity = 100);
  190. opacity:100;
  191. }
  192.  
  193. #howl2
  194. #howl2 a{
  195. display:block
  196. }
  197. #howl2 .snow {
  198. margin-top:0px;filter: alpha(opacity = 1.0);
  199. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  200. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  201. }
  202.  
  203. #howl2:hover .snow {
  204. margin-top:0px;
  205. -webkit-transition: all 0.8s ease-out;
  206. -moz-transition: all 0.8s ease-out;
  207. transition: all 0.8s ease-out;
  208. filter: alpha(opacity = 100);
  209. filter: alpha(opacity = 100);
  210. opacity:100;
  211. }
  212.  
  213.  
  214.  
  215. /* SELECTION FONT AND BACKGROUND */
  216.  
  217.  
  218. ::selection {
  219. background: #c2c2c2;
  220. color:#fff; }
  221.  
  222.  
  223. ::-moz-selection {
  224. background: #c2c2c2;
  225. color:#fff; }
  226.  
  227.  
  228.  
  229. /* SCROLLBAR */
  230.  
  231.  
  232. ::-webkit-scrollbar {
  233. height: 0px;
  234. width: 2px;
  235. background:transparent;
  236. border-left:0px solid transparent;
  237. border-right:0px solid transparent;}
  238.  
  239.  
  240. ::-webkit-scrollbar-thumb {
  241. background:transparent;}
  242.  
  243.  
  244. /* CURSOR */
  245.  
  246.  
  247. {block:iftinycursor}
  248. body, a, a:hover{
  249. cursor: url('https://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;}
  250. {/block:iftinycursor}
  251.  
  252. iframe#tumblr_controls {
  253. right:3px !important;
  254. position: fixed !important;
  255. -webkit-transition: opacity 0.7s
  256. linear;opacity: 0.2;
  257. -webkit-transition: all 0.8s ease-out;
  258. -moz-transition: all 0.8s ease-out;
  259. transition: all 0.8s ease-out;}
  260.  
  261. iframe#tumblr_controls:hover{
  262. -webkit-transition: opacity 0.7s linear;
  263. opacity: 1;
  264. -webkit-transition: all 0.4s ease-out;
  265. -moz-transition: all 0.4s ease-out;
  266. transition: all 0.4s ease-out;}
  267.  
  268.  
  269. /* BACKGROUND */
  270.  
  271.  
  272. body {
  273. background:#000;
  274. background-image:url('https://i.imgur.com/TruLJ3N.png');
  275. background-attachment: fixed;
  276. background-repeat: no-repeat;
  277. background-position: left top;
  278. color:#252525;
  279. font-family: calibri;
  280. text-align:justify;
  281. font-size: 12px;
  282. letter-spacing:0px;
  283. line-height:135%;
  284.  
  285. }
  286.  
  287.  
  288. /* FONT STYLES */
  289.  
  290.  
  291. a {
  292. text-decoration:none;
  293. color:#563535;
  294. letter-spacing:4px;
  295. text-shadow:0px 0px 2px #563535;
  296. -moz-transition-duration:.6s;
  297. -webkit-transition-duration:.6s;
  298. -o-transition-duration:.6s;
  299. -webkit-filter: blur(0px);
  300. }
  301.  
  302. a:hover {
  303. color:#636363;
  304. letter-spacing:2px;
  305. -moz-transition-duration:.6s;
  306. -webkit-transition-duration:.6s;
  307. -o-transition-duration:.6s;
  308. -webkit-filter: blur(1px);
  309. }
  310.  
  311. b, strong {
  312. color:#fff;
  313. text-decoration:none;
  314. text-transform:uppercase;
  315. font-family: "Times New Roman", Times, serif;
  316. font-style: none;
  317. font-size:12px;
  318. text-shadow:1px 1px 0px #000,
  319. 1px -1px 0px #000,
  320. -1px -1px 0px #000,
  321. -1px 1px 0px #000,
  322. 0px 1px 0px #000,
  323. 0px -1px 0px #000,
  324. 1px 0px 0px #000,
  325. -1px 0px 0px #000;
  326. z-index:0;
  327. }
  328.  
  329. i, em {
  330. color:#703d3d;
  331. text-shadow: 0px 0px 2px #703d3d;
  332. font-family: 'Parisienne', cursive;
  333. letter-spacing:1px;
  334. font-size:17px;
  335. line-height:50%;
  336. text-transform:lowercase;
  337. z-index:1;
  338. }
  339.  
  340. i2, em2 {
  341. color:#fff;
  342. text-shadow: 0px 0px 2px #fff;
  343. font-family: 'Parisienne', cursive;
  344. letter-spacing:1px;
  345. font-size:30px;
  346. line-height:30%;
  347. text-transform:lowercase;
  348. z-index:1;
  349. }
  350.  
  351. i3, em3 {
  352. color:#fff;
  353. text-shadow: 0px 0px 2px #fff;
  354. font-family: 'Parisienne', cursive;
  355. letter-spacing:1px;
  356. font-size:22px;
  357. line-height:30%;
  358. text-transform:lowercase;
  359. z-index:1;
  360. }
  361.  
  362.  
  363. p {
  364. margin-top:5px;
  365. margin-bottom:5px;}
  366.  
  367.  
  368.  
  369. small {
  370. font-size:11px}
  371.  
  372.  
  373. sup,sub {
  374. font-size:11px}
  375.  
  376.  
  377. pre {
  378. font-size: 10px;
  379. letter-spacing:3px;
  380. background-color:#949597;
  381. font-family: "Times New Roman", Times, serif;
  382. font-style: none;
  383. text-align:center;
  384. text-shadow:1px 1px 0px #000,
  385. 1px -1px 0px #000,
  386. -1px -1px 0px #000,
  387. -1px 1px 0px #000,
  388. 0px 1px 0px #000,
  389. 0px -1px 0px #000,
  390. 1px 0px 0px #000,
  391. -1px 0px 0px #000;
  392. border-left: double 3px #7c7c7c;
  393. border-top: double 3px #7c7c7c;
  394. border-right: double 3px #7c7c7c;
  395. border-bottom: double 3px #7c7c7c;
  396. opacity:0.5;
  397. white-space: pre-wrap; /* css-3 */
  398. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  399. white-space: -pre-wrap; /* Opera 4-6 */
  400. white-space: -o-pre-wrap; /* Opera 7 */
  401. word-wrap: break-word; /* Internet Explorer 5.5+ */ }
  402.  
  403.  
  404.  
  405. big {
  406. font-size:14px;
  407. text-transform:uppercase;
  408. letter-spacing:2px;
  409. font-family: "Times New Roman", Times, serif;
  410. color: #91a3ac;
  411. text-shadow: 0px 0px 2px #383838;
  412. }
  413.  
  414.  
  415. h1 {
  416. background-color: transparent;
  417. font-family: 'Josefin Sans', sans-serif;
  418. font-size: 16px;
  419. line-height: 20px;
  420. letter-spacing: 2px;
  421. text-align: center;
  422. text-transform:uppercase;
  423. color: #ccc;
  424. }
  425.  
  426.  
  427. h2 {
  428. background-color: transparent;
  429. font-family: 'Josefin Sans', sans-serif;
  430. font-size: 15px;
  431. line-height: 16px;
  432. letter-spacing: 2px;
  433. text-align: left;
  434. text-transform:uppercase;
  435. color: #ccc;
  436. }
  437.  
  438.  
  439.  
  440. h3 {
  441. background-image: url('');
  442. background-repeat:repeat;
  443. background-attachment:fixed;
  444. border-left: double 3px #000;
  445. border-top: double 3px #000;
  446. border-right: double 3px #000;
  447. border-bottom: double 3px #000;
  448. padding:2px;
  449. color:#ccc;
  450. text-shadow:1px 1px 0px #000,
  451. 1px -1px 0px #000,
  452. -1px -1px 0px #000,
  453. -1px 1px 0px #000,
  454. 0px 1px 0px #000,
  455. 0px -1px 0px #000,
  456. 1px 0px 0px #000,
  457. -1px 0px 0px #000;
  458. font-size:12px;
  459. font-family:calibri;
  460. text-transform:uppercase;
  461. letter-spacing:1px;
  462. text-align:center;}
  463.  
  464.  
  465.  
  466.  
  467. h4 {
  468. background-image: url('https://i.imgur.com/QJ0mRZK.png');
  469. background-repeat:repeat;
  470. background-attachment:fixed;
  471. border-left: double 3px #3b3e40;
  472. border-top: double 3px #3b3e40;
  473. border-right: double 3px #3b3e40;
  474. border-bottom: double 3px #3b3e40;
  475. padding:2px;
  476. color:#e6e6e6;
  477. text-shadow:1px 1px 0px #000,
  478. 1px -1px 0px #000,
  479. -1px -1px 0px #000,
  480. -1px 1px 0px #000,
  481. 0px 1px 0px #000,
  482. 0px -1px 0px #000,
  483. 1px 0px 0px #000,
  484. -1px 0px 0px #000;
  485. font-size:9px;
  486. font-family:calibri;
  487. text-transform:uppercase;
  488. letter-spacing:1px;
  489. text-align:center;
  490. z-index:0;
  491. }
  492.  
  493.  
  494.  
  495. hr {
  496. color:#e6e6e6;
  497. text-shadow:1px 1px 0px #000,
  498. 1px -1px 0px #000,
  499. -1px -1px 0px #000,
  500. -1px 1px 0px #000,
  501. 0px 1px 0px #000,
  502. 0px -1px 0px #000,
  503. 1px 0px 0px #000,
  504. -1px 0px 0px #000;;
  505. display: block;
  506. margin-top: 0.5em;
  507. margin-bottom: 0.5em;
  508. margin-left: auto;
  509. margin-right: auto;
  510. border-style: inset;
  511. border-width: 1px;
  512. }
  513.  
  514.  
  515. quotetext {
  516. background-color: transparent;
  517. font-family: times;
  518. padding-top:10px;
  519. font-size: 14px;
  520. line-height: 20px;
  521. letter-spacing: 2px;
  522. text-align: center;
  523. text-transform:uppercase;
  524. color: #fff;
  525. }
  526.  
  527.  
  528.  
  529.  
  530. /* BLOCKQUOTE */
  531.  
  532.  
  533. blockquote {
  534. padding:2px 7px;
  535. margin:3px 0px 8px;
  536. border-left:1px dotted #ccc;
  537. }
  538.  
  539. blockquote img {
  540. max-width:100%;
  541. height:auto;
  542. }
  543.  
  544. blockquote blockquote img{
  545. max-width:100%;
  546. height:auto;
  547. }
  548.  
  549. img {
  550. max-width:100%;
  551. }
  552.  
  553.  
  554. /* IMAGES, PHOTOSETS, ETC */
  555.  
  556.  
  557.  
  558. {block:IfGreyscale}
  559.  
  560. img {
  561. -webkit-filter:grayscale(100%);
  562. -webkit-transition: all 0.9s ease-in-out;
  563. -moz-transition: all 0.9s ease-in-out;
  564. -o-transition: all 0.9s ease-in-out;
  565. -ms-transition: all 0.9s ease-in-out;
  566. transition: all 0.9s ease-in-out;}
  567.  
  568. img:hover {
  569. -webkit-filter:none;}
  570.  
  571. .html_photoset {
  572. -webkit-filter: grayscale(100%);
  573. -webkit-transition: all 0.9s ease-in-out;
  574. -moz-transition: all 0.9s ease-in-out;
  575. -o-transition: all 0.9s ease-in-out;
  576. -ms-transition: all 0.9s ease-in-out;
  577. transition: all 0.9s ease-in-out;}
  578.  
  579. .html_photoset:hover {
  580. -webkit-filter: none;}
  581.  
  582. {/block:IfGreyscale}
  583.  
  584.  
  585. /* POSTS AND POST CONTAINER */
  586.  
  587. #container {
  588. background-color:transparent;
  589. width:275px;
  590. height:363px;
  591. padding: 10px;
  592. top:215px;
  593. margin-left:383px;
  594. position:relative;
  595. overflow-y:scroll;
  596. overflow-x:hidden;
  597. -webkit-mask-image: -webkit-gradient(
  598. linear, center 55%, center bottom,
  599. from(rgba(0,0,0,20)),
  600. to(rgba(20,0,0,0)));
  601. border:1px solid transparent;
  602. }
  603.  
  604. #container img {
  605. height:auto;
  606. max-width:100%;
  607. }
  608.  
  609. #content {
  610. margin-left:62px;
  611. width:250px;
  612. height:auto;
  613. margin-top: -110px;
  614. padding-top:-10px;
  615. padding-bottom:20px;
  616. -webkit-filter: blur(0px);
  617. opacity:0.5;
  618. -webkit-transition: all 0.3s ease-in-out;
  619. -moz-transition: all 0.3s ease-in-out;
  620. -o-transition: all 0.3s ease-in-out;
  621. -ms-transition: all 0.3s ease-in-out;
  622. transition: all 0.3s ease-in-out;
  623. }
  624.  
  625. #content:hover {
  626. -webkit-filter:none;
  627. opacity:1;
  628. -webkit-transition: all 0.9s ease-in-out;
  629. -moz-transition: all 0.9s ease-in-out;
  630. -o-transition: all 0.9s ease-in-out;
  631. -ms-transition: all 0.9s ease-in-out;
  632. transition: all 0.9s ease-in-out;
  633. }
  634.  
  635. #posts {
  636. width:250px;
  637. padding:10px;
  638. height:auto;
  639. margin-top: 70px;
  640. margin-left:-72px;
  641. padding-bottom:30px;
  642. overflow-y:scroll;
  643. overflow-x:hidden;
  644. }
  645.  
  646.  
  647.  
  648. /* SIDEBAR */
  649.  
  650.  
  651.  
  652. #sidebar {
  653. font-family: calibri;
  654. font-size:10px;
  655. background:transparent;
  656. color: #252525;
  657. width:140px;
  658. height:225px;
  659. border:0px solid #131313;
  660. left: 200px;
  661. top: 265px;
  662. text-align:center;
  663. position:fixed;
  664. overflow-y:scroll;
  665. overflow-x:hidden;
  666. -webkit-filter: blur(0px);
  667. -webkit-transition: 0.8s ease-in;
  668. -moz-transition: 1s ease-in;
  669. transition: 1s ease-in;
  670. opacity:0.7;
  671. -webkit-transition: all 0.6s ease-in-out;
  672. -moz-transition: all 0.6s ease-in-out;
  673. -o-transition: all 0.6s ease-in-out;
  674. -ms-transition: all 0.6s ease-in-out;
  675. transition: all 0.6s ease-in-out;
  676. z-index:0;
  677. -webkit-mask-image: -webkit-gradient(
  678. linear, center 50%, center bottom,
  679. from(rgba(0,0,0,20)),
  680. to(rgba(20,0,0,0)));
  681. }
  682.  
  683.  
  684.  
  685. #sidebar:hover {
  686. -webkit-filter:none;
  687. -webkit-transition: all 0.6s ease-in-out;
  688. opacity:1;
  689. -webkit-transition: all 0.6s ease-in-out;
  690. -moz-transition: all 0.6s ease-in-out;
  691. -o-transition: all 0.6s ease-in-out;
  692. -ms-transition: all 0.6s ease-in-out;
  693. transition: all 0.6s ease-in-out;
  694. }
  695.  
  696.  
  697.  
  698.  
  699. #hollow {
  700. position:fixed;
  701. color:#7c7470;
  702. text-shadow: 0px 0px 2px #fff;
  703. margin-top:175px;
  704. margin-left:55px;
  705. width:110px;
  706. padding:9px;
  707. letter-spacing:2px;
  708. word-spacing:5px; /*this defines the separation of each word of the links*/
  709. font-family: helvetica;
  710. font-size:12px;
  711. text-align:center;
  712. background:transparent;
  713. text-transform:uppercase;
  714. -webkit-transform: rotate(-90deg);
  715. -moz-transform: rotate(-90deg);
  716. -o-transform: rotate(-90deg);
  717. }
  718.  
  719.  
  720. #sidebar2 {
  721. font-family: calibri;
  722. font-size:10px;
  723. background:transparent;
  724. color: #252525;
  725. width:140px;
  726. height:140px;
  727. border:0px solid #131313;
  728. left: 200px;
  729. top: 478px;
  730. text-align:center;
  731. position:fixed;
  732. overflow-y:scroll;
  733. overflow-x:hidden;
  734. -webkit-filter: blur(0px);
  735. -webkit-transition: 0.8s ease-in;
  736. -moz-transition: 1s ease-in;
  737. transition: 1s ease-in;
  738. opacity:1;
  739. -webkit-transition: all 0.6s ease-in-out;
  740. -moz-transition: all 0.6s ease-in-out;
  741. -o-transition: all 0.6s ease-in-out;
  742. -ms-transition: all 0.6s ease-in-out;
  743. transition: all 0.6s ease-in-out;
  744. z-index:0;
  745. -webkit-mask-image: -webkit-gradient(
  746. linear, center 60%, center bottom,
  747. from(rgba(0,0,0,20)),
  748. to(rgba(20,0,0,0)));
  749. }
  750.  
  751.  
  752.  
  753. #sidebar2:hover {
  754. -webkit-filter:none;
  755. -webkit-transition: all 0.6s ease-in-out;
  756. opacity:1;
  757. -webkit-transition: all 0.6s ease-in-out;
  758. -moz-transition: all 0.6s ease-in-out;
  759. -o-transition: all 0.6s ease-in-out;
  760. -ms-transition: all 0.6s ease-in-out;
  761. transition: all 0.6s ease-in-out;
  762. }
  763.  
  764.  
  765.  
  766.  
  767. #hollow2 {
  768. position:fixed;
  769. color:#7c7470;
  770. text-shadow: 0px 0px 2px #fff;
  771. margin-top:175px;
  772. margin-left:55px;
  773. width:110px;
  774. padding:9px;
  775. letter-spacing:2px;
  776. word-spacing:5px; /*this defines the separation of each word of the links*/
  777. font-family: helvetica;
  778. font-size:12px;
  779. text-align:center;
  780. background:transparent;
  781. text-transform:uppercase;
  782. -webkit-transform: rotate(-90deg);
  783. -moz-transform: rotate(-90deg);
  784. -o-transform: rotate(-90deg);
  785. }
  786.  
  787.  
  788.  
  789. /* JUMBLED LINKS */
  790.  
  791.  
  792.  
  793. .alinks {
  794. position:fixed;
  795. text-shadow: 0px 0px 6px #fff;
  796. left:215px;
  797. top:595px;
  798. transform: rotate(25deg);
  799. text-align: right;
  800. line-height:20px;
  801. font-family: 'Josefin Sans', sans-serif;
  802. font-size: 25px;
  803. z-index:1;
  804. }
  805.  
  806.  
  807. .alinks a {
  808. padding:10px;
  809. color:#fff;
  810. text-shadow: 0px 0px 6px;
  811. margin-right:0px;
  812. -webkit-filter: blur(0px);
  813. -webkit-transition: 0.8s ease-in;
  814. -moz-transition: 1s ease-in;
  815. transition: 1s ease-in;
  816. z-index:1;
  817. }
  818.  
  819. .alinks a:hover {
  820. -webkit-filter: blur(2px);
  821. -webkit-transition: all 0.6s ease-in-out;
  822. -moz-transition: all 0.6s ease-in-out;
  823. -o-transition: all 0.6s ease-in-out;
  824. -ms-transition: all 0.6s ease-in-out;
  825. transition: all 0.6s ease-in-out;
  826. color: #fff;
  827. text-shadow: 7px 7px 3px #000000;
  828. }
  829.  
  830.  
  831.  
  832. .blinks {
  833. position:fixed;
  834. text-shadow: 0px 0px 11px #fff;
  835. left:185px;
  836. top:580px;
  837. transform: rotate(90deg);
  838. text-align: center;
  839. font-family: 'Josefin Sans', sans-serif;
  840. line-height:20px;
  841. font-size: 22px;
  842. }
  843.  
  844.  
  845. .blinks a {
  846. padding:10px;
  847. color:#fff;
  848. margin-right:0px;
  849. -webkit-filter: blur(0px);
  850. -webkit-transition: 0.8s ease-in;
  851. -moz-transition: 1s ease-in;
  852. transition: 1s ease-in;
  853. }
  854.  
  855. .blinks a:hover {
  856. -webkit-transition: all 0.6s ease-in-out;
  857. -moz-transition: all 0.6s ease-in-out;
  858. -o-transition: all 0.6s ease-in-out;
  859. -ms-transition: all 0.6s ease-in-out;
  860. transition: all 0.6s ease-in-out;
  861. color: #fff;
  862. text-shadow: 7px 7px 3px #fff;
  863. }
  864.  
  865.  
  866. .clinks {
  867. position:fixed;
  868. font-size:40px;
  869. text-decoration:none;
  870. -webkit-filter:blur(0px);
  871. -webkit-transition: all 0.5s ease-out;
  872. -moz-transition: all 0.5s ease-out;
  873. transition: all 0.5s ease-out;
  874. transform: rotate(-80deg);
  875. -ms-transform: rotate(-80deg);
  876. -webkit-transform: rotate(-80deg);
  877. -o-transform: rotate(-80deg);
  878. -moz-transform: rotate(-80deg);
  879. left:155px;
  880. top:585px;
  881. }
  882.  
  883. .clinks a {
  884. text-shadow:0px 0px 7px #ccc;
  885. text-decoration:none;
  886. color:#ccc;
  887. -webkit-filter:blur(0px);
  888. -webkit-transition: all 0.5s ease-out;
  889. -moz-transition: all 0.5s ease-out;
  890. transition: all 0.5s ease-out;
  891. transform: rotate(0deg);
  892. -ms-transform: rotate(0deg);
  893. -webkit-transform: rotate(0deg);
  894. -o-transform: rotate(0deg);
  895. -moz-transform: rotate(0deg);
  896. }
  897.  
  898. .clinks:hover {
  899. -webkit-filter:blur(1px);
  900. -webkit-transition: all 0.5s ease-out;
  901. -moz-transition: all 0.5s ease-out;
  902. transition: all 0.5s ease-out;
  903. transform: rotate(110deg);
  904. -ms-transform: rotate(110deg);
  905. -webkit-transform: rotate(110deg);
  906. -o-transform: rotate(110deg);
  907. -moz-transform: rotate(110deg);
  908. }
  909.  
  910.  
  911. .dlinks {
  912. position:fixed;
  913. font-size:30px;
  914. text-decoration:none;
  915. -webkit-filter:blur(1px);
  916. -webkit-transition: all 0.5s ease-out;
  917. -moz-transition: all 0.5s ease-out;
  918. transition: all 0.5s ease-out;
  919. transform: rotate(-50deg);
  920. -ms-transform: rotate(-50deg);
  921. -webkit-transform: rotate(-50deg);
  922. -o-transform: rotate(-50deg);
  923. -moz-transform: rotate(-50deg);
  924. left:140px;
  925. top:555px;
  926. }
  927.  
  928. .dlinks a {
  929. text-shadow:0px 0px 5px #fff;
  930. text-decoration:none;
  931. color:#fff;
  932. opacity:.8;
  933. -webkit-filter:blur(0px);
  934. -webkit-transition: all 0.5s ease-out;
  935. -moz-transition: all 0.5s ease-out;
  936. transition: all 0.5s ease-out;
  937. transform: rotate(-80deg);
  938. -ms-transform: rotate(-80deg);
  939. -webkit-transform: rotate(-80deg);
  940. -o-transform: rotate(-80deg);
  941. -moz-transform: rotate(-80deg);
  942. }
  943.  
  944. .dlinks:hover {
  945. -webkit-filter:blur(0px);
  946. -webkit-transition: all 0.5s ease-out;
  947. -moz-transition: all 0.5s ease-out;
  948. transition: all 0.5s ease-out;
  949. transform: rotate(110deg);
  950. -ms-transform: rotate(110deg);
  951. -webkit-transform: rotate(110deg);
  952. -o-transform: rotate(110deg);
  953. -moz-transform: rotate(110deg);
  954. }
  955.  
  956.  
  957. .credit {
  958. position:fixed;
  959. text-shadow: 0px 0px 11px #7C6868;
  960. right:15px;
  961. bottom:15px;
  962. transform: rotate(0deg);
  963. font-family: 'Josefin Sans', sans-serif;
  964. font-size: 14px; }
  965.  
  966.  
  967. .credit a {
  968. padding:10px;
  969. color:#6e6e6e;
  970. margin-right:0px;
  971. opacity:.4;
  972. -webkit-transition: all 0.6s ease-in-out;
  973. -moz-transition: all 0.6s ease-in-out;
  974. -o-transition: all 0.6s ease-in-out;
  975. -ms-transition: all 0.6s ease-in-out;
  976. transition: all 0.6s ease-in-out;
  977. }
  978.  
  979. .credit a:hover {
  980. -webkit-transition: all 0.6s ease-in-out;
  981. -moz-transition: all 0.6s ease-in-out;
  982. -o-transition: all 0.6s ease-in-out;
  983. -ms-transition: all 0.6s ease-in-out;
  984. -webkit-filter: blur(1px);
  985. transition: all 0.6s ease-in-out;
  986. color: #000000;
  987. text-shadow: 7px 7px 3px #000000;
  988. }
  989.  
  990.  
  991. .animatedlink1{
  992. -webkit-animation-name: scalex;
  993. -webkit-animation-duration:5s;
  994. -webkit-animation-iteration-count:infinite;
  995. -webkit-animation-timing-function:ease-in-out;
  996. -moz-animation-name: scale;
  997. -moz-animation-duration:5s;
  998. -moz-animation-iteration-count:infinite;
  999. -moz-animation-timing-function:ease-in-out;
  1000. }
  1001.  
  1002. @-webkit-keyframes scalex{
  1003. from {-webkit-transform: scale(0.6);}
  1004. 45% {-webkit-transform: scale(1);}
  1005. to {-webkit-transform: scale(0.6);}
  1006. }
  1007.  
  1008. @-moz-keyframes scale{
  1009. from {-webkit-transform: scale(0.6);}
  1010. 45% {-webkit-transform: scale(1);}
  1011. to {-webkit-transform: scale(0.6);}
  1012. }
  1013.  
  1014.  
  1015. .animatedlink2{
  1016. -webkit-animation-name: floatx;
  1017. -webkit-animation-duration:5s;
  1018. -webkit-animation-iteration-count:infinite;
  1019. -webkit-animation-timing-function:ease-in-out;
  1020. -moz-animation-name: float;
  1021. -moz-animation-duration:5s;
  1022. -moz-animation-iteration-count:infinite;
  1023. -moz-animation-timing-function:ease-in-out;
  1024. }
  1025.  
  1026. @-webkit-keyframes floatx{
  1027. 20%{ transform: translateY(-5px);}
  1028. 40% {transform: translateY(-10px);}
  1029. 20% {transform: translateY(-5px);}
  1030. }
  1031.  
  1032. @-moz-keyframes float{
  1033. 20%{ transform: translateY(-5px);}
  1034. 40% {transform: translateY(-10px);}
  1035. 20% {transform: translateY(-5px);}
  1036. }
  1037.  
  1038.  
  1039. /* QUESTIONS AND ANSWERS */
  1040.  
  1041.  
  1042. #asker {
  1043. font-family: 'Calibri', sans-serif;
  1044. text-align:center;
  1045. padding-top: 10px;
  1046. margin-left:0px;
  1047. margin-top:15px;
  1048. text-transform:uppercase;
  1049. color:#e6e6e6;
  1050. text-shadow:1px 1px 0px #000,
  1051. 1px -1px 0px #000,
  1052. -1px -1px 0px #000,
  1053. -1px 1px 0px #000,
  1054. 0px 1px 0px #000,
  1055. 0px -1px 0px #000,
  1056. 1px 0px 0px #000,
  1057. -1px 0px 0px #000;
  1058. font-size:25px;
  1059. padding:0px;
  1060. letter-spacing:0px
  1061. }
  1062.  
  1063.  
  1064. #asker a{
  1065. font-family: 'Parisienne';
  1066. text-transform:lowercase;
  1067. font-size:30px;
  1068. letter-spacing: 0px;
  1069. color:#e6e6e6;
  1070. text-shadow:1px 1px 0px #000,
  1071. 1px -1px 0px #000,
  1072. -1px -1px 0px #000,
  1073. -1px 1px 0px #000,
  1074. 0px 1px 0px #000,
  1075. 0px -1px 0px #000,
  1076. 1px 0px 0px #000,
  1077. -1px 0px 0px #000;
  1078. -webkit-filter: blur(0.5px);
  1079. }
  1080.  
  1081.  
  1082. #asker a:hover {
  1083. color: #656565;
  1084. letter-spacing: 2px;
  1085. text-shadow:0 0 2px #000;
  1086. -webkit-filter: blur(1px);
  1087. -webkit-transition:all .5s ease-in-out;
  1088. -moz-transition:all .5s ease-in-out;
  1089. transition:all .5s ease-in-out;
  1090. }
  1091.  
  1092.  
  1093.  
  1094. #ask {
  1095. border-left: double 3px #3b3e40;
  1096. border-top: double 3px #3b3e40;
  1097. border-right: double 3px #3b3e40;
  1098. border-bottom: double 3px #3b3e40;
  1099. padding:2px;
  1100. height:auto;
  1101. text-shadow:1px 1px 0px #000,
  1102. 1px -1px 0px #000,
  1103. -1px -1px 0px #000,
  1104. -1px 1px 0px #000,
  1105. 0px 1px 0px #000,
  1106. 0px -1px 0px #000,
  1107. 1px 0px 0px #000,
  1108. -1px 0px 0px #000;
  1109. font-size:7px;
  1110. text-align:center;
  1111. padding-top: 5px;
  1112. margin-left:0px;
  1113. text-transform:auto;
  1114. border-top-left-radius:30px;
  1115. border-bottom-left-radius:5px;
  1116. border-top-right-radius:5px;
  1117. border-bottom-right-radius:5px;
  1118. letter-spacing:3px
  1119. margin-top:-10px;
  1120. padding:5px;
  1121. background: #000;
  1122. background: url("https://i.imgur.com/QJ0mRZK.png");
  1123. background-repeat:repeat;
  1124. background-attachment:fixed;
  1125. padding:2px;
  1126. color:#cacaca;
  1127. text-transform: uppercase;
  1128. padding:10px;
  1129. letter-spacing:2px;
  1130. box-shadow:1px 1px 0px #000,
  1131. 1px -1px 0px #000,
  1132. -1px -1px 0px #000,
  1133. -1px 1px 0px #000,
  1134. 0px 1px 0px #000,
  1135. 0px -1px 0px #000,
  1136. 1px 0px 0px #000,
  1137. -1px 0px 0px #000;
  1138. }
  1139.  
  1140.  
  1141. .ans {
  1142. text-align:center;
  1143. padding:10px;
  1144. }
  1145.  
  1146.  
  1147. /* POST INFO */
  1148.  
  1149.  
  1150. #info {
  1151. color:#e6e6e6;
  1152. text-shadow:1px 1px 0px #000,
  1153. 1px -1px 0px #000,
  1154. -1px -1px 0px #000,
  1155. -1px 1px 0px #000,
  1156. 0px 1px 0px #000,
  1157. 0px -1px 0px #000,
  1158. 1px 0px 0px #000,
  1159. -1px 0px 0px #000;
  1160. width:185px;
  1161. height:25px;
  1162. position:relative;
  1163. text-align:center;
  1164. letter-spacing:10px;
  1165. margin-bottom:50px;
  1166. margin-left:80px;
  1167. text-transform:uppercase;
  1168. font-size:15px;
  1169. font-style:none;
  1170. padding-bottom:30px;
  1171. }
  1172.  
  1173. #info a {
  1174. color:#3b3737;}
  1175.  
  1176. #info a:hover {
  1177. color:#000;}
  1178.  
  1179.  
  1180. /* TAGS */
  1181.  
  1182.  
  1183. #tags {
  1184. background-image: url('https://i.imgur.com/QJ0mRZK.png');
  1185. background-repeat:repeat;
  1186. background-attachment:fixed;
  1187. border-left: double 3px #3b3e40;
  1188. border-top: double 3px #3b3e40;
  1189. border-right: double 3px #3b3e40;
  1190. border-bottom: double 3px #3b3e40;
  1191. padding:2px;
  1192. color:#e6e6e6;
  1193. text-shadow:1px 1px 0px #000,
  1194. 1px -1px 0px #000,
  1195. -1px -1px 0px #000,
  1196. -1px 1px 0px #000,
  1197. 0px 1px 0px #000,
  1198. 0px -1px 0px #000,
  1199. 1px 0px 0px #000,
  1200. -1px 0px 0px #000;
  1201. width:206px;
  1202. height:auto;
  1203. text-align:center;
  1204. letter-spacing:10px;
  1205. font-family:arial;
  1206. margin-top:8px;
  1207. margin-bottom:50px;
  1208. margin-left:-50px;
  1209. text-transform:uppercase;
  1210. font-size:8px;
  1211. font-style:none;
  1212. overflow-x:auto;
  1213. overflow-y:scroll;
  1214. }
  1215.  
  1216. #tags a {
  1217. color:#838383;
  1218. margin-bottom:20px;
  1219. letter-spacing:1px;
  1220. color:#e6e6e6;
  1221. text-shadow:1px 1px 0px #000,
  1222. 1px -1px 0px #000,
  1223. -1px -1px 0px #000,
  1224. -1px 1px 0px #000,
  1225. 0px 1px 0px #000,
  1226. 0px -1px 0px #000,
  1227. 1px 0px 0px #000,
  1228. -1px 0px 0px #000; }
  1229.  
  1230. #tags a:hover {
  1231. color:transparent;
  1232. text-shadow:0px 0px 1px #777;
  1233. -webkit-filter:none;
  1234. -webkit-transition: all 0.6s ease-in-out;
  1235. opacity:1;
  1236. -webkit-transition: all 0.6s ease-in-out;
  1237. -moz-transition: all 0.6s ease-in-out;
  1238. -o-transition: all 0.6s ease-in-out;
  1239. -ms-transition: all 0.6s ease-in-out;
  1240. transition: all 0.6s ease-in-out;
  1241. }
  1242.  
  1243.  
  1244. /* PAGINATION */
  1245.  
  1246.  
  1247. #pagination {
  1248. position:fixed;
  1249. font-family:helvetica;
  1250. width:250px;
  1251. font-size:23px;
  1252. top:620px;
  1253. left:410px;
  1254. letter-spacing:3px;
  1255. text-align:center;
  1256. z-index:999999999999;
  1257. }
  1258.  
  1259. #pagination a {
  1260. text-transform:uppercase;
  1261. color:#4b4b4b;
  1262. -webkit-filter: blur(.5px);
  1263. -webkit-transition: 0.8s ease-in;
  1264. -moz-transition: 1s ease-in;
  1265. transition: 1s ease-in;
  1266. z-index:1;
  1267. }
  1268.  
  1269. #pagination a:hover {
  1270. color:#ccc;
  1271. -webkit-filter: blur(0px);
  1272. -webkit-transition: 0.2s ease-in;
  1273. -moz-transition: 1s ease-in;
  1274. transition: 1s ease-in;
  1275. }
  1276.  
  1277.  
  1278. /* MISC */
  1279.  
  1280.  
  1281. #cover img {
  1282. width:90px;
  1283. height:90px;
  1284. float:left;
  1285. -moz-border-radius:200px;
  1286. border-radius:200px;
  1287. }
  1288.  
  1289. .audioplayer {
  1290. width:24px;
  1291. height:24px;
  1292. margin-top:24px;
  1293. margin-left:24px;
  1294. overflow:hidden;
  1295. padding:3px;
  1296. }
  1297.  
  1298. #audioplayerbackground {
  1299. position:absolute;
  1300. z-index:1;
  1301. -moz-border-radius:200px;
  1302. border-radius:200px;
  1303. width:80px;
  1304. height:80px;
  1305. margin-top:5px;
  1306. margin-left:5px;
  1307. background:#fff;
  1308. opacity:0.3;
  1309. -webkit-transition:opacity 0.8s linear;
  1310. -webkit-transition:all 0.5s ease-out;
  1311. -moz-transition:all 0.5s ease-out;
  1312. transition:all 0.5s ease-out;
  1313. }
  1314.  
  1315. #audioplayerbackground:hover {
  1316. opacity:.7;
  1317. -webkit-transition:opacity 0.8s linear;
  1318. -webkit-transition:all 0.5s ease-out;
  1319. -moz-transition:all 0.5s ease-out;
  1320. transition:all 0.5s ease-out;
  1321. }
  1322.  
  1323. .info {
  1324. height:67px;
  1325. margin-left:100px;
  1326. display:block;
  1327. margin-top:0px;
  1328. padding-top:18px;
  1329. font-family:{text:font family body};
  1330. font-size:10px;
  1331. letter-spacing:0px;
  1332. margin-bottom:3px;
  1333. letter-spacing:1px;
  1334. padding-left:30px;
  1335. text-align:left;
  1336. }
  1337.  
  1338.  
  1339.  
  1340. /* TOOLTIP */
  1341.  
  1342. #s-m-t-tooltip{
  1343. max-width:400px;
  1344. margin:15px;
  1345. padding:2px 8px;
  1346. background: #0b0b0b;
  1347. background-image:url('https://i.imgur.com/QJ0mRZK.png');
  1348. background-repeat:repeat;
  1349. background-attachment:fixed;
  1350. border-left: double 3px #3b3e40;
  1351. border-top: double 3px #3b3e40;
  1352. border-right: double 3px #3b3e40;
  1353. border-bottom: double 3px #3b3e40;
  1354. color:#e6e6e6;
  1355. text-shadow:1px 1px 0px #000,
  1356. 1px -1px 0px #000,
  1357. -1px -1px 0px #000,
  1358. -1px 1px 0px #000,
  1359. 0px 1px 0px #000,
  1360. 0px -1px 0px #000,
  1361. 1px 0px 0px #000,
  1362. -1px 0px 0px #000;
  1363. z-index:99999999999999999999;
  1364. font-size:9px;
  1365. letter-spacing:2px;
  1366. font-style:bold;
  1367. letter-spacing:2px;
  1368. font-family: calibri;
  1369. text-transform:uppercase;
  1370. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  1371.  
  1372.  
  1373.  
  1374. /* MISC 02. */
  1375.  
  1376.  
  1377.  
  1378. .note {
  1379. text-transform:uppercase;
  1380. font-style:normal;
  1381. letter-spacing:0px;
  1382. font-size: 10px;
  1383. text-align:left;
  1384. line-height:90%;
  1385. margin-left:-40px;}
  1386.  
  1387. .note li {
  1388. list-style-type:none;
  1389. border-bottom:0px solid {color:border};
  1390. padding:10px 25px 10px 25px;
  1391. text-align:left;
  1392. margin:0px;
  1393. -moz-transition-duration:0.5s;
  1394. -webkit-transition-duration:0.5s;
  1395. -o-transition-duration:0.5s;}
  1396.  
  1397. .note img.avatar {
  1398. margin-right: 10px;
  1399. width: 16px;
  1400. height: 16px;}
  1401.  
  1402.  
  1403.  
  1404. /*--BASIC POP-UP DETAILS--*/
  1405.  
  1406.  
  1407.  
  1408. .popup_block{
  1409. display:none;
  1410. background-image:url('https://i.imgur.com/QGiQT6v.png');
  1411. background-repeat:no-repeat;
  1412. padding:20px;
  1413. float:left;
  1414. width: 370px; height: 350px;
  1415. top:434px; left:553px;
  1416. position:fixed;
  1417. z-index: 99999;
  1418. box-shadow: 0px 0px 0px #000; /* delete for solid white */
  1419. }
  1420.  
  1421. .popup_block2{
  1422. display:none;
  1423. background-image:url('https://i.imgur.com/QGiQT6v.png');
  1424. background-repeat:no-repeat;
  1425. padding:20px;
  1426. float:left;
  1427. width: 370px; height: 350px;
  1428. top:434px; left:553px;
  1429. position:fixed;
  1430. z-index: 99999;
  1431. box-shadow: 0px 0px 0px #000; /* delete for solid white */
  1432. }
  1433.  
  1434.  
  1435. #popuptext {
  1436. padding:5px;
  1437. width:250px;
  1438. overflow:auto;
  1439. margin-top:10px;
  1440. margin-left:-10px;
  1441. letter-spacing:2px;
  1442. color:#252525;
  1443. height:330px;
  1444. -webkit-mask-image:
  1445. -webkit-gradient(linear, right 75%, right bottom,
  1446. from(rgba(0,0,0,4)),
  1447. to(rgba(0,0,0,0)));
  1448. }
  1449.  
  1450. #popuptext2 {
  1451. padding:5px;
  1452. width:250px;
  1453. overflow:auto;
  1454. text-align:center;
  1455. margin-top:10px;
  1456. margin-left:-10px;
  1457. letter-spacing:2px;
  1458. color:#252525;
  1459. height:330px;
  1460. -webkit-mask-image:
  1461. -webkit-gradient(linear, right 75%, right bottom,
  1462. from(rgba(0,0,0,4)),
  1463. to(rgba(0,0,0,0)));
  1464. }
  1465.  
  1466.  
  1467. *html #fade {position: absolute;}
  1468. *html .popup_block {position: absolute;}
  1469. #fade {
  1470. display:none;
  1471. position:fixed;
  1472. left:0px;
  1473. top:0px;
  1474. width:100%;
  1475. height:100%;
  1476. z-index:9999;
  1477. background:#9b9b9b; /* change to #fff for solid white */
  1478. opacity:0; /* change to opacity:1; */
  1479. }
  1480.  
  1481.  
  1482. *html #fade {position: absolute;}
  1483. *html .popup_block2 {position: absolute;}
  1484. #fade {
  1485. display:none;
  1486. position:fixed;
  1487. left:0px;
  1488. top:0px;
  1489. width:100%;
  1490. height:100%;
  1491. z-index:9999;
  1492. background:#9b9b9b; /* change to #fff for solid white */
  1493. opacity:0; /* change to opacity:1; */
  1494. }
  1495.  
  1496. .popupnav {
  1497. margin-left:3px;
  1498. width:310px;
  1499. padding:5px 4px 8px 2px;
  1500. text-align:center;
  1501. font-family: 'Homemade Apple', cursive;
  1502. font-size:20px;
  1503. font-style:bold;
  1504. text-transform:lowercase;
  1505. letter-spacing:1px;
  1506. color:#dfdfdf;
  1507. border-bottom:0px solid #191919 }
  1508.  
  1509.  
  1510. .popupnavlinks {
  1511. padding-top:5px;
  1512. text-align:center; }
  1513.  
  1514.  
  1515. .popupnavlinks a {
  1516. display:inline-block;
  1517. width:90px; height:8px;
  1518. margin:2px; padding:6px 6px 10px;
  1519. text-align:center;
  1520. font-family:'helvetica';
  1521. font-size:8px;
  1522. text-transform:uppercase;
  1523. letter-spacing:1px;
  1524. color:#fff; background:#b3b2ad;
  1525. background-image:url('');
  1526. background-repeat:repeat;
  1527. background-attachment:fixed;
  1528. border-left: double 3px #7c7c7c;
  1529. border-top: double 3px #7c7c7c;
  1530. border-right: double 3px #7c7c7c;
  1531. border-bottom: double 3px #7c7c7c;
  1532. }
  1533.  
  1534.  
  1535. .popupnavlinks a:hover {
  1536. display:inline-block;
  1537. width:90px; margin:2px;
  1538. padding:6px 6px 10px;
  1539. text-align:center;
  1540. font-family:'helvetica';
  1541. font-size:8px;
  1542. text-transform:uppercase;
  1543. letter-spacing:1px;
  1544. color:#2e2e2e;
  1545. background:transparent }
  1546.  
  1547.  
  1548.  
  1549. .popupnavlinks2 {
  1550. padding-top:5px;
  1551. text-align:center; }
  1552.  
  1553.  
  1554. .popupnavlinks2 a {
  1555. display:inline-block;
  1556. width:285px; height:8px;
  1557. margin:2px; padding:6px 6px 10px;
  1558. text-align:center;
  1559. font-family:'helvetica';
  1560. font-size:8px;
  1561. text-transform:uppercase;
  1562. letter-spacing:1px;
  1563. color:#2e2e2e; background:transparent;
  1564. background-repeat:repeat;
  1565. background-attachment:fixed;
  1566. border-left: double 3px #171717;
  1567. border-top: double 3px #171717;
  1568. border-right: double 3px #171717;
  1569. border-bottom: double 3px #171717;
  1570. }
  1571.  
  1572.  
  1573. .popupnavlinks2 a:hover {
  1574. display:inline-block;
  1575. width:285px; margin:2px;
  1576. padding:6px 6px 10px;
  1577. text-align:center;
  1578. font-family:'helvetica';
  1579. font-size:8px;
  1580. text-transform:uppercase;
  1581. letter-spacing:1px;
  1582. color:#2e2e2e;
  1583. background:transparent;
  1584. }
  1585.  
  1586.  
  1587.  
  1588. /* THE VERSES TABS */
  1589.  
  1590. ul#tabs {
  1591. list-style-type: none;
  1592. padding: 0;
  1593. text-align: center;
  1594. font-size:8px;
  1595. letter-spacing:1px;
  1596. text-shadow:1px 1px 0px #4c4c4c,
  1597. 1px -1px 0px #4c4c4c,
  1598. -1px -1px 0px #4c4c4c,
  1599. -1px 1px 0px #4c4c4c,
  1600. 0px 1px 0px #4c4c4c,
  1601. 0px -1px 0px #4c4c4c,
  1602. 1px 0px 0px #4c4c4c,
  1603. -1px 0px 0px #4c4c4c;
  1604. }
  1605.  
  1606.  
  1607.  
  1608. ul#tabs li {
  1609. background-image: url('');
  1610. background-repeat:repeat;
  1611. background-attachment:fixed;
  1612. color:#e6e6e6;
  1613. text-shadow:1px 1px 0px #000,
  1614. 1px -1px 0px #000,
  1615. -1px -1px 0px #000,
  1616. -1px 1px 0px #000,
  1617. 0px 1px 0px #000,
  1618. 0px -1px 0px #000,
  1619. 1px 0px 0px #000,
  1620. -1px 0px 0px #000;
  1621. display: inline-block;
  1622. padding: 4px 10px;
  1623. margin-bottom: 4px;
  1624. cursor: pointer;
  1625. }
  1626.  
  1627.  
  1628.  
  1629. ul#tabs li:hover {
  1630. background-color: transparent;
  1631. color: #eaeaea;
  1632. }
  1633.  
  1634. ul#tabs li.active {
  1635. background:#151515;
  1636. background-image: url('https://i.imgur.com/QJ0mRZK.png');
  1637. background-repeat:repeat;
  1638. background-attachment:fixed;
  1639. border-left: double 3px #3b3e40;
  1640. border-top: double 3px #3b3e40;
  1641. border-right: double 3px #3b3e40;
  1642. border-bottom: double 3px #3b3e40;
  1643. color:#e6e6e6;
  1644. text-shadow:1px 1px 0px #000,
  1645. 1px -1px 0px #000,
  1646. -1px -1px 0px #000,
  1647. -1px 1px 0px #000,
  1648. 0px 1px 0px #000,
  1649. 0px -1px 0px #000,
  1650. 1px 0px 0px #000,
  1651. -1px 0px 0px #000;
  1652. }
  1653.  
  1654.  
  1655.  
  1656. ul#tab {
  1657. list-style-type: none;
  1658. margin: 0;
  1659. padding: 0;
  1660. }
  1661.  
  1662. ul#tab li {
  1663. display: none;
  1664. }
  1665.  
  1666. ul#tab li.active {
  1667. display: block;
  1668. }
  1669.  
  1670.  
  1671.  
  1672. #musicplayer {
  1673. margin-left:450px;
  1674. margin-top:-230px;
  1675. position:fixed;
  1676. opacity:.5;
  1677. z-index:1;
  1678. }
  1679.  
  1680. .boxed {
  1681. border:none;
  1682. background:transparent;
  1683. color:#a3a3a3;
  1684. width:90px;
  1685. height:auto;
  1686. position:center;
  1687. }
  1688.  
  1689. </style>
  1690.  
  1691. </head>
  1692.  
  1693. <body>
  1694. <div id="container">
  1695.  
  1696. <div id="content"><div id="posts">
  1697. {block:Posts}
  1698.  
  1699.  
  1700. <br><br>{block:Quote}<quotetext>"{Quote}"</quotetext>&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  1701. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  1702. {block:Text}{Body}{/block:Text}
  1703.  
  1704. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1705.  
  1706. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1707.  
  1708. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="250px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1709. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1710.  
  1711. {block:Chat}<ul class="chat"><BR>{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li><BR>{/block:Lines}</ul>{/block:Chat}
  1712.  
  1713. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1714.  
  1715.  
  1716. {block:Answer}<div id="asker" style="margin-left:40px;margin-bottom:2px;width:250px; color:#91a3ac; text-shadow:0 0 2px #000; ">{Asker}</div> <div id="ask"> <p><p><p><p><p>{Question}</div><font face="calibri"><span style="font-family:calibri;font-size:10px; marging-left:0px;">{Answer}</span>{/block:Answer}
  1717.  
  1718.  
  1719. {block:Audio}
  1720. {block:AlbumArt}<div id="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1721. <div id="audioplayerbackground">
  1722. <div class="audioplayer">{AudioPlayerwhite}</div></div>
  1723. <div class="info">
  1724. <blockquote>{block:TrackName}<i><b>{TrackName}</b></i>{/block:TrackName} <br>
  1725. {block:Artist}{Artist}{/block:Artist} <br>
  1726. {FormattedPlayCount} plays
  1727. </blockquote></div>
  1728. {block:Caption}<br>{Caption}{/block:Caption}
  1729. {/block:Audio}
  1730.  
  1731. <!-- INFO -->
  1732.  
  1733.  
  1734. <div id="info">
  1735. <br>
  1736.  
  1737. &nbsp; &nbsp;
  1738.  
  1739.  
  1740. {block:Date}
  1741. <a href="{Permalink}" style="position:absolute; margin-left:-190px; margin-top:8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); font-size:21px; text-shadow: 0px 0px 5px #919191;" title=" {ShortMonth} {DayOfMonthWithZero} - {TimeAgo} "> ✦ </a>
  1742. {/block:Date}
  1743.  
  1744.  
  1745. {block:ContentSource}
  1746. <a href="{SourceURL}" style="position:absolute; margin-left:-195px; margin-top:44px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" source. {SourceTitle} "> ✦ </a>
  1747. {/block:ContentSource}
  1748.  
  1749.  
  1750. <a href="{Permalink}" style="position:absolute; margin-left:-185px; margin-top:30px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" {NoteCount} notes "> ✶ </a>
  1751.  
  1752.  
  1753. <a href="{ReblogURL}" style="position:absolute; margin-left:-202px; margin-top:22px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title="reblog"> ✧ </a>
  1754.  
  1755.  
  1756. <br>
  1757.  
  1758.  
  1759. <!-- INFO END -->
  1760.  
  1761.  
  1762. {block:HasTags}<div id="tags">{block:Tags}&nbsp;<a href="{TagURL}" title="{Tag}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div> &nbsp;
  1763.  
  1764. <br><br><br><br>
  1765.  
  1766. {/block:Posts}
  1767. <div class="note">
  1768. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1769. </div>
  1770.  
  1771. {/block:Posts}</div></div>
  1772.  
  1773.  
  1774.  
  1775. </div> </div> </div> </div> </div> </div>
  1776.  
  1777.  
  1778. <div id="pagination">
  1779. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  1780. </div>
  1781.  
  1782. <!-- LINKS -->
  1783.  
  1784.  
  1785.  
  1786. <div id="links">
  1787.  
  1788.  
  1789. <div class="alinks">
  1790. <div class="animatedlink2">
  1791. <a href="/" title="home."> ♡ </a>
  1792. </div></div>
  1793.  
  1794.  
  1795. <div class="blinks">
  1796. <div class="animatedlink1">
  1797. <a href="#?w=255" rel="box1" class="poplight" title="messages."> ✦ </a>
  1798. </div></div>
  1799.  
  1800.  
  1801. <div class="clinks">
  1802. <div class="animatedlink1">
  1803. <a href="#?w=255" rel="box2" class="poplight" title="navigation."> ✧ </a>
  1804. </div></div>
  1805.  
  1806. <div class="dlinks">
  1807. <div class="animatedlink1">
  1808. <a href="#?w=255" rel="box3" class="poplight" title="mains/exclusives."> ✶ </a>
  1809. </div></div>
  1810.  
  1811.  
  1812. <div class="credit">
  1813. <a href="https://heraldicoma.tumblr.com/" title="theme by Rin.">H.</a>
  1814. </div>
  1815.  
  1816.  
  1817. </div>
  1818.  
  1819.  
  1820. <!-- CUSTOM LINKS ENDS -->
  1821.  
  1822.  
  1823. <!-- SIDEBAR TEXT -->
  1824.  
  1825. <div id="howl">
  1826. <div id="hollow"></div>
  1827. <div class="snow">
  1828. <div id="sidebar">
  1829.  
  1830. <center>
  1831.  
  1832. <div style="width:auto;height:280px;overflow:scroll;padding:5px;">
  1833.  
  1834. <h4>IRIS</h4>
  1835.  
  1836. we <i>teach</i> our sons to be <b>warriors</b> &. our daughters to be <b>leaders</b>
  1837.  
  1838. <h4>AMICITIA</h4>
  1839.  
  1840. independent <i><b>&.</b></i> selective iris amicitia penned by <b>jade</b>
  1841.  
  1842. <br>
  1843. <br><br>
  1844.  
  1845. <br>
  1846.  
  1847. </center>
  1848.  
  1849. </div></div></div></div></div>
  1850.  
  1851.  
  1852.  
  1853. <div id="box1" class="popup_block">
  1854. <div id="popuptext">
  1855.  
  1856. <h4>
  1857. message
  1858. </h4>
  1859.  
  1860. <center>Please make sure to read the <i>rules</i> before sending in an ask.<br><br>
  1861. Hate will not be <b>tolerated</b>. Think before you send it.<br><br>
  1862. </center>
  1863.  
  1864. <p><iframe frameborder="0" height="300" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/estanima.tumblr.com" width="100%"></iframe></p>
  1865.  
  1866. </div></div>
  1867.  
  1868. <!--POPUP TEXT-->
  1869.  
  1870.  
  1871. <div id="box2" class="popup_block">
  1872. <div id="popuptext">
  1873.  
  1874.  
  1875. <h4>Navi</h4>
  1876.  
  1877. <ul id="tabs">
  1878. <li class="active">laws.</li>
  1879. <li>verses.</li>
  1880. <li>links.</li>
  1881. <li>about.</li>
  1882. </ul>
  1883.  
  1884. <div style="width:auto;height:355px;overflow:scroll;padding:5px;">
  1885.  
  1886.  
  1887.  
  1888. <ul id="tab">
  1889. <li class="active">
  1890.  
  1891.  
  1892. <h4>guidelines</h4>
  1893.  
  1894. <b>ABOUT:</b> This is an independent <b><i>Iris Amicitia</i></b> blog from Final Fantasy XV and is selective and private.</br></br>
  1895.  
  1896. <a href="https://silverook.tumblr.com/">icon credit</a></br></br>
  1897.  
  1898. <b>SELECTIVE & SEMI PRIVATE: </b>If I do not know your character, or I do not feel as if there is any possibility our characters will be able to interact, I probably won’t roleplay with you. Of course, you are always welcome to send in memes, or in character asks. </br></br>
  1899.  
  1900.  
  1901. <b>OPEN FOR DISCUSSION:</b> Of course, if you tell me about your character, I will jump right on it. </br></br>
  1902.  
  1903. <b>CROSSOVERS:</b> I love crossovers! </br></br>
  1904.  
  1905. <b>DRAFTS:</b> I am a first year teacher, and I will be busy. However, I will try to find time to do drafts, and answer things as soon as possible</br></br>
  1906.  
  1907. <b>ABOUT NSFW:</b> Since Iris is underage, there will be no sexual things on this blog. That being said, I have a potty mouth, and there will be terrible swearing. </br></br>
  1908.  
  1909. <b>THERE WILL BE NSFW</b> but in the fact that both Iris and I swear like a sailor. There wll be <b>no</b> NSFW when it comes to sexual things </br></br>
  1910.  
  1911. <b>OOC DRAMA:</b> OOC drama will not be tolerated. IC drama, on the other hand, is welcome. Hate will not be tolerated either. If you feel the need to send hate to my askbox, then you can also click that unfollow button. </br></br>
  1912.  
  1913. <b>FOLLOW BACK/UNFOLLOWING:</b> If I unfollow you, it is for a reason. Either I’ve seen you vagueblogging, or you do not trim your posts. If I don’t follow you back, that means I just do not see our characters interacting. </br></br>
  1914.  
  1915. <b>EXCLUSIVITY:</b> If we have spoken quite a bit In Character, as well as out of character, we can discuss about becoming mains. If we really clique, we can become exclusives! </br></br>
  1916.  
  1917. COME TALK TO ME!</br></br>
  1918.  
  1919. P.S. These rules make me seem boring, but I promise I am friendly and funny! Never hesitate to jump into my askbox, or my IM.</br></br>
  1920.  
  1921. <br><br>
  1922.  
  1923.  
  1924.  
  1925. </li>
  1926. <li>
  1927.  
  1928.  
  1929.  
  1930. <a href="/tagged/⚜┆ Alstroemeria ; aspring ( heart of amicitia ) ">heart of amicitia</a> MAIN.
  1931. <img src="https://68.media.tumblr.com/d61d817557743d1847f5253c42d19755/tumblr_inline_ojh09fqSCr1ua47ne_540.jpg" align="left" style="height:70px;width:70px;padding-right:5px;padding-bottom:0px;">
  1932.  
  1933.  
  1934. <br>
  1935.  
  1936. the youngest daughter of the amicitia family, iris' life was thrown into turmoil when the crown city fell. during the attack, and afterwards, she deals with her guilt <b>&.</b> her trauma of what happened in the city. Iris spends her free time questioning why she got to escape with her life, and why she was prioritized over others. Living in Cape Caem, she resolves to make something of herself. her life was spared <b>&.</b> she's going to make sure that the sacrifice of others to get her here will not go to waste.
  1937.  
  1938.  
  1939. <br><br><br>
  1940.  
  1941.  
  1942. <a href="/tagged/⚜┆ Larkspur ; beautiful spirit ( daemon's hunter ) ">daemon's hunter.</a>
  1943. <img src="https://i885.photobucket.com/albums/ac58/realvoix/071310/tifa002_realvoix.png" align="left" style="height:70px;width:70px;padding-right:5px;padding-bottom:0px;">
  1944.  
  1945.  
  1946. <br>
  1947.  
  1948. iris has known her duty from the time she was a small child - protect the crown. she never thought she'd get to prect the crown in a way that envolved physical fighting, but her family prepared her. night is eternal now <b>&.</b> the daemons are destroying the population left <b>&.</b> right. she can <b>&.</b> she will fight to keep the world she loves safe, even if she has to die for it.
  1949.  
  1950. <br><br>
  1951.  
  1952.  
  1953. </li>
  1954. <li>
  1955.  
  1956.  
  1957.  
  1958. <h4>Roleplay</h4>
  1959.  
  1960. <center>
  1961.  
  1962. <div class="popupnavlinks">
  1963.  
  1964. <table><center><td>
  1965. <a href="https://estanima.tumblr.com/tagged/opens.">Open Starters</a>
  1966. <a href="https://estanima.tumblr.com/tagged/ask memes.">Memes</a>
  1967. <br>
  1968. <a href="https://estanima.tumblr.com/tagged/wishlist">Wishlist</a>
  1969. <a href=".">tba</a>
  1970. <br></td>
  1971.  
  1972. <td>
  1973. <a href="https://estanima.tumblr.com/tagged/answered asks">Answered Asks</a>
  1974. <a href="https://estanima.tumblr.com/tagged/outt of character">OOC</a>
  1975. <br>
  1976. <a href="https://estanima.tumblr.com/tagged/musings  /   i keep seeking the exit / or the home.  ">Aesthetic</a>
  1977. <br>
  1978. <a href=".">tba</a>
  1979. <br></td>
  1980. </center></table>
  1981.  
  1982.  
  1983.  
  1984.  
  1985. <h4>Muse</h4>
  1986.  
  1987. <center>
  1988.  
  1989. <div class="popupnavlinks">
  1990.  
  1991. <table><center><td>
  1992. <a href="https://estanima.tumblr.com/iris amicitia /   do you not see the aster & the orchids intertwined with her bones?">Iris Amicitia</a>
  1993. <a href="https://estanima.tumblr.com/tagged/musings  /   i keep seeking the exit / or the home.  ">Musing</a></td>
  1994.  
  1995.  
  1996. <td>
  1997. <a href="https://estanima.tumblr.com/tagged/headcanons.">Headcanons</a>
  1998. <a href="https://estanima.tumblr.com/tagged/likes   /   you’re not dreaming. ">Likes</a>
  1999.  
  2000. <br></td>
  2001. </center></table>
  2002.  
  2003.  
  2004. <h4>People</h4>
  2005.  
  2006. <table><center><td>
  2007. <a href="https://estanima.tumblr.com/tagged/gladiolus /   never again. only in my memories ; sleepless in the dark ; shall i tread the old paths  ">Gladio</a>
  2008. <a href="https://estanima.tumblr.com/tagged/noctis lucis caelum.  /  i think i am a better ghost than i am a human being.
  2009. ">Noctis</a>
  2010. <br>
  2011. <a href="https://estanima.tumblr.com/tagged/prompto argentum /   i reach the birthplace of the stories of you hurt ; your soft collapse. ">Prompto</a>
  2012. </td>
  2013.  
  2014. <td>
  2015. <a href="https://estanima.tumblr.com/tagged/ignis scientia /   into the darkness he goes ; the wise and the lonely  ">Ignis</a>
  2016. <a href="https://estanima.tumblr.com/tagged/cor leonis /   o captain ; my captain. ">Cor</a>
  2017. <br>
  2018. <a href="https://estanima.tumblr.com/tagged/lunafreya nox fluret   /   to have survived the ever-present restlessness of stars.">Lunafreya</a>
  2019. </td>
  2020. </center></table>
  2021.  
  2022. </div>
  2023.  
  2024.  
  2025. <br><br>
  2026.  
  2027.  
  2028.  
  2029. </li>
  2030. <li>
  2031.  
  2032.  
  2033.  
  2034. <h4>basic information</h4>
  2035.  
  2036. <b>FULL NAME:</b> Iris Amiticia <br>
  2037. <b>NICKNAME:</b> Ir<br>
  2038. <b>AGE:</b> 15 in the main verse <br>
  2039. <b>BIRTH DATE:</b> February 16th<br>
  2040. <b>ETHNICITY:</b>Lucien </i><br>
  2041. <b>GENDER:</b> Female <br>
  2042. <b>SEXUAL ORIENTATION:</b> Straight <br>
  2043. <b>CURRENT LIVING CONDITIONS:</b> Cape Caem<br>
  2044. <b>OCCUPATION:</b> High School Student<br>
  2045.  
  2046. <h4>relationships</h4>
  2047.  
  2048. <b>PARENTS:</b> Clarus Amicitia &. Mother <br>
  2049. <b>SIBLINGS:</b> Gladiolous "Gladdy" Amicitia<br>
  2050. <b>SIGNIFICANT OTHER:</b> None, so far<br>
  2051. <b>CHILDREN:</b> None <br>
  2052.  
  2053. <h4>physical traits</h4>
  2054.  
  2055. <b>EYE COLOUR:</b> Brown<br>
  2056. <b>HAIR COLOUR:</b> Brown<br>
  2057. <b>HEIGHT:</b> 5'3" <br>
  2058. <b>BODY BUILD:</b> Slender<br>
  2059. <b>TATTOOS + PIERCINGS:</b>N/A <br>
  2060.  
  2061.  
  2062.  
  2063. <h4>phobias and disorders</h4>
  2064.  
  2065. <b>PHOBIAS:</b> Thunder, Death<br>
  2066.  
  2067.  
  2068. <h4>personality</h4>
  2069.  
  2070. <b>INTELLIGENCE:</b> Linquistic <br>
  2071. <b>LIKES:</b> Flowers, Moogles, and gender studies <br>
  2072. <b>DISLIKES:</b> when people dont play along with her<br>
  2073.  
  2074.  
  2075. <h4>biography</h4>
  2076.  
  2077. tba
  2078.  
  2079. <br><br>
  2080.  
  2081.  
  2082.  
  2083. </li>
  2084. </ul>
  2085.  
  2086.  
  2087. </div>
  2088. </div>
  2089. </div>
  2090.  
  2091. <div id="box3" class="popup_block2">
  2092. <div id="popuptext2">
  2093.  
  2094. <h4>Ship Exclusives</h4>
  2095.  
  2096.  
  2097. <h4>Exclusives</h4>
  2098.  
  2099.  
  2100. <h4>Mains</h4>
  2101. <br><br>
  2102.  
  2103.  
  2104. </div></div>
  2105.  
  2106.  
  2107. <div id="musicplayer">
  2108.  
  2109. <a title="unreleased.">
  2110. <object type="application/x-shockwave-flash" data="https://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="15" height="15">
  2111. <param name="movie" value="https://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
  2112. <param name="bgcolor" value="#131313" />
  2113. <param name="FlashVars" value="mp3=https://www.dropbox.com/s/d1frmp9o4n11loi/Xenosaga%20III%20-%20Unreleased%20Tracks%20-%20title%20screen.mp3?dl=1
  2114. &amp;width=15&amp;height=15&amp;loop=1&amp;autoplay=1&amp;volume=10&amp;showslider=0&amp;buttonwidth=15&amp;loadingcolor=56413e&amp;bgcolor=131313&amp;bgcolor1=131313&amp;bgcolor2=131313&amp;buttoncolor=4b4b4b&amp;buttonovercolor=cbcbcb" />
  2115. </object>
  2116.  
  2117. </a>
  2118. </div>
  2119.  
  2120. </body>
  2121. </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!