Theme #13 | Original

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

    <!-- theme #013 by @drunkwerewolves
    http://drunkwerewolves.tumblr.com/
    (aka i change my url too often) -->

    <!-- RULES & GUIDELINES -->

    <!-- Feel free to edit the the theme to your liking, but please leave
    all credits intact and as is. These themes are not bases; don't treat
    them as such. Be inspired, but don't steal. -->

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

<head>

    <!-- DEFAULT VARIABLES -->

    <meta name="color:sbar" content="#F8F5E9" />
    <meta name="color:bg" content="#fdfdfc" />
    <meta name="color:border" content="#F3ECD8" />
    <meta name="color:scroll" content="#E6D0BC" />
    <meta name="color:audio" content="#F3EFE1" />
    <meta name="color:highlight" content="#eeddcc"/>

    <meta name="color:tlinks" content="#F1DAC8" />
    <meta name="color:linktext" content="#FFFFFF" />

    <meta name="color:questionsbg" content="#F8F5E9" />
    <meta name="color:questions" content="#D4CABE" />
    <meta name="color:questionslink" content="#DFCBB7" />

    <meta name="color:title" content="#E2D6C9" />
    <meta name="color:text" content="#D4CABE" />
    <meta name="color:link" content="#DFCBB7" />

    <meta name="font:title" content="georgia" />
    <meta name="font:body" content="georgia" />

    <meta name="text:Link1" content="/" />
    <meta name="text:Link1 Title" content="link01" />
    <meta name="text:Link2" content="/" />
    <meta name="text:Link2 Title" content="link02" />
    <meta name="text:Link3" content="/" />
    <meta name="text:Link3 Title" content="link03" />

    <meta name="image:sbar" content="" />

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{Title}</title>
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />
    <style type="text/css">

::-webkit-scrollbar-thumb:vertical {background-color:{color:scroll}; height:30px;}
::-webkit-scrollbar-thumb:horizontal {background-color:{color:scroll}; height:10px!important;}
::-webkit-scrollbar {background-color:{color:bg}; height:6px; width:6px}

a:link ::-moz-selection {background-color:{color:highlight}; color:#ffffff}
::selection {background-color:{color:highlight}; color:#ffffff}

body {color:{color:text}; background-color:{color:bg}; background-attachment:fixed; font-family:{font:body}; font-size:9px; line-height:110%; text-align:justify}

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

small{font-size:9px; line-height:110%}
big {font-size:14px; line-height:110%}
b, strong{color:{color:text}}
i, em {color:{color:text}}
p{margin-top:5px; margin-bottom:5px}
blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
blockquote img {max-width:300px}
ul, li img {max-with:250px}

img a{border:none; width:100%}

/* ENTRIES */

#container {background-color:transparent; width: 800px;  text-align: center; margin: 0 auto -12px auto}

#entries {margin: 20px 0 -10px 260px; margin-right:0px; float:right; text-align: justify}

#entry {margin: 0px 0 0px 0; width: 500px; background-color:{color:bg}; text-align: justify; padding: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}

#info2 {font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size:9px; text-align:left; padding: 5px;}

#source2 {text-align:left; display:block; margin:-2px -4px 2px -5px; padding:2px; font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; text-transform:uppercase; font-size:9px; opacity:0.8; letter-spacing:0px;}

#border {margin-top:7px; border-top: 2px solid {color:border};}

h1{color:{color:text}; font-family:georgia; font-size:12px; line-height:14px; letter-spacing:0px; font-weight:normal; text-transform:uppercase; margin:0px; padding:0px; text-align:center}

h2{color:{color:text}; font-family:georgia; font-size:16px; line-height:16px; letter-spacing:-1px; font-weight:normal; text-transform:none; margin:0px; padding:0px; text-align:left}

/* SIDELINKS */

#tbar {background-color:transparent; width:75px; height:110%; margin-left:-20px; margin-top:124px; position:fixed; overflow:hidden; border-left:0px solid; border-right:0px solid; padding:3px}

#tlinks a {width:48px; padding:18px 1px; display:block; color: {color:linktext}; background-color: {color:tlinks}; font-family:consolas; font-size:10px; text-transform: lowercase; text-decoration: none; letter-spacing: 1px; margin-top:-4px; margin-bottom:-3px}
#tlinks a:hover {color: {color:linktext}; font-style:italic}

/* SIDEBAR */

#sidebar {top: 120px; margin-left:58px; padding:0px; width: 200px; position:fixed}

#description{background-color: {color:sbar}; padding:5px; float:left; width:200px; margin-top:0px; margin-bottom: 19px; text-align:center}

#triangle {width:200px; margin-top:-18px; color: {color:sbar}; font-family: georgia; font-size:25px; letter-spacing:0px; position:absolute}

#simg img{max-width:200px}

#stext {text-align:justify; font-family: calibri; font-size: 11px; line-height:12px; padding:0px; margin-top:2px}

#description2 {background-color: transparent; padding:5px; float:left; width:200px; margin-top:-6px; text-align:center}

#pagination {text-transform:uppercase; letter-spacing:4px; font-size:12px; font-family:calibri; margin-top:0px}

/* Q&A POSTS */

#questions {background-color: {color:questionsbg}; color: {color:questions}; padding:7px; margin-top: 1px; margin-bottom:5px; font-family:georgia; font-size:10px; text-transform:lowercase; text-align:center}
#questions a {color:{color:questionslink}}

/* AUDIO POSTS */

#audiostats {display:block; height:auto; position:relative; min-height:80px;}

.audioentry {width:490px; background-color:{color: audio}; position:relative;  padding:5px; {block:IndexPage}overflow:hidden;{/block:IndexPage}; min-height:80px;}

.audio {top: 15px; left: 15px; -webkit-border-radius: 50px; -moz-border-radius: 50px; position: absolute; z-index: 3; background: white; opacity: .7; filter:alpha(opacity=70)}

.audioplayer {width: 20px; height: 30px; overflow: hidden; margin: 17px 24px 13px 16px;}

/* CHAT POSTS */

.user_1 .label, .user_3 .label, .user_5 .label, .user_7 .label, .user_9 .label, .user_11 .label, .user_13 .label  {color:{color:link}; font-weight:bold}
.user_2 .label, .user_4 .label, .user_6 .label, .user_8 .label, .user_10 .label, .user_12 .label, .user_14 .label {color:{color:text}; font-weight:bold}
ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px; font-family:calibri; font-size:11px; line-height:12px}

/* POST NOTES */

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

        </style>
    <style type="text/css">{CustomCSS}</style>
</head>

<body>

<div id="container">

<div id="tbar">

<div align="center" id="tlinks">
<a href="/">home</a><br />
<a href="/ask">askbox</a><br />
{block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a><br />{/block:ifLink1}
{block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a><br />{/block:ifLink2}
{block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a><br />{/block:ifLink3}
<a href="http://drunkwerewolves.tumblr.com/tagged/themes">theme</a></div></div>

<div id="sidebar">

<div id="description">
<div align="center" id="simg"><a href="/"><img src="{image:sbar}" /></a></div>
</div>

<div id="description">

<div id="triangle">&#9650;</div>

<div align="center" id="stext">{Description}</div></div>

<div id="description2">

{block:Pagination}<div align="center" id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>{/block:Pagination}

</div>

</div>

<div id="entries">

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

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

{block:Quote}<h2>“{Quote}”</h2>{block:Source}<br><div align="right" style="font-size:10px">— {Source}</div>{/block:Source}{/block:Quote}

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

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

{block:Photoset}<center>{Photoset-500}</center>
{block:Caption}{Caption}{/block:Caption}{/block:Photoset}

{block:Chat}<div style="font-family:calibri; font-size:12px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:none; margin-bottom:3px; padding:0px; text-align:left">{Title}</div><ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}

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

{block:Answer}<div id="questions">{asker} asked: {Question}<br /></div>
{Answer}{/block:answer}

{block:Audio}
<div id="audiostats">
<div class="audioentry">

<img src="http://static.tumblr.com/2lqtwbf/coolyqooj/untitled-1.png" alt="default album art" width="80" height="80" style="position:absolute; vertical-align:middle;" />

{block:AlbumArt}<img width="80" height="80" src="{AlbumArtURL}" style="position:absolute;" />{/block:AlbumArt}

<div class="audio"><div class="audioplayer">{AudioPlayerWhite}</div></div>

<div style="margin-left:90px; line-height:12px">{block:TrackName}<b>Song:</b> {TrackName}<br>{/block:TrackName}
{block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
{block:Album}<b>Album:</b> {Album}<br>{/block:Album}
{FormattedPlayCount} plays{block:Caption}{Caption}{/block:Caption}</div>
</div>{/block:Audio}

<div id="border"></div>
<div id="info2">
<div id="source2">{block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} + <a href="{ReblogParentURL}">via</a>/{block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}{/block:RebloggedFrom}<br>{block:HasTags}{block:Tags}#<a href="/tagged/{tag}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div></div><br />

{/block:Posts}
{block:PostNotes}{PostNotes}{/block:PostNotes}

</div>

</body>
</html>