satellite

<!DOCTYPE html>
<head><title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<!-----------theme 11. satellite by mrsthemes@tumblr
edit if you want but don't steal or remove credit------------>

<!--------default variables-------->
<meta name="color:background" content="#ffffff"/>
<meta name="color:text" content="#181818"/>
<meta name="color:links" content="#404040"/>
<meta name="color:links hover" content="#c9c9c9"/>
<meta name="color:links bg" content="#fafafa"/>
<meta name="color:scrollbar" content="#fafafa"/>
<meta name="color:scrollbar bg" content="#ffffff">
<meta name="color:borders" content="#eeeeee"/>

<meta name="image:sidebar image" content=""/>
<meta name="image:background image" content=""/>

<meta name="text:link 1 title" content="one">
<meta name="text:link 1 url" content="">
<meta name="text:link 2 title" content="two">
<meta name="text:link 2 url" content="">
<meta name="text:link 3 title" content="three">
<meta name="text:link 3 url" content="">
<meta name="text:link 4 title" content="four">
<meta name="text:link 4 url" content="">

<meta name="if:show link 1" content="1" />
<meta name="if:show link 2" content="1" />
<meta name="if:show link 3" content="1" />
<meta name="if:show link 4" content="1" />

<meta name="if:sidebar image" content="1" />
<meta name="if:endless scrolling" content="0" />
<meta name="if:lazy load" content="0" />
<meta name="if:400px" content="0" />
<meta name="if:hover info" content="0" />
<meta name="if:hover tags" content="0" />
<meta name="if:hover pagination" content="0" />

<!-------------------------------------------------------------------->

{block:IfLazyLoad}
<script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
<script type="text/javascript" charset="utf-8">
var $j = jQuery.noConflict();
$j(function() {
if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
$j("img").lazyload({
placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
effect: "fadeIn",
});
});
</script>
{/block:IfLazyLoad}

<!-------------------------------------------------------------------->

<link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:200,
tip_fade_speed:300
});
});
})(jQuery);
</script>

<!-------------------------------------------------------------------->

{block:IfEndlessScrolling}
<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
{/block:IfEndlessScrolling}

<!-------------------------------------------------------------------->


<style type="text/css">

iframe#tumblr_controls {
top:5px;
right:10px!important;
position:fixed !important;
-webkit-filter: invert(1);
opacity:.6;
filter:alpha(opacity=60);
-moz-opacity:.6;
}


/*----------tooltips---------*/

#s-m-t-tooltip {
max-width:300px;
margin:15px;
padding:2px 5px;
border:1px solid {color:borders};
border-radius:0px;
background:#fff;
color:{color:text};
z-index:999999;
font-size:8px;
font-style:none;
letter-spacing:1px;
font-family:courier new;;
text-transform:lowercase;
box-shadow: 0px 0px 0px #eeeeee;
}

/*----------scrollbar---------*/

::-webkit-scrollbar {
background-color: {color:scrollbar bg};
height:8px;
width:3px
}

::-webkit-scrollbar-thumb:vertical {
background-color:{color:scrollbar};
height:50px
}

::-webkit-scrollbar-thumb:horizontal {
background-color:{color:scrollbar bg};
height:8px!important
}

/*----------basics---------*/

body {
background:{color:background} url({image:background image}) repeat right top fixed;
color:{color:text};
font-family:courier new;
line-height:15px;
font-size:9px;
margin:0;
text-transform:lowercase;
text-align:left;
}

blockquote {
padding:0px 10px 0px 15px;
border-left:1px solid;
border-color:{color:borders};
margin:5px;
}

a {
color:{color:links};
text-decoration:none;
}

a:hover {
text-decoration:none;
color: {color:links hover};
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

img {
opacity:1;
text-decoration:none;
}

h1 {
font-size:11px;
letter-spacing:1px;
color:#5b5b5b;
text-transform:uppercase;
padding:3px;
}

/*----------posts---------*/

.container {
margin-top:70px;
margin-bottom:70px;
left:50%;
width:800px;
position:absolute;
background:transparent;
}

.posts {
{block:IndexPage}
margin-bottom:80px;
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom:40px;
{/block:PermalinkPage}
margin-left:-420px;
{block:IfNot400px}
width:500px;
{/block:IfNot400px}
{block:If400px}
width:400px;
{/block:If400px}
padding:20px;
-moz-transition-duration:.6s;
-webkit-transition-duration:.6s;
-o-transition-duration:.6s;
}


.entries {
{block:IfNot400px}
width:500px;
{/block:IfNot400px}
{block:If400px}
width:400px;
{/block:If400px}
}

.posts img, .posts li, .posts blockquote {
max-width: 100%;
}

.posts li {
list-style: square;
}

blockquote img {
max-width:320px!important;
}

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

.textcaption {
padding:0px;
text-align:left;
}

.acaption {
margin-top:30px;
}

/*----------post info---------*/

.info {
text-align:right;
text-transform:uppercase;
font-size:9px;
margin-top:20px;
font-weight:bold;
letter-spacing:0px;
line-height:10px;
{block:IfHoverInfo}
opacity: 0.0;
{/block:IfHoverInfo}
{block:Permalink}
opacity:1;
{/block:Permalink}
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
}

.posts:hover .info {
opacity:1.0;
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
}

.tags {
text-align:right;
margin-top:8px;
font-size:9px;
text-transform:lowercase;
{block:IfHoverTags}
opacity: 0.0;
{/block:IfHoverTags}
{block:Permalink}
opacity:1;
{/block:Permalink}
word-spacing:5px;
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
margin-left:-10px;
}

.tags a {
margin-left:10px;
background-color:#fafafa;
}

.posts:hover .tags {
opacity:1.0;
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
}

ol.notes {
padding:0px;
margin-left:-400px;
list-style:none;
border-bottom:solid 0px #f5f5f5;
{block:IfNot400px}
width:500px;
{/block:IfNot400px}
{block:If400px}
width:400px;
{/block:If400px}
}

ol.notes li.note {
border-top:solid 0px #f5f5f5;
padding:10px;
list-style:none;
}

ol.notes li.note img.avatar {
vertical-align:-5px;
margin-right:10px;
width:16px;
height:16px;
border-radius:50%;
}

ol.notes li.note span.action {
font-weight:none;
text-transform:lowercase;
letter-spacing:0px;
font-size:9px;
}

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

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

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

.pagenotes {
text-align:left;
}


/*----------sidebar---------*/

.links {
font-size:8px;
text-transform:uppercase;
text-decoration:none;
letter-spacing:2px;
display:inline-block;
width:100%;
text-align:center;
background:{color:links bg};
top:0;
padding:8px;
border-bottom:1px dotted {color:borders};
word-spacing:50px;
position:fixed;
z-index:2;
}

.links a {
left:50%;
}

.sidebar {
position:fixed;
{block:IfSidebarImage}
margin-top:200px;
{/block:IfSidebarImage}
{block:IfNotSidebarImage}
margin-top:300px;
{/block:IfNotSidebarImage}
width:150px;
margin-left:220px;
}

.sidebarimage {
width:150px;
margin-left:10px;
}

.sidebarimage img {
width:150px;
margin-bottom:15px;
}

.stitle {
width:170px;
font-size:15px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:1px;
line-height:20px;
text-align:center;
}

.description {
border-bottom:1px solid {color:borders};
margin-top:-5px;
padding:10px;
text-align:center;
width:150px;
}

.pagination {
margin-top:20px;
text-align:right;
width:150px;
word-spacing:70px;
{block:IfHoverPagination}
opacity: 0.0;
{/block:IfHoverPagination}
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
}

.sidebar:hover .pagination {
opacity:1.0;
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
}

/*----------quote---------*/

.quote {
font-size:12px;
padding:10px;
text-align:center;
}

.quotesource {
text-transform:uppercase;
text-align:center;
margin-top:15px;
border-top:1px solid {color:borders};
padding-top:20px;
}


/*----------chat---------*/

.chat {
line-height:160%;
list-style:none;
}

.line.odd {
background:#fafafa;
margin-bottom:2px;
padding:5px;
list-style:none;
font-size:10px;
}

.line.even {
background:#ffffff;
margin-bottom:2px;
padding:5px;
list-style:none;
font-size:10px;
}

.label {
padding-right:1px;
text-transform:uppercase;
font-weight:bold;
color:{color:links};
}


/*----------questions---------*/

.question {
padding:20px 20px 20px 20px;
font-style:none;
text-align:justify;
z-index:1;
background:#fafafa;
text-transform:lowercase;
}

.answer {
margin-left:2px;
padding:10px;
margin-top:-8px;
margin-bottom:-5px;
}


/*----------audio---------*/

.newplayerbutton {
position:relative;
width:40px;
height:50px;
overflow:hidden;
}

.playerbuttonhug {
margin-top:0px;
margin-left:10px;
}

.tumblr_audio_player {
border:none;
padding:0px;
margin:0px;
height:50px;
width:400px;
}

.playerbuttonbg {
position: absolute;
left:13px;
top:3px;
width:48px;
height:48px;
background-color:#e4e4e4;
padding:10px;
opacity:0;
filter: alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity:0.4;
transition:opacity .7s ease-in-out;
-moz-transition:opacity .7s ease-in-out;
-webkit-transition:opacity .7s ease-in-out;
}

.playerbuttonbg:hover {
opacity:1;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
}

.audioimgwrapper {
position: absolute;
left:5px;
top:-5px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 0px;
overflow:hidden;
width:68px;
height:68px;
border:8px solid {color:borders};
}

.audioimgwrapper img {
width:100%;
height:auto;
-webkit-filter: grayscale(50%);
-moz-filter: grayscale(50%);
filter: grayscale(50%);
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:0px;

}

.trackdetails {
{block:If400px}
width:270px;
{/block:If400px}
{block:IfNot400px}
width:370px;
{/block:IfNot400px}
letter-spacing:1px;
font-size:9px;
display:inline-block;
margin-left:100px;
height:55px;
padding:15px 15px 15px 20px;
margin-top:-5px;
line-height:220%;
text-transform:uppercase;
background-color:#fafafa;
border:0px solid {color:borders};
}

.audiowrapper {
position:relative;
display:inline-block;
}


/*----------credit---------*/

.credit {
font-size:9px;
position:fixed;
font-weight:bold;
bottom:15px;
right:20px;
z-index:10;
text-align:right;
letter-spacing:1px;
padding:2px;
border-top:0px solid {color:borders};
text-transform:uppercase;
}

.credit a {
color:{color:links};
text-decoration:none;
}

.credit a:hover {
color:{color:links hover};
text-decoration:none;
}


</style>
</head>

<body>
<div class="links">
<a href="/">index</a>
<a href="/ask">message</a>
{block:IfShowLink1}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:IfShowLink1}
{block:IfShowLink2}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:IfShowLink2}
{block:IfShowLink3}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:IfShowLink3}
{block:IfShowLink4}<a href="{text:link 4 url}">{text:link 4 title}</a>{/block:IfShowLink3}
</a></div>

<div class="container">

<div class="credit">
<a title="theme" href="http://mrsthemes.tumblr.com/" target="_blank">MRS</a></div>

<div class="sidebar">

{block:IfSidebarImage}<div class="sidebarimage"><a href="/"><img src="{image:sidebar image}"></a></div>{/block:IfSidebarImage}

<div class="stitle">{Title}</div>

<div class="description">{Description}</div>

<div class="pagination">
{block:IfNotEndlessScrolling}
{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
{/block:IfNotEndlessScrolling}
</div>

</div>

{block:IfEndlessScrolling}
<div class="autopagerize_page_element">
{/block:IfEndlessScrolling}

<div class="entries">
{block:Posts}
<div class="posts">


{block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div class="textcaption">{Body}</div>{/block:Text}


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


{block:Photoset}{block:IfNot400px}{Photoset-500}{/block:IfNot400px}{block:If400px}{Photoset-400}{/block:If400px}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}

{block:Quote}<div class="quote">&ldquo;{Quote}&rdquo;</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}

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

{block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>{/block:Chat}

{block:Audio}{block:AudioPlayer}
<div class="audiowrapper">
{block:AlbumArt}
<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
{/block:AlbumArt}
 <div class="playerbuttonbg">
<div class="newplayerbutton">
<div class="playerbuttonhug">
{AudioPlayerGrey}
</div></div></div>
 <div class="trackdetails">
{block:TrackName}<b>{TrackName}</b>{/block:TrackName}
<br> {block:Artist}{Artist}{/block:Artist}
<br>{PlayCountWithLabel}&nbsp;</div></div>
{/block:AudioPlayer}
{block:Caption}<div class="acaption">{Caption}</div>{/block:Caption}
{/block:Audio}

{block:Video}{block:IfNot400px}{Video-500}{/block:IfNot400px}{block:If400px}{Video-400}{/block:If400px}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}

{block:Answer}<div class="question">
<div class="asker"><span style="text-transform:uppercase; letter-spacing:0.5px;"><b>{Asker} /</span></b> {Question}</div></div><br>
<div class="answer">
{Answer}</div>
{/block:Answer}

<div class="info">
{block:Date}<a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear}</a>{/block:Date}<br>
<a href="{Permalink}">{NoteCountWithLabel}</a><br>
{block:Permalink}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParenttitle}">via –</a> {block:ContentSource}<a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}" style="color:{color:links}"> src</a>{/block:ContentSource}
{/block:RebloggedFrom}{/block:Permalink}

</div>

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

</div>

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

{/block:Posts}


{block:ContentSource}
<!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
 {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}


</body>


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