Advertisement
Daichi-Sama

Kou-Sepnai's Theme

Feb 2nd, 2017
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.37 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!--- THEME 4 BY WEHRMXCHT
  6. DO NOT COPY, REDISTRUBUTE AS YOUR OWN, REMOVE CREDIT, LIFT CODE, OR STEAL, THAT'S A REAL SHITTY THING TO DO, K? --->
  7.  
  8. <!--- CUSTOM FONTS --->
  9.  
  10. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  11.  
  12. <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  13.  
  14. <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  15.  
  16. <!--- CUSTOM FONTS --->
  17.  
  18. <!--- TOOLTIP --->
  19.  
  20. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  21. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  22. <script>
  23. (function($){
  24. $(document).ready(function(){
  25. $("a[title]").style_my_tooltips({
  26. tip_follows_cursor:true,
  27. tip_delay_time:7,
  28. tip_fade_speed:7,
  29. attribute:"title"
  30. });
  31. });
  32. })(jQuery);
  33. </script>
  34.  
  35. <!--- TOOLTIP --->
  36.  
  37. <!---POP UP ASK BOX--->
  38.  
  39. <script type="text/javascript"
  40. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  41. <script>
  42. $(document).ready(function() {
  43. //
  44. $('a.poplight[href^=#]').click(function() {
  45. var popID = $(this).attr('rel');
  46. var popURL = $(this).attr('href');
  47. var query= popURL.split('?');
  48. var dim= query[1].split('&');
  49. var popWidth = dim[0].split('=')[1];
  50. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  51. var popMargTop = ($('#' + popID).height() + 80) / 2;
  52. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  53. $('#' + popID).css({
  54. 'margin-top' : -popMargTop,
  55. 'margin-left' : -popMargLeft
  56. });
  57. $('body').append('<div id="fade"></div>');
  58. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  59. return false;
  60. });
  61. $('a.close, #fade').live('click', function() {
  62. $('#fade , .popup_block').fadeOut(function() {
  63. $('#fade, a.close').remove();
  64. });
  65. return false;
  66. });
  67. });
  68. </script>
  69.  
  70. <!---POP UP ASK BOX--->
  71.  
  72. <!---POP UP LINKS--->
  73.  
  74. <script>
  75. $(document).ready(function() {
  76. $('a.poplight[href^=#]').click(function() {
  77. var popID = $(this).attr('rel');
  78. var popURL = $(this).attr('href');
  79. var query= popURL.split('?');
  80. var dim= query[1].split('&');
  81. var popWidth = dim[0].split('=')[1];
  82.  
  83. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend();
  84. var popMargTop = ($('#' + popID).height(250) + 80) / 2;
  85. var popMargLeft = ($('#' + popID).width(250) + 80) / 2;
  86. $('#' + popID).css({
  87. 'margin-top' : -popMargTop,
  88. 'margin-left' : -popMargLeft
  89. });
  90.  
  91. $('body').append('<div id="fade"></div>');
  92. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  93. return false;
  94. });
  95. $('a.close, #fade').live('click', function() {
  96. $('#fade , .popup_block').fadeOut(function() {
  97. $('#fade, a.close').remove();
  98. });
  99. return false;
  100. });
  101. });
  102. </script>
  103.  
  104. <!---POPUP LINKS--->
  105.  
  106. <!---META--->
  107.  
  108. <title>{title}</title>
  109. <link rel="shortcut icon" href="http://www.intpforum.com/images/misc/favicon.ico">
  110. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  111. <meta name="description" content="" />
  112. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  113.  
  114. <!--- COLOR OPTIONS --->
  115. <meta name="color:Background" content="#000000"/>
  116. <meta name="color:Posts BG" content="#222222"/>
  117. <meta name="color:Text" content="#ffffff"/>
  118. <meta name="color:Post Bold" content="#65bb71"/>
  119. <meta name="color:Post Italic" content="#7d9a8c"/>
  120. <meta name="color:Link" content="#1b6731"/>
  121. <meta name="color:Link Hover" content="#65bb71"/>
  122. <meta name="color:Scrollthumb" content="#ffffff"/>
  123. <meta name="color:Info BG" content="#000000"/>
  124. <meta name="color:Tooltip BG" content="#000000"/>
  125. <meta name="color:Tooltip Font" content="#ffffff"/>
  126.  
  127. <!---META--->
  128.  
  129. <style type="text/css">
  130.  
  131. /* --- TO MAKE POSTS BLACK AND WHITE THEN COLOUR ON HOVER. REMOVE THIS IF YOU DON'T WANT THAT OPTION ---*/
  132.  
  133. img {
  134. -webkit-filter: grayscale(75%);
  135. z-index: -9999999999999999999999999px;
  136. -webkit-transition: all 0.9s ease-in-out;
  137. -moz-transition: all 0.9s ease-in-out;
  138. -o-transition: all 0.9s ease-in-out;
  139. -ms-transition: all 0.9s ease-in-out;
  140. transition: all 0.9s ease-in-out;
  141. }
  142.  
  143. img:hover {
  144. -webkit-filter: grayscale(0%);
  145. z-index: -9999999999999999999999999px;
  146. -webkit-transition: all 0.9s ease-in-out;
  147. -moz-transition: all 0.9s ease-in-out;
  148. -o-transition: all 0.9s ease-in-out;
  149. -ms-transition: all 0.9s ease-in-out;
  150. transition: all 0.9s ease-in-out;
  151. }
  152.  
  153. /* --- DESCRIPTION/SIDEBAR ---*/
  154.  
  155. #description {
  156. border-top:solid 1px transparent;
  157. border-bottom:solid 1px transparent;
  158. width: 150px;
  159. height: 200px;
  160. font-size: 8px;
  161. font-family:helvetica;
  162. text-align: justify;
  163. top: 350px;
  164. line-height:15px;
  165. position: fixed;
  166. overflow-y: scroll;
  167. padding-right: 5px;
  168. left: 120px;
  169.  
  170. }
  171.  
  172. #description b, strong {
  173. color: #9ec2c1;
  174. font-family: 'Oswald', sans-serif;
  175. text-transform:uppercase;
  176. text-shadow: 0px 0px 1px #0e090c;
  177. font-size:14px;
  178. letter-spacing:0px;
  179.  
  180. }
  181.  
  182. #description i, em {
  183. color: #7d9a8c;
  184. font-family: 'Homemade Apple', cursive;
  185. text-shadow: 0px 0px 3px #0e090c;
  186. text-transform:none;
  187. font-size:12px;
  188. letter-spacing:1px;
  189. }
  190.  
  191. /* --- DESCRIPTION/SIDEBAR ---*/
  192.  
  193. /* --- CSS --- */
  194.  
  195. /* --- BACKGROUND --- */
  196.  
  197. html {
  198. background:#1c1c1c;
  199. background-image:url('http://static.tumblr.com/1gz9eba/or2oi5x6k/noct-background.png');
  200. background-attachment:fixed;
  201. background-repeat:no-repeat;
  202. background-position: top left;
  203. margin:0px;
  204. word-wrap:break-word;
  205.  
  206. /* --- SCROLLBAR --- */
  207.  
  208. }
  209.  
  210. ::-webkit-scrollbar {
  211. width: 1px;
  212. height: 4px;
  213. padding:2px;
  214. background: transparent;
  215. }
  216.  
  217. ::-webkit-scrollbar-thumb {
  218. background-color: {color:scrollthumb};
  219. }
  220.  
  221. /* --- FONTS AND STUFF --- */
  222.  
  223. body {
  224. margin:0px;
  225. color:#fff;
  226. font-family:helvetica;
  227. text-transform:uppercase;
  228. font-size:8px;
  229. text-align: justify;
  230. line-height:1.25em;
  231. letter-spacing:0px;
  232. margin-left:435px;
  233. }
  234.  
  235. h1 { /* --- Title style --- */
  236. font-family: 'Oswald', sans-serif;
  237. font-weight:bold;
  238. font-size:15px;
  239. text-align:center;
  240. font-style:bold;
  241. line-height:100%;
  242. letter-spacing:0px;
  243. color:#fff;
  244. }
  245.  
  246. h2 { /* --- Subitle style --- */
  247. font-family:tahoma;
  248. font-size:16px;
  249. text-align:center;
  250. font-style:italic;
  251. line-height:100%;
  252. letter-spacing:1px;
  253. color:#fff;
  254. padding:5px;
  255. padding-bottom:2px;
  256. }
  257.  
  258. hr {
  259. border-color: #fff;
  260. }
  261.  
  262. a { /* --- Link style --- */
  263. text-transform:uppercase;
  264. font-family: 'Raleway', sans-serif;
  265. color:#8a857f;
  266. text-shadow:0 0 2px #0e090c;
  267. text-decoration:none;
  268. -moz-transition-duration:0.5s;
  269. -webkit-transition-duration:0.5s;
  270. -o-transition-duration:0.5s;
  271. }
  272.  
  273. a:hover {
  274. text-shadow: 0 0 4px #0e090c;
  275. text-decoration:none
  276. -moz-transition-duration:0.5s;
  277. -webkit-transition-duration:0.5s;
  278. -o-transition-duration:0.5s;
  279. }
  280.  
  281. blockquote {
  282. padding-left:5px;
  283. border-left:2px solid;
  284. }
  285.  
  286. blockquote {
  287. border-left: solid;
  288. border-radius: 0px;
  289. border-left-width: 1px;
  290. border-color: #737373;
  291. padding:5px;
  292. padding-left: 7px;
  293. margin-left: 10px; }
  294.  
  295. #post { /* --- Post width/size --- */
  296. width:260px;
  297. padding-bottom:10px;
  298. padding-right:5px;
  299. }
  300.  
  301. #post b, strong { /* --- Bold font style --- */
  302. color: #9ec2c1;
  303. font-family: 'Oswald', sans-serif;
  304. text-transform:uppercase;
  305. text-shadow: 0px 0px 1px #0e090c;
  306. font-size:14px;
  307. letter-spacing:0px;
  308. }
  309.  
  310. #post i, em { /* --- Italic font style --- */
  311. color: #7d9a8c;
  312. font-family: 'Homemade Apple', cursive;
  313. text-shadow: 0px 0px 3px #0e090c;
  314. text-transform:none;
  315. font-size:14px;
  316. letter-spacing:1px;
  317. }
  318.  
  319. #post pre {
  320. font-family: times;
  321. color:#9ec2c1;
  322. white-space: pre-wrap;
  323. white-space: -moz-pre-wrap;
  324. white-space: -pre-wrap;
  325. white-space: -o-pre-wrap;
  326. word-wrap: break-word;
  327. }
  328.  
  329. /* --- SMALL TEXT AND SUB-TEXT STYLES --- */
  330.  
  331. small {
  332.  
  333. word-spacing:0px;
  334. font-size:8px;
  335. letter-spacing:0px;
  336. line-height:130%;
  337. }
  338.  
  339. }
  340.  
  341. sup, sub {
  342. word-spacing:0px;
  343. font-size:8.5px;
  344. }
  345.  
  346. big {
  347. font-size:12px;
  348. line-height:110%;
  349. text-shadow:1px 1px 0px #0e090c;
  350. }
  351.  
  352. /* --- THIS IS HERE TO KEEP IMAGES IN TEXT
  353. POSTS FROM GETTING BIGGER THAN THE CONTAINER,
  354. SO DON'T MESS WITH IT BRO --- */
  355.  
  356. #post img.main_photo {
  357. width: 100%;
  358. }
  359.  
  360. #post img {
  361. max-width: 100%;
  362. height: auto;
  363. }
  364.  
  365. #post .photo img {
  366. opacity: 1;
  367. -webkit-transition: all 0.5s ease;
  368. -moz-transition: all 0.5s ease;
  369. -o-transition: all 0.5s ease;
  370. transition: all 0.5s ease;
  371. margin: 0;
  372. line-height: 0;
  373.  
  374. }
  375.  
  376. .tumblr_post.photo p {
  377. display: none;
  378. }
  379.  
  380. /* --- CSS --- */
  381.  
  382. .content { /* --- Entries within the container --- */
  383. padding:5px;
  384. width:330px;
  385. height:390px;
  386. margin-left:10px;
  387. margin-top:10px;
  388. margin-bottom:40px;
  389. position:fixed;
  390. overflow:scroll;
  391. overflow-x:hidden;
  392. background-color:transparent;
  393. -webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
  394.  
  395. }
  396.  
  397. .backcont { /* --- Container itself --- */
  398. padding:2px;
  399. width:300px;
  400. height:294px;
  401. left:320px;
  402. top:150px;
  403. position:fixed;
  404. background-color:transparent;
  405. }
  406.  
  407. /* --- NAVIGATION LINKS --- */
  408.  
  409. .anavlinks {
  410. transform: rotate(0deg);
  411. text-shadow:1px 1px 3px #0e090c;
  412. color:#8a857f;
  413. background: transparent;
  414. padding: 2px;
  415. position: fixed;
  416. height:auto;
  417. top:360px;
  418. left:70px;
  419. font-family: tahoma;
  420. text-transform:uppercase;
  421. text-align: right;
  422. font-size: 15px;
  423. letter-spacing:0.5px;
  424. padding-top: 5px;
  425. }
  426.  
  427. .navlinks a {
  428. color:#8a857f;
  429. }
  430.  
  431. .navlinks a:hover {
  432. color: #fff;
  433. text-transform: uppercase;
  434. text-shadow:3px 3px 3px #0e090c;
  435. }
  436.  
  437. /* --- PAGINATION --- */
  438.  
  439. .navigation {
  440. transform: rotate(0deg);
  441. transform-origin: left top 0;
  442. position:absolute;
  443. width:300px;
  444. text-align:left;
  445. margin-top:315px;
  446. margin-left:340px;
  447. letter-spacing:2px;
  448. word-spacing:6px;
  449. text-align:center;
  450. font-size:7px;
  451. word-spacing:0px;
  452. position:fixed;
  453. font-family: 'Archivo Narrow', sans-serif;
  454. z-index:999;
  455. }
  456.  
  457. .navigation a {
  458. font-weight:800;
  459. width:300px;
  460. color:#8a857f;
  461. text-shadow:0px 0px 1px #0e090c;
  462. border-bottom:1px dotted transparent;
  463. -moz-transition-duration:.7s;
  464. -webkit-transition-duration:.7s;
  465. -o-transition-duration:.7s;
  466. }
  467.  
  468. .navigation a:hover {
  469. text-decoration:none;
  470. color:#fff;
  471. text-shadow:3px 3px 3px #0e090c;
  472. -moz-transition-duration:.7s;
  473. -webkit-transition-duration:.7s;
  474. -o-transition-duration:.7s;
  475. }
  476.  
  477. /* --- TIMESTAMPS, REBLOGS, SOURCE, ETC --- */
  478.  
  479. #info {
  480. font-family: 'Archivo Narrow', sans-serif;
  481. width:244px;
  482. margin-top:5px;
  483. margin-bottom:5px;
  484. border-color:#222222;
  485. padding-top:10px;
  486. font-size:10px;
  487. background:transparent;
  488. text-shadow: 1px 1px 7px #0e090c;
  489. padding:10px;
  490. margin-top:5px;
  491. margin-left:0px;
  492. color:#8a857f;
  493. text-transform:uppercase;
  494. font-style:normal;
  495. text-align:left;
  496. -moz-transition-duration:0.5s;
  497. -webkit-transition-duration:0.5s;
  498. -o-transition-duration:0.5s;
  499. }
  500.  
  501. #info a {
  502. color:#8a857f;
  503. font-style:normal;
  504. }
  505.  
  506. #info a:hover {
  507. color:#fff;
  508. text-shadow: 1px 1px 7px #8a857f;
  509. }
  510.  
  511. /* --- TAGS --- */
  512.  
  513. .tags {
  514. width:200px;
  515. margin-top:2px;
  516. margin-left:25px;
  517. text-transform:uppercase;
  518. padding:10px;
  519. font-style:normal;
  520. line-height:100%;
  521. padding-top:7px;
  522. text-align:center;
  523. position: center;
  524. background: #1c1c1c;
  525. opacity:1;
  526. border-bottom-left-radius: 20px;
  527. border-top-right-radius: 20px;
  528. border-top:solid 1px #1c1c1c;
  529. box-shadow: 2px 2px 5px #040404;
  530. -moz-transition-duration:1.2s;
  531. -webkit-transition-duration:1.2s;
  532. -o-transition-duration:1.2s;
  533.  
  534. }
  535.  
  536. .tags a{
  537. font-size:9px;
  538. font-family: helvetica;
  539. text-transform:uppercase;
  540. font-weight:0;
  541. font-weight:none;
  542. text-shadow: none;
  543. color:#8a857f;
  544. opacity:0.8;
  545. font-weight:none;
  546. -moz-transition-duration:1.2s;
  547. -webkit-transition-duration:1.2s;
  548. -o-transition-duration:1.2s;
  549. }
  550.  
  551. .tags a:hover{
  552. color:#fff;
  553. opacity:1;
  554. font-weight:none;
  555. -moz-transition-duration:1.2s;
  556. -webkit-transition-duration:1.2s;
  557. -o-transition-duration:1.2s;
  558.  
  559. }
  560.  
  561. .audio{
  562. overflow:hidden;
  563. }
  564.  
  565. #ask {
  566. float:left;
  567. color:#fff;
  568. }
  569.  
  570. /* --- TOOLTIP --- */
  571.  
  572. #s-m-t-tooltip {
  573. color:#fff;
  574. position:fixed;
  575. font-family: helvetica;
  576. letter-spacing: 1px;
  577. font-size:9px;
  578. background:#0e090c;
  579. text-shadow: 0px 0px 3px #0e090c;
  580. margin-left:15px;
  581. margin-top:-21px;
  582. text-transform:uppercase;
  583. padding: 5px;
  584. border:1px solid #fff;
  585. z-index:99999999999999999999999;
  586. transition:0.7s ease-in-out;
  587. -o-transition:0.7s ease-in-out;
  588. -ms-transition:0.7s ease-in-out;
  589. -moz-transition:0.7s ease-in-out;
  590. -webkit-transition:0.7s ease-in-out;
  591.  
  592. }
  593.  
  594. /* --- REMOVE THIS SHIT AND I'LL HAVE YOUR HEAD --- */
  595.  
  596. #credit {
  597. font-size:9px;
  598. font-family:verdana;
  599. font-style:none;
  600. letter-spacing:1px;
  601. -moz-transition-duration:0.5s;
  602. -webkit-transition-duration:0.5s;
  603. -o-transition-duration:0.5s;
  604. }
  605.  
  606. #credit a {
  607. background-color:transparent;
  608. padding:5px;
  609. position:fixed;
  610. right:15px;
  611. bottom:10px
  612. }
  613.  
  614. #credit a:hover {
  615. color:#fff;
  616. background-color:#0e090c;
  617. }
  618.  
  619. /* --- POP-UP CSS --- */
  620.  
  621. #fade {
  622. display: none;
  623. background: #000;
  624. position: fixed; left: 0; top: 0;
  625. width: 100%; height: 100%;
  626. opacity: .50;
  627. z-index: 9999;
  628. }
  629. .popup_block{
  630. width: 300px;
  631. height: 300px;
  632. overflow-y:scroll;
  633. overflow-x:hidden;
  634. display: none;
  635. background:#141414;
  636. padding: 30px;
  637. border: 0px solid #ddd;
  638. float: left;
  639. font-size: 8px;
  640. word-spacing:2px;
  641. position: fixed;
  642. top: 50%; left: 60%;
  643. z-index: 99999;
  644. /*--CSS3 Box Shadows--*/
  645. -webkit-box-shadow: 0px 0px 20px #000;
  646. -moz-box-shadow: 0px 0px 20px #000;
  647. box-shadow: 0px 0px 20px #000;
  648. /*--CSS3 Rounded Corners--*/
  649. -webkit-border-radius: 0px;
  650. -moz-border-radius: 0px;
  651. border-radius: 0px;
  652. }
  653. img.btn_close {
  654. float: right;
  655. margin: 0px 0px 0 0;
  656. }
  657. *html #fade {
  658. position: absolute;
  659. }
  660. *html .popup_block {
  661. position: absolute;
  662. }
  663.  
  664. h2 {
  665. font-size: 10px;
  666. font-family: arial;
  667. font-weight:normal;
  668. line-height:15px;
  669. margin:0px;
  670. text-decoration: none;
  671. color: #fff;
  672. }
  673.  
  674. h2 a {
  675. text-decoration: none;
  676. color: #8a857f;
  677. }
  678.  
  679. /* --- Controls how bold and italic looks in your pop-up --- */
  680.  
  681. .popup_block b, strong {
  682. color: #9ec2c1;
  683. font-family: 'Oswald', sans-serif;
  684. text-transform:uppercase;
  685. text-shadow: 0px 0px 1px #0e090c;
  686. font-size:14px;
  687. letter-spacing:0px;
  688. }
  689.  
  690. .popup_block i, em {
  691. color: #7d9a8c;
  692. font-family: 'Homemade Apple', cursive;
  693. text-shadow: 0px 0px 3px #0e090c;
  694. text-transform:none;
  695. font-size:14px;
  696. letter-spacing:1px;
  697. }
  698.  
  699. {CustomCSS}
  700.  
  701. </style></head><body>
  702.  
  703. <!-- DESCRIPTION HTML -->
  704.  
  705. <div id="description">
  706. <center>
  707. <h1>Fated King of Insomnia</h1>
  708. <hr/>Indie. Noctis Caelum of FFXV.
  709. <br><br>Private & Selective.
  710. <br><br>Please read rules before following & Interacting. <br><br>Written by Kou.
  711. </center>
  712.  
  713. </div>
  714.  
  715. <!--- CHANGE LINK NAMES HERE --->
  716.  
  717. <div class="anavlinks">
  718. <a href="/" title="REFRESH">✕</a></a><br /><br /><br /><br />
  719. <a href="/ask" title="ASK">✕</a><br /><br /><br /><br />
  720. <a href="/rules" title="RULES">✕</a><br /><br /><br /><br />
  721. <a href="/bio" title="BIO">✕</a><br /><br /><br /><br />
  722. <a href="/mun" title="MUN">✕</a><br /><br /><br /><br />
  723. </div>
  724.  
  725. </div>
  726.  
  727. </div>
  728.  
  729. <div class="navigation">
  730. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> back / </a>{/block:PreviousPage} <br><br> {block:NextPage}<a href="{NextPage}">/ forth </a><br><br>{/block:NextPage}{/block:Pagination}</div>
  731.  
  732. <div class="backcont">
  733. <div class="content">
  734.  
  735. <div class="postcol">
  736. {block:Posts}<div id="post">
  737.  
  738. {block:Text}<h1>{block:Title}<a href={Permalink}>{Title}</a>{/block:Title}</h1>{Body}{/block:Text}
  739.  
  740. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  741.  
  742. <center>{block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</center>
  743.  
  744. {block:Quote}<div style="padding:4px;font-size:15px;line-height:1.5em;color:{color:text};text-align:center;text-transform:lowercase;font-family: 'Homemade Apple', cursive;font-style:italic;">{Quote}</div>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  745.  
  746. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  747.  
  748. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  749.  
  750. {block:Audio}<div class="audio">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  751.  
  752. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  753.  
  754. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="margin-left:7px;margin-right:13px;border:1px solid #e3e3e3;padding:2px;"></div> <em>{Asker}:</em><br>{Question}<br><br>{Answer}{/block:Answer}
  755.  
  756. {block:Date}<div id="info"> <a href="{Permalink}" title="{TimeAgo}">✕</a>
  757. {/block:Date} {block:NoteCount}<a href="{Permalink}" title={NoteCount}>✕</a> {/block:NoteCount} <div style="float:right;">
  758.  
  759. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">✕ </a> {/block:RebloggedFrom}{block:ContentSource}<a title="source" href="{SourceURL}">✕</a>{/block:ContentSource} {/block:RebloggedFrom}<a href={ReblogURL} title=REBLOG?>✕</a></a></div>
  760. </div>
  761.  
  762. {block:HasTags}
  763. <div class="tags">
  764. {block:Tags} <a href="{TagURL}">&nbsp; #{Tag}</a> {/block:Tags}</div>
  765. {/block:HasTags}
  766. <div class="postnote">
  767. {block:PostNotes}{PostNotes}{/block:PostNotes}
  768. </div>
  769. </div>
  770. {/block:Posts}
  771. </div>
  772. </div>
  773. </div>
  774. </div></div>
  775.  
  776. <div id="credit"><a href="http://wehrmxcht.tumblr.com">✠</a></div> </div></div>
  777.  
  778. <!---POP-UP CONTENT STARTS HERE --->
  779. <!---POP-UP CONTENT STARTS HERE --->
  780. <!---POP-UP CONTENT STARTS HERE --->
  781.  
  782. <div id="03" class="popup_block">
  783.  
  784. <body>
  785.  
  786. <center><span style="font-family: 'Oswald', sans-serif; text-shadow: 0px 0px 3px #0e090c; font-size:15px; font-weight:600; letter-spacing:3px; color:##393939; text-align:center; line-height:200%"> GUIDELINES</span></center>
  787. <p>
  788.  
  789. <blockquote>
  790.  
  791.  
  792.  
  793. <b>X</b> I'm 24+ So I do role-play smut, and so forth. Please keep
  794.  
  795.  
  796. in mind that I will not role-play with any muses, or Muns that aren't
  797.  
  798.  
  799. the legal age.
  800.  
  801.  
  802. <br><br>
  803.  
  804.  
  805. <b>X</b> There are moments that triggering content can be present. If
  806.  
  807.  
  808. you are bothered by things like death, suicide, torture, and so forth,
  809.  
  810.  
  811. than it's best to not follow this blog.
  812.  
  813.  
  814. <br><br>
  815.  
  816.  
  817. <b>X</b> <i>How I protray Noctis is only based on what I've noticed
  818.  
  819.  
  820. in both the game &amp; anime. If you don't like it, you're more than
  821.  
  822.  
  823. welcome to give pointers, rather then give out hate.</i>
  824.  
  825.  
  826. <br><br>
  827.  
  828.  
  829. <b>X</b> Don't God Mod, Meta Game, or Power Play my muse without my permission.
  830.  
  831.  
  832. <br><br>
  833.  
  834.  
  835. <b>X </b>I get busy outside of tumblr, so things will be slow such as replies, meme replies, and possible starters.
  836.  
  837.  
  838. <br><br>
  839.  
  840.  
  841. <b>X</b> Won't remind anyone if they owe a reply. Please check the thread tracker to see who last replied.
  842.  
  843.  
  844. <br><br>
  845.  
  846.  
  847. <b>X</b> Want to turn an ask into a thread go for it. Just don't reply to the ask. Tag me in a new post with your reply.
  848.  
  849.  
  850. <br><br>
  851.  
  852.  
  853. <b>X</b> Won't follow blogs that over post OOC posts. I want a clean dash.
  854.  
  855.  
  856. <br><br>
  857.  
  858.  
  859. <b>X</b> Shipping isn't a main priority, nor is it really on my mind
  860.  
  861.  
  862. for this muse. I'm cool with it, but it'll be based off of Chemistry.
  863.  
  864.  
  865. Talk to me if you want to try shipping, I don't baby anyone though I do
  866.  
  867.  
  868. apologize.
  869.  
  870.  
  871. <br><br>
  872.  
  873.  
  874. <b>X </b>I never send in rule passwords at all. Please rest assure
  875.  
  876.  
  877. though I do read, and re-read rules before following, and interacting.
  878.  
  879.  
  880. <br><br>
  881.  
  882.  
  883. <b>X</b> <i> Very selective about OCs. I will disregard
  884.  
  885.  
  886. pre-established relationships involving my muse if we haven't
  887.  
  888.  
  889. interacted, or spoken about it.</i>
  890.  
  891.  
  892. <br><br>
  893.  
  894.  
  895. <b>X</b> Don't reblog my out of character posts, role-plays, asks, and so forth if you're not mentioned in them at all
  896.  
  897.  
  898. <br><br>
  899.  
  900.  
  901. <b>X</b><i> All icons made are capped, and edited by me. If you want to use them ask, and credit me.</i>
  902.  
  903.  
  904. <br><br>
  905.  
  906.  
  907. <b>X</b> No triggers, but I'll tag them if you have some.
  908.  
  909.  
  910. <br><br>
  911.  
  912.  
  913. <b>X</b> I'm a free-style role-player, but I do favor paragraphs +
  914.  
  915.  
  916.  
  917. </blockquote>
  918.  
  919.  
  920. </div>
  921. <p>
  922.  
  923. </div>
  924.  
  925. </body>
  926. </html>
  927. </div>
  928.  
  929. <div id="04" class="popup_block">
  930.  
  931. <body>
  932.  
  933. <p>
  934. <center><span style="font-family: 'Oswald', sans-serif; text-shadow: 0px 0px 3px #0e090c; font-size:15px; font-weight:600; letter-spacing:3px; color:##393939; text-align:center; line-height:200%">BIOGRAPHY</span></center>
  935.  
  936. <h2>basic information</h2>
  937.  
  938.  
  939. <ul>
  940.  
  941.  
  942. <li><b>FULL NAME:</b> Noctis Lucis Caelum </li><li><b>AGE:</b> 20</li><li><b>BIRTH DATE:</b> August 30th</li><li><b>GENDER:</b> Male</li><li><b>Small Timbit:</b> How I protray Noctis is only based on what I've noticed in both the game &amp; anime.</li></ul>
  943.  
  944.  
  945. <h2>physical traits</h2>
  946.  
  947.  
  948. <ul>
  949.  
  950.  
  951. <li><b>EYE COLOUR:</b> Blue (Can glow Red) </li><li><b>HAIR COLOUR:</b> Black</li><li><b>HEIGHT:</b> 176 cm (5'9)</li><li><b>BODY BUILD:</b> Slender, slightly built</li><li><b>NOTABLE TRAITS:</b> Acts like a cool guy, but is actually a sweetheart. Looks Edgy.</li></ul>
  952.  
  953.  
  954.  
  955. <h2>General Appearance</h2>
  956.  
  957.  
  958.  
  959. <blockquote>Noct is a twenty year old male that has a slender built, and spiky
  960.  
  961.  
  962. black hair. With a height of 5'9 he has blue eyes that can glow red from
  963.  
  964.  
  965. tiem to time. Clad with a black leather coat that are decorated with
  966.  
  967.  
  968. skull buttons, and detailed sequneced pockets. Walking around with his
  969.  
  970.  
  971. coat unzipped, if one pays attention they can take notice of the skull
  972.  
  973.  
  974. zipper tag as well. <br><br> Basically he's a <i>Pretty Boy</i> that wears a steel grey shirt
  975.  
  976.  
  977. under his coat with skull patterns on it. On his left hand there is a
  978.  
  979.  
  980. glovelet, as well as black boots that have red soles on them. Cropped
  981.  
  982.  
  983. pants also add onto his interesting sense of fashion to kick off the
  984.  
  985.  
  986. rest of his attire.</blockquote>
  987.  
  988.  
  989.  
  990.  
  991.  
  992. <h2>Bio</h2>
  993.  
  994.  
  995.  
  996. <blockquote>Son of the former King Regis makes him the crown Prince of Lucis,
  997.  
  998.  
  999. and the heir to the Caelum line. Anything about his mother is unknown,
  1000.  
  1001.  
  1002. but there is a timbit that suggests she died via child birth. When he
  1003.  
  1004.  
  1005. was a young child Noct was attacked by a monster, and deeply injured as a
  1006.  
  1007.  
  1008. result of it. Luckily he was saved by his father. After that he had
  1009.  
  1010.  
  1011. slipped into a coma for the time being where he meets Lunafreya.</blockquote>
  1012.  
  1013.  
  1014.  
  1015.  
  1016. <h2>Personality</h2>
  1017.  
  1018.  
  1019.  
  1020. <blockquote>Noct is a shy guy, but he tries to cover up that side of him by
  1021.  
  1022.  
  1023. acting cool at every chance. Hating any sort of strict rules he had a
  1024.  
  1025.  
  1026. rebel like attitude to go along with it. Even while he acts cool, Noct
  1027.  
  1028.  
  1029. still has a sense of duty to go along with it.</blockquote>
  1030.  
  1031.  
  1032. </div>
  1033.  
  1034. </body>
  1035. </html>
  1036.  
  1037. </div>
  1038. </div>
  1039.  
  1040. <div id="06" class="popup_block">
  1041. <body>
  1042.  
  1043. <p>
  1044. <center><span style="font-family: 'Oswald', sans-serif; text-shadow: 0px 0px 3px ##393939; font-size:15px; font-weight:600; letter-spacing:3px; color:#0e090c; text-align:center; line-height:200%">THE MUN KOU</span></center>
  1045.  
  1046. <blockquote>
  1047.  
  1048. Ten years of role-play experience.
  1049. <br><br>
  1050. Blunt, and free spirited.
  1051. <br><br>
  1052. Patience of a Saint.
  1053. <br><br>
  1054. King of Sloths.
  1055. <br><br>
  1056. Skype is available if we are mutuals.
  1057. <br><br>
  1058. I don’t like drama, and I sure as fuck don’t want to see it happen to me, or my role-play partners. Though I am kind, I do go by this basic principal. “Talk shit get hit, Start shit I’ll pummel you to the fucking ground.”
  1059.  
  1060. </blockquote>
  1061.  
  1062. </div>
  1063. </body>
  1064. </html>
  1065.  
  1066. </div>
  1067.  
  1068. <div id="askbox" class="popup_block">
  1069. <p style="text-transform:uppercase; font-family: 'Oswald', sans-serif; font-size:14px; text-align:center;letter-spacing:10px; border-bottom:1px ##393939 solid;padding-bottom:10px;">Ask me anything</p>
  1070. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%"></iframe>
  1071. </div>
  1072.  
  1073. </div></div></div></div></div></div></div></div></div></div>
  1074.  
  1075. </html>
  1076.  
  1077. </body>
  1078. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement