Immobulus Theme
<!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">
<head>
<!-- ----------------------------------------------
#5 IMMBOLUS THEME BY EXCOLO
acrisolar.tumblr.com [main blog]
excolo.tumblr.com [tumblr themes]
---------------------------------------------- -->
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=820" />
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="color:Background" content="#eeeeee"/>
<meta name="color:Text" content="#585858"/>
<meta name="color:Links" content="#a84141"/>
<meta name="color:Links Hover" content="#dfd230"/>
<meta name="color:Title" content="#585858"/>
<meta name="color:Header Text" content="#585858"/>
<meta name="color:Lines" content="#D9EAF3"/>
<meta name="color:Posts Background" content="#ffffff"/>
<meta name="color:Margin" content="#e4e4e4"/>
<meta name="color:Meta" content="#dfd230"/>
<meta name="color:Posts Shadow" content="#000000"/>
<meta name="color:Navigations" content="#a84141"/>
<meta name="color:Navigations Hover" content="#dfd230"/>
<meta name="color:Timestamp Background" content="#dfd230"/>
<meta name="color:Timestamp Text" content="#ffffff"/>
<meta name="if:Auto Hide Description" content="1"/>
<meta name="if:Show Tags" content="1"/>
<meta name="if:Show Archive Link" content="1"/>
<meta name="if:Show RSS Link" content="0"/>
<meta name="if:Timestamps" content="1"/>
<meta name="if:Cross Icon" content="1"/>
<meta name="if:Hide Captions" content="1"/>
<meta name="if:Infinite Scroll" content="1"/>
<meta name="if:Full Sized Background" content="0"/>
<meta name="if:Back To Top Button" content="1"/>
<meta name="font:Text" content="Century Gothic"/>
<meta name="text:Ask label" content="message"/>
<meta name="text:Submit label" content="submit"/>
<meta name="text:RSS label" content="subscribe"/>
<meta name="text:Google Analytics ID" content="" />
<meta name="text:link 1 url" content="" />
<meta name="text:link 1 title" content="" />
<meta name="text:link 2 url" content="" />
<meta name="text:link 2 title" content="" />
<meta name="text:link 3 url" content="" />
<meta name="text:link 3 title" content="" />
<meta name="image:background" content="http://25.media.tumblr.com/tumblr_ltqq73Kh5g1qhvdofo6_500.png"/>
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Alice);
body {
font: normal 12px {font:Text}, arial, sans-serif;
color:#585858;
margin:0px;
padding:0px;
background:{color:Background} url({image:Background});
{block:IfFullSizedBackground}background-size:100%;{/block:IfFullSizedBackground}
background-attachment:fixed;
}
a {
color:{color:Links};
text-decoration:none;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;
}
a:hover {
color:{color:Links Hover};
}
#quince /* container */ {
width:530px;
margin:0px auto;
}
#navigs {
font:20px 'Alice', serif;
text-align:right;
}
#navigs a { color:{color:Navigations};-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear; }
#navigs a:hover { color:{color:Navigations Hover}; }
#navigs a:after {
content:' · ';
color:{color:Title};
}
#navigs a:last-child:after {
content:'';
}
.description {
margin:0 0 15px 0;
}
#snug /* header */ {
margin:20px 0px 40px 0px;
color:{color:Header Text};
}
#snug .noncross img {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
overflow:hidden;
}
#snug .hicon {
width:67px;
height:66px;
float:left;
margin-top:10px;
cursor:help;
}
#snug .portrait1, #snug .portrait3, #snug .portrait7, #snug .portrait9 {
float:left;
width:22px;
height:22px;
visibility:hidden;
}
#snug .portrait2 {
float:left;
width:22px;
height:22px;
background:url({PortraitURL-96}) -22px 0px;
background-size:66px;
}
#snug .portrait4 {
float:left;
width:22px;
height:22px;
background:url({PortraitURL-96}) 0px -22px;
background-size:66px;
}
#snug .portrait5 {
float:left;
width:22px;
height:22px;
background:url({PortraitURL-96}) -22px -22px;
background-size:66px;
}
#snug .portrait6 {
float:left;
width:22px;
height:22px;
background:url({PortraitURL-96}) -44px -22px;
background-size:66px;
}
#snug .portrait8 {
float:left;
width:22px;
height:22px;
background:url({PortraitURL-96}) -22px -44px;
background-size:66px;
}
#snug .title {
font-family: 'Alice', Times New Roman, serif;
font-size:80px;
letter-spacing:-5px;
text-align:right;
margin:0px 0px 10px 0px;
color:{color:Title};
}
#snug .title a { color:{color:Title}; }
#snug .title span { cursor:help; }
#puck /* individual post */ {
width: 530px;
margin:0px 0px 40px 0px;
}
#quince .tstamp {
position:absolute;
z-index:999;
background:rgba({RGBcolor:Timestamp Background},0.7);
color:{color:Timestamp Text};
text-align:center;
width:35px;
height:25px;
padding:5px 10px 25px 10px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
margin:10px 0 0 -30px;
font:12px Alice;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
{block:IfNotTimestamps}display:none;{/block:IfNotTimeStamps}
}
#quince .tstamp:hover { background:rgba({RGBcolor:Timestamp Background},0.9); }
#puck .tstamp { color:{color:Timestamp Text}; }
#puck .meta {
margin:18px 0 0 0;
font-family:'Alice', serif;
opacity:0.5;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;
color:{color:Meta};
}
#puck .meta a {
color:{color:Meta};
}
#puck:hover .meta {
opacity:1;
}
#puck .quote {
font-size:30px;
font-family:'Alice', serif;
line-height:30px;
margin:-10px 0px 20px 0px;
}
#puck .title {
font-size:25px;
font-family:'Alice', serif;
line-height:40px;
}
#puck .linktitle {
font-size:25px;
font-family:'Alice', serif;
line-height:40px;
}
#puck .linktitle:after {
content:' →';
}
#quince .photo {
-webkit-box-shadow: 0 1px 4px rgba({RGBcolor:Posts Shadow},0.2), 0 5px 5px rgba({RGBcolor:Posts Shadow},0.07);
-moz-box-shadow: 0 1px 4px rgba({RGBcolor:Posts Shadow},0.2), 0 5px 5px rgba({RGBcolor:Posts Shadow},0.07);
box-shadow: 0 1px 4px rgba({RGBcolor:Posts Shadow},0.2), 0 5px 5px rgba({RGBcolor:Posts Shadow},0.07);
width:500px;
margin:0px auto 10px auto;
padding:15px;
background:{color:Posts Background};
}
.paper {
font: normal 12px {font:Text}, arial, sans-serif;
padding: 26px 40px 26px 70px;
position: relative;
line-height: 20px;
background: -webkit-gradient(linear, 0 0, 0 100%, from({color:Lines}), color-stop(4%, {color:Posts Background})) 0 4px;
background: -webkit-linear-gradient(top, {color:Lines} 0%, {color:Posts Background} 8%) 0 24px;
background: -moz-linear-gradient(top, {color:Lines} 0%, {color:Posts Background} 8%) 0 4px;
background: -ms-linear-gradient(top, {color:Lines} 0%, {color:Posts Background} 8%) 0 4px;
background: -o-linear-gradient(top, {color:Lines} 0%, {color:Posts Background} 8%) 0 4px;
background: linear-gradient(top, {color:Lines} 0%, {color:Posts Background} 8%) 0 4px;
-webkit-background-size: 100% 20px;
-moz-background-size: 100% 20px;
-ms-background-size: 100% 20px;
-o-background-size: 100% 20px;
background-size: 100% 20px;
-webkit-box-shadow: 0 1px 4px rgba({RGBcolor:Posts Shadow},0.2), 0 5px 5px rgba({RGBcolor:Posts Shadow},0.07);
-moz-box-shadow: 0 1px 4px rgba({RGBcolor:Posts Shadow},0.2), 0 5px 5px rgba({RGBcolor:Posts Shadow},0.07);
box-shadow: 0 1px 4px rgba({RGBcolor:Posts Shadow},0.2), 0 5px 5px rgba({RGBcolor:Posts Shadow},0.07);
overflow:auto;
}
.paper::before {
content: '';
position: absolute;
width: 2px;
top: 0;
left: 40px;
bottom: 0;
border: 1px solid;
border-color: transparent {color:Margin};
}
.paper h1,.paper h2 {
font-size: 16px;
line-height: 16px;
margin: 0 0 4px;
}
.paper h3,.paper h4,.paper h5 {
font-size: 14px;
line-height: 16px;
margin: 0 0 4px;
}
.paper h4,.paper h5 {
font-weight: normal;
}
.paper p { margin: 0 0 20px; }
.paper p:last-child { margin: 0; }
.paper ul { margin: 0 0 20px; }
.paper blockquote { margin:0px 0px 20px -24px;border-left:1px solid #efe4e4;padding:0px 0px 0px 23px;font-style:italic; }
.nocaption {
display:none;
}
.pagnition {
font:15px Alice;
text-align:center;
margin:0 0 40px 0;
color:{color:Header Text};
{block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}
}
.pagnition a { color:{color:Header Text}; }
.pagnition a:hover { text-decoration:underline;}
#postnotes ol {
list-style-type:none;
margin:0px;
padding:0px;
}
#postnotes {
font: normal 12px "Lucida Grande", arial, sans-serif;
line-height: 20px;
}
#top-link{ display:none; position:fixed; right:15px; bottom:15px;width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 15px solid {color:Navigations};-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
#top-link:hover { border-bottom: 15px solid {color:Navigations Hover}; }
#infscr-loading {
text-align: center;
z-index: 100;
position: fixed;
left:50%;
bottom: 20px;
font-size:0px;
background:#fff;
padding:2px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
width:16px;
height:16px;
}
</style>
<script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
</script>
{block:IfAutoHideDescription}
<script type="text/javascript">
$(document).ready(function(){
$(".draw .description").hide();
$(".draw .head").click(function(){
$(this).next(".draw .description").slideToggle('fast');
}); }); </script>
{/block:IfAutoHideDescription}
<script type="text/javascript" src="http://static.tumblr.com/sjl0ztp/07tm8j6sa/jquery.scrollto-1.4.0-min.js"></script>
<script type="text/javascript">
jQuery.fn.topLink = function(settings) {
settings = jQuery.extend({
min: 1,
fadeSpeed: 200,
ieOffset: 50
}, settings);
return this.each(function() {
//listen for scroll
var el = $(this);
el.css('display','none'); //in case the user forgot
$(window).scroll(function() {
if(!jQuery.support.hrefNormalized) {
el.css({
'position': 'absolute',
'top': $(window).scrollTop() + $(window).height() - settings.ieOffset
});
}
if($(window).scrollTop() >= settings.min)
{
el.fadeIn(settings.fadeSpeed);
}
else
{
el.fadeOut(settings.fadeSpeed);
}
});
});
};
$(document).ready(function() {
$('#top-link').topLink({
min: 400,
fadeSpeed: 500
});
//smoothscroll
$('#top-link').click(function(e) {
e.preventDefault();
$.scrollTo(0,300);
});
});
</script>
{block:ifinfinitescroll}
{block:indexpage}
<script src="http://static.tumblr.com/ihdmiub/Noam2kdyo/jquery.infinitescroll.min.js"></script>
<script>
$(function(){
var $container = $('#quince');
$container.infinitescroll({
navSelector : '#page-nav', // selector for the paged navigation
nextSelector : '#page-nav a', // selector for the NEXT link (to page 2)
itemSelector : '#flute', // selector for all items you'll retrieve
loading: {
finishedMsg: '<em>no more!</em>',
img: 'http://static.tumblr.com/sjl0ztp/LkXm7hysx/snake_transparent.gif'
}
},
// trigger Masonry as a callback
function( newElements ) {
var $newElems = $( newElements ).css({ opacity: 1 });
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true );
});
}
);
});
</script>
<nav id="page-nav">
{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</nav>
{/block:indexpage}
{/block:ifinfinitescroll}
</head>
<body>
{block:IfBackToTopButton}
<div id="top"></div>
<a style="border:none;" href="#top"><div id="top-link"></div></a>
{/block:IfBackToTopButton}
<!-- start content -->
<div id="quince">
<!-- start header -->
<div id="snug">
<div class="draw">
<a class="head">
{block:IfCrossIcon}
<div class="hicon">
<div class="portrait1"></div><div class="portrait2"></div><div class="portrait3"></div><div class="portrait4"></div><div class="portrait5"></div><div class="portrait6"></div><div class="portrait7"></div><div class="portrait8"></div><div class="portrait9"></div>
</div>
{/block:IfCrossIcon}
{block:IfNotCrossIcon}
<div class="hicon noncross">
<img src="{PortraitURL-96}" width="66" height="66">
</div>
{/block:IfNotCrossIcon}
<div class="title"><span>{Title}</span></div></a>
<div class="description">{Description}</div>
<div id="navigs">
<a href="/">home</a>
{block:askenabled}<a href="/ask">{text:ask label}</a>{/block:askenabled}
{block:submissionsenabled}<a href="/submit">{text:submit label}</a>{/block:submissionsenabled}
{block:ifshowRSSlink}<a href="{RSS}">{text:RSS Label}</a>{/block:ifshowRSSlink}
{block:ifshowarchivelink}<a href="/archive">archive</a>{/block:ifshowarchivelink}
{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
{block:iflink1title}<a href="{text:link 1 url}">{text:link 1 title}</a><span><span>{/block:iflink1title}
{block:iflink2title}<a href="{text:link 2 url}">{text:link 2 title}</a><span><span>{/block:iflink2title}
{block:iflink3title}<a href="{text:link 3 url}">{text:link 3 title}</a><span><span>{/block:iflink3title}
<a href="http://excolo.tumblr.com">theme</a>
</div>
</div>
</div>
{block:Posts}
<!-- start each post -->
<div id="flute">
<a href="{Permalink}">
<div class="tstamp">
<div style="font-size:25px;margin:-5px 0 -5px 0;">{DayOfMonthWithZero}</div>
<div style="margin:0 0 -2px; 0;">{ShortMonth}</div>
<div style="font-size:11px;">{Year}</div>
</div>
</a>
{block:Photo}
<div class="photo">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
{/block:Photo}
{block:Video}
<div class="photo">{Video-500}</div>
{/block:Video}
{block:Photoset}
<div class="photo">{Photoset-500}</div>
{/block:Photoset}
<div id="puck">
<div class="paper{block:IndexPage}{block:Photo}{block:IfHideCaptions} nocaption{/block:IfHideCaptions}{/block:Photo}{block:Video}{block:IfHideCaptions} nocaption{/block:IfHideCaptions}{/block:Video}{block:Photoset}{block:IfHideCaptions} nocaption{/block:IfHideCaptions}{/block:Photoset}{/block:IndexPage}">
{block:Text}
{block:Title}
<div class="title"><a href="{Permalink}">{Title}</a></div>
{/block:Title}
{Body}
{/block:Text}
{block:Photo}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Photo}
{block:Photoset}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Photoset}
{block:Quote}
<div class="quote">{Quote}</div>
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
{/block:Quote}
{block:Link}
<a href="{URL}" class="linktitle" {Target}>{Name}</a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{/block:Link}
{block:Chat}
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{/block:Chat}
{block:Video}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Video}
{block:Audio}
{block:AlbumArt}
<img src="{AlbumArtURL}" alt="Album art" width="200" align="left" style="padding:0 15px 0 0;" />
{/block:AlbumArt}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
<div style="width:200px;overflow:hidden;background:#000;margin:15px 0 0 0;"><div style="width:100px;overflow:hidden;float:left;">{AudioPlayerBlack}</div> <p style="margin:5px 0 0 0;color:#fff;font-size:10px;">click to play</p></div>
{/block:Audio}
<div class="meta">
{block:Date}<a href="{Permalink}">Posted {TimeAgo}</a>{/block:Date}
<a href="{Permalink}#postnotes">with {NoteCountWithLabel}</a>{block:IndexPage}{block:IfShowTags}<br />
{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}{/block:IfShowTags}{/block:IndexPage}
{block:PermalinkPage}<br />
{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}<br />{/block:HasTags}
{block:RebloggedFrom}{lang:Originally from ReblogRootName 2}<br />{lang:Reblogged from ReblogParentName 2}<br />{/block:RebloggedFrom}
{block:ContentSource}Sourced from <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
{/block:PermalinkPage}
</div>
</div>
</div>
{block:PermalinkPage}
<div id="puck">
<div class="paper">
{block:PostNotes}
<div id="postnotes">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:PermalinkPage}
</div>
{/block:Posts}
{block:IndexPage}
<div class="pagnition">
{block:PreviousPage}<a href="{PreviousPage}">Prevous Page /</a> {/block:PreviousPage}<small><small>Page {CurrentPage} of {TotalPages}</small></small>{block:NextPage} <a href="{NextPage}">/ Next Page</a>{/block:NextPage}
</div>
{/block:IndexPage}
</div>
{block:IfGoogleAnalyticsID}
<script>
var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
{/block:IfGoogleAnalyticsID}
</body>
</html> Pasted: Feb 11, 2013, 7:08:40 am
Views: 787