Supprimer la publicité sur overblog: Timeline

Timeline

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

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

<meta name="list:theme_style:label.appearance" items="Light blue, Light green, Light red, Dark blue, Dark green, Dark red" default="Dark blue" group="graphical" />
        <meta name="fontlist:font_title:label.titlesFont" items="Abril Fatface, Amaranth, Arial, Arvo, Georgia, Helvetica, Maven Pro, Patrick Hand SC, Radley, Righteous, Roboto Slab, Sacramento, Trebuchet MS" default="Arial" group="graphical" />
        <meta name="image:background_image:label.backgroundImage" group="graphical" />

{% favicon %}

{% 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 : Arial #}
        {% endif %}

<link rel="stylesheet" type="text/css" href="//assets.over-blog.com/t/catalog/jquery/fancybox/2.5/source/jquery.fancybox.css" media="screen" />

<style type="text/css">
            /*----- Reset -----*/
            body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,textarea,blockquote,th,td{ margin:0; padding:0;}
            table{ border-collapse:collapse; border-spacing:0;}
            fieldset,img{ border:0;}
            address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
            ol,ul{ list-style:none;}
            caption,th{ text-align:left;}
            h1,h2,h3,h4,h5,h6, .blog-title { font-size:100%; font-weight:normal;}
            q:before,q:after{ content:'';}
            abbr,acronym{ border:0;}

/*----- Intro -----*/
            body {
                {% if Custom('background_image') is not empty %}
                    background: url({{ Custom('background_image') }}) center top no-repeat;
                {% endif %}
                {% if Custom('background_image') is not empty %}
                    background-attachment: fixed;
                    -webkit-background-size: cover;
                       -moz-background-size: cover;
                        -ms-background-size: cover;
                         -o-background-size: cover;
                            background-size: cover;
                {% endif %}
                color: #000;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 13px;
                line-height: 1.3;
                min-width: 1024px;
            }

textarea{ resize:none;}
            a:link, a:visited, a:hover, a:active { outline:none }
            a{cursor:pointer;outline:none;position:relative;text-decoration:none;font-weight:bold;}
            ::-moz-focus-inner{ border:0; }

.wrap {margin: 0 auto; position: relative; width: 980px;}
            .cl,.cr,.cb{ display:block !important; float:none !important; height:0 !important; width:0 !important;}
            .cl{ clear:left;}
            .cr{ clear:right;}
            .cb{ clear:both;}
            .bold {font-weight:bold;}
            .blue {color: #4c7999;}
            ::selection {color: white;  background: #00a2ff;}
            ::-moz-selection {color: white;  background: #00a2ff;}
            ::-webkit-selection {color: white;  background: #00a2ff;}
            @font-face {
                font-family: 'Conv_Gotham-Black_0';
                src: url('//assets.over-blog.com/t/timeline/fonts/Gotham-Black_0.eot');
                src: local('?'), url('//assets.over-blog.com/t/timeline/fonts/Gotham-Black_0.woff') format('woff'),
                                 url('//assets.over-blog.com/t/timeline/fonts/Gotham-Black_0.ttf') format('truetype'),
                                 url('//assets.over-blog.com/t/timeline/fonts/Gotham-Black_0.svg') format('svg');
                font-weight: normal;a
                font-style: normal;
            }

{% if Custom('font_title') is not empty and Custom('font_title') != 'Arial' %}
                h1, h2{
                    font-family: {{ Custom('font_title') }}, Arial, sans-serif;
                }
            {% endif %}

.clear{
                clear: both;
            }

/* clearfix */
            .clearfix:before, .clearfix:after{
                content: "";
                display: table;
            }
            .clearfix:after{
                clear: both;
            }

/*----- HEADER  -----*/
            .top {background: url("//assets.over-blog.com/t/timeline/images/header.png") repeat; height: 60px; line-height: 60px;}
            .top .logo {float: left; width: 630px; height: 60px; overflow: hidden;}
            .top .logo a {color: #FFF;}
            .top a,
            .top a:visited {color: #FFF; float: left; font-family: 'Conv_Gotham-Black_0', Arial, sans-serif; font-size: 16px; color: #fff; margin-right: 5px; text-shadow: 0px 1px 1px #000;}
            .top p {float: left; font-size: 13px; font-style: italic; color: #a3a3a3; letter-spacing: -0.5px; text-shadow: 0px 1px 0px #000;}

/*----- NAV DATE -----*/
            .menu {height: 41px; line-height: 38px;}
            .menu a {display: block; font-weight: bold;}
            .menu ul {margin: 0 auto; width: 940px; text-align: center;}
            .menu li {color: #969696; display: inline-block; margin: 0 13px;}
            .menu li.last {margin-right: 0;}
            .menu .active a {border-bottom: 2px solid #4b9fd3;}
            .menu li a:hover{border-bottom: 2px solid #e2eaef;}

.menu li{display: inline-block; position: relative;}

.menu .children{
                background: {% if Custom('theme_style') == 'Dark'|default('Dark') %}#121212{% else %}#f9fbf8{% endif %};

{% if Custom('theme_style') == 'Dark'|default('Dark') %}
                    border-bottom: 1px solid #2d2d2d;
                {% else %}
                    border: 1px solid #e2e9ef;
                {% endif %};

border-radius: 8px;
                left: 50%;
                margin-left: -75px;
                opacity: 0;
                padding: 0 10px;
                position: absolute;
                text-align: center;
                -webkit-transition: all 0.3s ease 0s;
                        transition: all 0.3s ease 0s;
                top: 42px;
                visibility: hidden;
                width: 130px;
                z-index: 1000;
            }
            .menu .children li{
                border-bottom: 1px solid {% if Custom('theme_style') == 'Dark'|default('Dark') %}#222{% else %}#BBB{% endif %};
                display: block;
                line-height: 1.5em;
                margin: 2px 0;
                padding: 10px 0;
            }
            .menu .active .children a,
            .menu .children li a:hover{
                border: none;
            }
            .menu .children li:last-child {
                border: none;
            }
            .menu .children li a {
                color: {% if Custom('theme_style') == 'Dark'|default('Dark') %}#888{% else %}#555{% endif %};
                display: block;
                -webkit-hyphens: auto;
                -moz-hyphens: auto;
                -ms-hyphens: auto;
                -o-hyphens: auto;
                hyphens: auto;
                word-wrap: break-word;
            }
            .menu .children li a:hover{
                color: {% if Custom('theme_style') == 'Dark'|default('Dark') %}#FFF{% else %}#000{% endif %};
            }
            .menu li:hover .children{
                opacity: 1;
                visibility: visible;
            }

/*----- CONTENT -----*/
            .header, .container {margin: 0 auto; width: 980px;}
            .container {padding-bottom: 20px;}
            .avatar,
            .informations .title{
                display: inline-block;
                vertical-align: middle;
            }
            {% if Blog.Avatar is not empty %}
                .informations .title{
                    max-width: 820px;
                }
            {% endif %}
            .avatar{
                margin-right:15px;
            }
            .informations {padding: 20px;}
            .informations .blog-title {font-size: 36px;}
            .informations h2 {
                font-size: 24px;
                margin-top:15px;
            }
            .informations p {font-size: 18px;}
            .informations a {
                {% if Custom('theme_style') == 'Dark' or Custom('theme_style') is empty %}
                    color: #fff;
                {% else %}
                    color: #000;
                {% endif %}
                font-weight: bold;
            }
            .informations a:hover {
                opacity: .8;
            }
            .headblock{
                margin: 20px;
            }
            .social {
                float: left;
                overflow: hidden;
            }
            .social li{
                float: left;
                margin-right: 10px;
            }
            .search {
                float: right;
                width: 350px;
            }
            .search input[type="text"] {
                background: url("//assets.over-blog.com/t/timeline/images/search_layout.png") no-repeat;
                height: 24px;
                border: none;
                width: 328px;
                color: #FFF;
                outline: none;
                padding: 5px 10px;
            }
            .search input[type="text"]:focus {
                background-position: 0 -35px;
                color: #000;
            }

{% if Custom('theme_style') == 'Light' %}
            .search input[type="text"] {
                background-position: 0 -35px;
                color: #000;
            }
            {% endif %}

.back {text-align: center;}

.items.left {float:left;}
            .items.right {float:right;}

.items .ob-section-html iframe,
            .items .ob-section-html object,
            .items .ob-section-html embed {max-height: 310px; max-width: 100%;}

/* Item */
            .item {width: 428px;margin:20px 20px 0;background-color:#ffffff;border:solid 1px #cfdce3;border-radius: 4px;word-wrap:break-word;padding: 20px;box-shadow: inset 0px -2px 1px #f2f2f2; position: relative;}
            .item .title{border-bottom: 1px solid #e7edf1; padding-bottom: 10px; margin-bottom: 20px; min-height: 30px;}

.left .item{
                margin-left: 0;
                width: 428px;
            }

.right .item{
                margin-right: 0;
                width: 428px;
            }

.item .title .post-title,
            .item .title .post-title a,
            .item .comments h2,
            .special h3 {color: #000; font-weight: bold; font-size: 22px; margin-bottom: 10px;}
            .special .ob-terms{margin-bottom: 20px;}

.item .title .post-title a:hover {color: #4e4e4e;}
            .item .title p.infos {color: #606060; font-size: 12px;}
            .item .comments {margin-top: 20px;}
            .item .comments h6 {font-size: 15px; font-weight: bold; margin-bottom: 15px;}

/* Social Icon */
            .item .title .icon{
                background: url('//assets.over-blog.com/t/catalog/images/social/social-34.png') no-repeat top left;
                display:block;
                float: right;
                height: 34px;
                width: 34px;
            }
            .item.OB  .title .icon{
                background-position: 0 0;
            }
            .item.FB .title .icon,
            .item.FP .title .icon{
                background-position: 0 -68px;
            }
            .item.TW .title .icon{
                background-position: 0 -136px;
            }
            .item.FS .title .icon{
                background-position: 0 -204px;
            }
            .item.IG .title .icon{
                background-position: 0 -272px;
            }
            .item.YT .title .icon{
                background-position: 0 -340px;
            }
            .item.FL .title .icon{
                background-position: 0 -408px;
            }
            .item.TR .title .icon{
                background-position: 0 -476px;
            }
            .item.RS .title .icon{
                background-position: 0 -544px;
            }
            .item.PT .title .icon{
                background-position: 0 -612px;
            }
            .item.GP .title .icon{
                background-position: 0 -680px;
            }
            .item.LI .title .icon{
                background-position: 0 -748px;
            }

.item .read-more {color: #000; background: url("//assets.over-blog.com/t/timeline/images/picto-originalpost.png") 0 0 no-repeat; padding-left: 15px; position: absolute; right: 20px;}
            .item .read-more:hover {color: #4e4e4e;}

/* Social Share */
            .item .footer { margin-top: 25px; position: relative;}

.item .share .button {background: #FFF url("//data.over-blog-kiwi.com/0/19/10/50/201212/ob_affac08056020ba0f8958205b031c5ca_share-buttons.png") no-repeat; border: 1px solid #CCC; border-radius: 4px; color: #333; display: inline-block; line-height: 18px; margin: 0 8px; font-size: 11px; padding: 2px 6px 2px 25px;}
            .item .share a.googleplus-one {background-position: 5px 4px;}
            .item .share a.twitter-share {background-position: 5px -23px;}
            .item .share a.facebook-like {background-position: 5px -50px;}
            .item .share .overblog-repost {background-position: 5px -76px}

.share div.googleplus-one,
            .share div.twitter-share,
            .share div.facebook-like,
            .share .ob-repost-btn {display: inline-block; line-height: 15px; vertical-align: middle;height: 20px;}
            .share div.googleplus-one {margin: 0 8px 0 0; width: 70px;}
            .share div.twitter-share {margin-right: 18px; width: 85px;}
            .share div.facebook-like {margin-right: 8px; width: 85px;}
            .single div.facebook-like {vertical-align: middle;}
            .single .ob-repost-btn {display: inline-block; margin-left: 10px;}

/* Enhance images */
            .yui3-slideshow {height: 460px;}
            .item .ob-section-text img {margin-bottom: 20px;}
            .item .ob-row-1-col img {width: 100%;}
            .item .ob-row-2-col img {width: 50%;}
            .item .ob-row-3-col img {width: 33.33%;}
            .item .ob-video iframe {max-width: 650px;}
            .item .ob-video embed,
            .item .ob-video object{max-width: 100%;}

.item ol li {list-style:decimal; list-style-position: outside; margin-left: 30px;}
            .item ul li {list-style:disc; list-style-position: outside; margin-left: 30px;}
            .item pre {border-left: 3px solid #e7edf1; margin: 10px auto 15px; padding-left: 4px;}

.item .post {overflow: hidden; color: #000;}
            .item .ob-section p {margin-bottom: 10px;}
            .item .post.link p {margin-bottom: 10px;}
            .item .post.link a{font-size: 18px; background: url("//assets.over-blog.com/t/timeline/images/picto-originalpost.png") 0 4px no-repeat; padding-left: 15px; margin-left: 20px;}

.ob-repost {border: 1px solid #DDD; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight: bold; padding: 0.5em 0.8em; text-align: center;}
            .ob-repost p {margin: 0;}
            .ob-repost .ob-link {text-decoration: underline;}

/* Sections */
            .ob-section-text {margin-top: 10px; margin-bottom: 10px;}
            .ob-section-text h3,
            .ob-section-html h3,
            .ob-section-text h4,
            .ob-section-html h4,
            .ob-section-text h5,
            .ob-section-html h5 {margin: 15px 0 5px;}
            .ob-section-text h3,
            .ob-section-html h3 {font-size: 18px;}
            .ob-section-text h4,
            .ob-section-html h4 {font-size: 16px;}
            .ob-section-text h5,
            .ob-section-html h5 {font-size: 14px; font-weight: bold;}
            .ob-section-text ul,
            .ob-section-html ul {margin-bottom: 10px;}
            .ob-section-text li:last-child,
            .ob-section-html li:last-child {margin-bottom: 15px;}
            .ob-section-text li p,
            .ob-section-html li p {margin-bottom: 5px !important;}
            .ob-section-images img {max-width: 640px;}
            .ob-section-map .ob-map{width: 600px;height: 400px;}
            .ob-section-map .ob-desc {width: 100%;}

/* hack for slideshow */
            .wrapper-timeline .ob-layout900,
            .wrapper-timeline .ob-layout900 .ob-slider-directionNav {width: 408px!important; height: 306px!important;}

.wrapper-timeline{
                background-position: center 0;
                background-repeat: repeat-y;
            }

.wrapper-timeline .item .post img.ob-img {width: 408px;}
            .wrapper-timeline .item .post .ob-tweet img.ob-img {width: 32px;}
            .wrapper-timeline .item .post.video {height: 233px; margin: 0 auto; width: 400px;}
            .wrapper-timeline .item .post.photo {margin: 0 auto; width: 400px;}
            .wrapper-timeline .item .post.photo  img{margin: 0 auto; width: 400px;}
            .wrapper-timeline .ob-section-images img {width: 408px;float:none;}
            .wrapper-timeline .ob-section-video,
            .wrapper-timeline .ob-section-video iframe{max-width: 408px;}
            .wrapper-timeline .ob-section-images .ob-desc,
            .wrapper-timeline .ob-section object {width: 408px;}
            .wrapper-timeline .ob-section-video iframe {border: 0;}
            .wrapper-timeline .ob-section object  {width: 408px; height:306px;}
            .wrapper-timeline .ob-section-map .ob-map{width: 408px; height: 200px;}
            .wrapper-timeline {position: relative; padding-bottom: 50px;}

/* hack for single post */
            .single .item {width: 640px; margin-left: auto; margin-right: auto; float: none;}
            .single .item .footer {width: 616px;}
            .single .item .ob-slideshow,
            .single .item .ob-slideshow .ob-img {width: 640px;}
            .single .ob-section {width: 100%; margin-left: 0;}
            .single .ob-section {clear: both;}
            .single .ob-section-map .ob-map{width: 650px;height: 400px;}

/* Nav */
            .item .nav-post {overflow: hidden; margin: 20px 0; width: 100%;}
            .item .nav-post a {display: block; max-width: 44%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
            .item .nav-post .prev {float: left;}
            .item .nav-post .prev:before {content: "‹"; font-weight: bold; margin-right: 5px;}
            .item .nav-post .next {float: right;}
            .item .nav-post span {color: #4B9FD3; float: right; font-weight: bold; margin-left: 5px;}
            .item .nav-post:hover span {color: #6594B5;}

/* Date */
            .corner{
                height: 18px;
                position: absolute;
                width: 30px;
            }
            .right .corner{
                left: -30px;
            }
            .left .corner{
                right: -30px;
            }

/* twitter box */
            .ob-section .twitter-tweet-rendered {max-width: 100% !important;}
            .ob-section .twt-border {max-width: 100% !important;}

/* Contact page */
            .ob-form {margin: 0 0 100px 80px;}
            .ob-label {width: 20%;}
            .ob-captcha .ob-input-text{
                margin-left: 20%;
            }
            .ob-input-text,.ob-input-email,.ob-input-textarea {background-color: #DDD;border: 1px solid #BBB;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;outline: none;padding: 7px 5px; }
            .ob-input-text:focus,.ob-input-email:focus,.ob-input-textarea:focus {background-color: #F8F8F8;}
            .ob-input-submit, .ob-error {margin-left: 20%;}
            .ob-input-submit {background: #232323;border-radius: 4px;border: 1px solid #BBB;color: #FFF;cursor: pointer;font-size: 12px;padding: 8px 17px;}
            .ob-input-submit:active {background: #CCC;}
            .ob-form + a {display: block;font-size: 13px;font-weight: normal;text-align: center;}

/* Ads */
            .ads-728x90{
                height: 90px;
                width: 728px;
            }
            .ads-468x60{
                height: 60px;
                width: 468px;
            }
            .ads-160x600{
                height: 600px;
                width: 160px;
            }
            .ads img{
                margin: 0 auto;
            }
            .ads-ctn{
                background-color: #ffffff;
                border: solid 1px #cfdce3;
                border-radius: 4px;
                box-shadow: inset 0px -2px 1px #f2f2f2;
                margin: 20px auto 0;
                padding: 10px;
            }
            .single .ads-ctn{
                margin: 20px 20px 0;
            }
            .items .ads-468x60{
                margin: 20px 0 0 20px;
            }
            .ads-600x250{
                height: 250px;
                margin-top: 20px;
            }
            .ads-300x250{
                height: 250px;
                width: 300px;
            }
            .ads-600x250 .ads-300x250{
                float: left;
            }
            .ads-600x250 .ads-300x250+.ads-300x250{
                margin-left: 40px;
            }

{% if Blog.isAdEnabled %}
                /* add this only if skyscraper is displayed */
                .single .item{
                    float: left;
                }
                .single .ads-160x600{
                    float: right;
                }
            {% endif %}

/* Top articles */
            .ob-top-posts h2{
                font-size: 24px;
                font-weight: bold;
                margin-bottom: 20px;
            }
            .ob-top-posts .ob-top-article{
                list-style: none;
                margin-left: 0;
            }
            .ob-top-article{
                margin-bottom: 20px;
            }
            .ob-top-article h3 a{
                color: #000;
            }

/* Hack IE */
            .ob-section-link .ob-url {height:16px\9;overflow:hidden\9;}

{% if Custom('theme_style') == 'Light green' %}
                /* light green */
                {% if Custom('background_image') is empty %}
                    body{
                        background: url("//assets.over-blog.com/t/timeline/images/bg.jpg");
                    }
                {% endif %}
                .wrapper-timeline{
                    background-image: url("//assets.over-blog.com/t/timeline/images/line.png");
                }
                .menu{
                    background-image: url("//assets.over-blog.com/t/timeline/images/date.png");
                }
                a,
                .menu .active a{
                    color: #228b22;
                }
                a:hover{
                    color: #31C931;
                }
                .menu .active a {
                    border-bottom-color: #228b22;
                }
                .search input[type="text"]{
                    background-position: 0 -35px;
                    color: #000;
                }
                .item{
                    border-color: #cfdce3;
                }
            {% elseif Custom('theme_style') == 'Light red' %}
                /* light red */
                {% if Custom('background_image') is empty %}
                    body{
                        background: url("//assets.over-blog.com/t/timeline/images/bg.jpg");
                    }
                {% endif %}
                .wrapper-timeline{
                    background-image: url("//assets.over-blog.com/t/timeline/images/line.png");
                }
                .menu{
                    background-image: url("//assets.over-blog.com/t/timeline/images/date.png");
                }
                a,
                .menu .active a{
                    color: #b22222;
                }
                a:hover{
                    color: #DC4747;
                }
                .menu .active a {
                    border-bottom-color: #b22222;
                }
                .search input[type="text"]{
                    background-position: 0 -35px;
                    color: #000;
                }
                .item{
                    border-color: #cfdce3;
                }
            {% elseif Custom('theme_style') == 'Light blue' %}
                /* light blue */
                {% if Custom('background_image') is empty %}
                    body{
                        background: url("//assets.over-blog.com/t/timeline/images/bg.jpg");
                    }
                {% endif %}
                .wrapper-timeline{
                    background-image: url("//assets.over-blog.com/t/timeline/images/line.png");
                }
                .menu{
                    background-image: url("//assets.over-blog.com/t/timeline/images/date.png");
                }
                a,
                .menu .active a{
                    color: #4c7999;
                }
                a:hover{
                    color: #6594b5;
                }
                .search input[type="text"]{
                    background-position: 0 -35px;
                    color: #000;
                }
                .item{
                    border-color: #cfdce3;
                }
            {% elseif Custom('theme_style') == 'Dark green' %}
                /* dark green */
                {% if Custom('background_image') is empty %}
                    body{
                        background: #1f1c1e url("//assets.over-blog.com/t/timeline/images/bg-black.png");
                    }
                {% endif %}
                .wrapper-timeline{
                    background-image: url("//assets.over-blog.com/t/timeline/images/line-black.png");
                }
                .menu{
                    background-image: url("//assets.over-blog.com/t/timeline/images/date-black.png");
                }
                a,
                .item .nav-post span{
                    color: #228b22;
                }
                .menu .active a {
                    border-bottom-color: #228b22;
                }
                .header,
                .informations a,
                .menu a,
                .menu .active a{
                    color: #fff;
                }
                .item{
                    border:solid 1px #1d1d1d;
                }
            {% elseif Custom('theme_style') == 'Dark red' %}
                /* dark green */
                {% if Custom('background_image') is empty %}
                    body{
                        background: #1f1c1e url("//assets.over-blog.com/t/timeline/images/bg-black.png");
                    }
                {% endif %}
                .wrapper-timeline{
                    background-image: url("//assets.over-blog.com/t/timeline/images/line-black.png");
                }
                .menu{
                    background-image: url("//assets.over-blog.com/t/timeline/images/date-black.png");
                }
                a,
                .item .nav-post span{
                    color: #b22222;
                }
                .menu .active a {
                    border-bottom-color: #b22222;
                }
                .header,
                .informations a,
                .menu a,
                .menu .active a{
                    color: #fff;
                }
                .item{
                    border:solid 1px #1d1d1d;
                }
            {% else %}
                /* Défaut : dark blue */
                {% if Custom('background_image') is empty %}
                    body{
                        background: #1f1c1e url("//assets.over-blog.com/t/timeline/images/bg-black.png");
                    }
                {% endif %}
                .wrapper-timeline{
                    background-image: url("//assets.over-blog.com/t/timeline/images/line-black.png");
                }
                .menu{
                    background-image: url("//assets.over-blog.com/t/timeline/images/date-black.png");
                }
                a{
                    color: #4b9fd3;
                }
                .header,
                .informations a,
                .menu a,
                .menu .active a{
                    color: #fff;
                }
                .item{
                    border:solid 1px #1d1d1d;
                }
            {% endif %}

/* temporary fix, to be removed after OB.restart restarts maps */
            .ob-section-map .ob-map{
                cursor: auto;
            }

.ob-Outbrain, .ob-Related { margin: 20px 0; }
            .ob-Outbrain h3, .ob-Related h3 { margin-bottom: 10px; }

/* Pagination */
            .ob-pagination {
                text-align: center;
                margin-bottom: 20px;
            }

.ob-page {
                    display: inline-block;
                    padding: 0 10px;
                    font-family: sans-serif;
                    font-size: 13px;
                    height: 25px;
                    line-height: 25px;
                    margin: 0 2.5px;
                    text-decoration: none;
                    transition: none;
                    background: #e7edf1;
                    border: 1px solid #e7edf1;
                    color: #000;
                    margin-bottom: 5px;
                    font-weight: normal;
                }

.ob-page-current {
                    background: #4b9fd3;
                    border-color: #4b9fd3;
                    color: #000;
                }

.ob-page-link:hover {
                    text-decoration: none;
                    background: #1f1c1e;
                    border-color: #4b9fd3;
                    color: #e7edf1;
                }
        .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>
{% if Blog.isAdEnabled %}
            <div class="ads ads-728x90 ads-ctn">
                {% ad(4) with {'background' : '#f9f9f9', 'text' : '#9d928b', 'url' : '#9d928b', 'link' : '#000', 'border' : '#FFFFFF'} %}
            </div>
{% endif %}
        <header class="header">
            <div class="informations">
                {% 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="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 %}
                </div>
<p>
{{ Blog.Description }}</p>
</div>
</header>
        <nav class="menu">
            <div class="wrap">
                <ul>
<li class="{% if isIndex %} active{% endif %}">
                        <a href="{{ Blog.Url }}">{{ 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('display_widget_pages') %}
                        {% list Blog.Pages %}
                            {% if loop.first %}
<li>
                                    <a href="#">{{ Lang.Get('Pages') }}</a>
                                    <ul class="children">
                            {% endif %}
<li>
                                            <a href="{{Page.Url}}">{{ Page.Title }}</a>
                                        </li>
{% if loop.last %}
                                    </ul>
</li>
{% endif %}
                        {% endlist %}
                    {% endif %}
                    {% if Custom('display_widget_tags') %}
                        {% list Blog.PostsTags(10) %}
                            {% if loop.first is not empty %}
<li {% if isTag %} class="active"{% endif %}>
                                    <a href="#">{{ Lang.Get('Tags') }}</a>
                                    <ul class="children">
                            {% endif %}
<li>
                                            <a href="{{ PostsTag.Url }}">{{ PostsTag.Title }}</a>
                                        </li>
{% if loop.last is not empty %}
                                    </ul>
</li>
{% endif %}
                        {% endlist %}
                    {% endif %}
                    
                    {% if Custom('display_widget_archives') and Blog.Archives is not empty %}
<li>
                            <a {% if isArchive %}class="active"{% endif %} href="#">{{ Lang.Get('Archives') }}</a>
                            <ul class="children">
                                {% list Blog.Archives %}
                                    {% list Archive.Months %}
                                        {% if Month.PostCount > 0 %}
<li>
                                                <a href="{{ Month.Url }}">{{ Month.Name }} {{ Archive.Year }}</a>
                                            </li>
{% endif %}
                                    {% endlist %}
                                {% endlist %}
                            </ul>
</li>
{% endif %}

{% if Custom('display_widget_subscribe') %}
<li>
                        <a href="{{ Blog.Url }}/mail/form">{{ Lang.Get('Subscribe') }}</a>
                    </li>
{% endif %}
<li class="last">
                        <a href="{{ Blog.Url }}/contact">{{ Lang.Get('Contact me') }}</a>
                    </li>
</ul>
</div>
</nav>
        <div class="container clearfix">
            <div class="headblock clearfix">
                <ul class="social">
                    {% if Custom('twitter_username') is not empty %}
<li>
                            <a href="//www.twitter.com/{{ Custom('twitter_username') }}" target="_blank">
                                <img src="//assets.over-blog.com/t/timeline/images/icon-twitter.png" alt="Twitter" />
                            </a>
                        </li>
{% endif %}
                    {% if Custom('facebook_username') is not empty %}
<li>
                            <a href="//www.facebook.com/{{ Custom('facebook_username') }}" target="_blank">
                                <img src="//assets.over-blog.com/t/timeline/images/icon-facebook.png" alt="Facebook" />
                            </a>
                        </li>
{% endif %}
<li>
                        <a href="{{ Blog.RssUrl }}" target="_blank">
                            <img src="//assets.over-blog.com/t/timeline/images/icon-rss.png" alt="RSS" />
                        </a>
                    </li>
{% if Custom('display_widget_subscribe') %}
<li>
                            <a href="{{ Blog.Url }}/mail/form">
                                <img src="//assets.over-blog.com/t/timeline/images/icon-subscribe.png" alt="{{ Lang.Get('Subscribe') }}" />
                            </a>
                        </li>
{% endif %}
<li>
                        <a href="{{ Blog.Url }}/contact">
                            <img src="//assets.over-blog.com/t/timeline/images/icon-contact.png" alt="{{ Lang.Get('Contact us') }}" />
                        </a>
                    </li>
</ul>
{% if Custom('display_widget_search') %}
                    <div class="search">
                        <form class="search" method="post" action="/search">
                            <input type="text" name="q" placeholder="{{ Lang.Get('Search something here') }}..." value="" />
                        </form>
</div>
{% endif %}
            </div>
{% if isTag %}
            <h1>
{{ Lang.Get('Posts with') }} #{{ Tag.Title }} {{ Lang.Get('tag') }}</h1>
{% elseif isSearch %}
            <h1>
{{ Lang.Get('Search results for') }} "{{ Search.Keyword }}"</h1>
{% endif %}
            {% if isSingle or isSpecial %}
                <div class="wrap single">
                    {% if isSingle %}
                        {% list Posts %}
                            <div class="item {{ Post.getFirstSource }}">
                                <div class="title">
                                    <span class="icon"></span>

<h1 class="post-title">
{{ Post.Title }}</h1>
<p class="infos">
{% if not isPage %}
                                            {{ Lang.Get('Posted on') }} {{ Post.Date|datel(Lang.Get('Default date format')) | title }}
                                        {% endif %}
                                        {% if Post.Author.Nickname is not empty %}
                                            {% if not isPage %}
                                                {{ Lang.Get('by') }}
                                            {% else %}
                                                {{ Lang.Get('Published by') }}
                                            {% endif %}
                                            {{ Post.Author.Nickname }}
                                        {% endif %}
                                        {% list Post.Tags %}
                                            {% if loop.index == 1 %}
                                                in
                                            {% endif %}
                                            <a href="{{Tag.Url}}" title="{{ Tag.Title }}">{{ Tag.Title }}</a>{% if loop.last is empty %}, {% endif %}
                                        {% endlist %}
                                    </p>
</div>
<div class="post">
                                    {{ Post.Body }}
                                </div>
<footer class="footer">
                                    <div class="share">
                                        {{ Post.share }}
                                    </div>
{{ Post.related }}
                                    {% outbrain %}
                                </footer>

{% if Navigation.PreviousPost is not empty or Navigation.NextPost is not empty %}
                                    <nav class="nav-post">
                                        {% if Navigation.PreviousPost is not empty %}
                                            <a class="prev" href="{{ Navigation.PreviousPost.Permalink }}" title="{{ Navigation.PreviousPost.Title }}">
                                                {% if Navigation.PreviousPost.Title is not empty %}
                                                    {{ Navigation.PreviousPost.Title }}
                                                {% else %}
                                                    {{ Lang.Get('Previous post') }}
                                                {% endif %}
                                            </a>
                                        {% endif %}
                                        {% if Navigation.NextPost is not empty %}
                                            <span>›</span>
                                            <a class="next" href="{{ Navigation.NextPost.Permalink }}" title="{{ Navigation.NextPost.Title }}">
                                                {% if Navigation.NextPost.Title is not empty %}
                                                    {{ Navigation.NextPost.Title }}
                                                {% else %}
                                                    {{ Lang.Get('Next post') }}
                                                {% endif %}
                                            </a>
                                        {% endif %}
                                    </nav>
                                {% endif %}

{% if Blog.isAdEnabled %}
                                    <div class="ads ads-600x250">
                                        <div class="ads ads-300x250">
                                            {% ad(1) with {'background' : '#f9f9f9', 'text' : '#9d928b', 'url' : '#9d928b', 'link' : '#000', 'border' : '#FFFFFF'} %}
                                        </div>
<div class="ads ads-300x250">
                                            {% ad(1) with {'background' : '#f9f9f9', 'text' : '#9d928b', 'url' : '#9d928b', 'link' : '#000', 'border' : '#FFFFFF'} %}
                                        </div>
</div>
{% endif %}

{% if not isPage and Post.ShowComments is not empty %}
                                    <div class="comments" id="comments">
                                        <div class="item-comments">
                                            {% if Custom('comment') == 'Facebook' %}
                                                <h6>
{{ Lang.Get('Comment this post') }}</h6>
<div class="fb-comments" data-href="{{ Post.Permalink }}" data-num-posts="2" data-width="640">
</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 %}
                                                <h6>
{{ Lang.Get('Comment this post') }}</h6>
{{ Post.Comments }}
                                            {% endif %}
                                        </div>
</div>
{% endif %}

<div class="back">
                                    <a href="{{ Blog.Url }}">{{ Lang.Get('Back to home') }}</a>
                                </div>
</div>
{% endlist %}
                    {% else %}
                        <div class="item">
                            <div class="post special">
                                {{ SpecialContent }}
                            </div>
<div class="back">
                                <a href="{{ Blog.Url }}">{{ Lang.Get('Back to home') }}</a>
                            </div>
{% if Blog.isAdEnabled %}
                                <div class="ads ads-600x250">
                                    <div class="ads ads-300x250">
                                        {% ad(1) with {'background' : '#f9f9f9', 'text' : '#9d928b', 'url' : '#9d928b', 'link' : '#000', 'border' : '#FFFFFF'} %}
                                    </div>
<div class="ads ads-300x250">
                                        {% ad(1) with {'background' : '#f9f9f9', 'text' : '#9d928b', 'url' : '#9d928b', 'link' : '#000', 'border' : '#FFFFFF'} %}
                                    </div>
</div>
{% endif %}
                        </div>
{% endif %}

{% if Blog.isAdEnabled %}
                        <div class="ads ads-160x600 ads-ctn">
                            {% ad(3) with {'background' : '#f9f9f9', 'text' : '#9d928b', 'url' : '#9d928b', 'link' : '#000', 'border' : '#FFFFFF'} %}
                        </div>
{% endif %}
                </div>
{% else %}
                <div class="wrapper-timeline">
                    
                    <div class="items-wrapper">
                        {# left col #}
                        <div class="items left">
                            {% list Posts %}
                                <div class="item {{ Post.getFirstSource }}">
                                    
                                    <canvas height="18" width="30" class="corner" id="corner_{{loop.index}}"></canvas>
                                    <header class="title">
                                        <span class="icon"></span>
                                        <h2 class="post-title">
                                            <a href="{{ Post.PermaLink }}" title="{{ Post.Snippet | escape('html_attr') }}">{{ Post.Title }}</a>
                                        </h2>
<p class="infos">
{{ Lang.Get('Posted on') }} {{ Post.Date|datel(Lang.Get('Default date format'))|title }}
                                            {% if Post.Author and Post.Author is not empty %}
                                                {{ Lang.Get('by') }} {{ Post.Author }}
                                            {% endif %}
                                            {% if Post.Tags is not empty %}
                                                <span>{{ Lang.Get('in') }}</span>
                                                {% list Post.Tags %}
                                                    <a href="{{ Tag.Url }}" title="{{ Tag.Title | escape('html_attr') }}">{{ Tag.Title }}</a>{% if loop.last is empty %}, {% endif %}
                                                {% endlist %}
                                            {% endif %}
                                        </p>
</header>

<div class="post">
                                        {% if Custom('display_mode') != 'All' %}
                                            {% if Post.Cover is not empty or Custom('default_post_cover') is not empty %}
                                                <div class="post-cover">
                                                    <img src="{% if Post.Cover is not empty %}{{ Post.Cover|resize(428,285)|crop }}{% else %}{{ Custom('default_post_cover')|resize(428,285)|crop }}{% endif %}" alt="{{ Post.Title }}" width="428" height="285" />
                                                </div>
{% endif %}
                                            <p class="snippet">
{{ Post.Snippet }}</p>
{% else %}
                                            {{ Post.Body }}
                                        {% endif %}
                                    </div>
<a class="read-more" href="{{ Post.PermaLink }}{% if Custom('display_mode') == 'All' %}#comments{% endif %}" title="{{ Post.Snippet }}">
                                        {% if Custom('display_mode') == 'All' %}
                                            {{ Lang.Get('comments') }}
                                        {% else %}
                                            {{ Lang.Get('Read the post') }}
                                        {% endif %}
                                    </a>
                                    <div class="footer">
                                        <div class="share">
                                            {{ Post.share('right', 'horizontal', false) }}
                                        </div>
</div>
</div>
{% else %}
                                <div class="item">
                                    <div class="title">
                                        <h2>
                                            <a href="{{ Post.PermaLink }}">{{ Lang.Get('No post found') }}</a>
                                        </h2>
</div>
{% if not isIndex %}
                                        <div class="post">
                                            <p style="text-align: center">
<a href="/">{{ Lang.Get('Back to home') }}</a>
                                            </p>
</div>
{% endif %}
                                </div>
{% endlist %}
                        </div>

                        <div class="items right">
                            {% if Blog.isAdEnabled %}
                                <div class="ads ads-468x60">
                                    {% ad(8) with {'background' : '#f9f9f9', 'text' : '#9d928b', 'url' : '#9d928b', 'link' : '#000', 'border' : '#FFFFFF'} %}
                                </div>
{% endif %}
                        </div>
<div class="clear">
</div>
</div>
</div>
{% endif %}
        </div>

        {% if not isSingle and not isSpecial %}
            {% pagination %}
        {% endif %}

{% if Custom('comment') == 'Facebook' and isSingle %}
                // Facebook comments
                (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/{{ Blog.Lang }}_{{ Blog.Lang|upper }}/all.js#xfbml=1&appId={{ Custom('facebook_appid')|default('284865384904712')}}";
                        fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));
            {% elseif Custom('comment') == 'Disqus' and isSingle %}
                // 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 %}
                // Social networks : Twitter
                !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 %}

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

{% if not isSingle %}
                var Timeline = new Array();

Timeline.elsStart = null,
                Timeline.counter = 1,
                Timeline.MAXPAGE = 10,

// Dispatch posts on columns
                Timeline.ItemDispatcher = function(elements) {
                    if (elements){
                        $(elements).hide();
                        for (var i = 0, len = elements.length; i < len; i++) {
                            if ($(".items.left").outerHeight(true) <= $(".items.right").outerHeight(true)) {
                                $(elements[i]).appendTo(".items.left");
                            }
                            else {
                                $(elements[i]).appendTo(".items.right");
                            }
                            $(elements[i]).show();
                        }
                    }
                },

// Set pictures height and width
                Timeline.EnhancePictures = function (elements) {
                    $(elements).find('.ob-section-text img, .ob-section-images img').each(function() {
                        $(this).attr(
                            'src',
                            $(this).attr('src').replace(/\/[0-9]+x[0-9]+(\-ct)?/, "/408x306-ct")
                        );
                    });

// temporary fix, to be removed after OB.restart restarts maps
                    $(elements).find('.ob-section-map img').each(function() {
                        $(this).attr(
                            'src',
                            $(this).attr('src').replace("600x400", "408x200")
                        );
                    });
                },

// Set fancybox to all img except img in slideshows
                Timeline.FancyboxControls = function(elements) {
                    $(elements).find(".ob-link-img").attr("rel","fancybox");
                },

// Load sharing buttons on hover
                Timeline.Socialite = function (elements, hover) {
                    if(hover){
                        $(elements).find('.share').one('mouseenter', function(){
                            Socialite.load($(this)[0]);

});
                    } else{
                        Socialite.load($(elements));
                    }
                },

// Show repost button like socialite
                Timeline.RepostButtonShow = function (elements) {
                    $(elements).find(".share").each(function() {
                        $(this).hover(function (){
                            $(this).find(".ob-repost-btn").css("display","inline-block");
                            $(this).find(".overblog-repost").remove();
                        });
                    });
                },

Timeline.Draw = function(elements) {
                    $(elements).find(".corner").each(function() {
                        var ctx = this.getContext("2d"),
                            left = $(this).parents(".items").hasClass("left");
                        ctx.lineWidth = 2;

// Cicle
                        ctx.beginPath();
                        if(left){
                            circle_x = 21;
                        }else{
                            circle_x = 9;
                        }
                        ctx.arc(circle_x, 9, 5, 0, Math.PI*2, true);
                        ctx.strokeStyle = link_color;
                        ctx.stroke();
                        ctx.closePath();

// Border
                        ctx.beginPath();
                        if(left){
                            ctx.moveTo(0, 0);
                            ctx.lineTo(9, 9);
                            ctx.lineTo(0, 18);
                        }else{
                            ctx.moveTo(30, 0);
                            ctx.lineTo(21, 9);
                            ctx.lineTo(30, 18);
                        }
                        ctx.fillStyle = border_color;
                        ctx.fill();
                        ctx.closePath();

// Corner
                        ctx.beginPath();
                        if(left){
                            ctx.moveTo(0, 2);
                            ctx.lineTo(7, 9);
                            ctx.lineTo(0, 16);
                        }else{
                            ctx.moveTo(30, 2);
                            ctx.lineTo(23, 9);
                            ctx.lineTo(30, 16);
                        }
                        ctx.fillStyle = background_color;
                        ctx.fill();
                        ctx.closePath();
                    });
                }
            {% endif %}

$(document).ready(function() {

// Fancy box
                $(".ob-link-img").attr("rel", "fancybox").fancybox({
                    type: "image"
                });

{% if not isSingle %}
                    Timeline.elsStart = $('.item');

imagesLoaded(
                        $('.items-wrapper'),
                        function(){
                            Timeline.ItemDispatcher(Timeline.elsStart);
                            Timeline.EnhancePictures(Timeline.elsStart);
                            Timeline.FancyboxControls(Timeline.elsStart);
                            Timeline.Draw(Timeline.elsStart);
                        }
                    );

Timeline.Socialite(Timeline.elsStart, true);

Timeline.RepostButtonShow(Timeline.elsStart);
                {% endif %}

// Placeholder Script
                if($.browser.msie && $.browser.version <= 9.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 Custom('background_image') is not empty %}
                    if($.browser.msie && $.browser.version <= 8.0 ){
                        //  Backstrech
                        $.backstretch('{{ Custom('background_image') }}');
                        $('body').css('background', 'none');
                    }
                {% endif %}
            });
        </script>
    </body>
</html>

lundi 21 novembre 2016

Timeline