Вы находитесь на странице: 1из 57

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.

0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">




<!---

don't remove the credit
leave the credit if you want to use parts of the theme


--->



<meta name="color:Background" content="#ffffff" />
<meta name="color:BlockquoteBorder" content="#071e27" />
<meta name="color:BlogTitle" content="#0f3d4f" />
<meta name="color:Bold" content="#7caeb0" />
<meta name="color:PostShadow" content="#1d1d1d" />
<meta name="color:CustomLinkText" content="#154d41" />
<meta name="color:CustomLinkTextHover" content="#0f3d4f" />
<meta name="color:DescBackground" content="#e0eded" />
<meta name="color:DescLink" content="#0f6e73" />
<meta name="color:DescText" content="#0f3d4f" />
<meta name="color:EntryBackground" content="#e0eded" />
<meta name="color:MusicPlayer" content="#375f6e" />
<meta name="color:MusicPlayerBorder" content="#7caeb0" />
<meta name="color:NaviLinkText" content="#0f3d4f" />
<meta name="color:NaviLinkTextHover" content="#154d41" />
<meta name="color:ImageBorder" content="#0f6e73" />
<meta name="color:Italic" content="#7caeb0" />
<meta name="color:Link" content="#0f6e73" />
<meta name="color:LinkHover" content="#154d41" />
<meta name="color:OriBackground" content="#9ec8c9" />
<meta name="color:OriText" content="#517b8c" />
<meta name="color:PermaLink" content="#b1cece" />
<meta name="color:PermaLinkBackground" content="#0f6e73" />
<meta name="color:PermaText" content="#071e27" />
<meta name="color:PostTitle" content="#071e27" />
<meta name="color:PostTitleBackground" content="#a8d2d2" />
<meta name="color:SidebarBorder" content="#0f6e73" />
<meta name="color:Text" content="#0f3d4f" />
<meta name="color:ViaBackground" content="#4d889e" />
<meta name="color:ViaText" content="#284c5a" />



<meta name="if:InfiniteScrolling" content="0" />
<meta name="if:ShowCaptions" content="1">
<meta name="if:FadingPhoto" content="1" />
<meta name="if:MusicPlayer" content="1" />
<meta name="if:CustomLinks" content="1" />
<meta name="if:Big Posts" content="0" />
<meta name="if:Monochrome" content="0" />
<meta name="if:ShowTags" content="1" />
<meta name="if:ShowViaOrigin" content="1" />






<meta name="image:SidebarImage"
content="http://static.tumblr.com/7cae94d3649918a24039a06f7a871f9c/7fjp0ap/gQamvt1zx/tumblr_s
tatic_tumblr_mu1n6wragm1qz53a8o1_500.png"/>
<meta name="image:BackgroundImage"
content="http://static.tumblr.com/62665d0d16ec717fcbb2bc0106e65fe1/7fjp0ap/N1mmvwmse/tumbl
r_static_ssksksks.png"/>
<meta name="image:SidebarBackgroundImage"
content="http://static.tumblr.com/d3aee91327ae04764235601ef83747cb/7fjp0ap/NgNmvt4m9/tumblr
_static_tumblr_mt67noibpl1ru3nbdo3_250.png" />
<meta name="image:CornerImage" content="" />




<meta name="text:Background Repeat" content="repeat"/>
<meta name="text:MusicCode" content=" "/>
<meta name="text:CustomLinksTitle" content="Hover For Navigation"/>


<meta name="text:Link1" content="" />
<meta name="text:Link1 URL" content="/"/>
<meta name="text:Link2" content="" />
<meta name="text:Link2 URL" content="/"/>
<meta name="text:Link3" content="" />
<meta name="text:Link3 URL" content="/"/>
<meta name="text:Link4" content="" />
<meta name="text:Link4 URL" content="/"/>
<meta name="text:Link5" content="" />
<meta name="text:Link5 URL" content="/"/>
<meta name="text:Link6" content="" />
<meta name="text:Link6 URL" content="/"/>
<meta name="text:Link7" content="" />
<meta name="text:Link7 URL" content="/"/>
<meta name="text:Link8" content="" />
<meta name="text:Link8 URL" content="/"/>





<head>
<link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Donegal+One' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=La+Belle+Aurore' rel='stylesheet' type='text/css'>

<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">

<style type="text/css">


@import url(http://weloveiconfonts.com/api/?family=fontawesome);




/* fontawesome */
[class*="fontawesome-"]:before {
font-family: 'FontAwesome', sans-serif;

}



body {
background-image: url('{image:backgroundImage}');
background-color: {color:background};
background-attachment: fixed;
background-repeat: {text:Background Repeat};
color: {color:text};
margin: 0;

}




@font-face {
font-family: "matilde";
src: url('http://static.tumblr.com/7fjp0ap/26hmgteln/matilde.otf');}

@font-face {
font-family: "riesling";
src: url('http://static.tumblr.com/7fjp0ap/KTrmgsiev/riesling.ttf');}







::-webkit-scrollbar-thumb {
background-color: {color:desctext};
height: 5px;
width: 8px;
}

::-webkit-scrollbar {
height: 5px;
width: 8px;
background-color: {color:descbackground};
}

a{
color:{color:link};
text-decoration: none;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
}


.bg2{
position:fixed;
z-index:-9;
width:400px;
top:0px;
bottom:0px;
left:0px;
box-shadow: 1px 1px 3px {color:postshadow};
border-right:2px dotted {color:sidebarborder};
background-image: url('{image:sidebarbackgroundImage}');
}


.hold2{
display:block;
float:left;
width:20%;
text-align:center;
}


#navilinkbox{
width:236px;
margin-top:-5px;
margin-bottom:-2px;
display:block;
float:right;
height:30px;
margin-right:2px;
text-align:center;
}

#navilinkbox a{
text-align:center;
height:20px;
line-height:20px;
font-family:calibri;
font-size:11px;
text-decoration: none;
border-bottom:1px dashed {color:navilinktext};
color: {color:navilinktext};
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease
}


#navilinkbox a:hover{
color: transparent;
font-size:0px;
border-bottom:0px dashed {color:navilinktext};
}


.navicon{
position:absolute;
opacity:0;
font-size:16px;
margin-top:-20px;
margin-left:17px;
color: {color:navilinktext};
-webkit-transition: all 1.1s ease;
-moz-transition: all 1.1s ease;
-o-transition: all 1.1s ease
}


#navilinkbox a:hover .navicon{
opacity:1;
}


#sidebar{
position: fixed;
overflow:hidden;
left:0px;
top: 30px;
padding-top:20px;
width: 365px;
text-align: center;
font-family: consolas;
font-size: 10px;
}





#sidebarx img{
width: 230px;
border:3px solid {color:imageborder};
float:right;
}



#descbox{
border:1px solid {color:desctext};
width: 224px;
padding: 5px;
margin-top:10px;
margin-bottom:10px;
color: {color:desctext};
font-family: calibri;
font-size: 10px;
float:right;
background-color:{color:descbackground};
}


#descbox a{
color: {color:desclink};
text-decoration: underline;
}



.x{
font-family: Donegal One,serif;
font-size: 35px;
position:absolute;
margin-left:14px;
}

.x2{
font-family: Donegal One,serif;
font-size: 35px;
position:absolute;
margin-left:165px;
margin-top:-20px;
}



.navbox{
z-index:9999;
float:left;
margin-left:0px;
margin-top:45px;
width:120px;
height:100%;
font-family:calibri;
display:block;
background-color#000;
padding-bottom:3px;
}

.hold{
display:block;
float:right;
width:120px;
text-align:right;
margin-bottom: 10px;
}

.navbox a{
text-decoration:none;
word-wrap:break-word;
white-space: pre-wrap;
word-break:break-all;
display: inline;
height:20px;
line-height:20px;
text-shadow:10px 0px transparent, -10px 0px transparent;
text-align: center;
font-family: calibri;
font-size: 12px;
color: {color:customlinktext};
border-bottom: 1px dashed {color:customlinktext};
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease
}


.navbox a:hover{
color: {color:customlinktexthover};
text-shadow:0px 0px {color:customlinktexthover}, -0px 0px {color:customlinktexthover};
}



.bt{
width:236px;
position:absolute;
z-index:998;
height: 5px;
margin-top:0px;
background-color: {color:blogtitle};
}

.bt2{
position:relative;
z-index:999;
display:inline-block;
float:right;
padding-left:10px;
text-align:right;
font-family: 'La Belle Aurore', cursive;
font-size:22px;
height: 5px;
line-height:10px;
background-image: url('{image:sidebarbackgroundImage}');
}

#blogtitle{
display:block;
float:right;
width:236px;
margin-bottom:10px;
text-transform:none;
color: {color:blogtitle};
}


#blogtitle a{
color: {color:blogtitle};
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}


#titlebox a:hover{
color: {color:blogtitlehover};
}


#pagi{
display:block;
float:right;
width:234px;
height:15px;
line-height:15px;
border:1px solid {color:desctext};
background-color:{color:descbackground};
font-size: 11px;
text-align:center;
font-family: consolas;
}

#pagi a{
color: {color:desctext};
}


.jump_page {
padding: 2px;
font-family:consolas;
font-size:11px;
text-decoration:none;
}



.current_page, .jump_page:hover {
padding: 2px;
color: {color:desclink};
font-family:consolas;
font-size:11px;
text-decoration:none;
}



#posts{
{block:indexpage}
{block:ifBigPosts}width: 520px;{/block:ifBigPosts}
{block:ifNotBigPosts}width: 420px;{/block:ifNotBigPosts}
{/block:indexpage}
{block:permalinkpage}
width: 520px;
{/block:permalinkpage}
margin-left: 470px;
margin-bottom: 25px;
margin-top:50px;
position:relative;
z-index:998;
}



img.center {
display: block;
margin-left: auto;
margin-right: auto;
}


.entry{
{block:indexpage}
{block:ifBigPosts}width: 500px;{/block:ifBigPosts}
{block:ifNotBigPosts}width: 400px;{/block:ifNotBigPosts}
{/block:indexpage}
{block:permalinkpage}
width: 500px;
{/block:permalinkpage}
font-size: 12px;
margin-left:auto;
margin-right:auto;
padding: 8px;
text-align:justify;
margin-top: 35px;
font-family: calibri;
overflow: hidden;
border:1px solid {color:text};
box-shadow: 1px 1px 3px {color:postshadow};
background-color: {color:entrybackground};
color: {color:text};
}

.entry img{
{block:indexpage}
{block:ifBigPosts}max-width: 500px;{/block:ifBigPosts}
{block:ifNotBigPosts}max-width: 400px;{/block:ifNotBigPosts}
{/block:indexpage}
{block:permalinkpage}
max-width: 500px;
{/block:permalinkpage}
{block:ifFadingPhoto}
opacity: 0.7;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out; {/block:ifFadingPhoto}
}

{block:ifFadingPhoto}
.entry img:hover{
opacity: 1;
}
{/block:ifFadingPhoto}


{block:ifFadingPhoto}
.photosetfade {
opacity: 0.7;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
}
{/block:ifFadingPhoto}


{block:ifFadingPhoto}
.photosetfade:hover {
opacity: 1;
filter:alpha(opacity=100);
-moz-opacity: 0.9;
}
{/block:ifFadingPhoto}


{block:ifMonochrome}
.mono{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter
id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333
0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
}


.mono:hover{
filter: none;
-webkit-filter: grayscale(0%);
}

{/block:ifMonochrome}


.entry b, strong{
color: {color:Bold};
}



b,strong{
color: {color:Bold};
}



.entry i, em{
color: {color:Italic};
}

.entry a{
text-decoration: underline;
color: {color:Link};
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

.entry a:hover{
color: {color:LinkHover};
text-decoration: none;
text-shadow: 0.1em 0.1em 0.06em {color:text};
}

.entry h1{
font-family: consolas;
text-transform: uppercase;
font-size: 15px;
font-weight: 20px;
letter-spacing: 1px;
}

.entry h1 a{
color: {color:link};
}

blockquote{
border-left: 4px solid {color:blockquoteborder};
font-size: 12px;
padding-left:10px;
padding-right: 4px;
margin:5px;
text-align:justify;
}


.entry blockquote img{
max-width: 90%;
margin-left: 3px;
}


.entry pre{
word-wrap:break-word;
white-space: pre-wrap;
word-break:break-all;
font-family:courier new;
font-size:11px;
padding:5px;
letter-spacing:0px;
background-color:#fdebc9;
color: #252324;
}


.entry blockquote pre{
background-color:#fdebc9;
font-size:11px;
font-family:courier new;
padding:5px;
width:100%;
word-wrap:break-word;
white-space: pre-wrap;
word-break:break-all;
color: #252324;
}


#quote{
color: {color:text};
padding: 15px;
font-family: calibri;
font-size:18px;
text-align:center;
letter-spacing: 1px;
line-height: 15px;
}


.quote2{
position:absolute;
margin-left:-20px;
margin-top:10px;
font-family: Donegal One,serif;
font-size: 50px;
color: {color:text};
}





.permalink {
font-family: cambria;
font-size: 10px;
color: {color:Text};
text-transform: uppercase;
text-align: center;
width: 514px;
margin-top: 20px;
margin-bottom: 10px;
margin-left: -10px;
float: left;
background-color: {color:entrybackground};
}

.permalink b {
color: {color:Bold};
font-weight: normal;
}

#date {
color: {color:text};
}

.permalink a {
color: {color:Link};
text-decoration: none;
}

/* Tags */

.perma2{
display:block;
text-align:left;
font-family:consolas;
font-size:10px;
padding:10px;
padding-top:5px;
padding-bottom:5px;
margin-bottom:-10px;
margin-left:-10px;
margin-top:10px;
{block:ifBigPosts}width: 500px;{/block:ifBigPosts}
{block:ifNotBigPosts}width: 400px;{/block:ifNotBigPosts}
background-color:{color:permalinkbackground};
color:{color:permatext};
}

.perma2 a{
text-decoration:none;
color:{color:permalink};
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
}


.perma2 a:hover{
color:{color:link};
}


.ori-via{
margin-top:0px;
position:absolute;
z-index:999;
{block:ifBigPosts}margin-left: 530px;{/block:ifBigPosts}
{block:ifNotBigPosts}margin-left: 430px;{/block:ifNotBigPosts}
}

.ori-via a{
text-decoration:none;
display:block;
text-align:center;
font-size:13px;
box-shadow: 1px 1px 3px {color:postshadow};
margin-bottom:10px;
background-color:{color:viabackground};
color:{color:viatext};
width:25px;
height:25px;
line-height:25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
}



.title{
color: {color:posttitle};
background-color: {color:posttitlebackground};
margin-bottom:10px;
font-size: 35px;
font-family: matilde,calibri;
line-height: 100%;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
font-weight:bold;
}


.title2{
color: {color:PostTitle};
padding:20px;
font-size: 24px;
margin-bottom:10px;
display:block;
text-transform: none;
text-align: center;
font-family: elephant,calibri;
background-color: {color:posttitlebackground};
border:1px solid {color:posttitle};
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
}


.title2 a{
color: {color:PostTitle};
width:100%;
display:block;
text-decoration:none;
}

.title2 z{
color: {color:PostTitle};
font-size:11px;
font-family:calibri;
width:100%;
text-decoration:underline;
display:block;
}


.title2 a:hover{
color: {color:PostTitle};
}



/* Ask Posts */


.arrow-down {
margin-top:-5px;
display:block;
margin-left:20px;
width:0px;
height:0px;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:15px solid {color:text};
font-size:0px;
line-height:0px;
}


.ask {
display:block;
padding:10px;
background-color:{color:text};
color:{color:entrybackground};
text-transform: none;
}



.askx img {
max-width: 30px;
display:block;
margin-left:15px;
margin-top:5px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;
border-radius: 30px 30px 30px 30px;
}

.asky {
display:block;
float:left;
text-transform:uppercase;
margin-top:13px;
font-size:10px;
margin-left:5px;
}


.aska{
display:block;
margin-top:50px;
border-top: 1px solid {color:text};
}


#source {
font-family: consolas;
font-size:7pt;
text-align: right;
margin-top: -5px;
}

ol.notes {
background-color:{color:EntryBackground};
font-family:tahoma;
font-size:10px;
padding-top:10px;
border: 0px;
padding-left:15px;
margin-top:10px;
width:476px;
margin-left: 0px;
list-style-type: none;}

ol.notes li.note {
background: ;
padding:5px;
width:480px;
letter-spacing: 0px;
text-align: left;
}

ol.notes li.note a{
color:{color:Link};
background: ;
font-family:tahoma;
text-transform:none;
letter-spacing:0px;
font-size:10px;}

ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 0px;
}

#musicbox{
height: 216px;
margin-bottom:10px;
display:inline-block;
text-align: left;
{block:indexpage}
{block:ifbigposts}width: 494px;{/block:ifbigposts}
{block:ifnotbigposts}width: 394px;{/block:ifnotbigposts}
{/block:indexpage}
{block:permalinkpage}
width: 494px;
{/block:permalinkpage}
border-bottom: 2px dashed {color:text};
}

.cover {
width:200px;
height: 200px;
display: block;
position:absolute;
z-index:2;
}

.cover img{
width:200px;
height: 200px;
opacity:1;
border:3px solid {color:text};
}

.coverx{
width:200px;
height: 200px;
display: block;
position:absolute;
z-index:1;
}

.coverx img{
width:200px;
height: 200px;
border:3px solid {color:text};
}

.playbutton {
width:30px;
height: 50px;
line-height:50px;
overflow: hidden;
position:relative;
z-index:100;
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
margin-top:85px;
}


.playbox {
opacity: 0.8;
background-color: #000000;
position: absolute;
z-index: 1000;
margin-left:3px;
margin-top:3px;
width:30px;
height: 200px;
line-height:40px;
text-align:center;
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
}


.playbox:hover{
width:200px;
}


.playbox:hover .playbutton{
width:100%;
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
}

.audioplayer {
float:left;
margin-left: 210px;
width:100%;
position: absolute;
display: block;
margin-top: 40px;
padding-bottom:7px;
}

.infomusic {
font-size:9px;
text-align:center;
{block:indexpage}
{block:ifbigposts}max-width: 284px;{/block:ifbigposts}
{block:ifnotbigposts}max-width: 184px;{/block:ifnotbigposts}
{/block:indexpage}
{block:permalinkpage}
max-width: 284px;
{/block:permalinkpage}
margin-left:0px;
margin-bottom:10px;
border-bottom:1px dashed {color:boldbackground};
padding-bottom:2px;
}


.audiotitle{
font-style:italic;
font-size:11px;
font-family:calibri;
text-transform:uppercase;
}




.odd .line {
padding: 3px;
margin-bottom:3px;
border-bottom: 2px solid {color:perma1background};
}
.even .line {
padding:3px;
margin-bottom:3px;
border-bottom: 2px solid {color:perma2background};
}
.odd .name {
padding: 3px;
}
.even .name {
padding: 3px;
}






iframe#tumblr_controls {
right:3px !important; position:fixed !important;opacity: 0.4;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
iframe#tumblr_controls:hover {
opacity: 1;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}




#music-rounded {
position:fixed;
z-index:99999;
right:25px;
bottom:25px;
width:50px;
height:50px;
background-color:{color:musicplayer};
-moz-border-radius:100px;
-webkit-border-radius:100px;
border-radius:100px;
opacity:1;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
}



#music-rounded img {
margin-top:17px;
margin-left:-2px;
}



#music-rounded:hover .music-player-embed {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-top:-23px;
opacity:1;
background-color:{color:musicplayer};
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
transition: all 0.7s ease;
}



.music-border {
position:absolute;
margin-top:-48px;
margin-left:-15px;
border:10px solid {color:musicplayerborder};
width:60px;
height:59px;
background-color:none;
-moz-border-radius:100px;
-webkit-border-radius:100px;
border-radius:100px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
}



#music-rounded:hover .music-border {
margin-top:-52px;
margin-left:-20px;
border:15px solid {color:musicplayerborder};
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
transition: all 0.7s ease;
-webkit-transform:rotateY(360deg);
-moz-transform:rotateY(360deg);
-o-transform: rotateY(360deg);
}


.music-player-embed {
font-family:Consolas;
font-size:11px;
position:absolute;
width:100px;
background-color:{color:musicplayer};
padding:9px;
margin-left:-150px;
margin-top:0px;
overflow:hidden;
opacity:0;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
transition: all 0.7s ease;
}


#s-m-t-tooltip{
display:inline-block;
z-index:9999999 !important;
margin:24px 14px 7px 12px;
padding:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
font-family:calibri;
font-size:10px;
background-color: {color:oribackground};
color: {color:oritext};
}


{CustomCSS}

</style>

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://static.tumblr.com/7fjp0ap/8qemg20tu/jquery.style-my-tooltips.js"></script>


<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:0,
tip_fade_speed:0,
attribute:"title"
});
});
})(jQuery);
</script>


</head>

{block:IfInfiniteScrolling}
<script type="text/javascript" src="http://codysherman.com/tools/infinite-
scrolling/code"></script>{/block:IfInfiniteScrolling}

<body>


<div class="bg2"></div>



{block:indexpage}
{block:ifmusicplayer}

<div id="music-rounded">
<center><img src="http://media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif"></center>
<div class="music-border"></div>
<div class="music-player-embed">
<center>{text:musiccode}</center>
</div>
</div>


{/block:ifmusicplayer}
{/block:indexpage}











<div id="sidebar">



<div class="navbox">
{block:ifLink1}
<div class="hold">
<a href="{text:Link1 URL}"> {text:Link1}</a>
</div>
{/block:ifLink1}
{block:ifLink2}
<div class="hold">
<a href="{text:Link2 URL}"> {text:Link2}</a>
</div>
{/block:ifLink2}
{block:ifLink3}
<div class="hold">
<a href="{text:Link3 URL}"> {text:Link3}</a>
</div>
{/block:ifLink3}
{block:ifLink4}
<div class="hold">
<a href="{text:Link4 URL}"> {text:Link4}</a>
</div>
{/block:ifLink4}
{block:ifLink5}
<div class="hold">
<a href="{text:Link5 URL}"> {text:Link5}</a>
</div>
{/block:ifLink5}
{block:ifLink6}
<div class="hold">
<a href="{text:Link6 URL}"> {text:Link6}</a>
</div>
{/block:ifLink6}
{block:ifLink7}
<div class="hold">
<a href="{text:Link7 URL}"> {text:Link7}</a>
</div>
{/block:ifLink7}
{block:ifLink8}
<div class="hold">
<a href="{text:Link8 URL}"> {text:Link8}</a>
</div>
{/block:ifLink8}

</div>



<div id="blogtitle">
<div class="bt"></div>
<div class="bt2">{Title}</div>
</div>



<div id="sidebarx">
<img src="{image:sidebarimage}">
</div>





<div id="descbox">
{Description}
</div>




<div id="navilinkbox">
<div class="hold2">
<a href="/">Index <div class="navicon"><span class="fontawesome-home"></span></div></a>
</div>
<div class="hold2">
<a href="/ask" >Ask Me <div class="navicon"><span class="fontawesome-
comments"></span></div></a>
</div>
<div class="hold2">
<a href="/archive">Archive <div class="navicon"><span class="fontawesome-
calendar"></span></div></a>
</div>
<div class="hold2">
<a href="/submit">Submit <div class="navicon"><span class="fontawesome-edit"></span></div></a>
</div>
<div class="hold2">
<a href="http://dianthus-s.tumblr.com/">Theme <div class="navicon"><span class="fontawesome-
tags"></span></div></a>
</div>
</div>



{block:IfNotInfiniteScrolling}
{block:indexpage}
<div id="pagi">

{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
{block:JumpPage}<a class="jump_page"
href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
{block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
{/block:Pagination}


</div>
{/block:indexpage}
{/block:IfNotInfiniteScrolling}




</div>



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

<div class="entry" >

{block:ifShowViaOrigin}
{block:indexpage}
<div class="ori-via">
{block:RebloggedFrom}
<a href="{ReblogRootURL}" title="Origin" style="background-
color:{color:OriBackground};color:{color:OriText};border:1px solid {color:OriText};"><span
class="fontawesome-trophy"></span></a>
<a href="{ReblogParentURL}" title="Via" style="background-
color:{color:ViaBackground};color:{color:ViaText};border:1px solid {color:ViaText};"><span
class="fontawesome-pushpin"></span></a>{/block:RebloggedFrom}
</div>
{/block:indexpage}
{/block:ifShowViaOrigin}

{block:Text}
{block:Title}<div class="title">&raquo {Title}<t></t></div>{/block:Title}
{Body}
{/block:Text}




{block:Photo}


{block:IndexPage}
{LinkOpenTag}

<div class="mono">
{block:ifBigPosts}
<img src="{PhotoURL-500}" class="center">
{/block:ifBigPosts}
{block:ifNotBigPosts}
<img src="{PhotoURL-400}" class="center">
{/block:ifNotBigPosts}
</div>

{LinkCloseTag}
{/block:IndexPage}


{block:PermalinkPage}
{LinkOpenTag}
{block:ifBigPosts}
<img src="{PhotoURL-500}" class="center">
{/block:ifBigPosts}
{block:ifNotBigPosts}
<img src="{PhotoURL-400}" class="center">
{/block:ifNotBigPosts}
{LinkCloseTag}
{/block:PermalinkPage}


{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}


{/block:Photo}








{block:Photoset}


{block:IndexPage}

<div class="mono">
{block:ifBigPosts}
<div class="photosetfade">{Photoset-500}</div>
{/block:ifBigPosts}
{block:ifNotBigPosts}
<div class="photosetfade">{Photoset-400}</div>
{/block:ifNotBigPosts}
</div>

{/block:IndexPage}



{block:PermalinkPage}
{block:ifBigPosts}
{Photoset-500}
{/block:ifBigPosts}
{block:ifNotBigPosts}
{Photoset-400}
{/block:ifNotBigPosts}
{/block:PermalinkPage}


{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}


{/block:Photoset}






{block:Link}
<div class="title2">
<a href="{URL}" {Target}>{Name}</br>
<z>{URL}</z>
</a>
</div>
{block:Description}{Description}{/block:Description}
{/block:Link}




{block:Quote}
<div id="quote">
<div class="quote2"> </div>
{Quote}</div>
{block:Source}
<div id="source"> {Source}</div>
{/block:Source}
{/block:Quote}




{block:Chat}
{block:Title}
<div class="title">&raquo {Title}</div>
{/block:Title}
{block:Lines}<div class="{Alt}">
<div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br
/></div></div>
{/block:Lines}
{/block:Chat}





{block:Audio}
<div id="musicbox">
<div class="playbox">

<div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
</div>
</div>
<div class="coverx"><img
src="http://media.tumblr.com/90911ce35307a2b68bb52c9794d02dd0/tumblr_inline_mgshunrUnn1r8s
568.png"></div>
{block:AlbumArt}
<div class="cover"><img src="{AlbumArtURL}"></div>
{/block:AlbumArt}
<div class="audioplayer">
{block:Artist}
<div class="infomusic" ><div class="audiotitle">Artist:</div> {Artist}</div>
{/block:Artist}
{block:TrackName}
<div class="infomusic"><div class="audiotitle">Track:</div> {TrackName}</div>
{/block:TrackName}
<div class="infomusic"><div class="audiotitle">Plays:</div> {PlayCountWithLabel}</div>

</div>
</div>
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Audio}





{block:Video}

{block:IndexPage}
{block:ifBigPosts}
{Video-500}
{/block:ifBigPosts}
{block:ifNotBigPosts}
{Video-400}
{/block:ifNotBigPosts}
{/block:IndexPage}


{block:PermalinkPage}
{block:ifBigPosts}
{Video-500}
{/block:ifBigPosts}
{block:ifNotBigPosts}
{Video-400}
{/block:ifNotBigPosts}
{/block:PermalinkPage}


{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}


{/block:Video}




{block:Answer}
<div class="ask">{Question}</div>
<div class="arrow-down"></div>
<div class="askx"><img src="{AskerPortraitURL-40}" align="left"></div>
<div class="asky">{Asker}</div>
<div class="aska">{Answer}</div>
{/block:Answer}



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


<!--
{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:N
oRebloggedFrom} -->


{block:PermalinkPage}
<div class="permalink">
<center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month}
{DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with
{NoteCountWithLabel}{/block:NoteCount}</div>{block:RebloggedFrom}<b>origin:</b> <a
href="{ReblogRootURL}">{ReblogRootName}</a> &nbsp;|&nbsp; <b>via:</b> <a
href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
{block:HasTags}<b>tags &raquo;</b> {block:Tags} #<a
href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</center>
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
</div>
{/block:PermalinkPage}

{block:indexpage}
<div class="perma2">
<a href="{ReblogURL}">REBLOG</a> |
{block:Date}Posted <a href="{Permalink}">{timeago}</a> {/block:Date}
With <a href="{Permalink}">{NoteCountWithLabel}</a>
<br>

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



</div>









{/block:Posts}

</div>



<div>

<img src="{image:CornerImage}" style="position:fixed;
max-height: 100%;
max-width: 500px;
right:-20px;
bottom:-5px;
z-index:-9;
">

</div>

</body>
</html>