cereal theme

<!--
cereal theme
donut delete credit
theme by themeblogging
-->

<html>
<head>

<!-- ri i fucking hate you pewdiepie -->

<link rel="shortcut icon" href="{image:Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<title>{Title}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

    <meta name="image:sidebar img" content=""/>
    <meta name="image:bg" content=""/>
    <meta name="image:favicon" content="">
    <meta name="color:bg" content="#fff"/>
    <meta name="color:text color" content=""/>
    <meta name="color:link" content="#c0bdb8"/>
    <meta name="color:link hover" content="#fdfdfd" />
    <meta name="color:post bg" content=""/>
    <meta name="color:sidebar bg"content""/>
    <meta name="color:footer" content""/>
    <meta name="text:sidebar width" content="" />
    <meta name="if:full bg" content="" />
    <meta name="if:post bg" content="" />
    <meta name="text:font" content=""/>
    <meta name="text:font size" content=""/>
    <meta name="text:link1" content="" />
    <meta name="text:name1" content="" />
    <meta name="text:link2" content="" />
    <meta name="text:name2" content="" />
    <meta name="text:link3" content="" />
    <meta name="text:name3" content="" />
    <meta name="text:link divider" content=""/>
    <meta name="if:round icon" content=""/>
    <meta name="if:round posts" content=""/>
    <meta name="if:show description" content=""/>
    <meta name="if:sidebar bg" content=""/>
    <meta name="if:sidebar border" content=""/>
    <meta name="if:post border" content=""/>
    <meta name="color:borders" content=""/>
    <meta name="if:glowy posts"content=""/>
    <meta name="if:glowy sidebar"content=""/>
    <meta name="if:text shadow" content=""/>
    <meta name="color:text shadow" content=""/>
    <meta name="text:post size" content=""/>

    <!-- apolloooo -->

 </head>

<style type="text/css">

::-webkit-scrollbar-thumb{
background-color: {color:scrollbar};
border: 2px solid transparent;
height:auto;
}

::-webkit-scrollbar {
height:auto;
width:9px;
background-color: transparent;
border:3px solid transparent;
}



body {
    margin:0px;
    font-family:{text:font};
    color:{color:text color};
    background-color:{color:bg};
    background-image:url('{image:bg}');
    {block:iffullbg}background-size:100%;
    background-attachment: fixed;{/block:iffullbg}
    font-size:{text:font size}px;
    line-height:130%;
    text-align:justify;
    {block:iftextshadow}
text-shadow: 1px 1px 5px {color:text shadow};
{/block:iftextshadow}
}

a:link, a:active, a:visited{color: {color:link}; text-decoration:none}


p{
margin:0 0 10px 0;
padding:0;
}

pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}

a{
color:{color:link color};
text-decoration:none;
letter-spacing:1px;
font-size:{text:font size}px;
{block:iftextshadow}
text-shadow: 1px 1px 5px {color:text shadow};
{/block:iftextshadow}
}

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

li{
margin-left:-15px;
}

/*
containers etc
*/
#wrapper{
width:600px;
margin:50px auto;
height:100%;
}


#links {
margin-top:10px;
font-size:{text:font size};
width:100%;
text-align:center;
}



#content{
width:500px;
overflow:hidden;
margin: 0 auto;
}


.post{
<font color:{color:text color};>text</font>
width:{text:post size}px;
margin:0 50px 50px 0;
text-align:justify;
overflow:visible;
padding:20px;
{block:ifroundposts}
border-radius:7px;
{/block:ifroundposts}
{block:ifpostbg}background:{color:post bg};
{block:ifglowyposts}
box-shadow: 0px 0px 14px 5px {color:post bg};
{/block:ifglowyposts}
{/block:ifpostbg}
margin-bottom: 20px;
padding-bottom: 25px;
{block:ifpostborder}
border: 1px solid{color:borders};
{/block:ifpostborder}
}

 .post img{
max-width:100%;
}


#sidebar{
margin-top: 25px;
margin-bottom: 25px;
margin:0 50px 50px 0;
text-align: center;
font-family:{text:font};
color:{color:text color};
font-size:{text:font size}px;
{block:ifsidebarbg}
background: {color:sidebar bg};
{block:ifglowysidebar}
box-shadow: 0px 0px 16px 16px {color:sidebar bg};
{/block:ifglowysidebar}
{/block:ifsidebarbg}
padding: 5px;
{block:ifsidebarborder}
border: 1px solid {color:borders};
{/block:ifsidebarborder}
{block:iftextshadow}
text-shadow: 1px 1px 5px {color:text shadow};
{/block:iftextshadow}

}


#sidebar img{
padding:7px;
margin-left: 0px;
{block:ifroundicon}
border-radius:100%;
{/block:ifroundicon}
width:{text:sidebar width}px;
}

#credit{
padding:10px;
width:15px;
height:15px;
position:fixed;
border-radius:100%;
bottom:5px;
left:3px;
}



#nav{
margin:10px 0 0 0;
margin-left: 210px;
}


.media{
margin:0 0 10px 0;
}

#audio {
width:100%;
height:50px;
margin-bottom:10px;
display:block;
padding:5px;
}

#ask_form{ height: 255px!important;}


#audio .player{background:#FFF;height:25px;width:25px;padding:2px;overflow:hidden;position:absolute;margin-top:8px;margin-left:8px;border:2px solid #fff;opacity:0.8;z-index:2;}


.art{width:55px;height:55px; position:absolute;display:block;z-index:1;}
.art img{width:50px;height:50px;}

.songtitle{margin-left:60px;height:40px;padding:5px 10px;line-height:13px;overflow:auto;font-size:{text:font size}px;}

.title{
font-weight:normal;
font-size:18px;
margin:0 0 10px 0;
}


.quote{
font-weight:normal;
font-size:16px;
font-style:italic;
margin:0 0 10px 0;
}

.question{
margin-bottom:10px;
}

blockquote{
margin:0 0 10px 10px;
padding:0 0 0 10px;
border-left:solid 1px #000;
}


.post .footer{
margin:0;
text-align:center;
background-color:{color:footer};
color:{color:footer text};
border:1px {color:border} {select:border};
padding:3px;
border-radius:20px;
}


ol.notes{
list-style-type:none;
padding:0;
margin:0;
}

ol.notes li.note img{
width:16px;
height:16px;
}

ol.notes li.note{
margin:0px;
}

  ol.notes img{width:10px; position:relative; top:1px}
ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}



{CustomCSS}
</style>
</head>

<body>
<div id="wrapper">


<div id="sidebar">
<a href="/">
<img src="{image:sidebar img}"></a>
{block:ifshowdescription}<div id="description">{Description}</div> {/block:ifshowdescription}

<div id="links">
<a href="{text:link1}" title="{text:name1}">{text:name1}</a>
{text:link divider}
<a href="{text:link2}" title="{text:name2}">{text:name2} </a>
{text:link divider}
<a href="{text:link3}" title="{text:name3}">{text:name3} </a>
</div> </div>




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

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



{block:Photo}
<div class="media">{linkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{linkCloseTag}</div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Photo}

{block:Photoset}
<div class="media">{Photoset-400}</div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Photoset}

{block:Quote}
<div class="quote">"{Quote}"</div>
{block:Source}
<div class="quotesource">{Source}</div>
{/block:Source}
{/block:Quote}

{block:link}
<div class="title"><a href="{URL}">{Name}</a></div>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{/block:link}


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

{block:Lines}
<div class="{Alt} user_{UserNumber}">
{block:Label}
<b>{Label}</b>{/block:Label}
&nbsp;{Line}
</div>
{/block:Lines}
{/block:Chat}

{block:Video}
<div class="media">{Video-500}</div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Video}

{block:Audio}
<div id="audio">
<div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
<div class="player">{AudioPlayerWhite}</div>
<div class="songtitle">
{block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br>
{block:Artist}{Artist}{/block:Artist}<br>
{block:Album}{Album}{/block:Album}</div></div>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}


{block:Answer}{Asker} asked: {Question}<br> <br>{Answer}{/block:Answer}

{block:Date}
<div class="footer">
<a href="{Permalink}" title="{TimeAgo}">{MonthNumber}.{DayOfMonth}.{Year}</a>+{block:NoteCount} {NoteCount} ❤ {/block:NoteCount}  + <a href="{ReblogURL}" target="_blank" class="details" title="reblog">reblog</a>
{block:HasTags}<br>{block:Tags}# <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}

</div>


{block:PermalinkPage}
{block:NoteCount}
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:NoteCount}
{/block:PermalinkPage}
{/block:Date}

</div>

{/block:Posts}

{block:Pagination}
<div id="nav">
{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
{/block:Pagination}
</div>
<!-- dont even think about it buddy -->
<div style="position:fixed;bottom:-50px;right:10px;padding:0px;font-size:20px;font-weight:normal;"><div id="credit"><a title="crdt" href="http://themeblogging.tumblr.com/">✧</a></div>


</div>
</div>
</div>

</div>

 <!-- if you can read this im not straight -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>

    </body>
</html>