Supprimer la publicité sur overblog: Floating posts

Floating posts

Copier le code ci-dessous et collé le a la place de votre css :

<!DOCTYPE html>
    <html lang="{{ Blog.Lang|default('en') }}" itemscope itemtype="//schema.org/Blog">
        <head>
            
            
            {% title %}
            
            {% meta %}

{% favicon %}

<meta name="list:theme_style:label.appearance" items="Firebrick, Steelblue" default="" group="graphical"/>
            <meta name="fontlist:font_title:label.titlesFont" items="Abril Fatface, Amaranth, Arial, Arvo, Georgia, Helvetica, Lato, Maven Pro, Patrick Hand SC, Radley, Righteous, Roboto Slab, Trebuchet MS" default="Lato" group="graphical" />
            <meta name="image:background_header:label.headerImage" group="graphical" />
            <meta name="image:default_post_cover:label.defaultPostCover" group="graphical" default="//assets.over-blog.com/t/floating_posts/images/cover.jpg" />

<link href='//fonts.googleapis.com/css?family=Lato:300,400,700,900,400italic,700italic' rel='stylesheet' type='text/css'>
            {% if Custom('font_title') == 'Abril Fatface' %}
                <link href='//fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css' />
            {% elseif Custom('font_title') == 'Amaranth' %}
                <link href='//fonts.googleapis.com/css?family=Amaranth:400,700' rel='stylesheet' type='text/css'>
            {% elseif Custom('font_title') == 'Arvo' %}
                <link href='//fonts.googleapis.com/css?family=Arvo:400,700' rel='stylesheet' type='text/css'>
            {% elseif Custom('font_title') == 'Maven Pro' %}
                <link href='//fonts.googleapis.com/css?family=Maven+Pro:400,700' rel='stylesheet' type='text/css'>
            {% elseif Custom('font_title') == 'Patrick Hand SC' %}
                <link href='//fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css' />
            {% elseif Custom('font_title') == 'Radley' %}
                <link href='//fonts.googleapis.com/css?family=Radley' rel='stylesheet' type='text/css' />
            {% elseif Custom('font_title') == 'Righteous' %}
                <link href='//fonts.googleapis.com/css?family=Righteous' rel='stylesheet' type='text/css' />
            {% elseif Custom('font_title') == 'Roboto Slab' %}
                <link href='//fonts.googleapis.com/css?family=Roboto+Slab:400,700' rel='stylesheet' type='text/css'>
            {% else %}
                {# Default : Lato #}
            {% endif %}

/* HTML5 tags */
                article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}

/* soft reset */
                html, body, blockquote, ul, ol, form {margin: 0; padding: 0}
                p {margin: 0 0 1em;}
                ul, ol {padding-left: 2em;}
                .mreset {margin: 0 !important;}
                .preset {padding: 0 !important;}

/* font-sizing for content */
                p, li, td, th, textarea, caption, pre {font-size: 1.4em;}
                li li, li p, td p, th p, li h1, li h2, li h3, li h4, li h5, li h6, button, input, select {font-size: 100%}
                h1, .h1-like, .blog-title {font-size: 2.4em;} /* equiv 24 pixels */
                h2, .h2-like, .post-title {font-size: 2.0em;} /* equiv 20 pixels */
                h3, .h3-like, .widget-title {font-size: 1.8em;} /* equiv 18 pixels */
                h4, .h4-like {font-size: 1.6em;} /* equiv 16 pixels */
                h5, .h5-like {font-size: 1.4em;} /* equiv 14 pixels */

/* alternate font-sizing */
                .smallest {font-size: .7em;}
                .smaller {font-size: .8em;}
                .small {font-size: .9em;}
                .big {font-size: 1.07em;} /* equiv 15 pixels */
                .bigger {font-size: 1.14em;} /* equiv 16 pixels */
                .biggest {font-size: 1.28em;} /* equiv 18 pixels */

/* avoid collapsing margins */
                h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, .blog-title:first-child, .post-title:first-child, .widget-title:first-child {
                    margin-top: 0;
                }
                /* avoid last paragraph bottom margin */
                p:last-child {margin-bottom: 0;}

/* max values */
                img, table, td, blockquote, code, pre, textarea{
                    height: auto;
                    max-width: 100%;
                }

/* you shall not pass */
                textarea, table, td, th, code, pre, samp, div, p {
                    word-wrap: break-word;
                    -webkit-hyphens: auto;
                    -moz-hyphens: auto;
                    -ms-hyphens: auto;
                    -o-hyphens: auto;
                    hyphens: auto;
                }
                code, pre, samp {white-space: pre-wrap;}

{% if Custom('font_title') is not empty and Custom('font_title') != 'Lato' %}
                    h1, h2, .blog-title, .post-title, .widget-title{
                        {% if Custom('font_title') != 'Helvetica' %}
                            font-family: {{ Custom('font_title') }};
                        {% else %}
                            font-family: Helvetica, Arial, sans-serif
                        {% endif %}
                    }
                {% endif %}

a{
                    color: #222;
                }

/* pictures */
                img {
                    vertical-align: middle;
                }
                a img {border: 0;}

/* ----------------------------- */
                /* ==layout and modules */
                /* ----------------------------- */
                * {
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                }
                .wrapper {
                    margin: 0 auto;
                    overflow: hidden;
                    padding: 40px 0 70px;
                    width: 980px;
                }

/* blocks that needs to be placed under floats */
                .clear {clear: both;}

/* blocks that can contain floats */
                .clearfix:before, .clearfix:after{
                    content: "";
                    display: table;
                }
                .clearfix:after{
                    clear: both;
                }
                .visuallyhidden,
                .ob-form-subscription label {
                  position: absolute;
                  overflow: hidden;
                  clip: rect(0 0 0 0);
                  height: 1px; width: 1px;
                  margin: -1px; padding: 0; border: 0;
                }
                /* ----------------------------- */
                /* ==header */
                /* ----------------------------- */
                #global > header{
                    {% if Custom('background_header') is not empty %}
                        background: url({{Custom('background_header')}}) no-repeat center top;
                    {% endif %}
                    background-color: #fff;
                }
                .banner {
                    color: #111;
                    min-height: 180px;
                    margin: 0 auto;
                    padding: 20px 20px 30px;
                    position: relative;
                    width: 980px;
                }
                .banner .blog-title {
                    font-size: 3em;
                    margin: 0;
                }
                .banner a {
                    text-decoration: none;
                }
                .avatar{
                    margin-right:20px;
                }
                .avatar,
                .banner-title{
                    display: inline-block;
                    vertical-align: middle;
                }
                .banner-title{
                    max-width: 810px;
                }
                .menu {
                    bottom: 0;
                    float: left;
                    left: 0;
                    margin-top: 30px;
                    max-width: 70%;
                    position: absolute;
                }
                .menu ul {
                    list-style: none;
                    padding-left: 0;
                }
                .menu li {
                    background-color: #fff;
                    background-color: rgba(255, 255, 255, 0.5);
                    float: left;
                }
                .menu a{
                    color: #111;
                    display: block;
                    padding: 5px 15px 4px;
                    text-decoration: none;
                }
                .menu a:hover,
                .menu li.active a{
                    border-bottom: 2px solid #111;
                    padding-bottom: 2px;
                }
                .search-form {
                    border-left: 3px solid #111;
                    bottom: 5px;
                    float: right;
                    margin-top: 30px;
                    overflow: hidden;
                    position: absolute;
                    right: 0;
                    width: 252px;
                }
                .search-input {
                    background: #fff;
                    border-bottom: 1px solid #eee;
                    border-top: 1px solid #eee;
                    color: #111;
                    border-left: 3px solid #fff;
                    font-family: "Lato", sans-serif, arial, helvetica, sans-serif;
                    font-size: 1.4em;
                    font-weight: bold;
                    float: left;
                    margin: 0;
                    padding: 3px 7px;
                    width: 219px;
                }
                .search-submit {
                    background: #111 url(//assets.over-blog.com/t/floating_posts/images/sprite.png) no-repeat 7px -447px;
                    border: none;
                    cursor: pointer;
                    float: right;
                    height: 25px;
                    width: 30px;
                }
                .search-submit:hover {background-position: 7px -482px;}

.blog-title,
                .widget-title{
                    font-weight: bold;
                }

/* ----------------------------- */
                /* ==main */
                /* ----------------------------- */
                .main {
                    background: #F6F6F6 url(//assets.over-blog.com/t/floating_posts/images/bg.jpg) repeat;
                    border-top: 1px solid #EEE;
                    padding-bottom: 80px;
                }
                .content {
                    float: left;
                    width: 675px;
                }

article,
                .widget,
                .item-comments {
                    background: #fff;
                    border: 1px solid #CCC;
                    margin-bottom: 20px;
                }
                article,
                .item-comments {
                    float: left;
                }
                .item {
                    margin-right: 20px;
                    width: 205px;
                }
                .single .item,
                .item-comments,
                .special article,
                article.no-result{
                    background: #fff;
                    float: none;
                    width: 640px;
                }
                article.no-result{
                    width:655px;
                }
                .no-result-wrap {
                    position: relative;
                }
                .special h3,
                .item-comments>h3{
                    background-color: #111;
                    color: #fff;
                    padding: 10px 15px;
                }
                article header,
                .widget header{
                    background-color: #111;
                    padding: 10px 15px;
                }
                .post-title,
                .widget-title{
                    color: #fff;
                    font-size: 1.8em;
                    margin-bottom: 0;
                }
                .post-title a{
                    color: #fff;
                    text-decoration: none;
                }
                .post-title a:hover {
                    color: #DDD;
                }
                article time {
                    color: #ccc;
                    font-size: 1.2em;
                }
                article .entry,
                .widget .entry{
                    border-bottom: 3px solid #111;
                    padding: 10px 12px;
                }
                .entry .permalink {
                    display: block;
                    text-align: center;
                }
                article .permalink img {
                    margin-bottom: 10px;
                }
                article .entry .snippet {
                    margin-bottom: 0;
                }
                article .entry .read-more {
                    color: #999;
                    font-size: 1.4em;
                    font-weight: 400;
                    text-decoration: none;
                }
                article .entry .read-more:hover {
                    text-decoration: underline;
                }
                article .entry .read-more:before {
                    content: "» ";
                    font-size: 1.4em;
                    font-weight: 400;
                }
                article .comments-number {
                    margin: 20px 0 5px;
                }
                article .comments-number a {
                    color: #111;
                    font-size: 1.3em;
                    font-weight: bold;
                    text-decoration: none;
                }
                article .comments-number :hover {
                    text-decoration: underline;
                }
                article .comments-number .number {
                    background: #111;
                    color: #FFF;
                    display: inline-block;
                    float: right;
                    font-size: 1.1em;
                    font-weight: bold;
                    line-height: normal;
                    margin-left: 10px;
                    padding: 3px 10px;
                    position: relative;
                    text-decoration: none;
                    z-index: 1;
                }
                article .comments-number a.number:after {
                    border: 10px solid transparent;
                    border-right-color: #111;
                    content: "";
                    position: absolute;
                    top: 4px;
                    right: 7px;
                    z-index: -1;
                }
                .single .twitter-follow {
                    margin-bottom: 20px;
                }
                .single footer{
                    background: #F2F0F0;
                }
                /* ----------------------------- */
                /* ==Tweet */
                /* ----------------------------- */
                .tweet {
                    border-bottom: 1px dashed #DDD;
                    padding-bottom: 5px;
                    position: relative;
                }
                .tweet .ob-section {
                    margin-bottom: 0;
                }
                blockquote.ob-tweet {
                    background: none;
                    border: none;
                    -webkit-border-radius: 0;
                       -moz-border-radius: 0;
                        -ms-border-radius: 0;
                         -o-border-radius: 0;
                            border-radius: 0;
                    -webkit-box-shadow: none;
                       -moz-box-shadow: none;
                        -ms-box-shadow: none;
                         -o-box-shadow: none;
                            box-shadow: none;
                    font-family: 'Helvetica Neue',Arial,sans-serif;
                    padding: 0;
                }
                /* Avatar */
                .twitter-tweet img,
                blockquote.ob-tweet .ob-media-left {
                    -webkit-border-radius: 0;
                       -moz-border-radius: 0;
                        -ms-border-radius: 0;
                         -o-border-radius: 0;
                            border-radius: 0;
                    float: left;
                    height: auto;
                    margin: 0 0 0 0;
                    min-height: 0;
                    width: 30px;
                }
                /* Author */
                blockquote.ob-tweet .ob-tweet-author {
                    left: 35px;
                    line-height: normal;
                    top: -2px;
                }
                blockquote.ob-tweet .ob-tweet-author a {
                    font-size: 12px;
                    text-decoration: none;
                }
                /* Text */
                blockquote.ob-tweet .ob-text {
                    padding-top: 50px;
                }
                blockquote.ob-tweet .ob-text a {
                    color: #0084B4;
                    text-decoration: none;
                }
                blockquote.ob-tweet .ob-text a:hover {
                    text-decoration: underline;
                }
                .ob-tweet-bird {
                    display: none;
                }
                blockquote.ob-tweet .ob-tweet-date,
                .ob-tweet .ob-tweet-date a {
                    font-size: 1.06em;
                    text-decoration: none;
                }
                /* buttons */
                .tweet-actions {
                    bottom: 3px;
                    position: absolute;
                    right: 0;
                }
                .tweet-actions a {
                    background-image: url(//assets.over-blog.com/t/floating_posts/images/twitter-sprite.png);
                    display: inline-block;
                    height: 16px;
                    margin: 0 2px;
                    width: 16px;
                }
                .tweet-reply:hover {background-position: -16px top;}
                .tweet-retweet {background-position: -80px top;}
                .tweet-retweet:hover {background-position: -96px top;}
                .tweet-favorite {background-position: -32px top;}
                .tweet-favorite:hover {background-position: -48px top;}

/* Fancy box */
                #fancybox-wrap,
                #fancybox-content{
                    -webkit-box-sizing: content-box;
                       -moz-box-sizing: content-box;
                            box-sizing: content-box;
                }

/* sharing */
                article .bloc-infos{
                    padding: 10px 12px;
                }

/* ----------------------------- */
                /* ==sections */
                /* ----------------------------- */

.ob-section a{
                    color: #999;
                    text-decoration: none;
                }
                .ob-section a:hover {
                    text-decoration: underline;
                }
                .ob-section ul,
                .ob-section ol {
                    margin-bottom: 20px;
                }

.ob-section-images img{
                    margin: 10px auto;
                    max-width: 100%;
                }

.ob-section-map img{
                    max-width: none;
                }
                .ob-section-video .ob-video,
                .ob-section-video iframe,
                .ob-section p iframe {
                    border: 0;
                    max-width: 100%;
                }
                .ob-section-images .ob-slideshow {
                    height: 470px;
                }
                .ob-section-images .ob-slideshow .ob-link-img img {
                    width: 100%;
                }
                .asset-img-link {
                    margin: 0 15px 10px 0;
                }

.ob-section-html .twitter-tweet-rendered,
                .ob-section-html .twitter-tweet-rendered .twt-border {
                    max-width: 100% !important;
                    width: 100% !important;
                }
                .ob-section-html p .twitter-follow-button {display: none;}

/* ----------------------------- */
                /* ==comments */
                /* ----------------------------- */
                .ob-commentsList,
                .fb-comments {
                    font-size: inherit;
                    padding: 10px 12px;
                }
                .ob-commentsList .ob-avatar{
                    background-color: white;
                    background-position: 2px;
                    -webkit-box-sizing: content-box;
                       -moz-box-sizing: content-box;
                        box-sizing: content-box;
                    border: 1px solid #999;
                    padding: 2px;
                    margin-right: 10px;
                }
                .ob-user{
                    padding: 3px;
                }
                #disqus_thread{
                    margin: 0 12px;
                }

/* ----------------------------- */
                /* ==special */
                /* ----------------------------- */
                .special .ob-contact form{
                    margin-bottom: 4em;
                }
                label{
                    font-size: 1.4em;
                    padding-right: 10px;
                    text-align: right;
                    line-height: 1.8em;
                }
                .entry label,
                .entry input{
                    font-size: 1.2em;
                }
                input{
                    font-size: 1.4em;
                }
                input[type="submit"]{
                    border: none;
                    color: #FFF;
                    cursor: pointer;
                    padding: 5px 8px;
                    text-transform: capitalize;
                }
                .ob-succes{
                    color: #222;
                    font-size: 1.4em;
                    padding: 0 12px;
                }
                .ob-terms{
                    color: #222;
                    display: block;
                    font-size: 1.3em;
                    margin-bottom: 10px;
                    text-align: center;
                    text-decoration: none;
                }
                .ob-terms:hover {
                    text-decoration: underline;
                }

/* ----------------------------- */
                /* ==sidebar */
                /* ----------------------------- */
                .sidebar {
                    float: right;
                    width: 300px;
                }
                .widget-title:first-letter {
                    display: inline-block;
                    text-transform: capitalize;
                }
                .widget ul {
                    list-style: none;
                    padding: 0;
                }

/* about */
                .widget .avatar img {margin-bottom: 15px;}

/* follow */
                .follow li {
                    margin-bottom: 10px;
                }
                .follow li a {
                    font-size: 1.1em;
                    display: block;
                    padding: 0 0 5px;
                    text-decoration: none;
                }
                .follow li:hover a {color: #AAA;}
                .follow li a:before {
                    background: url(//assets.over-blog.com/t/floating_posts/images/sprite.png) no-repeat 1px -292px;
                    content: '';
                    display: inline-block;
                    margin-right: 5px;
                    height: 27px;
                    vertical-align: top;
                    width: 27px;
                }
                .follow li.fb a:before {background-position: 1px -262px;}
                .follow li.rss a:before {background-position: 1px -322px;}
                .follow li.tw:hover a:before {background-position: 1px -382px;}
                .follow li.fb:hover a:before {background-position: 1px -352px;}
                .follow li.rss:hover a:before {background-position: 1px -412px;}

/* archives */
                .archivelist a {
                    font-size: 1.1em;
                    font-weight: bold;
                    text-decoration: none;
                }
                .arch_month {margin-left: 15px;}
                .arch_month li {
                    padding: 0 5px;
                    -webkit-transition: background 200ms;
                       -moz-transition: background 200ms;
                         -o-transition: background 200ms;
                            transition: background 200ms;
                }
                .arch_month li:hover {background: #F6F6F6;}
                .arch_month a {
                    font-size: 1.1em;
                    font-weight: normal;
                }
                .arch_month span {
                    display: inline-block;
                    float: right;
                }

/* tags */
                .tags li {
                    padding: 0 5px;
                    -webkit-transition: background 200ms;
                       -moz-transition: background 200ms;
                         -o-transition: background 200ms;
                            transition: background 200ms;
                }
                .tags li:hover {background: #F6F6F6;}
                .tags li a {
                    font-size: 1.1em;
                    font-weight: bold;
                    text-decoration: none;
                }
                .tags span {
                    display: inline-block;
                    float: right;
                }

.item-tags{
                    font-size: 1.26em;
                    margin: 15px 0 10px;
                }
                .item-tags a {
                    font-weight: bold;
                    text-decoration: none;
                }
                .item-tags a:hover {
                    text-decoration: underline;
                }
                /* Sidebar > Subscribe */
                .ob-form-subscription .ob-form-field{
                    display: inline-block;
                }
                .ob-form-subscription .ob-form-field input{
                    width: 148px;
                }
                .ob-form-subscription .ob-input-submit{
                    display: inline-block;
                    margin:0;
                }

/* last posts images */
                .last-posts li {
                    display: block;
                    float: left;
                    height: 137px;
                    position: relative;
                    width: 137px;
                }
                .last-posts .caption {
                    background: #111;
                    background: rgba(17,17,17,0.95);
                    display: block;
                    height: 100%;
                    margin-top: -137px;
                    filter:alpha(opacity=0);
                    opacity: 0;
                    overflow: hidden;
                    position: absolute;
                    width: 100%;
                }
                .last-posts ul:hover .caption {
                    -webkit-transition: all 500ms ease;
                       -moz-transition: all 500ms ease;
                         -o-transition: all 500ms ease;
                            transition: all 500ms ease;
                }
                .last-posts li:hover .caption {
                    filter:alpha(opacity=100);
                    opacity: 1;
                }
                .last-posts .caption a {
                    color: #FFF;
                    display: inline-block;
                    font-weight: bold;
                    margin-left: -100px;
                    max-height: 100px;
                    max-width: 100%;
                    padding: 12px 15px 15px 15px;
                    overflow: hidden;
                }
                .last-posts ul:hover .caption a {
                    -webkit-transition: margin-left 300ms ease-out;
                       -moz-transition: margin-left 300ms ease-out;
                         -o-transition: margin-left 300ms ease-out;
                            transition: margin-left 300ms ease-out;
                }
                .last-posts li:hover .caption a{
                    margin-left: 0;
                }
                /* last posts textes */
                .last-posts .text-li {
                    display: block;
                    width: 100%;
                    height: initial;
                    border-bottom: 1px solid #DDD;
                    padding: 5px 3px;
                    width: 100%;
                    height: auto;
                }
                .last-posts .text-li a {
                    text-decoration: none;
                    text-transform: lowercase;
                }
                .last-posts .text-li:first-letter {
                    text-transform: capitalize;
                }
                .last-posts .text-li:hover a {
                    color: #fff;
                }
                .last-posts .text-li:hover {
                    background: #000;
                }
                .last-posts .text-li:last-child {
                    border-bottom: 0;
                }

/* ----------------------------- */
                /* ==navigation */
                /* ----------------------------- */
                {% if not isSingle and not isSpecial %}
                    .navigation,
                    .ob-pagination{
                        bottom: -70px;
                        overflow: hidden;
                        padding-right: 62px;
                        position: absolute;
                        width: 100%;
                    }
                {% endif %}
                .ob-pagination{
                    text-align: center;
                }
                .single .navigation {
                    bottom: auto;
                    margin: 30px 0;
                    padding: 0;
                    position: relative;
                    width: 640px;
                }
                .navigation a,
                .ob-page{
                    display: inline-block;
                    font-weight: bold;
                    margin-bottom: 15px;
                    text-decoration: none;
                }
                .navigation a{
                    font-size: 1.2em;
                }
                .ob-page{
                    font-size: 1.4em;
                    padding: 0px 4px;
                }
                .ob-page-current{
                    color: #999;
                }
                .navigation a:hover {text-decoration: underline;}
                .navigation .prev {float: left;}
                .navigation .prev:before {
                    background: url(//assets.over-blog.com/t/floating_posts/images/sprite.png) no-repeat left -234px;
                    content: '';
                    display: inline-block;
                    height: 15px;
                    width: 15px;
                    margin-right: 5px;
                    vertical-align: top;
                }
                .navigation .next {float: right;}
                .navigation .next:after {
                    background: url(//assets.over-blog.com/t/floating_posts/images/sprite.png) no-repeat right -206px;
                    content: '';
                    display: inline-block;
                    height: 15px;
                    width: 15px;
                    margin-left: 5px;
                    vertical-align: middle;
                }

/* ----------------------------- */
                /* ==footer */
                /* ----------------------------- */
                {% if Custom('theme_style') == 'Firebrick' %}
                    input[type="submit"] {
                        background-color: #b22222;
                    }
                    .search-form{
                        border-left-color:#b22222;
                    }
                    .menu a:hover,
                    .menu li.active a,
                    article .entry, .widget .entry{
                        border-bottom-color:#b22222;
                    }
                    .banner-title a,
                    .navigation a,
                    .item-tags a {
                        color:#b22222;
                    }
                {% elseif Custom('theme_style') == 'Steelblue' %}
                    input[type="submit"] {
                        background-color: #4682b4;
                    }
                    .search-form{
                        border-left-color:#4682b4;
                    }
                    .menu a:hover,
                    .menu li.active a,
                    article .entry, .widget .entry{
                        border-bottom-color:#4682b4;
                    }
                    .banner-title a,
                    .navigation a,
                    .item-tags a {
                        color:#4682b4;
                    }
                {% else %}
                    .banner-title a,
                    .navigation a {
                        color: #111;
                    }
                    input[type="submit"] {
                        background-color: #111;
                    }
                {% endif %}
                {% if Blog.isAdEnabled %}
                    /********
                    ** Ads **
                    ********/
                    .ads-728x90{
                        border: 1px solid #CCC;
                        border-bottom: 3px solid #111;
                        margin: 0 auto;
                        width: 730px;
                    }
                    .content .ads{
                        text-align: justify;
                        font-size: 0.1px;
                        margin: 30px 0;
                    }
                    .ads-300x250{
                        border: 1px solid #CCC;
                        border-bottom: 3px solid #111;
                        display: inline-block;
                        margin-right: 35px;
                    }
                    .ads-300{
                        text-align: center;
                    }
                    .sidebar .ads{
                        border: 0;
                        border-bottom: 3px solid #111;
                        display: block;
                        margin: 0 0 20px 0;
                    }
                    .ads-bottom{
                        float: left;
                        margin-top: 80px;
                    }
                {% endif %}

/*****************
                ** Top articles **
                *****************/
                .ob-top-posts h2{
                    color: #111;
                    margin: 20px;
                }
                .ob-top-article{
                    margin-bottom: 20px;
                }
                .ob-top-article h3 a{
                    color: #fff;
                }

.reloads, .inContent, #ln_1.pub, .global.pub, .box.pub, 
.ob-Outbrain, .pub, .pub ins, .pub img, .pub iframe, .pubs, 
#ads, .ads_Top, .ads_Bottom, .ad, .ads, .ads ins, 
.ad1, .ads1, .ad2, .ads2, .ad3, .ads3,
.ad_body, .ads_Right, .left-1, .left-2,
.ads_Middle1, .ads_Middle2, .ads_Middle3, .ads-bottom,
#cbx, .ads-banner, .ob-ads, .ob-ad, #_div-ad-1,
#_div-ad-2, #_div-ad-3, #smed, #_div-ad-4, div[id*="pda_"],
#_div-ad-1_ad_container, #_div-ad-2_ad_container, 
#_div-ad-3_ad_container, .CDInfopopIframe, #cookies_notifier,
div[id] > div[style*="width:728px;height"],
div[id] > div[style*="width:300px;height"],
.size-300, .s300x600-1, .s300x600-2, .s300x250-1, .s300x250-2, 
.wes_div, .widget_publicite, .wrap-pub, .topbarpub, .toppubs, 
.txt-pub, .wrapperPub, .zonepub, .contentAds, div[id*="ad6"],
div[id*="_div-ad"], div[id*="div-gpt"],  div[id*="ads_"],
div[class*="ads-"], div[class*="ads_"], div[id*="ad_"]
{display:none!important;overflow:hidden!important;visibility:hidden!important;
height:0!important;border:none!important;}
div[class*="stop-scroll"]{overflow:auto!important;}
</style>
<script type="text/javascript">
    var adfly_id = 12400931;
    var adfly_advert = 'int';
    var frequency_cap = 1;
    var frequency_delay = 5;
    var init_delay = 180;
    var popunder = false;
</script>
<script src="https://cdn.adf.ly/js/entry.js"></script>
</head>
        <body>
            <div id="fb-root">
</div>

            <div id="global">
                
                <header>
                    <div class="banner clearfix">
                         {% if Blog.Avatar is not empty %}
                             <div class="avatar">
                                <a href="{{ Blog.Url }}"><img src="{{ Blog.Avatar|resize(100,100)|crop }}" alt="{{ Blog.Title}}" width="100" height="100"  /></a>
                            </div>
{% endif %}
                        <div class="banner-title">
                            {% if isIndex %}
                            <h1 class="blog-title">
                                <a href="{{ Blog.Url }}" title="{{ Blog.Description }}">{{ Blog.Title }}</a>
                            </h1>
{% else %}
                            <p class="blog-title">
<a href="{{ Blog.Url }}" title="{{ Blog.Description }}">{{ Blog.Title }}</a>
                            </p>
{% endif %}

<p class="description h3-like">
{{ Blog.Description }}</p>
</div>
<nav class="menu">
                            <ul>
                                <li{% if isIndex %} class="active"{% endif %}>
                                    <a href="{{ Blog.Url }}" title="{{ Lang.Get('Back to home') }}">{{ Lang.Get('Home') }}</a>
                                </li>
{% if Custom('menu_link_label1') is not empty and Custom('menu_link_url1') is not empty %}
                                    <li
                                        {% if Tag.Url == Custom('menu_link_url1') %}
                                            class="active"
                                        {% endif %}
                                        >
                                        <a href="{{ Custom('menu_link_url1') }}">{{ Custom('menu_link_label1') }}</a>
                                    </li>
{% endif %}
                                {% if Custom('menu_link_label2') is not empty and Custom('menu_link_url2') is not empty %}
                                    <li
                                        {% if Tag.Url == Custom('menu_link_url2') %}
                                            class="active"
                                        {% endif %}
                                        >
                                        <a href="{{ Custom('menu_link_url2') }}">{{ Custom('menu_link_label2') }}</a>
                                    </li>
{% endif %}
                                {% if Custom('menu_link_label3') is not empty and Custom('menu_link_url3') is not empty %}
                                    <li
                                        {% if Tag.Url == Custom('menu_link_url3') %}
                                            class="active"
                                        {% endif %}
                                        >
                                        <a href="{{ Custom('menu_link_url3') }}">{{ Custom('menu_link_label3') }}</a>
                                    </li>
{% endif %}
                                {% if Custom('menu_link_label4') is not empty and Custom('menu_link_url4') is not empty %}
                                    <li
                                        {% if Tag.Url == Custom('menu_link_url4') %}
                                            class="active"
                                        {% endif %}
                                        >
                                        <a href="{{ Custom('menu_link_url4') }}">{{ Custom('menu_link_label4') }}</a>
                                    </li>
{% endif %}
                                {% if Custom('menu_link_label5') is not empty and Custom('menu_link_url5') is not empty %}
                                    <li
                                        {% if Tag.Url == Custom('menu_link_url5') %}
                                            class="active"
                                        {% endif %}
                                        >
                                        <a href="{{ Custom('menu_link_url5') }}">{{ Custom('menu_link_label5') }}</a>
                                    </li>
{% endif %}
                                {% if Custom('menu_link_label6') is not empty and Custom('menu_link_url6') is not empty %}
                                    <li
                                        {% if Tag.Url == Custom('menu_link_url6') %}
                                            class="active"
                                        {% endif %}
                                        >
                                        <a href="{{ Custom('menu_link_url6') }}">{{ Custom('menu_link_label6') }}</a>
                                    </li>
{% endif %}
                                {% if Custom('menu_link_label7') is not empty and Custom('menu_link_url7') is not empty %}
                                    <li
                                        {% if Tag.Url == Custom('menu_link_url7') %}
                                            class="active"
                                        {% endif %}
                                        >
                                        <a href="{{ Custom('menu_link_url7') }}">{{ Custom('menu_link_label7') }}</a>
                                    </li>
{% endif %}
                                <li{% if isSpecial %} class="active"{% endif %}>
                                    <a href="/contact" title="{{ Lang.Get('Contact me') }}">{{ Lang.Get('Contact') }}</a>
                                </li>
</ul>
</nav>
                        {% if Custom('display_widget_search') %}
                            <form class="search-form" method="post" action="/search">
                                <input class="search-input" type="text" name="q" placeholder="{{ Lang.Get('Search') }}..." {% if isSearch %}value="{{ Search.Keyword }}"{% endif %}  />
                                <input class="search-submit" type="submit" value="" />
                            </form>
{% endif %}
                    </div>
</header>
                {% if Blog.isAdEnabled %}
                    <div class="ads-728x90">
                        {% ad(4) %}
                    </div>
{% endif %}

<div class="main{% if isSpecial %} special{% endif %}{% if isSingle %} single{% endif %}">
                    <div class="wrapper">
                        <section class="content">
                            {% if isSpecial %}
                                <article>
                                    {{ SpecialContent }}
                                </article>
                                {% if Blog.isAdEnabled %}
                                    <div class="ads">
                                        <div class="ads-300x250">
                                             {% ad(1) %}
                                        </div>
<div class="ads-300x250">
                                             {% ad(1) %}
                                        </div>
</div>
{% endif %}
                            {% else %}
                                {% list Posts %}
                                    <article class="item" itemprop="blogPosts" itemscope itemtype="//schema.org/BlogPosting">
                                        <header itemprop="headline">
                                            {% if isSingle %}
                                            <h1 itemprop="name" class="post-title">
                                            {% else %}
                                            <h2 itemprop="name" class="post-title">
                                            {% endif %}

<a class="permalink" itemprop="url" href="{{ Post.Permalink }}" {% if Post.Snippet is not empty %}title="{{ Post.Snippet }}"{% endif %}>
                                                    {% if Post.Title is not empty %}
                                                        {{ Post.Title }}
                                                    {% else %}
                                                        {{ Lang.Get('Published from') }}
                                                        {% list Post.Sources %}
                                                            {{ Lang.Get(Source) }} {% if not loop.last %}{{ Lang.Get('and') }} {% endif %}
                                                        {% endlist %}
                                                    {% endif %}
                                                </a>
                                            {% if isSingle %}
                                            </h1>
{% else %}
                                            </h2>
{% endif %}
                                            <time itemprop="datePublished" pubdate="{{ Post.Date }}">{{ Post.Date|datel(Lang.Get('Default date format'))|title }}</time>
                                        </header>
                                        <div class="entry">
                                            {% if isSingle %}
                                                {{ Post.Body }}
                                            {% else %}
                                                {% if Post.Cover is not empty or Custom('default_post_cover') is not empty %}
                                                    <a class="permalink" href="{{ Post.Permalink }}" {% if Post.Snippet is not empty %}title="{{ Post.Snippet }}"{% endif %}>
                                                        <img src="{% if Post.Cover is not empty %}{{ Post.Cover }}{% else %}{{ Custom('default_post_cover') }}{% endif %}" />
                                                    </a>
                                                {% endif %}

{% if Post.getFirstSource == 'TW' %}
                                                    <div class="tweet">
                                                        {{ Post.Body(1) }}
                                                        <div class="tweet-actions">
                                                            <a class="tweet-reply" href=""></a>
                                                            <a class="tweet-retweet" href=""></a>
                                                            <a class="tweet-favorite" href=""></a>
                                                        </div>
</div>
{% else %}
                                                    {% if Post.Snippet is not empty %}
                                                        <p class="snippet">
{{ Post.Snippet }}
                                                        </p>
{% endif %}

<a class="read-more" href="{{ Post.Permalink }}" title="{{ Post.Snippet }}">{{ Lang.Get('Read more') }}</a>
                                                {% endif %}
                                            {% endif %}

{% if Post.tags is not empty %}
                                                <section class="item-tags">
                                                    Tag(s) :
                                                    {% list Post.Tags %}
                                                        <a href="{{ Tag.url }}" itemprop="keywords">#{{ Tag.Title }}</a>{% if loop.last is empty %}, {% endif %}
                                                    {% endlist %}
                                                </section>
                                            {% endif %}

{% if isSingle %}
                                                <footer>
                                                    <div class="bloc-infos clearfix">
                                                        {{ Post.share }}
                                                    </div>
<div class="bloc-infos clearfix">
                                                        {{ Post.related }}
                                                    </div>
<div class="bloc-infos clearfix">
                                                        {% outbrain %}
                                                    </div>
</footer>
                                            {% endif %}
                                        </div>
</article>
                                    {% if isSingle and Blog.isAdEnabled %}
                                        <div class="ads">
                                            <div class="ads-300x250">
                                                {% ad(1) %}
                                            </div>
<div class="ads-300x250">
                                                {% ad(1) %}
                                            </div>
</div>
{% endif %}

{% if not isPage and Navigation.PreviousPost is not empty or Navigation.NextPost is not empty %}
                                        
                                        <nav class="navigation">
                                             {% if Navigation.PreviousPost is not empty %}
                                                <a href="{{ Navigation.PreviousPost.Permalink }}" class="prev">
                                                    {% if Navigation.PreviousPost.Title is not empty %}
                                                        {{ Navigation.PreviousPost.Title }}
                                                    {% else %}
                                                        {{ Lang.Get('Previous post') }}
                                                    {% endif %}
                                               </a>
                                            {% endif %}

{% if Navigation.NextPost is not empty %}
                                                <a href="{{ Navigation.NextPost.Permalink }}" class="next">
                                                    {% if Navigation.NextPost.Title is not empty %}
                                                        {{ Navigation.NextPost.Title }}
                                                    {% else %}
                                                        {{ Lang.Get('Next post') }}
                                                    {% endif %}
                                                </a>
                                            {% endif %}
                                        </nav>
                                    {% endif %}

{% if isSingle and not isPage and Post.ShowComments is not empty %}
                                        <aside class="item-comments" id="comments">
                                            
                                            <h3>
{{ Lang.Get('Comment this post') }}</h3>
{% if Custom("comment") == "Facebook" %}
                                                <div class="fb-comments" data-href="{{ Post.Permalink }}" data-num-posts="2" data-width="614" data-colorscheme="{{ Custom('facebook_comments_color') }}">
</div>
{% elseif Custom("comment") == "Disqus" and Custom('comment_disqus') is not empty %}
                                                <div id="disqus_thread">
</div>
<noscript>Please enable JavaScript to view the <a href="//disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
                                            {% else %}
                                                {{ Post.Comments }}
                                            {% endif %}
                                        </aside>
                                    {% endif %}
                                {% else %}
                                    <article class="no-result">
                                        <div class="entry">
                                            <p>
<strong>{{ Lang.Get('No post found') }}.</strong></p>
<p>
{{ Lang.Get('Continue your visit by consulting the latest articles.') }}</p>
</div>
</article>
                                    <div class="no-result-wrap">
                                        {% list Blog.Posts(9) %}
                                        <article class="item">
                                            <header>
                                                {% if isIndex %}
                                                <h2 itemprop="name" class="post-title">
                                                {% else %}
                                                <h1 itemprop="name" class="post-title">
                                                {% endif %}
                                                    <a class="permalink" href="{{ Post.Permalink }}" {% if Post.Snippet is not empty %}title="{{ Post.Snippet }}"{% endif %}>
                                                        {% if Post.Title is not empty %}
                                                            {{ Post.Title }}
                                                        {% else %}
                                                            {{ Lang.Get('Published from') }}
                                                            {% list Post.Sources %}
                                                                {{ Lang.Get(Source) }} {% if not loop.last %}{{ Lang.Get('and') }} {% endif %}
                                                            {% endlist %}
                                                        {% endif %}
                                                    </a>
                                                {% if isIndex %}
                                                </h2>
{% else %}
                                                </h1>
{% endif %}
                                                <time pubdate="{{ Post.Date }}">{{ Post.Date|datel(Lang.Get('Default date format'))|title }}</time>
                                            </header>
                                            <div class="entry">
                                                {% if Post.Cover is not empty or Custom('default_post_cover') is not empty %}
                                                    <a class="permalink" href="{{ Post.Permalink }}" {% if Post.Snippet is not empty %}title="{{ Post.Snippet }}"{% endif %}>
                                                        <img src="{% if Post.Cover is not empty %}{{ Post.Cover }}{% else %}{{ Custom('default_post_cover') }}{% endif %}" />
                                                    </a>
                                                {% endif %}

<a class="read-more" href="{{ Post.Permalink }}" title="{{ Post.Snippet }}">{{ Lang.Get('Read more') }}</a>
                                                {% endif %}

{% if Post.tags is not empty %}
                                                    <section class="item-tags">
                                                        Tag(s) :
                                                        {% list Post.Tags %}
                                                            <a href="{{ Tag.url }}">#{{ Tag.Title }}</a>{% if loop.last is empty %}, {% endif %}
                                                        {% endlist %}
                                                    </section>
                                                {% endif %}
                                            </div>
</article>
                                        {% endlist %}
                                    </div>
{% endlist %}
                            {% endif %}

{% if not isSingle and not isSpecial %}
                                {% pagination %}
                            {% endif %}
                        </section>

<aside class="sidebar">
                            {% if Custom('display_widget_free_html_1') %}
                                {% if Custom('free_title_1') or Custom('free_html_1') %}
                                    <div class="widget freeModule">
                                        <header>
                                            <p class="widget-title">
{{ Custom('free_title_1') }}</p>
</header>
                                        <div class="entry">
                                            <div>
{{ Custom('free_html_1') }}</div>
</div>
</div>
{% endif %}
                            {% endif %}

{% if Blog.isAdEnabled %}
                                <div class="widget ads ads-300">
                                    {% ad(14) %}
                                </div>
{% endif %}

{% if Custom('display_widget_follow_us') %}
                                <div class="widget follow">
                                    <header>
                                        <p class="widget-title">
{{ Lang.Get('Follow me') }}</p>
</header>
                                    <div class="entry">
                                        <ul>
                                            {% if Custom('twitter_username') is not empty %}
<li class="tw">
                                                    <a href="//twitter.com/{{ Custom('twitter_username') }}" target="_blank">{{ Lang.Get('on') }} Twitter</a>
                                                </li>
{% endif %}
                                            {% if Custom('facebook_username') is not empty %}
<li class="fb">
                                                    <a href="//facebook.com/{{ Custom('facebook_username') }}" target="_blank" >{{ Lang.Get('on') }} Facebook</a>
                                                </li>
{% endif %}
<li class="rss">
                                                <a href="{{ Blog.RssUrl }}">via RSS</a>
                                            </li>
</ul>
</div>
</div>
{% endif %}
                            {% if Custom('display_widget_subscribe') %}
                                <div class="widget subscribe">
                                    <header>
                                        <p class="widget-title">
{{ Lang.Get('Subscribe') }}</p>
</header>
                                    <div class="entry">
                                        <p>
{{ Lang.Get('Subscribe to be notified about future posts.') }}</p>
{% email_notification %}
                                    </div>
</div>
{% endif %}

{% if Custom('display_widget_pages') and Blog.Pages is not empty %}
                                <div class="widget pages">
                                    <header>
                                        <p class="widget-title">
{{ Lang.Get('Pages') }}</p>
</header>
                                    <div class="entry">
                                        <ul id="archivelist" class="archivelist">
                                            {% list Blog.Pages %}
<li>
                                                    <a href="{{ Page.Url }}">{{ Page.Title|title }}</a>
                                                </li>
{% endlist %}
                                        </ul>
</div>
</div>
{% endif %}

{% if Custom('display_widget_tags') and Blog.PostsTags is not empty %}
                                <div class="widget tags">
                                    <header>
                                        <p class="widget-title">
{{ Lang.Get('Tags') }}</p>
</header>
                                    <div class="entry">
                                        <ul>
                                            {% list Blog.PostsTags(25) %}
<li>
                                                    <a itemprop="keywords" href="{{ PostsTag.Url }}">#{{ PostsTag.Title }}</a> <span class="number">{{ PostsTag.PostCount }}</span>
                                                </li>
{% endlist %}
                                        </ul>
</div>
</div>
{% endif %}

{% if Custom('display_widget_archives') and Blog.Archives is not empty %}
                                <div class="widget archives">
                                    <header>
                                        <p class="widget-title">
{{ Lang.Get('Archives') }}</p>
</header>
                                    <div class="entry">
                                        <ul id="archivelist" class="archivelist">
                                            {% list Blog.Archives %}
<li>
                                                    <a href="#" class="plustext" onclick="javascript:switch_arch('{{ Archive.Year }}')">{{ Archive.Year }}</a>
                                                    <ul id="arch_{{ Archive.Year }}" class="arch_month">
                                                        {% list Archive.Months%}
                                                            {% if Month.PostCount > 0 %}
<li>
                                                                    <a href="{{ Month.Url }}">{{ Lang.Get(Month.Name) }}</a> <span>{{ Month.PostCount }}</span>
                                                                </li>
{% endif %}
                                                        {% endlist %}
                                                    </ul>
</li>
{% endlist %}
                                        </ul>
</div>
</div>
{% endif %}

{% if Custom('display_widget_last_posts') and Blog.Posts is not empty %}
                                <div class="widget last-posts">
                                    <header>
                                        <p class="widget-title">
{{ Lang.Get('last posts') }}</p>
</header>
                                    <div class="entry clearfix">
                                        <ul class="clearfix">
                                            {% list Blog.Posts(6) %}
                                                {% if Post.Cover is not empty or Custom('default_post_cover') is not empty %}
<li>
                                                        <a href="{{ Post.Permalink }}" title="{{ Post.Snippet }}">
                                                            <img src="{% if Post.Cover is not empty %}{{ Post.Cover|resize(137)|crop }}{% else %}{{ Custom('default_post_cover')|resize(137)|crop }}{% endif %}" alt="" />
                                                        </a>
                                                        <p class="caption">
<a href="{{ Post.Permalink }}" title="{{ Post.Snippet }}">
                                                            {% if Post.Title is not empty %}
                                                                {{ Post.Title|truncate(35, false, '...') }}
                                                            {% else %}
                                                                {{ Lang.Get('Published from') }} {{ Lang.Get(Post.getFirstSource) }}
                                                            {% endif %}
                                                            </a>
                                                        </p>
</li>
{% else %}
<li class="text-li">
                                                        <a href="{{ Post.Permalink }}" title="{{ Post.Snippet }}">
                                                            {% if Post.Title is not empty %}
                                                                {{ Post.Title|truncate(75) }}
                                                            {% else %}
                                                                {{ Lang.Get('Published from') }}
                                                                {% list Post.Sources %}
                                                                    {{ Lang.Get(Source) }} {% if not loop.last %}{{ Lang.Get('and') }} {% endif %}
                                                                {% endlist %}
                                                            {% endif %}
                                                        </a>
                                                    </li>
{% endif %}
                                            {% endlist %}
                                        </ul>
</div>
</div>
{% endif %}

{% if Custom('display_widget_blogroll') and Custom('blogroll_url1') is not empty or Custom('blogroll_url2') is not empty or Custom('blogroll_url3') is not empty or Custom('blogroll_url4') is not empty or Custom('blogroll_url5') is not empty or Custom('blogroll_url6') is not empty or Custom('blogroll_url7') is not empty or Custom('blogroll_url8') is not empty or Custom('blogroll_url9') is not empty or Custom('blogroll_url10') is not empty %}
                                <div class="widget blogroll">
                                    <header>
                                        <p class="widget-title">
{{ Lang.Get('Blogroll') }}</p>
</header>
                                    <div class="entry clearfix">
                                        <ul class="list">
                                            {% if Custom('blogroll_url1') is not empty %}
<li>
                                                    <a href="{{ Custom('blogroll_url1') }}" target="_blank">
                                                        {% if Custom('blogroll_name1') is not empty %}
                                                            {{ Custom('blogroll_name1') }}
                                                        {% else %}
                                                            {{ Custom('blogroll_url1') }}
                                                        {% endif %}
                                                    </a>
                                                </li>
{% endif %}
                                            {% if Custom('blogroll_url2') is not empty %}
<li>
                                                    <a href="{{ Custom('blogroll_url2') }}" target="_blank">
                                                        {% if Custom('blogroll_name2') is not empty %}
                                                            {{ Custom('blogroll_name2') }}
                                                        {% else %}
                                                            {{ Custom('blogroll_url2') }}
                                                        {% endif %}
                                                    </a>
                                                </li>
{% endif %}
                                            {% if Custom('blogroll_url3') is not empty %}
<li>
                                                    <a href="{{ Custom('blogroll_url3') }}" target="_blank">
                                                        {% if Custom('blogroll_name3') is not empty %}
                                                            {{ Custom('blogroll_name3') }}
                                                        {% else %}
                                                            {{ Custom('blogroll_url3') }}
                                                        {% endif %}
                                                    </a>
                                                </li>
{% endif %}
                                            {% if Custom('blogroll_url4') is not empty %}
<li>
                                                    <a href="{{ Custom('blogroll_url4') }}" target="_blank">
                                                        {% if Custom('blogroll_name4') is not empty %}
                                                            {{ Custom('blogroll_name4') }}
                                                        {% else %}
                                                            {{ Custom('blogroll_url4') }}
                                                        {% endif %}
                                                    </a>
                                                </li>
{% endif %}
                                            {% if Custom('blogroll_url5') is not empty %}
<li>
                                                    <a href="{{ Custom('blogroll_url5') }}" target="_blank">
                                                        {% if Custom('blogroll_name5') is not empty %}
                                                            {{ Custom('blogroll_name5') }}
                                                        {% else %}
                                                            {{ Custom('blogroll_url5') }}
                                                        {% endif %}
                                                    </a>
                                                </li>
{% endif %}
                                            {% if Custom('blogroll_url6') is not empty %}
<li>
                                                    <a href="{{ Custom('blogroll_url6') }}" target="_blank">
                                                        {% if Custom('blogroll_name6') is not empty %}
                                                            {{ Custom('blogroll_name6') }}
                                                        {% else %}
                                                            {{ Custom('blogroll_url6') }}
                                                        {% endif %}
                                                    </a>
                                                </li>
{% endif %}
                                            {% if Custom('blogroll_url7') is not empty %}
<li>
                                                    <a href="{{ Custom('blogroll_url7') }}" target="_blank">
                                                        {% if Custom('blogroll_name7') is not empty %}
                                                            {{ Custom('blogroll_name7') }}
                                                        {% else %}
                                                            {{ Custom('blogroll_url7') }}
                                                        {% endif %}
                                                    </a>
                                                </li>
{% endif %}
                                            {% if Custom('blogroll_url8') is not empty %}
<li>
                                                    <a href="{{ Custom('blogroll_url8') }}" target="_blank">
                                                        {% if Custom('blogroll_name8') is not empty %}
                                                            {{ Custom('blogroll_name8') }}
                                                        {% else %}
                                                            {{ Custom('blogroll_url8') }}
                                                        {% endif %}
                                                    </a>
                                                </li>
{% endif %}
                                            {% if Custom('blogroll_url9') is not empty %}
<li>
                                                    <a href="{{ Custom('blogroll_url9') }}" target="_blank">
                                                        {% if Custom('blogroll_name9') is not empty %}
                                                            {{ Custom('blogroll_name9') }}
                                                        {% else %}
                                                            {{ Custom('blogroll_url9') }}
                                                        {% endif %}
                                                    </a>
                                                </li>
{% endif %}
                                            {% if Custom('blogroll_url10') is not empty %}
<li>
                                                    <a href="{{ Custom('blogroll_url10') }}" target="_blank">
                                                        {% if Custom('blogroll_name10') is not empty %}
                                                            {{ Custom('blogroll_name10') }}
                                                        {% else %}
                                                            {{ Custom('blogroll_url10') }}
                                                        {% endif %}
                                                    </a>
                                                </li>
{% endif %}
                                        </ul>
</div>
</div>
{% endif %}

{% if Custom('display_widget_free_html_2') %}
                                {% if Custom('free_title_2') or Custom('free_html_2') %}
                                    <div class="widget freeModule">
                                        <header>
                                            <p class="widget-title">
{{ Custom('free_title_2') }}</p>
</header>
                                        <div class="entry">
                                            <div>
{{ Custom('free_html_2') }}</div>
</div>
</div>
{% endif %}
                            {% endif %}
                        </aside>
                        {% if not isSingle and not isSpecial and Blog.isAdEnabled %}
                            <div class="ads ads-bottom">
                                <div class="ads-300x250">
                                    {% ad(1) %}
                                </div>
<div class="ads-300x250">
                                    {% ad(1) %}
                                </div>
</div>
{% endif %}
                    </div>
</div>
</div>

            <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
            <script src="//assets.over-blog.com/t/catalog/jquery/masonry/2.1.08/jquery.masonry.min.js"></script>
            <script src="//assets.over-blog.com/t/catalog/jquery/fancybox/2.5/source/jquery.fancybox.pack.js"></script>

// Disqus comments
                    var disqus_shortname = '{{ Custom('comment_disqus') }}';
                    (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);
                    })();
                {% endif %}

{% if isSingle %}
                    // Twitter share + tweets
                    !function(d,s,id){
                        var js, fjs = d.getElementsByTagName(s)[0];
                        if(!d.getElementById(id)){
                            js = d.createElement(s);
                            js.id = id;
                            js.src = "//platform.twitter.com/widgets.js";
                            fjs.parentNode.insertBefore(js,fjs);
                        }
                    }(document,"script","twitter-wjs");
                {% endif %}

// Facebook comments + share
                (function(d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (d.getElementById(id)) return;
                        js = d.createElement(s);
                        js.id = id;
                        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId={{ Custom('facebook_appid')|default('284865384904712')}}";
                        fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));

{% if Custom('display_widget_archives') %}
                    function switch_arch(year) {
                        'use strict';
                        var archiveYear, archiveMonths, displayStyle;
                        displayStyle = '';
                        archiveYear = document.getElementById('arch_' + year);
                        if (typeof (archiveYear) !== 'undefined') {
                            if (archiveYear.style.display !== 'none') {
                                // Hide years without months
                                archiveMonths = archiveYear.getElementsByTagName('li');
                                if (!archiveMonths.length) {
                                    archiveYear.parentNode.style.display = 'none';
                                }
                                // Onclick management
                                displayStyle = 'none';
                            }
                            archiveYear.style.display = displayStyle;
                        }
                        return false;
                    }

$(document).ready(function(){
                        $('.plustext').click(function() {
                            return false;
                        });
                    });

{% list Blog.Archives %}
                        {% if Archive.Year != "now"|date("Y") %}
                            switch_arch('{{ Archive.Year }}');
                        {% endif %}
                    {% endlist %}
                {% endif %}

// Google + button
                window.___gcfg = {lang: '{{ Blog.Lang }}'};

(function() {
                    var po = document.createElement('script');
                        po.type = 'text/javascript';
                        po.async = true;
                        po.src = '//apis.google.com/js/plusone.js';
                    var s = document.getElementsByTagName('script')[0];
                        s.parentNode.insertBefore(po, s);
                })();

// FancyBox
                $(".ob-section-images a, .ob-link-img, .asset-img-link").attr("rel", "fancybox");
                $("a[rel='fancybox']").fancybox({
                    'overlayShow'    : true,
                    'overlayColor'  : '#000',
                    'transitionIn'    : 'elastic',
                    'transitionOut'    : 'elastic',
                    'type'            : 'image'
                });

// Twitter controls
                var TwitterControls = function (elements){
                    $(elements).find(".ob-tweet").each(function(){
                        var $datatwitter = $(this).find("a[data-twitter]").attr("data-twitter");

$(this).parent().parent().find(".tweet-reply").attr("href", "//twitter.com/intent/tweet?in_reply_to=" + $datatwitter);
                        $(this).parent().parent().find(".tweet-retweet").attr("href", "//twitter.com/intent/retweet?tweet_id=" + $datatwitter);
                        $(this).parent().parent().find(".tweet-favorite").attr("href", "//twitter.com/intent/favorite?tweet_id=" + $datatwitter);
                    });
                }

// Social popup
                var SocialPopup = function() {
                    $(".tweet-reply, .tweet-retweet, .tweet-favorite, .share a").click(function() {
                        var $popup = window.open($(this).prop("href"), '',"width=650, height=325, scrollbars=0, left=" +((screen.width - 650)/2) + ", top=" + ((screen.height - 325)/2) );
                        if (window.focus){
                            $popup.focus();
                        }
                        return false;
                    });
                }

if($.browser.msie && $.browser.version <= 8.0 ){
                    $('input[placeholder]').each(function(){
                        var input = $(this);
                        $(input).val(input.attr('placeholder'));
                        $(input).focus(function(){
                             if (input.val() == input.attr('placeholder')) {
                                 input.val('');
                             }
                        });
                        $(input).blur(function(){
                            if (input.val() == '' || input.val() == input.attr('placeholder')) {
                                input.val(input.attr('placeholder'));
                            }
                        });
                    });
                }

{% if not isSingle and not isSpecial %}
                    $(document).ready(function(){
                        // Masonry
                        var $container;
                        $container = $(".main .content");

$container.imagesLoaded(function(){
                            $container.masonry({
                                itemSelector : ".item",
                                columnWidth : 225,
                                isAnimated: true,
                                isAnimatedFromBottom: true
                            });
                        });

TwitterControls($(".item"));

SocialPopup();
                    });
                {% endif %}

{% if Custom('google_analytics') is not empty %}
                    // Google Analytics
                    window.google_analytics_uacct = '{{Custom('google_analytics')}}';
                    var _gaq = _gaq || [];
                        _gaq.push(['_setAccount', '{{Custom('google_analytics')}}']);
                        _gaq.push(['_trackPageview']);
                        _gaq.push(['_trackPageLoadTime']);

(function() {
                        var ga = document.createElement('script');
                            ga.type = 'text/javascript';
                            ga.async = true;
                            ga.src = ('https:' == document.location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js';
                        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
                    })();
                {% endif %}
            </script>
        </body>
    </html>

lundi 21 novembre 2016

Floating posts