CODES TUMBLR SAVE I AM SORRY

ARRIVÉE EN VILLE : 30/10/2017

Code:: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">



<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">



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

<link href="https://fonts.googleapis.com/css?family=Crimson+Text|Inconsolata|Karla|Lato|Lora|Merriweather|Open+Sans|Playfair+Display|Roboto|Source+Sans+Pro" rel="stylesheet">

<link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">

<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:90,tip_fade_speed:600,attribute:"title"});});})(jQuery);</script>

<script>$(document).ready(function() { $('iframe.tumblr_audio_player').load( function() { $('iframe.tumblr_audio_player').contents().find("head") .append($("<style type='text/css'> .audio-player{background:{color:accent one} !important} </style>")); }); });</script>



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

<meta name="if:postbg" content="1">
<meta name="if:tags" content="1">
<meta name="if:imessagechats" content="0">
<meta name="if:sidebar" content="1">

<meta name="select:font" content="karla">
<meta name="select:font" content="open sans">
<meta name="select:font" content="lato">
<meta name="select:font" content="roboto">
<meta name="select:font" content="source sans pro">

<meta name="select:grayscale" content="none">
<meta name="select:grayscale" content="0.5">
<meta name="select:grayscale" content="0.7">
<meta name="select:grayscale" content="0.9">
<meta name="select:grayscale" content="1">

<meta name="select:font size" content="9px">
<meta name="select:font size" content="9.5px">
<meta name="select:font size" content="10px">
<meta name="select:font size" content="11px">
<meta name="select:font size" content="12px">

<meta name="select:gutter size" content="1px">
<meta name="select:gutter size" content="2px">
<meta name="select:gutter size" content="3px">
<meta name="select:gutter size" content="4px">
<meta name="select:gutter size" content="5px">

<meta name="select:post width" content="400px" title="400px" />
<meta name="select:post width" content="500px" title="500px" />
<meta name="select:post width" content="540px" title="540px" />

<meta name="color:background" content="#fbfbfb">
<meta name="color:titles" content="#3a3a3a">
<meta name="color:text" content="#2c2c2c">
<meta name="color:links" content="#000">
<meta name="color:links hover" content="#545454">
<meta name="color:post bg" content="#f6f6f6">
<meta name="color:accent one" content="#d3d3d3">
<meta name="color:accent two" content="#b2b2b2">
<meta name="color:borders" content="#e3e3e3">
<meta name="color:selection" content="#bbb">
<meta name="color:scroll" content="#767676">
<meta name="color:scroll bg" content="#ffffff">

<meta name="text:main title" content="i feel my heart bend">
<meta name="text:subtitle" content="as if bracing for impact">

<meta name="text:Link 1" content="refresh">
<meta name="text:Link 1 URL" content="/">
<meta name="text:Link 2" content="message">
<meta name="text:Link 2 URL" content="/ask">
<meta name="text:Link 3" content="archive">
<meta name="text:Link 3 URL" content="/archive">
<meta name="text:Link 4" content="creations">
<meta name="text:Link 4 URL" content="URL">
<meta name="text:Link 5" content="navigate">
<meta name="text:Link 5 URL" content="URL">
<meta name="text:Link 6" content="extra">
<meta name="text:Link 6 URL" content="URL">

<style type="text/css">

/* TOOLTIPS, SCROLLBAR, SELECTION */

#s-m-t-tooltip {
max-width:400px;
background-color:{color:post bg};
font-size:8.5px;
color:{color:text};
text-transform:uppercase;
border:1px solid {color:borders};
padding:6.5px;
line-height:100%;
margin:20px 0px 0px 20px;
z-index:99999999999999999999999999999999;
border-radius:1px;
box-shadow:1px 1px 3px rgba(0,0,0,.0);
}

::-webkit-scrollbar-thumb:vertical {
background-color:{color:scroll};
height:auto;
border-radius:0px;
}

::-webkit-scrollbar-thumb:horizontal {
height:auto !important;
border-radius:0px;
}

::-webkit-scrollbar {
height:auto;
width:3.5px;
background-color:{color:scroll bg};
border-radius:0px;
}

::selection {
background-color:{color:selection};
color: #fff;
}

/* BODY STYLING */

@font-face { font-family: astra; src: url('https://dl.dropboxusercontent.com/s/j0iytzfyqq6ecti/The%20Braggest_Demo.ttf') ;}

body{
background-color:{color:background};
font-size:{select:font size};
font-family:"{select:font}";
color:{color:text};
line-height:160%;
}

p:empty{
display:none;
}

small , sub, sup{
font-size:{select:font size};
line-height:160%;
}

a{
text-decoration:none;
color:{color:links};
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}

a:hover{
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
color:{color:links hover};
}

ol, ul{
padding-left:15.5px;
}

pre{
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
font-family:"inconsolata";
background:{color:accent one};
}

.title{
font-size:calc({select:font size} + 4px);
font-family:"{select:font}";
font-weight:600;
text-transform:uppercase;
margin:5px 5px 10px 5px;
text-align:center;
color:{color:titles};
}

h1{
font-size:calc({select:font size} + 4px);
font-family:"{select:font}";
font-weight:600;
text-transform:uppercase;
margin:0px 5px 10px 5px;
text-align:center;
padding-top:0px;
color:{color:titles};
}

h2{
font-size:calc({select:font size} + 3px);
font-family:"{select:font}";
font-weight:600;
color:{color:titles};
margin-bottom:10px;
}

h3{
font-size:calc({select:font size} + 2px);
font-family:"{select:font}";
font-weight:600;
color:{color:titles};
margin-bottom:10px;
}

h4, h5, h6{
font-size:calc({select:font size} + 1px);
font-family:"{select:font}";
font-weight:600;
color:{color:titles};
margin-bottom:10px;
}

hr{
border:none;
box-shadow:0;
margin:0px auto;
padding:10px;
width:30%;
border-top:1px solid {color:borders};
margin-bottom:-10px;
margin-top:20px;
}

blockquote {
padding-left:10px;
margin-left:0px;
border-left:1px solid {color:borders};
width:96%;
padding-top:0px;
padding-bottom:0px;
word-wrap:break-word;
}

img{
max-width:100%;
height:auto;
-webkit-filter: grayscale({select:grayscale});
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
-ms-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}

img:hover {
-webkit-filter: none;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
-ms-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}

/* CONTAINER */

#everything{
width:900px;
margin:0 auto;
background:white;
}

/* SIDEBAR */

#sidebar{
top:22.5%;
position:fixed;
width:200px;
height:auto;
border-right:1px solid {color:borders};
padding-right:20px;
padding-top:25px;
padding-bottom:25px;
}

.maintitle{
width:195px;
height:auto;
padding:7.5px;
padding-top:0px;
padding-left:2.5px;
padding-right:2.5px;
text-align:center;
text-transform:lowercase;
font-family:"astra";
font-size:30px;
font-weight:100;
line-height:10px;
margin-bottom:5.5px;
color:{color:text};
}

.maintitle a:hover{
color:{color:text};
}

.subtitle{
font-family:"{select:font}";
font-size:12px;
text-transform:uppercase;
width:200px;
text-align:center;
margin-top:-15.5px;
margin-bottom:0px;
padding:7.5px;
padding-left:0px;
padding-right:0px;
color:{color:text};
cursor:default;
}

.description{
font-size:{select:font size};
font-family:"{select:font}";
padding:7.5px;
margin-top:5.5px;
padding-top:12.5px;
border-top:1px solid {color:borders};
}

#sidebar img{
width:200px;
margin-top:5px;
margin-bottom:12.5px;
}

.accordion {
overflow:hidden;
margin-top:7.5px;
margin-bottom:0px;
padding-bottom:0px;
}

.accordion-section-title span{
font-size:calc({select:font size} - 0.5px);
display:inline-flex;
vertical-align:middle;
margin-top:-0.5px;
margin-right:12.5px;
margin-left:5px;
}

.accordion-section-title {
width:183px;
padding:7.5px;
display:inline-block;
background:{color:post bg};
transition:all linear 0.15s;
font-size:calc({select:font size} + 0.5px);
color:{color:text};
border:1px solid {color:borders};
font-family:"{select:font}";
text-transform:uppercase;
border-radius:2px;
}

.accordion-section-title.active, .accordion-section-title:hover {
background:{color:accent one};
border:1px solid {color:borders};
text-decoration:none;
color:{color:text};
}

.accordion-section-content {
padding:0px;
display:none;
}

.accordion-section-content ul{
list-style-type:none;
margin:0px;
padding:0px;
}
.accordion-section-content li{
width:96.5px;
max-width:96.5px;
display:inline-block;
margin:0px 1px;
}
.accordion-section-content{
font-weight:100;
width:200px;
text-align:center;
}

.accordion-section-content a{
margin-top:5px;
margin-bottom:0px;
display:block;
padding:5px;
text-transform:lowercase;
font-size:{select:font size};
background:{color:post bg};
border:1px solid {color:borders};
color:{color:text};
font-family:"{select:font}";
border-radius:2px;
}

.pagination{
text-align:center;
margin-top:15px;
margin-bottom:-2.5px;
padding-bottom:0px;
}

.pagination a{
font-size:{select:font size};
font-family:"{select:font}";
text-transform:uppercase;
font-weight:600;
}

a.back{
margin:0px 10px;
}

a.next{
margin:0px 10px;
}

/* ENTRIES */

#entries{
{block:ifPostBG}
border:1px solid {color:borders};
background:{color:post bg};
{/block:ifPostBG}
width:{select:post width};
padding:2.5px 5px 2.5px 5px;
border-radius:2px;
margin-top:80px;
margin-bottom:80px;
position:justify;
right:0%;
}

#posts{
margin-left:320px;
position:absolute;
}

/* IFRAMES & POST STYLING */

iframe.tmblr-iframe {
z-index:99999999999999!important;
top:0!important;
right:0!important;
opacity:0.4;
/* delete invert(1) from here */
filter:invert(1) contrast(150%);
-webkit-filter:invert(1) contrast(150%);
-o-filter:invert(1) contrast(150%);
-moz-filter:invert(1) contrast(150%);
-ms-filter:invert(1) contrast(150%);
/* to here if your blog has a dark background */
transform:scale(0.65);
transform-origin:100% 0;
-webkit-transform:scale(0.65);
-webkit-transform-origin:100% 0;
-o-transform:scale(0.65);
-o-transform-origin:100% 0;
-moz-transform:scale(0.65);
-moz-transform-origin:100% 0;
-ms-transform:scale(0.65);
-ms-transform-origin:100% 0;}

iframe.tmblr-iframe:hover {
opacity:0.6!important;}

.photoset iframe{
width:100%!important;
max-width:100%!important;
}

.audio iframe{
max-width:100%;
height:85px;
padding-bottom:0px;
margin-bottom:0px;
}

.html_photoset {
-webkit-filter: grayscale({select:grayscale});
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
-ms-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}

.html_photoset:hover {
-webkit-filter: none;
}

.video{
padding:0px;
}

.video iframe[src*="instagram.com"]{
width:100%;
display: block;
min-width:calc({select:post width} - 2.5px);
max-width:calc({select:post width} - 2.5px);
}

.video iframe{
margin:-1px 0.5px;
width:100%;
min-width:calc({select:post width});
max-width:calc({select:post width});
}

/* POST INFO */

.topinfo{
border-bottom:1px solid {color:borders};
text-transform:uppercase;
line-height:150%;
padding:7.5px 7.5px 9px 7.5px;
font-size:calc({select:font size} + 0.5px);
color:{color:text};
font-family:"{select:font}";
text-transform:uppercase;
margin-bottom:7.5px;
}
.topinfo i{
font-size:calc({select:font size} - 1.5px);
display:inline-flex;
vertical-align:top;
margin-top:3px;
margin-right:7.5px;
margin-left:0px;
}

.topinfo svg {
width:9.5px;
height:auto;
opacity:.5;
padding:1px;
display:block;
overflow:visible;
}

.topinfo rbandlike a {
position:relative;
display:inline-block;
overflow:hidden;
padding:5px;
width:12px;
height:12px;
}

.topinfo rbandlike .reblog {
opacity:1;
}

.topinfo rbandlike .reblog svg {
width:8.5px;
margin-top:1px;
}

.topinfo rbandlike .like .liked + svg {
opacity:1;
}

.topinfo rbandlike .like .liked + svg path {
fill:#ec5a5a;
}

.topinfo rbandlike .like .like_button {
position:relative;
}

.topinfo rbandlike .like .like_button iframe {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
z-index:2;
opacity:0;
}

.topinfo rbandlike{
right:0px;
float:right;
margin-right:-5px;
display:inline-flex;
vertical-align:top;
margin-top:-3px;
}

.bottominfo{
padding:7.5px;
border-top:1px solid {color:borders};
font-size:calc({select:font size} - 0.5px);
text-transform:uppercase;
margin-top:7.5px;
margin-bottom:0px;
}
.bottominfo srcandvia{
font-size:calc({select:font size} - 0.5px);
text-transform:uppercase;
float:right;
}

.bottominfo srcandvia a{
margin-left:10px;
}

.tags{
padding:7.5px 7.5px 7.5px 7.5px;
margin:0px;
margin-bottom:0;
line-height:145%;
border-top:1px dotted {color:borders};
font-size:calc({select:font size} - 0.5px);
}

.tags b{
margin-right:5px;
}

.tags a{
padding-left:0px;
padding-right:7.5px;
}

.notesbox{
width:{select:post width};
margin:0px auto;
position:justify;
margin-bottom:100px;
margin-top:-10px;
{block:ifPostBG}
border:1px solid {color:borders};
border-radius:2px;
background:{color:post bg};
{/block:ifPostBG}
}

.notes{
overflow-x:hidden;
width:calc({select:post width} - 10px);
padding:5px;
padding-bottom:0px;
}

ol.notes, .notes li {
text-transform:uppercase;
list-style:none;
font-size:calc({select:font size} - 1px);
padding:5px 10px 5px 10px;
}

.notes blockquote{
margin-left:3.5px;
}

.notes img{
width:calc({select:font size} + 1px);
height:calc({select:font size} + 1px);
margin-right:5px;
overflow:hidden;
border-radius:50%;
vertical-align:middle;
margin-bottom:2px;
}

/* BLOCKS */

.caption{
padding:1px 7.5px 1px 7.5px;
margin-bottom:-2.5px;
}
.caption2{
margin:10px 7.5px 10px 7.5px;
}

.quotes{
font-size:calc({select:font size} + 3.5px);
font-weight:100;
font-family:"lora";
line-height:20px;
padding-left:1em;
padding-right:1em;
font-style:italic;
text-align:left;
text-indent:-0.5em;
}

.quotes p{
text-indent:0em;
}

.quotes p:first-child, .quotes p:last-child{
display:inline;
}

.source{
text-align:center;
padding:5px;
font-style:normal;
font-size:calc({select:font size} + 1px);
}

{block:ifiMessageChats}
.answer span,.convo li{
margin-top:0px;
margin-bottom:5px;
border-radius:1em;
padding:8px 15px;
max-width:75%;
clear:both;
position:relative;
}

.answer li:before, .convo li:before{
visibility:hidden;
}

.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{
float:left;
background:{color:accent one};
color:{color:text};
left:3px;
top:0px;
}

.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{
content:"";
position:absolute;
left:-.5em;
bottom:0;
width:.5em;
height:1em;
border-right:.5em solid {color:accent one};
border-bottom-right-radius:1em .5em;
}

.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{
right:3px;
top:0px;
float:right;
background-color:{color:accent two};
color:{color:text};
}

.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{
content:"";
position:absolute;
right:-.5em;
bottom:0;
width:.5em;
height:1em;
border-left:.5em solid {color:accent two};
border-bottom-left-radius:1em .5em;
}

.convo {
overflow: hidden;
list-style-type: none;
padding:-0px 10px;
margin:0px;
margin-top:-8px;
display:block;
}
{/block:ifIMessageChats}

.answer span,.convo li{
margin-top:0px;
margin-bottom:5px;
padding:5px 10px;
clear:both;
width:100%;
position:relative;
}

.answer li:before, .convo li:before{
visibility:hidden;
}

.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{
background:{color:accent one};
color:{color:text};
top:0px;
}
.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{
top:0px;
background-color:{color:accent two};
color:{color:text};
}

.convo {
overflow: hidden;
list-style-type: none;
padding:0px;
margin:0px;
margin-top:-8px;
display:block;
}

.questions{
padding:0px;
margin-top:10px;
padding-left:2.5px;
padding-right:2.5px;
}

.questions span{
font-weight:900;
font-size:calc({select:font size} + 1px);
text-transform:uppercase;
margin-right:5px;
margin-left:5px;
}

.question{
font-size:calc({select:font size} + 1px);
padding:5px;
background:{color:accent two};
margin-top:10px;
margin-left:2.5px;
border-radius:1px;
width:calc({select:post width} - 18.5px);
}

.answered{
padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:0;
margin-top:12.5px;
margin-bottom:12.5px;
}

/*---------------CREDIT, DO NOT MOVE OR MAKE LESS VISIBLE!!---------------*/

.credit a{
font-size:calc({select:font size} +0.5px);
position:fixed;
font-family:"{select:font}";
font-weight:600;
text-align:right;
right:12.5px;
bottom:12.5px;
text-transform:uppercase;
color:{color:text};
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.credit a:hover{
color:{color:links hover};
text-decoration:none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

{CustomCSS}
</style>



<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="http://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>

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

<script>
$(document).ready(function() {
function close_accordion_section() {
$('.accordion .accordion-section-title').removeClass('active');
$('.accordion .accordion-section-content').slideUp(300).removeClass('open');
}

$('.accordion-section-title').click(function(e) {
// Grab current anchor value
var currentAttrValue = $(this).attr('href');

if($(e.target).is('.active')) {
close_accordion_section();
}else {
close_accordion_section();

// Add active class to section title
$(this).addClass('active');
// Open up the hidden content panel
$('.accordion ' + currentAttrValue).slideDown(300).addClass('open');
}

e.preventDefault();
});
});
</script>

</head>
<body>



<div id="everything">



<div id="sidebar">
<div class="maintitle"><a href="/">{text:main title}</a></div>
<div class="subtitle">{text:subtitle}</div>
{block:ifSidebar}<img src="{image:sidebar}">{/block:ifSidebar}
<div class="description">{Description}</div>

<div class="accordion">
<div class="accordion-section">
<a class="accordion-section-title" href="#accordion-1"><span class="sf sf-diamond-o"></span> navigation</a>

<div id="accordion-1" class="accordion-section-content">
<ul>
{block:ifLink1}<li><a href="{text:Link 1 URL}">
{text:Link 1}</a></li>{/block:ifLink1}
{block:ifLink2}<li><a href="{text:Link 2 URL}">
{text:Link 2}</a></li>{/block:ifLink2}
{block:ifLink3}<li><a href="{text:Link 3 URL}">
{text:Link 3}</a></li>{/block:ifLink3}
{block:ifLink4}<li><a href="{text:Link 4 URL}">
{text:Link 4}</a></li>{/block:ifLink4}
{block:ifLink5}<li><a href="{text:Link 5 URL}">
{text:Link 5}</a></li>{/block:ifLink5}
{block:ifLink6}<li><a href="{text:Link 6 URL}">
{text:Link 6}</a></li>{/block:ifLink6}
</ul>
</div>
</div>
</div>

{block:Pagination}
<div class="pagination">
{block:PreviousPage}
<a href="{PreviousPage}" class="back">back</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}" class="next">next</a>
{/block:NextPage}
</div>
{/block:Pagination}

</div>



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



{block:Date}
<div class="topinfo">
<i class="sf sf-clock-3-o"></i>
<a href="{Permalink}">{TimeAgo}</a>
<rbandlike>
<div class="controls">
<a href="{ReblogURL}" target="_blank" class="reblog"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg></a>
<a href="#" class="like">{LikeButton}<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg></a>
</div>
</rbandlike>
</div>
{/block:Date}



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

{block:Quote}
<div class="quotes">“ {Quote} ”</div>
{block:Source}<div class="source"><strike> </strike> {Source}</div>{/block:Source}
{/block:Quote}

{block:Text}
{block:Title}
<div class="title">{Title}</div>{/block:Title}<div class="caption2">{Body}</div>
{/block:Text}

{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="{select:post width}">{LinkCloseTag}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/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:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Photoset}

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

{block:Audio}
<div class="audio">{AudioEmbed-640}</div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Audio}

{block:Answer}
<div class="questions">
<span>{Asker} asked:</span>
<br><div class="question">{Question}</div>
<div class="answered">{Answer}</div>
</div>
{/block:Answer}

{block:Chat}
{block:Title}
<h1>{Title}</h1>{/block:Title}<br>
<ul class="convo">
{block:Lines}<li class="line_{Alt} user_{UserNumber}">
{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
{Line}
{/block:Lines}</ul>
{/block:Chat}



{block:Date}
<div class="bottominfo">
<a href="{Permalink}">{NoteCountWithLabel}</a>
{block:RebloggedFrom}
<srcandvia>
<a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>
<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
</srcandvia>
{/block:RebloggedFrom}
</div>
{/block:Date}

{block:ifTags}
{block:HasTags}
<div class="tags"><b>TAGGED AS:</b>
{block:Tags}
<a href="{TagUrl}"># {Tag}</a>
{/block:Tags}
</div>
{/block:HasTags}
{/block:ifTags}

</div>
{/block:Posts}

{block:ContentSource}

{/block:ContentSource}



{block:PostNotes}
<div class="notesbox">
<div class="notes">
{PostNotes}
</div>
</div>
{/block:PostNotes}

</div>



<div class="credit"><a href="http://astraeawrites.tumblr.com/" title="astraea"><span class="sf sf-heart-o"></span></a></div>

</body>
</html>

Code:: Photographies volopaulimagiques en ville comme en campagne, avec ou sans taupes, en décalage horaire avec les grenouilles multimédias.
<div class="imgpa"><br><br><miam>< Volo<br> et Pau ></div>

Code:: .imgpa {background-image : url('https://78.media.tumblr.com/1b5dccf0a544b87e6d7e574defb114e7/tumblr_nerxqaapQt1s6zot1o1_500.jpg'); width : 180px; height : 100px; background-size: cover; text-align : center; color : white; opacity : 0.8;}
.imgpa:hover {background-image : url('https://78.media.tumblr.com/7b56d6fb1d79ab25094bf314ddfa3c8a/tumblr_og4l4z2jUm1vk0qfxo1_1280.jpg'); width : 180px; height : 100px; background-size: cover; text-align : center; opacity : 1;}
miam {background:#EA8B31 ; opacity : 0.7; color:#FFFFFF;}
grenouille {background:#54A663 ; opacity : 0.7; color:#FFFFFF;}
.icon{background-color:white;width:100px;height:100px;overflow:auto;margin-top:-55px;padding:5px; opacity:0.9; transition: 2s; -moz-transition: 2s; -o-transition: 2s; -htm-transition: 2s; -webkit-transition: 2s; color:black;}
.icon:hover { opacity:0.3; transition: 2s; -moz-transition: 2s; -o-transition: 2s; -htm-transition: 2s; -webkit-transition: 2s;}

Code:: <div>
<p><br /><br /></p>
<table>
<tbody>
<tr>
<td><img src="https://i.imgur.com/Z5R52JH.png" /></td>
<td>
<div class="icon"><img class="center" src="https://i.imgur.com/yklWYPI.png" /></div>
</td>
<td>
<div class="icon"><img class="center" src="https://i.imgur.com/mzLWQFe.png" style="min-height: 100px; max-width: 100%;" /><img /></div>
</td>
</tr>
</tbody>
</table>
</div>
<p><em>Volo</em> et <em>Pau</em> présentent <strong>PHOTAUPES</strong> projet <em>photographique/graphique</em> sur <em>Angers</em>, quelque part en France, autour des<em> murs</em>, des <em>bibliothèques</em>, des <em>plantes</em>, des <em>mardis jours de pluie</em> et des <em>tchoutchous</em> (et d'autres choses aussi). On parlera aussi des <em>tulipes</em> et des <em>colonnes antiques</em>, de<em> Queen</em>, de <em>Beethoven</em> et de <em>sonates en fa mineur</em>, sinon de <em>jazz</em> et de<em> pneus</em>. On mélangera le <strong>dessin</strong> et la<strong> photo</strong>, les <em>gens</em>, les<em> couleurs</em>, on fera des <em>expériences tragimagicodrolesques</em>, aussi.</p>
<p>Toutes les photos appartiennent à Volo et Pau, tous droits réservés</p>

Code:: <p><em>{MUSIQUE}<br /></em><strong>CHOSTAKOVITCH </strong><a href="http://waltz%20no%201" title="malice" target="_blank">waltz no 1</a> / <a href="https://www.youtube.com/watch?v=mmCnQDUSO4I" title="lumières" target="_blank">waltz no 2</a><br /><strong>KHACHATURIAN </strong><a href="https://www.youtube.com/watch?v=A-k_loiBYI8" title="pastel chaleureux" target="_blank">masquerade (suite)</a> / <a href="https://www.youtube.com/watch?v=tWNrqsrd2PI" title="mélomanie des pleurs" target="_blank">adagio from spartacus</a><br /><strong>MAHLER </strong><a href="https://www.youtube.com/watch?v=0gKToIVY4is" title="ascenseur titanesque" target="_blank">symphonie no 2</a> / <a href="https://www.youtube.com/watch?v=oiGctce3vWw" title="trompettes et cymbales" target="_blank">symphonie no 5</a><br /><strong>BEETHOVEN </strong><a href="https://www.youtube.com/watch?v=7Mbgt5ncI7g" title="apocalypse" target="_blank">symphonie no 9</a> / <a href="https://www.youtube.com/watch?v=rKwzud6zIYA" title="six cents volcans en éruption" target="_blank">sonate no 23 “appassionata”</a>/ <a href="https://www.youtube.com/watch?v=haseluAw20M" title="lugubre mais beau" target="_blank">deuxième mouvement de la 7ieme</a><strong><br />CHOPIN </strong><a href="https://www.youtube.com/watch?v=RR7eUSFsn28" title="c'est chopin en un mot (ok deux)" target="_blank">première ballade</a><br /><strong>TCHAÏKOVSKI</strong> <a href="https://www.youtube.com/watch?v=dNmgDEUdKlw" title="version light" target="_blank">concerto pour violon en ré majeur opus 39</a><br /><strong>QUEEN </strong><a href="https://www.youtube.com/watch?v=fJ9rUzIMcZQ" title="nobody loves me" target="_blank">bohemian rhapsody</a> / <a href="https://www.youtube.com/watch?v=HgzGwKwLmgM" title="aaaaah" target="_blank">don’t stop me now</a> / <a href="https://www.youtube.com/watch?v=f4Mc-NYPHaQ" title="poumpoumpoumpoumpoum" target="_blank">i want to break free</a><br /><strong>EAGLES</strong> <a href="https://www.youtube.com/watch?v=IR_Ii0hXLEk" title="soleil" target="_blank">new kid in town</a> / <a href="https://www.youtube.com/watch?v=EqPtz5qN7HM" title="guitare électrique carmin velours" target="_blank">hôtel california</a><br /><strong>MUSE </strong><a href="https://www.youtube.com/watch?v=-bNnekk2_Yk" title="un meilleur rachmaninov que rachmaninov" target="_blank">space dementia</a> / <a href="https://www.youtube.com/watch?v=GjXWtEqs8I4" title="des cowboys et des ovni" target="_blank">knights of cydonia </a><br /><strong>PINK FLOYD </strong><a href="https://www.youtube.com/watch?v=YR5ApYxkU-U" title="ordre désordonné" target="_blank">another brick in the wall</a> / <a href="https://www.youtube.com/watch?v=53N99Nim6WE" title="albatros et sonars" target="_blank">echoes</a><br /><strong>K.I.D. </strong><a href="https://www.youtube.com/watch?v=ZpsXY6YJtYM" title="i'm sorry" target="_blank">errors</a> / <a href="https://www.youtube.com/watch?v=US4-HyjHMhU" title="gooood" target="_blank">elevator</a><br /><strong>SYD MATTERS </strong><a href="https://www.youtube.com/watch?v=jb1SkDjaXk8" title="larmes de bonheur" target="_blank">obstacles</a> / <a href="https://www.youtube.com/watch?v=AiyU0wVnMkA" title="simplicité et mélancolie" target="_blank">black and white eyes</a><br /><strong>FOALS </strong><a href="https://www.youtube.com/watch?v=eYoINidnLRQ" title="cris dans la nuit" target="_blank">spanish sahara</a><br /><strong>OPA TSUPA </strong><a href="https://www.youtube.com/watch?v=8Flik7f6Bfw" title="un peu de pluie" target="_blank">mamma mia</a> / <a href="https://www.youtube.com/watch?v=AuFiBjNTB9o" title="composition guturale" target="_blank">les deux guitares</a><br /><strong>DJANGO REINHARDT </strong><a href="https://www.youtube.com/watch?v=j15Nqn9SmfM" title="(avec alix combelle)" target="_blank">nuages</a> / <a href="https://www.youtube.com/watch?v=VpmOTGungnA" title="rires en soirée" target="_blank">minor swing</a><br /><strong>STRAUSS </strong><a href="https://www.youtube.com/watch?v=53N99Nim6WE" title="lever de soleil" target="_blank">also sprach zarathoustra</a><br /><strong>JUSTICE </strong><a href="https://www.youtube.com/watch?v=VKzWLUQizz8" title="the square" target="_blank">genesis</a> / <a href="https://www.youtube.com/watch?v=tCnBrrnOefs" title="jamais à court" target="_blank">D.A.N.C.E.</a></p>
<p><em>{LIEUX}<br /></em>Angers / Barrèges / Belle-île</p>
<p><em>{MAÎTRES MOTS}<br /></em>architecture / art / dessin / genêts / volets / fleurs / bois / cailloux / chaises / grenouilles / bâtiments / maisons / écorce / objets / tchoutchou / loutres / trains / ponts / fer / rouille / vie / feuilles / symphonies / mouvement / blues / jazz / mélomanie (<em>à remplir au fur et à mesure</em>).</p>
<p><em>{AUTRES}</em></p>