Flipendo 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>
<!-- ----------------------------------------------
#7 FLIPENDO 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="#cfda13"/>
<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="#585858"/>
<meta name="color:Posts Border" content="#dadada"/>
<meta name="color:Back To Top Button" content="#dadada"/>
<meta name="color:Navigations Icon" content="#ffffff"/>
<meta name="color:Navigations Hover" content="#eeeeee"/>
<meta name="color:Blockquote" content="#c0c0c0"/>
<meta name="color:Icon Border" content="#000000"/>
<meta name="color:Description Background" content="#ffffff"/>
<meta name="color:Description Border" content="#dadada"/>
<meta name="color:Custom Scrollbar" content="#585858"/>
<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:Hide Meta On Photos" content="0"/>
<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/sjl0ztp/hYemb9668/taeyangsb.png"/>
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Monoton);
body {
font: normal 12px Consolas, courier new, 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 */ {
margin:20px 0 0 100px;
}
#snug /* sidebar */ {
float:left;
position:fixed;
margin-left:590px;
margin-top:100px;
}
#snug #image {
width:90px;
display:block;
border:15px solid {color:Icon Border};
}
#snugdes {
width:150px;
line-height:12px;
margin:0 0 0 0;
padding:5px 5px 5px 10px;
background:{color:Description Background};
-webkit-border-radius: 0 10px 10px 0;
-moz-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
border-style:solid;
border-width:1px 1px 1px 0;
border-color:{color:Description Border};
}
.nav {
width:120px;
text-align:center;
margin-top:10px;
font-size:12px;
}
.nav a {
color:{color:Navigations Icon};
padding:5px 5px;
}
.nav a:hover {
opacity:0.5;
}
#flute /* posts container */ {
width:590px;
}
#border {
margin:0 20px 20px 0;
float:left;
}
.phover {
position:absolute;
opacity:0;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
width:80px;
height:37px;
margin:21px 21px;
{block:PermalinkPage}display:none;{/block:PermalinkPage}
}
#border:hover .phover { opacity:1; }
.perma img, .reb img { width:15px;height:15px;display:block; }
.perma, .reb {
background:rgba(0,0,0,0.7);
color:#fff;
font-size:20px;
width:15px;
height:15px;
padding:10px;
float:left;
border:1px solid rgba(0,0,0,0.2);
margin-right:6px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity:1;
}
.reb { margin-right:0px !important; }
.perma:hover, .reb:hover { background:rgba(0,0,0,0.9); }
#puck /* individual post */ {
{block:IndexPage}width: 250px;{/block:IndexPage}
{block:PermalinkPage}width:500px;margin-left:42px;{/block:PermalinkPage}
background:{color:Posts Background};
padding:10px;
overflow:auto;
border:1px solid {color:Posts Border};
}
#puck .caption {
{block:IndexPage}{block:IfHideCaptions}display:none;{/block:IfHideCaptions}{/block:IndexPage}
}
#puck .quote {
margin:0px 0px 10px 0px;
font-size:20px;
line-height:20px;
}
#puck .source {
text-align:right;
}
#puck .meta {
border-top:1px solid {color:Posts Title Underline};
padding-top:5px;
font-size:10px;
margin-top:10px;
}
.nometa {
display:none;
}
#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};
}
#puck .title a:Hover, #puck .linktitle:Hover, #puck .meta a:hover {
color:{color:Links};
}
#puck .linktitle {
font-size:15px;
margin:0 0 -5px;
border-bottom:1px solid {color:Links};
padding:0 0 5px;
}
#puck .linktitle:after {
content:' →';
}
table#answer {
border-bottom:1px solid {color:Posts Border};
{block:IndexPage}width:250px;{/block:IndexPage}
{block:PermalinkPage}width:500px;{/block:PermalinkPage}
padding-bottom:10px;
}
#puck .tags {
{block:IfNotShowTags}display:none;{/block:IfNotShowTags}
}
#quince .photo img {
display:block;
{block:IndexPage}width:250px;{/block:IndexPage}
{block:PermalinkPage}width:500px;{/block:PermalinkPage}
}
#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 {
font: normal 12px "Lucida Grande", arial, sans-serif;
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;
}
</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:IndexPage}
<script src="http://static.tumblr.com/sjl0ztp/VTCmbco3i/jquery.masonry.min.js"></script>
<script src="http://static.tumblr.com/ihdmiub/Noam2kdyo/jquery.infinitescroll.min.js"></script>
<script>
$(function(){
var $container = $('#flute');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '#border',
columnWidth: 0
});
});
$container.infinitescroll({
navSelector : '#page-nav', // selector for the paged navigation
nextSelector : '#page-nav a', // selector for the NEXT link (to page 2)
itemSelector : '#border', // selector for all items you'll retrieve
loading: {
finishedMsg: 'No more pages to load.',
img: 'http://static.tumblr.com/sjl0ztp/RyVmbcxtx/loading_horizontal.gif'
}
},
// trigger Masonry as a callback
function( newElements ) {
// hide new items while they are loading
var $newElems = $( newElements ).css({ opacity: 0 });
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
// show elems now they're ready
$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}
<script type="text/javascript" src="http://static.tumblr.com/sjl0ztp/nMnmb6vgx/slideavisscript.js"></script>
<script src="http://static.tumblr.com/sjl0ztp/UGEm6pwaz/cufon-yui.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/sjl0ztp/iJ9m6pwe3/websymbolsfont_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('#sub1', { fontFamily: 'websymbolsfont', hover: true }); // Requires a selector engine for IE 6-7, see above
</script>
<script>
$(document).ready(function() {
//
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/sjl0ztp/TGxmbd0dn/closeee.png" class="btn_close" title="Close" alt="Close" style="width:20px;height:20px;" /></a>');
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
return false;
});
$('a.close, #fade').live('click', function() {
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</script>
</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 content -->
<div id="quince">
<!-- start sidebar -->
<div id="snug">
<table cellspacing="0" cellpadding="0"><tr>
<td><a href="/"><img src="{image:Sidebar}" id="image"></a></td>
<td><!-- start description -->
<div id="snugdes"><span>{description}</span></div></td>
</tr></table>
<div class="nav">
<div id="sub1">
<a href="/ask" title="message">@</a>
<a href="/archive" title="archive">F</a>
<a href="{RSS}" title="RSS">B</a>
<a href="#?w=300" rel="02" class="poplight" title="more links">¹</a>
</div>
</div>
</div>
<div id="flute">
{block:Posts}
<!-- start each post -->
<div id="border">
{block:Photo}
<div class="phover">
<a href="{Permalink}" title="Posted {TimeAgo} with {NoteCountWithLabel}"><div class="perma"><img src="http://static.tumblr.com/sjl0ztp/YoRmbcpc0/permalink.png" /></div></a>
<a href="{ReblogURL}" title="Reblog"><div class="reb"><img src="http://static.tumblr.com/sjl0ztp/nuGmbcp74/reblog.png" /></div></a>
</div>
{/block:Photo}
{block:Photoset}
<div class="phover">
<a href="{Permalink}" title="Posted {TimeAgo} with {NoteCountWithLabel}"><div class="perma"><img src="http://static.tumblr.com/sjl0ztp/YoRmbcpc0/permalink.png" /></div></a>
<a href="{ReblogURL}" title="Reblog"><div class="reb"><img src="http://static.tumblr.com/sjl0ztp/nuGmbcp74/reblog.png" /></div></a>
</div>
{/block:Photoset}
{block:Video}
<div class="phover">
<a href="{Permalink}" title="Posted {TimeAgo} with {NoteCountWithLabel}"><div class="perma"><img src="http://static.tumblr.com/sjl0ztp/YoRmbcpc0/permalink.png" /></div></a>
<a href="{ReblogURL}" title="Reblog"><div class="reb"><img src="http://static.tumblr.com/sjl0ztp/nuGmbcp74/reblog.png" /></div></a>
</div>
{/block:Video}
{block:Audio}
<div class="phover">
<a href="{Permalink}" title="Posted {TimeAgo} with {NoteCountWithLabel}"><div class="perma"><img src="http://static.tumblr.com/sjl0ztp/YoRmbcpc0/permalink.png" /></div></a>
<a href="{ReblogURL}" title="Reblog"><div class="reb"><img src="http://static.tumblr.com/sjl0ztp/nuGmbcp74/reblog.png" /></div></a>
</div>
{/block:Audio}
<div id="puck">
{block:Text}
{block:Title}
<div class="title"><a href="{Permalink}">{Title}</a></div>
{/block:Title}
{Body}
{block:IndexPage}
<div class="meta">
<a href="{Permalink}">Posted {TimeAgo} with {NoteCountWithLabel}</a>
{block:HasTags}
<div class="tags">Tagged with: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
{/block:HasTags}
</div>
{/block:IndexPage}
{/block:Text}
{block:Photo}
<div class="photo">{LinkOpenTag}<img {block:IndexPage}src="{PhotoURL-250}"{/block:IndexPage} {block:PermalinkPage}src="{PhotoURL-500}"{/block:PermalinkPage} alt="{PhotoAlt}"/>{LinkCloseTag}</div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Photo}
{block:Photoset}
<div class="photo">{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</div>
{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:IndexPage}
<div class="meta">
<a href="{Permalink}">Posted {TimeAgo} with {NoteCountWithLabel}</a>
{block:HasTags}
<div class="tags">Tagged with: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
{/block:HasTags}
</div>
{/block:IndexPage}
{/block:Quote}
{block:Link}
<a href="{URL}" class="linktitle" {Target}>{Name}</a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{block:IndexPage}
<div class="meta">
<a href="{Permalink}">Posted {TimeAgo} with {NoteCountWithLabel}</a>
{block:HasTags}
<div class="tags">Tagged with: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
{/block:HasTags}
</div>
{/block:IndexPage}
{/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:IndexPage}
<div class="meta">
<a href="{Permalink}">Posted {TimeAgo} with {NoteCountWithLabel}</a>
{block:HasTags}
<div class="tags">Tagged with: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
{/block:HasTags}
</div>
{/block:IndexPage}
{/block:Chat}
{block:Video}
{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Video}
{block:Answer}
<table cellspacing="0" cellpadding="0" id="answer"><tr><td><img src="{AskerPortraitURL-96}" width="40" height="40" style="padding-right:10px;
"></td>
<td><b>{Asker} said:</b> {Question}</td>
</td></table>
{Answer}
{block:IndexPage}
<div class="meta">
<a href="{Permalink}">Posted {TimeAgo} with {NoteCountWithLabel}</a>
{block:HasTags}
<div class="tags">Tagged with: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
{/block:HasTags}
</div>
{/block:IndexPage}
{/block:Answer}
{block:Audio}
{block:AudioPlayer}
{block:AlbumArt}
<img src="{AlbumArtURL}" alt="Album art" width="250"/>
{/block:AlbumArt}
<div class="caption">{Caption}</div>
<div style="width:250px;background:#000;">{AudioPlayerBlack}</div>
{/block:AudioPlayer}
{block:AudioEmbed}{AudioEmbed-250}{block:PermalinkPage}{Caption}{/block:PermalinkPage}{/block:AudioEmbed}
{/block:Audio}
</div>
</div>
{block:PermalinkPage}
{block:Date}
<div id="border">
<div id="puck"><a href="{Permalink}">Posted {TimeAgo}</a>
<a href="{Permalink}#postnotes">with {NoteCountWithLabel}<br /></a>
{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}
</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:09:58 am
Views: 1,210