Tumblr Theme #01 by pinksman - Ancora Qui

<!--
Theme 01 by PINKSMAN @ tumblr
Title: "Ancora Qui" - Django Unchained Soundtrack
Please, don't remove the credit.
!-->



<html>
<head>

<!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}
<link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'>

<!--Default Variables-->
<!--Colors-->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Topbar" content="#969696"/>
<meta name="color:Text" content="#333333"/>
<meta name="color:NavLinks" content="#d7d7d7"/>
<meta name="color:HoverNavLinks" content="#f2f2f2"/>
<meta name="color:Links" content="#d7d7d7"/>
<meta name="color:HoverLinks" content="#333333"/>
<meta name="color:Border" content="#969696"/>

<!--Images-->

<meta name="image:Background" content=""/>
<meta name="image:Sidebar" content=""/>

<!--Links-->

<meta name="text:Link1" content="/" />
<meta name="text:Link1 Title" content="" />
<meta name="text:Link2" content="/" />
<meta name="text:Link2 Title" content="" />
<meta name="text:Link3" content="/" />
<meta name="text:Link3 Title" content="" />
<meta name="text:Link4" content="/" />
<meta name="text:Link4 Title" content="" />
<meta name="text:Link5" content="/" />
<meta name="text:Link5 Title" content="" />
<meta name="text:Link6" content="/" />
<meta name="text:Link6 Title" content="" />
<meta name="text:Link7" content="/" />
<meta name="text:Link7 Title" content="" />
<meta name="text:Link8" content="/" />
<meta name="text:Link8 Title" content="" />
<meta name="text:Link9" content="/" />
<meta name="text:Link9 Title" content="" />
<meta name="text:Link10" content="/" />
<meta name="text:Link10 Title" content="" />
<meta name="text:Link11" content="/" />
<meta name="text:Link11 Title" content="" />

<style type="text/css">


::-webkit-scrollbar-thumb:vertical {
    background-color: {color:Topbar};
    height:30px;
    }

::-webkit-scrollbar-thumb:horizontal {
    background-color: {color:Topbar};
    height:5px;
    }

::-webkit-scrollbar {
    color:{color:Background};
    height:auto;
    width:8px;
    padding-top: 30px;
    }

::selection {background: #ffffff; color:#000000;}
::-moz-selection {background: #ffffff; color:#000000;}
::-webkit-selection {background: #ffffff; color:#000000;}


/* BODY AND TEXT */

body {
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;
background:{color:background};
background-image: url('{image:background}');
margin:0px;
color:{color:text};
font-family:calibri;
font-size:11px;
line-height:100%;
/*CHANGE THIS IN CASE OF BG IMAGE*/
background-repeat: no-repeat;
background-attachment: fixed;
background-position: left bottom;
}

a:link, a:visited, a:active {
text-decoration:none;
outline:none;
-moz-outline-style:none;
color:{color:Links};
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;
}

a:hover {
opacity:1;
color:{color:HoverLinks};
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
}

img {
border:none;
}

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

titles {
font-size:18px;
font-family:Oswald;
text-transform:uppercase;
font-weight: bold;
}

b, strong{
}

i, em {
}

big, small {
font-family: calibri;
}

p{
margin-top:5px;
margin-bottom:5px
}

blockquote {
padding:0px;
padding-left:5px;
margin:5px;
border-left:5px solid {color:Links}
}

blockquote img {
max-width:300px
}

ul, li img {
max-with:250px
}


/* POSTS */


.albumart {
width:80px;
height:80px;
position:absolute;
float:left;
opacity: 0.5;
border: 1px solid {color:Links};
padding:2px;
}

.albumart:hover {
opacity: 1;
}


.player {
margin-left:100px;
width: 100%;
padding-top: 15px;
}

.audioinfo {
margin-left:100px;
line-height: 10px;
font-family: 'Oswald';
color: {color:Text};
font-size: 12px;
padding-top: 15px;
font-style: italic;
}

#entries {
padding:10px;
width:500px;
margin-left:350px;
margin-top:100px;
}


#post {
width:500px;
font-family:calibri;
opacity:1;
margin-top: -20px;
margin-left: 0px;
font-size: 11px;
margin-bottom: 20px;
}


/* SIDEBAR AND LINKS */


#header {
background-color: {color:Topbar};
width: 100%;
height: 12px;
font-size: 14px;
color: {color:Background};
font-family: Oswald;
text-transform: uppercase;
text-align: center;
letter-spacing: 3px;
padding: 10px;
font-weight: normal;
position: fixed;
margin-top: -100px;
}

#sidebar {
width:160px;
position:fixed;
margin-left:140px;
margin-top:-10px;
}

#sidebarimage img {
width:150px;
height: 150px;
padding:4px;
border: 1px solid;
border-color: {color:Border};
}

#navlinks {
position: fixed;
width: 100%;
font-family:Oswald;
color: {color:NavLinks};
font-size:9px;
text-align:center;
letter-spacing:1px;
text-transform:uppercase;
}

.sidelinks {
margin-top:-70px;
background-color: {color:Background};
}

.sidelinks a {
display:inline-block;
height: 10px;
width: 30px;
opacity: 1;
padding: 4px;
border-bottom: 0.5px solid {color:Border};
}

.sidelinks a:hover {
background-color: {color:HoverNavLinks};
opacity: 0.7;
border-bottom: 0.5px solid #FFFFFF;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease
}


#description {
width: 142px;
font-size:10px;
font-style:italic;
text-align:center;
padding: 8px;
opacity: 1;
margin-top: 4px;
border-left:0.5px solid {color:Border};
border-top:0.5px solid {color:Border};
border-right:0.5px solid {color:Border};
}

.customlinks {
padding-top: 10px;
border-bottom:0.5px solid {color:Border};
padding-bottom: 6px;
}

.customlinks a {
font-family:Oswald;
font-style: normal;
color: {color:NavLinks};
font-size:9px;
text-align:center;
letter-spacing:1px;
text-transform:uppercase;
display:inline-block;
height: 10px;
width: 30px;
opacity: 1;
padding: 4px;
}

.customlinks a:hover {
background-color: {color:HoverNavLinks};
opacity: 0.7;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease
}

#pagination {
width: 142px;
padding: 8px;
font-size:11px;
text-align:center;
color:{color:Links};
font-family:consolas;
letter-spacing:2px;
}


/* DATE AND NOTES */


#info {
padding:5px;
margin-top:20px;
text-transform: uppercase;
letter-spacing: 2px;
font-family:calibri;
font-size:8px;
width:100%;
text-align:center;
color: {color:HoverLinks};
}

#tags {
width: 100%;
margin-top:0px;
padding-bottom: 15px;
font-family:calibri;
letter-spacing:1px;
text-transform:uppercase;
font-size:8px;
text-align:center;
color: {color:Links};
}


/* MESSAGES */


#asker {
padding: 5px;
background-color: {color:Border};
font-family: Calibri;
font-size: 11px;
}

#notes {
font-family:consolas;
text-transform:lowercase;
font-size:9px;
}

#answer {
font-family:calibri;
font-size:12px;
color: {color:Text};
text-align: left;
padding-left: 20px;
}


{CustomCSS}</style></head><body>
<div id="header">{title}</div>
<div id="navlinks"><div class="sidelinks">
<a href="/">home</a>
<a href="/ask">ask</a>
{block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
{block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
</div></div>
<div id="sidebar">
<div id="sidebarimage"><img src="{image:sidebar}"></div>

<div id="description">{Description}
<div class="customlinks">{block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
{block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
{block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
{block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
{block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
{block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a>{/block:ifLink8}
{block:ifLink9}<a href="{text:Link9}">{text:Link9 Title}</a>{/block:ifLink9}
{block:ifLink10}<a href="{text:Link10}">{text:Link10 Title}</a>{/block:ifLink10}
{block:ifLink11}<a href="{text:Link11}">{text:Link11 Title}</a>{/block:ifLink11}
</div>
</div>


{block:Pagination}
<div align="center" id="pagination">

&lsaquo;

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

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

&rsaquo;

</div>{/block:Pagination}
{block:HasPages}{block:Pages}
<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}

</div>





<div id="entries">

{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}


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

{block:Text}<titles>{block:Title}{Title}{/block:Title}</titles>{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}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}

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

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

{block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" class="albumart"/>{/block:AlbumArt}<div class="player">{AudioPlayerBlack}</div>
{block:TrackName}<div class="audioinfo">{TrackName} by{/block:TrackName}
{block:Artist} {Artist}</div>{/block:Artist}
{/block:Audio}

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

{block:Answer}<div id="asker"><strong>{Asker} :</strong> <em>{Question}</em></div>
<br><div id="answer">{Answer}</div>{/block:Answer}

<div id="info">

<div id="source">{block:Date}
<a href="{Permalink}">{DayOfMonthWithZero}{DayOfMonthSuffix}/{MonthNumberWithZero}/{ShortYear}</a>{/block:Date} {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> , <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} {block:NoteCount} <em>notes: {NoteCount}</em>{/block:NoteCount}</div>

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

<div style="background-color: #ffffff; border: 1px solid #ebebeb; padding: 2px; font-family: 'Times'; font-size: 6px; float: right; position: fixed; bottom: 3px; right: 3px; text-transform:uppercase;"><a href="http://pinksmanthms.tumblr.com">PNKSMN</a></div>

</body>

</html>