Ultima

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>{Title}</title>
<head>

<link rel="shortcut icon" href="http://www.clker.com/cliparts/I/d/I/X/w/o/black-gun-hi.png"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<!--- ••• Color Variables ••• --->

<meta name="color:gradient1" content="#f642f0" />
<meta name="color:gradient2" content="#2edbf2" />
<meta name="color:menuicon" content="#f642f0" />
<meta name="color:italic" content="#f642f0" />
<meta name="color:bold" content="#2edbf2" />
<meta name="color:text" content="#484848">
<meta name="color:borders" content="#f642f0" />
<meta name="color:link" content="#f642f0">
<meta name="color:linkhover" content="#484848">
<meta name="color:background" content="#ffffff">
<meta name="color:sidebarbg" content="#000000">
<meta name="color:maintitle" content="#ffffff">
<meta name="color:description" content="#ffffff">
<meta name="color:nav" content="#ffffff">
<meta name="color:navhover" content="#8c8c8c" />

<meta name="color:selectiontext" content="#ffffff" />
<meta name="color:selectionbg" content="#8c8c8c" />
<meta name="color:tooltiptext" content="#ffffff">
<meta name="color:tooltipbg" content="#333333">
<meta name="color:scrollbar" content="#f642f0" />

<meta name="color:asktext" content="#fff">
<meta name="color:permalinktext" content="#fff">
<meta name="color:pagination" content="#f642f0" />

<!--- ••• Image Variables ••• --->

<meta name="image:sidebarbg" content=""/>

<!--- ••• Selection Variables ••• --->

<meta name="select:postsize" content="250" title="250px">
<meta name="select:postsize" content="300" title="300px">
<meta name="select:postsize" content="350" title="350px">
<meta name="select:postsize" content="400" title="400px">
<meta name="select:postsize" content="450" title="450px">
<meta name="select:postsize" content="500" title="500px">

<meta name="select:borderstyle" content="solid" title="solid">
<meta name="select:borderstyle" content="dotted" title="dotted">
<meta name="select:borderstyle" content="dashed" title="dashed">

<!--- ••• Other Variables ••• --->

<meta name="text:fontsize" content="10px" />
<meta name="text:opacity" content="0.2">
<meta name="text:maintitle" content="Lorem ipsum dolor">
<meta name="if:togglemenu" content="1"/>
<meta name="if:1column" content="0"/>
<meta name="if:2columns" content="1"/>

<!--- ••• Links ••• --->

<meta name="text:link 1" content="link 1"/>
<meta name="text:link 1 url" content="/"/>
<meta name="text:link 2" content="link 2"/>
<meta name="text:link 2 url" content="/"/>
<meta name="text:link 3" content="link 3"/>
<meta name="text:link 3 url" content="/"/>
<meta name="text:link 4" content="link 4"/>
<meta name="text:link 4 url" content="/"/>
<meta name="text:link 5" content="link 5"/>
<meta name="text:link 5 url" content="/"/>
<meta name="text:link 6" content="link 6"/>
<meta name="text:link 6 url" content="/"/>

<!--- ••• Fonts ••• --->

<link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9" crossorigin="anonymous">

<link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=100)'}).fadeIn(); //Fade bin the fade layer - .css({'filter' : 'alpha(opacity=100)'})
return false;
});
$('a.close, #fade').live('click', function() {
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</script>
<!-- TOOLTIPS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:50,
tip_fade_speed:200,
attribute:"title"
});
});
})(jQuery);
</script>



<style>

div#qTip {
    padding: 3px;
    display: none;
    text-align: center;
    position: absolute;
    font-size:7px;
    margin-left:10px;
    margin-top:-2px;
    line-height:9px;
    font-family:arial;
    z-index: 1000;
    border: 1px solid #cacaca;
    background-color:#fff;
    color: #9b9b9b;
    text-transform:uppercase;
    letter-spacing: 2px;
}

</style>

<style type="text/css">

/*----- POST IMAGES -----*/


img {
    max-width: 100%;
    height: auto;
    border:1px solid #fff;
}

pre {
    white-space: pre-wrap; / css-3 /
    white-space: -moz-pre-wrap; / Mozilla, since 1999 /
    white-space: -pre-wrap; / Opera 4-6 /
    white-space: -o-pre-wrap; / Opera 7 /
    word-wrap: break-word; / Internet Explorer 5.5+ /
}


/*----- SCROLL BAR -----*/

::-webkit-scrollbar {
   width:1px;
   height:1px;}

::-webkit-scrollbar {
   background-color:{color:background};}

::-webkit-scrollbar-track {
   border:1px solid {color:background};
   background-color:rgb(230,230,230);}

::-webkit-scrollbar-thumb {
   border:1px solid {color:background};
   background-color:{color:scrollbar};
   min-height:24px;
   min-width:24px;}

::-moz-selection {
    color:{color:selectiontext};
    background:{color:selectionbg};}

::selection {
    color:{color:selectiontext};
    background:{color:selectionbg};}

/*----- MAIN CONTENT -----*/


body {
    background: url('https://i.imgur.com/sT7r9EY.png');
    background-color:#0E0E0D;
    background-position: top-right;
    background-repeat: no-repeat;
    background-attachment: absolute;
    margin:0px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: {text:fontsize};
    line-height:100%;
    height: 900px;
    overflow-x: hidden;
    overflow-y: hidden;
}


/*----- TEXT DETAILS -----*/

blockquote {
    padding-left: 10px;
    border-left: 1px solid hsla(0,0%,100%,.9);
    margin: 10px 11px 12px 10px;
    text-align: justify;
}

.caption blockquote {
    margin:15px 0px 10px 0px;}

.caption {
    margin-top:15px;
    padding:0px;}

b, strong {
    letter-spacing:1px;
    font-size: {text:fontsize};
    color:{color:bold};}

i, em {
    font-size: {text:fontsize};
    color:{color:italic};}

small, big {
    font-size:{text:fontsize};}


h1, h2, h3, h4, h5, h6 {
    margin-top: 0px;
    font-size: 13px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    color: #f1ecec;}

a {
    color: hsla(0,0%,100%,.9);
    text-decoration:none;
    letter-spacing:1px;
    cursor:help;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}

a:hover {
    letter-spacing:1px;
    text-decoration:none;
    color:{color:linkhover};
}

p:first-of-type {
    margin:0px;}

p {
    margin:10px 0 0px 0;}

small, sub {
    font-size: {text:fontsize};
    vertical-align:baseline;}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;}

/* ---••• Image Sizing •••--- */

blockquote img {
    max-width:100%;
    height:auto;;}

img {
    max-width:100%;
    height:auto;}

.caption img {
    max-width:100%;
    height:auto;}

.posts img {
    max-width:100%;
    margin-top:0px;
    margin-bottom:0px;}

/*----- REBLOG -----*/

#post {
    width:400px;
    padding-bottom:0px;
    margin-top: 15px;
}

.info {
    text-align:center;
    border-top: 1px solid rgba(255, 252, 252, 0.8);
    text-transform:uppercase;
    font-size:8px;
    letter-spacing:1px;
    margin-top:10px;
    margin-bottom: 30px;
    padding-top:5px;}

.tags {
    line-height:120%;
    margin-top:0px;
    font-size:8px;
    letter-spacing:1px;
    font-style:italic;}

.tags a {
    margin:0px 4px;}

.like-b {
  position:relative;
  display:inline-block;
  height:1em;
  line-height:1em;
  overflow:hidden;
  margin-bottom:-1px;}

.like-b .like_button iframe {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
   z-index:2;
   opacity:0;}

.like-b .liked + .b {
  color:inherit;}

.like-b .liked + .b:after {
   content:'d';}

/* ---••• Post Notes •••--- */

ol.notes {
    padding:0px;
    margin:25px 0px 0px -10px;
    list-style-type:none;}

ol.notes li.note {
    padding:10px;}

ol.notes li.note img.avatar {
    vertical-align:-4px;
    margin-right:10px;
    width:16px;
    height:16px;}

ol.notes li.note span.action {
    font-weight:none;}

ol.notes li.note .answer_content {
    font-weight:normal;}

ol.notes li.note blockquote {
    padding:4px 10px;
    margin:10px 0px 0px 25px;}

ol.notes li.note blockquote a {
    text-decoration:none;}

/*----- SIDE CONTENT-----*/

#sidebar {
    color: #777;
    position:absolute;
    width:100px;
    height:auto;
    margin-top:-170px;
    margin-left:465px;
    text-align:left;
}

#description {
    position:absolute;
    width:175px;
    font-family: 'Open Sans', sans-serif;
    margin-top:625px;
    margin-left:150px;
    text-align:center;
    font-size:10px;
    color: #939090;
    text-shadow:1px 1px #000;
    letter-spacing:0px;
    line-height:130%;
    -moz-transition-duration:1s;
    -webkit-transition-duration:1s;
    -o-transition-duration:1s;
}

#description a {
    color: #aca09f;
}

#description a:hover {
    color:#b6cfd8;
}

#navi {
    background-color: #;
    position:absolute;
    width:115px;
    padding-bottom: 10px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    margin-top:165px;
    margin-left: 1107px;
    letter-spacing:1px;
    text-align:center;
    font-size:9px;
    color: #afaca4;
    letter-spacing:1px;
    line-height:130%;
    -moz-transition-duration:1s;
    -webkit-transition-duration:1s;
    -o-transition-duration:1s;
}

#navi a {
    color: #ebecef;
    letter-spacing: 1px;
}

#navi a:hover {
    color:#fff;
    letter-spacing:2px;
    text-shadow:1px 1px #f2e3e3;
}

#textbox {
    background-color:#282a31;
    position:absolute;
    width:420px;
    font-family: 'Roboto', sans-serif;
    text-transform: NONE;
    margin-top:461px;
    margin-left:630px;
    text-align:none;
    font-size:9px;
    color: #fbfbfb;
    letter-spacing: 0.3px;
    overflow-y:hidden;
    overflow-x:hidden;
    letter-spacing:0px;
    line-height:100%;
    -moz-transition-duration:1s;
    -webkit-transition-duration:1s;
    -o-transition-duration:1s;
}

#textbox a {
    color: #fff;
}

#textbox a:hover {
    color:#ffffff;
}

#links {
    position:relative;
    font-family: 'Roboto', sans-serif;
    width:450px;
    margin-top:385px;
    z-index:-1;
    margin-left:270px;
    display:inline-block;
    font-size:18px;
    font-style:none;
    letter-spacing:1px;
    text-align:left;
    line-height:280%;
    text-transform: lowercase;
    -webkit-transition: all .4s linear;
}

#links a{
    position: static;
    line-height:300%;
    margin-top:1px;
    margin-left:14px;
    width:60px;
    margin-bottom:4px;
    border-bottom:0px solid #0a141c;
    color: #6d5e60;
    text-shadow:1px 1px #9b8f86;
    -moz-transition-duration:.2s;
    -webkit-transition-duration:.2s;
    -o-transition-duration:.2s;
}

#links a:hover {
    width:60px;
    color: #d1cfbc;
    -moz-transition-duration:0.2s;
    -webkit-transition-duration:0.2s;
    -o-transition-duration:0.2s;
}

.tooltip{
    display: inline;
    position: relative;
}

#s-m-t-tooltip {
    padding:6px;
    width:auto;
    max-width:300px;
    background:#808080;
    background-repeat:repeat;
    background-attachment:fixed;
    text-align:center;
    max-height:300px;
    margin:5px 10px 5px 0px;
    color:#FFFFFF;
    text-shadow:
                1px 1px 0px #000,
                1px -1px 0px #000,
                -1px -1px 0px #000,
                -1px 1px 0px #000,
                0px 1px 0px #000,
                0px -1px 0px #000,
                1px 0px 0px #000,
                -1px 0px 0px #000,
                0px 0px 5px #00a68b;
    border-left: double 1px #000000;
    border-top: double 1px #000000;
    border-right: double 1px #000000;
    border-bottom: double 1px #000000;
    font-weight:bold;
    font-family: 'Roboto', sans-serif;
    text-transform:uppercase;
    box-shadow: 0px 0px 3px #000;
    border-radius:5px;
    font-size:8px;
    letter-spacing:1px;
    z-index:99999;
    transition:0.7s ease-in-out;
                -o-transition:0.7s ease-in-out;
                -ms-transition:0.7s ease-in-out;
                -moz-transition:0.7s ease-in-out;
                -webkit-transition:0.7s ease-in-out;
}


#pagination {
    font-family: 'Roboto', sans-serif;
    position:absolute;
    width:210px;
    font-size:20px;
    margin-top: -485px;
    margin-left: 398px;
    padding-left:500px;
    letter-spacing:1px;
    text-align:center;
}

#pagination a {
    color: hsla(0,0%,100%,.9);
}

#pagination a:hover {
    color:#5e5952;
}

/*----- POST CONTENT -----*/


#entries {
    background: ;
    background-color:#282a31;
    border: dotted 1px white;
    opacity: 100;
    padding: 10px;
    width: 405px;
    margin-left: 655px;
    margin-top:50px;
    margin-bottom: 50px;
    height:550px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    -moz-transition-duration: 0.8s;
    -webkit-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
}

::selection {
    background: #aba291; /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: #aba291; /* Gecko Browsers */
}

#headers{
    width:124px;
    height:auto;
    color: #fff;
    text-shadow:1px 1px #000;
    padding:10px;
    font-size:7px;
    font-weight:bold;
    letter-spacing:3px;
    line-height:100%;
    text-transform:uppercase;
    background: url('');
    background-color: #d6e1e1;
    border:1px solid #6e5e5e;
    text-align:center;
}

#ask {
    float:left;
    color:#83786e;
    padding: 5px;
}

#ask_bg{
    padding: 5px;
    padding-bottom: 10px;
    background: url(HERE);
    background-color: transparent;
    height: auto;
    width: 390px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #83786e;
    border:1px dashed white;
}

#asker{
    margin-left:2px;
    margin-top:2px;
    border:1px solid #fff;
    padding:2px;
    border-radius:50%;}

#textbox {
    height: 315px;
    width: 130px;
    border: dotted 1px white;
    padding: 7px;
    font: 11px/11px 'Roboto', sans-serif;
    background-color:#282a31;
    overflow: auto;
}

#navi2 {
    padding: 2px;
    background-color:#282a31;
    border:1px dotted white;
    line-height: 1;
}

</style>
</head>
<body>

<div id="sidebar">

<div id="textbox">
<center>

<h1>THE CHOSEN KING OF LIGHT</h1>
     Indie, unaffiliated<br>
     <b>NOCTIS LUCIS CAELUM</b><br>
     of<br>
     <b>FINAL FANTASY XV</b>.<br>
     <br>
     Highly selective. Slow interaction, please view the 'RULES' page for further details. multiverse & multiship. <br>
<br>
     <b>BLOG MAY CONTAIN:</b> canon divergence · drug, sex, violence, and gore related content · death & death mentions.<br>
     <br>
     All content will be tagged where needed.
     <br>
     <hr>
<br>
Written by Dallas<br>
<b>(EST. DEC. · 31 · 2017)</b>
</script></center>

 </div></div></div></div></div></div>


<div id="navi">

<div id="navi2"><a href="/"> HOME </a></div><br>
<div id="navi2"><a href="/ask"> ASK </a></div><br>
<div id="navi2"><a href="/rules"> RULES </a></div><br>
<div id="navi2"><a href="/about"> ABOUT </a></div><br>
<div id="navi2"><a href="/mnav"> NAVIGATION </a></div><br>

</div></div>
</div></div>

<div id="description">

<div id="pagination">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}"> ←</a>
{/block:PreviousPage}
&nbsp;&nbsp;&nbsp;
{block:NextPage}
<a href="{NextPage}"> → </a><br />
{/block:NextPage}{/block:Pagination}</div></div>
</div></div></div>

<div id="entries">{block:Posts}

<div id="post">

{block:Text}
<h1>
{block:Title}
{Title}
{/block:Title}
</h1>
{Body}
{/block:Text}

{block:Photo}
{LinkOpenTag}
<img src="{PhotoURL-400}">
{LinkCloseTag}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Photo}

{block:Photoset}
{Photoset-400}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Photoset}

{block:Quote}
<big><big>"{Quote}"</big></big>{block:Source}<br><br>
<div style="text-align: right;">— {Source}</div>
{/block:Source}
{/block:Quote}

{block:Link}
<h1><a href="{URL}" {Target}>{Name}</a></h1>
{block:Description}{Description}{/block:Description}
{/block:Link}{hw}

{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}

{block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}

{block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}

{block:Answer}
<div id="ask_bg">
<div id="ask">
<img src="{AskerPortraitURL-24}"></div> <em>{Asker}:</em><br> "{Question}"<br><br></div>{Answer}{/block:Answer}

<div class="info">
{block:Date}
<a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear} / </a>
<a href="{Permalink}">{NoteCount}N / </a>
{block:RebloggedFrom}
<a href="{ReblogParentURL}" title="{ReblogParenttitle}">via /</a>
{block:ContentSource}
<a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}"> src / </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>

{block:HasTags}
<div class="tags">
{block:Tags}
<a href="{TagURL}">#{Tag}</a>
{/block:Tags}
</div>
{/block:HasTags}
</div>
</div>
{/block:Date}

{block:PostNotes}
{PostNotes}
{/block:PostNotes}

{/block:Posts}

</div></div></div></div>


</body>
</html>