Engorgio 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>
<!-- ----------------------------------------------
#9 ENGORGIO 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="#ffffff"/>
<meta name="color:Text" content="#585858"/>
<meta name="color:Links" content="#e25a5a"/>
<meta name="color:Links Hover" content="#585858"/>
<meta name="color:Posts Background" content="#ffffff"/>
<meta name="color:Posts Title Underline" content="#dadada"/>
<meta name="color:Posts Title Text" content="#ffffff"/>
<meta name="color:Posts Title Background" content="#6b6b6b"/>
<meta name="color:Posts Border" content="#dadada"/>
<meta name="color:Back To Top Button" content="#dadada"/>
<meta name="color:Main Navigations BG" content="#eeeeee"/>
<meta name="color:Main Navigations BG Hover" content="#e2e2e2"/>
<meta name="color:Main Navigations Text" content="#585858"/>
<meta name="color:Blockquote" content="#c0c0c0"/>
<meta name="color:Custom Scrollbar" content="#585858"/>
<meta name="color:Post Container" content="#eeeeee"/>
<meta name="color:Meta BG" content="#a8a8a8"/>
<meta name="color:Meta Text" content="#ffffff"/>
<meta name="color:Meta BG Hover" content="#e25a5a"/>
<meta name="color:Meta Text Hover" content="#ffffff"/>
<meta name="if:Show Tags" content="1"/>
<meta name="if:Hide Captions" content="1"/>
<meta name="if:Full Sized Background" content="0"/>
<meta name="if:Back To Top Button" content="1"/>
<meta name="if:Show Tags" content="1"/>
<meta name="if:Custom Scrollbar" content="1"/>
<meta name="if:Infinite Scroll" content="0"/>
<meta name="if:Extra Links" content="1"/>
<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=""/>
<meta name="image:Sidebar" content="http://static.tumblr.com/6a54249c5b1f24cd91a23b1357aaa89b/sjl0ztp/6Slmfvvdu/tumblr_static_citysidebar2.png"/>
<meta name="image:Post Container" content="http://static.tumblr.com/sjl0ztp/u7zmfu925/wood_pattern-grey.png"/>
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Monoton);
body {
font: normal 11px/14px calibri, arial, sans-serif;
color:{color:Text};
margin:0px;
padding:0px;
background:{color:Background} url({image:Background});
{block:IfFullSizedBackground}background-size:100%;{/block:IfFullSizedBackground}
background-attachment:fixed;
}
iframe#tumblr_controls {
position:fixed !important;
top:5px !important;
right:10px !important;
}
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};
}
{block:IfCustomScrollBar}
::-webkit-scrollbar {
width:10px;
height:10px;
}
::-webkit-scrollbar-track {
background-color:{color:Background};
}
::-webkit-scrollbar-thumb {
background-color:{color:Custom Scrollbar};
}
{/block:IfCustomScrollBar}
blockquote {
margin:20px;
padding-left:10px;
border-left:5px solid {color:Blockquote};
}
#quince /* container */ {
}
.pagnition {
position:fixed;
top:100px;
left:950px;
width:60px;
}
.pagnition a {
background:{color:Main Navigations BG};
color:{color:Main Navigations Text};
font: normal 10px Consolas, courier new, arial, sans-serif;
padding:10px;
display:block;
margin-bottom:2px;
}
.pagnition a:hover {
}
#snug /* sidebar */ {
position:fixed;
width:260px;
margin:30px 0 0 85px;
}
.snugimg {
width:175px;
height:202px;
}
.sidenavs {
position:absolute;
width:83px;
margin-left:177px;
font: normal 10px Consolas, courier new, arial, sans-serif;
}
.sidenavs a {
display:block;
background:{color:Main Navigations BG};
color:{color:Main Navigations Text};
margin-bottom:2px;
padding:5px 10px;
border-left:0px solid {color:Main Navigations BG Hover};
border-top:5px solid transparent;
border-bottom:5px solid transparent;
}
.sidenavs a:hover {
padding-left:17px;
border-left:5px solid {color:Main Navigations BG Hover};
}
.nlink {
font: normal 10px Consolas, courier new, arial, sans-serif;
text-align:center;
margin:10px 0 5px;
padding-top:10px;
border-top:1px solid {color:Main Navigations BG};
}
.navs {
opacity:0;
margin-top:-10px;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
transition: all 0.7s ease;
text-align:center;
text-transform:uppercase;
font-style:italic;
}
.nlink:hover ~ .navs, .navs:hover {
opacity:1;
margin-top:0px;
}
.navs a {
display:block;
}
#snug .desc {
margin-top:10px;
text-align:auto;
}
#flute /* posts container */ {
background:{color:Post Container} url({image:Post Container});
background-attachment:fixed;
width:420px;
padding:30px 50px 50px 50px;
overflow-x:hidden;
overflow-y:auto;
margin-left:400px;
}
#border {
margin:0 0 20px 0;
float:left;
width:420px;
position:relative;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
transition: all 0.7s ease;
}
#puck /* individual post */ {
width: 400px;
background:{color:Posts Background};
padding:10px;
overflow:auto;
}
#perma {
font: normal 10px/20px Consolas, courier new, arial, sans-serif;
margin:5px 0 0;
{block:PermalinkPage}display:none;{/block:PermalinkPage}
}
#perma a {
background:{color:Meta BG};
padding:2px 5px;
color:{color:Meta Text};
}
#perma a:hover {
background:{color:Meta BG Hover};
color:{color:Meta Text Hover};
}
#puck .caption {
{block:IndexPage}{block:IfHideCaptions}display:none;{/block:IfHideCaptions}{/block:IndexPage}
}
#puck .quote {
margin:5px 0px 10px 15px;
font-size:20px;
line-height:20px;
}
#puck .mark {
font-size:70px;
font-family:georgia;
opacity:0.2;
margin-top:20px;
position:absolute;
}
#puck .source {
text-align:right;
}
#puck .perminfo {
font: normal 10px/12px Consolas, courier new, arial, sans-serif;
}
#puck .title {
font-size:15px;
margin:0;
border-bottom:1px solid {color:Posts Title Underline};
padding:0 0 5px 0;
}
#puck .title a, #puck .linktitle, #puck .meta a {
color:{color:Posts Title Text};
font-size:13px;
text-transform:uppercase;
padding:2px 5px;
line-height:20px;
font-style:italic;
background:{color:Posts Title Background};
}
#puck .title a:Hover, #puck .linktitle:Hover, #puck .meta a:hover {
color:{color:Posts Title Text};
}
#puck .trackinfo {
margin-top:10px;
}
#puck .trackinfo span {
font-size:11px;
padding:2px 5px;
line-height:20px;
font-style:italic;
background:{color:Posts Title Background};
color:{color:Posts Title Text};
}
#puck .linktitle {
}
#puck .linktitle:after {
content:' →';
}
#buttons {
position:absolute;
font-size:11px;
margin-left:430px;
opacity:0;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
transition: all 0.8s ease;
-webkit-transform: scale(0.5); /* Saf3.1+, Chrome */
-moz-transform: scale(0.5); /* FF3.5+ */
-ms-transform: scale(0.5); /* IE9 */
-o-transform: scale(0.5); /* Opera 10.5+ */
transform: scale(0.5);
}
#border:hover #buttons {
opacity:1;
margin-left:430px;
-webkit-transform: scale(1); /* Saf3.1+, Chrome */
-moz-transform: scale(1); /* FF3.5+ */
-ms-transform: scale(1); /* IE9 */
-o-transform: scale(1); /* Opera 10.5+ */
transform: scale(1);
}
#buttons a {
color:{color:Meta Text};
}
#buttons .but {
background:{color:Meta BG};
color:{color:Meta Text};
width:13px;
height:13px;
margin-bottom:2px;
padding:5px;
}
.my-like {
cursor:pointer;
display:inline-block;
vertical-align:top;
}
.my-liked, .my-like:hover {
color: #d91f1f;
cursor:pointer;
display:inline-block;
vertical-align:top;
}
table#answer {
border-bottom:1px solid {color:Posts Border};
width:400px;
padding-bottom:10px;
}
.tags {
{block:IfNotShowTags}display:none;{/block:IfNotShowTags}
}
#quince .photo img {
display:block;
width:400px;
}
#chat td {
padding:5px 0 5px 10px;
vertical-align:top;
}
#chat tr.lines {
border-bottom:1px solid {color:Posts Border};
display:block;
}
#chat tr:last-child { border:none; }
#chat .label {
font-weight:bold;
color:{color:Blockquote};
width:80px;
text-align:right;
border-right:1px solid {color:Posts Border};
padding:5px 10px 5px 0px;
margin:0 10px 0 0;
}
.nocaption {
display:none;
}
#postnotes ol {
list-style-type:none;
margin:0px;
padding:0px;
}
#postnotes {
line-height: 20px;
}
#top-link{ display:none; position:fixed; right:15px; top:37px;width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 15px solid {color:Back To Top Button};opacity:1;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
#top-link:hover { opacity:0.5; }
#infscr-loading {
text-align: center;
z-index: 100;
position: fixed;
bottom:20px;
left:740px;
background:#fff;
padding:3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size:0px;
}
.hide { display:none; }
#fade { /*--Transparent background layer--*/
display: none; /*--hidden by default--*/
background: #000;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .80;
z-index: 9999;
}
.popup_block{
display: none; /*--hidden by default--*/
background: #fff;
padding: 10px;
float: left;
font-size: 1.2em;
position: fixed;
top: 50%; left: 50%;
z-index: 99999;
}
.morelinks a {
display:block;
text-align:center;
background:#eee;
color:#585858;
opacity:1;
margin-bottom:2px;
}
.morelinks a:hover {
color:#585858;
opacity:0.5;
}
img.btn_close {
float: right;
margin: -10px -40px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}
{CustomCSS}
#excolo {
background:#fff;
width:150px;
padding:5px 0 5px 10px;
position:fixed;
bottom:0px;
right:-128px;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
transition: all 0.7s ease;
}
#excolo:hover {
right:0px;
}
#excolo a {
color:#585858;
}
#excolo span {
font:20px times new roman, serif;
padding-right:10px;
}
#top-link{ display:none; position:fixed; right:15px; top:37px;width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 15px solid {color:Back To Top Button};opacity:1;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
#top-link:hover { opacity:0.5; }
</style>
<script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
</script>
<!--
<script src="http://static.tumblr.com/sjl0ztp/GqWmfvn7t/cufon-yui.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/sjl0ztp/f2Ymfvn9l/web_symbols_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1'); // Works without a selector engine
Cufon.replace('#butt'); // Requires a selector engine for IE 6-7, see above
</script>
-->
<script src="http://static.tumblr.com/sjl0ztp/hRQmfvnm1/typeface-0.15.js"></script>
<script src="http://static.tumblr.com/sjl0ztp/5BPmfvnnd/web_symbols_liga_regular.typeface.js"></script>
<script>
window.onload = function () {
document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
document.addEventListener( 'click', function ( event ) {
var myLike = event.target;
if( myLike.className.indexOf( 'my-like' ) > -1 ) {
var frame = document.getElementById( 'my-like-frame' ),
liked = ( myLike.className == 'my-liked' ),
command = liked ? 'unlike' : 'like',
reblog = myLike.getAttribute( 'data-reblog' ),
id = myLike.getAttribute( 'data-id' ),
oauth = reblog.slice( -8 );
frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
};
}, false );
};
</script>
<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 type="text/javascript" src="http://static.tumblr.com/sjl0ztp/Ee9mb6v77/infinitescrollavis.js"></script>
<nav id="page-nav">
{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</nav>
{/block:indexpage}
{/block:ifinfinitescroll}
</head>
<body>
<div id="excolo"><a href="http://excolo.tumblr.com" title=""><span>E</span> THEME BY EXCOLO</a></div>
{block:IfBackToTopButton}
<div id="top"></div>
<a style="border:none;" href="#top"><div id="top-link"></div></a>
{/block:IfBackToTopButton}
<!-- start sidebar -->
<div id="snug">
<div class="sidenavs">
<a href="/">index</a>
<a href="/ask">message</a>
<a href="/archive">history</a>
<a href="{RSS}">RSS</a>
<a href="/random">random</a>
<a href="http://excolo.tumblr.com">theme</a>
</div>
<a href="/"><img src="{image:Sidebar}" class="snugimg" /></a>
<div class="desc"><span>{Description}</span></div>
{block:IfextraLinks}
<div class="nlink">navigate</div>
<div class="navs">
{block:submissionsenabled}<a href="/submit">submit</a>{/block:submissionsenabled}
{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>{/block:iflink1title}
{block:iflink2title}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:iflink2title}
{block:iflink3title}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:iflink3title}
</div>
{/block:IfextraLinks}
</div>
{block:IfnotInfiniteScroll}
<div class="pagnition">
{block:PreviousPage}<a href="{PreviousPage}">« prev</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">next »</a>{/block:NextPage}
</div>
{/block:IfnotInfiniteScroll}
<!-- start content -->
<div id="quince">
<div id="flute">
{block:Posts}
<!-- start each post -->
<div id="border">
<div id="buttons">
<div class="typeface-js" style="font-family: Web Symbols">
<div class="but"><a href="{Permalink}">K</a></div>
<div class="but"><a href="{ReblogURL}">J</a></div>
<div class="but"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">N</div></div>
</div>
</div>
<div id="puck">
{block:Text}
{block:Title}
<div class="title"><a href="{Permalink}">{Title}</a></div>
{/block:Title}
{Body}
{/block:Text}
{block:Photo}
<div class="photo">{LinkOpenTag}<img {block:IndexPage}src="{PhotoURL-400}"{/block:IndexPage} {block:PermalinkPage}src="{PhotoURL-400}"{/block:PermalinkPage} alt="{PhotoAlt}"/>{LinkCloseTag}</div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Photo}
{block:Photoset}
<div class="photo">{Photoset-400}</div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Photoset}
{block:Quote}
<div class="mark">“</div>
<div class="quote">{Quote}</div>
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
{/block:Quote}
{block:Link}
<a href="{URL}" class="linktitle"><span>{Name}</span></a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{/block:Link}
{block:Chat}
{block:Title}
<div class="title"><a href="{Permalink}">{Title}</a></div>
{/block:Title}
<table id="chat">
{block:Lines}
<tr class="lines">
{block:Label}<td class="label">
{Label}</td>
{/block:Label}
<td>{Line}</td>
</tr>
{/block:Lines}
</table>
{/block:Chat}
{block:Video}
{Video-400}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Video}
{block:Answer}
<table cellspacing="0" cellpadding="0" id="answer"><tr><td style="vertical-align:top;"><img src="{AskerPortraitURL-96}" width="40" height="40" style="padding-right:10px;"></td>
<td style="vertical-align:top;"><b>{Asker} said:</b> {Question}</td>
</td></table>
{Answer}
{/block:Answer}
{block:Audio}
{block:AudioPlayer}
<table cellspacing="0" cellpadding="0"><tr><td>
{block:AlbumArt}
<a href="{Permalink}"><img src="{AlbumArtURL}" alt="Album art" width="200"/></a>
{/block:AlbumArt}
</td>
<td style="vertical-align:top;padding-left:10px;">
<div style="width:150px;height:24px;background:#e4e4e4;overflow:hidden;padding:20px;"><div style="width:24px;height:24px;overflow:hidden;margin:0px auto;">{AudioPlayerGrey}</div></div>
<div class="trackinfo">
{block:TrackName}<span>SONG</span> {TrackName}{/block:TrackName}<br />
{block:Artist}<span>ARTIST</span> {Artist}{/block:Artist}<br />
{block:Album}<span>ALBUM</span> {Album}{/block:Album}
</div>
</td></tr></table>
{/block:AudioPlayer}
{block:AudioEmbed}{AudioEmbed-450}{/block:AudioEmbed}
<div class="caption">{Caption}</div>
{/block:Audio}
</div>
<div id="perma">
<a href="{Permalink}">{TimeAgo}</a> <a href="{Permalink}">{NoteCountWithLabel}</a>
<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
</div>
</div>
{block:PermalinkPage}
{block:Date}
<div id="border">
<div id="puck"><div class="perminfo"><a href="{Permalink}">Posted {TimeAgo}</a>
<a href="{Permalink}#postnotes">with {NoteCountWithLabel}<br /></a>
{block:HasTags}Tagged with {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}</div>
</div>
</div>
{/block:Date}
{/block:PermalinkPage}
{block:PermalinkPage}
{block:PostNotes}
<div id="border">
<div id="puck">
<div id="postnotes">
{PostNotes}
</div>
</div>
</div>
{/block:PostNotes}
{/block:PermalinkPage}
{/block:Posts}
</div>
</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>
<div id="02" class="popup_block">
<div class="morelinks">
{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
{block:submissionsenabled}<a href="/submit">submit</a> {/block:submissionsenabled}
{block:iflink1title}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:iflink1title}
{block:iflink2title}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:iflink2title}
{block:iflink3title}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:iflink3title}
<a href="http://excolo.tumblr.com">theme</a>
</div>
</div>
</html> Pasted: Feb 11, 2013, 7:11:28 am
Views: 3,546