vitriol

<!--
vitriol
by lavestale
!-->


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<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="image:Background" content="http://static.tumblr.com/..."/>

<meta name="color:Background" content="#fff" />


<meta name="color:Title" content="#000" />
<meta name="color:About" content="#bbb" />

<meta name="color:Pagination" content="#e6f404" />

<meta name="color:Link" content="#000" />
<meta name="color:Link hover" content="#555" />


<meta name="color:Texts" content="#777" />

<meta name="color:PostBorder" content="#000" />
<meta name="color:EntryBG" content="#fff" />


 <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
 <script src="http://static.tumblr.com/onhp7lq/Mw7mwi8q7/jquery.mousewheel.js"></script>


<style type="text/css">

iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}

iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}


 body
{font-family:arial;
text-align:justify;
font-size:10px;
color:{color:Texts};
background-color:{color:Background};
background-image:url('{image:Background}');
background-position: fixed;
background-attachment:fixed;
background-repeat:repeat;}

a
{text-decoration:none;
color:{color:Link};
-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
opacity:1;}

a:hover
{text-decoration:none;
color:{color:Link hover};
opacity:1;}

blockquote
{border-left:2px solid;
padding-left:5px;}

#top
{width:275px;padding:10px 0px 15px 0px;position:fixed;
left:208px;
top:345px;}


#in
{color:{color:About};
font-style:italic;}


.post
{float:left;
width:250px;margin:5px;}


.post img
{max-width:250px;}
#toes
{border:5px solid {color:PostBorder};
    margin-top:70px;margin-left:200px;
    width:260px;
    overflow-y:hidden;
background-color:{color:EntryBG};
    height:260px;
}

#posts
{width:2600px;
background-color:{color:EntryBG};}

#shita
{color:{color:Pagination}}

.next
{float:left;
font-size:136px;-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;opacity:1;
font-family:calibri;color:{color:Pagination};}
.next:hover
{opacity:0.5;}


img
{margin-bottom:-3px;}

#nav
{font-size:20px;}
#nav a
{color:{color:Pagination};}

.tata
{font-size:8px;font-family:georgia;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;color:{color:Title};}
</style>
</head>
<body>

<a style="position:fixed;bottom:5px;right:10px;"  href="http://lavestale.tumblr.com/post/74409166006/vitriol-preview-codes"><span class="menu">©</span></a>


<div id="top">
<div class="tata">{Title}</div>
    <div id="in">
        <span id="about">{Description}</span> <br>
        <a href="/"><span class="menu">home.</span></a>
        <a href="/ask"><span class="menu">ask.</span></a><br>
        <a href="/archive"><span class="menu">archive.</span></a>

        {block:Pagination}
<div id="nav">{block:NextPage}<a href="{NextPage}">+</a>
{/block:NextPage}
{block:PreviousPage}<a href="{PreviousPage}">/ -</a>
{/block:PreviousPage}</div>
{/block:Pagination}
    </div>
</div>


<div id="toes">

<div id="posts">

<!--{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}"><div class="next">
    «
</div></a>
{/block:PreviousPage}
{/block:Pagination}-->


{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 class="post">
    {block:Photo}<a href="{Permalink}"><img src="{PhotoURL-500}"/></a> {/block:Photo}

    {block:Quote}


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

        {block:IndexPage}<a href="{Permalink}">
<div id="shita">x</div></a>

  {/block:IndexPage}
        {/block:Quote}

{block:Text}


        {block:Title}<div class="title">{Title}</div>{/block:Title}
        <div class="text">{Body}</div>

  {block:IndexPage}<a href="{Permalink}">
<div id="shita">x</div></a>

  {/block:IndexPage}
        {/block:Text}

{block:Video}


        <div style="margin-bottom:-3px;">

    {Video-250}</div>

      {block:IndexPage}<a href="{Permalink}">
<div id="shita">x</div></a>

  {/block:IndexPage}
        {/block:Video}


{block:Photoset}

        <div style="margin-bottom:-3px;">

    {Photoset-250}</div>

  {block:IndexPage}<a href="{Permalink}">
<div id="shita">x</div></a>

  {/block:IndexPage}
        {/block:Photoset}

{block:Chat}

        {block:Title}<div class="title">{Title}</div>{/block:Title}
        {block:Lines}
        <div id="line" class="{Alt}">
        {block:Label}<span class="label">{Label}</span>{/block:Label}
        {Line}
        </div>
        {/block:Lines}


  {block:IndexPage}<a href="{Permalink}">
<div id="shita">x</div></a>

  {/block:IndexPage}
        {/block:Chat}

        {block:Audio}

        {block:AudioPlayer}
        <div id="zico">{AudioPlayerBlack}</div>
        {/block:AudioPlayer}
        <div id="char" class="label">
        {block:TrackName}{TrackName}{/block:TrackName} {block:Artist}
        by {Artist} {/block:Artist} {block:PlayCount}<br> {PlayCountWithLabel}{/block:PlayCount}
        </div>
        {block:IfShowCaption}{block:Caption}<div id="cap" class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaption}
         {block:IndexPage}<a href="{Permalink}">
<div id="shita">x</div></a>

  {/block:IndexPage}
        {/block:Audio}

{block:Link}

        <a href="{URL}" target="_blank"><div class="title"><span  id="name">{Name}</span></div></a>
        {block:Description}<div class="text" id="ano">{Description}</div>{/block:Description}
          {block:IndexPage}<a href="{Permalink}">
<div id="shita">x</div></a>

  {/block:IndexPage}
        {/block:Link}


  {block:PermalinkPage}

{Caption}
    {block:PostNotes}
    <div style="margin-top:5px;">{block:RebloggedFrom}
        origin : <a href="{ReblogRootURL}">{ReblogRootName}</a> / Via : <a href="{ReblogParentURL}">{ReblogParentName}</a> {block:ContentSource}
        {/block:ContentSource}
        {/block:RebloggedFrom}</div>

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

          {block:PostNotes}
    <div style="margin-top:5px;">{PostNotes}</div>
    {/block:PostNotes}

    {/block:PermalinkPage}
</div>


{/block:Posts}
<!--{block:Pagination}
{block:NextPage}
<a href="{NextPage}"><div class="next">
    »
</div></a>
{/block:NextPage}
{/block:Pagination}-->


</div>

</div>


</body>
</html>