Devoured - (7)

<!--

THEME 7 (DEVOURED) BY [email protected] / BLOODYNOVAK '19
DO NOT REMOVE CREDIT OR REDISTRIBUTE AS YOUR OWN
DO NOT STEAL SECTIONS OF MY THEME OR USE IT AS A BASE
thank you for using/considering my theme!

-->

<!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="#EEEEEE"/>
<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Border" content="#CCCCCC"/>
<meta name="color:Scrollbar" content="#EEEEEE"/>
<meta name="color:Tooltipbg" content="#444444"/>
<meta name="color:Tooltiptextcolor" content="#FFFFFF"/>
<meta name="color:Maintitlehover" content="#CCCCCC"/>

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

<meta name="text:Link 1 URL" content="" />
<meta name="text:Link 1" content="" />
<meta name="text:Link 2 URL" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:Link 3 URL" content="" />
<meta name="text:Link 3" content="" />
<meta name="text:Link 4 URL" content="" />
<meta name="text:Link 4" content="" />
<meta name="text:Link 5 URL" content="" />
<meta name="text:Link 5" content="" />

<!-- jquery for tooltips-->

<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>


<link href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">

 <link href='//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css' 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>

<style type="text/css">

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

#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:tooltiptextcolor};
    padding:5px;}

body {
 background:{color:background};
 color:{color:text};
 text-align:left;
    font-family: 'Raleway', sans-serif;
 line-height:1.6;
 font-size:11px;
 letter-spacing:0.8px;}

blockquote {
    margin-left:10px;
    padding-left:10px;}

a {color:{color:text};
    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;}
small {font-size:10px;}
big {font-size:11px;}

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

#sidebar {
    position:fixed;
    padding-left:40px;
    width:170px;
    position:fixed;
    margin-top:110px;
    margin-left:-470px;}

    #sidetitle {
        text-align:left;
        width:300px;
    font-size:19px;
    font-family: 'Raleway', sans-serif;
    letter-spacing:2.5px;
    color:{color:text};
    text-transform:uppercase;
    margin-top:75px;
    padding-bottom:10px;
-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; }

    #sidetitle a {
        color:{color:text};
        cursor:crosshair;
        padding-bottom:0px;
        opacity:1;
-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;
    }

#sidetitle a:hover {
    opacity:1;
    color:{color:Maintitlehover};
-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 {
        line-height:2em;
    font-family: 'Raleway', sans-serif;
    margin-top:2em;
    text-transform:uppercase;
    width:300px;
    font-size:9px;
    letter-spacing:1.6px; }

    #links a {
    color:{color:text};
    padding:2px;
    margin-right:5px;
    cursor:crosshair;
    padding-bottom:5px;}

    #links a:hover {color:{color:link};}

    .desc {
        color:{color:text};
        text-transform:lowercase;
    font-family: 'Raleway', sans-serif;
    line-height:1.6;
    font-size:11px;
    letter-spacing:0.8px;
    width:300px;
    padding-top:5px;
    height:auto;
    text-align:justify;}

    .desc a {
        color:{color:text};}

#con {
left:40%;
position:absolute;}

#entries {
position:relative;
margin-left:5em;
margin-top:190px;
width:400px;}

#posts {
width:400px;
{block:IndexPage}
margin-bottom:145px;
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom:50px;
{/block:PermalinkPage}}

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

#posts li, #posts blockquote {
    max-width: 100%;
    line-height:2;}

.caption {
padding-top:10px;
background-color:{color:background};
width:95%;
text-align:justify;
overflow:hidden;
margin-top:5px;
padding-left:15px;
border-left:1px solid {color:border}; }

#permalink {
margin-top:35px;
font-size:10px;
text-transform:lowercase;
text-align:left;
padding-bottom:10px;
}

#permalink a {margin-right:10px; color:{color:text};
 -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;  }

#permalink a:hover {
    color:{color:link};
 -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;  }


#tags {
    max-width:400px;
font-family: 'ABeeZee', sans-serif;
    line-height:2;
    text-transform:lowercase;
    font-size:10px;
    letter-spacing:1px;
    text-align:justify;
    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:25px;

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

#tags a {
    color:{color:text};
    opacity:0.7;
    margin-right:15px; }

#tags a:hover {
        color:{color:text};
        opacity:1;}

.pagenotes {
{block:IndexPage}
display: none!important;
{/block:IndexPage}
width:400px;
text-align:left;
font-family: 'Raleway', sans-serif;

}
.pagenotes img {
display:none!important;}
.pagenotes a{
    font-style:italic;
    text-align:left;
    padding-bottom:10px;}
.pagenotes li {
list-style-type:none;
padding:10px 10px;
padding-bottom:5px;
text-align:left;
margin:40px 0 0 -40px;}

#titlequote{text-align:center;
font-size:13px;
line-height:2;
text-transform:uppercase;
 font-family: 'Raleway', sans-serif;
    font-style:bold; }

#source {
    text-transform:uppercase;
    margin-bottom:15px;
    text-align:center;
    line-height:2;}

#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.6;
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:1; }

.question {
    line-height:1.8;}

.asker {
    font-weight:bold;
    letter-spacing:0.7px;
    text-transform:uppercase;}

.asker a {
        font-style:italic; }

.answer {
    border-top:1px solid {color:border};
    padding-top:10px;
    text-align:left;
    font-size:11px;
    line-height:1.8;
    padding-right:10px;margin-top:15px; }

.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; }

#bottom {
    width:100%;
    height:40px;
    background-color:{color:background};
    padding:7px;
    position:fixed;
    bottom:0px;
    color:{color:scrollbar}; }

.cred {
    bottom:20px;
    right:10px;
    position:fixed;
    text-align:left;
    font-size:11px;
font-family: 'ABeeZee', sans-serif;
opacity:0.7;}

.cred a {
    color:{color:text};
    cursor:crosshair; }

.cred a:hover {
    color:{color:link};
    font-size:15px; }

.sfm input {background-color:{color:background};
    font-size:10px;
    border: 1px solid;
    border-color:{color:scrollbar};
    margin-top: 0px;
    color: #999;
    padding: 10px 20px;
}

.sfm {
    background-color:{color:background};
    right:35px;
    margin-top:0px;
    text-align:right;
    position:fixed; }

#pagination {
     font-size:11px;
    text-transform:uppercase;
    font-family: 'Raleway', sans-serif;
color:{color:text};
margin-top:0px;
margin-bottom:50px;
text-transform:uppercase;
text-align:center;
border-bottom:1px solid {color:border};
padding-bottom:10px;}

#pagination a {
margin-top:30px;
padding:0 2px;}

{CustomCSS}

</style></head>
<body>

<div id="con">
<div id="sidebar">

<div id="sidetitle"> <a href="/" title="refresh">{Title}</a> </div>
<div class="desc"> <a style="cursor:default;"> {Description}</a> </div>

<div id="links">
{block:ifLink1}<a href="{text:Link 1 URL}"> {text:link 1}</a> {/block:ifLink1}
{block:ifLink2}<a href="{text:Link 2 URL}">{text:link 2}</a>{/block:ifLink2}
{block:ifLink3}<a href="{text:Link 3 URL}">{text:link 3}</a>{/block:ifLink3}
{block:ifLink4}<a href="{text:Link 4 URL}">{text:link 4}</a>{/block:ifLink4}
{block:ifLink5}<a href="{text:Link 5 URL}">{text:link 5}</a>{/block:ifLink5}

</div>
</div>

<div id="entries">
{block:posts}
<div id="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:Quote}
{block:Source}<div id="source">{Source} <br>&mdash; </div> {/block:Source}
<div id="titlequote">{Quote}</div>
{/block:Quote}

{block:Text}

{block:Title}
<div id="title">{Title}<br> &mdash;

</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-400}" width="{PhotoWidth-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
{/block:Photo}

{block:Photoset}
{Photoset-400}
{/block:Photoset}

{block:Video}
{Video-400}
{/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="asker">from: {Asker} </a> </div><br>
<div class="question">{Question}</div>
<div class="answer"> {Answer} </div>
{/block:Answer}

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

{block:Date}
<div id="permalink">
<a href="{Permalink}" title="permalink"> {TimeAgo} </a>
{/block:Date}
&mdash; <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
{block:permalinkpage}
{block:NoteCount} <a title="notes"> {NoteCount} </a>{/block:NoteCount}

{block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}by: <a href="{ReblogRootURL}">{ReblogRootName}</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}"> future </a>
{/block:PreviousPage}
&nbsp;

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

<div id="bottom">
<form action="/search" method="get" class="sfm">
   <a class="ion-ios-search-strong"> <input type="text" name="q" value="{SearchQuery}" id="sfm"/> </form> </a></div>
<div class="cred">
<a href="https://aresanglant.tumblr.com/" target="_blank" title="credit"> @ </a> </div>

</div>

</body></html>