Theme #019

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<head>


<!-- #019/WESTARK;
steal this and i will steal your children
and eat them-->

<!-- DEFAULT VARIABLES -->
<meta name="color:background" content="#FFFFFF" />
<meta name="color:text" content="#616161" />
<meta name="color:entry" content="#FFFFFF" />
<meta name="color:sidebar" content="#FFFFFF" />
<meta name="color:link" content="#727272" />
<meta name="color:linkblock" content="#727272" />
<meta name="color:linkblock2" content="#E6E6E6" />
<meta name="color:linkhover" content="#E9E7E6" />
<meta name="color:scrollbar" content="#616161" />
<meta name="color:scrollbg" content="#FFFFFF" />

<meta name="image:sidebar" content=""/>
<meta name="image:background" content=""/>

<!-- LINKS -->
<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="/" />

<!-- IF SHOWS -->
<meta name="if:Show Link1" content="1"/>
<meta name="if:Show Link2" content="1"/>
<meta name="if:Show Link3" content="1"/>
<meta name="if:Show Link4" content="1"/>

<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 {width: 10px; height:auto; background:{color:scrollbg}}
::-webkit-scrollbar-corner {background:{color:scrollbg}}
::-webkit-scrollbar-button:vertical {height:4px; display: block; background:{color:scrollbar}}
::-webkit-scrollbar-button:horizontal {width: 7px; height: 4px; display: block; background:{color:scrollbar}}
::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; border-top: 1px solid {color:scrollbg}; border-bottom: 1px solid {color:scrollbg}}
::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:scrollbg}}
::-webkit-scrollbar-thumb {background: {color:scrollbar}; border-top: 0pt solid {color:scrollbg}; border-bottom: 0pt solid {color:scrollbg}}
::-webkit-scrollbar-thumb:hover {background: {color:scrollbar}; cursor:url(http://i53.tinypic.com/zycxmw.png), auto}
::-webkit-scrollbar-track-piece {background: {color:scrollbg}; border-top: 1pt solid {color:scrollbg}; border-bottom: 1pt solid {color:scrollbg}; width:4px}

body {color:{color:text}; background-color:{color:background}; background-attachment:fixed; font-family:arial; font-size:10px; line-height:100%; text-align:justify; font-style:normal}

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

small{font-size:10px;}
big{font-size:14px;}
b, strong{color:{color:title}}
i, em {}
p{margin-top:5px; margin-bottom:5px}
blockquote {margin:11px; background:#fff; padding-left:7px; border-left:4px solid #808080}

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

h1{color:{color:text}; font-family:cambria; font-size:12px; line-height:12px; letter-spacing:0px; font-weight:bold; text-transform:uppercase; margin:0px; padding:0px; text-align:left}
h2{color:{color:title}; font-family:{font:title}; font-size:12px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:none; margin:0px; padding:0px; margin-bottom:-0px; text-align:left}

#sizer {width: 534px; height:670px; text-align: center; margin: -20px auto 10px 360px}
#entries {margin-top:109px; margin-left:90px; text-align: justify; width:560px; padding:10px;}
#entry {background:white; width: 500px; text-align: justify; padding: 8px; opacity:1; margin-bottom:50px;}
#entries :hover #info {opacity:1; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}

#sidebar {top:-32px; margin-left:-615px;  width:120px; height:100%; padding-left:500px; padding-top:130px; position:fixed;}

.links {text-transform:none; margin-top:2px; padding:10px; border-bottom:3px double #f9f9f9; text-align:center; font-family:arial; color:{color:link}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; margin-bottom:10px}
.links a {-webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; font-size:9px; padding:2px;}
.links a:hover {-webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; opacity:0;}

.pagination {opacity:.9; font-size:10px; font-style:none; text-align:right}
.pagination a{color:{color:link}; margin-bottom:3px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.pagination a:hover {opacity:0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

#textytitle {text-align:left; font-size:16px; padding-bottom:3px; font-style:italic;}

#about {margin-left:px; background:white; width:165px; margin-top:0px; padding:10px; line-height:130%; {color:linkblock}; text-align:right}
#about a {color:{color:linkblock}; font-size:9px; }
#about a:hover {opacity:0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
#about img {width:145px; border:3px double #f9f9f9; padding:7px; }
#sidebar:hover .addy {opacity:1}

#infotitle {font-size:15px; font-family:georgia; font-style:italic; border-bottom:1px dashed #f9f9f9; padding:3px; text-align:left}

#tptitle {padding:10px; background-color:#fcfcfc; color:{color:link}; text-align:center; font-size:13px; text-transform:lowercase; font-style:italic; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; border-bottom: 1px dashed #fdfdfd}
#tptitle a {color:{color:linkblock2}}
#tptitle a:hover {color:{color:linkblock}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}

#quotetitle {font-size:10px; padding:10px; background-color:#fcfcfc; color:{color:link}; text-align:center; font-style:italic; letter-spacing:1px; text-transform:uppercase}
#quoter {text-align:right; font-size:8px; text-transform:uppercase; letter-spacing:3px; padding:2px; color:{color:linkblock1}}

#info {position:absolute; width:200px; text-align:left; font-family:trebuchet ms; text-transform:uppercase; font-size:7px; padding-top:8px; padding-bottom:5px; margin-left:510px; letter-spacing:1px; opacity:1; margin-bottom:12px; margin-top:3px; line-height:100%; color:{color:link}; opacity:0}

#info2 {text-align:left; width:490px; font-family:trebuchet ms; text-transform:uppercase; font-size:7px; padding:5px; letter-spacing:1px; opacity:1; margin-top:12px; line-height:200%; color:{color:link}; border-top:1px solid #f9f9f9}
#info2 a:hover {display:inline-block; opacity:1; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
#info2 a{background:#fafafa; padding:2px; opacity:1; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}

#questions {background-color:#fcfcfc; width:470px; padding:15px; font-family:calibri; font-size:8px; line-height:80%; text-align:center; text-transform:uppercase; color:{color:scrollbar}; padding:px; border-bottom:1px solid #f9f9f9}
#questions a {color:{color:text}}
#asker {font-family:arial; width:484px; font-size:10px; background-color:#fafafa; color:{color:text}; padding:6px; text-transform:lowercase}
#asker a {color:{color:text};}
#answer {padding:4px;}

.moarlinks {font-family:arial; word-spacing:1px; margin-top:10px; padding:2px; text-align:right;}
.moarlinks a {display:inline-block; background:#fafafa; text-transform:lowercase; padding:4px; font-size:9px;}

#title {width:461px; text-align:center; margin-top:80px; padding:20px; margin-left:8px; margin-bottom:40px; color:{color:text}; font-family:georgia; font-size:21px; line-height:70%; background:#fafafa}
.title {background:#fafafa; padding:4px; margin-top:10px; text-align:center}

#audio {padding:20px; background-color:#fcfcfc}
.audiobg {width:400px; background:white; padding:30px}
.audiolinks {width:400px; display:block; background-color:#ffffff; margin-top:2px; margin-bottom:1px; padding:2px; border-left:3px solid gray; margin-left:53px}
.audiolinksimg {float:left; margin-top:2px; margin-left:px}
.audiolinksimg img {background-color:#f9f9f9; width:45px; height:45px; padding:1px; border:1px dashed #fff; border-radius:200px}

.grey {background-color:#fcfcfc; color:{color:link}; }
.white {background-color:white; color:#fcfcfc;}

.user_1 .label {padding:1px}
.user_2 .label {padding:1px;}
.user_3 .label {padding:1px}
.user_4 .label {padding:1px}
.user_5 .label {padding:1px}
.user_6 .label {padding:1px}
ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:4px; line-height:130%}

#cred {position:fixed; font-family:calibri; font-size:9px; text-transform:uppercase; bottom:13px; right:13px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#cred a {border-radius:100%; border:1px solid #f9f9f9; display:block; padding:9px; background-color:#fcfcfc; color:{color:link}}
#cred a:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border:1px solid {color:link}; }

.notes img{width:10px; position:relative; top:1px}

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

</style><style type="text/css">{CustomCSS}</style></head>
<body onkeydown="return false">

<div id="sizer">
<div id="sidebar">
<div id="texty">
<div id="about">
<center><img src="{image:sidebar}"></center>
<div class="title">{title}</div>
<div class="links">
<a href="/">refresh</a> /
<a href="/ask">message</a> /
<a href="/archive">archive</a>
</div>{Description}<br><div class="moarlinks">
{Block:ifShowLink1}<a href="{text:link 1 url}">{text:link 1}</a>{/Block:ifShowLink1}
{Block:ifShowLink2}<a href="{text:link 2 url}">{text:link 2}</a>{/Block:ifShowLink2}
{Block:ifShowLink3}<a href="{text:link 3 url}">{text:link 3}</a>{/Block:ifShowLink3}
{Block:ifShowLink4}<a href="{text:link 4 url}">{text:link 4}</a>{/Block:ifShowLink4}
</div><br><div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><small>newer</small></a>{/block:PreviousPage} {/block:Pagination}{block:Pagination} — {block:NextPage}<a href="{NextPage}"><small>older</small></a>{/block:NextPage}{/block:Pagination}{/block:Pagination}</div></div>
</div></div>


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

<div id="info">{block:Date}<a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix}, {DayOfWeek}</a><br>{TimeAgo}{/block:Date}{block:NoteCount}<br>— {NoteCount} notes{block:ContentSource}<br>© <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{block:RebloggedFrom}<br>@<a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}</a>{/block:NoteCount}<br><a href="{ReblogURL}" target="_blank">→ <u>Reblog</u></a></div>

{block:Text}{block:Title}<div id="tptitle">{Title}</div>{/block:Title}{Body}{/block:Text}

{block:Quote}<div id="quotetitle">“{Quote}”</div> <div id="quoter">— {Source}</div>{/block:Quote}

{block:Link}<a href="{URL}"><div id="tptitle">{Name}</div></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 class="grey"><ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</div></ul>{/block:Chat}

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

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

{block:Audio}<div id="audio"><div class="audiobg"><center>{AudioPlayerWhite}</center></div>{block:Artist}{block:AlbumArt}<div class="audiolinksimg"><img src="{AlbumArtURL}" align="left" style="margin-right:10px"/></div>{/block:AlbumArt}<div class="audiolinks"><u>Artist</u>: <b>{Artist}</b></div>{/block:Artist}{block:TrackName}<div class="audiolinks"><u>Track</u>: <b>{TrackName}</b></div>{/block:TrackName}<div class="audiolinks"><u>Played</u>: <b>{playcount}</b> times.</div></div>{Caption}{/block:Audio}

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

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

</div>

<div id="cred"><a href="http://westark.tumblr.com">WS</a></div>

</body>

</html>