Tumblr Theme #12 by pinksman - Madagascar

<!--
Theme 12 by PINKSMAN @ tumblr
Title: madagascar
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='https://fonts.googleapis.com/css?family=Roboto:400,100,700,300' rel='stylesheet' type='text/css'>


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

<meta name="color:Background" content="#ffffff">
<meta name="color:Image Borders" content="#ffffff">
<meta name="color:Headlines Sidebar" content="#f0f0f0">
<meta name="color:Sidebar" content="#f0f0f0">
<meta name="color:Boxes" content="#f8f8f8">
<meta name="color:Text" content="#b8b8b8">
<meta name="color:Links" content="#000000">
<meta name="color:Links Hover" content="#ffffff">
<meta name="color:Bold" content="#737373">
<meta name="color:Italic" content="#555555">
<meta name="color:Posts" content="#f8f8f8">


<!--Images-->

<meta name="image:Background" content=""/>
<meta name="image:Sidebar" content=""/>
<meta name="text:Spotlight One" content="/" />
<meta name="image:Spotlight One" content=""/>
<meta name="text:Spotlight Two" content="/" />
<meta name="image:Spotlight Two" content=""/>
<meta name="text:Spotlight Three" content="/" />
<meta name="image:Spotlight Three" content=""/>
<meta name="text:Spotlight Four" content="/" />
<meta name="image:Spotlight Four" 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="" />
<meta name="text:Link12" content="/" />
<meta name="text:Link12 Title" content="" />


<!--Headlines-->
<meta name="text:Sidebar1 Title" content="" />
<meta name="text:Sidebar2 Title" content="" />
<meta name="text:Sidebar3 Title" content="" />
<meta name="text:Sidebar4 Title" content="" />


<!--Updates-->
<meta name="text:Updates" content="" />
<meta name="text:Disclaimer" content="" />



<style type="text/css">



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

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

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



::selection {
background: {color:Background};
color:{color:Headlines Sidebar};
}

::-moz-selection {
background: {color:Background};
color:{color:Headlines Sidebar};
}

::-webkit-selection {
background: {color:Background};
color:{color:Headlines Sidebar};
}



body {
background-color: {color:Background};
background-image: url('{image:background}');
color: {color:Text};
font-family: "Helvetica";
font-size: 11px;
line-height: 100%;
margin: 0px;
/*CHANGE THIS IN CASE OF BACKGROUND IMAGE*/
background-repeat: no-repeat;
background-attachment: fixed;
background-position: left bottom;
}


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


a:hover {
color: {color:Links Hover};
text-decoration: none;
-moz-transition-duration:0.6s;
-webkit-transition-duration:0.6s;
-o-transition-duration:0.6s;
cursor: help;
}


img {
border: 0px solid {color:Sidebar};
}


b, strong{
color: {color:Bold};
}


i, em {
color: {color:Italic};
}


big, small {
}


p{
}


blockquote {
padding: 5px;
font-size: 11px;
background-color: {color:Background};
font-family: 'Roboto', sans-serif;
padding-left: 20px;
color: {color:Text};
}


blockquote img {
}


ul, li img {
}


h3 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 12px;
color: {color:Links};
text-transform: uppercase;
letter-spacing: 3px;
}


h2 {
font-size: 24px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
color: {color:Links};
padding-left: 10px;
padding-right: 10px;
text-align: center;
}


h1 {
color: {color:Text};
font-family: 'Roboto', sans-serif;
font-weight: 900;
text-align: left;
padding-left: 20px;
padding-top: 30px;
text-transform: lowercase;
letter-spacing: 2px;
font-size: 18px;
}


h4 {
font-size: 12px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
text-align:center;
letter-spacing: 4px;
font-weight: 300;
color: {color:Bold};
margin-top: 20px;
}



#sideimg {
background-color:{color:Headlines Sidebar};
width: 150px;
position: fixed;
height: 170px;
top: 20px;
left: 20px;
z-index: 99;
}


#sideimg:hover #updates {
opacity: 0.9;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}

#updates {
opacity: 0;
width: 110px;
height: 150px;
margin-top:  0px;
margin-left: 0px;
padding: 20px;
background-color: {color:Background};
font-size: 9px;
color: {color:Links};
font-weight: 400;
font-family: "Helvetica";
z-index: 2;
position:absolute;
transition:all 0.6s ease-in-out;
text-align:justify;
}


#sideimg:hover #message {
opacity: 0;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}

#message {
opacity: 1;
width: 130px;
height: 12px;
margin-top:  145px;
margin-left: 10px;
padding-top: 3px;
background-color: {color:Headlines Sidebar};
font-size: 6px;
color: {color:Links};
font-weight: 400;
font-family: 'Roboto', sans-serif;
z-index: 2;
position:absolute;
transition:all 0.6s ease-in-out;
text-align:center;
text-transform:uppercase;
letter-spacing: 1px;
}


#sidebarimage img {
width: 130px;
height: 150px;
margin-top: 0px;
margin-left: 0px;
border: 10px solid {color:Headlines Sidebar};
display:inline-block;
}


#sidebar {
background-color: {color:Sidebar};
width:340px;
position:absolute;
margin-left: 20px;
top: 290px;
z-index: 99;
height: 700px;
}


#description {
width: 288px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
color: {color:Text};
font-size: 10px;
text-align: justify;
letter-spacing: 1px;
line-height: 160%;
margin-top: -10px;
margin-left: 10px;
opacity:1;
padding: 14px;
background-color: {color:Boxes};
}


#main {
margin-left: 23px;
margin-top: 275px;
background-color: {color:Background};
width:340px;
position:fixed;
z-index: 99;
text-align:center;
}


.main a {
background-color: {color:Boxes};
color: {color:Text};
display:inline-block;
height: 12px;
width: 162px;
opacity: 1;
padding-top: 6px;
padding-bottom: 6px;
text-align: center;
font-weight: 400;
font-family: "Helvetica";
font-size: 8px;
text-transform: uppercase;
border-right: 6px solid {color:Background};
border-bottom: 6px solid {color:Background};
}


#links {
margin-left: 11px;
margin-top: -10px;
}


.links a {
background-color: {color:Boxes};
color: {color:Text};
display:inline-block;
height: 12px;
width: 142px;
opacity: 1;
padding: 6px;
text-align: center;
font-weight: 400;
font-family: "Helvetica";
font-size: 8px;
text-transform: uppercase;
border-right: 6px solid {color:Sidebar};
border-bottom: 6px solid {color:Sidebar};
}


.links a:hover {
color: {color:Links Hover};
}


#sideheads {
background-color: {color:Headlines Sidebar};
width:180px;
position:fixed;
margin-left: 180px;
top: 20px;
height: 170px;
z-index: 99;
}


#headlines {
margin-left: 0px;
margin-top: 10px;
height: 30px;
text-align:left;
padding-left: 10px;
display:inline-block;
z-index: 999;
}


.headlines a {
background-color: {color:Boxes};
display: inline-block;
color: {color:Text};
opacity: 1;
padding: 10px;
font-weight: 100;
font-family: "Helvetica";
font-size: 9px;
text-transform: uppercase;
border-bottom: 6px solid {color:Headlines Sidebar};
width: 140px;
}


.headlines a:hover {
color: {color:Links};
}


#pages {
margin-left: 20px;
margin-top: 220px;
background-color: {color:Boxes};
width:340px;
position:fixed;
z-index: 99;
text-align:center;
padding-top: 15px;
height: 27px;
}


.pages a {
height: 20px;
opacity: 1;
}


.jump_page {
padding: 8px 12px;
background-color: {color:Sidebar};
color:{color:Text};
font-weight: 400;
font-family: 'Roboto', sans-serif;
font-size: 8px;
text-transform: uppercase;
}

.current_page, .jump_page:hover {
padding: 8px 12px;
background-color: {color:Background};
color:{color:Text};
font-weight: 400;
font-family: 'Roboto', sans-serif;
font-size: 8px;
text-transform: uppercase;
}


#spotlights {
margin-top: -10px;
z-index: 999;
opacity: 1;
margin-left: 20px;
}


#spotlights img {
width: 60px;
height: 60px;
margin-top: 0px;
margin-left: -7px;
border: 7px solid {color:Image Borders};
display:inline-block;
margin-right: 10px;
}

#spotlights img:hover {
opacity: 0.3;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}



#entries {
width:500px;
margin-top: -20px;
margin-left: 420px;
color: {color:Text};
background-color: {color:Background};
height: auto;
margin-bottom: 0px;
}


#posts {
width:500px;
font-family: 'Roboto', sans-serif;
color: {color:Text};
opacity:1;
line-height: 110%;
background-color: {color:Posts};
padding-bottom: 0px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
border-top: 40px solid {color:Background};
}


#todo {
width: 500px;
background-color: {color:Background};
margin-left:0px;
}


#tags {
font-family: 'Roboto', sans-serif;
font-size: 9px;
background-color: {color:Background};
text-align: center;
margin-top: 0px;
opacity: 1;
letter-spacing: 1px;
width:520px;
height: 20px;
margin-left:-10px;
z-index: 999;
padding-top: 12px;
}


#info {
margin-top: 20px;
padding: 10px;
margin-left: -10px;
background-color: {color:Posts};
padding-bottom:20px;
width:500px;
z-index: 99;
text-align:center;
}


.info a {
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
font-size: 8px;
text-align: center;
font-weight: 400;
color: {color:Links};
padding: 10px;
letter-spacing: 2px;
background-color: {color:Background};
}


.info a:hover {
color: {color:Background};
background-color: {color:Links};
}


#rebs {
margin-top: 0px;
margin-left: -10px;
background-color: {color:Sidebar};
width: 520px;
height: 20px;
}


.rebs {
font-family: 'Roboto', sans-serif;
text-transform: lowercase;
font-size: 9px;
text-align: center;
font-weight: 300;
color: {color:Links};
letter-spacing: 2px;
padding-top: 10px;
}

.captions {
background-color: {color:Posts};
padding: 10px;
width: 480px;
font-family: 'Roboto', sans-serif;
font-size: 12px;
color: {color:Text};
font-weight: 400;
}


.asking {
font-family: 'Roboto', sans-serif;
font-size: 11px;
padding: 20px;
text-align: justify;
color: {color:Text};
background-color: {color:Background};
width: 460px;
}


.answer {
text-align: justify;
background-color: {color:Sidebar};
padding: 20px;
font-family: 'Roboto', sans-serif;
font-size: 11px;
color: {color:Links};
width: 460px;
}


#audioplayer {
background-color: {color:Background};
width: 27px;
height: 27px;
overflow: hidden;
position: absolute;
margin-top: 8px;
margin-left: 8px;
opacity: 0.4;
border: 17px solid {color:Background};
}

#audioplayer:hover {
opacity: 1;
-moz-transition-duration:0.6s;
-webkit-transition-duration:0.6s;
-o-transition-duration:0.6s;
}


.playerinfo {
font-family: "Helvetica";
font-size: 10px;
color: {color:SidebarText};
padding-top: 16px;
}


#albumart {
float: left;
margin-left: 0px;
border: 8px solid {color:Posts};
opacity: 1;
}


#notes {
width: 520px;
text-align: right;
margin-top: 20px;
}

ol.notes {
margin-top: 10px;
list-style-type: none;
background-color: {color:Posts};
}

ol.notes li.note {
border-bottom: solid 1px {color:Background};
padding-top: 20px;
padding-bottom: 20px;
padding-right: 10px;
}

ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
display: none;
}

ol.notes li.note span.action {
font-weight: normal;
font-family: 'Roboto', sans-serif;
font-size: 10px;
color: {color:Links};
letter-spacing: 2px;
}

ol.notes li.note .answer_content {
font-weight: normal;
}

ol.notes li.note blockquote {
background-color: {color:Background};
font-family: 'Roboto', sans-serif;
font-size: 10px;
padding: 10px;
width: 540px;
margin-left: -50px;
padding-right: 50px;
}

ol.notes li.note blockquote a {
text-decoration: none;
}



{CustomCSS}</style></head><body>



<div id="sideimg">
<div id="updates">
{text:Updates}
</div>
<div id="message">hover for updates</div>
<div id="sidebarimage"><img src="{image:Sidebar}"></div>
</div>



<div id="sideheads">
<div id="headlines" class="headlines">
<a href="{text:Link1}"><img src="http://www.heartindiana.net/photos/themes/indi/images/flecha.png">&nbsp;&nbsp;&nbsp;{text:Link1 Title}</a><br>
<a href="{text:Link2}"><img src="http://www.heartindiana.net/photos/themes/indi/images/flecha.png">&nbsp;&nbsp;&nbsp;{text:Link2 Title}</a><br>
<a href="{text:Link3}"><img src="http://www.heartindiana.net/photos/themes/indi/images/flecha.png">&nbsp;&nbsp;&nbsp;{text:Link3 Title}</a><br>
<a href="{text:Link4}"><img src="http://www.heartindiana.net/photos/themes/indi/images/flecha.png">&nbsp;&nbsp;&nbsp;{text:Link4 Title}</a>
</div>




</div>


<div id="pages" class="pages">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}" class="jump_page">OLD</a>{/block:PreviousPage}
{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:NextPage}<a href="{NextPage}" class="jump_page">NEW</a>{/block:NextPage}
{/block:Pagination}</div>


<div id="main" class="main">
<a href="{text:Link5}">{text:Link5 Title}</a>
<a href="{text:Link6}">{text:Link6 Title}</a>
</div>


<div id="sidebar">

<h4>{text:Sidebar1 Title}</h4>
<div id="description">{Description}</div>

<h4>{text:Sidebar2 Title}</h4>
<div id="links" class="links">

<a href="{text:Link7}">{text:Link7 Title}</a>
<a href="{text:Link8}">{text:Link8 Title}</a>
<a href="{text:Link9}">{text:Link9 Title}</a>
<a href="{text:Link10}">{text:Link10 Title}</a>
<a href="{text:Link11}">{text:Link11 Title}</a>
<a href="{text:Link12}">{text:Link12 Title}</a>

</div>



<h4>{text:Sidebar3 Title}</h4>
<div id="spotlights" class="spotlights"><a href="{text:Spotlight One}"><img src="{image:Spotlight One}"></a> <a href="{text:Spotlight Two}"><img src="{image:Spotlight Two}"></a> <a href="{text:Spotlight Three}"><img src="{image:Spotlight Three}"></a> <a href="{text:Spotlight Four}"><img src="{image:Spotlight Four}"></a>
</div>


<h4>{text:Sidebar4 Title}</h4>
<div id="description">
{text:Disclaimer}
</div>


</div>




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


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


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

{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:caption}<div class="captions">{caption}</div>{/block:caption}{/block:Photo}

{block:Photoset}{Photoset-500}{block:caption}<div class="captions">{caption}</div>{/block:caption}{/block:Photoset}

{block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}

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

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

{block:Video}{Video-500}{block:caption}<div class="captions">{caption}</div>{/block:caption}{/block:Video}



{block:Audio}
<div id="audioplayer">{AudioPlayerWhite}</div>
<div id="albumart">{block:AlbumArt}
<img src="{AlbumArtURL}" width="60">
{/block:AlbumArt}</div>

<div class="playerinfo">
<br>&nbsp;<strong>Artist</strong>: {block:Artist}{Artist}{/block:Artist}<br>&nbsp;<strong>Title</strong>: {block:TrackName}{TrackName}{/block:TrackName}<br><br><br></div>
{/block:Audio}





{block:Answer}
<div class="asking"><img src="{AskerPortraitURL-40}" align="left">&nbsp;&nbsp;&nbsp;<em>question:</em><br><br>&nbsp;&nbsp;&nbsp;{Question}
</div>
<div class="answer"><em>answer:</em> {Answer}</em></div>
{/block:Answer}





<div id="todo">
<div id="info" class="info">
{block:Date}<a href="{Permalink}">{DayOfMonthWithZero}{DayOfMonthSuffix} {Month}</a>{/block:Date}
<a href="{ReblogURL}">R?</a>
{block:NoteCount}<a href="{Permalink}">{NoteCount}N</a>{/block:NoteCount}
</div>

<div id="rebs" class="rebs">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via {ReblogParentName}</a> <a href="{ReblogRootURL}" title="{ReblogRootName}">by {ReblogRootName}</a>
{/block:RebloggedFrom}
</div>



<div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp; &nbsp; &nbsp; &nbsp;{/block:Tags}{/block:HasTags}</div>

</div>




</div>


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







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

</body>

</html>