Scribd
Upload
107 views28 pages

Mignon

The document describes update notes for the Mignon 1.1 theme. Major changes in the update include replacing Masonry with CSS grid, cleaning up layouts, increasing font sizes, adding color options, and fixing bugs. The update revamps the overall theme while staying true to the original design. Users are notified that if they prefer the original theme, they can contact the developer to revert to the previous version.

Uploaded by

nekodust
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
107 views28 pages

Mignon

The document describes update notes for the Mignon 1.1 theme. Major changes in the update include replacing Masonry with CSS grid, cleaning up layouts, increasing font sizes, adding color options, and fixing bugs. The update revamps the overall theme while staying true to the original design. Users are notified that if they prefer the original theme, they can contact the developer to revert to the previous version.

Uploaded by

nekodust
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/ 28

<!

--
// Theme

Mignon 1.1

by espoirthemes //

+ edits to the code are allowed


+ send questions to espoirthemes.com/contact
+ please do not move or remove the credit

Details:
This update revamps the whole theme, while still staying true to the original
design.

Major changes:
- Removed Masonry, replaced with CSS grid
- Adjusted the post info to look cleaner
- Added color options for the like and reblog buttons
- Cleaned up the sidebar's layout
- Increased font sizes used
- Moved navigation to the header to make more room for description
- Added dashboard captions instead of blockquotes
- Fixed bug with sliding menu
- Fixed styling for tags so that they're not cut off

Don't like the changes?


- Since this is a theme garden theme, your theme will automatically be updated
to this. If you'd like to revert to the original layout, contact me at
espoirthemes.com/contact

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

<link href="https://fonts.googleapis.com/css?family=Quicksand:500"
rel="stylesheet">

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

<meta name="color:Background" content="#fffffF" />


<meta name="color:posts" content="#fff" />
<meta name="color:sidebar" content="#f57483" />
<meta name="color:sidebar text" contnet="#fff" />
<meta name="color:text" content="#444" />
<meta name="color:links" content="#e74356" />
<meta name="color:link hover" content="#fff" />
<meta name="color:Bold" content="#000"/>
<meta name="color:Italic" content="#ddd"/>
<meta name="color:sidebar" content="#FFFFFF" />
<meta name="color:border" content="#aaa" />
<meta name="color:ask bubble" content="#eee" />
<meta name="color:ask bubble text" content="#222" />

<meta name="color:selection background" content="#eee" />


<meta name="color:selection text" content="#000" />
<meta name="color:scrollbar" content="#b997ce" />
<meta name="color:scrollbar background" content="#888" />

<meta name="color:info" content="#f57483">


<meta name="color:info links" content="#fff" />
<meta name="color:pagination" content="#f57483" />

<meta name="color:hpbackground" content="#fff" />


<meta name="color:hp" content="salmon" />

<meta name="text:Link 1" content="un." />


<meta name="text:Link 1 url" content="http://" />
<meta name="text:Link 2" content="deux." />
<meta name="text:Link 2 url" content="http://" />
<meta name="text:Link 3" content="trois." />
<meta name="text:Link 3 url" content="http://" />
<meta name="text:Link 4" content="quatre." />
<meta name="text:Link 4 url" content="http://" />

<meta name="if:gray reblog button" content="" />


<meta name="if:black reblog button" content="" />
<meta name="if:white reblog button" content="" />

<meta name="if:gray like button" content="" />


<meta name="if:black like button" content="" />
<meta name="if:white like button" content="" />
<meta name="if:single column" content="" />

<meta name="text:asked" content="shouted" />

<meta name="text:hp percent" content="80%"/>

<meta name="if:full background" content="" />


<meta name="if:rounded corners" content="" />
<meta name="if:no post shadow" content="" />
<meta name="if:hpbar" content="" />

<meta name="viewport" content="width=device-width; initial-scale=1.0">


<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"
rel="stylesheet">

<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<script>
$(document).ready(function(){
$('#press').click(function(){
$('.panel').slideToggle('slow');

});
});

</script>

<style type="text/css">

iframe{
max-width: 100%;
border: none;
}
img {max-width:100%;}

embed {max-width:100%;}

video {max-width:100%; }

::-webkit-scrollbar {
width: 10px;
height:10px;

}
::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
::-webkit-scrollbar-thumb {
background: {color:scrollbar};

border-radius: 2px;
}
::-webkit-scrollbar-track {
background:{color:scrollbar background};
border: 4px solid {color:background};

.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop
{ white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%);
filter: invert(100%); opacity:0.4; z-index:99999; margin:0px 10px auto auto;
position:absolute; }

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


background};}
::-moz-selection {
background: {color:selection background}; /* Gecko Browsers */color:
{color:selection text};
}

.panel {
background:{color:posts};
padding:20px;
width:200px;
overflow:auto;
display:none;
margin-left:100px;
position:fixed;
bottom:-8px;
border-radius:10px;
box-shadow:8px 8px rgba(0,0,0,.04);
{block:ifnopostshadow}
box-shadow:none;
{/block:ifnopostshadow}

#press {
cursor:pointer;
}

.links {text-align:left; font-size:1.12em;}


.links li{list-style:none;position:relative; padding:10px;}

.links a:hover {
color:{color:links};
}
.links li a:before{content:'☐ '; color:{color:links};}
.links li a:hover:before{content:'☒ '; color:{color:links};}

/* CSS */

body {
background:{color:Background} url({image:background});
{block:iffullbackground} no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; {/block:iffullbackground};
background-attachment:fixed;
color:{color:text};
font-size:16px;
word-wrap:break-word;
font-weight:700px;
font-family:Quicksand;
margin:0px;
}

h1{
padding:0 10px;
color:{TitleColor};
font-family:Quicksand;
font-weight: normal;
}

h2{
padding:0 10px;
font-size:15px;
line-height: 20px;
color:{color:Text};
font-family:Quicksand;
font-weight: normal;
}

a:link, a:active, a:visited{


-webkit-transition: color 0.2s ease-out;
-moz-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
color:{color:links};
text-decoration:none;
}

a:hover {
text-decoration:none;
color:{color:link hover};
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}

blockquote{
padding:0px 0px 0px 6px;
margin:0px 0px 0px 10px;
border-left: 1px dotted #222;
}

blockquote img { max-width:100%; }

a {
color:{color:links};
}

b, strong {color:{color:Bold};}

i, em {color:{color:Italic};}

ol.notes{position:relative;
border:1px solid {color:border};
margin:20px auto;
float:left;
background:{color:posts};
box-shadow:8px 8px rgba(0,0,0,.04);
{block:ifnopostshadow}
box-shadow:none;
{/block:ifnopostshadow}
padding:14px;
width:86%;

.notes li{list-style:none;
margin:10px;
background:{color:posts};
padding:8px;
border-bottom:1px solid {color:border};
}

.notes li img{
padding:2px;
max-width:20px;
max-height:20px;
right:20px;
position:absolute;

.info{position:relative;
border-top:1px solid {color:border};
font-family:Quicksand;bottom:0px; text-align:left; font-size:1em;
padding:10px;

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

.tags{
padding:10px;
line-height:200%;
}

.tags a{
background:{color:links};
color:{color:link hover};
padding:4px 6px;

margin:2px;
opacity:.6;
transition:.6s;
{block:ifroundedcorners} border-radius:2px; {/block:ifroundedcorners}

.tags a:hover {
transition:.6s;
opacity:1;
}
.tags blockquote{border-left:2px solid transparent; padding:2px; padding-top:10px;}
.clear {
clear: both;
height: 0px;
overflow: hidden;
}

.search-scope {
padding-top: 5px;
font-size: 11px;
text-align: center;
}

#search-scope input,
#search-scope label {
cursor: pointer;
}

#search form {
margin:10px auto auto 0px;
position:fixed;
}

#search form .query {


padding: 8px;
border: none;
outline:none;
z-index:2;
border-radius:10px 0 0 10px;

background: {color:sidebar};
width: 100px;
float:left;
color: {color:text};
}

#search form .submit {


background:{color:posts};
color: {color:text};
border:transparent;
border-left:none;
padding: 8px;
border-radius:0 10px 10px 0;
cursor: pointer;
}
#perma {
position: relative;
border-bottom:1px solid {color:border};
font-size:1em; height:26px;
letter-spacing:.5px;font-family:Quicksand;
text-transform: lowercase;
line-height:200%;
}

/*Posts and entries*/


#container{
position:relative;
width:60%;
left:30%;
margin-top:100px;
column-count:2;
column-gap:44px;
{block:ifsinglecolumn}
column-count:1;
{/block:ifsinglecolumn}
{block:permalinkpage}
column-count:1;
{/block:permalinkpage}
}

.posts {
width:88%;
margin:30px 0;
break-inside:avoid;
display:inline-block;
box-shadow:8px 8px rgba(0,0,0,.04);
border-radius:10px;
background:{color:posts};
{block:permalinkpage}
width:44;
{/block:permalinkpage}
{block:ifsinglecolumn}
width:44%;
margin:100px auto;
margin-left:20%;
{/block:ifsinglecolumn}

{block:ifnopostshadow}
box-shadow:none;
{/block:ifnopostshadow}
}

.posts .im {
padding:10px;
}

.posts img {
max-width:100%;
}

.caption {
padding:20px;

}
.topinfo {
background:{color:info};
padding:20px;
position:relative;

.topinfo a {
color:{color:info links};
}
.user, .deactivated, .tumblelog, ol.notes .like .action a {
margin:6px;
margin-left:20px;
padding:4px;
border-radius:4px;
border:none;
position:relative;
background:rgba({RGBcolor:links}, .12)
}

.user:after, .deactivated:after, .tumblelog:after, ol.notes .like .action a:before


{
content: '';
position: absolute;
border-style: solid;
border-width: 8px 13px 8px 0;
border-color: transparent rgba({RGBcolor:links}, .12); /* keep same color as bubble
*/
display: block;
width: 0;
z-index: 1;
left: -13px;
top: 6px;
}

@keyframes Up {
0% {
opacity: 0;
transform: translateY(-700px);
}

100% {
opacity: 1;
transform: translateY(0%);
}
}

/* sidebar */

#sidebar{
position:fixed;
width:20%;
height:auto;
z-index:9;

top:120px;
padding:5px;
margin-bottom:5px;
margin-left:100px;
margin-right:auto;
padding-bottom:0;
padding-left:0;
text-align:center;
color:{color:sidebar text};
}

#hp{
position:fixed;
width:80px;
height:auto;
z-index:9;
top:160px;
padding:1.5px;
margin-top:-20px;
margin-left:160px;
margin-right:auto;
padding-bottom:0;

#hp span {
color:white;
font-size:1.12em;
margin-top:-10px;
position:absolute;
font-weight:bold;
text-shadow:1px 1px {color:links}, -1px 1px {color:links}, 1px -1px
{color:links}, -1px -1px {color:links};
}

{block:ifhpbar}
.hpbar{width:100px; margin-left:0px; background:{color:hpbackground}; height:30px;
border-radius:10px;}
.hp{width:{text:hp percent}; border-radius:10px 0 0 10px; background:
{color:hp};height:30px;}

{/block:ifhpbar}

.avatar {
position:relative;
background-image:{image:sidebar};
margin-left:-40px;
margin-top:4px;
width:80px; padding:4px;
background:{color:border};
height:80px;
border-radius:100%;
box-shadow:0px 0px 0px 6px {color:sidebar};

.avatar img {
width:80px;
height:80px;

.title{
color:{color:sidebar text};
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:10px;
width:100%;

font-family:{TitleFont};
font-size:16px;
padding:2px;
background:{color:sidebar};
letter-spacing:2px;
text-align:left;
}

.description{
font-family:Quicksand;
font-size:1em;
overflow:auto;
text-align:left;
max-height:30vh;

.bubble{

position: relative;
width: 210px;
padding: 20px;
margin-top:20px;
font-size:1.08em;
line-height:120%;
color:{color:sidebar text};
box-shadow:0 0 0 10px {color:sidebar};
{block:ifnopostshadow}
box-shadow:none;
{/block:ifnopostshadow}
background:{color:sidebar};
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; box-shadow:8px 8px rgba(0,0,0,.04);

.bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 14px 16px;
border-color: {color:sidebar} transparent;
display: block;
width: 0;
z-index: 1;
top: -16px;
left: 27px;
}
/* Ask */

.speechbubble {
width:74%;
font-size:1em;
position: relative;
background:{color:ask bubble} ;
left:70px;
color:{color:ask bubble text};
margin: 0;
padding:8px;
text-align:left;

box-shadow: 0px 0 1px rgba(0,0,0,0);


}

.speechbubble:after {
position: absolute;
transform:rotate(-6deg);
content: "";
border-color: {color:ask bubble} transparent transparent transparent;
border-style: solid;
border-width: 15px 15px 0px;
height:0;
width:0;
position:absolute;
left:-15px;
top:10px;
}

#albumart{
z-index:2;

width:90px;
float:left;border-radius:100%;
height:90px;

border:1px solid {color:border};

.playerbox {
float:left;
padding:6px;
}

#albumart img{

width:90px;
height:90px;
float:left;border-radius:100%;
border-width:0px; transition:.6s;

.playerbox:hover #albumart img{


transition:0.6s;
transform:rotate(300deg); }

.player {
max-width:50px;
overflow:hidden;
max-height:40px;
transform:scale(1.16);
border-radius:100%;

top:8px;
bottom:10px;
left:0px;

padding:8px;
padding-top:6px;
padding-left:10px;
padding-bottom:0px;
border-radius:100%;
position:absolute;

.playercon {
width:56px;
height:56px;
border-radius:100%;
left:0px;
background:white;
top:16px;
position:relative;
border:1px solid {color:border};
-webkit-transition-duration:500ms;
-moz-transition-duration:500ms;
-o-transition-duration:500ms;
-ms-transition-duration:500ms;
}

.infobox {
float:left top;
margin-left:90px;
background-color:transparent;
padding:14px;
padding-left:2px;
{block:permalinkpage} width:300px; {/block:permalinkpage}
max-height:140px;
text-align:center;
color:{color:text};
}

.track {
font-size:1em;
letter-spacing:2px;
border-bottom:1px solid {color:info border};
padding:2px;
font-weight:300;
text-transform:uppercase; transition:.6s;
color:#333;

}
.artist {
letter-spacing:2px;
padding:2px;
font-size:1em;;
font-style:italic;

.album {
font-size:1em;;

.playcount {
font-size:9px;

text-transform:uppercase;
letter-spacing:3px;
}

#audiolo {
width:{select:post size}px;

.linkp{
font-size:24px; text-align:center; font-family:inconsolata;

}
.linkp a{text-decoration:none; font-family:inconsolata; }
.linkp:after{
content:'»';
transition:.6s; margin-left:2px;
}

.linkp:hover:after{
margin-left:10px;
transition:.6s;
color:{color:link};

}
.chat {
padding:5px;
line-height:150%;
}

.chat:nth-of-type(odd) {
background:{color:text};
color:{color:posts};
-webkit-transition:.5s;
transition:.5s; }

.chat:nth-of-type(odd) b {
color:{color:posts};
-webkit-transition:.5s;
transition:.5s; }

.chat:nth-of-type(even) {
background:{color:posts};
color:{color:text};
-webkit-transition:.5s;
transition:.5s; }
.chat:nth-of-type(even) b{
color:{color:text};
-webkit-transition:.5s;
transition:.5s; }

#egg { opacity:.8;left:10px; bottom:10px; position:fixed;bottom:4px;display:block;


width: 14px; height: 18px; background-color:#FFFEFC; -webkit-border-radius: 63px
63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60%
40% 40%;
font-family: "bitxmap";
border:1px solid #444; z-index:4;

}
#egg:hover { animation-name: egg;
animation-duration: 1s;
animation-iteration-count: infinite;}
@keyframes egg{
0%{}
10%{transform:rotate(20deg)}
80%{transform:rotate(-20deg)}
100%{}
}

nav {
position:fixed;
left:0;
width:100%;
top:0;
font-size:1.12em;
padding:20px;
}

nav a {
background:{color:links};
padding:8px 10px;
border-radius:8px;
color:white!important;
transition:.2s ease;
margin:8px;
box-shadow:6px 6px rgba(0,0,0,.04)!important;
}

#pagination {

margin:50px;
text-align: center;
position: relative;
{block:permalinkpage}
transform:translate(-100px,0);
{/block:permalinkpage}
}

#pagination a, .current_page {
margin: 0 6px;
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
background: {color:pagination};
border-radius: 100%;
color: #fff; opacity:.6;
line-height: 42px;

.current_page {
background: {color:pagination};
color:#fff;
opacity:1;
}
@media screen and (max-width: 1000px) {

#search {
display:none;
}

#hp {
display:none;
}
#sidebar {
position:relative;
height:auto;
transform:translate(-150px, 0);
margin:40px auto 200px;
}

.bubble {
width:400px;
}

#container {
width:90%;
left:0;
margin:50px auto;
}
}

@media screen and (max-width: 700px) {


#container {
column-count:1;
}

.posts {
width:100%;
}

#sidebar {
width:90%;
transform:translate(40px,0);
}

.bubble {
width:80%;
}
}

{CustomCSS}
</style>

</head>

<!-- HTML -->

<body>
<nav>
<a href="/">{lang:Home}</a>
{block:AskEnabled}
<a href="/ask">{AskLabel}</a>
{/block:AskEnabled}
{block:SubmitEnabled}
<a href="/submit">{SubmitLabel}</a>
{/block:SubmitEnabled}
<a href="/archive">{lang:Archive}</a>
<a id="press">{lang:More}</a>
</nav>

<div class="panel">

<p>
<div class="links">

{block:haspages} {block:pages}
<li><a href="{URL}">{Label}</a> </li>

{/block:Pages} {/block:Haspages}
<li><a href="{text:Link 1 url}">{text:Link 1}</a></li>
<li><a href="{text:Link 2 url}">{text:Link 2}</a></li>
<li><a href="{text:Link 3 url}">{text:Link 3}</a></li>
<li><a href="{text:link 4 url}">{text:link 4}</a></li>

</div>

</p>
</div>

<div id="sidebar">

<div class="avatar"><center>

{block:ShowAvatar}
<img src="{PortraitURL-64}" style="border-radius:100%;">
{/block:ShowAvatar}

{block:HideAvatar}
<img src="{image:sidebar}">
{/block:HideAvatar}

</center></div>

<div class="bubble"><div class="description">{description}</div>

</div></div>

<div id="hp"> <span>hp</span>


{block:ifhpbar}<a title="hp is at {select:hp percent}%"><div class="hpbar"><div
class="hp"></div></div></a>{/block:ifhpbar}

<div id="search">
<form action="/search" method="get" id="search-form">
<input type="hidden" name="t" value="{Name}" />
<input type="text" name="q" class="query"
value="{SearchQuery}" />
<input type="submit" value="{lang:Search}"
class="submit" />
<div class="clear"></div>
</form>
</div></div>

<a href="http://espoirthemes.tumblr.com" title="credit"><div id="egg"></div></a>


<!-- POSTS -->

<div id="container">

{block:Tagpage}
<article class="posts {block:Answer} answers {/block:answer}"><div
class="caption">
{lang:Showing TagResultCount posts tagged Tag}
</div></article>
{/block:tagpage}
{block:SearchPage}
<article class="posts"><div class="caption">
{lang:Showing SearchResultCount results for SearchQuery}
</div></article>
{/block:SearchPage}
{block:DayPage}
<article class="posts"><div class="caption">
{lang:Viewing everything posted on Month DayOfMonth Year}
</div></article>
{/block:DayPage}

{block:Posts}<article class="posts">

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

{block:Date}
<div class="topinfo">
<a href="{Permalink}">{TimeAgo}</a>
<div style="position:absolute; right:20px; top:20px;">
{block:ifwhitereblogbutton}
{ReblogButton color=white}
{/block:ifwhitereblogbutton}
{block:ifgrayreblogbutton}
{ReblogButton color=gray}
{/block:ifgrayreblogbutton}
{block:ifblackreblogbutton}
{ReblogBUtton color=black}
{/block:ifblackreblogbutton}
</div>
<div style="position:absolute; right:60px; top:20px">
{block:ifwhitelikebutton}
{LikeButton color=white}
{/block:ifwhitelikebutton}
{block:ifgraylikebutton}
{LikeButton color=gray}
{/block:ifgraylikebutton}
{block:ifblacklikebutton}
{LikeButton color=black}
{/block:ifblacklikebutton}
</div>
</div>
{/block:Date}

<!-- text post start -->


{block:Text}

{block:Title}
<h1><a href="{Permalink}">{Title}</a></h1>
{/block:Title}

<div class="caption">{block:NotReblog}
<figcaption>
{Body}
</figcaption>
{/block:NotReblog}

{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div
class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
<div class="reblog-header">

{block:IsActive}
<a
class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}"
href="{Permalink}" target="_blank">
<img src="{PortraitURL-64}" style="width:24px; float:left">
</a>
{/block:IsActive}

{block:IsDeactivated}
<span class="inactive {block:isNotOriginalEntry}
sub-reblog{/block:isNotOriginalEntry}">
<img src="{PortraitURL-64}" style="width:24px; float:left">
</span>
{/block:IsDeactivated}

{block:IsActive}
<a target="_blank" href="{Permalink}" class="user">
{Username}</a>
{/block:IsActive}

{block:IsDeactivated}
<span class="inactive deactivated">{Username}</span>
{/block:IsDeactivated}

</div>
<div class="reblog-content">
{Body}
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}</div>

{/block:Text} <!-- text post end -->

<!-- photo posts -->


{block:Photo}
<div class="im"><img src="{PhotoURL-HighRes}"
alt="{PhotoAlt}"/></div>
{block:Caption}
<div class="caption"> {block:NotReblog}
<figcaption>
{Caption}
</figcaption>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div
class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
<div class="reblog-header">

{block:IsActive}
<a
class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}"
href="{Permalink}" target="_blank">
<img src="{PortraitURL-64}" style="width:24px; float:left">
</a>
{/block:IsActive}

{block:IsDeactivated}
<span class="inactive {block:isNotOriginalEntry}
sub-reblog{/block:isNotOriginalEntry}">
<img src="{PortraitURL-64}" style="width:24px; float:left">
</span>
{/block:IsDeactivated}

{block:IsActive}
<a target="_blank" href="{Permalink}"
class="user">{Username}</a>
{/block:IsActive}

{block:IsDeactivated}
<span class="inactive deactivated">{Username}</span>
{/block:IsDeactivated}

</div>
<div class="reblog-content">
{Body}
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}</div>
{/block:Caption}

{/block:Photo}<!-- end photo posts -->

{block:Panorama}
{LinkOpenTag}
<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
{LinkCloseTag}

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

{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div
class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
<div class="reblog-header">

{block:IsActive}
<a
class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}"
href="{Permalink}" target="_blank">
<img src="{PortraitURL-64}" style="width:24px; float:left">
</a>
{/block:IsActive}

{block:IsDeactivated}
<span class="inactive {block:isNotOriginalEntry}
sub-reblog{/block:isNotOriginalEntry}">
<img src="{PortraitURL-64}" style="width:24px; float:left">
</span>
{/block:IsDeactivated}

{block:IsActive}
<a target="_blank" href="{Permalink}"
class="user">{Username}</a>
{/block:IsActive}

{block:IsDeactivated}
<span class="inactive deactivated">{Username}</span>
{/block:IsDeactivated}

</div>
<div class="reblog-content">
{Body}
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}</div>
{/block:Caption}

{/block:Panorama}

<!-- photoset posts -->


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

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

{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div
class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
<div class="reblog-header">

{block:IsActive}
<a
class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}"
href="{Permalink}" target="_blank">
<img src="{PortraitURL-64}" style="width:24px; float:left">
</a>
{/block:IsActive}

{block:IsDeactivated}
<span class="inactive {block:isNotOriginalEntry}
sub-reblog{/block:isNotOriginalEntry}">
<img src="{PortraitURL-64}" style="width:24px; float:left">
</span>
{/block:IsDeactivated}

{block:IsActive}
<a target="_blank" href="{Permalink}"
class="user">{Username}</a>
{/block:IsActive}

{block:IsDeactivated}
<span class="inactive deactivated">{Username}</span>
{/block:IsDeactivated}

</div>
<div class="reblog-content">
{Body}
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}</div>
{/block:Caption}

{/block:Photoset}<!-- end photoset -->

<!-- quote posts -->


{block:Quote}
<div class="caption">
"{Quote}"

{block:Source}
<br> -{Source}
{/block:Source}
</div>
{/block:Quote} <!-- end quote posts -->

<!-- link posts --> {block:Link}

<h1> <a href="{URL}" style="border:none" class="link"


{Target}>{Name}</a></h1>

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

{/block:Link}
<!-- end link posts -->

{block:Chat}
<div class="caption">
{block:Title}<a href="{Permalink}" style="background:transparent;
padding:0;"><h1>{title}</h1></a>{/block:Title}
{block:Lines} <div class="chat">{block:Label}<b>{Label}</b>{/block:Label}
{Line}<br/></div>{/block:Lines}

</div>

{/block:Chat}{block:Video}

<center>{Video-250}</center>

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

{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div
class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
<div class="reblog-header">

{block:IsActive}
<a
class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}"
href="{Permalink}" target="_blank">
<img src="{PortraitURL-64}" style="width:24px; float:left">
</a>
{/block:IsActive}

{block:IsDeactivated}
<span class="inactive {block:isNotOriginalEntry}
sub-reblog{/block:isNotOriginalEntry}">
<img src="{PortraitURL-64}" style="width:24px; float:left">
</span>
{/block:IsDeactivated}

{block:IsActive}
<a target="_blank" href="{Permalink}"
class="user">{Username}</a>
{/block:IsActive}

{block:IsDeactivated}
<span class="inactive deactivated">{Username}</span>
{/block:IsDeactivated}

</div>
<div class="reblog-content">
{Body}
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}</div>
{/block:Caption}

{/block:Video}{block:Audio}

<div id="audiopost">
<div class="playerbox">
<div id="albumart">{block:AlbumArt}<img
src="{AlbumArtURL}">{/block:AlbumArt}</div>

<center><div class="playercon"><div
class="player">{AudioPlayerWhite}</div></div></center></div>
<div class="infobox">
<div class="trackname"> {block:TrackName}
Track: {TrackName}
{/block:TrackName} </div>

<div class="artist">
{block:Artist}

Artist: {Artist}
{/block:Artist} </div>

<div class="album">
{block:Album}
Album: {Album}
{/block:Album}
</div>

</div></div> <br> {block:Caption}


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

{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div
class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
<div class="reblog-header">

{block:IsActive}
<a
class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}"
href="{Permalink}" target="_blank">
<img src="{PortraitURL-64}" style="width:24px; float:left">
</a>
{/block:IsActive}

{block:IsDeactivated}
<span class="inactive {block:isNotOriginalEntry}
sub-reblog{/block:isNotOriginalEntry}">
<img src="{PortraitURL-64}" style="width:24px; float:left">
</span>
{/block:IsDeactivated}

{block:IsActive}
<a target="_blank" href="{Permalink}"
class="user">{Username}</a>
{/block:IsActive}

{block:IsDeactivated}
<span class="inactive deactivated">{Username}</span>
{/block:IsDeactivated}

</div>
<div class="reblog-content">
{Body}
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}</div>
{/block:Caption}

{/block:Audio}

{block:Answer}
<div class="caption">
<br>
<div class="askerportrait"><img style="position:absolute; margin-left:10px"
src="{AskerPortraitURL-40}" align="left" /></div><div class="speechbubble">{Asker}
said: {Question}</div> {answer}

</div>
{/block:Answer}

{block:Date}
{block:permalinkpage}
<div class="info">

<a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}"
title="at {12hour}:{minutes}{AmPM}" >{lang:Posted on DayOfMonth Month Year}</a>
with <a href="{Permalink}">{NoteCountWithLabel}</a>
{block:RebloggedFrom}
<br> {lang:via} <a href="{ReblogParentURL}"> {ReblogParentName}</a>
{lang:source} <a href="{ReblogRootURL}"> {ReblogRootName}</a>
{/block:RebloggedFrom}
</div> {/block:permalinkpage} <!-- end info -->

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

</article><!--posts end-->
<div id="pagination"><!-- navigation for next post and previous post -->
{block:PermalinkPagination}
{block:PreviousPost}
<a href="{PreviousPost}" class="jump_page"><span class="fa fa-arrow-
left"></span></a>
{/block:PreviousPost}
{block:NextPost}
<a href="{NextPost}" class="jump_page"><span class="fa
fa-arrow-right"></span></a>
{/block:NextPost}
{/block:PermalinkPagination}
</div>

{block:IfDisqusShortname}

<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = '{text:Disqus Shortname}'; // Required - Enter shortname
in Tumblr Theme Options
var disqus_url = '{Permalink}';

/* * * DON'T EDIT BELOW THIS LINE * * */


(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] ||
document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?
ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span
class="logo-disqus">Disqus</span></a>

{/block:IfDisqusShortname}

{block:PostNotes} {PostNotes-16} {/block:PostNotes} {/block:Posts}


</div>
<div id="pagination">
{block:Pagination}

{block:previousPage}<a href="{PreviousPage}" class="jump_page"> <span


class="fa fa-arrow-left"></span></a>{/block:PreviousPage}

{block:JumpPagination length="5"}
{block:CurrentPage}
<span class="current_page"><span>{CurrentPage}</span></span>
{/block:CurrentPage}

{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}

{block:NextPage}
<a href="{NextPage}" class="jump_page"><span class="fa fa-arrow-
right"></span></a>
{/block:NextPage}
</div>
{/block:Pagination}
<center>{block:DayPagination}{block:PreviousDayPage}
<a href="{PreviousDayPage}" class="jump_page">
&#171; {ShortMonth} {DayOfMonth}
</a>
{/block:PreviousDayPage}{block:NextDayPage}
<a href="{NextDayPage}" class="jump_page">
{ShortMonth} {DayOfMonth} &#187;
</a>
{/block:NextDayPage}{/block:DayPagination}</center>
</div>

</body>

</html>

<!-- END HTML -->

You might also like