Wicked by Sofi for Tumblr

<!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}

<!---- Wicked · Theme pack 1 by Sofi. DON'T STEAL THE CREDIT, CUSTOMIZE IT AS MUCH AS YOU WANT BUT DON'T STEAL IT, IT'S ILLEGAL --->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#838282"/>
<meta name="color:Link" content="#b8b8b8"/>
<meta name="image:sidebar" content=""/>

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

<style type="text/css">

::-webkit-scrollbar {width: 4px; height: 4px; background: #f0f0f0; }
::-webkit-scrollbar-thumb { background-color: #999999; -webkit-border-radius: 0ex; }

body {
    background:{color:background};
    margin:0px;
    color:{color:text};
    font-family:Calibri;
    font-size:9px;
    line-height:100%;
}

body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}

a {
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;
    color:{color:link};
}

img {
    border:none;
}

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

h1 {
    font-size:17px;
    font-family:times;
    font-weight: lighter;
    letter-spacing: 1.5px;
    text-align: center;
}

.hr {
    color: #f0eded;
}

#entries {
    padding:10px;
    width:500px;
    margin-left:550px;
    margin-top:60px;
}

#post {
    width:500px;
    padding-bottom:20px;
}

#post:hover #tags {
    opacity: 1;
}

#sidebar {
    width:200px;
    position:fixed;
    margin-left:300px;
    margin-top:150px;
}

#sidebarimage {
    width 80px;
    overflow: hidden;
}

#sidebarimage img {
    width:80px;
    overflow: hidden;
    padding: 5px;
    border: solid #f0eded 1px;
}

#links {
    letter-spacing:1px;
    width:90px;
    font-size:8px;
    opacity:1.5;
    font-family: baskervilles;
    text-align:center;
    text-transform: uppercase;
    line-height:150%;
    text-align: left;
    margin-left: 100px;
    margin-top:-80px;
}

#links a{
    text-align: center;
    background-color:transparent;
    line-height:200%;
    margin-top:1px;
    margin-bottom:7px;
    opacity:.7;
    color:{color:text};
    letter-spacing:1px;
    text-decoration:none;
    width: 100px;
    padding: 2px;
    border-bottom: 1px solid #f0eded;
    -moz-transition-duration:.6s;
    -webkit-transition-duration:.6s;
    -o-transition-duration:.6s;
}

#links a:hover {
    letter-spacing:1px;
    opacity:2;
    width:91px;
    margin-left: 10px;
}

#description {
    padding:5px;
    text-align:justify;
    margin-top: 20px;
    width: 130px;
    font-family: baskervilles;
    font-size: 8px;
}

#pagination {
    padding:5px;
    text-align:center;
    margin-top: 5px;
    width: 130px;
    font-family: baskervilles;
    font-size: 8px;
}

#info {
    text-align:center;
    margin-top:10px;
}

#asker {
    float:left;
}

 .question{
    text-align: center;
    letter-spacing:1px;
    padding:6px;
    border-bottom: 1px solid #f0eded;
}

 .answer{
    background-color:transparent;
    line-height: 10px;
    text-align: left;
    letter-spacing:1px;
    font-size: 9px;
}


#credit {
    font-size:9px;
    font-family:georgia;
    letter-spacing:1px;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

    #credit a {
        background-color:#fff;
        padding:5px;
        border:1px solid #e9e9e9;
        position:fixed;
        right:15px;
        bottom:10px
        }

.sources
{
 filter:alpha(opacity=0);
 opacity:0;
font-size: 0px;
}

#quote {
    line-height: 130%;
    font-size:16px;
    font-family: times;
    text-align: center;
    letter-spacing: 1px;
}

.audio {
    width:250px;
    padding-bottom:10px;
}

.albumart {
    float:left;
    padding:4px;
    border: 1px solid #ccc;
}

.albumart img {
    width:50px;
    height:50px;
}

.player {
    text-align:left;
    padding:10px;
    background-color:#ffffff;
    width:50px;
    margin-left: 53px;
    margin-top:-17px;
}

.musicinfo {
    padding-left:5px;
    padding-top: 3px;
    color:{color:text};
    margin-left: 65px;
}

#notez {
    text-align: left;
}

.info {
    font: normal 8px 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
    text-align: right;
    border-top: solid 1px #f0eded;
    margin-top: 3px;
    padding-top: 3px;
}

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

#tags {
    font-size: 7px;
    margin-top: 3px;
    text-align: center;
    opacity: 0;
    transition: all 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    {block:permalinkpage}
    opacity: 1;
    {/block:permalinkpage}
}

#tags a {
    color: {color:text};
}

{CustomCSS}</style></head><body>

<div id="sidebar">

<div id="sidebarimage"><img src="{image:sidebar}"></div>

<div id="links">
        <a href="{text:link 1 url}">{text:link 1}</a><br>
        <a href="{text:link 2 url}">{text:link 2}</a><br>
        <a href="{text:link 3 url}">{text:link 3}</a><br>
        <a href="{text:link 4 url}">{text:link 4}</a>
</div>

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

<div id="pagination">
{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} -
{block:NextPage}<a href="{NextPage}">forth</a>{/block:NextPage}{/block:Pagination}
</div>

</div>

<div id="entries">
{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}{block:ReblogParent}{/block:ReblogParent}

<div id="post">

{block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}

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

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

{block:Quote}<div id="quote">"{Quote}"</div>{block:Source}<br><br> —<b><font size="1.5">{Source}</font></b>{/block:Source}{/block:Quote}

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

{block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br><br>{/block:Lines}{/block:Chat}

{block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
<div class="musicinfo">{block:TrackName}<b>•Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>•Artist:</b> {Artist}<br />{/block:Artist}
{/block:ExternalAudio}<b>•Played:</b> {PlayCount} times</div>
<br><div class="player">{AudioPlayerWhite}</div></div>
{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}{/block:Audio}

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

{block:Answer}
<div class="question"><b>{Asker}</b> says: <i>{Question}</i></div><blockquote><div class="answer"{Answer}</div></blockquote>{/block:Answer}

<div class="info">
{block:RebloggedFrom}<a href="{ReblogRootURL}">source</a> · <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} (<a href="{Permalink}">{NoteCount}</a>) {block:Date} {TimeAgo}{/block:Date}</div>

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

</div>
<div id="notez">{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:Posts}</div>

</div></div>

</div>

<div id="credit"><a href="http://www.nobodycouldbethatclever.tumblr.com">221b</div>

</body></html>