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

Document Information

Original Description:

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/