Galactic Railroad theme

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

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>{title}</title>
<link rel="shortcut icon" href="{favicon}">

{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<!-- theme by manuscriptures@tumblr -->
<!-- do not redistribute, do not remove credit -->

<meta name="color:Background" content="#000"/>
<meta name="color:Text" content="#AFB2D8"/>
<meta name="color:scrollbar" content="#AFB2D8"/>
<meta name="color:scrollbar background" content="#000"/>
<meta name="text:scrollbar width" content="9">
<meta name="color:bold" content="#fff"/>
<meta name="color:italic" content="#fff"/>
<meta name="color:strikethrough" content="#AFB2D8"/>
<meta name="color:link" content="#FCD155"/>
<meta name="color:link hover" content="#FFFFFF"/>

<meta name="image:Background" content="http://i.imgur.com/3aFB7Fa.gif"/>
<meta name="image:header" content="http://i.imgur.com/x5Y4lOQ.png"/>

<meta name="text:your url" content="">


<meta name="if:tooltips" content="1"/>
<meta name="if:littlecursor" content="1"/>
<meta name="if:moonphase" content="1"/>

<meta name="if:link1" content="1"/>
<meta name="text:link 1 URL" content="">
<meta name="text:link 1 title" content="Link 1">

<meta name="if:link2" content="1"/>
<meta name="text:link 2 URL" content="">
<meta name="text:link 2 title" content="Link 2">

<meta name="if:link3" content="1"/>
<meta name="text:link 3 URL" content="">
<meta name="text:link 3 title" content="Link 3">

<meta name="if:link4" content="1"/>
<meta name="text:link 4 URL" content="">
<meta name="text:link 4 title" content="Link 4">

<meta name="if:link5" content="1"/>
<meta name="text:link 5 URL" content="">
<meta name="text:link 5 title" content="Link 5">

<meta name="if:link6" content="1"/>
<meta name="text:link 6 URL" content="">
<meta name="text:link 6 title" content="Link 6">

<!-- font awesome -->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

<!-- bootstrap scripts -->

<!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

    <!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">

    <!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>


<!-- bootstrap scripts-->


{block:iftooltips}

<!-- tooltips -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://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:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);
</script>

<!--basic tooltip from tutorial-baby! Enjoy-->

<style>
.tooltip{
    display: inline;
    position: relative;
}

#s-m-t-tooltip {
    max-width:300px; /*how big the tooltip can be at most*/
    border-radius: 0px; /*change your border radius*/
    padding:3px 4px 5px 4px; /*padding inside tooltip*/
    margin:20px 7px -2px 20px; /*distance from word*/
    background-color:{color:background}; /*background color*/
    border:1px solid {color:text}; /*border info*/
    font-family:calibri; /*tooltip font*/
    font-size:10px; /*tooltip font size*/
    text-transform:none; /*makes the tooltip title uppercase*/
    color:{color:text}; /*tooltip font color*/
    z-index:999999999999999999999999999999999999;
}

</style>
<!-- tooltips end -->
{/block:iftooltips}


<!-- popup navi script start -->
<script>
$(document).ready(function() {
        //

//When you click on a link with class of poplight and the href starts with a #
$('a.poplight[href^=#]').click(function() {
    var popID = $(this).attr('rel'); //Get Popup Name
    var popURL = $(this).attr('href'); //Get Popup href to define size

    //Pull Query & Variables from href URL
   var query= popURL.split('?');
    var dim= query[1].split('&');
    var popWidth = dim[0].split('=')[1]; //Gets the first query string value

    //Fade in the Popup and add close button
    $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://i.imgur.com/MKHsFbq.png" class="btn_close" title="Close Window" alt="Close" style="width:10%;"/></a>')

    //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css
    var popMargTop = ($('#' + popID).height() + 80) / 2;
    var popMargLeft = ($('#' + popID).width() + 80) / 2;


    //Apply Margin to Popup
    $('#' + popID).css({
        'margin-top' : -popMargTop,
        'margin-left' : -popMargLeft
    });

    //Fade in Background
    $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
    $('#fade').css({'filter' : 'alpha(opacity=150)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
    return false;
});

//Close Popups and Fade Layer
$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
    $('#fade , .popup_block').fadeOut(function() {
        $('#fade, a.close').remove();  //fade them both out
    });
    return false;
});
});
</script>

<!-- popup navi script end -->


<!-- sliding links start -->

<script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".links_body").hide();
$(".links_head").click(function(){
$(this).next(".links_body").slideToggle('fast');
}); }); </script>

<style type="text/css">

.links_list { margin:0px; padding:0px; width:180px; }
.links_head { color:{color:link} }
.links_body { margin-left:35px; text-align:left; color: #fff; display:none; }

</style>

<!-- sliding links end -->


<style type="text/css">

@import url(http://fonts.googleapis.com/css?family=Oxygen);


/* defualt */

@font-face {font-family:'Alert';src:url('http://static.tumblr.com/mdtvpdz/T2Rmwum9e/alert.ttf');}


::-webkit-scrollbar-thumb:vertical{
background-color: {color:scrollbar};
border: 2px solid {color:scrollbar background};
height:auto;
}

}
::-webkit-scrollbar-thumb:horizontal {
    background-color: {color:scrollbar};
    border: 2px solid {color:scrollbar background};
    height:auto;
    display:none;
}

::-webkit-scrollbar {
    height:auto;
    width:11px;
    background-color: {color:scrollbar};
    border:5px solid {color:scrollbar background};
}


body {
    background:{color:background} url('{image:Background}');
    margin:0px;
    color:{color:text};
    font-family:'Oxygen', sans-serif;
    font-size:10px;
    line-height:100%;
    {block:iflittlecursor}
    cursor: url(http://i.imgur.com/ZOrzC.png), auto;
    {/block:iflittlecursor}
    max-width: 100%;
    overflow-x: hidden;
    word-wrap: break-word;

}

a {
    color:{color:link};
    text-decoration:none;
    -webkit-transition:all 0.6s ease-in-out;
    -moz-transition:all 0.6s ease-in-out;
    -o-transition:all 0.6s ease-in-out;
    transition:all 0.6s ease-in-out;

}
a:hover {
    color:{color:link hover};
    {block:iflittlecursor}
    cursor:url(http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png), auto;
    {/block:iflittlecursor}
    text-decoration:none;
}

b, strong {font-weight:heavy; color:{color:bold};}
i, em {font-weight:light; color:{color:italic};}
li { margin-left:-17px;margin-right:0px;}
h1 { font-size:15px; line-height:20px;}
h2 { font-size:15px; line-height:20px; }
h3 { font-size:15px; line-height:20px; }
strike {color: {color:strikethrough};}
small { font-size:10px }
code { font-family:consolas; font-size:10px; margin-top:5px; margin-left:20px; margin-right:20px; word-wrap:break-word; display:block; border-right:1px solid {color:text}; border-left:1px solid {color:text}; padding:3px;}
pre { font-family:consolas; font-size:10px; color:#333333; background-color:#C4C4C4; border: 3px #C4C4C4 solid; 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+ */}


.greentext {
    color:#789922 !important;
}

.house {
    color:#4F94CD !important;
}

.askmore {
    display:none;
}


img {
    border:none;
    max-width:100%;
}

figure {
    padding-bottom:10px;
}

blockquote {
    padding-top:3px;
    padding-bottom:3px;
    padding-left:5px;
    border-left:2px solid;
    font-size:inherit;
}

blockquote blockquote {
    padding-left:5px;
    border-left:2px solid;
    font-size:inherit;
}


/* end defaults */

#header {
    background:{color:background} url('{image:header}');
    position:fixed;
    margin-top:10px;
    margin-left:210px;
    width:800px;
    height:200px;
    border:1px solid {color:scrollbar};
}

#header #navi {
    position:fixed;
    display:block;
    margin-left:825px;
    margin-top:10px;
    font-size:13px;
    line-height:20px;
}

#header #navi ul {
    list-style-type: none;
    padding:0;
    margin:0;
}

#header #search {
    position:fixed;
    margin-top:155px;
    margin-left:-10px;
    padding:2px;
    display:inline;
}

input[type=search] {
    position:fixed;
    margin-top:-30px;
    margin-left:42px;
    width:150px;
    border: 3px solid {color:scrollbar};
    background:transparent;
    border-radius:10px;
    -webkit-appearance: none;
}

#title {
    position:fixed;
    margin-top:220px;
    margin-left:200px;
    width:280px;
    height:100px;
}

#title #titletext {
    text-align:center;
    vertical-align:middle;
    font-size:18px;
    padding-top:40px;
}

#desc {
    position:fixed;
    margin-top:310px;
    margin-left:200px;
    width:280px;
    height:153px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:30px;
    padding-right:3px;
    overflow-y:scroll;
}

#desc blockquote {
    margin-left:40px;
    padding-left:5px;
    border-left:2px solid;
    font-size:inherit;
}

#moon {
    position:fixed;
    margin-top:483px;
    margin-left:200px;
    width:280px;
    height:137px;
    padding:3px;

}

#container {
    padding:10px;
    width:510px;
    height:400px;
    overflow:scroll;
    margin-left:500px;
    margin-top:220px;
    padding:2px 5px 5px 5px;
    z-index:1;
    max-width: 100%;
    overflow-x: hidden;
    position:fixed;
}

#post {
    width:500px;
    padding-top:10px;
    padding-bottom:25px;
    border-bottom:1px dotted #BABABA;
}


#info {
    text-align:center;
    margin-top:10px;
}

#asker {
    float:left;
    margin-right:5px;
}

#reply {
    border-right:1px solid {color:text};
    border-left:1px solid {color:text};
    padding:5px;
}

#link {
    margin: 12px 8px 4px 8px;
    font-size: {text:Body Font Size}px;
    line-height: 16px;
}

#link a{
    color: {color:Text};
    padding: 4px 6px;
    border: 1px solid {color:Text};
    overflow: hidden;
}

#link a:hover{
    color: {color:background};
    background-color: {color:Text};
    text-decoration: none;
}


/* popup navi css start */

#fade {
        display: none;
        background: #000;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: .80;
        z-index: 9999;
}

.popup_block{
        display: none;
        background: #FFFFFF;
        padding: 20px;
        float: center;
        position: fixed;
        top: 55%;
        left: 50%;
        z-index: 99999;
}

img.btn_close {
        float: right;
        margin: -45px -45px 0 0;
}

*html #fade {
        position: absolute;
}

*html .popup_block {
        position: absolute;
}

/* popup navi css end */

#contact {
    height:550px;
}

#links_list #links_body ul {
    list-style-type: none;
    padding:0;
    margin:0;
}

#pagination {
    padding-top:3px;
    font-size:15px;
    text-align:center;

}

#caption {
    margin-top:10px;
}

#searchresults {
    color: {color:Text};
    text-align:center;
    padding-top:10px;
    margin: 0 0 15px 0;
    font-size:inherit;
}

#searchresults .search_query {
font-weight: bold;
}

#searchresults .search_query:before {
content:'“';
}

#searchresults .search_query:after {
content:'”';
}

</style>
</head>

<body>

<div id="header">

    <div id="search">
    <form action="/search" method="get">
    <span class="glyphicon glyphicon-search btn-lg"></span>&nbsp;
  <input type="search" name="q" value="{SearchQuery}">
    </form>
    </div>

    <nav id="navi">
    <ul>

    <li>
    <a href="/"><span class="glyphicon glyphicon-star"></span> index</a>
    </li>

    <li>
    <a href="#?w=500" rel="contact" class="poplight"><span class="glyphicon glyphicon-star"></span> contact</a>
    </li>

    <li>
    <div class="links_list">
    <p class="links_head"><span class="glyphicon glyphicon-star"></span> navi</p>
    <div class="links_body">

    <ul>

{block:iflink1}
    <li>
    <a href="{text:link 1 URL}"><span class="glyphicon glyphicon-star"></span> {text:link 1 title}</a>
    </li>
{/block:iflink1}

{block:iflink2}
    <li>
    <a href="{text:link 2 URL}"><span class="glyphicon glyphicon-star"></span> {text:link 2 title}</a>
    </li>
{/block:iflink2}

{block:iflink3}
    <li>
    <a href="{text:link 3 URL}"><span class="glyphicon glyphicon-star"></span> {text:link 3 title}</a>
    </li>
{/block:iflink3}

{block:iflink4}
    <li>
    <a href="{text:link 4 URL}"><span class="glyphicon glyphicon-star"></span> {text:link 4 title}</a>
    </li>
{/block:iflink4}

{block:iflink5}
    <li>
    <a href="{text:link 5 URL}"><span class="glyphicon glyphicon-star"></span> {text:link 5 title}</a>
    </li>
{/block:iflink5}

{block:iflink6}
    <li>
    <a href="{text:link 6 URL}"><span class="glyphicon glyphicon-star"></span> {text:link 6 title}</a>
    </li>
{/block:iflink6}

    </ul>

    </div>
    </div>

    </li>

    </ul>
    </nav>
</div>

<div id="contact" class="popup_block">

<iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{text:your url}.tumblr.com" width="100%"></iframe>
<br><br>
<iframe frameborder="0" height="290" id="submit_form" scrolling="no" src="http://www.tumblr.com/submit_form/{text:your url}.tumblr.com" width="100%"></iframe>
<br><br>
<!--[if IE]>
<script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]-->
</div>

<div id="title">
    <div id="titletext">
    <a href="/">
    {title}
    </a>
    </div>
</div>

<div id="desc">
{description}
</div>

{block:ifmoonphase}
<div id="moon">

<center>
<!-- // Begin Current Moon Phase HTML (c) MoonConnection.com // -->
<div style="width:223px"><div style="padding:2px;background-color:#000000;border: 1px solid #000000"><div style="padding:16px;padding-bottom:6px;padding-top:6px;border: 1px solid #AFB2D8" align="center"><div style="padding-bottom:7px;color:#FFFFFF;font-family:arial,helvetica,sans-serif;font-size:11px;letter-spacing:.3em;">CURRENT MOON</div><script language="JavaScript" type="text/javascript">var ccm_cfg = { pth:"http://www.moonmodule.com/cs/", fn:"ccm_h1.swf", lg:"en", hs:1, tf:"12hr", scs:1, df:"std", dfd:0, tc:"FFFFFF", bgc:"000000", mc:"000000", fw:184, fh:79, js:0, msp:0, u:"mc" }</script><script language="JavaScript" type="text/javascript" src="http://www.moonmodule.com/cs/ccm_fl.js"></script><div style="padding-top:5px" align="center"><a href="http://www.moonconnection.com/moon_cycle.phtml" target="mc_moon_ph" style="font-size:10px;font-family:arial,verdana,sans-serif;color:#7F7F7F;text-decoration:underline;background:#000000;border:none;"><span style="color:#7F7F7F">moon cycle</span></a></div></div></div></div><!-- // end moon phase HTML // -->
</center>

</div>
{/block:ifmoonphase}


<div id="container">{block:Posts}<div id="post">

{block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>
<div id="caption">
{Body}
</div>
{/block:Text}

{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
{block:Caption}
<div id="caption">
{Caption}
</div>
{/block:Caption}
{/block:Photo}

{block:Photoset}{Photoset-500}{block:Caption}
<div id="caption">
{Caption}
</div>
{/block:Caption}
{/block:Photoset}

{block:Quote}{Quote}
<br><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{block:Source}—{Source}
{/block:Source}{/block:Quote}

{block:Link}
<div id="link">
<a href="{URL}" {Target}>{Name} →</a>
</div>
{block:Description}{Description}{/block:Description}{/block:Link}

<!-- why would you even remove this, seriously.-->

{block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}

{block:Audio}

{block:AlbumArt}
<div class="album_art">
<img style="width:150px; height:auto;" src="{AlbumArtURL}" />
</div>
{/block:AlbumArt}

<div style="width:26px; overflow:hidden;">{AudioPlayerWhite}</div> <div style="margin:-22px 0px 0px 30px;">{block:TrackName}{TrackName}{/block:TrackName}<br><br>{block:PlayCount} {PlayCountWithLabel}{/block:PlayCount}</div> {block:Caption} <div id="caption"> {Caption}</div> {/block:Caption}{/block:Audio}

{block:Video}{Video-500}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Video}


{block:Answer}
<div id="asker"><img src="{AskerPortraitURL-40}"></div>{Asker}:<br><br>{Question}
<br>

{block:Answerer}
<br><br><br>
<div id="reply">
<div id="asker"><img src="{AnswererPortraitURL-40}"></div>{Answerer}:
<br><br>{Answer}</div>
{/block:Answerer}
<br><br>
<div id="caption">
{Replies}
</div>
{/block:Answer}


<div id="info">
<span class="fa fa-heart"></span> {NoteCount} | {block:Date}<a href="{permalink}">{DayOfMonthWithZero}{MonthNumberWithZero}{Year} {12HourWithZero}:{Minutes}{AmPm}</a> {/block:Date}
{block:RebloggedFrom}<br><span class="fa fa-retweet"></span>  <a href="{ReblogParentURL}"
>{ReblogParentName}</a> | <span class="fa fa-star"></span> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} {block:ContentSource}| <span class="fa fa-bookmark"></span> <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}
<br>
{block:HasTags}{block:Tags} [<a href="{TagURL}">{Tag}</a>] {/block:Tags}{/block:HasTags}</div>
</div>

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


{/block:Posts}


{block:SearchPage}
{block:SearchResults}
<div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
{/block:SearchResults}

{block:NoSearchResults}
<div id="searchresults">{lang:No search results for SearchQuery 2}</div>
{/block:NoSearchResults}
{/block:SearchPage}


<div id="pagination">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} |

{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
{/block:Pagination} </div>


</div>

</div>



<div style="z-index:99999; position:fixed; bottom:2px; left:2px; padding:2px 2px 2px 3px; text-align:center;"><span style="font-size:12px; line-height:15px; color:#000000; font-family:Alert; letter-spacing:1px; padding:0px 0px 5px 0px;">
<a href="http://manuscriptures.tumblr.com/">(c)</a>
</span>

</div>

</body>

</html>