theme 92

<!----





                +-+-+-+-+-+-+-+-+
                |m|o|o|n|s|t|a|r|
                +-+-+-+-+-+-+-+-+-+
                      |t|h|e|m|e|s|
                      +-+-+-+-+-+-+
                          © 2016


        ❝ theme 092 ❞

        ◜ ◝ ◞ ★ ☾ air ☽ ★ ◟ ◠ ◡

               this theme was made by moonstarthemes (jvstincvlt)
               this theme was published for public use.
               editable for own use only.
               to publish an edited version of this theme, shoot me a message
               do not take parts of the coding & use for your own themes.
               do not claim the theme to be yours.
               do not remove the credit.

        © moonstarthemes / jvstincvlt 2016. All Rights Reserved.


--->
  <!-----start html---->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<!-----custom google fonts---->
<script type="text/javascript">
WebFontConfig = {
google: { families: [ 'Roboto:400,500,700:latin' , 'Roboto::latin' , 'Khand:400,600:latin' , 'Montserrat:400,700:latin' , 'Lato:300,700:latin', 'Raleway:400,700:latin', 'Oxygen:400,700:latin' , 'Hind:400,700:latin' , 'Karla:400,700:latin' , 'Open+Sans:400,700,600:latin' , 'Exo:400,700,600:latin','Roboto+Condensed:400,700:latin', 'Titillium+Web:400,600,700:latin', 'PT+Sans:400,700:latin', 'Droid+Sans::latin', ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})(); </script>
<!-----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>
<!-----back to top button---->
<script>
$(document).ready(function(){
// Der Button wird mit JavaScript erzeugt und vor dem Ende des body eingebunden.
var back_to_top_button = ['<a href="#top" class="back-to-top">scroll back to top</a>'].join("");
$("body").append(back_to_top_button)
// Der Button wird ausgeblendet
$(".back-to-top").hide();
// Funktion für das Scroll-Verhalten
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) { // Wenn 100 Pixel gescrolled wurde
$('.back-to-top').fadeIn();
} else {
('.back-to-top').fadeOut();
}
});
$('.back-to-top').click(function () { // Klick auf den Button
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
});
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript"
src="http://codysherman.com/tools/infinite-scrolling/code" ></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<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}
<!-----all colors---->
<meta name="color:background" content="#f5f5f5"/>
<meta name="color:text" content="#000000"/>
<meta name="color:links" content="#000000"/>
<meta name="color:info" content="#000000"/>
<meta name="color:posts" content="#ffffff">
<meta name="color:scrollbar" content="#000000">
<meta name="color:scrollbar background" content="#ffffff">
<meta name="color:hover" content="#97c5e0">
<meta name="color:accent" content="#97c5e0">
<!-----images---->
<meta name="image:background" content=""/>
<meta name="image:icon" content=""/>
<!-----texts---->
<meta name="text:title" content="Theme 92: air  "/>
<!-----sidebar links---->
<meta name="text:link one" content="link one">
<meta name="text:link two" content="link two">
<meta name="text:link three" content="link three">
<meta name="text:link four" content="link four">
<meta name="text:link five" content="link five">
<meta name="text:link one url" content="/">
<meta name="text:link two url" content="/">
<meta name="text:link three url" content="/">
<meta name="text:link four url" content="/">
<meta name="text:link five url" content="/">
<!-----custom css---->
<style type="text/css">
/*tumblr controls*/
iframe#tumblr_controls {
top: 0px !important;
right:0px !important;
opacity:0.5;
z-index:9999999999999999999999999999999999999999999999999999999999;
position: fixed !important;
}
/*scrollbar*/
::-webkit-scrollbar-thumb{
height:auto;
background-color:{color:scrollbar};
}
::-webkit-scrollbar{
height:2px;
width:5px;
background-color:{color:scrollbar background};
}
/*tooltips*/
#s-m-t-tooltip{
margin:12px 0px 0px 12px;
padding:5px;
background-color:{color:accent};
font-family: 'roboto', sans-serif;
font-weight:400;
font-size:8px;
text-transform:uppercase;
letter-spacing:1px;
color:{color:text};
z-index:999999999999999999999999999999999999;
}
/*body basics*/
body{
background-color:{color:background};
background-image:url('{image:background}');
background-attachment: fixed;
background-repeat: repeat;
font-weight:none;
font-family: 'roboto', sans-serif;
font-size:10px;
text-align:justify;
color:{color:text};
margin:0;
}
a{
text-decoration:none;
color:{color:links};
transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
}
a:hover{
text-decoration:none;
color:{color:accent};
transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
}
img {
}
blockquote {
font-size:10px;
max-width:545px;
border-left:3px solid #eee;
text-align:left;
padding:1px;
font-weight:none;
margin-left:12px;
padding-top:0px;
padding-bottom:0px;
font-size:10px;
font-family: 'arial', sans-serif;
margin-right:30px;
padding-left:15px;
color:{color:text};
}
pre{
font-size:9px;
text-align:center;
text-transform:none;
font-family: 'Bitter', serif;
font-weight:bold;
line-height:9px;
border-left:1px solid #eee;
border-bottom:1px solid #eee;
letter-spacing:2px;
background-color:{color:posts};
color:{color:text};
padding:6px;
}
small{
font-size:8px;
}
big{
font-size:11px;
}
sub{
font-size:7px;
}
h1 {
font-size:11px;
text-align:center;
font-family: 'roboto', sans-serif;
letter-spacing:0px;
text-transform:uppercase;
font-weight:700;
line-height:17px;
border-bottom:1px solid #eee;
color:{color:text};
padding:7px;
}
h1 a{
color:{color:text};
}
h2{
color:{color:text};
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
text-align:left;
}
b {
font-weight:bold;
padding:2px;
font-family: 'Roboto', sans-serif;
color:{color:text};
}
i {
font-weight:italic;
color:{color:text};
}
grouptitle {
color:{color:text};
text-transform:none;
font-size:9px;
font-family: 'Roboto', sans-serif;
}
tit {
color:{color:posts};
font-size:8px;
letter-spacing:1px;
font-weight:300;
}
n {
font-weight:bold;
letter-spacing:-1px;
text-shadow: 1px 1px 1px #cccccc;
font-size:12px;
text-transform:uppercase;
color:{color:text};
}
u {
text-decoration:none;
color:color:;{text};
border-bottom:1px solid {color:text};
}
underline {
text-decoration:none;
color:color:;{text};
border-bottom:1px solid {color:text};
}
/*icon image*/
#icon {
position:fixed;
width:70px;
margin-top:190px;
padding:10px;
height:70px;
margin-left:180px;
background-color:transparent;
z-index:9999999999999999;
}
#iconimage {
width 70px;
z-index:-99999;
}
#iconimage img {
width:50px;
height:50px;
margin-left:46px;
top:69px;
border:1px solid #eee;
position:fixed;
border-radius:5px 5px 5px 5px;
opacity:1;
z-index:9999999;
}
/*sidebar description*/
#description {
overflow:auto;
position:fixed;
text-align:justify;
top:108px;
margin-left:107px;
word-wrap: break-word;
font-family: 'calibri', sans-serif;
border:1px solid #eee;
width:230px;
border-radius:5px 5px 5px 5px;
height:auto;
opacity:1;
line-height:13px;
background:{color:posts};
font-weight:400;
color:{color:text};
padding:18px;
letter-spacing:0px;
font-size:11px;
z-index:9999999999;
}
#description::-webkit-scrollbar{
width: 0px;
}
#description::-webkit-scrollbar-thumb{
background:transparent;
}
#description::-webkit-scrollbar-track{
background-color:transparent;
}
/*back to top button*/
.back-to-top {
position: fixed;
color:{color:text};
bottom:29px;
text-transform:uppercase;
background:{color:background};
left:40px;
font-family: 'calibri', sans-serif;
font-size:10px;
font-weight:700;
padding:10px;
}
/*jump pagination*/
.pagination{
font-family: 'roboto', sans-serif;
margin-left:-180px;
width:auto;
padding-top:-10px;
padding-bottom:20px;
font-size:9px;
text-align:center;
}
.pagination a{
padding:5px;
font-family: 'roboto', sans-serif;
font-weight:600;
bottom:10px;
margin-left:5px;
border:1px solid #eee;
border-bottom:1px solid {color:accent};
border-top:1px solid {color:accent};
color:{color:text};
}
.pagination a:hover{
color:{color:hover};
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition: all 0.3s ease-out;
}
/*post notes*/
ol.notes {
padding: 0px;
margin: 25px 0px;
font-family:'Roboto',sans-serif;
list-style-type: none;
width:390px;
border-bottom: solid 1px #eee;
}
ol.notes li.note {
border-top: solid 1px #eee;
padding: 10px;
}
ol.notes li.note img.avatar {
vertical-align: -2px;
border-radius:100px;
margin-right: 0px;
width: 16px;
height: 16px;
}
ol.notes li.note span.action {
font-weight: 300;
}
ol.notes li.note .answer_content {
font-weight: normal;
}
ol.notes li.note blockquote {
border-color: #eee;
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}
ol.notes li.note blockquote a {
text-decoration: none;
}
/*audio*/
.audioartist {
font-family:'roboto', sans-serif;
font-size:10px;
text-transform:lowercase;
font-weight:600;
}
.audiotitle {
font-family:'roboto', sans-serif;
font-size:10px;
text-transform:lowercase;
font-weight:600;
}
.audioplayed {
font-family:'roboto', sans-serif;
font-size:10px;
text-transform:lowercase;
font-weight:600;
}
.audioplayr {
width:400px;
color:{color:text};
background:{color:accent};
}
audioinfo {
font-family:'roboto', sans-serif;
font-size:10px;
letter-spacing:2px;
text-transform:lowercase;
font-weight:300;
}
/*posts*/
#entries {
margin-left:481px;
margin-top:80px;
overflow:hidden;
}
#post {
font-size:10px;
width:400px;
color:{color:post text};
background-color:{color:posts};
text-align:justify;
border:1px solid #eee;
padding:0px;
overflow:hidden;
line-height:20px;
margin-bottom:30px;
}
#post img{
max-width:400px;
height:auto;
}
/*questions and answers*/
#asking {
margin-left:20px;
margin-top:-23px;
}
#question {
padding:20px;
padding-left:14px;
margin-top:-25px;
margin-left:11px;
font-size:9px;
width:343px;
color:{color:text};
background:#eee;
}
#asker{
margin-top:12px;
padding:1px;
font-weight:600;
font-size:9px;
z-index:9999999999;
color:{color:text};
font-style:italic;
opacity:1;
margin-left:25px;
letter-spacing:0px;
font-family: 'roboto', sans-serif;
text-transform:lowercase;
}
/*post info*/
#permalink{
text-align:left;
margin-left:-2px;
margin-top:-20px;
font-weight:bold;
width:520px;
font-size:11px;
text-transform:uppercase;
font-weight:300;
font-family: 'calibri', sans-serif;
letter-spacing:0px;
line-height:5px;
color:{color:text};
}
#permalink a{
color:{color:text};
font-family: 'arial', sans-serif;
font-size:11px;
margin-left:-3px;
margin-top:-10px;
text-transform:none;
font-weight:700;
padding:3px;
}
#permalink img{
width:30px;
height:30px;
margin-top:30px;
margin-left:14px;
border-radius:5px;
border:1px solid #eee;
}
#permalink #blogurl{
margin-top:-23px;
margin-left:58px;
font-size:12px;
color:{color:text};
text-transform:uppercase;
font-weight:300;
font-family: 'calibri', sans-serif;
}
#permalinkb{
margin-bottom:15px;
text-align:left;
font-size:10px;
margin-left:58px;
margin-top:-5px;
font-weight:bold;
width:520px;
font-size:10px;
text-transform:none;
font-weight:300;
font-family: 'calibri', sans-serif;
letter-spacing:0px;
line-height:5px;
color:{color:text};
}
#permalinkb a{
color:{color:text};
font-family: 'calibri', sans-serif;
font-size:10px;
opacity:0.8;
margin-left:-3px;
text-transform:none;
font-weight:300;
padding:3px;
}
#permalinkb notecount{
font-family: 'calibri', sans-serif;
font-size:10px;
font-weight:300;
}
#info {
width:500px;
height:25px;
text-align:left;
font-family: 'arial', sans-serif;
text-transform:uppercase;
margin-left:5px;
font-size:10px;
opacity:0;
margin-top:-33px;
overflow:hidden;
font-weight:700;
font-style:none;
padding-bottom:auto;
color:{color:text};
}
#info a {
text-align:center;
font-weight:600;
font-size:11px;
letter-spacing:0px;
font-family: 'arial', sans-serif;
line-height:7px;
color:{color:text};
}
#info a:hover{
color:{color:hover};
}
/*titles*/
#sidebartitle{
width:auto;
height:20px;
top:69px;
opacity:1;
padding:5px;
border:1px solid #eee;
border-radius:5px;
position:fixed;
font-family: 'calibri' , sans-serif;
letter-spacing:1px;
text-align:left;
padding-left:10px;
overflow:hidden;
font-weight:700;
font-style:italic;
color:{color:text};
text-transform:uppercase;
line-height:21px;
font-size:11px;
margin-left:108px;
z-index:9999999;
}
/*credit (u better leave this here u goof)*/
#credit{
position:fixed;
font-size:8px;
font-weight:400;
padding-bottom:5px;
padding-top:5px;
height:20px;
width:20px;
opacity:1;
padding-left:5px;
padding-right:5px;
margin-left:1305px;
top:625px;
letter-spacing:0px;
line-height:22px;
background-color:black;
padding:3px;
text-align:center;
float:left;
font-family: 'roboto', sans-serif;
color:{color:posts};
text-transform:uppercase;
}
/*sidebar links*/
.links {
width:100%;
height:30px;
overflow:hidden;
cursor:pointer;
top:0px;
opacity:1;
z-index:999999999999999;
display:inline-block;
background:{color:background};
border-bottom:1px solid #eee;
position:fixed;
margin-left:0px;
text-align:left;
}
.links #all {
margin-left:-5px;
margin-top:-5px;
padding:6px;
height:14px;
}
.links #all a:hover {
color:{color:hover};
}
.links a {
display:inline-block;
color:{color:text};
padding:11px 0px 7px 0px;
margin:0px 6px 0px 20px;
font-weight:300;
margin-top:-1px;
font-size:10px;
height:10px;
line-height:10px;
font-style:none;
border-bottom:1px solid transparent;
border-top:1px solid transparent;
font-family: 'calibri', sans-serif;
text-transform:uppercase;
}
.links a:hover{
border-bottom:1px solid {color:accent};
color:{color:accent};
}
{CustomCSS}</style>
</head>
<body>
<!-----basics---->
<div id="sidebar">
<div id="description">{description}</div>
<div id="sidebartitle">{text:title}</a></div>
<div id="iconimage"><img src="{image:icon}"></a></div>
</div>
</div>
<!-----top bar links---->
<div class="links">
<div id="all">
<a href="/">Index</a>
<a href="/ask">Contact</a>
<a href="{text:link one url}">{text:link one}</a>
<a href="{text:link two url}">{text:link two}</a>
<a href="{text:link three url}">{text:link three}</a>
<a href="{text:link four url}">{text:link four}</a>
</div>
</div>
<!-----posts and entries---->
<div id="entries">
{block:Posts}
<div id="post"
<div id="post">
{block:Date}
<div id="permalink">
<a href="{BlogURL}"title="{Title}"><img src="{PortraitURL-128}"></a> <div id="blogurl">{name}</a></div>
</br>
</br>
<div id="permalinkb">
<a href="{Permalink}">{TimeAgo}</a>with <notecount>{NoteCountWithLabel}</notecount> / <a href="{ReblogURL}"target="_blank" class="details">Reblog</a>
</div></div>
{/block:Date}
<!----texts---->
{block:Text}
{block:Title}<h1><center>{Title}</center></h1>{/block:Title}
{Body}
{/block:Text}
<!-----question and answers---->
{block:Answer}
<div id="asker">{Asker} asked:</div>
<div id="question">{Question}</div>
{Answer}{/block:Answer}
<!-----quotes---->
{block:Quote}
{block:Quote}
<h2>{Quote}</h2>
<div align="right">
{block:Source}<h1>-{Source}</h1>{/block:Source}
</div>
{/block:Quote}
<!-----links---->
{block:Link}
<h2><center><a href="{URL}">{Name}</center></a></h2>
{block:Description}{Description}{/block:Description}
{/block:Link}
<!-----chats---->
{block:Chat}
{block:Title}<h2>{Title}</h2>{/block:Title}
<ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
{Line}</li>{/block:Lines}</ul>
{/block:Chat}
<!-----photos---->
{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}
{/block:Photo}
<!-----photosets---->
{block:Photoset}
{Photoset-400}
{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}
<!-----videos---->
{block:Video}
{Video-400}
{block:Caption}{Caption}{/block:Caption}
{/block:Video}
<!-----audios---->
{block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}
{block:TrackName}<div class="audiotitle">Title: <audioinfo>{TrackName}</audioinfo><br/></div>{/block:TrackName}
{block:Artist}<div class="audioartist">Artist: <audioinfo>{Artist}</audioinfo><br/></div>{/block:Artist}
{/block:ExternalAudio}<div class="audioplayed">Played: <audioinfo>{PlayCount} times</audioinfo> </div>
</br>
<div class="audioplayr"style="background:{color:accent}">{AudioPlayer}</div>
{/block:Audio}
<!-----info---->
<div id="info">
<a href="{Permalink}">
{block:RebloggedFrom}
{block:ContentSource}
<a href="{ReblogParentURL}" ><i class="fa fa-history"style="color:{color:text};font-size:10px"></i></a> / <a href="{SourceURL}"><i class="fa fa-copyright"style="color:{color:text};font-size:10px"></i></a> /
{/block:ContentSource}
{/block:RebloggedFrom}
</div></div>
{block:PostNotes} {PostNotes} {/block:PostNotes}

    {/block:Posts}
{block:Pagination}
<div class="pagination"style="{color:title text}">
    {block:PreviousPage}<a href="{PreviousPage}"title="previous page">BACK</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page"style="border:1px solid #eee;
border-bottom:1px solid {color:accent};
border-top:1px solid {color:accent};color:{color:text};font-weight:600;padding:5px">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page"style="{color:text}" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}"title="next page">NEXT</a>{/block:NextPage}
{/block:Pagination}</div>
</div>
<!-----credit (u better dont touch this here u goof)---->
<div id="credit">
<a href="http://adf.ly/1Q6OGo"title="moonstar themes"style="color:white">ms</a>
</div>
</html>
</body>
<!-----end html---->