SOMNIUM - malfooyy themes

<!DOCTYPE html>
<html>
<head>

<!-- Malfooyy Themes -->

<meta charset="utf-8" />

<meta name="viewport" content="width=device-width, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />

<title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>

{block:Description}
<meta name="description" content="{MetaDescription}">
{/block:Description}

<link rel="shortcut icon" href="{Favicon}">
<link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<meta name="color:Text" content="#666666"/>
<meta name="color:Links" content="#000000"/>
<meta name="color:Links Hover" content="#797979" />
<meta name="color:Accent" content="#f4f4f4" />
<meta name="color:Accent3" content="#eeeeee" />
<meta name="color:Sidebar Links" content="#f8f8f8" />
<meta name="color:Sidebar Links Hover" content="#e9e9e9" />
<meta name="color:topbar" content="#000000" />
<meta name="color:background" content="#ffffff" />

<meta name="if:Show tags on hover" content="1"/>
<meta name="text:Link1" content="/" />
<meta name="text:Link1 Title" content="Link 1" />
<meta name="text:Link2" content="/" />
<meta name="text:Link2 Title" content="Link 2" />
<meta name="text:Link3" content="/" />
<meta name="text:Link3 Title" content="Link 3" />
<meta name="text:Link4" content="/" />
<meta name="text:Link4 Title" content="link 4" />

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

<script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
<script>
(function($){
   $(document).ready(function(){
       $("[title]").style_my_tooltips({
           tip_follows_cursor:true,
           tip_delay_time:200,
           tip_fade_speed:300
       }
           );
   });
})(jQuery);
</script>


<style>
/* basics */

body {
font-family: helvetica, arial, sans-serif;
font-size: 10px;
margin:0;
background:{color:background};
color:{color:Text};
font-size:11px;
text-align:justify;
line-height:20px;
}

#s-m-t-tooltip{
max-width:300px;
margin:15px;
padding:2px 8px;
border:1px solid #eee;
background:{color:background};
color:{color:Text};
z-index:999999;}


a {
color:{color:Links};
text-decoration:none;
}

a:hover {
color:{color:links hover};
}

blockquote {
border-left:1px solid {color:Accent};
padding-left:10px;
margin:20px 0 20px 20px;
}

/* posts */

.posttitle {
color:{color:Links};
font-size: 14px;
font-family: georgia;
font-weight: bold;
letter-spacing:0px;
}

.post {
width: 400px;
padding: 50px 0;
}

.container {
position:absolute;
left: 50%;
margin-left: -200px;
z-index:1;
}

.header {
position: fixed;
width: 170px;
margin: 190px 400px;
}

.blogtitle {
text-align:center;
font-size: 16px;
font-family: georgia;
font-style: italic;
font-weight: bold;
letter-spacing:0px;
}


.links {
margin:0;
text-align:center;
}

.links a {
color:#222;
width:71px;
border-bottom:1px solid #eee;
float:left;
margin:0 8px 8px 0;
padding:3px;
display:block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.links a:hover {
border-bottom:1px solid #ddd;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}


.description {
padding:10px;
margin:10px 0;
margin-bottom:15px;
background:#f8f8f8;
}


.content {
margin: 50px 0 50px -80px;
width: 500px;
}

.post img {
max-width:400px;
}

/* post styles */

.quote-post blockquote {
padding:0;
margin:0;
color:{color:links};
border:none;
font-size: 12px;
font-family: georgia;
font-weight: bold;
}


.label {
font-weight:bold;
margin-right:5px;
}

.line {
padding:0;
margin:0;
list-style:none;
padding:8px 2px;
}

.line:last-child {
border:none;
}

.chat {
padding:0;
margin:0;
list-style:none;
}

.playbutton {
width: 30px;
height: 30px;
overflow: hidden;
position: relative;
z-index: 999;
margin:3px 0 0 3px;
}

.playbox {
background-color:{color:background};
position: absolute;
z-index: 999;
margin-top: 0px;
opacity: 0.5;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.playbox:hover {
opacity:0.7;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}



.audioinfo {
margin-left:100px;
line-height:30px;
margin-top:1px;
position:relative;
padding-bottom:3px;
}

.audioinfo a{
color:{color:text};
padding: 2px 0 0 10px;
}


/* postinfo */

.postinfo {
margin-top:10px;
font-size:10px;
text-align:center;
text-transform:uppercase;
}

.postinfo a {
text-decoration:none;
padding:0px 5px;
}
.tags {
    word-wrap: break-word;
}

.tags a {
margin:5px;
text-transform:lowercase;
}

{block:IndexPage}
{block:ifShowtagsonhover}

.tags {
opacity:0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.post:hover .tags {
opacity:1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

{/block:ifShowtagsonhover}
{/block:IndexPage}

/*pagination*/
.pagination {
text-align:right;
padding-top:7px;
width:400px;
margin:100px 0;
font-size:9px;
letter-spacing:1px;
text-transform:uppercase;
border-top:1px solid {color:Accent};
}

.pagination a {
padding:9px 10px;
}

.pagination a.cpage {
border-top:2px solid {color:links};
padding:9px 10px;
}

/* pagenotes */
.pagenotes {
width:400px;
text-align:left;
margin-top:30px;
}

.pagenotes img {
display:none !important;
}

ol.notes {
padding:0px;
}

.pagenotes li {
list-style-type:none;
padding:8px 0px;
border-bottom:1px solid {color:Accent};
}

/* credit */
#credit {
position:fixed;
right:10px;
bottom:10px;
text-align:center;
text-transform:uppercase;
font-size:6px;
letter-spacing:1px;
font-weight:bold;
font-family:helvetica, arial, sans-serif;
}

#credit a {
color:{color:links};
}

#credit a:hover {
color:{color:links hover};
}


</style>
</head>
<body>
<div id="credit"><a href="http://malfooyy.tumblr.com/">malfooyy</a></div>

<div class="container">
<div class="header">

<div class="blogtitle" ><a href="/">{Title}</a></div>
<div class="description">{Description}</div>

<div class="links">
{block:ifLink1}<a href="{text:link1}">{text:link1 title}</a>{/block:ifLink1}
{block:ifLink2}<a href="{text:link2}">{text:link2 title}</a>{/block:ifLink2}
{block:ifLink3}<a href="{text:link3}">{text:link3 title}</a>{/block:ifLink3}
{block:ifLink4}<a href="{text:link4}">{text:link4 title}</a>{/block:ifLink4}
</div>
<br>

<br>





</div>

<div class="content">

{block:Posts}
<article class="post {PostType}-post">
{block:Text}
{block:Title}<h1 class="posttitle">{Title}</h1>{/block:Title}
{Body}
{/block:Text}

{block:Photo}
{block:Permalinkpage}{LinkOpenTag}{/block:Permalinkpage}{block:Indexpage}<a href="{Permalink}">{/block:Indexpage}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{block:Indexpage}</a>{/block:Indexpage}{block:Permalinkpage}{LinkCloseTag}{/block:Permalinkpage}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Photo}

{block:Photoset}
{Photoset}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Photoset}

{block:Quote}
<blockquote class="{Length}"><b>“</b>{Quote}<b>”</b></blockquote>
{block:Source}<div id="source">― {Source}</div>{/block:Source}
{/block:Quote}

{block:Link}
<h1 class="posttitle"><a href="{URL}">{Name} →</a></h1>
{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}<h1 class="posttitle">{Title}</h1>{/block:Title}
<ol class="chat">{block:Lines}
<li class="line {Alt}">
{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}
</li>
{/block:Lines}
</ol>
{/block:Chat}

{block:Audio}
<div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div><div id="audioimage">
</div><div class="audioinfo">{block:TrackName}<a>{TrackName}</a>{/block:TrackName}{block:Artist} <a>{Artist}</a>{/block:Artist}</div>
{/block:Audio}

{block:Video}
{Video-700}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Video}

{block:Answer}
<div class="asker">{Asker} said:</div>
<div class="question">
{Question}</div>
<div class="answer">{Answer}</div>
{/block:Answer}

{block:Date}<div class="postinfo">
<div class="perm"><a href="{Permalink}">
<b>{DayOfMonth} {ShortMonth}</b></a>{block:NoteCount}  <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}{block:permalinkpage}{block:RebloggedFrom}  <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a>{block:ContentSource}  <a href="{ReblogRootURL}" title="{ReblogRootName}">SOURCE</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}</div>
<div class="tags">
{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
</div>{/block:Date}

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



</article>
{/block:Posts}

{block:IndexPage}
{block:Pagination}
<div class="pagination">
{block:PreviousPage}
<a href="{PreviousPage}">Back</a>
{/block:PreviousPage}
{block:JumpPagination length="6"}

{block:CurrentPage}
<a href="#" class="cpage"><b>{PageNumber}</b></a>
{/block:CurrentPage}
{block:JumpPage}
<a href="{URL}" class="jpage">{PageNumber}</a>
{/block:JumpPage}

{/block:JumpPagination}
{block:NextPage}
<a href="{NextPage}">Forth</a>
{/block:NextPage}
</div>
{/block:Pagination}
{block:IndexPage}




</div></div>

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

</body>
</html>