Mignon

<!
--
// 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 3" content="trois." />
<meta name="text:Link 4" content="quatre." />
<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-weight: normal;
}
h2{
padding:0 10px;
font-size:15px;
line-height: 20px;
color:{color:Text};
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;
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 {
}
b, strong {color:{color:Bold};}
i, em {color:{color:Italic};}
ol.notes{position:relative;
border:1px solid {color:border};
margin:20px auto;
float:left;
box-shadow:none;
padding:14px;
width:86%;
.notes li{list-style:none;
margin:10px;
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 {

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;
border-radius:10px;
width:44;
{block:ifsinglecolumn}
width:44%;
margin:100px auto;
margin-left:20%;
{/block:ifsinglecolumn}
box-shadow:none;
}
.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{
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-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%;
box-shadow:0 0 0 10px {color:sidebar};
box-shadow:none;
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-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-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;
.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;
-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};
transition:.5s; }
.chat:nth-of-type(even) {
color:{color:text};
transition:.5s; }
.chat:nth-of-type(even) b{
color:{color:text};
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;
transform:translate(-100px,0);
}
#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>

<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 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>


<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:ContentSource}

{/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}


{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}">
</span>
{/block:IsDeactivated}
{block:IsActive}
<a target="_blank" href="{Permalink}" class="user">
{Username}</a>
{/block:IsActive}
<span class="inactive deactivated">{Username}</span>
</div>
<div class="reblog-content">
{Body}
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}</div>
{/block:Text} 


{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:Reblogs}
<div
{block:IsActive}
<a
</a>
{/block:IsActive}
</span>
{block:IsActive}
<a target="_blank" href="{Permalink}"
class="user">{Username}</a>
{/block:IsActive}
</div>
{Body}
</div>
</div>
{/block:Reblogs}
</div>
{/block:Caption}
{/block:Photo}
{block:Panorama}
{LinkOpenTag}
<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
{LinkCloseTag}
{block:Caption}
<figcaption>
{Caption}
</figcaption>
{/block:NotReblog}
{block:Reblogs}
<div
{block:IsActive}
<a
</a>
{/block:IsActive}
</span>
{block:IsActive}
{/block:IsActive}
</div>
{Body}
</div>
</div>
{/block:Reblogs}
</div>
{/block:Caption}
{/block:Panorama}


{block:Photoset}
<div class="im"> {Photoset}</div>
{block:Caption}
<figcaption>
{Caption}
</figcaption>
{/block:NotReblog}
{block:Reblogs}
<div
{block:IsActive}
<a
</a>
{/block:IsActive}
</span>
{block:IsActive}
{/block:IsActive}
</div>
{Body}
</div>
</div>
{/block:Reblogs}
</div>
{/block:Caption}
{/block:Photoset}


{block:Quote}
<div class="caption">
"{Quote}"
{block:Source}
<br> -{Source}
{/block:Source}
</div>
{/block:Quote} 
 {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}

{block:Chat}
{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}
<figcaption>
{Caption}
</figcaption>
{/block:NotReblog}
{block:Reblogs}
<div
{block:IsActive}
<a
</a>
{/block:IsActive}
</span>
{block:IsActive}
{/block:IsActive}
</div>
{Body}
</div>
</div>
{/block:Reblogs}
</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}

<figcaption>
{Caption}
</figcaption>
{/block:NotReblog}
{block:Reblogs}
<div
{block:IsActive}
<a
</a>
{/block:IsActive}
</span>
{block:IsActive}
{/block:IsActive}
</div>
{Body}
</div>
</div>
{/block:Reblogs}
</div>
{/block:Caption}
{/block:Audio}
{block:Answer}
<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}
<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>
<br> {lang:via} <a href="{ReblogParentURL}"> {ReblogParentName}</a>
{lang:source} <a href="{ReblogRootURL}"> {ReblogRootName}</a>
{/block:RebloggedFrom}
</div> {/block:permalinkpage} 
{/block:Date}
{block:HasTags} <div class="tags"> {block:Tags}<a
href="{TagURL}">#{Tag}</a>{/block:Tags}</div> {/block:HasTags}
</article>
<div id="pagination">
{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">
« {ShortMonth} {DayOfMonth}
</a>
{/block:PreviousDayPage}{block:NextDayPage}
<a href="{NextDayPage}" class="jump_page">
{ShortMonth} {DayOfMonth} »
</a>
{/block:NextDayPage}{/block:DayPagination}</center>
</div>
</body>
</html>

Mignon

Uploaded by

Copyright:

Available Formats

Mignon

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Mignon

Uploaded by

Copyright:

Available Formats

<!

+ edits to the code are allowed

Don't like the changes?

<link rel="shortcut icon" href="{Favicon}">

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

blockquote img { max-width:100%; }

#search form .query {

#search form .submit {

/*Posts and entries*/

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

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

border:1px solid {color:border};

.playerbox:hover #albumart img{

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

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

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

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

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

{/block:Text}

{/block:Photo}

{/block:Photoset}

{block:Link}

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

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

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

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

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

You might also like

/Posts and entries/