Untitled

<!-- PLEASE DO NOT REMOVE CREDIT!!
     Theme by @yeoreums-gf on tumblr !-->

<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}"/>
            <meta name="color:background" content="#F6FBFE"/>
            <meta name="color:sidebar bg" content="white"/>
            <meta name="color:title" content="A8CBE0"/>
            <meta name="color:text" content="black"/>
            <meta name="color:post bg" content="white"/>
            <meta name="color:permalink" contegt="#77A4BF"/>
            <meta name="color:permalink hover" content="black"/>
            <meta name="color:tags" content="#77A4BF"/>
            <meta name="color:tags hover" content="black"/>
            <meta name="color:link" content="#77A4BF"/>
            <meta name="color:link hover" content="black"/>
            <meta name="color:sidebar link" content="#77A4BF"/>
            <meta name="color:sidebar link hover" content="black"/>
            <meta name="color:bold italic" content="A8CBE0"/>
            <meta name="color:blackquote" content="black"/>

            <meta name="text:link1" content="link1 url"/>
            <meta name="text:link1name" content="link1 name"/>
            <meta name="text:link2" content="link2 url"/>
            <meta name="text:link2name" content="link2 name"/>
            <meta name="text:link3" content="link3 url"/>
            <meta name="text:link3name" content="link3 name"/>
            <meta name="if:Show link3" content="1"/>

            <meta name="select:post padding" content="10px"/>
            <meta name="select:post padding" content="20px"/>
        {/block:Description}

        <link href='https://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
    </head>

<style type="text/css">

body {
    background-color: {color:background};
    font-family: 'Economica', sans-serif;
    color: {color:text};
    font-size: 13px;
}

#cont {
    left: 600px;
    position: absolute;
    top: 20%;
}

.post {
    width: 400px;
    background-color: {color:post bg};
    padding: {select:post padding};
    margin: 0px 0px 50px 0px;
    text-align: left;
}

.permalinks {
    text-align: right;
}

.permalinks a {
    text-decoration: none;
    color: {color:permalink};
    font-size: 10px;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    padding: 2px;
}

.permalinks a:hover {
    font-size: 11px;
    color: {color:permalink hover};
}

.tags {
    text-align: right;
}

.tags a {
    text-decoration: none;
    color: {color:tags};
    font-size: 10px;
    text-transform: uppercase;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}

.tags a:hover {
    font-size: 11px;
    color: {color:tags hover};
}

a {
    text-decoration: none;
    color: {color:link};
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}

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

b {
    color: {color:bold italic};
    text-transform: uppercase;
}

i {
    color: {color:bold italic};
}

blockquote {
    padding: 0px 7px;
    margin: 0px 0px 0px 3px;
    border-left: 2px solid black;
    text-align: justify;
    padding-right: 5px;
    font-size: 12px;
}

blockquote img {
   MAX-WIDTH:100%;
   HEIGHT:AUTO;
}

IMG {
    MAX-WIDTH: 100%;
    margin: 0px 0px 10px 0px;
}

#sidebar {
 position: fixed;
 left: 12%;
 top: 20%;
 width: 250px;
 border: 2px white solid;
 background-color: {color:sidebar bg};
 padding: 10px;
}

.quote {
    color: {color:tags};
    font-size: 10px;
    text-align: right;
}

.des {
    text-transform: lowercase;
    text-align: center;
    padding: 10px 10px 0px 10px;
}

#title {
    font-size: 22px;
    text-align: right;
    padding: 0px 20px 0px 0px;
    text-transform: uppercase;
    color: {color:title};
}

.links {
    font-size: 12px;
    text-align: center;
}

.links a {
    text-transform: uppercase;
    text-decoration: none;
    color: {color:sidebar link};
    display: inline-block;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    padding: 10px;
}

.links a:hover {
    font-size: 12px;
    color: {color:sidebar link hover};
}

#pagination {
    text-align: center;
}

#pagination a {
    text-transform: none;
    color: block
    padding: 0px 10px 0px 0px;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}

#pagination a:hover {
    color: black;
}

.date {
   float:left;
}

.reblogs {
   float:right;
}

.postnotes {
    text-align: left;
    text-size: 10px;
}

ol.postnotes {
    border: solid 2px black;
}

ol.notes li.note img {
    display: none;
}

</style>

<body>

<div id="sidebar"><h1 id="title">...{Title}</h1>
{block:Description}<p class="des">{Description}{/block:Description}</p>
    <div class="links">
        <a href="/">home</a>
        <a href"/ask">ask</a>
        <a href="/{text:link1}">{text:link1name}</a>
        <a href="/{text:link2}">{text:link2name}</a>
        {Block:IfShowLink3}<a href="/{text:link3}">{text:link3name}{/block:IfShowLink3}</a>
    </div>

    <div id="pagination">{Block:Pagination}<a href="http://yeoreums-gf.tumblr.com">©</a>{block:PreviousPage}<a href={PreviousPage}>prev</a>{/block:PreviousPage} {block:NextPage}<a href={NextPage}>next</a>{/block:NextPage}{/block:Pagination}
</div>
</div>


<div id="cont">
{block:Posts}
<div class="post">
{block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}

{block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}

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

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

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

{block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}

{block:Chat}{block:Title}{Title}</a>{/block:Title}
{block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}

{block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}

{block:Audio}{AudioEmbed-400}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
<div class="permalinks"><div class="date"><a href={Permalink}>{DayOfMonthWithZero}.{ShortMonth} {24HourWithZero}:{Minutes}</a> <a href="{Permalink}">{block:NoteCount}♥ {NoteCount}{/block:NoteCount}</a></div> <div class="reblog">{block:RebloggedFrom}
<a href={ReblogParentURL}>via;</a>
<a href={ReblogRootURL}>source;</a>
{/block:RebloggedFrom}
<a href={ReblogURL}>reblog</a></div>
<div class="postnotes">{block:PostNotes}{PostNotes}{/block:postnotes}</div>
</div>

<div class="tags">{block:HasTags}{block:Tags}<a href={Tagurl}> *{tag}</a>{/block:Tags}{/block:HasTags}</div>

</div>
{/block:Posts}
</div>


</body>
</html>