AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 CODES TUMBLR SAVE I AM SORRY

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage

avatar

VISAGE : EMBRUN SALÉ

CRÉDITS : KWNKJ (AV)
BOUTEILLES À LA MER : 19

ARRIVÉE EN VILLE : 30/10/2017

DANS LA TÊTE : MAMAN, JEPHTE, LA GUERRE

MessageSujet: CODES TUMBLR SAVE I AM SORRY   Lun 13 Nov - 9:24

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 
 
<!---------✧ ☾ ☆ ☄️ ⁛ THEMES BY ASTRAEAWRITES / ASTRAEACODES ⁛ ☄️ ☾ ✧
                          DO NOT STEAL OR CLAIM AS YOURS!
              report problems or questions @ astraeacodes.tumblr.com
         
                          TUMBLR CONTROLS BY @CYANTISTS                       
                CHAT BUBBLES BY ANIMALITES.TUMBLR.COM (DEACTIVATED)
          NEW TUMBLR AUDIO POSTS BACKGROUND COLOR TUTORIAL @ROXIESTHEMES
                            ICON FONT BY @SATURNTHMS
                      REBLOG AND LIKE BUTTON BY @SHYTHEMES
                GUTTER SIZE FIX FROM @BYCHLOETHEMES & @SHYTHEMES
                        VIDEO RESIZING SCRIPT @SHYTHEMES
                          INSTAGRAM RESIZING FIX BY ME-------------------->
                       
<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
 
 
<!------------------SCRIPTS------------------>
 
<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 TAGS------------------>
 
<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>
 
 
<!------------------SCRIPTS------------------>
 
<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>
 
 
<!------------------EVERYTHING------------------>
 
<div id="everything">
 
    <!--------------SIDEBAR-------------->
 
    <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>
 
 
<!------------------ENTRIES------------------>
 
    <div id="posts">
        {block:Posts}
            <div id="entries">
         
    <!----------- TOP INFO----------->
 
            {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}
 
    <!-----------BLOCKS----------->
 
{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}
         
    <!----------- BOTTOM INFO----------->
 
      {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}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> 
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
 
    <!----------- POST NOTES----------->
 
    {block:PostNotes}
      <div class="notesbox">
        <div class="notes">
        {PostNotes}
        </div>
      </div>
    {/block:PostNotes}
 
</div>
 
<!---------------CREDIT // DO NOT REMOVE OR ALTER PLS !! ------------------>
 
<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&nbsp;(<em>à remplir au fur et à mesure</em>).</p>
<p><em>{AUTRES}</em></p>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 
CODES TUMBLR SAVE I AM SORRY
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Codes de fiches de liens
» Save The human right to food: International mission to Haiti
» Lena& Carmelia ♦ save me ~
» Tell me would you kill to save a life. || Esprit d'Enfant.
» [Mécanisme] Système de fichiers save et MAJ du jeu

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
LE BOUQUET DE L'ADRIATIQUE :: nous :: PAULINE-