Little Things theme by winchestheart

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

<!-- Theme 03; little things by ~winchestheart.
// http://winchestheart.tumblr.com © //

This work is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported License.
> http://creativecommons.org/licenses/by-nc/3.0/

Do not remove the credit or use as your own work.
Thank you.

-->
<script src="http://static.tumblr.com/2w7y46r/xtmlvfnoc/snowstorm.js"></script>
<html><head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">

<meta name="image:sidebar" content="" />
<meta name="color:main" content="#c6c6c6" />
<meta name="color:text" content="#a7a7a7" />
<meta name="color:bg" content="#ffffff" />
<meta name="color:post" content="#ffffff" />
<meta name="color:border" content="#f1f1f1" />
<meta name="text:link" content="" />
<meta name="text:link title" content="" />
<meta name="if:custom cursor" content="0" />
<meta name="if:custom scrollbar" content="1" />
<meta name="if:post info hover" content="0" />
<meta name="if:grayscale" content="0" />


<style type="text/css">

{block:IfGrayScale}.image {-webkit-filter:grayscale(1)}{/block:IfGrayScale}

{block:IfCustomScrollbar}
::-webkit-scrollbar {width:5px;height:5px;background:{color:border};}
::-webkit-scrollbar-thumb:vertical {height:5px;background:{color:main};}
::-webkit-scrollbar-thumb:horizontal {height:5px;!important;background:{color:main};}{/block:IfCustomScrollbar}

iframe#tumblr_controls {top:0px!important;right:3px!important;position: fixed!important;}

body {font-family:calibri,arial;font-size:10px;background-color:{color:bg};color:{color:text};}

{block:IfCustomCursor}body, a, a:hover {cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto}{/block:IfCustomCursor}

a {padding:1px;-webkit-transition: all 0.2s linear; -moz-transition:
all 0.2s linear; transition: all 0.2s linear;text-decoration:none;color:{color:main};}
a:hover {-webkit-transition: all 0.2s linear; -moz-transition:
all 0.2s linear; transition: all 0.2s linear;color:{color:text};}

small {font-size:9px;}

blockquote {padding:0px 8px 0px 8px;margin:0px 0px 0px 10px;border-left:2px solid {color:border};}

h1 {font-family:cambria;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:normal;}

#credit {margin-right:-9px;position:fixed;bottom:5px;right:5px;text-transform:uppercase;font-size:8px;font-weight:bold;padding:3px;border:1px solid {color:border};}

.credit {display:inline-block;margin-right:-100px;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}

#credit:hover .credit {margin-right:0px;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}

.label {font-weight:bold;color:{color:main};}


/* SIDEBAR */

#sidebar {width:138px;margin-left:290px;margin-top:180px;position:fixed;}

.sideimg {width:150px;height:auto;float:center;}

.description {letter-spacing:1px;font-family:cambria;font-size:8px;padding:15px;text-align:center;}

.navigation {width:110px;margin-left:15px;margin-top:-5px;padding-top:5px;font-family:courier new;text-transform:uppercase;letter-spacing:1px;font-size:7px;text-align:center;border-top:1px solid {color:border};}

.navigation a {color:{color:text};}
.navigation a:hover {color:{color:main};}


/* POST */

#post {margin-left:500px;margin-top:40px;width:500px;padding:10px;text-align:justify;background-color:{color:post};border:1px solid {color:border};{block:IndexPage}margin-bottom:30px;{/block:IndexPage}-webkit-transition:all .4s ease-in; -moz-transition:all .4s ease-in; -o-transition:all .4s ease-in;}

.info {font-size:8px;width:490px;font-family:consolas;text-align:center;letter-spacing:1px;margin-left:1px;padding:5px;position:absolute;opacity:0;-webkit-transition:all .4s ease-in; -moz-transition:all .4s ease-in; -o-transition:all .4s ease-in;{block:IndexPage}background-color:#000;{/block:IndexPage}}

#post:hover .info {z-index:5;opacity:.8;-webkit-transition:all .4s ease-in; -moz-transition:all .4s ease-in; -o-transition:all .4s ease-in;}

.info2 {font-size:8px;width:500px;font-family:consolas;text-transform:uppercase;text-align:left;letter-spacing:1px;position:absolute;-webkit-transition:all .4s ease-in; -moz-transition:all .4s ease-in; -o-transition:all .4s ease-in;{block:IfPostInfoHover}margin-top:20px;opacity:0;{/block:IfPostInfoHover}{block:IfNotPostInfoHover}margin-top:15px;{/block:IfNotPostInfoHover}}

#post:hover .info2 {margin-top:15px;opacity:.8;-webkit-transition:all .4s ease-in; -moz-transition:all .4s ease-in; -o-transition:all .4s ease-in;}

#tags {font-family:consolas;text-transform:uppercase;width:500px;text-align:left;letter-spacing:1px;font-size:8px;position:absolute;-webkit-transition:all .4s ease-in; -moz-transition:all .4s ease-in; -o-transition:all .4s ease-in;{block:IfPostInfoHover}margin-top:20px;opacity:0;{/block:IfPostInfoHover}{block:IfNotPostInfoHover}margin-top:15px;{/block:IfNotPostInfoHover}}

#post:hover #tags {margin-top:15px;opacity:.9;-webkit-transition:all .4s ease-in; -moz-transition:all .4s ease-in; -o-transition:all .4s ease-in;}

#permalink {margin-left:500px;width:520px;text-transform:uppercase;letter-spacing:1px;font-family:consolas;font-size:8px;{block:PermalinkPage}padding:5px;{/block:PermalinkPage}}


/* QUOTE */

.quote {font-size:14px;font-family:cambria;}
.source {font-size:8px;font-weight:bold;text-transform:uppercase;font-family:calibri;padding-top:10px;text-align:center;}


/* QUESTION */

.question {font-style:italic;padding:10px;background-color:#f8f8f8;}
.asker {font-size:8px;font-weight:bold;text-transform:uppercase;text-align:right;padding-right:10px;margin-top:-7px;}


/* AUDIO */

.audioplayer {position:absolute;z-index:10;width:28px;height:28px;overflow:hidden;margin:40px;opacity:.7;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.audioplayer:hover {opacity:.9;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.albumart {width:100px;height:100px;position:relative;z-index:5;display:inline-block;}
.albumart img {padding:3px;border:1px solid {color:border};opacity:.5;}
.audiocaption {display:inline-block;margin-left:20px;}


/* NOTES */

.notes {width:480px;margin-left:240px;margin-top:30px;font-weight:bold;}
ol.notes {list-style-type:none;}
ol.notes li.note {padding-bottom:7px;margin-bottom:12px;border-bottom:1px solid {color:border};}
ol.notes li.note img.avatar {vertical-align:-8px;}
ol.notes li.note img {padding:2px;border:1px solid {color:border};}
ol.notes li.note blockquote {padding-left:5px;margin-left:30px;}


</style>

<div style="position: fixed; top: -14px; left: 0px; right: 0px; height: 37px; background: url('http://static.tumblr.com/7qjmkr5/Tz4mb7rq9/omgadok.png') repeat-x top; z-index: 999; opacity: 0.9;"></div>


<div id="banner"></div>


</head>


<body>

<div id="credit">theme © <div class="credit"><a href="http://winchestheart.tumblr.com" target="_blank">winchestheart</a>&nbsp;&nbsp;</div></div>

<!-- sidebar -->

<div id="sidebar">

<div class="sideimg"><img src="{image:Sidebar}" width="150"></div>

<div class="description">{Description}</div>

<div class="navigation">
{block:PreviousPage}<a href="{PreviousPage}">-</a> {/block:PreviousPage}
<a href="/">index</a> <a href="/ask">mssg</a> <a href="{text:link}">{text:link title}</a>
{block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}
</div>

</div> <!-- sidebar -->


<!-- posts -->

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

{block:Text}{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}{Body}<div class="info2">{block:IndexPage}{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} | {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} | {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:IndexPage}</div>{/block:Text}

{block:Photo}{block:IndexPage}<div class="info">
{block:Date}{<a href="{Permalink}">{TimeAgo}</a>;}{/block:Date} {block:NoteCount} +{NoteCountWithLabel}{/block:NoteCount} | <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:IndexPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" class="image" />{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{block:IndexPage}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IndexPage}{/block:Photo}

{block:Photoset}<div class="info">{block:IndexPage}
{block:Date}{<a href="{Permalink}">{TimeAgo}</a>;}{/block:Date} {block:NoteCount} +{NoteCountWithLabel}{/block:NoteCount} | <a href="{ReblogURL}" target="_blank">reblog</a>{/block:IndexPage}</div><div class="image">{Photoset-500}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{block:IndexPage}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IndexPage}{/block:Photoset}

{block:Quote}<div class="quote">❝ {Quote}</div>{block:Source}<div class="source">- {Source}</div>{/block:Source}<div class="info2">{block:IndexPage}{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} | {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} | {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:IndexPage}</div>{/block:Quote}

{block:Link}<h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}<div class="info2">{block:IndexPage}{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} | {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} | {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:IndexPage}</div>{/block:Link}

{block:Chat}<div id="chat">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
<div class="chat">{block:Lines}<div class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label} </span>{/block:Label}{Line}</div>{/block:Lines}</div></div><div class="info2">{block:IndexPage}{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} | {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} | {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:IndexPage}</div>{/block:Chat}

{block:Video}<div class="info">{block:IndexPage}
{block:Date}{<a href="{Permalink}">{TimeAgo}</a>;}{/block:Date} {block:NoteCount} +{NoteCountWithLabel}{/block:NoteCount} | <a href="{ReblogURL}" target="_blank">reblog</a>{/block:IndexPage}</div>{Video-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}

{block:Audio}<div class="audioplayer">{AudioPlayerWhite}</div><div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100" height="100">{/block:AlbumArt}</div><div class="audiocaption"><div style="font-family:courier new;font-size:9px;letter-spacing:1px;">{block:Artist}<u>ARTIST</u>: {Artist};<br>{/block:Artist}{block:Album}<u>ALBUM</u>: {Album};<br>{/block:Album}{block:TrackName}<u>TRACK</u>:{TrackName};<br>{/block:TrackName}<u>PLAYED</u>: {PlayCount} times.</div>{block:Caption}{Caption}{/block:Caption}</div><div class="info2">{block:IndexPage}{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} | {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} | {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:IndexPage}</div>{/block:Audio}

{block:Answer}<div class="question">{Question}</div><div class="asker"><span style="font-size:20px;color:#f8f8f8;">◥</span> {Asker}</div>{Answer}<div class="info2">{block:IndexPage}{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} | {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} | {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:IndexPage}</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:NoRebloggedFrom} -->

</div><!-- post -->


<div id="permalink">{block:PermalinkPage}
{block:Date}{TimeAgo}{/block:Date}{block:NoteCount} | {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} | <a href="{ReblogRootURL}" title="{ReblogRootName}" target="_blank">source</a>{/block:RebloggedFrom}{block:HasTags} | {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
{/block:PermalinkPage}</div>


{block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}

{/block:Posts}


</body>
</html>