API tools faq
paste
Advertisement
Tsunland

Noctis Theme

Tsunland
Feb 10th, 2017
195
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.11 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!--
  5.  
  6. WINTER'S LADY THEMES
  7. ♛ this code was made by AGIRLINGREY@TUMBLR.
  8. ♛ do not remove credit or claim as your own.
  9.  
  10. -->
  11.  
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15.  
  16.  
  17.  
  18. <!--
  19. POP UP SCRIPT
  20. -->
  21.  
  22.  
  23. <script type="text/javascript"
  24. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  25. <script>
  26. $(document).ready(function() {
  27. //
  28. $('a.poplight[href^=#]').click(function() {
  29. var popID = $(this).attr('rel'); //Get Popup Name
  30. var popURL = $(this).attr('href'); //Get Popup href to define size
  31. var query= popURL.split('?');
  32. var dim= query[1].split('&');
  33. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  34. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  35. var popMargTop = ($('#' + popID).height() + 80) / 2;
  36. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  37. //Apply Margin to Popup
  38. $('#' + popID).css({
  39. 'margin-top' : -popMargTop,
  40. 'margin-left' : -popMargLeft
  41. });
  42. $('body').append('<div id="fade"></div>');
  43. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  44. return false;
  45. });
  46. $('a.close, #fade').live('click', function() {
  47. $('#fade , .popup_block').fadeOut(function() {
  48. $('#fade, a.close').remove(); //fade them both out
  49. });
  50. return false;
  51. });
  52. });
  53. </script>
  54.  
  55.  
  56.  
  57. <!--
  58. VERSE TABS SCRIPT
  59. -->
  60.  
  61.  
  62. <script>
  63.  
  64. $(document).ready(function(){
  65. $("ul#tabs li").click(function(e){
  66. if (!$(this).hasClass("active")) {
  67. var tabNum = $(this).index();
  68. var nthChild = tabNum+1;
  69. $("ul#tabs li.active").removeClass("active");
  70. $(this).addClass("active");
  71. $("ul#tab li.active").removeClass("active");
  72. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  73. }
  74. });
  75. });
  76. </script>
  77.  
  78.  
  79.  
  80. <!--
  81. TOOLTIP STYLING SCRIPT
  82. -->
  83.  
  84.  
  85. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  86. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  87. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  88. <script>
  89. (function($){
  90. $(document).ready(function(){
  91. $("[title]").style_my_tooltips({
  92. tip_follows_cursor:true,
  93. tip_delay_time:200,
  94. tip_fade_speed:500
  95. });
  96. });
  97. })(jQuery);
  98. </script>
  99.  
  100.  
  101.  
  102.  
  103. <title>{Title}</title>
  104. <link rel="shortcut icon" href="{Favicon}">
  105. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  106. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  107.  
  108.  
  109.  
  110. <!--
  111. CUSTOM FONTS
  112. -->
  113. <link href='http://fonts.googleapis.com/css?family=Arimo' rel='stylesheet' type='text/css'>
  114. <link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  115. <link href='https://fonts.googleapis.com/css?family=Archivo+Narrow' rel='stylesheet' type='text/css'>
  116. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
  117. <link href='https://fonts.googleapis.com/css?family=Neuton' rel='stylesheet' type='text/css'>
  118. <link href='https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic' rel='stylesheet' type='text/css'>
  119. <link href='https://fonts.googleapis.com/css?family=Oswald:700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  120. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  121.  
  122. <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  123.  
  124. <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  125.  
  126. <link href='https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic' rel='stylesheet' type='text/css'>
  127. <link href='https://fonts.googleapis.com/css?family=Work+Sans:300' rel='stylesheet' type='text/css'>
  128. <link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
  129. <link href='http://fonts.googleapis.com/css?family=Adamina' rel='stylesheet' type='text/css'>
  130. <link href="https://fonts.googleapis.com/css?family=Norican" rel="stylesheet">
  131. <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  132.  
  133. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  134.  
  135. <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
  136.  
  137.  
  138. <link href="https://fonts.googleapis.com/css?family=Bad+Script" rel="stylesheet">
  139.  
  140. <link href="https://fonts.googleapis.com/css?family=EB+Garamond|Play" rel="stylesheet">
  141.  
  142.  
  143. <style type="text/css">
  144.  
  145.  
  146.  
  147. /* THE CUSTOM SIDEBAR THING */
  148.  
  149.  
  150.  
  151. #bite
  152. #bite a{
  153. display:block
  154. }
  155. #bite .death {
  156. margin-top:0px;filter: alpha(opacity = 1.0);
  157. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  158. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  159. }
  160.  
  161. #bite:hover .death {
  162. margin-top:0px;
  163. -webkit-transition: all 0.8s ease-out;
  164. -moz-transition: all 0.8s ease-out;
  165. transition: all 0.8s ease-out;
  166. filter: alpha(opacity = 100);
  167. filter: alpha(opacity = 100);
  168. opacity:100;
  169. }
  170.  
  171.  
  172.  
  173. /* SELECTION FONT AND BACKGROUND */
  174.  
  175.  
  176. ::selection {
  177. background: #c2c2c2;
  178. color:#fff; }
  179.  
  180.  
  181. ::-moz-selection {
  182. background: #c2c2c2;
  183. color:#fff; }
  184.  
  185.  
  186.  
  187. /* SCROLLBAR DETAILS */
  188.  
  189.  
  190.  
  191. ::-webkit-scrollbar {
  192. height: 0px;
  193. width: 2px;
  194. background:transparent;
  195. border-left:0px solid transparent;
  196. border-right:0px solid transparent;}
  197.  
  198.  
  199. ::-webkit-scrollbar-thumb {
  200. background:transparent;}
  201.  
  202.  
  203.  
  204.  
  205. /* THE CURSOR */
  206.  
  207.  
  208. {block:iftinycursor}
  209. body, a, a:hover{
  210. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;}
  211. {/block:iftinycursor}
  212.  
  213. iframe#tumblr_controls {
  214. right:3px !important;
  215. position: fixed !important;
  216. -webkit-transition: opacity 0.7s
  217. linear;opacity: 0.2;
  218. -webkit-transition: all 0.8s ease-out;
  219. -moz-transition: all 0.8s ease-out;
  220. transition: all 0.8s ease-out;}
  221.  
  222. iframe#tumblr_controls:hover{
  223. -webkit-transition: opacity 0.7s linear;
  224. opacity: 1;
  225. -webkit-transition: all 0.4s ease-out;
  226. -moz-transition: all 0.4s ease-out;
  227. transition: all 0.4s ease-out;}
  228.  
  229.  
  230.  
  231. /* GENERAL LOOK AND BACKGROUND */
  232.  
  233.  
  234. body {
  235. background:#f5f5f5;
  236. background-image:url('http://static.tumblr.com/dwzzwcb/TQ5ol68em/noctis-theme.png');
  237. background-attachment: fixed;
  238. background-repeat: no-repeat;
  239. background-position: left top;
  240. color:#181616;
  241. font-family: 'Play', sans-serif;
  242. font-size: 11px;
  243. letter-spacing:1px;
  244. line-height:135%;
  245. }
  246.  
  247.  
  248.  
  249. /* THE VERSES TABS */
  250.  
  251.  
  252. ul#tabs {
  253. list-style-type: none;
  254. padding: 0;
  255. text-align: center;
  256. font-size:8px;
  257. letter-spacing:1px;
  258. text-shadow:1px 1px 0px #4c4c4c,
  259. 1px -1px 0px #4c4c4c,
  260. -1px -1px 0px #4c4c4c,
  261. -1px 1px 0px #4c4c4c,
  262. 0px 1px 0px #4c4c4c,
  263. 0px -1px 0px #4c4c4c,
  264. 1px 0px 0px #4c4c4c,
  265. -1px 0px 0px #4c4c4c;
  266.  
  267. }
  268.  
  269.  
  270.  
  271. ul#tabs li {
  272. background-image: url('http://static.tumblr.com/dwzzwcb/Orjokglvv/hr.png');
  273. background-repeat:repeat;
  274. background-attachment:fixed;
  275. border-left: double 3px #000;
  276. border-top: double 3px #000;
  277. border-right: double 3px #000;
  278. border-bottom: double 3px #000;
  279. color:#e6e6e6;
  280. text-shadow:1px 1px 0px #000,
  281. 1px -1px 0px #000,
  282. -1px -1px 0px #000,
  283. -1px 1px 0px #000,
  284. 0px 1px 0px #000,
  285. 0px -1px 0px #000,
  286. 1px 0px 0px #000,
  287. -1px 0px 0px #000;
  288. display: inline-block;
  289. padding: 4px 10px;
  290. margin-bottom: 4px;
  291. cursor: pointer;
  292. }
  293.  
  294.  
  295.  
  296. ul#tabs li:hover {
  297. background-color: transparent;
  298. color: #eaeaea;
  299. }
  300.  
  301. ul#tabs li.active {
  302. background-image: url('');
  303. background:#151515;
  304. background-repeat:repeat;
  305. background-attachment:fixed;
  306. border-left: double 3px #000;
  307. border-top: double 3px #000;
  308. border-right: double 3px #000;
  309. border-bottom: double 3px #000;
  310. color:#e6e6e6;
  311. text-shadow:1px 1px 0px #000,
  312. 1px -1px 0px #000,
  313. -1px -1px 0px #000,
  314. -1px 1px 0px #000,
  315. 0px 1px 0px #000,
  316. 0px -1px 0px #000,
  317. 1px 0px 0px #000,
  318. -1px 0px 0px #000;
  319. display: inline-block;
  320. padding: 4px 10px;
  321. margin-bottom: 4px;
  322. cursor: pointer;
  323. }
  324.  
  325.  
  326.  
  327. ul#tab {
  328. list-style-type: none;
  329. margin: 0;
  330. padding: 0;
  331. }
  332.  
  333. ul#tab li {
  334. display: none;
  335. }
  336.  
  337. ul#tab li.active {
  338. display: block;
  339. }
  340.  
  341.  
  342.  
  343.  
  344. /* LINKS */
  345.  
  346.  
  347. a:link, a:active, a:visited {
  348. text-transform:uppercase;
  349. font-family: 'Adamina', serif;
  350. color:#798fa9;
  351. text-shadow:1px 1px 5px #fff;
  352.  
  353. text-decoration:none;
  354. -moz-transition-duration:0.5s;
  355. -webkit-transition-duration:0.5s;
  356. -o-transition-duration:0.5s;
  357. }
  358.  
  359. a:hover {
  360. text-shadow: 0 0 4px #3f3f3f;
  361. text-decoration:none
  362. -moz-transition-duration:0.5s;
  363. -webkit-transition-duration:0.5s;
  364. -o-transition-duration:0.5s;
  365. }
  366.  
  367.  
  368.  
  369. #links a {
  370. padding:5px;
  371. margin-right:0px;
  372. text-shadow: 1px 0px 1px #000;
  373. }
  374.  
  375.  
  376. #links a:hover {
  377. padding:5px;
  378. margin-right:0px;
  379. text-shadow: 2px 0px 10px #000;
  380. -moz-transition-duration:0.6s;
  381. -webkit-transition-duration:0.6s;
  382. -o-transition-duration:0.6s;
  383. }
  384.  
  385.  
  386.  
  387.  
  388. /* OTHER TEXT STUFF */
  389.  
  390.  
  391. /* --- SMALL TEXT AND SUB-TEXT STYLES --- */
  392.  
  393. small {
  394.  
  395. word-spacing:0px;
  396. font-size:10px;
  397. letter-spacing:0px;
  398. line-height:130%;
  399. }
  400.  
  401. }
  402.  
  403. sup, sub {
  404. word-spacing:0px;
  405. font-size:10px;
  406. }
  407.  
  408.  
  409. big {
  410. font-size:12px;
  411. line-height:110%;
  412. text-shadow:1px 1px 0px #a77c62;
  413. }
  414.  
  415. blockquote{
  416. border-left: 0.5px solid {color:blockline};
  417. padding: 10px;
  418. margin-left: 20px;
  419. margin-right: 10px;
  420. background: transparent;
  421. border-radius: 10px 5px 5px 10px;
  422.  
  423. }
  424.  
  425. h1{
  426.  
  427. text-align: center;
  428. font-family: 'Raleway', sans-serif;
  429. color:#3f3f3f;
  430. text-shadow:0 0 2px #3f3f3f;
  431. text-transform: uppercase;
  432. background-color: transparent;
  433. line-height: 100%;
  434. padding: 10px;
  435. border-radius: 20px;
  436. }
  437.  
  438. h2{
  439. font-family: 'Raleway', sans-serif;
  440. color:#3f3f3f;
  441. text-shadow:0 0 2px #3f3f3f;ce;
  442. text-align: center;
  443. line-height: 100%;
  444. text-transform: uppercase;
  445. }
  446.  
  447. h3{
  448. text-align: center;
  449. line-height: 100%;
  450. }
  451.  
  452. h1 a{
  453. font-family: 'Raleway', sans-serif;
  454. color:#3f3f3f;
  455. text-shadow:0 0 2px #3f3f3f;
  456. }
  457.  
  458.  
  459. h1 a:hover{
  460. font-family: 'Raleway', sans-serif;
  461. color:#3f3f3f;
  462. text-shadow:0 0 2px #3f3f3f;
  463. text-decoration: none;
  464. }
  465.  
  466. h2 a{
  467. font-family: 'Raleway', sans-serif;
  468. color:#3f3f3f;
  469. text-shadow:0 0 2px #3f3f3f;
  470. }
  471.  
  472.  
  473. h2 a:hover{
  474. font-family: 'Raleway', sans-serif;
  475. color:#3f3f3f;
  476. text-shadow:0 0 2px #3f3f3f;
  477. text-decoration: none;
  478. }
  479.  
  480. hr{
  481. background: transparent;
  482. width: 125px;
  483. height: 19px;
  484. margin-right:10px;
  485. border: none;
  486. border-radius: 10px;
  487.  
  488. }
  489.  
  490. #int {
  491. background-image:url('http://static.tumblr.com/dwzzwcb/Orjokglvv/hr.png');
  492. width:100%;
  493. font-size:7px;
  494. font-family:'Source Sans Pro', sans-serif;
  495. font-weight:bold;
  496. text-align:center;
  497. text-transform:uppercase;
  498.  
  499. color:#fff;
  500. text-shadow:
  501. -1px -1px 0 #000,
  502. 1px -1px 0 #000,
  503. -1px 1px 0 #000,
  504. 1px 1px 0 #000;
  505.  
  506. letter-spacing:2px;
  507. padding:4px 0px 4px 0px;
  508. line-height:190%;
  509.  
  510.  
  511. border-radius:0px 50px 0px 50px;
  512. border:1px dotted #848484;
  513.  
  514.  
  515.  
  516. }
  517.  
  518.  
  519. h3 {
  520. background-image: url('http://static.tumblr.com/dwzzwcb/Orjokglvv/hr.png');
  521. background-repeat:repeat;
  522. background-attachment:fixed;
  523. border-left: double 3px #000;
  524. border-top: double 3px #000;
  525. border-right: double 3px #000;
  526. border-bottom: double 3px #000;
  527. padding:2px;
  528. color:#e6e6e6;
  529. text-shadow:1px 1px 0px #000,
  530. 1px -1px 0px #000,
  531. -1px -1px 0px #000,
  532. -1px 1px 0px #000,
  533. 0px 1px 0px #000,
  534. 0px -1px 0px #000,
  535. 1px 0px 0px #000,
  536. -1px 0px 0px #000;
  537. font-size:12px;
  538. font-family:calibri;
  539. text-transform:uppercase;
  540. letter-spacing:1px;
  541. text-align:center;}
  542.  
  543.  
  544.  
  545.  
  546. h4 {
  547. background-image: url('https://66.media.tumblr.com/2c197e62689eac4fbb4c730663c0bd14/tumblr_oc4aa3bqcg1ud4mdwo2_r1_400.gif');
  548. background-repeat:repeat;
  549. background-attachment:fixed;
  550. border-left: double 3px #000;
  551. border-top: double 3px #000;
  552. border-right: double 3px #000;
  553. border-bottom: double 3px #000;
  554. padding:2px;
  555. color:#e6e6e6;
  556. text-shadow:1px 1px 0px #000,
  557. 1px -1px 0px #000,
  558. -1px -1px 0px #000,
  559. -1px 1px 0px #000,
  560. 0px 1px 0px #000,
  561. 0px -1px 0px #000,
  562. 1px 0px 0px #000,
  563. -1px 0px 0px #000;
  564. font-size:9px;
  565. font-family:calibri;
  566. text-transform:uppercase;
  567. letter-spacing:1px;
  568. text-align:center;}
  569.  
  570.  
  571. quotetext {
  572. background-color: transparent;
  573. font-family: times;
  574. font-size: 16px;
  575. line-height: 20px;
  576. letter-spacing: 2px;
  577. text-align: center;
  578. text-transform:uppercase;
  579. color: #91a3ac;
  580. }
  581.  
  582.  
  583.  
  584.  
  585. b, bold {
  586. font-weight: bold;
  587. font-size:12px;
  588. color:#2c4e86;
  589. font-family: 'Oswald', sans-serif;
  590. text-transform:none;
  591. }
  592.  
  593.  
  594.  
  595. i, italic {
  596.  
  597. font-weight:bold;
  598. font-size:15px;
  599. text-shadow: -1px 0 #798fa9, 0 1px #798fa9, 1px 0 #798fa9, 0 -1px #798fa9;
  600. color:#f5f5f5;
  601. padding:2px;
  602. font-family: 'EB Garamond', serif;
  603. }
  604.  
  605.  
  606.  
  607. p {
  608. margin-top:5px;
  609. margin-bottom:5px;}
  610.  
  611.  
  612. ol {
  613. list-style:normal;}
  614.  
  615.  
  616. ul {
  617. list-style:square;}
  618.  
  619.  
  620. small {
  621. font-size:10px}
  622.  
  623.  
  624. sup,sub {
  625. font-size:11px}
  626.  
  627.  
  628. pre {
  629. font-size: 10px;
  630. letter-spacing:3px;
  631. background-color:#000;
  632. font-family: "Times New Roman", Times, serif;
  633. font-style: none;
  634. text-align:center;
  635. white-space: pre-wrap; /* css-3 */
  636. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  637. white-space: -pre-wrap; /* Opera 4-6 */
  638. white-space: -o-pre-wrap; /* Opera 7 */
  639. word-wrap: break-word; /* Internet Explorer 5.5+ */ }
  640.  
  641.  
  642.  
  643. big {
  644. font-size:14px;
  645. text-transform:uppercase;
  646. letter-spacing:2px;
  647. font-family: "Times New Roman", Times, serif;
  648. color: #91a3ac;
  649. text-shadow: 0px 0px 2px #383838;
  650. }
  651.  
  652.  
  653.  
  654. /* IMAGES, PHOTOSETS AND WHATNOT */
  655.  
  656.  
  657.  
  658. {block:IfGreyscale}
  659.  
  660. img {
  661. -webkit-filter:grayscale(100%);
  662. -webkit-transition: all 0.9s ease-in-out;
  663. -moz-transition: all 0.9s ease-in-out;
  664. -o-transition: all 0.9s ease-in-out;
  665. -ms-transition: all 0.9s ease-in-out;
  666. transition: all 0.9s ease-in-out;}
  667.  
  668. img:hover {
  669. -webkit-filter:none;}
  670.  
  671. .html_photoset {
  672. -webkit-filter: grayscale(100%);
  673. -webkit-transition: all 0.9s ease-in-out;
  674. -moz-transition: all 0.9s ease-in-out;
  675. -o-transition: all 0.9s ease-in-out;
  676. -ms-transition: all 0.9s ease-in-out;
  677. transition: all 0.9s ease-in-out;}
  678.  
  679. .html_photoset:hover {
  680. -webkit-filter: none;}
  681.  
  682. {/block:IfGreyscale}
  683.  
  684.  
  685.  
  686. /* CONTAINER AND POSTS */
  687.  
  688.  
  689.  
  690. #container {
  691. background-color:transparent;
  692. width:300px;
  693. height:405px;
  694. padding: 20px;
  695. top:140px;
  696. margin-left: 505px;
  697. position:relative;
  698. overflow-y:scroll;
  699. overflow-x:hidden;
  700. -webkit-mask-image: -webkit-gradient(
  701. linear, center 75%, center bottom,
  702. from(rgba(0,0,0,20)),
  703. to(rgba(20,0,0,0)));
  704. border:1px solid transparent;}
  705.  
  706. #container img {
  707. height:auto;
  708. max-width:100%;
  709. }
  710.  
  711. #content {
  712. margin-left:62px;
  713. width:310px;
  714. margin-top: -110px;
  715. }
  716.  
  717. #posts {
  718. width:255px;
  719. padding:10px;
  720. margin-top: 90px;
  721. margin-left:-72px;
  722. padding-bottom:0px;
  723. overflow-y:scroll;
  724. overflow-x:hidden;
  725. }
  726.  
  727.  
  728. #description {
  729. margin-left: 0px;
  730. margin-top: -50px;
  731. width:180px;
  732. color:transparent;}
  733.  
  734. #posts i, italics {
  735. font-weight:bold;
  736. font-size:13px;
  737. text-shadow: -1px 0 #798fa9, 0 1px #798fa9, 1px 0 #798fa9, 0 -1px #798fa9;
  738. color:#f5f5f5;
  739. padding:2px;
  740. font-family: 'EB Garamond', serif;
  741. }
  742.  
  743.  
  744. /* CUSTOM SIDEBAR SETTINGS */
  745.  
  746.  
  747.  
  748. #actualnews {
  749. font-family: calibri;
  750. font-size:10px;
  751. background:transparent;
  752. color: #181616;
  753. width:165px;
  754. height:520px;
  755. padding-top:3px;
  756. border:0px solid #131313;
  757. left: 920px;
  758. top: 70px;
  759. text-align:center;
  760. position:fixed;
  761. -webkit-filter: blur(0px);
  762. -webkit-transition: 0.8s ease-in;
  763. -moz-transition: 1s ease-in;
  764. transition: 1s ease-in;
  765. opacity:0.5;
  766. -webkit-transition: all 0.6s ease-in-out;
  767. -moz-transition: all 0.6s ease-in-out;
  768. -o-transition: all 0.6s ease-in-out;
  769. -ms-transition: all 0.6s ease-in-out;
  770. transition: all 0.6s ease-in-out;
  771. }
  772.  
  773.  
  774.  
  775. #actualnews:hover {
  776. -webkit-filter:none;
  777. -webkit-transition: all 0.6s ease-in-out;
  778. opacity:1;
  779. -webkit-transition: all 0.6s ease-in-out;
  780. -moz-transition: all 0.6s ease-in-out;
  781. -o-transition: all 0.6s ease-in-out;
  782. -ms-transition: all 0.6s ease-in-out;
  783. transition: all 0.6s ease-in-out;
  784. }
  785.  
  786. #actualnews:i,em{
  787. font-weight:bold;
  788. font-size:15px;
  789. text-shadow: -1px 0 #60bae3, 0 1px #60bae3, 1px 0 #60bae3, 0 -1px #60bae3;
  790. color:#101010;
  791. padding:2px;
  792. font-family: 'Norican', cursive;
  793. }
  794.  
  795.  
  796.  
  797.  
  798. #thekey {
  799. position:fixed;
  800. color:#7c7470;
  801. text-shadow: 0px 0px 2px #fff;
  802. margin-top:175px;
  803. margin-left:55px;
  804. width:710px;
  805. padding:9px;
  806. letter-spacing:2px;
  807. word-spacing:5px; /*this defines the separation of each word of the links*/
  808. font-family: helvetica;
  809. font-size:12px;
  810. text-align:center;
  811. background:transparent;
  812. text-transform:uppercase;
  813. -webkit-transform: rotate(-90deg);
  814. -moz-transform: rotate(-90deg);
  815. -o-transform: rotate(-90deg);
  816. }
  817.  
  818. #mainone {
  819. width:50px
  820. height:50px
  821. margin-top:0px
  822. margin-left:0px;
  823. }
  824.  
  825.  
  826. /* JUMBLED LINKS */
  827.  
  828.  
  829.  
  830. .alinks {
  831. position:fixed;
  832. left:250px;
  833. top:700px;
  834. text-align: right;
  835. line-height:20px;
  836. font-family: 'Josefin Sans', sans-serif;
  837. font-size: 17px;
  838. -webkit-filter:blur(1px);
  839. -webkit-animation: spin 6s linear 0s infinite normal;
  840. -moz-animation: spin 6s linear 0s infinite normal;
  841. -ms-animation: spin 6s linear 0s infinite normal;
  842. -o-animation: spin 6s linear 0s infinite normal;
  843. animation: spin 6s linear 0s infinite normal;
  844. }
  845.  
  846.  
  847. .alinks a {
  848. text-shadow:0px 0px 2px #7f7f7f;
  849. text-decoration:none;
  850. color:#7f7f7f;
  851. }
  852.  
  853. .alinks a:hover {
  854. text-shadow:0px 0px 2px #fff;
  855. text-decoration:none;
  856. color:#fff;
  857. -webkit-filter:blur(0px);
  858. }
  859.  
  860.  
  861.  
  862. .blinks {
  863. position:fixed;
  864. font-size:35px;
  865. left:505px;
  866. top:225px;
  867. text-decoration:none;
  868. margin-left:210px;
  869. margin-top:270px;
  870. -webkit-filter:blur(1px);
  871. -webkit-animation: spin 6s linear 0s infinite normal;
  872. -moz-animation: spin 6s linear 0s infinite normal;
  873. -ms-animation: spin 6s linear 0s infinite normal;
  874. -o-animation: spin 6s linear 0s infinite normal;
  875. animation: spin 6s linear 0s infinite normal;
  876.  
  877. }
  878.  
  879.  
  880.  
  881.  
  882. .blinks a {
  883. text-shadow:1px 1px 5px #fff;
  884. text-decoration:none;
  885. color:#7f7f7f;
  886. }
  887.  
  888. .blinks a:hover {
  889. text-shadow:0px 0px 2px #fff;
  890. text-decoration:none;
  891. color:#fff;
  892. -webkit-filter:blur(0px);
  893. }
  894.  
  895.  
  896.  
  897.  
  898. .clinks {
  899.  
  900. position:fixed;
  901. font-size:35px;
  902. left:465px;
  903. top:225px;
  904. text-decoration:none;
  905. margin-left:210px;
  906. margin-top:270px;
  907. -webkit-filter:blur(1px);
  908. -webkit-animation: spin 7s linear 0s infinite normal;
  909. -moz-animation: spin 7s linear 0s infinite normal;
  910. -ms-animation: spin 7s linear 0s infinite normal;
  911. -o-animation: spin 7s linear 0s infinite normal;
  912. animation: spin 7s linear 0s infinite normal;
  913. }
  914.  
  915. .clinks a {
  916.  
  917. text-shadow:1px 1px 5px #fff;
  918. text-decoration:none;
  919. color:#7f7f7f;
  920.  
  921. }
  922.  
  923. @keyframes spin {
  924. 0% { transform: rotate(360deg); }
  925. 100% { transform: rotate(0deg); }
  926. }
  927. @-webkit-keyframes spin {
  928. 0% {-webkit-transform: rotate(360deg); }
  929. 100% { -webkit-transform: rotate(0deg); }
  930. }
  931. @-ms-keyframes spin {
  932. 0% {-ms-transform: rotate(360deg); }
  933. 100% { -ms-transform: rotate(0deg); }
  934. }
  935. @-moz-keyframes spin {
  936. 0% { -moz-transform: rotate(360deg); }
  937. 100% { -moz-transform: rotate(0deg); }
  938. }
  939. @-o-keyframes spin {
  940. 0% { -o-transform: rotate(360deg); }
  941. 100% { -o-transform: rotate(0deg); }
  942. }
  943.  
  944. .clinks:hover {
  945. text-shadow:0px 0px 2px #fff;
  946. text-decoration:none;
  947. color:#fff;
  948. -webkit-filter:blur(0px);
  949. }
  950.  
  951.  
  952.  
  953. .dlinks {
  954. position:fixed;
  955. font-size:35px;
  956. left:415px;
  957. top:155px;
  958. text-decoration:none;
  959. margin-left:140px;
  960. margin-top:340px;
  961. -webkit-filter:blur(1px);
  962. -webkit-animation: spin 7s linear 0s infinite normal;
  963. -moz-animation: spin 7s linear 0s infinite normal;
  964. -ms-animation: spin 7s linear 0s infinite normal;
  965. -o-animation: spin 7s linear 0s infinite normal;
  966. animation: spin 7s linear 0s infinite normal;
  967. }
  968.  
  969. .dlinks a {
  970. text-shadow:1px 1px 5px #fff;
  971. text-decoration:none;
  972. color:#7f7f7f;
  973. }
  974.  
  975. .dlinks:hover {
  976. text-shadow:0px 0px 2px #fff;
  977. text-decoration:none;
  978. color:#fff;
  979. -webkit-filter:blur(0px);
  980. }
  981.  
  982.  
  983.  
  984. .elinks {
  985. position:fixed;
  986. font-size:35px;
  987. left:485px;
  988. top:205px;
  989. text-decoration:none;
  990. margin-left:150px;
  991. margin-top:290px;
  992. -webkit-filter:blur(1px);
  993. -webkit-animation: spin 7s linear 0s infinite normal;
  994. -moz-animation: spin 7s linear 0s infinite normal;
  995. -ms-animation: spin 7s linear 0s infinite normal;
  996. -o-animation: spin 7s linear 0s infinite normal;
  997. animation: spin 7s linear 0s infinite normal;
  998. }
  999.  
  1000. .elinks a {
  1001. text-shadow:1px 1px 5px #fff;
  1002. text-decoration:none;
  1003. color:#7f7f7f;
  1004. }
  1005.  
  1006. .elinks:hover {
  1007. text-shadow:0px 0px 2px #fff;
  1008. text-decoration:none;
  1009. color:#fff;
  1010. -webkit-filter:blur(0px);
  1011. }
  1012.  
  1013.  
  1014.  
  1015.  
  1016.  
  1017. .flinks {
  1018. position:fixed;
  1019. font-size:35px;
  1020. left:325px;
  1021. top:225px;
  1022. text-decoration:none;
  1023. margin-left:270px;
  1024. margin-top:270px;
  1025. -webkit-filter:blur(1px);
  1026. -webkit-animation: spin 7s linear 0s infinite normal;
  1027. -moz-animation: spin 7s linear 0s infinite normal;
  1028. -ms-animation: spin 7s linear 0s infinite normal;
  1029. -o-animation: spin 7s linear 0s infinite normal;
  1030. animation: spin 7s linear 0s infinite normal;
  1031. }
  1032.  
  1033. .flinks a {
  1034. text-shadow:0px 0px 2px #7f7f7f;
  1035. text-decoration:none;
  1036. color:#7f7f7f;
  1037. }
  1038.  
  1039. .flinks:hover {
  1040. text-shadow:0px 0px 2px #fff;
  1041. text-decoration:none;
  1042. color:#fff;
  1043. -webkit-filter:blur(0px);
  1044. }
  1045.  
  1046. .glinks {
  1047. position:fixed;
  1048. font-size:35px;
  1049. left:525px;
  1050. top:225px;
  1051. text-decoration:none;
  1052. margin-left:270px;
  1053. margin-top:270px;
  1054.  
  1055.  
  1056.  
  1057. }
  1058.  
  1059. .glinks a {
  1060. text-shadow:0px 0px 2px #7f7f7f;
  1061. text-decoration:none;
  1062. color:#7f7f7f;
  1063. }
  1064.  
  1065. .glinks:hover {
  1066. text-shadow:0px 0px 2px #fff;
  1067. text-decoration:none;
  1068. color:#fff;
  1069. -webkit-filter:blur(0px);
  1070. }
  1071.  
  1072.  
  1073.  
  1074.  
  1075. .credit {
  1076. position:fixed;
  1077. text-shadow: 0px 0px 11px #7C6868;
  1078. right:15px;
  1079. bottom:15px;
  1080. transform: rotate(0deg);
  1081. font-family: 'Josefin Sans', sans-serif;
  1082. font-size: 17px; }
  1083.  
  1084.  
  1085. .credit a {
  1086. padding:10px;
  1087. color:#6e6e6e;
  1088. margin-right:0px;
  1089. -webkit-filter: blur(1px);
  1090. -webkit-transition: 0.8s ease-in;
  1091. -moz-transition: 1s ease-in;
  1092. transition: 1s ease-in;
  1093. }
  1094.  
  1095. .credit a:hover {
  1096. -webkit-transition: all 0.6s ease-in-out;
  1097. -moz-transition: all 0.6s ease-in-out;
  1098. -o-transition: all 0.6s ease-in-out;
  1099. -ms-transition: all 0.6s ease-in-out;
  1100. transition: all 0.6s ease-in-out;
  1101. color: #000000;
  1102. text-shadow: 7px 7px 3px #000000;
  1103. }
  1104.  
  1105.  
  1106.  
  1107.  
  1108. /* PAGINATION */
  1109.  
  1110.  
  1111.  
  1112.  
  1113. #pagination {
  1114. position:fixed;
  1115. font-family: 'Josefin Sans', sans-serif;
  1116. width:300px;
  1117. font-size:35px;
  1118. top:170px;
  1119. left:430px;
  1120. letter-spacing:3px;
  1121. text-align:center;
  1122. z-index:999999999999;
  1123. }
  1124.  
  1125. #pagination a {
  1126. text-transform:uppercase;
  1127. color:#b3b3b3;
  1128. -webkit-filter: blur(0px);
  1129. -webkit-transition: 0.8s ease-in;
  1130. -moz-transition: 1s ease-in;
  1131. transition: 1s ease-in;
  1132. z-index:999999999999;
  1133. }
  1134.  
  1135. #pagination a:hover {
  1136. color:#fff;
  1137. -webkit-filter: blur(1px);
  1138. -webkit-transition: 0.2s ease-in;
  1139. -moz-transition: 1s ease-in;
  1140. transition: 1s ease-in;
  1141. }
  1142.  
  1143.  
  1144.  
  1145.  
  1146. /* MISC */
  1147.  
  1148.  
  1149.  
  1150. .audio {
  1151. width:300px;
  1152. padding-bottom:10px;
  1153. background-color:{color:#0b0b0b};}
  1154.  
  1155. .albumart {
  1156. float:left;
  1157. padding:0px 10px 10px 0px;}
  1158.  
  1159. .albumart img {
  1160. width:65px;
  1161. height:65px;}
  1162.  
  1163. .playercontainer {
  1164. text-align:left;
  1165. padding:10px;
  1166. background-color:#0b0b0b;
  1167. width:300px;}
  1168.  
  1169. .audioinfo {
  1170. padding:10px;
  1171. color:#a1a0a0;}
  1172.  
  1173.  
  1174.  
  1175.  
  1176. /* QUESTIONS & ANSWERS DETAILS */
  1177.  
  1178. #ask{
  1179. font-weight: bold;
  1180. font-size:12px;
  1181. color:#2c4e86;
  1182. font-family: 'Oswald', sans-serif;
  1183. text-transform:none;
  1184. margin: -26px 0px 0px 55px;
  1185. text-align:left;
  1186. z-index: 99999;
  1187. }
  1188.  
  1189. #askheader{
  1190. margin:10px 0px 0px 0px;
  1191. z-index: 1;
  1192. }
  1193.  
  1194. #q{
  1195. z-index: 99999;
  1196. }
  1197.  
  1198. #ans{}
  1199.  
  1200. #asker {
  1201. border-radius: 10px;
  1202. text-shadow: 1px 1px 3px #333, 0px 0px 15px {color:titles};
  1203. font-size: 14px;
  1204. padding: 7px;
  1205. min-height: 70px;
  1206. margin-left:-30px;
  1207. display: inline-block;
  1208. }
  1209.  
  1210. #asker {
  1211. float:left;
  1212. margin-right:5px;
  1213. }
  1214.  
  1215. #askiz a{
  1216. color: {color:titles};
  1217. }
  1218.  
  1219. #askon a{
  1220. color: {color:navlinks};a
  1221. text-shadow: 0px 0px 30px {color:navlinks}, 1px 1px 4px rgba(0,0,0,.6);
  1222. }
  1223.  
  1224. #askon a:hover{
  1225. color: rgba(0,0,0,.0);
  1226. text-shadow: 0px 0px 4px {color:navlinks};
  1227. }
  1228.  
  1229. #asker img{
  1230. border-radius: 100%;
  1231. background: rgba(0,0,0,0.0);
  1232. margin-left: 10px;
  1233. margin-top: -10px;
  1234. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  1235. }
  1236.  
  1237. #askiz {
  1238. text-align: center;
  1239. font-family: Calligraffitti;
  1240. background-color:#afaeae;
  1241. background-repeat:no-repeat;
  1242. margin-top: -17px;
  1243. margin-left:-10px;
  1244. width:200px;
  1245. color: #fff;
  1246. font-weight: bold;
  1247.  
  1248.  
  1249. font-size: 23px;
  1250. padding: 17px;
  1251. height:10px;
  1252. border-bottom:double #9f9f9f;
  1253.  
  1254. }
  1255.  
  1256. #asksh{
  1257. text-align: left;
  1258. text-shadow: none;
  1259. text-transform: uppercase;
  1260. font-weight: normal;
  1261. margin-top:-10px;
  1262. width:200px;
  1263. color:#fefefe;
  1264. font-family: Calibri;
  1265. font-size: 13px;
  1266. line-height: 100%;
  1267. -ms-transform: rotate(-1.5deg); /* IE 9 */
  1268. -webkit-transform: rotate(-1.5deg); /* Chrome, Safari, Opera */
  1269. transform: rotate(-1.5deg);
  1270. }
  1271.  
  1272. #askon{
  1273. text-shadow: none;
  1274. font-weight: bold;
  1275. margin-top: -10px;
  1276. text-align: left;
  1277. margin-left: 15px;
  1278. font-family: Calligraffitti;
  1279. font-size: 27px;
  1280.  
  1281. }
  1282.  
  1283.  
  1284. /* POST INFO DETAILS */
  1285.  
  1286.  
  1287.  
  1288. #info{
  1289. width:100px;
  1290. font-size:16px;
  1291. padding:4px 0px 1px 0px;
  1292. color:#fff;
  1293.  
  1294. }
  1295.  
  1296. #info a{
  1297. text-transform:uppercase;
  1298. font-family: 'Adamina', serif;
  1299. color:#798fa9;
  1300. text-shadow:1px 1px 5px #fff;
  1301.  
  1302. text-decoration:none;
  1303. -moz-transition-duration:0.5s;
  1304. -webkit-transition-duration:0.5s;
  1305. -o-transition-duration:0.5s;
  1306.  
  1307.  
  1308.  
  1309. }
  1310.  
  1311. #info a:hover{
  1312. color: #fff;
  1313. }
  1314.  
  1315. #inforite{
  1316. text-align: left;
  1317. margin-left: 10px;
  1318. margin-top: 15px;
  1319. }
  1320.  
  1321. #inforite a{
  1322. color: {color:links};
  1323. text-shadow: 0px 0px 11px {color:links};
  1324. text-decoration: none;
  1325. }
  1326.  
  1327. #inforite a:hover{
  1328. color: rgba(0,0,0,.0);
  1329. text-shadow: 0px 0px 2px {color:links};
  1330. }
  1331.  
  1332. #tags a {
  1333. font-weight:bold;
  1334. color:#848484;
  1335. padding:2px;
  1336. font-family: 'EB Garamond', serif;
  1337. text-shadow:none;
  1338. text-transform:lowercase;
  1339. }
  1340.  
  1341. #tags a:hover {
  1342. color:#eee;}
  1343.  
  1344.  
  1345.  
  1346. /* MISC 02. */
  1347.  
  1348.  
  1349.  
  1350. .note {
  1351. text-transform:uppercase;
  1352. font-style:normal;
  1353. letter-spacing:0px;
  1354. font-size: 10px;
  1355. text-align:left;
  1356. line-height:90%;
  1357. margin-left:-40px;}
  1358.  
  1359. .note li {
  1360. list-style-type:none;
  1361. border-bottom:0px solid {color:border};
  1362. padding:10px 25px 10px 25px;
  1363. text-align:left;
  1364. margin:0px;
  1365. -moz-transition-duration:0.5s;
  1366. -webkit-transition-duration:0.5s;
  1367. -o-transition-duration:0.5s;}
  1368.  
  1369. .note img.avatar {
  1370. margin-right: 10px;
  1371. width: 16px;
  1372. height: 16px;}
  1373.  
  1374.  
  1375.  
  1376.  
  1377. /* BASIC POP-UP DETAILS */
  1378.  
  1379.  
  1380.  
  1381. .popup_block{
  1382. display:none;
  1383. background:#f5f5f5;
  1384. padding:20px;
  1385. border:0px solid #eee; /* if you want a solid white pop-up, delete this */
  1386. float:left;
  1387. height: 377px;
  1388. top:250px; left:747px;
  1389. position:fixed;
  1390. z-index: 99999;
  1391. -webkit-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1392. -moz-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1393. box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1394. }
  1395.  
  1396.  
  1397. *html #fade {position: absolute;}
  1398. *html .popup_block {position: absolute;}
  1399. #fade {
  1400. display:none;
  1401. position:fixed;
  1402. left:0px;
  1403. top:0px;
  1404. width:100%;
  1405. height:100%;
  1406. z-index:9999;
  1407. background:#000; /* change to #fff for solid white */
  1408. opacity:0; /* change to opacity:1; */
  1409. }
  1410.  
  1411.  
  1412.  
  1413. .popupnavlinks {
  1414. padding-top:5px;
  1415. text-align:center; }
  1416.  
  1417.  
  1418. .popupnavlinks a {
  1419. display:inline-block;
  1420. width:90px; height:4px;
  1421. margin:2px; padding:3px 6px 10px;
  1422. text-align:center;
  1423. background-image: url('');
  1424. background:#222222;
  1425. background-repeat:repeat;
  1426. background-attachment:fixed;
  1427. border-left: double 3px #a5a29f;
  1428. border-top: double 3px #a5a29f;
  1429. border-right: double 3px #a5a29f;
  1430. border-bottom: double 3px #a5a29f;
  1431. color:#e6e6e6;
  1432. font-size:9px;
  1433. font-family:calibri;
  1434. text-shadow:1px 1px 0px #000,
  1435. 1px -1px 0px #000,
  1436. -1px -1px 0px #000,
  1437. -1px 1px 0px #000,
  1438. 0px 1px 0px #000,
  1439. 0px -1px 0px #000,
  1440. 1px 0px 0px #000,
  1441. -1px 0px 0px #000;
  1442. display: inline-block;
  1443. cursor: pointer;
  1444. }
  1445.  
  1446.  
  1447.  
  1448. .popupnavlinks a:hover {
  1449. display:inline-block;
  1450. letter-spacing:2px; }
  1451.  
  1452.  
  1453.  
  1454. .popupclose {
  1455. float:right; top:0px; right:0px;
  1456. margin-top:-10px; margin-right:-10px;
  1457. font-family:'Scada', sans serif;
  1458. font-size:10px;
  1459. font-weight:bold }
  1460.  
  1461. .popupclose a {
  1462. color:#aaa }
  1463.  
  1464.  
  1465.  
  1466. /* TOOLTIP DETAILS */
  1467.  
  1468.  
  1469.  
  1470. #s-m-t-tooltip{
  1471. max-width:400px;
  1472. margin:15px;
  1473. padding:2px 8px;
  1474. background: #0b0b0b;
  1475. background-image:url('https://66.media.tumblr.com/2c197e62689eac4fbb4c730663c0bd14/tumblr_oc4aa3bqcg1ud4mdwo2_r1_400.gif');
  1476. background-repeat:repeat;
  1477. background-attachment:fixed;
  1478. border-left: double 3px #000;
  1479. border-top: double 3px #000;
  1480. border-right: double 3px #000;
  1481. border-bottom: double 3px #000;
  1482. color:#e6e6e6;
  1483. text-shadow:1px 1px 0px #000,
  1484. 1px -1px 0px #000,
  1485. -1px -1px 0px #000,
  1486. -1px 1px 0px #000,
  1487. 0px 1px 0px #000,
  1488. 0px -1px 0px #000,
  1489. 1px 0px 0px #000,
  1490. -1px 0px 0px #000;
  1491. z-index:99999999999999999999;
  1492. font-size:9px;
  1493. letter-spacing:2px;
  1494. font-style:bold;
  1495. letter-spacing:2px;
  1496. font-family: calibri;
  1497. text-transform:uppercase;
  1498. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  1499.  
  1500. #box3{
  1501. z-index:9999;
  1502. }
  1503.  
  1504.  
  1505. </style>
  1506.  
  1507. </head>
  1508.  
  1509. <body>
  1510.  
  1511.  
  1512.  
  1513. <!--
  1514. ♛ The part below is basically the 'skeleton' of the theme, if that makes sense? I wouldn't recommend editing these parts ( EXCEPT THE CUSTOM LINKS AND POP UPS !!! ) unless you know what you're doing. If you spot a glitch in this part of the code, please let me know.
  1515. -->
  1516.  
  1517.  
  1518. <div id="content">
  1519.  
  1520. <div id="sidebar">
  1521.  
  1522. <img src="{image:Sidebar}" />
  1523.  
  1524. <div id="description">{description}</div>
  1525.  
  1526. </div>
  1527.  
  1528. <div id="pagination">
  1529. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  1530. </div>
  1531.  
  1532.  
  1533. <!--
  1534. ♛ CUSTOM LINKS
  1535. -->
  1536.  
  1537.  
  1538.  
  1539. <div id="links">
  1540.  
  1541.  
  1542. <div class="blinks">
  1543. <a href="#?w=275" rel="box5" class="poplight" title="the map."> ✧ </a>
  1544. </div>
  1545.  
  1546.  
  1547. <div class="clinks">
  1548. <a href="#?w=275" rel="box2" class="poplight" title="laws."> ✧ </a>
  1549. </div>
  1550.  
  1551.  
  1552. <div class="dlinks">
  1553. <a href="/" class="poplight" title="home."> ✧ </a>
  1554. </div>
  1555.  
  1556.  
  1557. <div class="elinks">
  1558. <a href="#?w=275" rel="box1" class="poplight" title="questions."> ✧ </a>
  1559. </div>
  1560.  
  1561.  
  1562. <div class="flinks">
  1563. <a href="#?w=275" rel="box6" class="poplight" title="desc."> ✧ </a>
  1564. </div>
  1565.  
  1566. <div class="glinks">
  1567. <a href="http://astralprayer.tumblr.com"><img src="https://68.media.tumblr.com/148a3c858a6eed38768bfeb9312c6908/tumblr_inline_ol6cywYzxt1uea3ee_500.png" /></a>
  1568. </div>
  1569.  
  1570.  
  1571. <div class="credit">
  1572. <a href="http://agirlingrey.tumblr.com/" title="theme by agirlingrey.">A.</a>
  1573. </div>
  1574.  
  1575.  
  1576. </div>
  1577.  
  1578.  
  1579. <!--
  1580. ♛ CUSTOM LINKS ENDS
  1581. -->
  1582.  
  1583.  
  1584.  
  1585. <div id="container">
  1586.  
  1587. <div id="content"><div id="posts">
  1588. {block:Posts}
  1589.  
  1590.  
  1591. {block:Quote}<quotetext>"{Quote}"</quotetext>&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  1592. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  1593. {block:Text}{Body}{/block:Text}
  1594.  
  1595. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1596.  
  1597. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1598.  
  1599. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="360px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1600. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1601.  
  1602. {block:Chat}<ul class="chat"><BR>{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li><BR>{/block:Lines}</ul>{/block:Chat}
  1603.  
  1604. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1605.  
  1606.  
  1607. {block:Answer}
  1608. <div id="askheader"><img src="http://static.tumblr.com/dwzzwcb/vzqol6amo/chocoask.png" draggable="false"></div>
  1609. <div id="ask">{asker}</div>
  1610. <span style="color:#181616;text-shadow:1px 1px 5px #fff;;font-size:13px;margin-left:1px;letter-spacing:2px;">Disturbed the prince's nap.</span><br>
  1611. <div="q">{question}</div>
  1612. <div="ans">{answer}</div>
  1613. {/block:Answer}
  1614.  
  1615.  
  1616. {block:Audio}<div class="audio">
  1617.  
  1618. {block:AlbumArt}
  1619. {/block:AlbumArt}
  1620.  
  1621.  
  1622. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1623. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  1624. <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
  1625. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  1626.  
  1627.  
  1628. <!--
  1629. ♛ INFO AND SYMBOLS
  1630. -->
  1631.  
  1632. {block:Date}
  1633. <div id="info">
  1634. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}"
  1635. style="position:absolute; margin-left:15px; margin-top:4px;-webkit-transform: rotate(-20deg);-ms-transform: rotate(-20deg);transform: rotate(-20deg);"> ★ </a>
  1636. <a href="{Permalink}" title="{NoteCountWithLabel} {DayOfMonthWithZero} - {TimeAgo}"
  1637. style=" position:absolute; margin-left:-5px; margin-top:5px;font-size:25px;-webkit-transform: rotate(-20deg);-ms-transform: rotate(20deg);transform: rotate(20deg);"> ★ </a>
  1638. <a href="{ReblogURL}" target="_blank" class="details" title="Reblog"
  1639. style=" position:absolute; margin-left:5px; margin-top:20px;-webkit-transform: rotate(-50deg);-ms-transform: rotate(-50deg);transform:rotate(-50deg);"> ★ </a>
  1640. </div>
  1641. {/block:Date}
  1642.  
  1643.  
  1644.  
  1645.  
  1646.  
  1647. <br>
  1648.  
  1649.  
  1650. <!--
  1651. ♛ INFO AND SYMBOLS ENDS
  1652. -->
  1653.  
  1654.  
  1655. <div id="tags" style="margin-bottom:50px;margin-left:20px">{block:HasTags}{block:Tags} • <a href="{TagURL}" title="{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:Posts}</div>
  1656.  
  1657. </div>
  1658. </div>
  1659. </div>
  1660.  
  1661.  
  1662.  
  1663. </body>
  1664.  
  1665.  
  1666.  
  1667. <!--
  1668. ♛ POP UP PAGES !!!
  1669. -->
  1670.  
  1671.  
  1672.  
  1673. <div id="box1" class="popup_block">
  1674.  
  1675.  
  1676. <p><iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/astralblade.tumblr.com" width="100%"></iframe></p>
  1677.  
  1678. </div>
  1679.  
  1680. </center>
  1681.  
  1682.  
  1683.  
  1684. <div id="box2" class="popup_block">
  1685.  
  1686. <div style="width:auto;height:350px;overflow:scroll;padding:5px;">
  1687.  
  1688.  
  1689. <p align="center"><small>independent &amp; private<br /><em>Noctis Lucis Caelum</em><br />#astralblade</p>
  1690.  
  1691. <p align="center"><strong>TL;DR SECTION.</strong></p>
  1692. <p align="center"><strong>&bull;&nbsp;be polite and respectful!</strong><strong><br />&bull;</strong>&nbsp;Inspiration is ok but don't steal things from this blog.<br /><strong>&bull;</strong>&nbsp;oc &amp; crossover friendly.<br /><strong>&bull;</strong>&nbsp;Highly Selective.<br /><strong>&bull;</strong> You don't need to match my length.<br /><strong>&bull;</strong>&nbsp;Mun is busy RL, I won't always be here.<br /><strong>&bull;</strong>&nbsp;This blog will have a moderate amount of triggers.<br /><strong>&bull;</strong>&nbsp;single ship &amp; multiverse.<br /><strong>&bull;</strong>&nbsp;I don't send in guideline passwords or like rule posts to prove they have been read.<br /><strong>&bull;</strong><strong>&bull;</strong>&nbsp;no smut with people under 18.<br /><strong>&bull;</strong>&nbsp;Noctis Apologist.</p>
  1693.  
  1694. <h3>i. WRITING.</h3>
  1695.  
  1696. <blockquote>This blog is <em>Highly Selective</em>, meaning that I will be selective with who I want to interact with. Please <strong>don't</strong> take it personaly because it isn't. I simply cannot rp with everyone that follows me especially with my busy schedule. I usually look for two to three of the same characters to actively rp with, however naturally exceptions are made for friends. </blockquote><p>
  1697.  
  1698.  
  1699.  
  1700. <h3>ii. TRIGGERS.</h3>
  1701.  
  1702. <blockquote>while I have <em> almost no triggers</em> this blog will have mentions of the following<strong>;</strong> death, blood, war, violence and depression. I will attempt to remember to tag things accordingly, if I forgot something or your trigger isn't on here, <strong>PLEASE</strong> inform me so I can tag it accordingly!.</blockquote>
  1703.  
  1704. <h3>iii. SHIPPING.</h3>
  1705. <blockquote>Noctis is single shipped with <a href="http://astralprayer.tumblr.com/">Princess Lunafreya Nox Fleuret&nbsp;</a>in his main verses. I am however open for shipping in other verses. If you ever feel like shipping don't be afraid to hit me up. <br> <p>
  1706.  
  1707. I'm a bit selective when it comes to shipping. Basically if I already ship with a character I won't ship with another version of that character, I expect the same from my partner. Considering it is rather hard to ignore the relation luna and noctis have I will treat other luna's like i will treat my main but keep in mind that bianca's luna is my main.</blockquote>
  1708.  
  1709. <h3>iv. MUSES.</h3>
  1710. <blockquote><strong>do not</strong> hold your muse back. If your muse wants to do something then let them do so! Most of the time I will be all for it. If it is really something outrageous you can always IM me just to be certain.</blockquote>
  1711.  
  1712.  
  1713. <h3>v. EXCLUSIVITY & MAINS.</h3>
  1714. <blockquote>Listen, I love all my lovely wives and chocobros out there so I won't be giving exclusivity (aside from ship exclusivity). What I do offer however is a chance to become mains once we feel like we've threaded enough and get along ooc wise.</blockquote>
  1715.  
  1716. <h3>vi. DISCLAIMER.</h3>
  1717. <blockquote>Everything on the blog was made by me.
  1718. <br>Theme Code: agirlingrey <br>
  1719.  
  1720. Art: Official art</a><br>
  1721. Icons: Me</small>
  1722.  
  1723.  
  1724.  
  1725.  
  1726. </div>
  1727. </div>
  1728.  
  1729.  
  1730.  
  1731.  
  1732. <div id="box3" class="popup_block">
  1733.  
  1734. <h3>verses</h3>
  1735.  
  1736. <ul id="tabs">
  1737. <li class="active">MAIN.</li>
  1738. &nbsp;
  1739. <li>AU.</li>
  1740. &nbsp;
  1741. <li>GROUP.</li>
  1742. </ul>
  1743.  
  1744. <div style="width:auto;height:270px;overflow:scroll;padding:5px;">
  1745.  
  1746.  
  1747.  
  1748. <ul id="tab">
  1749. <li class="active">
  1750.  
  1751.  
  1752. <img src="http://static.tumblr.com/dwzzwcb/9SYoki8s4/25.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1753. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">I: Together we stand.</a></big>
  1754.  
  1755. <br><br>
  1756.  
  1757. Main Verse. A verse which follows the adventures of ~the chocobros~ Noctis and the gang.
  1758.  
  1759. <br><br><br>
  1760.  
  1761. <img src="http://static.tumblr.com/dwzzwcb/liHoki8tv/3.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1762. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">II: Stand with me.</a></big>
  1763.  
  1764. <br><br>
  1765.  
  1766. Older Verse. Follows the events after chapter 13.
  1767. <br><br><br>
  1768.  
  1769. <img src="http://static.tumblr.com/dwzzwcb/CL5oki8vi/26.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1770. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">III: Halycon Days.</a></big>
  1771.  
  1772. <br><br>
  1773.  
  1774. Child Verse. A verse which follows the events of Noctis' life when he was still a child.
  1775. <br><br><br>
  1776.  
  1777. </li>
  1778. <li>
  1779.  
  1780. <img src="http://static.tumblr.com/dwzzwcb/6TGoki8xl/39.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1781. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">IV: .</a></big>
  1782.  
  1783. <br><br>
  1784.  
  1785. Happy Ending. Obligatory verse where no one goes blind nor dies.
  1786.  
  1787.  
  1788. <br><br><br>
  1789. <img src="http://static.tumblr.com/dwzzwcb/6TGoki8xl/39.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1790. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">V: Sleep now, worry later.</a></big>
  1791.  
  1792. <br><br>
  1793.  
  1794. High School Verse. In which Noctis attends high school or in the very least makes an attempt.
  1795.  
  1796.  
  1797. <br><br><br>
  1798.  
  1799. <img src="http://static.tumblr.com/dwzzwcb/jPLoki90z/36.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1800. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VI: Not my war.</a></big>
  1801.  
  1802. <br><br>
  1803.  
  1804. Fire Emblem Fates (Class: Dark Knight). Born a nohrian noble, even he is not safe from the call to the battlefield. For now his father has managed to bribe the higher officers, but how will it take before he too must go to the front lines?
  1805.  
  1806. <br><br><br>
  1807.  
  1808. <img src="http://static.tumblr.com/dwzzwcb/OTjoki9ch/5.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1809. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VII: The endless journey</a></big>
  1810.  
  1811. <br><br>
  1812.  
  1813. Pokemon verse. A trainer from Kanto who travels the regions not because he wants to, but because he has no choice than to fill the pokedex that has been given to him. Despite stating that he has no interest in the champion league he still challenges the gyms during his journey.<p>
  1814. Team: Charizard, Luxray, Umbreon, Nidoking, Snorlax, (if legendary: Darkrai) Swellow.
  1815.  
  1816. <br><br><br>
  1817.  
  1818. </li>
  1819. <li>
  1820.  
  1821.  
  1822. <img src="https://66.media.tumblr.com/6b6b80e2545ce4977586403217aacdb5/tumblr_oc495wFwrl1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1823. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">NA.</a></big>
  1824.  
  1825. <br><br>
  1826.  
  1827. NA
  1828.  
  1829. <br><br><br>
  1830.  
  1831.  
  1832. </li>
  1833. </ul>
  1834.  
  1835.  
  1836. </div>
  1837. </div>
  1838.  
  1839.  
  1840. <div id="box5" class="popup_block">
  1841.  
  1842. <div style="width:auto;height:350px;overflow:scroll;padding:5px;">
  1843.  
  1844. <center>
  1845.  
  1846. <h3>NAVIGATION</h3>
  1847.  
  1848.  
  1849. <div class="popupnavlinks">
  1850.  
  1851. <a href="/tagged/">Answered.</a>
  1852. <a href="/tagged/">Headcanons.</a>
  1853. <a href="/tagged/┊♛┊nap-now-decide-later-%28-isms.-%29┊">Isms.</a>
  1854. <a href="/tagged/">Mains.</a>
  1855. <a href="/tagged/┊♛┊tragedy-written-in-his-bones-%28-noctis.-%29┊">Noctis.</a>
  1856. <a href="/tagged/">OOC.</a>
  1857. <a href="/tagged/">Promos.</a>
  1858. <a href="/I">Verses. </a>
  1859. <br>
  1860.  
  1861.  
  1862. <br>
  1863.  
  1864.  
  1865.  
  1866.  
  1867. <br><br><br>
  1868.  
  1869. </div>
  1870. </div>
  1871. </div>
  1872. <div id="box6" class="popup_block">
  1873.  
  1874. <div id="bite">
  1875. <div id="thekey"></div>
  1876. <div class="death">
  1877. <div id="actualnews">
  1878.  
  1879. <center>
  1880.  
  1881. <div style="width:auto;height:280px;overflow:scroll;padding:5px;">
  1882.  
  1883. <div id="int">King</div><br>
  1884. Private, Selective & <br>canon divergent<p> <i>Noctis Lucis Caelum</i><p>
  1885.  
  1886. <p> Written by<i>Alyssa</i><br>
  1887. 21 she/her<p>
  1888. This blog has been established on the 27th of January 2017<p>
  1889.  
  1890.  
  1891. <div id="int">of</div><br>
  1892.  
  1893.  
  1894. <i>Starters: </i> 0<br>
  1895. <i>Replies: </i>0<br>
  1896. <i>Asks: </i> 0<br>
  1897. <p>
  1898.  
  1899. <div id="int">Kings</div><br>
  1900. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="102" height="20">
  1901. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  1902. <param name="bgcolor" value="#c5c5c4" />
  1903. <param name="FlashVars" value="mp3=https://dl.dropboxusercontent.com/u/65089097/Noctis/Syn%20Cole%20-%20Bright%20Lights%20%28Steerner%20Remix%29.mp3%20%7C%20https://dl.dropboxusercontent.com/u/65089097/Noctis/Really%20Slow%20Motion%20-%20Endlessness%20%28Final%20Fantasy%20XV%20-%20Omen%20Trailer%20Music%29.mp3&amp;width=102&amp;height=20&amp;volume=50&amp;autoplay=1&amp;showslider=0&amp;bgcolor=c5c5c4&amp;bgcolor1=c5c5c4&amp;bgcolor2=c5c5c4&amp;buttoncolor=757b75&amp;showlist=0&amp;showplaylistnumbers=0" />
  1904. </object>
  1905. <p></p>
  1906.  
  1907. </div>
  1908. </div>
  1909. </div>
  1910.  
  1911.  
  1912. <!--
  1913. ♛ CUSTOM SIDEBAR TEXT
  1914. -->
  1915.  
  1916.  
  1917.  
  1918.  
  1919.  
  1920.  
  1921.  
  1922. </div>
  1923. </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!