Tumblr Theme #10 by pinksman - TMWYKAL

<!--
Theme 10 by PINKSMAN @ tumblr
Title: TMWYKAL - SoMo
Please, don't remove the credit.
!-->



<html>
<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>
 <script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:0,
tip_fade_speed:400,
attribute:"title"
});
});
})(jQuery);
</script>





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

<script>
$(document).ready(function(){

   $(".slidingDiv").hide();
   $(".show_hide").show();

   $('.show_hide').toggle(function(){
       $(".slidingDiv").slideDown(
         function(){
           $("#navigation").text("navigation")
         }
       );
   },function(){
       $(".slidingDiv").slideUp(
       function(){
           $("#navigation").text("navigation")
       }
       );
   });
});
</script>





<!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=Cuprum' rel='stylesheet' type='text/css'>


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

<meta name="color:Background" content="#ffffff">
<meta name="color:SidebarBackground" content="#ffffff">
<meta name="color:PostsBackground" content="#ffffff">
<meta name="color:CaptionsBackground" content="#f3f3f3">
<meta name="color:BlogTitle" content="#000000">
<meta name="color:Links" content="#8ecadf">
<meta name="color:LinksHover" content="#414242">
<meta name="color:SidebarLinksBg" content="#fffd2d">
<meta name="color:SidebarText" content="#d4d4d4">
<meta name="color:Text" content="#d7d7d7">


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

<style type="text/css">

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

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

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

::selection {background: {color:SidebarBackground}; color:{color:BlogTitle};} ::-moz-selection {background: {color:SidebarBackground}; color:{color:BlogTitle};} ::-webkit-selection {background: {color:SidebarBackground}; color:{color:BlogTitle};}


/* BODY AND TEXT */

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:LinksHover};
text-decoration: none;
-moz-transition-duration:0.6s;
-webkit-transition-duration:0.6s;
-o-transition-duration:0.6s;
}

img {
border:none;
}

titles {
font-size: 14px;
font-family: "Helvetica";
text-transform: uppercase;
font-weight: bold;
letter-spacing: 3px;
color: {color:SidebarLinksBg};
}

b, strong{
}

i, em {
}

big, small {
}

p{
}

blockquote {
padding: 5px;
font-size: 11px;
padding-left: 10px;
background-color: {color:Background};
}

blockquote img {
}

ul, li img {
}



/* POSTS */


#entries {
padding:20px;
width:500px;
margin-top: -20px;
margin-left: 320px;
margin-bottom: 80px;
color: {color:Text};
background-color: {color:PostsBackground};
}

#post {
width:500px;
font-family: "Helvetica";
color: {color:Text};
opacity:1;
margin-top: 60px;
margin-left: 0px;
padding-bottom: 20px;
line-height: 110%;
}

#notes {
font-family: "Helvetica";
font-size:10px;
color: {color:SidebarLinksHover};
width: 500px;
text-align: left;
}

.captions {
background-color: {color:CaptionsBackground};
padding: 20px;
width: 460px;
font-family: "Helvetica";
font-size: 11px;
color: {color:SidebarLinksBg};
}

/* SIDEBAR AND LINKS */


#sidebar {
background-color: {color:SidebarBackground};
width:200px;
position:fixed;
margin-left: 100px;
margin-top: 20px;
height: 100%;
opacity:1;
padding-right: 15px;
}


#title {
font-family: "Helvetica";
color: {color:BlogTitle};
font-size: 18px;
text-transform: uppercase;
text-align: center;
font-weight: bold;
text-decoration: underline;
width: 140px;
position:fixed;
margin-left: 37px;
margin-top: 10px;
}


#sidebarimage img {
width: 120px;
margin-left: 48px;
margin-top: 130px;
}


#links1 {
background-color: {color:SidebarBackground};
width: 140px;
margin-left: 46px;
margin-top: 15px;
opacity:1;
-moz-transition-duration:0.6s;
-webkit-transition-duration:0.6s;
-o-transition-duration:0.6s;
z-index:99;
}

#links2 {
background-color: {color:SidebarBackground};
width: 140px;
margin-left: 46px;
margin-top: 8px;
opacity:1;
-moz-transition-duration:0.6s;
-webkit-transition-duration:0.6s;
-o-transition-duration:0.6s;
z-index:99;
}


.links a {
background-color: {color:SidebarLinksBg};
color: #dcc679;
display:inline-block;
height: 26px;
width: 36px;
padding-top: 8px;
text-align: center;
border-right: 6px solid {color:SidebarBackground};
}

.links a:hover {
background-color: {color:Links};
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease
}

#description {
width: 125px;
font-family: "Helvetica";
color: {color:SidebarText};
font-size: 10px;
text-align: justify;
letter-spacing: 1px;
line-height: 140%;
margin-top: 35px;
margin-left: 47px;
opacity:1;
-moz-transition-duration:0.6s;
-webkit-transition-duration:0.6s;
-o-transition-duration:0.6s;
}


#pages {
margin-top: 20px;
margin-left: 37px;
width: 140px;
text-align: center;
font-family: "Helvetica";
color: {color:BlogTitle};
font-size: 12px;
text-align: center;
font-weight: bold;
width: 140px;
text-transform: uppercase;
}



/* DATE AND NOTES */


#info {
margin-top: 10px;
width:500px;
background-color: {color:SidebarBackground};
padding-bottom: 10px;
}

#info:hover {
margin-top: 10px;
color: {color:Background};
width:500px;
background-color: {color:SidebarLinksBg};
padding-bottom: 10px;
-moz-transition-duration:0.8s;
-webkit-transition-duration:0.8s;
-o-transition-duration:0.8s;
}


#tags {
font-family: "Helvetica";
font-size: 8px;
color: {color:SidebarText};
text-transform: lowercase;
text-align: center;
letter-spacing: 1px;
padding-top: 3px;
}

#source {
padding-top: 10px;
padding-left: 5px;
font-family: "Helvetica";
text-transform: uppercase;
font-size: 8px;
text-align: center;
font-weight: bold;
color: {color:SidebarText};
letter-spacing: 1px;
}


/* MESSAGES */


#questions {
width: 500px;
}

.asker {
font-family: "Helvetica";
font-size: 10px;
padding: 4px;
text-align: justify;
color: {color:SidebarLinksBg};
}

.answer {
text-align: justify;
background-color: {color:CaptionsBackground};
padding: 20px;
width: 460px;
font-family: "Helvetica";
font-size: 11px;
color: {color:SidebarLinksBg};
}


/* AUDIO */


#audioplayer {
background-color: {color:Background};
width: 27px;
height: 27px;
overflow: hidden;
position: absolute;
margin-top: 25px;
margin-left: 25px;
opacity: 1;
}

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

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



#s-m-t-tooltip{
     z-index:999;
     font-family: "Helvetica";
     font-size: 10px;
     color: {color:Text};
     background-color: {color:Background};
     max-width: 200px;
     margin:0px 15px;
     padding: 5px;
}

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


<div id="sidebar">

<div id="sidebarimage"><img src="{image:Sidebar}"></div>

<div id="title">{title}</div>

<div id="description">{Description}</div>


<div id="links1" class="links">
{block:ifLink1}<a href="{text:Link1}" title="{text:Link1 Title}"><img src="http://static.tumblr.com/c2f47xk/noOn0ddwb/home_copy.png"></a>{/block:ifLink1}
{block:ifLink2}<a href="{text:Link2}" title="{text:Link2 Title}"><img src="http://static.tumblr.com/c2f47xk/amNn0de6t/mail_copy.png"></a>{/block:ifLink2}
{block:ifLink3}<a href="{text:Link3}" title="{text:Link3 Title}"><img src="http://static.tumblr.com/c2f47xk/kUPn0de7t/user_copy.png"></a>{/block:ifLink3}
</div>

<div id="links2" class="links">
{block:ifLink4}<a href="{text:Link4}" title="{text:Link4 Title}"><img src="http://static.tumblr.com/c2f47xk/CSrnlkyen/folder.png"></a>{/block:ifLink4}
{block:ifLink5}<a href="{text:Link5}" title="{text:Link5 Title}"><img src="http://static.tumblr.com/c2f47xk/esanlkyi9/tv.png"></a>{/block:ifLink5}
{block:ifLink6}<a href="{text:Link6}" title="{text:Link6 Title}"><img src="http://static.tumblr.com/c2f47xk/qsbn0deft/heart_copy.png"></a>{/block:ifLink6}
</div>


<select onChange="location.href=this.options[this.selectedIndex].value;" style="width: 125px; height: 20px; font-family: helvetica; font-size: 9px; margin-left: 46px; margin-top: 15px">
<option value="/">more links</option>
<option value="http://">instagram</option>
<option value="http://">goodreads</option>
<option value="/tagged/tag">a tag</option>
<option value="/post/idk/">a post</option>
</select>


<div id="pages">

{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}

</div>


</div>

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


{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}<titles>{block:Title}{Title}{/block:Title}</titles>{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}<titles><a href="{URL}" {Target}>{Name}</a></titles>{block:Description}{Description}{/block:Description}{/block:Link}

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




{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;&nbsp;&nbsp;{block:Artist}{Artist}{/block:Artist}<br />
&nbsp;&nbsp;&nbsp;{block:TrackName}{TrackName}{/block:TrackName}</div>

<br /><br /><br />
{block:caption}<div class="captions">{caption}</div>{/block:caption}
{/block:Audio}




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

{block:Answer}<div id="questions">
<div class="asker"><strong>{Asker}</strong> &nbsp; ; &nbsp; &nbsp;{Question}</div>
<div class="answer">{Answer}</div>
</div>{/block:Answer}




<div id="info">

<div id="source">{block:Date}
<a href="{Permalink}">{TimeAgo}</a>{/block:Date} &nbsp; {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>&nbsp; &nbsp;<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>&nbsp;{/block:RebloggedFrom} {block:NoteCount}&nbsp;<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}&nbsp; &nbsp;<a href="{ReblogURL}">reblog?</a></div>

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

</div></div>

{/block:Posts}
{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: 3px; right: 3px; text-transform:uppercase; letter-spacing: 1px;"><a href="http://pinksmanthms.tumblr.com">ITSPS</a></div>

</body>

</html>