Prom Theme Revision

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

<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Oswald" 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-thumb {
    height: 12px;
    border: 1px solid #f7f6ec;
    background: url('');
    background-color: #f7f6ec;
}

::-webkit-scrollbar {
    width: 2px;
    height: 7px;
    border-left: 5px solid #cecfc6;
    border-right: 5px solid #cecfc6;
    border-top: 2px solid #cecfc6;
    border-bottom: 2px solid #cecfc6;
    background: #cecfc6;
}

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


body {
    background: url('https://static.tumblr.com/zma9h5a/M4Ep9npsz/promptotheme_copy.png') #cecfc6;
    background-position: top-right;
    background-repeat: no-repeat;
    background-attachment: absolute;
    margin:0px;
    color: #52514d;
    letter-spacing: 0.3px;
    font-family: 'Roboto', sans-serif;
    font-size:12px;
    line-height:100%;
    height: 900px;
    overflow-x: hidden;
    overflow-y: hidden;
}


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

b,strong {
    color: #5d5957;
    text-shadow:1px 0px #fff;
    text-transform:none;
    font-family: 'Abel', sans-serif;
    letter-spacing: 1px;
    font-size:12px;}


i,em {
    color:#5d5957;
    font-family: 'Roboto', sans-serif;
    text-transform: none;
    font-size:12px;}


h1 {
    font-weight:normal;
    font-size:15px;
    font-family: 'Oswald', sans-serif;
    text-align:center;
    text-transform:uppercase;
    font-style:bold;
    line-height:100%;
    letter-spacing:1px;
    color:#000;


}

a {
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;
    color:#646464;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

a:hover {
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;
    color:#646464;
}

.quote {
    font-size:11px;
    font-family: 'Roboto', sans-serif;
    font-style:normal;
    line-height:17px;
    margin-bottom:15px;
    text-transform:normal;
    text-align:left;
    font-weight:normal;
    font-style:none;
    color:#fff;
    text-shadow:1px 1px #000;
}

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

blockquote {
    padding-left: 10px;
    border-left: 2px solid;
    border-color: #646464;
    border-radius: 10px;
    width: 380px;
    margin: 9px;
}

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

#post a{
    color: #5d5957;
    text-shadow:1px 1px #fff;
    letter-spacing:1px;
    text-transform:uppercase;
    font-family: 'Oswald', sans-serif;
    font-size: 9px;
}

#post:hover .tags{
    opacity:1;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#tags {
    width: 390px;
    margin-top:5px;
    font-size:8px;
    letter-spacing:2px;
    text-align: left;
    padding-right:5px;
    padding-left:5px;
    word-wrap: break-word;
}

#tags a {
    margin-right:8px;
    color: #b53532;
}

#tags a:hover {
    color:#b53532;
    -moz-transition-duration:1s;
    -webkit-transition-duration:1s;
    -o-transition-duration:1s;
}

.tags {
    font-family: 'Roboto', sans-serif;
    font-size: 8px;
    width: 500px;
    text-transform: normal;
    line-height:120%;
    letter-spacing: 1px;
    text-align: center;
    padding-top:5px;
    padding-bottom:15px;
    -moz-transition-duration:0.2s;
    -webkit-transition-duration:0.2s;
    -o-transition-duration:0.2s;
}

.tags a{
    margin-right:8px;
    color: #b53532;
    -moz-transition-duration:0.2s;
    -webkit-transition-duration:0.2s;
    -o-transition-duration:0.2s;
}

.tags a:hover{
    color:#b53532;
    -moz-transition-duration:0.2s;
    -webkit-transition-duration:0.2s;
    -o-transition-duration:0.2s;
}

.note {
    text-transform:none;
    letter-spacing:0px;
    font-size:9px;
    text-align:left;
    line-height:100%;
    margin-left:5px;
}

.note li {
    list-style-type:decimal;
    padding:0px 5px 10px 25px;
    text-align:left;
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
}

/*----- 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:281px;
    margin-left: 1010px;
    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: #666b75;
    letter-spacing:1px;
    text-shadow:1px 1px #fff;
}

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

#textbox {
    background-color: #;
    position:absolute;
    width:420px;
    font-family: 'Roboto', sans-serif;
    text-transform: NONE;
    margin-top:590px;
    margin-left:525px;
    text-align:none;
    font-size:9px;
    color: #615f59;
    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: 18px;
    margin-left: -5px;
    padding-left:500px;
    letter-spacing:1px;
    text-align:center;
}

#pagination a {
    color:#000;
    text-shadow:1px 1px #fff;
}

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

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


#entries {
    background: ;
    opacity: 100;
    padding: 10px;
    width: 405px;
    margin-left:553px;
    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;
}

#headers2{
    width:385px;
    height:28px;
    color: #fff;
    padding:10px;
    font-size:8px;
    font-weight:bold;
    letter-spacing:3px;
    line-height:100%;
    text-transform:uppercase;
    background: url('https://static.tumblr.com/zma9h5a/msRp9gi41/head.png');
    background-color: #fff;
    border:0px solid #fff;
    text-align:center;
}


#info {
    background: url("");
    background-color: #cecfc6;
    border:0px solid #fff;
    font-family: 'Oswald', sans-serif;
    width:390px;
    margin-top:5px;
    margin-left:3px;
    margin-bottom: 55px;
    padding-bottom:140px;
    font-size:9px;
    background:#;
    padding:4px;
    color: #5b2317;
    text-transform:uppercase;
    font-style:bold;
    text-align:left;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#info a {
    color:#644d3a;
    font-style:normal;
    font-size:9px;
    font-family: 'Oswald', sans-serif;
}

#info a:hover {
    color:#4b3832;
}

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

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

#textbox {
    height: 171px;
    width: 130px;
    border: 0px solid #fff;
    padding: 7px;
    font: 11px/11px 'Roboto', sans-serif;
    background-color: #;
    overflow: auto;
}

#navi2 {
    padding: 2px;
    background-color: #d5d7cd;
    border:1px solid #cdc7b9;
    line-height: 1;
}

</style>
</head>
<body>

<div id="sidebar">

<div id="textbox">
<center>

<h1>CROWNSGUARD</h1>
An indie, unaffiliated PROMPTO ARGENTUM of Square’s Final Fantasy XV. Highly selective. Slow and slightly limited interaction — please view the <b>RULES page</b> for further details. Multiverse & multiship.<br>
<br>
This <b>BLOG WILL CONTAIN:</b> canon divergence · drug, sex, violence, and gore related content · death & death mentions · all content will be tagged where needed.
<hr>
Written by Ripley
(EST. FEB. · 18 · 2018)


</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}" style="margin-left:7px;margin-right:13px;border:1px solid #fff;padding:2px;border-radius: 50%;"></div> <em>{Asker}:</em><br> "{Question}"<br><br></div>{Answer}{/block:Answer}

<div id="info">
{block:Date} <a href="{Permalink}">{TimeAgo}</a>
{/block:Date} {block:NoteCount}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<small>notes</small>:</font> <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount}<div style="float:right;">

<div id="tags">
{block:HasTags}{block:Tags} <a href="/tagged/{Tag}" title="{Tag}">#{Tag}</a> {/block:Tags}{block:HasTags}

</div>
</div>

{block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}"></a> {/block:RebloggedFrom}{block:ContentSource} &nbsp; / &nbsp; <a title="{SourceTitle}" href="{SourceURL}"></a>{/block:ContentSource} {/block:RebloggedFrom} &nbsp; <a href="{ReblogURL}"target="_blank" title="reblog this post"><big>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ☽☾ </font></big> </a> </div>

</div>

<div class="postnote">
{block:PostNotes}{PostNotes}{/block:PostNotes}

{/block:Posts}

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


</body>
</html>