Scribd
Upload
56 views19 pages

Tumblr Theme

This document contains code for customizing the appearance and functionality of a Tumblr theme. It includes code for lightbox and photoset functionality, tooltips, fonts, colors, post and sidebar styling, and more. The document defines default variables for colors, images, fonts, and text that can be overridden. It also includes code for animations, selection styling, and scrollbars.

Uploaded by

apitno
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
56 views19 pages

Tumblr Theme

This document contains code for customizing the appearance and functionality of a Tumblr theme. It includes code for lightbox and photoset functionality, tooltips, fonts, colors, post and sidebar styling, and more. The document defines default variables for colors, images, fonts, and text that can be overridden. It also includes code for animations, selection styling, and scrollbars.

Uploaded by

apitno
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 19

DESCRIPTION:

apit / +62 / ( <a href="/tagged/apitoodle">doodle tag</a> )


contact: [email protected]
instagram: <a href="instagram.com/apitnobaka/">apitnobaka</a> tapas: <a
href="tapas.io/apitnobaka">tapas.io/apitnobaka</a>

===============================================

<!---

theme v :: invisible
solitudethemes

----->

<!DOCTYPE html>
<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}

<!--default variables-->

<meta name="color:title" content="#000000"/>


<meta name="color:text" content="#8c8a8a"/>
<meta name="color:links" content="#bcbcbc"/>
<meta name="color:links hover" content="#000000"/>
<meta name="color:scrollbar" content="#cccccc">
<meta name="color:search" content="#dad8d8"/>

<meta name="image:sidebar image" content=""/>


<meta name="if:sidebar image" content="1"/>
<meta name="if:updates" content="1"/>

<meta name="select:post width" content="250px" title="250px"/>


<meta name="select:post width" content="300px" title="300px"/>
<meta name="select:post width" content="350px" title="350px"/>
<meta name="select:post width" content="400px" title="400px"/>

<meta name="select:font" content="karla, sans-serif" title="karla"/>


<meta name="select:font" content="roboto,sans-serif" title="roboto"/>
<meta name="select:font" content="lato, sans-serif" title="lato"/>
<meta name="select:font" content="open sans, sans-serif" title="open sans"/>
<meta name="select:font" content="calibri" title="calibri"/>

<meta name="text:home title" content="home">


<meta name="text:ask title" content="mail">
<meta name='text:more title' content="etc">
<meta name="text:link 1" content="/">
<meta name="text:link 1 title" content="link 1">
<meta name="text:link 2" content="/">
<meta name="text:link 2 title" content="link 2">
<meta name="text:link 3" content="/">
<meta name="text:link 3 title" content="link 3">
<meta name="text:updates" content="updates here. write whatever x">

<!--tooltips-->

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

<script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-
tooltips.js"></script>

<script>

(function($){

$(document).ready(function(){

$("[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:90,

tip_fade_speed:600,

attribute:"title"

});

});

})(jQuery);

</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></
script>
<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css"
rel="stylesheet" type="text/css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></
script>
<script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></
script>

<script>
$(document).ready(function(){
$('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
gutter: '1px',
borderRadius: '0px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
});
});
</script>

<!--fonts-->

<link href='https://fonts.googleapis.com/css?
family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>

<link href='https://fonts.googleapis.com/css?
family=Roboto:400,700,400italic,300,300italic,700italic' rel='stylesheet'
type='text/css'>

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700'
rel='stylesheet' type='text/css'>

<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet'


type='text/css'>

<style type="text/css">

/*tooltips*/

.tooltip{
display: inline;
position: relative;
}

#s-m-t-tooltip {
max-width:300px;
padding:5px;
padding-top:3px;
padding-bottom:3px;
margin:5px 0px 0px 10px;
background-color:#fff;
font-family:{select:font};
font-size:8px;
font-weight:normal;
letter-spacing:1px;
line-height:8px;
text-transform:uppercase;
color:#aaa;
z-index:2147483647;
}

/*lightbox*/
.tmblr-lightbox {background:rgba(255,255,255, .95)!important;}

.tmblr-lightbox img {opacity:0;}

.lightbox-caption {
color:transparent;
font-family:inherit!important;
font-size:10px!important;
font-weight:normal!important;
text-shadow:none!important;
}

.lightbox-image {
-moz-box-shadow:none!important;
-webkit-box-shadow:none!important;
box-shadow:none!important;
-moz-border-radius:0px!important;
-webkit-border-radius:0px!important;
border-radius:0px!important;
padding:0px!important;
margin:0px!important;
border:0!important;
opacity:1!important;
}

.vignette {opacity:0!important;}

/*tumblr controls*/

iframe#tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-
controls.iframe-controls--desktop{
-webkit-filter: invert(100%);
-moz-filter: invert(100%);
-o-filter: invert(100%);
-ms-filter: invert(100%);
filter: invert(100%);
opacity:0.2;
z-index:99999!important;
top:10px!important;
right:10px!important;
}

/*selection*/

::selection {
color:{color:text};
background:#eeeeee;
}

::-moz-selection {
color:{color:text};
background:#eeeeee;
}
::-webkit-selection {
color:{color:text};
background:#eeeeee;
}

/*scrollbar*/

::-webkit-scrollbar {
background-color:#ffffff;
height:9px;
width:9px;
}

::-webkit-scrollbar-thumb {
background-color:{color:scrollbar};
border:4px solid #ffffff;
}

::-webkit-scrollbar-track {background-color:#ffffff;}

/*basics*/

body {
background:#ffffff;
color:{color:text};
font-family:{select:font};
line-height:15px;
max-width:100%;
font-size:10px;
margin:0;
text-align:justify;
overflow-x:hidden;
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
}

blockquote {
padding-left:10px;
border-left:1px solid;
border-color:#eeeeee;
margin:10px;
max-width:100%;
}

a {
color:{color:links};
text-decoration:none;
-webkit-transition:all 0.2s;
-moz-transition:all 0.2s;
-ms-transition:all 0.2s;
-o-transition:all 0.2s;
transition:all 0.2s;
}

a:hover {
text-decoration:none;
color: {color:links hover};
cursor:help;
}

img {
opacity:1;
max-width:100%;
text-decoration:none;
}

b, strong {
font-weight:normal;
color:{color:title};
}

h1 {
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
font-weight:normal;
color:{color:title};
}

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

pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}

/*posts*/

.container {
margin:0px auto;
width:{select:post width};
position:relative;
-webkit-animation-name: fade-in;
-webkit-animation-duration: 1.5s;
}

.posts {
{block:IndexPage}
margin-bottom:80px;
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom:40px;
{/block:PermalinkPage}
width:{select:post width};
}

.entries {
margin-top:100px;
margin-bottom:50px;
width:{select:post width};
}
.posts img, .posts li, .posts blockquote {
max-width: 100%;
}

.posts ul li:before, .nav li:before {


content:"��";
position:relative;
left:-10px;
letter-spacing:-1px;
color:#ddd;
}

.posts ul li, .nav li{


text-indent:-12px;
list-style:none;
}

blockquote img {
max-width:100%;
height: auto;
}

.caption a, .text a{border-bottom:1px solid #eee;}

a.tumblr_blog {
text-transform:lowercase;
border-bottom:1px solid #eee;
}

/*post info*/

.info {
padding-top:15px;
margin-top:25px;
text-transform:uppercase;
font-size:9px;
text-align:left;
letter-spacing:1px;
border-top:1px solid #eee;
}

.info b a{color:{color:title};}

.info b a:hover {color:{color:links hover};}

.pinfo {
padding-top:15px;
margin-top:10px;
text-transform:uppercase;
font-size:9px;
letter-spacing:1px;
}

.posts:hover .tags {opacity:.8;}

.tags {
font-style:normal;
text-transform:lowercase;
display:inline;

.tags a {margin-right:8px;}

/*sidebar*/

.sidebar {
position:fixed;
width:125px;
margin-left:-280px;
border-right:1px solid #eee;
padding-right:20px;
top:100px;
-webkit-animation-name: fade-in;
-webkit-animation-duration: 1.5s;
}

.si {
width:40px;
height:40px;
margin-left:85px;
margin:bottom:10px;
z-index:999;
}

.si img {
width:40px;
height:40px;
border-radius:100px;
margin-bottom:10px;
transition:0.4s ease-in-out;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
}

.si img:hover{opacity:.4;}

.title {
font-size:11px;
letter-spacing:1.5px;
text-transform:uppercase;
font-weight:normal;
width:125px;
margin-bottom:5px;
color:#e1efff;
text-align:right;
}

.title a {color:{color:title};}
.title a:hover {opacity:.5;}

.description {
color:{color:text};
font-family:{select:font};
width:125px;
text-align:right;
}

.links {
margin-top:15px;
border-top:1px solid #eee;
padding:10px 0;
text-align:right;
text-transform:uppercase;
font-size:8px;
letter-spacing:1px;
color:{color:links};
}

.links a {margin-left:5px;}

.links .search .query {


margin-top:7px;
border:0;
outline:0;
text-align:right;
background-color: transparent;
color:{color:search};
font-family:{select:font};
font-size:8px;
text-transform:uppercase;
letter-spacing:1px;
-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;
}

::-webkit-input-placeholder {color: #dad8d8;}


:-moz-placeholder {color: #dad8d8; opacity:1;}
::-moz-placeholder {color: #dad8d8; opacity:1;}
:-ms-input-placeholder {color: #dad8d8;}
input:focus::-webkit-input-placeholder {color: transparent;}
input:focus:-moz-placeholder {color: transparent;}
input:focus::-moz-placeholder {color: transparent;}
input:focus:-ms-input-placeholder { color: transparent;}

.lb {margin-top:5px;}

/*updates*/

.updates {
color:{color:text};
text-align:left;
height:13px;
width:100px;
padding:4px;
top:15px;
left:20px;
z-index:10;
position:fixed;
overflow:hidden;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
padding-left:10px;
border-left:1px solid #eee;
}

.updates:hover {
height:200px;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
}

.updates:hover .updatestitle{
color:{color:links hover};
transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;
}

.updatestitle {
letter-spacing:3px;
font-size:8px;
margin-bottom:10px;
text-transform:uppercase;
color:{color:title};
transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;
}

/*notes*/

ol.notes {
padding:0px;
margin:-25px 0px 0px 0px;
list-style-type:none;
text-transform:uppercase;
font-size:8px;
letter-spacing:1px;
max-width:{select:post width};
max-height:200px;
overflow-x:hidden;
overflow-y:scroll;
}

ol.notes li.note {padding:1px;}

ol.notes li.note img.avatar {


display:none!important;
vertical-align:-4px;
margin-right:10px;
width:16px;
height:16px;
}

ol.notes li.note span.action {font-weight:none;}

ol.notes li.note .answer_content {font-weight:normal;}


ol.notes li.note blockquote {
padding:5px 10px;
margin:0px 5px;
}

ol.notes li.note blockquote a {text-decoration:none;}

.ph {
margin-top:15px;
text-transform:none;
font-size:10px;
}

a.more_notes_link {
display:block;
text-align:left;
border:0;
}

/*quotes*/

.quote {
text-transform:none;
font-size:12px;
font-weight:normal;
text-align:left;
}

.quotesource {
text-align:left;
text-transform:uppercase;
letter-spacing:1px;
font-size:8px;
margin-top:10px;
}

.quotesource a{
text-transform:uppercase;
font-size:8px;
letter-spacing:1.5px;
border-bottom:1px solid #eee;
}

/*chats*/

.chat {
line-height:20px;
list-style:none;
}

.line.odd {
background:#ffffff;
border-top:1px solid #eee;
margin-bottom:2px;
padding:5px;
list-style:none;
font-size:10px;
}
.line.odd:nth-child(1) {border:none;}

.line.even {
background:#ffffff;
border-top:1px solid #eee;
margin-bottom:2px;
padding:5px;
list-style:none;
font-size:10px;
}

.label {
padding-right:1px;
text-transform:uppercase;
letter-spacing:1px;
font-weight:normal;
color:{color:title};
}

/*questions*/

.question {
text-transform:none;
font-style:italic;
font-weight:normal;
text-align:left;
margin-top:-10px;
padding-left:5px;
}

.asker {
text-align:justify;
text-transform:uppercase;
font-style:normal;
letter-spacing:1px;
font-size:8px;
margin-top:10px;
display:inline;
max-width:100%;
}

.asker a, .answer a{border-bottom:1px solid #eee;


max-width:100%;}
img {max-width:100%;
height: auto;}
.answer {margin-top:5px
max-width:100%;}

/*audio*/

.tumblr_audio_player {
height:50px;
width:{select:post width};
color:#fff;
color:transparent;
}
.audiowrapper {
position:relative;
display:inline-block;
}

.audio {
height:100px;
background:#fff;
border:1px solid #eee;
}

.audio-album {
position:absolute;
width:30px;
opacity:.0;
}

.audio-player {
margin-left:auto;
margin-right:35px;
border-radius:5px 5px 5px 5px;
opacity:1;
filter:alpha(opacity=100);
border:35px solid #fff;
width:30px;
height:30px;
overflow:hidden;
position:absolute;
z-index:2;
}

.audio-playerhug {
position: absolute;
left:2px;
z-index:1;
}

.audio-info {
width:calc({select:post width} - 100px);
margin-left:50px;
height:100%;
line-height:180%;
padding:0px 25px 0px 25px;
text-transform:lowercase;
text-align:right;
display: table;
}

.audio-info p {
display: table-cell;
vertical-align: middle;
text-align:right;
border-left:1px solid #eee;
}

.playerbutton {
position:relative;
width:30px;
height:35px;
background:transparent;
overflow:hidden;
}

/*pagi*/

.pagination {
width:{select:post width};
text-transform:uppercase;
letter-spacing:0.5px;
text-align:right;
}

/*credit*/

.credit {
font-size:10px;
position:fixed;
font-weight:normal;
bottom:10px;
right:10px;
z-index:10;
text-transform:uppercase;
text-align:right;
letter-spacing:1px;
padding:1px 5px 1px 5px;
transition:all .2s;
}

.credit a {
color:{color:links};
text-decoration:none;
}

.credit a:hover {
color:{color:links hover};
text-decoration:none;
}

/*fade-in*/

@-webkit-keyframes fade-in {
0% { opacity: 0; }
50% { opacity: 0; }
100% { opacity: 1; }
}

@-moz-keyframes fade-in {
0% { opacity: 0; }
50% { opacity: 0; }
100% { opacity: 1; }
}

@keyframes fade-in {
0% { opacity: 0; }
50% { opacity: 0; }
100% { opacity: 1; }
}

</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></
script>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet"
type="text/css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></
script>
<script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></
script>
<script>
$(document).ready(function(){
$('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
gutter: '2px',
borderRadius: '0px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
});
});
$(document).ready(function(){
$(".notes").hide();
$(".ph").show();$('.ph').toggle(function(){
$(".notes").slideDown(function(){});
},function(){
$(".notes").slideUp(function(){});
});
});

$(document).ready(function(){
$(".lb").hide();
$(".lm").show();$('.lm').toggle(function(){
$(".lb").slideDown(function(){});
},function(){
$(".lb").slideUp(function(){});
});
});
// minimal soundcloud player � shythemes.tumblr
$(document).ready(function(){
var color = '#e1eef5'; // color of play button (hex)
$('.soundcloud_audio_player').each(function(){
$(this).attr({ src: $(this).attr('src').split('&')[0] +
'&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&am
p;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=
true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%'
});
});
});

</script>

</head>

<body>

<div class="container">

<div class="credit">
<a title="solitudethemes" href="https://solitudethemes.tumblr.com">S;</a>
</div>

{block:ifupdates}

<div class="updates">
<div class="updatestitle">updates</div>

<div style="padding-top:10px; border-top:1px solid #eee">

{text:updates}

</div></div>

{/block:ifupdates}

<div class="sidebar">

{block:ifsidebarimage}
<a id="modal" class="si"><img src="{image:sidebar image}">
</a>
{/block:ifsidebarimage}

<div class="title"><a href="/">{title}</a></div>

<div class="description">

{description}

</div>

<div class="links">

<a href="/">{text:home title}</a>


<a href="/ask">{text:ask title}</a>
<a href="#" class="lm">{text:more title}</a>

<div class="lb">
<a href="{text:link 1}">{text:link 1 title}</a>
<a href="{text:link 2}">{text:link 2 title}</a>
<a href="{text:link 3}">{text:link 3 title}</a>
</div>

<form action="/search" method="get" class="search"><input type="text" name="q"


value="" class="query" placeholder="search"></form>

</div>

</div>

<div class="entries">
{block:Posts}
<div class="posts">

{block:Text}
<h1>{block:Title}{Title}{/block:Title}</h1>
<div class="text">
{Body}
</div>
{/block:Text}

{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-highres}">{LinkCloseTag}
{/block:Photo}

{block:Photoset}
<div class="photo-slideshow" id="photoset_{PostID}" data-
layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-
photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-
500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-
height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}"
href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
{/block:Photoset}

{block:Quote}{block:Source}<div class="quotesource">{Source}</div>
{/block:Source}</p>
<div class="quote">{Quote}</div>
{/block:Quote}

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

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

{block:Audio}
<div class="audio">
{block:AlbumArt}
<img class="audio-album" src="{AlbumArtURL}">
{/block:AlbumArt}

{block:AudioPlayer}
<div class="audio-player">
<div class="audio-playerhug">
{AudioPlayerWhite}
</div></div>
{/block:AudioPlayer}

<div class="audio-info">
<p>{block:TrackName}
<b>{TrackName}</b><br>
{/block:TrackName}
{block:Artist}
{Artist}<br>
{/block:Artist}
</p>
</div>
</div>
{/block:Audio}

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

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

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

{block:IndexPage}
<div class="info">
{block:Date}
<b><a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumber}.{year}</a></b>
{/block:Date}

&nbsp;
{block:NoteCount}
&nbsp;
<a href="{Permalink}">{NoteCountWithLabel}</a>
&nbsp;&nbsp;
{/block:NoteCount}

<a href="{reblogurl}" target="_blank">reblog</a>


<br>
{block:HasTags}
<div class="tags">
# {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
</div>
{/block:HasTags}

</div>
{/block:IndexPage}

{block:PermalinkPage}
<div class="pinfo">
{block:Date}posted on {Month} {DayOfMonthWithZero}{DayOfMonthSuffix} at <a
href="{Permalink}" >{12Hour}:{Minutes} {AmPm}</a>{/block:Date}

{block:RebloggedFrom}<br>source: <a
href="{ReblogRootURL}">{ReblogRootName}</a>&nbsp;&nbsp; via: <a
href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}

{block:HasTags}<br>
Indexed: {block:Tags} <a href="{TagURL}">{Tag}</a>,&nbsp; {/block:Tags}
{/block:HasTags}</p>

{block:PostNotes}
<a href="#" class="ph">{NoteCountWithLabel}</a></div>
{/block:PostNotes}
{/block:PermalinkPage}

</div>

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

{/block:Posts}

<div class="pagination">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">back /</a>{/block:PreviousPage}&nbsp;

{block:NextPage}
<a href="{NextPage}">forth</a>
{/block:NextPage}
{/block:Pagination}
</div>

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

You might also like