Supprimer la publicité sur overblog: Autofocus

Autofocus

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

<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ Blog.RssUrl }}" />
        {% if Blog.CssUrl is not empty %}
            <link rel="stylesheet" href="{{ Blog.CssUrl }}" type="text/css" />
        {% endif %}

<meta name="fontlist:font_title:label.titlesFont" items="Abril Fatface, Amaranth, Arial, Arvo, Georgia, Helvetica, Lobster, Maven Pro, Patrick Hand SC, Radley, Righteous, Roboto Slab, Trebuchet MS" default="Lobster" group="graphical" />

<link href="//fonts.googleapis.com/css?family=Lobster" 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 : Lobster #}
        {% endif %}

/* Standard styles */
            .clear{
                clear: both;
            }
            .clearfix:before, .clearfix:after{
                content: "";
                display: table;
            }
            .clearfix:after{
                clear: both;
            }
            .ob-form-subscription label {
              position: absolute;
              overflow: hidden;
              clip: rect(0 0 0 0);
              height: 1px; width: 1px;
              margin: -1px; padding: 0; border: 0;
            }

.ob-section-video iframe,
            .ob-section-video object,
            .ob-section-video embed{
                max-width: 100%;
            }
            .ob-section-video object,
            .ob-section-video embed{
                max-height: 394px;
            }
            .ob-section-video iframe{
                border: 0;
            }
            .ob-section-html iframe,
            .ob-section-html object,
            .ob-section-html embed{
                max-width: 700px;
                max-height: 394px;
            }
            .ob-section-html ol,
            .ob-section-html ul {
              padding-left: 2em;
            }
            .ob-section-html ol {
              list-style: decimal;
            }
            .ob-section-html ul {
              list-style: disc;
            }
            .ob-section-html iframe.twitter-tweet{
                max-height: none;
            }
            .entry-content,
            .ob-section-images,
            .ob-section-video,
            .ob-section-map{
                width: 100%;
            }
            .ob-text ol,
            .ob-text ul{
                margin: 0 0 0 35px;
            }
            .ob-text ol li,
            .ob-text ul li{
                list-style: disc;
                margin: 3px 0;
            }
            .ob-text ol li{
                list-style: decimal;
            }

/* Theme styles */
            body{
                background: #333 url(//assets.over-blog.com/t/autofocus/images/pattern-2.png);
                font-family: Arial, Helvetica, sans-serif;
                font-size: 14px;
                line-height: 1.36em;
            }
            body.withsharebar {
                margin-top: 0;
            }
            .m-page-wrapper{
                margin: 0 auto;
                width: 980px;
            }
            .m-page{
                background: #FFF;
                min-height: 480px;
                padding-bottom: 20px;
            }
            body.withsharebar .m-page {
                padding-top: 40px;
            }
            h1, .blog-title,
            h2, .post-title,
            h3, .widget-title {
                font-family: Lobster, Helvetica, sans-serif;
            }
            {% if Custom('font_title') is not empty and Custom('font_title') != 'Lobster' %}
                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 %}
            .m-header{
                padding: 30px 0 35px 0;
                position: relative;
            }
            .m-avatar{
                display: inline-block;
                margin-right: 10px;
                vertical-align: top;
            }
            .m-logo{
                display: inline-block;
                width: 460px;
                vertical-align: top;
                padding-top: 10px;
            }
            .m-logo a{
                font-size: 3em;
                line-height: 1.15em;
                text-decoration: none;
            }
            .m-logo .s-headline{
                color: #666;
                padding: 3px 0;
            }
            .m-navigation{
                display: inline-block;
                vertical-align: top;
                text-align: right;
                padding: 15px 0 0 0;
                width: 400px;
            }
            .m-navigation li{
                display: inline-block;
                position: relative;
                z-index: 1000;
                word-wrap:break-word;
            }
            .m-navigation li a{
                display: inline-block;
                font-size: 1.143em;
                margin: 0;
                padding: 2px 12px;
                text-decoration: none;
            }
            .m-navigation li a:hover{
                background: #EEE;
            }
            .m-navigation .children{
                background: #FFF;
                border-left: solid 3px #CCC;
                border-right: solid 1px #EEE;
                left: 0;
                opacity: 0;
                padding: 7px;
                position: absolute;
                text-align: left;
                top: 0;
                -moz-transition: all 0.3s ease 0s;
                -o-transition: all 0.3s ease 0s;
                -ms-transition: all 0.3s ease 0s;
                -webkit-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
                visibility: hidden;
                width: 150px;
                z-index: 1000;
            }
            .m-navigation .children li{
                display: block;
            }
            .m-navigation .children li a{
                border-bottom: solid 1px #EEE;
                display: block;
                padding: 3px 12px;
            }
            .m-navigation li:hover .children{
                opacity: 1;
                top: 23px;
                visibility: visible;
                -moz-transition: all 0.3s ease 0s;
                -o-transition: all 0.3s ease 0s;
                -ms-transition: all 0.3s ease 0s;
                -webkit-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
            }
            .pagination{
                padding: 5px 0 25px;
                overflow: hidden;
            }
            .pagination a{
                text-decoration: none;
            }
            .pagination .next,
            .pagination .prev{
                min-height: 21px;
            }
            .pagination a:hover{
                text-decoration: underline;
            }
            .pagination .next{
                background: url(//assets.over-blog.com/t/autofocus/images/arrow-r.png) no-repeat right center;
                float:right;
                padding: 0 30px 0 0;
            }
            .pagination .prev{
                background: url(//assets.over-blog.com/t/autofocus/images/arrow-l.png) no-repeat left center;
                padding: 0 0 0 30px;
                float: left;
            }
            .ob-pagination{
                margin: 15px 0;
                text-align: center;
            }
            .ob-page{
                display: inline-block;
                padding: 0 3px;
            }
            .gotop{
                padding-top:20px;
                text-align: center;
            }
            .gotop img{
                margin-right:5px;
              -webkit-transform: rotate(90deg) scale(.6);
                 -moz-transform: rotate(90deg) scale(.6);
                  -ms-transform: rotate(90deg) scale(.6);
                   -o-transform: rotate(90deg) scale(.6);
                      transform: rotate(90deg) scale(.6);
                         -moz-transform-origin: 60% 75%;
                      -webkit-transform-origin: 60% 75%;
                           -o-transform-origin: 60% 75%;
                          -ms-transform-origin: 60% 75%;
                              transform-origin: 60% 75%;
            }
            .search .s-input,
            .ob-form-subscription .ob-input-email{
                padding: 2px 3px;
            }
            .ob-input-submit{
                background: #FFF;
                border: solid 1px #BBB;
                cursor: pointer;
                padding: 1px 11px;
            }
            .search .ob-input-submit{
                margin: 0;
            }
            .ob-form-subscription .ob-form-field{
                display: inline-block;
                 width: 62%;
                 margin:5px 0;
            }
           .ob-form-subscription .ob-form-field .ob-input{
                width: 92%;
                display: inline-block;
                vertical-align: top;
                height: 14px;
            }
            .ob-form-subscription .ob-input-submit{
                width: 35%;
                display: inline-block;
                margin:4px 0;
                vertical-align: top;
                line-height: 24px;
                height: 24px;
                padding: 0 3px 5px 2px;
                cursor: pointer;
            }
            .m-networks a{
                margin-right: 4px;
            }
            .m-networks a:last-child{
                margin-right: 0;
            }
            .m-footer{
                color: #FFF;
                padding: 15px 15px 70px 15px;
                text-align: center;
            }

.m-main .post{
                background: url(//assets.over-blog.com/t/autofocus/images/pattern-1.png);
                float: left;
                height: 360px;
                margin-bottom: 5px;
                position: relative;
            }
            .m-main .box{
                height: 360px;
                left: 0;
                overflow: hidden;
                position: absolute;
                top: 0;
            }
            .m-main .box_1,
            .m-main .box_20{
                width: 980px;
            }
            .m-main .box_2,
            .m-main .box_8,
            .m-main .box_11,
            .m-main .box_17,
            .m-main .box_21{
                width: 600px;
            }
            .m-main .box_3,
            .m-main .box_7,
            .m-main .box_12,
            .m-main .box_16,
            .m-main .box_22{
                width: 375px;
            }
            .m-main .box_4,
            .m-main .box_6,
            .m-main .box_13,
            .m-main .box_15,
            .m-main .box_23,
            .m-main .box_25{
                width: 240px;
            }
            .m-main .box_5,
            .m-main .box_14,
            .m-main .box_24{
                width: 490px;
            }
            .m-main .box_9,
            .m-main .box_18{
                width: 490px;
            }
            .m-main .box_10,
            .m-main .box_19{
                width: 485px;
            }
            .m-main .box_3,
            .m-main .box_5,
            .m-main .box_6,
            .m-main .box_8,
            .m-main .box_10,
            .m-main .box_12,
            .m-main .box_14,
            .m-main .box_15,
            .m-main .box_17,
            .m-main .box_19,
            .m-main .box_22,
            .m-main .box_24,
            .m-main .box_25{
                margin-left: 5px;
            }
            .m-main .post .box_3,
            .m-main .post .box_5,
            .m-main .post .box_6,
            .m-main .post .box_8,
            .m-main .post .box_10,
            .m-main .post .box_12,
            .m-main .post .box_14,
            .m-main .post .box_15,
            .m-main .post .box_17,
            .m-main .post .box_19,
            .m-main .post .box_22,
            .m-main .post .box_24,
            .m-main .post .box_25{
                margin-left: 0;
            }
            .m-main .post .meta,
            .m-main .post .entry{
                opacity: 0;
            }
            .ob-repost {
                margin-top: 2em;
                text-align: center;
            }
            .m-main .post .box-cover{
                z-index: 500;
            }
            .m-main .post .box-overlay{
                -moz-transition: all 0.5s ease 0s;
                -o-transition: all 0.5s ease 0s;
                -ms-transition: all 0.5s ease 0s;
                -webkit-transition: all 0.5s ease 0s;
                transition: all 0.5s ease 0s;
                z-index: 501;
            }
            .m-main .post .box-text{
                z-index: 502;
            }
            .m-main .post .box-link{
                z-index: 503;
            }
            .m-main .post .box-text,
            .m-main .post .box-text .post-title,
            .m-main .post .box-text a{
                color: #FFF;

}
            .m-main .post .box-text .post-title{
                background-position: 0 24px;
                background-color: rgba(56,56,56,.6);
                margin-top: 0;
                padding: 20px 20px 10px;
                text-shadow: 2px 2px 4px #333;
            }
            .post .post-title a{
                display: block;
                padding-right: 20px;
            }
            .post:hover .post-title a{
                padding-right: 10px;
             }
            .m-main .post:hover .box-text .post-title{
                background: transparent url(//assets.over-blog.com/t/autofocus/images/arrow.png) no-repeat 12px 24px;
                padding-left: 48px;
                -moz-transition: all 0.5s ease 0s;
                -o-transition: all 0.5s ease 0s;
                -ms-transition: all 0.5s ease 0s;
                -webkit-transition: all 0.5s ease 0s;
                transition: all 0.5s ease 0s;
            }
            .m-main .box-text .s-wrapper{
                height: 320px;
                word-wrap: break-word;
                overflow: hidden;
            }
            .m-main .post:hover .box-text .s-wrapper{
                border: solid 4px #FFF;
                height: 352px;
                text-shadow: 2px 2px 4px #333;
            }
             .m-main .box-text .s-wrapper p{
                padding:0 16px;
            }
            .m-main .post:hover .box-overlay{
                opacity: 0.95;
                -moz-transition: all 0.5s ease 0s;
                -o-transition: all 0.5s ease 0s;
                -ms-transition: all 0.5s ease 0s;
                -webkit-transition: all 0.5s ease 0s;
                transition: all 0.5s ease 0s;
            }
            .m-main .post:hover .meta,
            .m-main .post:hover .entry{
                opacity: 1;
                -moz-transition: all 0.3s ease 0s;
                -o-transition: all 0.3s ease 0s;
                -ms-transition: all 0.3s ease 0s;
                -webkit-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
            }
            .m-main .post .box .wrapper{
                padding: 20px;
            }
            .m-main .post .box .wrapper,
            .m-main .post .box .wrapper a{
                color: #FFF;
            }
            .archive-months li{
                margin: 3px 0 3px 16px;
            }
            h2, .post-title{
                font-size: 2em;
                line-height: 1.2em;
                margin: 0 0 7px 0;
            }
            .sidebar .widget-title{
                font-size: 2em;
                line-height: 1.2em;
                margin-top: 25px;
                margin-bottom: 0;
            }
            h2.title, .post-title,
            .widget-title:first-child{
                margin-top: 12px;
            }
            .list .left{
                float:left;
                margin-right: 10px;
            }
            .list > li > a{
                display: block;
                position: relative;
            }
            .list a span{
                display: none;
            }
            .list a:hover span{
                border-color: #00AAFF;
                border-style: solid;
                border-width: 5px;
                display: block;
                height: 102px;
                left:0;
                opacity: .8;
                position: absolute;
                top: 0;
                width: 130px;
            }
            .meta{
                margin: 6px 0;
            }
            .sidebar p{
                margin-bottom: 7px;
            }
            .m-main .post .s-wrapper h2 a{
                text-decoration: none;
            }
            .col-post{
                float: left;
                width: 650px;
            }
            .col-post h3{
                margin-bottom: 10px;
                font-size: 18px;
            }
            .sidebar{
                float: right;
                margin: 0 0 0 20px;
                width: 300px;
            }

/* Custom theme 1 */
            a,
            h1, .blog-title,
            h2, .post-title,
            h3, .widget-title,
            .m-logo a,
            .ob-page-link{
                color: #00AAFF;
            }
            .m-main .post:hover .box-overlay{
                background: #00AAFF;
            }
            .ob-form-field{
                margin: 8px 0;
            }
            .ob-input-submit{
                background: #00AAFF;
                border: 1px solid #EEE;
                color: #FFF;
                padding: 3px 15px;
            }
            .meta .links a{
                margin-right: 2px;
                text-decoration: none;
            }
                 .meta .links a:hover{
                    text-decoration: underline;
                }
            .meta .links a:after{
                content:",";
            }
            .meta .links a:last-child:after{
                content:"";
            }
            .ob-text h3,
            .ob-text h4,
            .ob-text h5 {
                color: #0AF;
                font-family: Lobster, Helvetica, sans-serif;
                font-weight: normal;
                margin: 15px 0 5px;
            }
            .ob-text h3 {
                font-size: 18px;
            }
            .ob-text h4 {
                font-size: 16px;
            }
            .ob-text h5 {
                font-size: 14px;
                font-weight: bold;
            }
            .ob-text p {margin-bottom: 15px;}
            .ob-text ul p,
            .ob-text ol p {margin-bottom: 5px;}
            .ob-text pre{
                border: 1px dashed #CCC;
                margin: 10px;
                padding: 10px;
                white-space: pre-wrap;
            }
            /** Search **/
            .search{
                position: absolute;
                right: 10px;
                bottom: 10px;
            }

/** Social Media **/
            .google-share,
            .facebook-share,
            .twitter-share,
            .ob-share {
                line-height: 15px;
            }
            .m-social-networks > div{
                float:left;
                height:20px;
                margin-right:28px;
            }
            .m-social-networks .google-share{
                margin-right: 0;
            }
            .m-social-networks iframe{
                border:none;
                width:90px;
            }

/********
            ** Ads **
            ********/
            {% if Blog.isAdEnabled %}
                .m-header{
                    padding-top: 0;
                }
                .ads-728x90{
                    margin: 0 auto 30px;
                    padding-top: 10px;
                    width: 728px;
                }
                .col-post .ads-300x250{
                    float: left;
                    margin: 20px 20px 30px 0;
                }
                .ads-300{
                    text-align: center;
                }
            {% endif %}

/*****************
            ** Top articles **
            *****************/
            .ob-top-article{
                margin-bottom: 30px;
            }
            
            .ob-Related {
                margin-bottom: 20px;
            }
        .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>
<br><br>
<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>

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<link rel="stylesheet" type="text/css" href="//assets.over-blog.com/t/catalog/jquery/fancybox/2.5/source/jquery.fancybox.css" media="screen" />
    </head>
    <body>
        <div class="m-page">
            <div class="m-page-wrapper">
                {% if Blog.isAdEnabled %}
                    <div class="ads ads-728x90">
                        {% ad(4) %}
                    </div>
{% endif %}
                
                <div class="m-header">
                    {% if Blog.Avatar %}
                        <div class="m-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="m-logo">
                        
                        {% 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="s-headline">
{{ Blog.Description }}</p>
</div>
<ul class="m-navigation">
                        
                        <li{% if isIndex %} class="active"{% endif %}>
                            <a {% if isIndex %} {% endif %} href="{{ Blog.Url }}">{{ Lang.Get('Home') }}</a>
                        </li>

                        {% if Blog.Pages is not empty and Custom('display_widget_pages') %}
                            {% list Blog.Pages(2) %}
                                {% 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 Blog.PostsTags is not empty and Custom('display_widget_tags') %}
                            {% list Blog.PostsTags(15) %}
                                {% if loop.first %}
<li>
                                        <a href="#">{{ Lang.Get('Tags') }}</a>
                                        <ul class='children'>
                                {% endif %}
<li class="{% if isTag and Tag is not empty and Tag.Title == PostsTag.Title %} current_menu_item{% endif %}">
                                                <a href="{{ PostsTag.Url }}"><span>{{ PostsTag.Title }}</span></a>
                                            </li>
{% if loop.last %}
                                        </ul>
</li>
{% endif %}
                            {% endlist %}
                        {% endif %}
                        {% if Custom('display_widget_subscribe') %}
                        
<li>
                            <a href="{{ Blog.Url }}/mail/form">{{ Lang.Get('Subscribe') }}</a>
                        </li>
{% endif %}
                        
<li class="end"><a href="/contact">{{ Lang.Get('Contact') }}</a></li>
</ul>
<div class="clear">
</div>

                    {% if Custom('display_widget_search') %}
                        <form method="post" class="search" action="/search">
                            <input type="text" class="s-input" title="search" value="{{ Search }}" placeholder="{{ Lang.Get('Search') }}..." name="q" />
                            <input type="submit" class="ob-input-submit" title="Search" value="{{ Lang.Get('Go') }}" />
                        </form>
{% endif %}
                </div>
<div class="m-main clear">
                    {% if isSpecial %}
                        <div class="col-post clear">
                            {{SpecialContent}}
                            {% if Blog.isAdEnabled %}
                                <div class="ads ads-300x250">
                                    {% ad(1) %}
                                </div>
<div class="ads ads-300x250">
                                    {% ad(1) %}
                                </div>
<div class="clear">
</div>
{% endif %}
                        </div>
{% elseif isIndex %}
                        
                        {% list Posts %}
                            <div class="post box_{{ loop.index}}">
                                <div class="box box-cover box_{{ loop.index}}">
                                    {% if Post.Cover is not empty %}
                                        {% if loop.index == 1 %}
                                            <img alt="" src="{{ Post.Cover|resize(980, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 2 %}
                                            <img alt="" src="{{ Post.Cover|resize(600, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 3 %}
                                            <img alt="" src="{{ Post.Cover|resize(375, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 4 %}
                                            <img alt="" src="{{ Post.Cover|resize(240, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 5 %}
                                            <img alt="" src="{{ Post.Cover|resize(490, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 6 %}
                                            <img alt="" src="{{ Post.Cover|resize(240, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 7 %}
                                            <img alt="" src="{{ Post.Cover|resize(375, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 8 %}
                                            <img alt="" src="{{ Post.Cover|resize(600, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 9 %}
                                            <img alt="" src="{{ Post.Cover|resize(490, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 10 %}
                                            <img alt="" src="{{ Post.Cover|resize(485, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 11 %}
                                            <img alt="" src="{{ Post.Cover|resize(600, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 12 %}
                                            <img alt="" src="{{ Post.Cover|resize(375, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 13 %}
                                            <img alt="" src="{{ Post.Cover|resize(240, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 14 %}
                                            <img alt="" src="{{ Post.Cover|resize(490, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 15 %}
                                            <img alt="" src="{{ Post.Cover|resize(240, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 16 %}
                                            <img alt="" src="{{ Post.Cover|resize(375, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 17 %}
                                            <img alt="" src="{{ Post.Cover|resize(600, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 18 %}
                                            <img alt="" src="{{ Post.Cover|resize(490, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 19 %}
                                            <img alt="" src="{{ Post.Cover|resize(485, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 20 %}
                                            <img alt="" src="{{ Post.Cover|resize(980, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 21 %}
                                            <img alt="" src="{{ Post.Cover|resize(600, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 22 %}
                                            <img alt="" src="{{ Post.Cover|resize(375, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 23 %}
                                            <img alt="" src="{{ Post.Cover|resize(240, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 24 %}
                                            <img alt="" src="{{ Post.Cover|resize(490, 360)|crop }}">
                                        {% endif %}
                                        {% if loop.index == 25 %}
                                            <img alt="" src="{{ Post.Cover|resize(240, 360)|crop }}">
                                        {% endif %}
                                    {% endif %}
                                </div>
<div class="box box-overlay box_{{ loop.index}}">
</div>
<div class="box box-text box_{{ loop.index}}">
                                    <div class="s-wrapper">
                                        {% if isSingle %}
                                            <h1 class="post-title title">
                                        {% else %}
                                            <h2 class="post-title title">
                                        {% endif %}

<a title="{{ Lang.Get('More about') }} {% if Post.Title is not empty %}"{{ Post.Title }}"{% else %}{{ Lang.Get('this post') }}{% endif %}" href="{{ Post.PermaLink }}">
                                                {% if Post.Title is not empty %}
                                                    {{ Post.Title }}
                                                {% else %}
                                                    {{ Lang.Get('From') }}
                                                    {% list Post.Sources %}
                                                        {{ Lang.Get(Source) }}
                                                        {% if not loop.last %}
                                                             {{ Lang.Get('and') }}
                                                        {% endif %}
                                                    {% endlist %}
                                                {% endif %}
                                            </a>
                                        {% if isSingle %}
                                            </h1>
{% else %}
                                            </h2>
{% endif %}
                                        <p class="meta">
{% if Post.Author.Nickname is not empty %}
                                                <span class="author">{{ Lang.Get('by') }} {{ Post.Author.Nickname }}</span>
                                            {% endif %}
                                            {% if not isPage %}
                                                <span class="date">{{ Post.Date|datel(Lang.Get('Default date format')) | title }}, {{ Post.Date|date("H:i") }}</span>
                                            {% endif %}
                                            <span class="links">
                                                {% list Post.Tags %}
                                                    {% if loop.index <= 5 %}
                                                        <a href="{{Tag.Url}}" title="{{Tag.Title}}">{{Tag.Title}}</a>{% if not loop.last and loop.index != 5 %} - {% endif %}
                                                    {% endif %}
                                                {% endlist %}
                                            </span>
                                        </p>
<p class="entry">
{{ Post.Snippet|truncate(150) }}
                                        </p>
</div>
</div>
<a class="box box-link box_{{ loop.index}}" title="{{ Lang.Get('More about') }} {% if Post.Title is not empty %}{{ Post.Title }}{% else %}{{ Lang.Get('this post') }}{% endif %}" class="link" href="{{ Post.PermaLink }}"></a>
                            </div>
{% else %}
                            <h2>
{{ Lang.Get('No post') }}</h2>
<p>
{{ Lang.Get('No result found') }}.</p>
{% if Blog.isAdEnabled %}
                                <div class="ads ads-300x250">
                                    {% ad(1) %}
                                </div>
<div class="ads ads-300x250">
                                    {% ad(1) %}
                                </div>
<div class="clear">
</div>
{% endif %}
                        {% endlist %}

<div class="clear">
</div>

                        {% if not isSingle and not isSpecial %}
                            {% pagination %}
                        {% endif %}
                        <div class="clear">
</div>
{% else %}
                        <div class="col-post clear">
                            {% if isSingle %}
                                
                                {% if isSingle %}
                                <h1 class="post-title title">
                                {% else %}
                                <h2 class="post-title title">
                                {% endif %}
                                    {% if Post.Title is not empty %}
                                        {{ Post.Title }}
                                    {% elseif not isPage%}
                                        {{ Post.Date|datel(Lang.Get('Default date format')) | title }}, {{ Post.Date|date("H:i") }}
                                    {% endif %}
                                {% if isSingle %}
                                </h1>
{% else %}
                                </h2>
{% endif %}
                                <p class="meta">
{% if Post.Author.Nickname is not empty %}
                                        <span class="author">{{ Lang.Get('by') }} {{ Post.Author.Nickname }}</span>
                                    {% endif %}
                                    {% if not isPage %}
                                        <span class="date">{{ Post.Date|datel(Lang.Get('Default date format')) | title }}, {{ Post.Date|date("H:i") }}</span>
                                    {% endif %}
                                    <span class="links">
                                        {% list Post.Tags %}
                                            <a href="{{Tag.Url}}" title="{{Tag.Title}}">{{Tag.Title}}</a>
                                        {% endlist %}
                                    </span>
                                </p>
<div class="entry">
                                     {% if isSingle or Custom('display_mode') == 'All' %}
                                        {{ Post.Body }}
                                    {% else %}
                                        <p>
{{ Post.Snippet }}</p>
{% endif %}
                                </div>

                                {% if Navigation.PreviousPost is not empty or Navigation.NextPost is not empty %}
                                    <div class="col-post clear">
                                        <div class="pagination">
                                            {% if Navigation.PreviousPost is not empty %}
                                                <a href="{{ Navigation.PreviousPost.Permalink }}"
                                                   class="prev"
                                                   title="{{ Lang.Get('Go to') }} {% if Navigation.PreviousPost.Title is not empty %}"{{ Navigation.PreviousPost.Title|truncate(30) }}"{% else %}{{ Lang.Get('Previous post') }}{% endif %}">
                                                    {{ Lang.Get('Previous post') }}
                                                </a>
                                            {% endif %}

{% if Navigation.NextPost is not empty %}
                                                <a href="{{ Navigation.NextPost.Permalink }}"
                                                   class="next"
                                                   title="{{ Lang.Get('Go to') }} {% if Navigation.NextPost.Title is not empty %}"{{ Navigation.NextPost.Title|truncate(30) }}"{% else %}{{ Lang.Get('Next post') }}{% endif %}">
                                                    {{ Lang.Get('Next post') }}
                                                </a>
                                            {% endif %}
                                        </div>
</div>
<div class="clear">
</div>
{% endif %}

<div class="ob-section m-social-networks clear">
                                    {{ Post.Share }}
                                </div>
{{ Post.related }}
                                
                                {% outbrain %}

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

{% if isSingle and isPage == false and Post.ShowComments is not empty %}
                                    <div class="bloc-comment ob-section clear" id="comments">
                                        
                                        <div class="item-comments">
                                            <h3>
{{ Lang.Get('comments') }}</h3>
{% if Custom("comment") == "Facebook" %}
                                                <div class="fb-comments" data-href="{{ Post.Permalink }}" data-num-posts="2" data-width="640" data-colorscheme="light">
</div>
{% elseif Custom("comment") == "Disqus" and Custom('comment_disqus') is not empty %}
                                                <div id="disqus_thread">
</div>
<script type="text/javascript">
                                                    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);
                                                    })();
                                                </script>
                                                <noscript>Please enable JavaScript to view the <a href="//disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
                                            {% else %}
                                                {{ Post.Comments }}
                                            {% endif %}
                                        </div>
</div>
{% endif %}
                            {% else %}
                                {% list Posts %}
                                    <div class="clear">
                                        {% if isSingle %}
                                        <h1 class="post-title title">
                                        {% else %}
                                        <h2 class="post-title title">
                                        {% endif %}
                                            <a title="{{ Lang.Get('More about') }} {% if Post.Title is not empty %}"{{ Post.Title }}"{% else %}{{ Lang.Get('this post') }}{% endif %}" href="{{ Post.PermaLink }}">
                                                {% if Post.Title is not empty %}
                                                    {{ Post.Title }}
                                                {% else %}
                                                    {{ Lang.Get('From') }}
                                                    {% list Post.Sources %}
                                                        {{ Lang.Get(Source) }}
                                                        {% if not loop.last %}
                                                             {{ Lang.Get('and') }}
                                                        {% endif %}
                                                    {% endlist %}
                                                {% endif %}
                                            </a>
                                        {% if isSingle %}
                                        </h1>
{% else %}
                                        </h2>
{% endif %}
                                        <p class="meta">
{% if Post.Author.Nickname is not empty %}
                                                <span class="author">{{ Lang.Get('by') }} {{ Post.Author.Nickname}}</span>
                                            {% endif %}
                                            <span class="date">{{ Post.Date|datel(Lang.Get('Default date format')) | title }}, {{ Post.Date|date("H:i") }}</span>
                                            <span class="links">
                                                {% list Post.Tags %}
                                                    {% if loop.index < 5 %}
                                                        <a href="{{Tag.Url}}" title="{{Tag.Title}}">{{Tag.Title}}</a>
                                                    {% endif %}
                                                {% endlist %}
                                            </span>
                                        </p>
<div class="entry">
                                            <p>
{% if Post.Cover is not empty %}
                                                    <a class="ob-media ob-img ob-pull-left ob-media-left" title="{{ Lang.Get('More about') }} {% if Post.Title is not empty %}"{{ Post.Title }}"{% else %}{{ Lang.Get('this post') }}{% endif %}" href="{{ Post.PermaLink }}">
                                                        <img alt="" src="{{ Post.Cover|resize(200, 150) }}">
                                                    </a>
                                                {% endif %}
                                                {{ Post.Snippet|truncate(75) }}
                                            </p>
<div class="clear">
</div>
</div>
</div>
{% else %}
                                    <h2>
{{ Lang.Get('No post') }}</h2>
<p>
{{ Lang.Get('No result found') }}.</p>
{% if Blog.isAdEnabled %}
                                        <div class="ads ads-300x250">
                                            {% ad(1) %}
                                        </div>
<div class="ads ads-300x250">
                                            {% ad(1) %}
                                        </div>
<div class="clear">
</div>
{% endif %}
                                {% endlist %}
                                
                                {% if not isSingle and not isSpecial %}
                                    {% pagination %}
                                {% endif %}
                                <div class="clear">
</div>
{% endif %}
                        </div>
{% if Custom('display_widget_free_html_1') or Custom('display_widget_follow_us') or Custom('display_widget_subscribe') or Custom('display_widget_archives') or Custom('display_widget_last_posts') or Custom('display_widget_blogroll') or Custom('display_widget_free_html_2') %}
                            <div class="sidebar">
                                <ul>
                                    {% if Custom('display_widget_free_html_1') %}
                                        {% if Custom('free_title_1') or Custom('free_html_1') %}
<li class="freeModule">
                                                <p class="widget-title">
{{ Custom('free_title_1') }}</p>
<div>
{{ Custom('free_html_1') }}</div>
</li>
{% endif %}
                                    {% endif %}

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

{% if Custom('display_widget_follow_us') %}
<li>
                                            <p class="widget-title">
{{ Lang.Get('Follow us') }}</p>
<p class="m-networks clear">
{% if Custom('facebook_username') is not empty %}
                                                    <a href="//facebook.com/{{ Custom('facebook_username') }}" target="_blank"><img alt="Facebook" src="//assets.over-blog.com/t/autofocus/images/facebook.png"></a>
                                                {% endif %}
                                                {% if Custom('twitter_username') is not empty %}
                                                    <a title="Twitter" target="_blank" href="//www.twitter.com/{{ Custom('twitter_username') }}"><img alt="Twitter" src="//assets.over-blog.com/t/autofocus/images/twitter.png"></a>
                                                {% endif %}
                                                <a title="RSS" target="_blank" href="{{ Blog.RssUrl }}"><img alt="Twitter" src="//assets.over-blog.com/t/autofocus/images/rss.png"></a>
                                            </p>
</li>
{% endif %}

{% if Custom('display_widget_subscribe') %}
<li class="subscribe">
                                            <p class="widget-title">
{{ Lang.Get('Subscribe') }}</p>
<div class="box-content">
                                                <p>
{{ Lang.Get('Subscribe to be notified about future posts.') }}</p>
{% email_notification %}
                                            </div>
</li>
{% endif %}
                                    
                                    {% if Custom('display_widget_archives') and Blog.Archives is not empty%}
                                        {% if Blog.Archives is not empty %}
<li>
                                                <p class="widget-title">
{{ Lang.Get('Archives') }}</p>
<ul id="archive-list">
                                                    {% list Blog.Archives %}
<li class="archive-year">
                                                            <a href="#">{{ Archive.Year }}</a>
                                                            <ul id="archive-year-{{ Archive.Year }}" class="archive-months">
                                                                {% list Archive.Months %}
                                                                    {% if Month.PostCount > 0 %}
<li><a href="{{ Month.Url }}">{{ Lang.Get(Month.Name) }}</a> ({{ Month.PostCount }})</li>
{% endif %}
                                                                {% endlist %}
                                                            </ul>
</li>
{% endlist %}
                                                </ul>
</li>
{% endif %}
                                    {% endif %}

{# lastPost #}
                                    {% if Custom('display_widget_last_posts') %}
<li class="last-posts" >
                                            <p class="widget-title">
{{ Lang.Get('Last Posts') }}</p>
<ul class="list clearfix">
                                                {% list Blog.Posts(6) %}
                                                    {% if Post.Cover is not empty or Custom('post_cover') is not empty %}
<li class="left">
                                                            <a href="{{ Post.Permalink }}" title="{{Post.Title}}">
                                                                <img src="{% if Post.Cover is not empty %}{{ Post.Cover|resize(140,112)|crop }}{% else %}{{ Custom('post_cover')|resize(140,112)|crop }}{% endif %}" alt="{{Post.Title}}" width="140" height="112" /><span></span>
                                                            </a>
                                                        </li>
{% endif %}
                                                {% endlist %}
                                            </ul>
</li>
{% 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 %}
<li class='blogroll'>
                                            <p class="widget-title">
{{ Lang.Get('Blogroll') }}</p>
<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>
</li>
{% endif %}

{% if Custom('display_widget_free_html_2') %}
                                        {% if Custom('free_title_2') or Custom('free_html_2') %}
<li class="freeModule">
                                                <h3>
{{ Custom('free_title_2') }}</h3>
<div>
{{ Custom('free_html_2') }}</div>
</li>
{% endif %}
                                    {% endif %}
                                </ul>
</div>
{% endif %}
                    {% endif %}
                    <div class="clear">
</div>
{% if isSpecial is empty %}
                        <p class="gotop clear">
<a href="#top" ><img alt="" src="//assets.over-blog.com/t/autofocus/images/arrow-l.png" />{{ Lang.Get('Go top') }}</a></p>
{% endif %}
                    {% if Blog.isAdEnabled and not isSingle and not isSpecial %}
                        <div class="ads ads-728x90">
                            {% ad(4) %}
                        </div>
{% endif %}
                </div>
</div>
</div>
<div class="m-footer">
            <div class="m-page-wrapper">
                <p>
Theme: Autofocus © 2013 - {{ Lang.Get('Hosted by') }} <a href="//www.over-blog.com" target="_blank">Overblog</a></p>
</div>
</div>
<script src="//assets.over-blog.com/t/catalog/jquery/fancybox/2.5/source/jquery.fancybox.pack.js"></script>

{% if Custom('google_analytics') is not empty %}
            <script type="text/javascript">
                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);
                })();
            </script>
        {% endif %}

<div id="fb-root">
</div>
<script type="text/javascript">
            {% if Custom("comment") == "Disqus" and Custom('comment_disqus') is not empty %}
                // Disqus comments count -->
                var disqus_shortname = "{{ Custom('comment_disqus') }}";
                (function () {
                    var s = document.createElement('script');
                        s.async = true;
                        s.type = 'text/javascript';
                        s.src = '//' + disqus_shortname + '.disqus.com/count.js';
                    (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
                }());
            {% elseif Custom('comment') == 'Facebook' %}
                // 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'));
            {% endif %}

{% if isSingle %}
                //Twitter render
                !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 %}
        </script>

<script type="text/javascript">
            jQuery(document).ready(function() {
                // Fancy box
                {% if isSingle %}
                    jQuery('.ob-section-images .ob-img').parent('a').attr('rel', 'fancyGroup');
                {% endif%}
                jQuery(".ob-section-images .ob-img").parent('a').add(".fancybox").fancybox({
                    'overlayShow'   : true,
                    'transitionIn'  : 'elastic',
                    'transitionOut' : 'elastic',
                    'type': 'image'
                });

{% if Custom('display_widget_archives') %}
                        // Archives
                        // Hide years without months
                        $(".archive-year").each(function() {
                            if ($(this).find(".archive-months li").length == 0) {
                                $(this).hide();
                            }
                        });
                        $('.archive-year:nth-child(n+2)').find(".archive-months").hide();
                        $('.archive-year > a').click(function(event) {
                            event.preventDefault();
                            $(this).siblings(".archive-months").slideToggle(1);
                        });
                    {% endif %}
                })();
            });
        </script>
    </body>
</html>

lundi 21 novembre 2016

Autofocus