Redux Theme #1

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



<!---
REDUX THEME #1 BY HOGWATTTTT
please follow the rules
--->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#a8a8a8"/>
<meta name="color:menu text" content="#000000"/>
<meta name="color:contrast" content="#F5E4DC"/>
<meta name="color:Sidebar Links" content="#b8b8b8"/>
<meta name="color:DescriptionText" content="#b8b8b8"/>
<meta name="color:Border" content="#dddddd"/>
<meta name="color:Hover" content="#f2f2f2"/>
<meta name="color:Scrollbar" content="#000000"/>
<meta name="color:ScrollbarBg" content="#ffffff"/>
<meta name="color:Post Links" content="#c0bfbf"/>
<meta name="color:Answer Backg" content="#000000"/>
<meta name="image:Sidebar" content=""/>
<meta name="image:Background" content=""/>
<meta name="if:small" content="1"/>
<meta name="if:lace" content="1"/>
<meta name="text:Link 1" content="" />
<meta name="text:Link 1 Text" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:Link 2 Text" content="" />
<meta name="text:Link 3" content="" />
<meta name="text:Link 3 Text" content="" />
<meta name="text:Link 4" content=""/>
<meta name="text:Link 4 Text" content="" />
<meta name="text:Link 5" content=""/>
<meta name="text:Link 5 Text" content="" />

  <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic' rel='stylesheet' type='text/css'>

<style type="text/css">

::-webkit-scrollbar-thumb {
height:auto;
background-color:{color:Scrollbar};
}

::-webkit-scrollbar {
height:9px;
width:4px;
background-color:{color:ScrollbarBg};
}

body {
background:{color:background};
margin:0px;
color:{color:text};
font-family:calibri;
font-size:10px;
line-height:100%;
letter-spacing:0px;
text-align:justify;
background-image:url('{image:background}');
}

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

img {
    border:none;
}

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

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

h1 {
font-size:8px;
letter-spacing:2px;
text-transform:uppercase;
font-family:'CAMBRIA';
font-style:none;
line-height:10px;
text-align:left;
padding:0px;
}

a:hover {
color:#000000;
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
}


/*ENTRIES*/

#entries {
padding:5px;
width:530px;
margin-left:352px;
margin-top:5px;
font-size:10px;
font-family:'arial';
letter-spacing:0px;
}

#post {
width:500px;
background-color:#fff;
padding-bottom:40px;
border-radius:6px;
padding:25px;
margin-top:50px;
}

/*SIDEBAR*/

#sidebar {
position:fixed;
background-color:#fff;
margin-left:100px;
width:130px;
padding-bottom:15px;
height:175px;
padding:10px;
border:2px dashed {color:contrast};
margin-top:180px;
}

#sidebarimage {
width 180px;
}

#sidebarimage img {
width:80px;
{block:ifsmall} margin-top:15px;{/block:ifsmall}
{block:ifnotsmall}margin-top:0px;{/block:ifnotsmall}
}

#sidebarimage img:hover {
opacity:0.7;
-moz-transition-duration:0.6s;
-webkit-transition-duration:0.6s;
-o-transition-duration:0.6s;
}

#links {
width:152px;
font-family:'calibri';
padding: 4px;
text-align:center;
text-transform:uppercase;
position:fixed;
margin-top:7px;
margin-left:-2px;
}

.links a {
width:94px;
padding:3px;
font-size:8px;
letter-spacing:0px;
color:{color:Sidebar Links};
}

.links a:hover {
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
color:{color:Hover};
}

#description {
text-align:justify;
font-family:'bell mt';
width:130px;
margin-top:7px;
font-size:8px;
text-transform:none;
position:fixed;
color:{color:DescriptionText};
}

#pagination {
font-style:bold;
padding:0px;
font-family:'calibri';
letter-spacing:0px;
font-style:italic;
font-size:9px;
text-align:center;
margin-top:5px;
text-transform:lowercase;
}


/*POST INFO*/

#info {
width:500px;
text-align:left;
font-family:'trebuchet ms';
margin-top:3px;
margin-left:px;
letter-spacing:1px;
font-size:7px;
font-style:none;
padding:1px;
line-height:10px;
text-transform:uppercase;
border-top:1px solid;
border-color:{color:Border};
}

#info a {
text-align:center;
color:{color:Post Links};
}

#info a:hover {
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
color:{color:Hover}
}

#tags {
float:left;
width:489px;
margin-top:-7px;
margin-left:-5px;
text-align:left;
font-size:7px;
padding:5px;
font-size:8px;
opacity:1;
transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s
color:{color:Post Links};
}

#tags a {
letter-spacing:0px;
font-size:8px;
text-align:center;
font-family:'CALIBRI';
text-decoration:none;
display:inline-block;
color:#ddd;
}

#tags a:hover {
background-color:#fff;
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
color:{color:Hover};
}

/*QUESTION*/

#ask {
color:#fcfcfc;
padding:14px;
font-family:calibri;
font-size:9px;
letter-spacing:0px;
text-align:left;
margin-top:0px;
text-align:center;
text-transform:uppercase;
line-height:100%;
background-color:{color:Answer Backg}
}


#asker{
font-style:italic;
font-family:'playfair display';
font-size:22px;
color:{color:contrast};
letter-spacing:-2px;
}

#asker a{
color:{color:contrast};
text-shadow: -2px  0px  #fff;
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

#asker a:hover{
color:#fff;
text-shadow: -2px  0px  {color:contrast};
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

/*CREDIT*/

#cred {
position:fixed;
font-family:'Calibri';
text-transform:uppercase;
font-size:8px;
right:9px;
bottom:15px;
padding:4px;
letter-spacing:1px;
}

#cred a{
color:{color:sidebar links};
}

#s-m-t-tooltip {/* tutorial by meem.co.vu */

max-width:300px;

padding:3px 4px 5px 4px;

margin:20px 0px 0px 20px;

background-color:#fff; /* change the background color */

border:1px dashed {color:contrast}; /* change the border color */

font-family:calibri; /* change the font */

font-size:9px; /* change the font size */

letter-spacing:2px; /* change the letter spacing */

text-transform:uppercase; /* can be uppercase, lowercase, none*/

color:#999; /* change the text color */

z-index:999999999999999999999999999999999999;

}

<!---CREDIT TO LADMILK FOR THE LACE--->
 #top {
    width:100%;
    height:10px;
    bottom:0px;
    left:0px;
    position:fixed;
    z-index:999999;
    border-bottom:10px solid #fff;
    opacity:1;
    transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s
    }



#banner {
    background-image:url('http://static.tumblr.com/jqlwb54/rUZmv8c7a/jaja.png');
    repeat:repeat-x;
    width:100%;
    height:18px;
    }



{CustomCSS}</style></head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<!--tutorial by meem.co.vu-->
<script>

(function($){

$(document).ready(function(){

$("a[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:90,

tip_fade_speed:600,

attribute:"title"

});

});

})(jQuery);

</script>


<body>

<div id="sidebar">
 <center>
<div id="sidebarimage">
<a href="/">
<img src="{image:Sidebar}">
</a>
</div>

<div id="links">

<div style="background-color:#fff; padding:2px; width:125px; margin-left:0px;"><form>
 <select style="border:1px solid #aaa; background-color:#fff; width:125px; height: 16px; color:{color:menu text}; letter-spacing: 2px; font-size: 8px; font-family:calibri; text-transform:uppercase; " onChange="location.href=this.options[this.selectedIndex].value;  ">

<option value="">navigation</option>
<option value="{text:link 1}">{text:link 1 text}</option>
<option value="{text:link 2}">{text:link 2 text}</option>
<option value="{text:link 3}">{text:link 3 text}</option>
<option value="{text:link 4}">{text:link 4 text}</option>
</select>
</form>
</div>

<div id="description">{Description}

{block:Pagination}
<div id="pagination">
{block:PreviousPage}<a href="{PreviousPage}">fly</a>{/block:PreviousPage}
— {block:NextPage}<a href="{NextPage}" title="next">fall</a>{/block:NextPage}
</div>
{/block:Pagination}
<p>
</div>
</div>
</div>
</center>
<div id="entries">
{block:Posts}
<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}<h2>"{Quote}"</h2>
{block:Source}<div class="qsource"> —{Source}</div>
{/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}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}

{block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
{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 <br>
{/block:Audio}<br>

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

{block:Answer}<div id="asker">{asker}:</div><div id="ask">{Question} </div><left><div style="padding:4px;margin-top:3px;font-size:11px;"><font face="arial">{Answer}</font></div>{/block:Answer}

<div id="info">
<a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> —
{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
with {NoteCountWithLabel}</a>
{block:HasTags}<div id="tags">

{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
</div>{block:HasTags}
</div>
</div>
{/block:Posts}
<br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
{/block:Posts}</div></div></div>
<br><br><br><br>


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

{block:iflace}
<div id="top"><div id="banner">
</div></div>
{/block:iflace}

    </body></html>