celavna

Theme: Selcouth

Jan 15th, 2019
803
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 56.64 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <!--------------------------------------------
  8.  
  9. selcouth
  10. theme by svelte designs
  11. base code by scottisbae
  12.  
  13. be considerate:
  14. do not use as a base
  15. do not redistribute
  16. do not copy any parts of the code
  17. do not steal or rip
  18. do not remove or edit credit
  19.  
  20. you may make minor edits. this code is heavy and does
  21. have a longer load time. you must also be able to
  22. understand HTML/CSS so you can make edits.
  23.  
  24.  
  25. CREDITS: unnest captions by neothm, magnusthemes and scarletwitch.
  26. scrollbar style, like button and pixel union photoset by shythemes.
  27. tumblr audio player by alphathemes.
  28. postnotes by havingthemes.
  29. tabs by alyofrp.
  30. hidden/reveal posts by calamityposse.
  31.  
  32.  
  33. --------------------------------------------->
  34.  
  35. <title>{Title}</title>
  36. <link rel="shortcut icon" href="{Favicon}">
  37. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  38. <meta name="description" content="" />
  39. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  40.  
  41. <!--600x153-->
  42. <meta name="image:Displayed Horizontal Image" content=""/>
  43. <!--148x400-->
  44. <meta name="image:Displayed Vertical Image" content=""/>
  45. <!--600x153-->
  46. <meta name="image:Hidden Horizontal Image" content=""/>
  47. <!--148x400-->
  48. <meta name="image:Hidden Vertical Image" content=""/>
  49. <!--258x700-->
  50. <meta name="image:Profile Lg Image" content=""/>
  51. <!--203x550-->
  52. <meta name="image:Profile Sm Image" content=""/>
  53. <!--959x900-->
  54. <meta name="image:Biography Image" content=""/>
  55. <!--900x844-->
  56. <meta name="image:Lore Image" content=""/>
  57. <!--639x600-->
  58. <meta name="image:Navigation Image" content=""/>
  59.  
  60. <meta name="color:Title" content="#000000">
  61. <meta name="color:Link" content="#888888">
  62. <meta name="color:Bold" content="#000000">
  63. <meta name="color:Italic" content="#222222">
  64. <meta name="color:Link Hover" content="#444444">
  65. <meta name="color:Text" content="#000000">
  66. <meta name="color:Scrollbar" content="#000000">
  67. <meta name="color:Accent" content="#000000">
  68.  
  69. <meta name="text:Username" content="your username here"/>
  70. <meta name="text:Blog Title" content="Selcouth"/>
  71. <meta name="text:Description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud."/>
  72. <meta name="text:First Name" content="jongin"/>
  73. <meta name="text:Last Name" content="kai"/>
  74. <meta name="text:View Posts" content="view posts"/>
  75. <meta name="text:Home Title" content="Index"/>
  76. <meta name="text:Contract Title" content="Contract"/>
  77. <meta name="text:Profile Title" content="Profile"/>
  78. <meta name="text:Biography Title" content="Biography"/>
  79. <meta name="text:Lore Title" content="History"/>
  80. <meta name="text:Navigation Title" content="Navigation"/>
  81.  
  82. <meta name="text:Photoset Gutter" content="1px"/>
  83. <meta name="text:Body Font Size" content="10px"/>
  84.  
  85. <meta name="if:Show Unnest Captions" content="1"/>
  86. <meta name="if:Show 500px posts" content="1"/>
  87. <meta name="if:Show 400px posts" content="0"/>
  88.  
  89.  
  90.  
  91.  
  92. <!----- google fonts ---->
  93.  
  94.  
  95.  
  96. <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
  97.  
  98. <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,900" rel="stylesheet">
  99.  
  100. <link href='https://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  101.  
  102. <!----- google fonts ---->
  103.  
  104. <!----- scripts ---->
  105.  
  106. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  107. <script>
  108. $(document).ready(function(){
  109. $("#button").click(function(){
  110. $("#right, .blackspace2, .userlogo2, .ypic2, .xpic2").slideUp("slow");
  111. });
  112. });
  113. </script>
  114.  
  115. <script type="text/javascript"
  116. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  117. <script>
  118. $(document).ready(function() {
  119. //
  120. $('a.poplight[href^=#]').click(function() {
  121. var popID = $(this).attr('rel'); //Get Popup Name
  122. var popURL = $(this).attr('href'); //Get Popup href to define size
  123. var query= popURL.split('?');
  124. var dim= query[1].split('&');
  125. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  126. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><i class="oi oi-chevron-left"></i></a>');
  127. var popMargTop = ($('#' + popID).height() + 80) / 2;
  128. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  129. //Apply Margin to Popup
  130. $('#' + popID).css({
  131. 'margin-top' : -popMargTop,
  132. 'margin-left' : -popMargLeft
  133. });
  134. $('body').append('<div id="fade"></div>');
  135. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  136. return false;
  137. });
  138. $('a.close, #fade').live('click', function() {
  139. $('#fade , .popup_block').fadeOut(function() {
  140. $('#fade, a.close').remove(); //fade them both out
  141. });
  142. return false;
  143. });
  144. });
  145. </script>
  146.  
  147.  
  148.  
  149. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  150. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  151. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  152. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  153. </script><script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  154. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  155. <!----- scripts ---->
  156.  
  157.  
  158.  
  159. <!----- tooltip ---->
  160. <script>
  161. (function($){
  162. $(document).ready(function(){
  163. $("a[title]").style_my_tooltips({
  164. tip_follows_cursor:true,
  165. tip_delay_time:90,
  166. tip_fade_speed:600,
  167. attribute:"title"
  168. });
  169. });
  170. })(jQuery);
  171. </script>
  172. <!----- tooltip ---->
  173.  
  174.  
  175.  
  176. <!----- caption unnest ---->
  177. {block:ifShowUnnestCaptions}
  178. <script>
  179. $(document).ready(function(){ $('.posts').unnest({
  180. yourCaption: ".caption",
  181. wrapName: ".cap",
  182. newCaptionUsername: true,
  183. originalPostCaptionUsername: false,
  184. tumblrAvatars: false,
  185. tumblrAvatarClass: ".icon",
  186. usernameColon: false
  187. });
  188.  
  189. }); </script>
  190.  
  191. {/block:ifShowUnnestCaptions}
  192. <!----- caption unnest ---->
  193.  
  194.  
  195.  
  196. <!----- pixel union photosets ---->
  197. <script>
  198. $(document).ready(function(){
  199. $('.photo-slideshow').pxuPhotoset({
  200. lightbox: true,
  201. highRes: true,
  202. gutter: '{text:Photoset Gutter}',
  203. borderRadius: '0px',
  204. photoset: '.photo-slideshow',
  205. photoWrap: '.photo-data',
  206. photo: '.pxu-photo'
  207. });
  208.  
  209. }); </script>
  210. <!----- pixel union photosets ---->
  211.  
  212.  
  213.  
  214. <style type="text/css">
  215.  
  216.  
  217. ::-webkit-scrollbar {
  218. width:17px;
  219. height:17px;
  220. }
  221. ::-webkit-scrollbar {
  222. background-color:#fff;
  223. }
  224. ::-webkit-scrollbar-track {
  225. border:8px solid #fff;
  226. background-color:#fff;
  227. }
  228. ::-webkit-scrollbar-thumb {
  229. border:8px solid #fff;
  230. background-color:{color:Scrollbar};
  231. min-height:24px;
  232. min-width:24px;
  233. }
  234.  
  235.  
  236. #s-m-t-tooltip {
  237. max-width:300px;
  238. margin-top:-30px;
  239. margin-left:-25px;
  240. font-size:8px;
  241. font-family: 'roboto';
  242. letter-spacing:1px;
  243. text-align:center;
  244. text-transform:lowercase;
  245. padding:3px;
  246. color:color:{Text};
  247. background-color:#fff;
  248. z-index:999999;
  249. }
  250.  
  251.  
  252. {block:ifShowUnnestCaptions}
  253. /* to style the reblogged urls */
  254. .tumblr_blog {
  255. vertical-align:bottom;
  256. font-style: italic;
  257. color:{color:Bold}!important;
  258. }
  259.  
  260. .tumblr_blog a:hover {
  261. text-decoration:none;
  262. color:{color:Link Hover};
  263. }
  264. /* to style the reblogged urls */
  265.  
  266. .cap {
  267. margin-left:0px;
  268. {block:ifShow500pxposts}
  269. width:500px;
  270. {/block:ifShow500pxposts}
  271. {block:ifShow400pxposts}
  272. width:400px;
  273. {/block:ifShow400pxposts}
  274. }
  275.  
  276. .cap blockquote {
  277. {block:ifShow500pxposts}
  278. width:500px;
  279. {/block:ifShow500pxposts}
  280. {block:ifShow400pxposts}
  281. width:400px;
  282. {/block:ifShow400pxposts}
  283. margin-left:0px;
  284. }
  285. {/block:ifShowUnnestCaptions}
  286.  
  287.  
  288. {block:ifNotShowUnnestCaptions}
  289. /* to style the reblogged urls */
  290. .tumblr_blog {
  291. vertical-align:bottom;
  292. font-style: italic;
  293. color:{color:Bold}!important;
  294. }
  295.  
  296. .tumblr_blog a:hover {
  297. text-decoration:none;
  298. color:{color:Link Hover};
  299. }
  300. /* to style the reblogged urls */
  301.  
  302. blockquote {
  303. border-left:1px solid {color:Info Border};
  304. padding-left:7px;
  305. padding-top:px;
  306. padding-bottom:px;
  307. margin:5px;
  308. margin-top:px;
  309. margin-bottom:20px;
  310. margin-left:px;
  311. }
  312. {/block:ifNotShowUnnestCaptions}
  313.  
  314.  
  315. /* this is for the like "button/text" */
  316. .like-b {
  317. position:relative;
  318. display:inline-block;
  319. height:1em;
  320. line-height:1em;
  321. overflow:hidden;
  322. margin-bottom:-2px;
  323. }
  324.  
  325. .like-b .like_button iframe {
  326. position:absolute;
  327. top:0;
  328. left:0;
  329. bottom:0;
  330. right:0;
  331. z-index:2;
  332. opacity:0;
  333. }
  334.  
  335. .like-b .liked + .b {
  336. color:{color:Text};
  337. }
  338.  
  339. .like-b .liked + .b:after {
  340. content:'d';
  341. }
  342. /* this is for the like "button/text" */
  343.  
  344.  
  345. h1 {
  346. font-weight:normal;
  347. font-size: {text:Body Font Size};
  348. font-family: 9px;
  349. text-align:left;
  350. font-style:italic;
  351. letter-spacing:0px;
  352. text-transform:none;
  353. color:{color:Bold};
  354. }
  355.  
  356. h2 {
  357. margin-bottom:10px;
  358. font-size: 10px;
  359. font-family: 'roboto';
  360. font-style:none;
  361. text-align:left;
  362. font-weight:bold;
  363. line-height:100%;
  364. text-transform:uppercase;
  365. color:{color:Bold};
  366. margin: 0px;
  367. }
  368.  
  369. h5 {
  370. font-size:10px;
  371. color:{color:Bold};
  372. }
  373.  
  374. hr {
  375. width:50px;
  376. margin-left:0px;
  377. border-width: 1px 0px 0px 0px;
  378. border-style: solid;
  379. border-color: {color:Accent};
  380. }
  381.  
  382. pre {
  383. font-size: {text:Body Font Size};
  384. font-family: 'roboto';
  385. {block:ifShow500pxposts}
  386. width:500px;
  387. {/block:ifShow500pxposts}
  388. {block:ifShow400pxposts}
  389. width:400px;
  390. {/block:ifShow400pxposts}
  391. text-align: left;
  392. word-break: break-all;
  393. color:{color:Text};
  394. }
  395.  
  396. p {
  397. font-size:11px;
  398. }
  399.  
  400. /* the horizontal line after the ask url. you can use anywhere you want in the html just add <shortborder1></shortborder1> */
  401. shortborder2 {
  402. width:10px;
  403. height:1px;
  404. margin-left:2px;
  405. margin-right:2px;
  406. background:{color:Accent};
  407. display:inline-block;
  408. vertical-align:middle;
  409. }
  410. /* the horizontal line after the ask url. */
  411.  
  412. body {
  413. color: {color:Text};
  414. background-color:{color:Background};
  415. background-image:url('{image:background}');
  416. background-repeat: repeat;
  417. background-attachment: fixed;
  418. background-position:center;
  419. font-family:'Roboto',Helvetica,Arial,sans-serif;font-weight:300;
  420. }
  421.  
  422. b, strong {
  423. color: {color:bold};
  424. font-weight:400;
  425. }
  426.  
  427. i, italic {
  428. color: {color:italic};
  429. }
  430.  
  431. small, sup, sub {
  432. font-size: {text:Body Font Size};
  433. }
  434.  
  435. a {
  436. color: {color:Link};
  437. text-decoration: none;
  438. -moz-transition-duration: 0.5s;
  439. -o-transition-duration: 0.5s;
  440. -webkit-transition-duration: 0.5s;
  441. transition-duration: 0.5s;
  442. }
  443.  
  444. a:hover {
  445. color: {color:Link Hover};
  446. text-decoration: none;
  447. -moz-transition-duration: 0.5s;
  448. -o-transition-duration: 0.5s;
  449. -webkit-transition-duration: 0.5s;
  450. transition-duration: 0.5s;
  451. }
  452.  
  453.  
  454. .pagination {
  455. width:244px;
  456. margin-top:5px;
  457. margin-bottom:5px;
  458. text-align:center;
  459. font-style:italic;
  460. font-size:10px;
  461. font-family:'roboto', arial;
  462. text-transform:lowercase;
  463. }
  464.  
  465.  
  466. .pagination a {
  467. color:{color:Text};
  468. padding:3px;
  469. -moz-transition-duration: 0.5s;
  470. -o-transition-duration: 0.5s;
  471. -webkit-transition-duration: 0.5s;
  472. transition-duration: 0.5s;
  473. }
  474.  
  475. .pagination a:hover {
  476. color:{color:Link Hover};
  477. text-decoration:none;
  478. -moz-transition-duration: 0.5s;
  479. -o-transition-duration: 0.5s;
  480. -webkit-transition-duration: 0.5s;
  481. transition-duration: 0.5s;
  482. }
  483.  
  484.  
  485.  
  486.  
  487. /* style for pixel union photosets
  488. i recomend not changing if you don't know what you're doing */
  489. .photo-slideshow {
  490. visibility: hidden;
  491. }
  492.  
  493. .photo-slideshow.processed {
  494. visibility: visible;
  495. }
  496.  
  497. .photo-slideshow .row {
  498. clear: both;
  499. width: 100%;
  500. }
  501.  
  502. .photo-slideshow .pxu-photo {
  503. display: block;
  504. float: clear;
  505. width: 100%;
  506. overflow: hidden;
  507. }
  508.  
  509. .photo-slideshow .pxu-photo img {
  510. display: block;
  511. }
  512.  
  513. .photo-slideshow.processed .pxu-photo img {
  514. width:100%;
  515. height: auto;
  516. }
  517.  
  518. .photo-slideshow .pxu-photo:first-child img {
  519. margin:auto;
  520. }
  521.  
  522.  
  523. {block:ifShow500pxposts}
  524. .photo-slideshow .count-1 {
  525. max-width:500px;
  526. height: auto;
  527. }
  528. {/block:ifShow500pxposts}
  529. {block:ifShow400pxposts}
  530. .photo-slideshow .count-1 {
  531. width:100%;
  532. }
  533. {/block:ifShow400pxposts}
  534.  
  535. .set {margin-left:10px;}
  536.  
  537. {block:ifShow500pxposts}
  538. .photo-slideshow .count-2 {
  539. width:245px;
  540. height: auto;
  541. }
  542. {/block:ifShow500pxposts}
  543. {block:ifShow400pxposts}
  544. .photo-slideshow .count-2 {
  545. width:50%;
  546. height: auto;
  547. }
  548. {/block:ifShow400pxposts}
  549.  
  550.  
  551.  
  552. {block:ifShow500pxposts}
  553. .photo-slideshow .count-3 {
  554. width:160px;
  555. height: auto;
  556. }
  557. {/block:ifShow500pxposts}
  558. {block:ifShow400pxposts}
  559. .photo-slideshow .count-3 {
  560. width:33.33%;
  561. height: auto;
  562. }
  563. {/block:ifShow400pxposts}
  564. /* style for pixel union photosets
  565. i recomend not changing if you don't know what you're doing */
  566.  
  567.  
  568. .posts {
  569. font-size: {text:Body Font Size};
  570. font-family: 'roboto';
  571. margin-top:120px;
  572. padding:10px;
  573. margin-bottom:60px;
  574. line-height:140%;
  575. text-align:justify;
  576. background-color:{color:Posts Background};
  577. {block:ifShow500pxposts}
  578. width:521px;
  579. {/block:ifShow500pxposts}
  580. {block:ifShow400pxposts}
  581. width:421px;
  582. {/block:ifShow400pxposts}
  583. }
  584.  
  585. .posts img {
  586. {block:ifShow500pxposts}
  587. max-width:500px;
  588. height:auto;
  589. margin-top:3px;
  590. {/block:ifShow500pxposts}
  591. {block:ifShow400pxposts}
  592. max-width:400px;
  593. margin-top:3px;
  594. height:auto;
  595. {/block:ifShow400pxposts}
  596. }
  597.  
  598.  
  599. .info {
  600. margin-top:15px;
  601. padding-top:4px;
  602. text-align:left;
  603. font-family:'roboto';
  604. text-transform:lowercase;
  605. letter-spacing:0px;
  606. font-size:10px;
  607. }
  608.  
  609. .info a {
  610. color:{color:Text};
  611. }
  612.  
  613. .info a:hover {
  614. text-decoration:none;
  615. color:{color:Link Hover};
  616. }
  617.  
  618. .tags {
  619. margin-top:5px;
  620. text-transform:none;
  621. position:static;
  622. font-family:'roboto';
  623. letter-spacing:0px;
  624. text-align:left;
  625. float:initial;
  626. font-size:10px;
  627. -moz-transition-duration:0.5s;
  628. -webkit-transition-duration:0.5s;
  629. -o-transition-duration:0.5s;
  630. }
  631.  
  632. .tags a {
  633. padding:5px;
  634. background-color:none;
  635. color:{color:Text};
  636. }
  637.  
  638. .tags a:hover {
  639. text-decoration:none;
  640. color:{color:Link Hover};
  641. }
  642.  
  643.  
  644. /* style for lists
  645. content "›" is the symbol on the unordered list and you can change that*/
  646. ul li {
  647. color:#444;
  648. margin-left:-33px;
  649. list-style:none;
  650. }
  651.  
  652. ul li:before {
  653. color:{color:Bold};
  654. content:"›";
  655. font-size:1em;
  656. padding-right:.5em;
  657. position:relative;
  658. top:.1em;
  659. }
  660.  
  661. ol {
  662. color:#444;
  663. margin-left:-25px;
  664. }
  665. /* style for lists */
  666.  
  667.  
  668. .postsnote {
  669. {block:ifShow500pxposts}
  670. width:500px;
  671. {/block:ifShow500pxposts}
  672. {block:ifShow400pxposts}
  673. width:400px;
  674. {/block:ifShow400pxposts};
  675. margin-top: 15px;
  676. float: left;
  677. margin-bottom:30px;
  678. margin-left:-11px;
  679. padding:10px;
  680. background-color:{color:Posts Background};
  681. {block:ifShowPostsBorder}
  682. border:1px solid {color:Posts Border};
  683. {/block:ifShowPostsBorder}
  684. }
  685.  
  686. .postsnote ol, .notes-bottom ul {
  687. margin: 5px;
  688. padding: 0;
  689. list-style: none;
  690. }
  691.  
  692. .postsnote li {
  693. {block:ifShow500pxposts}
  694. width:47%;
  695. {/block:ifShow500pxposts}
  696. {block:ifShow400pxposts}
  697. width:45%;
  698. {/block:ifShow400pxposts};
  699. padding: 2px 0 5px 10px;
  700. margin:2px;
  701. font-size: {text:Body Font Size};
  702. font-family: 'roboto';
  703. float:left;
  704. text-align:left;
  705. }
  706.  
  707. .postsnote li img.avatar {
  708. border:none;
  709. margin:;
  710. width:0;
  711. padding:0;
  712. }
  713.  
  714. .postsnote .note .action {
  715. }
  716.  
  717. .postsnote .note .retags {
  718. display:none;
  719. visibility:hidden;
  720. }
  721.  
  722. .postsnote blockquote {
  723. display:none;
  724. }
  725.  
  726.  
  727. .more_notes_link {
  728. list-style: none;
  729. text-transform:lowercase;
  730. letter-spacing:0.5px;
  731. font-size:8px;
  732. font-size: {text:Body Font Size};
  733. font-family: 'roboto';
  734. margin-top:10px;
  735. font-weight:bold;
  736. padding:3px;
  737. position:relative;
  738. float:left;
  739. border-top:1px solid #000;
  740. }
  741.  
  742.  
  743. .playerbuttonbg {
  744. position: absolute;
  745. left: 20px;
  746. top: 20px;
  747. width: 19px;
  748. height: 19px;
  749. background-color: #ffffff;
  750. padding: 10px;
  751. -webkit-border-radius: 40px;
  752. -moz-border-radius: 40px;
  753. border-radius: 40px;
  754. opacity: .4;
  755. filter: alpha(opacity=40);
  756. -moz-opacity: 0.4;
  757. -khtml-opacity: 0.4;
  758. transition: opacity .7s ease-in-out;
  759. -moz-transition: opacity .7s ease-in-out;
  760. -webkit-transition: opacity .7s ease-in-out;
  761. }
  762.  
  763. .playerbuttonbg:hover {
  764. opacity: 1;
  765. filter: alpha(opacity=100);
  766. -moz-opacity: 1;
  767. -khtml-opacity: 1;
  768. }
  769.  
  770. .newplayerbutton {
  771. position: relative;
  772. width: 19px;
  773. height: 19px;
  774. overflow: hidden;
  775. }
  776.  
  777. .playerbuttonhug {
  778. position: absolute;
  779. top: 0px;
  780. left: 0px;
  781. }
  782.  
  783. .tumblr_audio_player {
  784. height: 90px;
  785. width: 270px;
  786. -moz-transform: scale(0.60, 0.60);
  787. -webkit-transform: scale(0.60, 0.60);
  788. -o-transform: scale(0.60, 0.60);
  789. -ms-transform: scale(0.60, 0.60);
  790. transform: scale(0.60, 0.60);
  791. -moz-transform-origin: top left;
  792. -webkit-transform-origin: top left;
  793. -o-transform-origin: top left;
  794. -ms-transform-origin: top left;
  795. transform-origin: top left;
  796. }
  797.  
  798. .audioimgwrapper {
  799. position: absolute;
  800. left: 0px;
  801. top: 0px;
  802. -webkit-border-radius: 40px;
  803. -moz-border-radius: 40px;
  804. border-radius: 40px;
  805. overflow: hidden;
  806. width: 79px;
  807. height: 79px;
  808. }
  809.  
  810. .audioimgwrapper img {
  811. width: 100%;
  812. height: auto;
  813. -webkit-border-radius: 40px;
  814. -moz-border-radius: 40px;
  815. border-radius: 40px;
  816. }
  817.  
  818. .trackdetails {
  819. width: auto;
  820. font-size: {text:Body Font Size};
  821. font-family: 'roboto';
  822. line-height:14px;
  823. border: 0px solid black;
  824. display:inline-block;
  825. margin-left: 90px;
  826. padding:15px 10px 10px 10px;
  827. min-height:70px;
  828. }
  829.  
  830. .audiowrapper {
  831. position: relative;
  832. display:inline-block;
  833. }
  834.  
  835. {block:ifShow400pxposts}
  836. iframe#youtube_iframe {
  837. width: 400px;
  838. height: 280px;
  839. border-top-width: 0px;
  840. border-right-width: 0px;
  841. border-bottom-width: 0px;
  842. border-left-width: 0px;
  843. }
  844. {/block:ifShow400pxposts}
  845.  
  846.  
  847. .quote {
  848. font-size: {text:Body Font Size};
  849. font-family: 'roboto';
  850. margin-top:5px;
  851. color:{color:Bold};
  852. font-weight:bold;
  853. letter-spacing:0.1px;
  854. text-transform:none;
  855. line-height:100%;
  856. text-align:left;
  857. }
  858.  
  859. .source {
  860. font-size: {text:Body Font Size};
  861. font-family: 'roboto';
  862. font-style: italic;
  863. text-align:left;
  864. line-height:17px;
  865. }
  866.  
  867. .chat {
  868. margin-top:5px;
  869. font-size: {text:Body Font Size};
  870. font-family: 'roboto';
  871. }
  872.  
  873. .chat .lines {
  874. margin-left:0;
  875. }
  876.  
  877. .chat .lines span {
  878. font-weight: bold;
  879. color:{color:bold};
  880. }
  881.  
  882. .ask {
  883. {block:ifShow500pxposts}
  884. width:500px;
  885. {/block:ifShow500pxposts}
  886. {block:ifShow400pxposts}
  887. width:400px;
  888. {/block:ifShow400pxposts}
  889. font-size: {text:Body Font Size};
  890. font-family: 'roboto';
  891. text-align:left;
  892. font-weight:;
  893. padding-bottom:10px;
  894. font-size: {text:Body Font Size};
  895. font-family: 'roboto';
  896. border-bottom: 1px solid {color:Info Border};
  897. }
  898.  
  899. .ask a {
  900. color:{color:bold};
  901. }
  902.  
  903. .ask a:hover {
  904. text-decoration:none;
  905. color:{color:Link Hover};
  906. }
  907.  
  908. .answer {
  909. {block:ifShow500pxposts}
  910. width:500px;
  911. {/block:ifShow500pxposts}
  912. {block:ifShow400pxposts}
  913. width:400px;
  914. {/block:ifShow400pxposts}
  915. letter-spacing:0px;
  916. text-align:left;
  917. margin-bottom:1px;
  918. font-size: {text:Body Font Size};
  919. font-family: 'roboto';
  920. }
  921.  
  922. .credit {
  923. position:fixed;
  924. left:50px;
  925. width:auto;
  926. bottom:30px;
  927. font-size:9px;
  928. color:#aaa;
  929. }
  930.  
  931.  
  932. /* hidden posts */
  933.  
  934. #pcontainer {
  935. background:transparent;
  936. z-index:9999;
  937. width:800px;
  938. height:90%;
  939. padding: 0px;
  940. top:40px;
  941. left:750px;
  942. margin: auto;
  943. position:fixed;
  944. overflow-y:scroll;
  945. overflow-x:hidden;
  946. border:0px dashed {color:borders};
  947.  
  948. }
  949.  
  950. #container {
  951. position:fixed;
  952. margin:125px auto;
  953. }
  954.  
  955. #right {
  956. position:fixed;
  957. top:0px;
  958. left:730px;
  959. width:1500px;
  960. height:100%;
  961. overflow:hidden;
  962. background:#fff;
  963. z-index:99;
  964. }
  965.  
  966. /* index pictures */
  967.  
  968. .xpic {
  969. position:fixed;
  970. left:100px;
  971. top:320px;
  972. height:auto;
  973. width:600px;
  974. z-index:9;
  975. opacity:none;
  976. }
  977.  
  978. .xpic2 {
  979. position:fixed;
  980. left:100px;
  981. top:320px;
  982. height:auto;
  983. width:600px;
  984. z-index:9;
  985. opacity:none;
  986. }
  987.  
  988. .ypic {
  989. position:fixed;
  990. left:560px;
  991. top:200px;
  992. height:400px;
  993. width:auto;
  994. z-index:9;
  995. opacity:none;
  996. }
  997.  
  998. .ypic2 {
  999. position:fixed;
  1000. left:560px;
  1001. top:200px;
  1002. height:400px;
  1003. width:auto;
  1004. z-index:99;
  1005. opacity:none;
  1006. }
  1007.  
  1008. .blackspace {
  1009. position:fixed;
  1010. left:0px;
  1011. top:0px;
  1012. height:350px;
  1013. width:715px;
  1014. background:{color:Accent};
  1015. z-index:-9999;
  1016. }
  1017.  
  1018. .blackspace2 {
  1019. position:fixed;
  1020. left:700px;
  1021. top:0px;
  1022. height:350px;
  1023. width:700px;
  1024. background:{color:Accent};
  1025. z-index:999;
  1026. }
  1027.  
  1028. /* index text */
  1029.  
  1030. .namelogo {
  1031. position:fixed;
  1032. font-weight:700;
  1033. font-family:'playfair display';
  1034. text-transform:none;
  1035. font-size:18px;
  1036. top:25px;
  1037. left:50px;
  1038. color:{color:Link};
  1039. background:none;
  1040. z-index:99;
  1041. }
  1042.  
  1043.  
  1044. .userlogo {
  1045. position:fixed;
  1046. font-weight:700;
  1047. font-size
  1048. text-transform:lowercase;
  1049. font-size:220px;
  1050. top:170px;
  1051. left:50px;
  1052. color:#fff;
  1053. }
  1054.  
  1055. .userlogo2 {
  1056. position:fixed;
  1057. font-weight:700;
  1058. text-transform:lowercase;
  1059. font-size:220px;
  1060. top:170px;
  1061. left:665px;
  1062. color:#fff;
  1063. z-index:9999;
  1064. }
  1065.  
  1066.  
  1067. .links {
  1068. width:auto;
  1069. left:270px;
  1070. height:auto;
  1071. top:480px;
  1072. position:fixed;
  1073. font-size:12px;
  1074. font-family:'roboto';
  1075. color:{color:Links};
  1076. z-index:9;
  1077. text-align:left;
  1078. text-transform:none;
  1079. transition:0.5s ease;
  1080. -o-transition:0.5s ease;
  1081. -moz-transition:0.5s ease;
  1082. -webkit-transition:0.5s ease;
  1083. transform: rotate(90deg);
  1084. -ms-transform: rotate(90deg);
  1085. -webkit-transform: rotate(90deg);
  1086. -o-transform: rotate(90deg);
  1087. -moz-transform: rotate(90deg);
  1088. }
  1089.  
  1090. .links a {
  1091. display:block;
  1092. width:35px;
  1093. border-bottom:transparent 1px solid;
  1094. }
  1095.  
  1096. .links a:hover {
  1097. color:#eee;
  1098. border-bottom:#111 1px solid;
  1099. padding-bottom:5px;
  1100. transition:0.5s ease;
  1101. -o-transition:0.5s ease;
  1102. -moz-transition:0.5s ease;
  1103. -webkit-transition:0.5s ease;
  1104. }
  1105.  
  1106. .paragraph {
  1107. font-family: 'roboto';
  1108. width:230px;
  1109. left:50px;
  1110. height:auto;
  1111. top:80px;
  1112. position:fixed;
  1113. font-size:11px;
  1114. z-index:9;
  1115. text-align:justify;
  1116. text-transform:none;
  1117. font-style:none;
  1118. line-height:18px;
  1119. color:{color:Link};
  1120. }
  1121.  
  1122. /* index attributes */
  1123.  
  1124. .linkline {
  1125. background:#111;
  1126. width:100px;
  1127. height:1px;
  1128. top:520px;
  1129. left:100px;
  1130. position:fixed;
  1131. z-index:99;
  1132.  
  1133. }
  1134.  
  1135. #button {
  1136. width:auto;
  1137. left:550px;
  1138. height:auto;
  1139. top:715px;
  1140. position:fixed;
  1141. font-size:11px;
  1142. z-index:999999999;
  1143. text-align:left;
  1144. text-transform:none;
  1145. border-bottom:transparent 1px solid;
  1146. transition:0.5s ease;
  1147. -o-transition:0.5s ease;
  1148. -moz-transition:0.5s ease;
  1149. -webkit-transition:0.5s ease;
  1150. }
  1151.  
  1152. #button:hover {
  1153. border-bottom:#111 1px solid;
  1154. padding-bottom:5px;
  1155. transition:0.5s ease;
  1156. -o-transition:0.5s ease;
  1157. -moz-transition:0.5s ease;
  1158. -webkit-transition:0.5s ease;
  1159. }
  1160.  
  1161. .feedline {
  1162. background:#111;
  1163. width:1px;
  1164. height:70px;
  1165. top:625px;
  1166. left:570px;
  1167. position:fixed;
  1168. z-index:99;
  1169.  
  1170. }
  1171.  
  1172. .arrowleft {
  1173. position:fixed;
  1174. text-transform:none;
  1175. font-size:25px;
  1176. top:700px;
  1177. left:45px;
  1178. color:#000;
  1179. }
  1180.  
  1181. .arrowright {
  1182. position:fixed;
  1183. text-transform:none;
  1184. font-size:25px;
  1185. top:700px;
  1186. left:115px;
  1187. color:#000;
  1188. }
  1189.  
  1190. .krp {
  1191. position:fixed;
  1192. z-index:999999;
  1193. font-size:10px;
  1194. letter-spacing:0px;
  1195. text-transform:uppercase;
  1196. right:-60px;
  1197. bottom:200px;
  1198. uppercase;font-weight:900;
  1199. transform: rotate(90deg);
  1200. -ms-transform: rotate(90deg);
  1201. -webkit-transform: rotate(90deg);
  1202. -o-transform: rotate(90deg);
  1203. -moz-transform: rotate(90deg);
  1204. }
  1205.  
  1206. /* popup configuration */
  1207.  
  1208. .popup_block{
  1209. line-height:20px;
  1210. color:#111;
  1211. display:none;
  1212. background:none;
  1213. padding:20px;
  1214. float:center;
  1215. position:fixed;
  1216. top:55%;left:50%;
  1217. height:100%;
  1218. width:100%;
  1219. z-index: 9999999999999999999999999999;
  1220. overflow:auto;
  1221. font-size:11px;
  1222.  
  1223. }
  1224.  
  1225. *html #fade {position: absolute;}
  1226. *html .popup_block {position: absolute;}
  1227.  
  1228. #fade {
  1229. display: none;
  1230. background: none;
  1231. position: fixed;
  1232. left: 0;
  1233. top: 0;
  1234. width: 100%;
  1235. height: 100%;
  1236. z-index: 9999;
  1237. }
  1238.  
  1239. a.close {
  1240. position:fixed;
  1241. float: left;
  1242. left:0px;
  1243. top:0px;
  1244. font-size:55px;
  1245. z-index: 999999999;
  1246. color:#111;
  1247. width:auto;
  1248. height:auto;
  1249. padding:25px;
  1250. transition:0.8s ease;
  1251. -o-transition:0.8s ease;
  1252. -moz-transition:0.8s ease;
  1253. -webkit-transition:0.8s ease;
  1254. }
  1255.  
  1256. a.close i {
  1257. font-size:45px;
  1258. color:#111;
  1259. transition:0.8s ease;
  1260. -o-transition:0.8s ease;
  1261. -moz-transition:0.8s ease;
  1262. -webkit-transition:0.8s ease;
  1263. }
  1264.  
  1265. a.close i:hover {
  1266. color:#111;
  1267. transition:0.8s ease;
  1268. -o-transition:0.8s ease;
  1269. -moz-transition:0.8s ease;
  1270. -webkit-transition:0.8s ease;
  1271. }
  1272.  
  1273. .textspace {
  1274. position:fixed;
  1275. background:#fff;
  1276. padding:35px;
  1277. width:100%;
  1278. height:100%;
  1279. top:0px;
  1280. left:0px;
  1281. overflow:auto;
  1282. font-size:10px;
  1283. color:#111;
  1284. }
  1285.  
  1286. /* profile tabs */
  1287.  
  1288. /* TABS STYLING--
  1289. BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  1290. */
  1291.  
  1292. .tabz {
  1293. top:225px;
  1294. left:760px;
  1295. padding:10px;
  1296. position:fixed;
  1297. width:auto;
  1298. background-color:none; /* tablinks bar bg color */
  1299. overflow:hidden;
  1300.  
  1301. }
  1302.  
  1303. .tabz a {
  1304. padding:5px;
  1305. width:auto;
  1306. text-align:center;
  1307. background-color:none; /* tablinks bg color */
  1308. color:#111; /* tablinks color */
  1309. font-size:25px;
  1310. display:inline-block;
  1311. margin-left:5px;
  1312. transition:.2s;
  1313. font-weight:300;
  1314. transition:0.5s ease;
  1315. -o-transition:0.5s ease;
  1316. -moz-transition:0.5s ease;
  1317. -webkit-transition:0.5s ease;
  1318. }
  1319.  
  1320. .tabz a:hover {
  1321. background-color:none; /* tablinks hover bg color */
  1322. color:#eee; /* tablinks hover color */
  1323. transition:0.5s ease;
  1324. -o-transition:0.5s ease;
  1325. -moz-transition:0.5s ease;
  1326. -webkit-transition:0.5s ease;
  1327. }
  1328.  
  1329. .tabz a:focus, .active {
  1330. background-color: none; /* tablinks clicked bg color */
  1331. color:#999; /* tablinks clicked color */
  1332. }
  1333.  
  1334. .tabzcon { /* tablinks content aka the box under the tablinks */
  1335. top:300px;
  1336. left:540px;
  1337. padding-right:30px;
  1338. position:absolute;
  1339. width:550px;
  1340. height:500px;
  1341. background-color:none;
  1342. color:#111;
  1343. overflow-x:auto;
  1344. }
  1345.  
  1346. #base { /* the box when no tabs are selected */
  1347. margin-top:45px;
  1348. margin-left:0px;
  1349. position:fixed;
  1350. padding:10px;
  1351. width:205px;
  1352. height:260px;
  1353. background-color:#e1c9bf;
  1354. }
  1355.  
  1356. .tabzclose { /* the close button, u prob dont need to touch this */
  1357. text-transform:uppercase;
  1358. font-weight:bold;
  1359. font-size:10px;
  1360. padding:3px;
  1361. color:inherit;
  1362. margin-top:-8px;
  1363. margin-right:-5px;
  1364. float:right;
  1365. }
  1366.  
  1367. .tabzclose:hover {
  1368. cursor:pointer;
  1369. }
  1370.  
  1371. /*navigation popup*/
  1372.  
  1373. .navspace {
  1374. position:fixed;
  1375. left:900px;
  1376. top:0px;
  1377. height:2000px;
  1378. width:450px;
  1379. background:{color:Accent};
  1380. z-index:999;
  1381. }
  1382.  
  1383. .navline {
  1384. top:100px;
  1385. left:150px;
  1386. background:{color:Accent};
  1387. height:1px;
  1388. width:145px;
  1389. position:fixed;
  1390. z-index:999;
  1391. }
  1392.  
  1393. .navbox1 {
  1394. width:300px;
  1395. left:359px;
  1396. height:auto;
  1397. top:70px;
  1398. position:fixed;
  1399. font-size:25px;
  1400. font-weight:300;
  1401. z-index:9999999999999999;
  1402. text-align:left;
  1403. text-transform:none;
  1404. transition:0.5s ease;
  1405. -o-transition:0.5s ease;
  1406. -moz-transition:0.5s ease;
  1407. -webkit-transition:0.5s ease;
  1408. }
  1409.  
  1410. .navbox1 a {
  1411. display:block;
  1412. padding:20px;
  1413. width:100px;
  1414. color:#333;
  1415. transition:0.5s ease;
  1416. -o-transition:0.5s ease;
  1417. -moz-transition:0.5s ease;
  1418. -webkit-transition:0.5s ease;
  1419. }
  1420.  
  1421. .navbox1 a:hover {
  1422. color:#eee;
  1423. transition:0.5s ease;
  1424. -o-transition:0.5s ease;
  1425. -moz-transition:0.5s ease;
  1426. -webkit-transition:0.5s ease;
  1427. }
  1428.  
  1429. .navbox2 {
  1430. width:300px;
  1431. left:650px;
  1432. height:auto;
  1433. top:70px;
  1434. position:fixed;
  1435. font-size:25px;
  1436. font-weight:300;
  1437. z-index:9999999999999999;
  1438. text-align:left;
  1439. text-transform:none;
  1440. transition:0.5s ease;
  1441. -o-transition:0.5s ease;
  1442. -moz-transition:0.5s ease;
  1443. -webkit-transition:0.5s ease;
  1444. }
  1445.  
  1446. .navbox2 a {
  1447. display:block;
  1448. padding:20px;
  1449. width:100px;
  1450. color:#333;
  1451. transition:0.5s ease;
  1452. -o-transition:0.5s ease;
  1453. -moz-transition:0.5s ease;
  1454. -webkit-transition:0.5s ease;
  1455. }
  1456.  
  1457. .navbox2 a:hover {
  1458. color:#eee;
  1459. transition:0.5s ease;
  1460. -o-transition:0.5s ease;
  1461. -moz-transition:0.5s ease;
  1462. -webkit-transition:0.5s ease;
  1463. }
  1464.  
  1465. .navpic {
  1466. position:absolute;
  1467. left:1000px;
  1468. top:100px;
  1469. height:600px;
  1470. width:auto;
  1471. z-index:999999;
  1472. opacity:none;
  1473. }
  1474.  
  1475. /*profile popup*/
  1476.  
  1477. .profilespace {
  1478. position:fixed;
  1479. left:0px;
  1480. top:400px;
  1481. height:900px;
  1482. width:450px;
  1483. background:{color:Accent};
  1484. z-index:-99999;
  1485.  
  1486. }
  1487.  
  1488. .profilebigpic {
  1489. position:fixed;
  1490. left:250px;
  1491. top:50px;
  1492. height:700px;
  1493. width:auto;
  1494. z-index:999999;
  1495. z-index:-99999;
  1496. }
  1497.  
  1498. .profilelittlepic {
  1499. position:fixed;
  1500. left:100px;
  1501. top:25px;
  1502. height:550px;
  1503. width:auto;
  1504. z-index:999999;
  1505. opacity:none;
  1506. z-index:-9999;
  1507. }
  1508.  
  1509. .profiletitle {
  1510. width:250px;
  1511. height:auto;
  1512. position:fixed;
  1513. font-weight:300;
  1514. font-family:'playfair display';
  1515. text-transform:none;
  1516. font-size:35px;
  1517. top:100px;
  1518. left:540px;
  1519. color:#111;
  1520. z-index:9999;
  1521. line-height:40px;
  1522. }
  1523.  
  1524. .profileline {
  1525. background:{color:Accent};
  1526. height:.5px;
  1527. width:200px;
  1528. top:250px;
  1529. left:540px;
  1530. position:fixed;
  1531. z-index:999;
  1532. }
  1533.  
  1534. .profileparagraph {
  1535. width:550px;
  1536. left:540px;
  1537. height:500px;
  1538. top:300px;
  1539. position:fixed;
  1540. z-index:9;
  1541. text-align:left;
  1542. font-weight:300;
  1543. line-height:18px;
  1544. overflow:auto;
  1545. padding-right:30px;
  1546. }
  1547.  
  1548.  
  1549. /* rules popup */
  1550.  
  1551. .meetthemun {
  1552. width:350px;
  1553. padding:15px;
  1554. height:auto;
  1555. position:fixed;
  1556. text-transform:none;
  1557. text-align:left;
  1558. color:#111;
  1559. top:100px;
  1560. left:200px;
  1561. z-index:9999999999999999999;
  1562. }
  1563.  
  1564. .writingstyle {
  1565. width:150px;
  1566. height:auto;
  1567. position:fixed;
  1568. text-transform:none;
  1569. text-align:left;
  1570. color:#111;
  1571. top:380px;
  1572. left:200px;
  1573. z-index:9999999999999999999;
  1574. }
  1575.  
  1576. .roleplayverse {
  1577. width:150px;
  1578. height:auto;
  1579. position:fixed;
  1580. text-transform:none;
  1581. text-align:left;
  1582. color:#111;
  1583. top:380px;
  1584. left:450px;
  1585. z-index:9999999999999999999;
  1586. }
  1587.  
  1588. .contentrating {
  1589. width:150px;
  1590. height:auto;
  1591. position:fixed;
  1592. text-transform:none;
  1593. text-align:left;
  1594. color:#111;
  1595. top:380px;
  1596. left:700px;
  1597. z-index:9999999999999999999;
  1598. }
  1599.  
  1600. .backstory {
  1601. width:150px;
  1602. height:auto;
  1603. position:fixed;
  1604. text-transform:none;
  1605. text-align:left;
  1606. color:#111;
  1607. top:380px;
  1608. left:1200px;
  1609. z-index:9999999999999999999;
  1610. }
  1611.  
  1612. .platform {
  1613. width:150px;
  1614. height:auto;
  1615. position:fixed;
  1616. text-transform:none;
  1617. text-align:left;
  1618. color:#111;
  1619. top:380px;
  1620. left:950px;
  1621. z-index:9999999999999999999;
  1622. }
  1623.  
  1624. .rulespic {
  1625. position:fixed;
  1626. width:auto;
  1627. height:650px;
  1628. top:0px;
  1629. right:0px;
  1630. opacity:0.25;
  1631. z-index:999999999;
  1632. }
  1633.  
  1634.  
  1635. .theaskbox {
  1636. position:fixed;
  1637. left:900px;
  1638. top:75px;
  1639. height:auto;
  1640. width:450px;
  1641. }
  1642.  
  1643. .contacttitle {
  1644. width:300px;
  1645. height:auto;
  1646. position:fixed;
  1647. font-weight:300;
  1648. font-family:'playfair display';
  1649. text-transform:none;
  1650. font-size:35px;
  1651. top:75px;
  1652. left:200px;
  1653. color:#111;
  1654. z-index:9999;
  1655. line-height:40px;
  1656. }
  1657.  
  1658. .contactline {
  1659. background:{color:Accent};
  1660. height:.5px;
  1661. width:100px;
  1662. top:240px;
  1663. left:200px;
  1664. position:fixed;
  1665. z-index:999;
  1666. }
  1667.  
  1668. .munbox {
  1669. background:transparent;
  1670. height:auto;
  1671. width:250px;
  1672. top:100px;
  1673. left:500px;
  1674. position:fixed;
  1675. z-index:999;
  1676. }
  1677.  
  1678. /* lore popup */
  1679.  
  1680. .lorepic {
  1681. position:fixed;
  1682. left:200px;
  1683. top:100px;
  1684. height:auto;
  1685. width:900px;
  1686. z-index:999999;
  1687. opacity:none;
  1688. z-index:-9999;
  1689. }
  1690.  
  1691. .loreparagraph {
  1692. width:500px;
  1693. left:800px;
  1694. height:400px;
  1695. top:300px;
  1696. position:fixed;
  1697. font-size:11px;
  1698. z-index:9;
  1699. text-align:left;
  1700. line-height:18px;
  1701. overflow:auto;
  1702. padding-right:10px;
  1703. background:#fff;
  1704. padding:25px;
  1705. }
  1706.  
  1707. .loretitle {
  1708. width:250px;
  1709. height:auto;
  1710. position:fixed;
  1711. font-weight:300;
  1712. font-family:'playfair display';
  1713. text-transform:none;
  1714. font-size:40px;
  1715. top:100px;
  1716. left:1150px;
  1717. color:#111;
  1718. z-index:9999;
  1719. line-height:40px;
  1720. }
  1721.  
  1722. .loreline {
  1723. background:{color:Accent};
  1724. height:.5px;
  1725. width:200px;
  1726. top:220px;
  1727. left:1150px;
  1728. position:fixed;
  1729. z-index:999;
  1730. }
  1731.  
  1732. /* biography popup */
  1733.  
  1734. .biotitle {
  1735. width:250px;
  1736. height:auto;
  1737. position:fixed;
  1738. font-weight:300;
  1739. font-family:'playfair display';
  1740. text-transform:none;
  1741. font-size:35px;
  1742. top:100px;
  1743. left:150px;
  1744. color:#111;
  1745. z-index:9999;
  1746. line-height:40px;
  1747. }
  1748.  
  1749. .bioline {
  1750. background:{color:Accent};
  1751. height:.5px;
  1752. width:150px;
  1753. top:250px;
  1754. left:150px;
  1755. position:fixed;
  1756. z-index:999;
  1757. }
  1758.  
  1759. .bionav {
  1760. width:400px;
  1761. padding-right:40px;
  1762. left:400px;
  1763. height:600px;
  1764. top:225px;
  1765. position:fixed;
  1766. font-size:11px;
  1767. font-weight:300;
  1768. z-index:9999999999999999;
  1769. text-align:left;
  1770. overflow:auto;
  1771. text-transform:none;
  1772. transition:0.5s ease;
  1773. -o-transition:0.5s ease;
  1774. -moz-transition:0.5s ease;
  1775. -webkit-transition:0.5s ease;
  1776. }
  1777.  
  1778. .bionav a {
  1779. display:block;
  1780. padding:20px;
  1781. width:35px;
  1782. color:#111;
  1783. transition:0.5s ease;
  1784. -o-transition:0.5s ease;
  1785. -moz-transition:0.5s ease;
  1786. -webkit-transition:0.5s ease;
  1787. }
  1788.  
  1789. .bionav a:hover {
  1790. color:#eee;
  1791. transition:0.5s ease;
  1792. -o-transition:0.5s ease;
  1793. -moz-transition:0.5s ease;
  1794. -webkit-transition:0.5s ease;
  1795. }
  1796.  
  1797. .biopic {
  1798. position:fixed;
  1799. left:900px;
  1800. top:5px;
  1801. height:900px;
  1802. width:auto;
  1803. z-index:999999;
  1804. opacity:none;
  1805. z-index:-9999;
  1806. }
  1807.  
  1808. </style>
  1809. </head>
  1810.  
  1811.  
  1812. <body>
  1813.  
  1814. <div class="blackspace"></div>
  1815.  
  1816. <a href="/" style="cursor:help;" title="refresh the page"><div class="userlogo">{text:First Name}</div></a>
  1817. <div class="namelogo">{text:Blog Title}</div>
  1818. <div class="links">
  1819. <a href="/" style="cursor:help;" title="refresh the page">
  1820. <div style="color:#111;">{text:Home Title}</div></a>
  1821. <a href="#?w=100%" rel="rules" class="poplight" style="cursor:help;">{text:Contract Title}</a>
  1822. <a href="#?w=100%" rel="profile" class="poplight" style="cursor:help;">{text:Profile Title}</a>
  1823. <a href="#?w=100%" rel="bio" class="poplight" style="cursor:help;">{text:Biography Title}</a>
  1824. <a href="#?w=100%" rel="lore" class="poplight" style="cursor:help;">{text:Lore Title}</a>
  1825. <a href="#?w=100%" rel="nav" class="poplight" style="cursor:help;">{text:Navigation Title}</a>
  1826. </div>
  1827.  
  1828. <div class="linkline"></div>
  1829. <div class="feedline"></div>
  1830.  
  1831. <div class="paragraph">{text:description}</div>
  1832.  
  1833. <div id="button" style="cursor:help;" title="reveal posts"><div style="color:#111;">{text:View Posts}</div></div>
  1834.  
  1835.  
  1836. <img class="xpic" src="{image:Displayed Horizontal Image}"/>
  1837. <img class="ypic" src="{image:Displayed Vertical Image}"/>
  1838.  
  1839. <div id="right">
  1840. <div class="userlogo2">{text:Last Name}</div>
  1841. <div class="blackspace2"></div>
  1842. <img class="xpic2" src="{image:Hidden Horizontal Image}"/>
  1843. <img class="ypic2" src="{image:Hidden Vertical Image}"/>
  1844. </div>
  1845.  
  1846.  
  1847. <div id="container">
  1848. <div id="pcontainer">
  1849. {block:Posts}
  1850. <div class="posts" id="{PostID}">
  1851. {block:Text}
  1852. {block:Title}<h2>{Title}</h2>{/block:Title}
  1853. <div class="caption">
  1854. {Body}
  1855. </div>
  1856. {/block:Text}
  1857.  
  1858. {block:Quote}<div class="quote">&#8220;{Quote}&#8221;</div><div class="source"> {block:Source}{Source}{/block:Source}</div>
  1859. {/block:Quote}
  1860.  
  1861. {block:Link}
  1862. <h2><a href="{URL}">{Name}</a></h2>
  1863. {block:Description}{Description}{/block:Description}
  1864. {/block:Link}
  1865.  
  1866.  
  1867. {block:Chat}
  1868. {block:Title}<h2>{Title}</h2>{/block:Title}
  1869. {block:lines}
  1870. <div class="chat">
  1871. <div class="lines">{block:label}
  1872. <span><span style="text-transform:uppercase;letter-spacing:0.5px;">{label}</span></span>
  1873. {/block:label}
  1874. {line}</br></div></div>
  1875. {/block:lines}
  1876. {/block:Chat}
  1877.  
  1878. {block:Answer}<div class="ask"><span style="font-style: italic;text-transform:lowercase;color:{color:bold};font-weight:bold;">{Asker}</span> <shortborder2></shortborder2> <span style="text-transform:none;"> {Question} </span></div><div class="caption"><div class="answer">{Answer}</div></div>{/block:Answer}
  1879.  
  1880. {block:Photo}
  1881. {LinkOpenTag}{block:ifShow500pxposts}<img src="{PhotoURL-HighRes}"/>{/block:ifShow500pxposts}
  1882. {block:ifShow400pxposts}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{/block:ifShow400pxposts}{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1883.  
  1884. {/block:Photo}
  1885.  
  1886.  
  1887. {block:Photoset}
  1888. {block:ifShow500pxposts}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{/block:ifShow500pxposts}{block:ifShow400pxposts}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{/block:ifShow400pxposts}
  1889. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1890. {/block:Photoset}
  1891.  
  1892.  
  1893. {block:Audio}
  1894. {block:AudioPlayer}
  1895. <div class="audiowrapper">
  1896. {block:AlbumArt}
  1897. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1898. {/block:AlbumArt}
  1899. <div class="playerbuttonbg">
  1900. <div class="newplayerbutton">
  1901. <div class="playerbuttonhug">
  1902. {AudioPlayerWhite}
  1903. </div></div></div>
  1904. <div class="trackdetails">
  1905. {block:TrackName}<span style="font-weight:bold;text-transform:uppercase;color:{color:Bold};">Track:</span> {TrackName} <br/>{/block:TrackName}
  1906. {block:Artist}<span style="font-weight:bold;text-transform:uppercase;color:{color:Bold};">Artist:</span> {Artist} <br/>{/block:Artist}
  1907. {block:Album}<span style="font-weight:bold;text-transform:uppercase;color:{color:Bold};">Album:</span> {Album} <br/>{/block:Album}
  1908. {block:PlayCount}<span style="font-weight:bold;text-transform:uppercase;color:{color:Bold};">Plays:</span> {PlayCount}{/block:PlayCount}
  1909. </div></div>
  1910. {/block:AudioPlayer}
  1911. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1912. {/block:Audio}
  1913.  
  1914. {block:Video}
  1915. {block:ifShow500pxposts}{Video-500}{/block:ifShow500pxposts}{block:ifShow400pxposts}{Video-400}{/block:ifShow400pxposts}
  1916. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1917. {/block:Video}
  1918.  
  1919.  
  1920. {block:Date}<div class="info"><div style="font-family:'roboto';"><br><a title="{timeago}" href="{Permalink}"> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} </a></span>{block:NoteCount} {NoteCount}{/block:NoteCount} {block:RebloggedFrom}  <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{/block:RebloggedFrom}  <a href="{ReblogURL}" target="_blank" class="details">reblog</a>   <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a></span></div></div>
  1921. {/block:Date}
  1922.  
  1923. {block:HasTags}
  1924. <div class="tags">
  1925. {block:Tags}<span style="color:{color:Bold};font-size:8px;">#</span><a href="{TagURL}">{Tag}</a> {/block:Tags}
  1926. </div>
  1927. {/block:HasTags}
  1928.  
  1929.  
  1930. {block:PostNotes}
  1931. <div class="postsnote">
  1932. {PostNotes}
  1933. </div>
  1934. {/block:PostNotes}
  1935.  
  1936. </div>
  1937. {/block:Posts}
  1938.  
  1939.  
  1940.  
  1941.  
  1942.  
  1943. {block:Pagination}
  1944. <div class="pagination">
  1945. {block:PreviousPage}
  1946. <a href="{PreviousPage}"> back </a>
  1947. {/block:PreviousPage}
  1948. {block:NextPage}
  1949. <a href="{NextPage}"> forward </a>
  1950. {/block:NextPage}
  1951. </div>
  1952. {/block:Pagination}
  1953. </div>
  1954. </div></div></div>
  1955.  
  1956. <div class="credit">
  1957. . Theme by <a href="https://sveltedesigns.tumblr.com/">Svelte Designs</a>.</div>
  1958.  
  1959. </body>
  1960. <script>
  1961. function openAlytut(evt, alytutName) {
  1962. var i, x, tablinks;
  1963. x = document.getElementsByClassName("alytut");
  1964. for (i = 0; i < x.length; i++) {
  1965. x[i].style.display = "none";
  1966. }
  1967. tablinks = document.getElementsByClassName("tablink");
  1968. for (i = 0; i < x.length; i++) {
  1969. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  1970. }
  1971. document.getElementById(alytutName).style.display = "block";
  1972. evt.currentTarget.className += " tabzact";
  1973. }
  1974. </script>
  1975.  
  1976. <div id="nav" class="popup_block">
  1977. <div class="textspace"><img class="navpic" src="{image:Navigation Image}"/><div class="navspace"></div><div class="navline"></div>
  1978. <div class="navbox1">
  1979. <a href="/tagged/">link 1</a>
  1980. <a href="/tagged/">link 2</a>
  1981. <a href="/tagged/">link 3</a>
  1982. <a href="/tagged/">link 4</a>
  1983. <a href="/tagged/">link 5</a>
  1984. <a href="/tagged/">link 6</a>
  1985. <a href="/tagged/">link 7</a>
  1986. <a href="/tagged/">link 8</a>
  1987. <a href="/tagged/">link 9</a>
  1988. </div>
  1989. <div class="navbox2">
  1990. <a href="/tagged/">link 10</a>
  1991. <a href="/tagged/">link 11</a>
  1992. <a href="/tagged/">link 12</a>
  1993. <a href="/tagged/">link 13</a>
  1994. <a href="/tagged/">link 14</a>
  1995. <a href="/tagged/">link 15</a>
  1996. <a href="/tagged/">link 16</a>
  1997. </div>
  1998.  
  1999. </div>
  2000. </div></div></div></div></div></div></div></div></div></div>
  2001. <div id="rules" class="popup_block">
  2002. <div class="textspace"><div class="contacttitle">{text:Contract Title}
  2003. </div><div class="contactline"></div><div class="munbox"><div style="font-size:18px;font-weight:900;color:#888;">Meet the mun</div><br><div style="line-height:20px;font-size:11px;">add some personal sniplet about the writer. keep short. will not scroll.
  2004. </div></div>
  2005. <div class="theaskbox"><iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/{text:Username}.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe></div>
  2006. <div class="writingstyle"><div style="line-height:20px;font-size:100px;font-family:'playfair display';">01</div><br><br><div style="font-size:18px;line-height:31px;font-weight:900;color:#888;">rule title</div><br></br><div style="line-height:20px;font-size:11px;">Keep rule short. Will not scroll. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  2007. </div></div>
  2008. <div class="roleplayverse"><div style="line-height:20px;font-size:100px;font-family:'playfair display';">02</div><br><br><div style="font-size:18px;line-height:31px;font-weight:900;color:#888;">rule title</div><br></br><div style="line-height:20px;font-size:11px;">Keep rule short. Will not scroll. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  2009. </div></div>
  2010. <div class="contentrating"><div style="line-height:20px;font-size:100px;font-family:'playfair display';">03</div><br><br><div style="font-size:18px;line-height:31px;font-weight:900;color:#888;">rule title</div><br></br><div style="line-height:20px;font-size:11px;">Keep rule short. Will not scroll. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  2011. <div class="platform"><div style="line-height:20px;font-size:100px;font-family:'playfair display';">04</div><br><br><div style="font-size:18px;line-height:31px;font-weight:900;color:#888;">rule title</div><br></br><div style="line-height:20px;font-size:11px;">Keep rule short. Will not scroll. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  2012. </div></div>
  2013. <div class="backstory"><div style="line-height:20px;font-size:100px;font-family:'playfair display';">05</div><br><br><div style="font-size:18px;line-height:31px;font-weight:900;color:#888;">rule title</div><br></br><div style="line-height:20px;font-size:11px;">Keep rule short. Will not scroll. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  2014. </div></div></div>
  2015. </div></div></div></div></div></div></div></div></div></div>
  2016. <div id="profile" class="popup_block">
  2017. <div class="textspace"><div class="profilespace"></div><img class="profilelittlepic" src="{image:Profile Sm Image}"/><img class="profilebigpic" src="{image:Profile Lg Image}"/><div class="profiletitle">{text:Profile Title}</div><div class="profileline"></div>
  2018. <!--
  2019.  
  2020.  
  2021. < tabs links >
  2022.  
  2023. -->
  2024. <div class="tabz">
  2025. <a href="javascript:void(0)" class="tablink tabzact" onclick="openAlytut(event, 'TabzOne');">tab 1 title</a>
  2026.  
  2027. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzTwo');">tab 2 title</a>
  2028.  
  2029. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzThree');">tab 3 title</a>
  2030.  
  2031.  
  2032.  
  2033. </div>
  2034.  
  2035. <!-- < tabs content >
  2036. -->
  2037.  
  2038. <div id="TabzOne" class="tabzcon alytut" style="display:none">
  2039. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  2040. close.
  2041. </span>
  2042. <h5>Identity</h5>
  2043. <p><b>Name.</b> Kim Jongin.
  2044. <br /> <b>Alias.</b> Kai.
  2045. <br /><b>Birthday.</b> January 14, 1994.
  2046. <br /><b>Age.</b> Twenty-Five.
  2047. <br /><b>Gender.</b> Male.
  2048. <br /><b>Martial status.</b> Dating.
  2049. <br /><b>Birthplace.</b> Seoul, South Korea.
  2050. <br /><b>Residence.</b> Seoul, South Korea. </p><p><br>
  2051.  
  2052. <h5>Physique</h5>
  2053. <p><b>Species.</b> Human.
  2054. <br><b>Race.</b> Korean.
  2055. <br><b>Height.</b> 182 centimeters.
  2056. <br /><b>Blood type.</b> A.
  2057. <br /><b>Hair.</b> Varies.
  2058. <br /><b>Eyes.</b> Brown.
  2059. <br /><b>Tattoos.</b> None.
  2060. <br /><b>Piercings.</b> Ears.</p><p><br>
  2061.  
  2062. <h5>Personage</h5>
  2063. <p><br><b>Positive traits.</b> Chic. <br />
  2064. <b>Negative traits.</b> Blunt, shy.
  2065. <br /><b>Hobbies.</b> Dance.
  2066. <br><b>Languages.</b> Korean.
  2067. </p><p><br>
  2068.  
  2069. <h5>Livelihood</h5>
  2070. <p><b>Occupation.</b> Idol.
  2071. <br /><b>Schooling.</b> None.
  2072. <br /><b>Quarters.</b> EXO's dorm. </p><p><br>
  2073.  
  2074. <h5>Family</h5>
  2075. <p><b>Parents.</b> Father, mother.
  2076. <br /><b>Siblings.</b> Two older sisters.
  2077. <br /><b>Children.</b> None.
  2078. <br /><b>Companions.</b> None. </p><p><br>
  2079.  
  2080. <h5>Notes</h5>
  2081. <p>— He’s been chosen as the best dancer in K-pop by idols for three years in a row.
  2082. <br>— Kai is ranked 51st on TC Candler “The 100 Most Handsome Faces of 2018”.
  2083. </br>— He loves dancing with all his heart and if he hadn’t become an idol, he would have become a ballerino. </p>
  2084. </div>
  2085.  
  2086. <div id="TabzTwo" class="tabzcon alytut" style="display:none">
  2087. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  2088. close.
  2089. </span>
  2090. profile tab 2
  2091. <br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  2092.  
  2093. </div>
  2094.  
  2095. <div id="TabzThree" class="tabzcon alytut" style="display:none">
  2096. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  2097. close.
  2098. </span>
  2099. profile tab 3
  2100. <br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  2101.  
  2102.  
  2103. </div>
  2104.  
  2105.  
  2106.  
  2107.  
  2108. <!--
  2109.  
  2110. < *TABS END >
  2111.  
  2112. -->
  2113.  
  2114.  
  2115. </div>
  2116. </div></div></div></div></div></div></div></div></div></div>
  2117. <div id="bio" class="popup_block">
  2118. <div class="textspace"><img class="biopic" src="{image:Biography Image}"/><div class="biotitle">{text:Biography Title}</div><div class="bioline"></div><div class="bionav">
  2119. biography page
  2120. <br>will scroll
  2121. <br><b>bold</b> <i>italic</i> <u>underline</u>
  2122. <br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  2123. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  2124. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  2125. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  2126. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  2127. </div></div>
  2128. </div></div></div></div></div></div></div></div></div></div>
  2129. <div id="lore" class="popup_block">
  2130. <div class="textspace">
  2131. <div class="loretitle">{text:Lore Title}</div>
  2132. <div class="loreline"></div>
  2133. <img class="lorepic" src="{image:Lore Image}"/>
  2134. <div class="loreparagraph">another information page
  2135. <br>will scroll
  2136. <br><b>bold</b> <i>italic</i> <u>underline</u>
  2137. <br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  2138. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  2139. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  2140. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  2141. </div>
  2142.  
  2143. </div></div></div></div></div></div></div></div></div></div>
  2144. </html>
Advertisement
Add Comment
Please, Sign In to add comment