Theme #45 (Christmas Redux Theme)

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

theme #45 by smullingar, follow the rules and enjoy! x --CHRISTMAS REDUX THEME--
-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!-- DEFAULT VARIABLES -->
<meta name="color:Background" content="#3b627e" />

<meta name="font:Title" content="Arial" />
<meta name="font:Body" content="Arial" />
<meta name="font:Accent" content="Lucida Sans" />
<meta name="if:Show Tags" content="1" />
<meta name="if:Show Album Art on Audio Posts" content="1" />
<meta name="if:Enable Jump Pagination" content="0" />
<meta name="image:Header" content="" />
<meta name="image:Background" content="" />

   <meta name="text:linkA" content="">

    <meta name="text:linkA url" content="/">

    <meta name="text:linkB" content="">

    <meta name="text:linkB url" content="/">

    <meta name="text:linkC" content="">

    <meta name="text:linkC url" content="/">

    <meta name="text:linkD" content="">

    <meta name="text:linkD url" content="/">

        <meta name="text:linkE" content="">

    <meta name="text:linkE url" content="/">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />
<link rel="apple-touch-icon" href="{PortraitURL-128}"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}" />

<style type="text/css">
body {
    background: url('http://media.tumblr.com/12048b2482039c508f30ab83664ab882/tumblr_inline_mwks3gKOIG1r7r8u7.png') fixed;
margin:0;
padding:0;
font-family: {font:Body};

}

 html {

-webkit-background-size:cover ;
-moz-background-size:cover ;
-o-background-size: cover;
background-size: cover; }

.clear {
clear: both;
height: 0px;
overflow: hidden;
}

a img {
border: none;
}

#wrapper {
width: 845px;
margin: 0 auto;
}


#wrapper #content {
width: 520px;
float: right;
margin-top:60px;
}

#wrapper #content .post {
font-family: {font:Body};
background: #fff;
padding: 10px;
position: relative;
}

#wrapper #content .post .media {
text-align: center;
margin-bottom: 10px;
}

#wrapper #content .post .quotebg {
font-family: georgia, serif;
font-size: 150px;
color: {color:Background};
opacity: 0.2;
filter: alpha(opacity=20);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
position: absolute;
top: 70px;
left: 10px;
}

#wrapper #content .post .quote {
color: {color:text};
font-weight: bold;
padding: 20px 20px 5px 20px;
}

#wrapper #content .post .quote.short {
font-size: 33px;
line-height: 35px;
}

#wrapper #content .post .quote.medium {
font-size: 25px;
line-height: 28px;
}

#wrapper #content .post .quote.long {
font-size: 18px;
line-height: 22px;
}

#wrapper #content .post .quote_source *:first-child {
margin-top: 0px;
}

#wrapper #content .post .quote_source *:last-child {
margin-bottom: 0px;
}

#wrapper #content .post .quote *:first-child {
margin-top: 0px;
}

#wrapper #content .post .quote *:last-child {
margin-bottom: 0px;
}

#wrapper #content .post .copy {
color: #6e7173;
padding: 10px;
font-size: 13px;
line-height: 15px;
}

#wrapper #content .post .copy a {
color: #6e7173;
text-decoration: underline;
}

#wrapper #content .post .copy p {
margin: 10px 0 0 0;
padding: 0;
}

#wrapper #content .post .copy pre {
margin: 10px 0px 10px 0px;
padding: 10px;
background-color: #e6e6e6;
font: normal 11px Courier, monospace;
overflow: auto;
}

#wrapper #content .post .copy > p:first-child {
margin-top: 0;
}

#wrapper #content .post .copy img {
max-width: 100%;
}

#wrapper #content .post .audio {
background: #eaeaea;
float: left;
padding: 7px;
margin-bottom: 10px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

#wrapper #content .post .audio .player {
float: left;
}

#wrapper #content .post .audio .player .audio_player embed {
border: 1px solid #c8c8c8;
}

#wrapper #content .post .audio .meta {
padding: 8px 13px;
height: 13px;
float: left;
color: #666;
font-family: {font:Accent};
font-size: 11px;
text-transform: lowercase;
}

#wrapper #content .post .audio .meta a {
color: #666;
text-decoration: none;
}

#wrapper #content .post .album_art {
text-align: center;
}

#wrapper #content .post .question {
color: #494949;
font-size: 16px;
font-weight: bold;
background: #f1f1f1;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
margin: 0 0 15px 0;
padding: 15px 20px;
position: relative;
}

#wrapper #content .post .question .nipple {
width: 13px;
height: 7px;
background: #f1f1f1 url('http://assets.tumblr.com/themes/redux/ask-mask.png');
position: absolute;
bottom: -7px;
left: 30px;
}

#wrapper #content .post .asker_container {
margin: 0 0 20px 24px;
}

#wrapper #content .post .asker_container img {
margin: 0 12px -7px 0;
}

#wrapper #content .post .asker_container a.asker {
color: {color:Body};
}

#wrapper #content .post .title {
color: #494949;
font-size: 16px;
font-weight: bold;
padding: 10px 10px 0 10px;
}

#wrapper #content .post img {
max-width: 500px;
}

#wrapper #content .post .chat {
background-color: #fff;
border-left: 5px solid #dedddd;
margin: 10px 10px 0 10px;
font-size: 14px;
}

#wrapper #content .post .chat .lines {
margin-left: 1px;
}

#wrapper #content .post .chat .lines .line {
background-color: #eaeaea;
color: #494949;
margin-bottom: 1px;
padding: 3px 5px;
}

#wrapper #content .post .chat .lines .line.even {
background-color: #dedddd;
}

#wrapper #content .post .link {
margin: 4px 0 2px 0;
font-size: 16px;
line-height: 25px;
}

#wrapper #content .post .link a {
background-color: {color:Background};
color: #fff;
padding: 5px 7px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

#wrapper #content .post .link a:hover {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
background-color:#09B840;
}

#wrapper #content .post .footer {
background: #F70727;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-family: {font:Accent};
font-size: 11px;
color: #fff;
padding: 5px 10px;
margin-top: 10px;
}

#wrapper #content .post .footer.for_permalink:hover {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
background-color:#09B840;
-webkit-transition-duration:1s;
animation: myfirst 5s;
-webkit-animation: myfirst 5s;

}

#wrapper #content .post .footer .date {
width: 67%;
float: left;
color: #fff;
}

#wrapper #content .post .footer .notes {
width: 33%;
float: right;
text-align: right;
color: #fff;
}

#wrapper #content .post .footer .notes a {
color: #fff;
}

#wrapper #content .post .footer .tags a {
color: #fff;
text-decoration: underline;
}

#wrapper #content .post .footer .tags .tag-commas:last-child {
display: none;
}

#wrapper #content .post .footer.with_source_url .tags {
max-width: 330px;
float: left;
}

#wrapper #content .post .footer.with_source_url .source_url {
float: right;
max-width: 160px;
overflow: hidden;
white-space: nowrap;
color:#fff;

}

#wrapper #content .post .footer.with_source_url .source_url img {
vertical-align: top;
-moz-opacity: 0.5;
opacity: 0.5;
color:#fff;
}

#wrapper #content .post .footer.with_source_url .source_url:hover img {
-moz-opacity: 0.7;
opacity: 0.7;
}

#wrapper #content .post a {
color: #6e7173;
text-decoration: none;
}

#wrapper #content .post .copy blockquote {
margin: 10px 0px 10px 10px;
padding-left: 15px;
border-left: solid 4px #dcdcdc;
}

#wrapper #content .post .copy blockquote blockquote {
border-left: solid 4px #cccccc;
}

#wrapper #content .post .copy blockquote blockquote blockquote {
border-left: solid 4px #bcbcbc;
}

#wrapper #content .post .copy blockquote blockquote blockquote blockquote {
border-left: solid 4px #acacac;
}

#wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
border-left: solid 4px #9c9c9c;
}

#wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
border-left: solid 4px #8c8c8c;
}

#wrapper #content .bottom {
background: url('http://assets.tumblr.com/themes/redux/shadow-post.png') top center no-repeat transparent;
width: 513px;
height: 40px;
margin: 0 auto;
}

#wrapper #content #navigation {
text-align: right;
padding-bottom: 35px;
text-transform: lowercase;
}

#wrapper #content #navigation a {
background-color: #000;
color: #fff;
padding: 5px 10px;
text-decoration: none;
margin-left: 25px;
}

#wrapper #content #navigation a:hover {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

#wrapper #content #navigation.jump_pagination { margin: 0 0 0 4px; color:#fff; background-color:#000; }

#wrapper #content #navigation.jump_pagination a { margin: 0 0 0 4px;
color:#fff; background-color:#000;
}

#wrapper #content #navigation.jump_pagination .current_page {
color:#fff ;
background-color:#000;
border: 2px solid #000;
padding: 3px 8px;
margin: 0 0 0 4px;
cursor: default;
}


#wrapper #content #navigation.jump_pagination .jump_page {
    color:#fff;
    background-color:#000;
    margin: 0 0 0 4px;
}

#wrapper #content .post .notecontainer {
background: #eaeaea;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-family: {font:Accent};
font-size: 11px;
color: #fff;
margin-top: 10px;
margin-bottom: -10px;
}

#wrapper #content .post .notecontainer a {
color: #fff;
text-decoration: underline;
}

#wrapper #content .post .notecontainer ol.notes {
padding: 0px 0 10px 0;
list-style-type: none;
font-size: 11px;
}

#wrapper #content .post .notecontainer ol.notes li.note {
padding: 10px 10px 0 10px;
}

#wrapper #content .post .notecontainer ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}

#wrapper #content .post .notecontainer ol.notes li.note span.action {
font-weight: normal;
}

#wrapper #content .post .notecontainer ol.notes li.note .answer_content {
font-weight: normal;
}

#wrapper #content .post .notecontainer ol.notes li.note blockquote {
border-left: 2px solid #fff;
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}

#wrapper #content .post .notecontainer ol.notes li.note blockquote a {
text-decoration: none;
}

#wrapper #sidebar {
width: 250px;
height:200px;
margin-top:330px;
margin-left:-30px;
position:fixed;
float: left;
color:#fff;
font-family: {font:Accent}
}

#wrapper #sidebar a {
color: {color:Background};
}

#wrapper #sidebar #top {
background: #fff;
padding: 0 20px;


-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

#wrapper #sidebar #top #avatar {
width: 106px;
height:106px;
background: top left no-repeat transparent;
position: fixed;
top: -85px;
left:90px;
}



#wrapper #sidebar #top #description {
font-size: 11px;
position: relative;
top: 2px;
color:#000;
}

#wrapper #sidebar #top #description a {
color: #000;
}


#wrapper #sidebar #top .content {
margin-top: 2px;
padding: 8px 11px;
background: #eaeaea;
color: #666;
font-size: 11px;
overflow: hidden;
}

#wrapper #sidebar #top a {
text-decoration: none;
}

#wrapper #sidebar #bottom {
background: url('http://assets.tumblr.com/themes/redux/sidebar-bottom.png') top center no-repeat transparent;
width: 250px;
height: 25px;
}



</style>
<!--[if lt IE 7.]>
<style type="text/css">
#wrapper #sidebar #bottom {
background: transparent;
}

#wrapper #sidebar #top #avatar {
background: none;
}

#wrapper #sidebar #top #avatar img {
border: 5px solid #f1f1f1;
}

#wrapper #sidebar #top .heading#followontumblr {
background-image: none;
text-indent: 0;
}

#wrapper #sidebar #top .heading#twitter {
background-image: none;
}

#wrapper #sidebar #top .heading#following {
background-image: none;
}

#wrapper #content .post .audio .player {
float: none;
}

#wrapper #content .post .audio .meta {
display: none;
float: none;
}
</style>
<![endif]-->

<!--[if lt IE 8.]>
<style type="text/css">
#wrapper #content .bottom {
background: transparent;
}

#wrapper #content .post .footer {
background: transparent;
color: #000;
}

#wrapper #content .post .audio {
float: none;
background: transparent;
}

#wrapper #content .post .notecontainer .notes {
padding: 0;
margin: 0;
}
</style>
<![endif]-->
<style type="text/css">{CustomCSS}</style>
</head>
<body><script type="text/javascript" src="http://static.tumblr.com/qsifglb/mZjl87ts1/f8.js"></script>

<script type="text/javascript">
snowStorm.snowColor = '#41B6BF'; //
snowStorm.flakesMaxActive = 40;
</script>



<div id="wrapper">


<div id="content">

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

{block:Photo}
<div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
{/block:Photo}

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

{block:Audio}
{block:IfShowAlbumArtOnAudioPosts}
{block:AlbumArt}
<div class="album_art">
<img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
</div>
{/block:AlbumArt}
{/block:IfShowAlbumArtOnAudioPosts}

<div class="audio">
<div class="player">{AudioPlayerWhite}</div>
<div class="meta">{PlayCountWithLabel}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
{/block:Audio}

{block:Quote}
<div class="quote {Length}">{Quote}</div>
<div class="copy">
<div class="quotebg">“</div>
{block:Source}
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" style="width:20px;">&mdash;</td>
<td valign="top" class="quote_source">
{Source}
</td>
</tr>
</table>
{/block:Source}
</div>
{/block:Quote}

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

{block:Answer}
<div class="question">
<div class="nipple"></div>
{Question}
</div>
<div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
<div class="copy">{Answer}</div>
{/block:Answer}

{block:Chat}
{block:Title}<div class="title">{Title}</div>{/block:Title}
<div class="chat">
<div class="lines">
{block:Lines}
<div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
{/block:Lines}
</div>
</div>
<div class="clear"></div>
<div style="height:10px;"></div>
{/block:Chat}

{block:Link}
<div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
{block:Description}<div class="copy">{Description}</div>{/block:Description}
{/block:Link}

{block:Date}
<a href="{Permalink}">
<div class="footer for_permalink">
<div class="date">
{block:Reblog}
{lang:Reblogged TimeAgo from ReblogParentName} {block:RebloggedFromReblog}(<span style="text-transform:lowercase;">{lang:Originally from ReblogRootName}</span>){/block:RebloggedFromReblog}
{/block:Reblog}

{block:NotReblog}
{lang:Posted TimeAgo from source}
{/block:NotReblog}
</div>
<div class="notes">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IfDisqusShortname}{block:NoteCount}&bull;{/block:NoteCount} <a href="{Permalink}#disqus_thread">{lang:View comments}</a>{/block:IfDisqusShortname}</div>
<div class="clear"></div>
</div>
</a>
{/block:Date}

<div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
display:none;
{block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
{block:ContentSource}display:block;{/block:ContentSource}
">
{block:IfShowTags}
{block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
{/block:IfShowTags}

{block:ContentSource}
<a href="{SourceURL}" class="source_url">
{lang:Source}:
{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
</a>
{/block:ContentSource}

<div class="clear"></div>
</div>

{block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}

</div>
<div class="bottom"></div>
{/block:Posts}

{block:Pagination}
<div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
{block:PreviousPage}<a href="{PreviousPage}">&larr; {lang:Previous}</a>{/block:PreviousPage}

{block:IfEnableJumpPagination}
{block:JumpPagination length="5"}
{block:CurrentPage}
<span class="current_page">{PageNumber}</span>
{/block:CurrentPage}

{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}

{/block:JumpPagination}
{/block:IfEnableJumpPagination}

{block:NextPage}<a href="{NextPage}">{lang:Next page} &rarr;</a>{/block:NextPage}
</div>
{/block:Pagination}

</div>

<div id="sidebar">
<div id="top">
<div id="avatar"><a href="/"><img src="http://31.media.tumblr.com/19a64502f6a8947c142c5b86724cfb7f/tumblr_mwadgb6JvL1sy1mrso2_500.gif" /></a></div>

<div id="description"><select onchange='location=this.options[this.selectedIndex].value;' style='width:165px; margin-top:10px;margin-bottom:10px;font-size:10px; margin-left:20px;'></div>



<option>HEADER</option>

<option value="{text:linkA url}">{text:linkA}</option>

<option value="{text:linkB url}">{text:linkB}</option>

<option value="{text:linkC url}">{text:linkC}</option>

<option value="{text:linkD url}">{text:linkD}</option>

<option value="{text:linkE url}">{text:linkE}</option>


</select><br>{Description}</div>

</div>

<div id="bottom"></div>

</div>
</div>

</body>

<!--
THEME MAKER CREDIT
-->

<div style="position:fixed;bottom:3px; right:3px; font-size:7px; letter-spacing:1px; font-family:cambria;"><a href="http://smullingar.tumblr.com/">© SMULLINGAR</a></center></div>
</html>