Embrace (6.1)

<!--

theme by bloodynovak - embrace - follow the rules of theme use -
3/12/16

-->

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

<meta name="color:Text" content="#252525"/>
<meta name="color:Link" content="#CCCCCC"/>
<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Border" content="#CCCCCC"/>
<meta name="color:Scrollbar" content="#EEEEEE"/>
<meta name="color:Tooltipbg" content="#CCCCCC"/>
<meta name="color:Tooltipcolor" content="#ffffff"/>

<meta name="if:Show Tags" content"0">

<meta name="text:Link 1" content="" />
<meta name="text:Link 1 URL" content="" />
<meta name="text:link1title" content="" />

<meta name="text:Link 2 URL" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:link2title" content="" />

<meta name="text:Link 3 URL" content="" />
<meta name="text:Link 3" content="" />
<meta name="text:link3title" content="" />


<meta name="text:Link 4 URL" content="" />
<meta name="text:Link 4" content="" />
<meta name="text:link4title" content="" />

<meta name="text:Link 5 URL" content="" />
<meta name="text:Link 5" content="" />
<meta name="text:link5title" content="" />

<meta name="text:Link 6 URL" content="" />
<meta name="text:Link 6" content="" />
<meta name="text:link6title" content="" />
<!-- jquery for 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>

<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,500' rel='stylesheet' type='text/css'>

<script>

(function($){

$(document).ready(function(){

$("a[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:30,

tip_fade_speed:300,

attribute:"title"

});

});

})(jQuery);

</script>

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<link href='https://fonts.googleapis.com/css?family=Ubuntu:300italic,300' rel='stylesheet' type='text/css'>
    <link href='//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css' rel='stylesheet' type='text/css'>

<!-- ask slide script -->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script language="javascript">
$(document).ready(function() {
$('a#clickbutton').click(function() {
    $('.t',this).toggle();
});

$("#about").css({"left": "120%"})
$("#clickbutton").toggle(
function () {
$("#about").animate({"left": "76%"}, "slow");
},
function () {
$("#about").animate({"left": "140%"}, "slow");
});
});
</script>


<style type="text/css">



/* UPDATES WINDOW */

#about {
position: fixed;
top:325px;
height:50%;
width:160px;
margin-left:0px;
padding: 20px;
background:#000;
opacity:.90;
color:#fff;
padding:30px;
padding-top:38px;
right:100%;
font-family: 'Montserrat', sans-serif; }

#about a {
    color:#fff;}

#slidecontent {
font-size:8.5px;
width:160px;
line-height:1.5;
letter-spacing:1px;
color:#fff;
font-family: 'Montserrat', sans-serif;
}

#slidecontent a{
    color:#fff;
 -webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}


#slidetitle {font-family: 'Montserrat', sans-serif;
    font-size:12px;
    letter-spacing:0.1em;
    font-weight:bold;
    text-transform:uppercase;
    padding-bottom:2px;
    padding-top:2px;
    text-align:left;
    margin-top:10px;
    padding-left:35px;
    margin-left:30px;
    color:#fff; }

/* scroll */

::-webkit-scrollbar {background-color:{color:background}; border:solid 1.5px {color:background}; height:1px; width:6px;}
::-webkit-scrollbar-thumb:vertical {-moz-border-radius:11px; -webkit-border-radius:11px; background-color:{color:background}; height:30px;  border-left:6px solid {color:scrollbar}; }
::-webkit-scrollbar-thumb:horizontal {border-radius:20%;background-color:{color:background}; height:4px!important border-top:1px solid {color:scrollbar};}

/* end scroll */

body {
 background:{color:background};
 color:{color:text};
 text-align:left;
 font-family: 'Roboto', sans-serif;
 line-height:1.2;
 font-size:10px;
 letter-spacing:0.2px;}

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

a {color:{color:link};
    text-decoration:none;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}
a:hover {color:{color:link};
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}

img{opacity:1;
border:none;
text-decoration:none;}
small {font-size:8px;}
big {font-size:14px;}

#title {
    font-size:11px;
    text-align:center;
    text-transform:uppercase;
    padding-bottom:10px;}

#sidebar {
    position:fixed;
    padding-left:40px;
    width:100px;
    position:fixed;
    margin-top:320px;
    margin-left:-400px;}

    #btitle {
        border-left:4px solid #ccc;
        padding-left:11px;
        margin-left:26px;
        text-align:left;
        width:160px;
    font-size:20px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing:0.2px;
    color:#000;
    text-transform:uppercase;
    margin-top:45px;
    font-weight:700;
    padding-bottom:;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
    #btitle a {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }

#btitle a:hover {
    color:#000;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }

    #links {
    font-family: 'Montserrat', sans-serif;
    margin-top:-15px;
    width:180px;
    font-size:13px;
    padding:3px;
    padding-bottom:5px;
        margin-left:210px;
    }
    #links a {
    margin-right:4px; }
    #desc {
    font-family: 'Ubuntu', sans-serif;
    line-height:1.4;
    font-size:12px;
    letter-spacing:0.7px;
    width:285px;
    height:auto;
    text-align:auto;
    margin-top:0px;
        margin-left:17px;
        padding:7px;
    }
    #desc a  {
        opacity:0.5;
    }

    #desc a:hover {
        opacity:1; }

#pagination {
margin:85px 0;
margin-left:140px;
font-family: 'Montserrat', sans-serif;
text-transform:lowercase;
    text-align:center;}
#pagination a {
padding:0 0px;}
#pagination a:hover {
    border-bottom:1px solid {color:link};
    padding-bottom:5px;}

#con {
left:55%;
margin-left:-240px;
position:absolute;}

#entries {
    margin-left:130px;
margin-top:115px;
width:250px;}

#posts {
    padding:10px;
    width:250px;
{block:IndexPage}
margin-bottom:75px;
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom:50px;
{/block:PermalinkPage}}

#posts img {
max-width:250px;}

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

.caption {

{block:IndexPage}
display:none;
{/block:IndexPage}

width:100%;
margin-top:20px;}

/* quotes */

#titlequote{text-align:center;
font-size:11px;
line-height:1.7;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;}
#source {
    text-transform:uppercase;
    margin-bottom:15px;
    text-align:center; }

#player { opacity: 0.7;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
width:28px;
height:28px;
overflow:hidden;
position:absolute;
margin-top:9px;
margin-left:9px; }

.playerbg {
    padding:4px;
    width:45px;
    height:45px;
    background-color:white;opacity: 0.7;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px; }

.albumart{
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
    width:55px;
    height:55px;
    overflow:hidden; }

.albumdet {
    letter-spacing:0.1em;
    height:auto;
    padding:15px;
    width:auto;
    display:inline-block;
    background-color:{color:background};
    line-height:2.3; }

/* question posts */

.ques { margin-left:5px;}
.q {margin-bottom:15px;}
.as {
    font-weight:bold; letter-spacing:0.7px; font-style:italic; font-size:9px;}
.a {text-align:right;
    border-right: 1px solid {color:border};
    padding-right:10px;
margin-top:15px; font-style:italic;}

/* chat */

.chat ol {
padding:0;
list-style:none; }
.line {padding:10px 0; }
.label {font-weight:bold;
text-transform:uppercase;
border-bottom:1px solid {color:link};
padding-bottom:6px; }

/* permalink and notes */

#permalink {
    border-top:1px solid {color:border};
    padding-top:11px;
margin-top:20px;
font-family: 'Montserrat', sans-serif;
text-align:center;
font-style:;
font-weight:bold;
font-size:10px;}

#permalink a {margin-right:3px;}

.psu {
    border-top:1px solid {color:border};
    padding-top:10px;
    margin-top:10px;
    font-size:9px;
    text-align:center;
    font-style:italic;
    width:75px;}

#tags {
    width:245px;
font-family:'Montserrat', sans-serif;
    font-weight:;
    line-height:1.5;
    font-size:10px;
    letter-spacing:0.3px;
    text-align:center;
    word-break:break-all;
    transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
margin-top:11px;
{block:ifNotShowTags}
{block:IndexPage}
display:none;
{/block:IndexPage}
{/block:ifNotShowTags}}

#tags a {
    opacity:0.6;
    margin-right:10px;}

    #tags a:hover {
        opacity:1; }

.pagenotes {
{block:IndexPage}
display: none!important;
{/block:IndexPage}
width:400px;
text-align:left;}
.pagenotes img {
display:none!important;}
.pagenotes a{
    border-bottom:1px solid {color:tooltipbg};
    padding-bottom:5px;}
.pagenotes li {
list-style-type:none;
padding:10px 10px;
padding-bottom:5px;
text-align:left;
margin:40px 0 0 -40px;}

/* CREDIT - DON'T EDIT OR REMOVE */

#cred {font-family:arial;bottom:-7px;right:0;padding:3px;position:fixed; font-size:24px; font-weight:800; } #cred a {color:{color:text}; } #cred a:hover { opacity:0.7;}

#s-m-t-tooltip{
    letter-spacing:0.8px;
    position:absolute;
    margin: 20px;
    z-index:9999;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background:{color:tooltipbg};
    color:{color:tooltipcolor};
    padding:5px;}


.likebut {
    padding:;
    margin-top:15px;
    size:;}

{CustomCSS}

</style></head>
<body>
<div id="con">
<div id="sidebar">
<div id="btitle"><a href="/">{Title}</a> </div>

<div id="links">

{block:ifLink1}<a href="{text:Link 1 URL}" title="{text:link1title}" class="ion-document-text"></a>{/block:ifLink1}

{block:ifLink2}<a href="{text:Link 2 URL}" title="{text:link2title}" class="ion-paintbrush"></a>{/block:ifLink2}

{block:ifLink3}<a href="{text:Link 3 URL}" title="{text:link3title}" class="ion-chatboxes"></a>{/block:ifLink3}

{block:ifLink4}<a href="{text:Link 4 URL}" title="{text:link4title}" class="ion-ios-box-outline"></a>{/block:ifLink4}

{block:ifLink5}<a href="{text:Link 5 URL}" title="{text:link5title}" class="ion-map"></a>{/block:ifLink5}

{block:ifLink6} <a id="clickbutton" class="t ion-ios-folder" style="cursor:help;" title="{text:link6title}">
<span class="t" style="display:none"> x. </span> </a> {/block:ifLink6}
</div>

<div id="desc"> <a style="cursor:default;"> {Description}</a>
</div> </div>

<div id="entries">

{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}
<div id="posts">

{block:Quote}
{block:Source}<div id="source">{Source} <br>&becaus;</div> {/block:Source}
<div id="titlequote">{Quote}</div>
{/block:Quote}

{block:Text}

{block:Title}
<div id="title">{Title}<br>&becaus;</div>{/block:Title}
{Body}
{/block:Text}

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

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

{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}
{/block:Photo}

{block:Photoset}
{Photoset-250}
{/block:Photoset}

{block:Video}
{Video-250}
{/block:Video}

{block:Audio}
<div id="player" class="playerbg">{AudioPlayerWhite} </div>
{block:AlbumArt}
<div class="albumart"><img src="{AlbumArtURL}" width="100"></div>
{/block:AlbumArt}
<div class="albumdet">
<a style="text-transform:uppercase; font-style:italic;">
{block:TrackName}{TrackName}{/block:TrackName}<br> </a>
{block:Artist}artist: {Artist}{/block:Artist}<br>
{block:Album}album: {Album}{/block:Album}<br>
with {PlayCount} plays</div>

{/block:Audio}

{block:Answer}
<div class="q">
<div class="as"> <a style="font-size:15px; font-style:normal;">?:</a> from {Asker} </a> </div><br>

<div class="ques">{Question}</div></div>
<div class="a">{Answer}</div>
{/block:Answer}

{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}

{block:Date}
<div id="permalink">

{block:IndexPage}
<a href="{Permalink}">view</a>
<a href="{ReblogURL}" target="_blank" class="details">reblog</a>
<div class="likebut">{likebutton} </div>


{/block:IndexPage}

{block:PermalinkPage}
<a href="{Permalink}"> {TimeAgo} </a>{block:NoteCount}<a href="{Permalink}"> {NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:PermalinkPage}
</div>
{/block:Date}

{block:HasTags}<div id="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} </div>

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

{block:NextPage}
&nbsp; <a href="{NextPage}"> forward </a>
{/block:NextPage}
{/block:Pagination}
</div>

</div>

<div id="about">

<div id="slidecontent">

&bull; <a href="http://aresanglant.tumblr.com/com">
write about your life here!
</a>

<p> to add spaces, place < p > between paragraphs.

<p>

&bull; recipe for happiness from an unhappy person: <p>
1. have some tea <br>
2. take a walk <br>
3. smile at a dog <br>
4. don't sweat the small stuff

<!-- END OF UPDATES WINDOW -->

<div id="cred"><a href="http://aresanglant.tumblr.com/" target="_blank" title="credit">*</a> </div>


</body></html>