Supprimer la publicité sur overblog: Focale

Focale

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 %}
        {% favicon %}
        
        <meta name="constant:displayArticlesLimit" content="15" />
        <meta name="constant:disableDefaultMobileTheme" content="1"/>
        
        
        <meta name="image:default_post_cover:label.defaultPostCover" group="graphical" />
        
        
        <meta name="fontlist:bodyFont:label.Fonts" items="Roboto Slab, Open Sans, Arial, Helvetica, Times, Georgia, Tahoma, Verdana, Oswald, Arimo, Crimson Text, Sacramento, Droid Serif, Alegreya, Parisienne, Quantico, Audiowide, EB Garamond, Dancing Script, Lancelot, Merienda, Peralta, Josefin Sans, Amatic SC, Lora, Merriweather Sans, Merienda One" default="Roboto Slab" group="Text" />
        <meta name="fontlist:titlesFont:label.titlesFont" items="Montserrat, Open Sans, Arial, Helvetica, Times, Georgia, Tahoma, Verdana, Crimson Text, Raleway, Oswald, Arimo, Leckerli One, Crimson Text, Sacramento, Droid Serif, Alegreya, Parisienne, Quantico, Audiowide, EB Garamond, Dancing Script, Lancelot, UnifrakturMaguntia, Merienda, Peralta, Josefin Sans, Amatic SC, Lora, Merriweather Sans, Merienda One, Roboto Slab" default="Montserrat" group="Text" />  
        <meta name="list:fontSize:label.Size" items="VerySmall12, Small14, Normal16, Big18, VeryBig20" default="Normal16" group="Text" /> 
        
        
        <meta name="boolean:display_widget_search_form:label.enabled" group="Search" default="true"/>
    
        <meta name="boolean:display_widget_subscribe:label.enabled" group="Subscribe" default="true"/>
        <meta name="boolean:display_widget_pages:label.enabled" group="Pages" default="true" />
        <meta name="string:pages_title:label.Widgettitle" group="Pages" />
        <meta name="boolean:display_widget_tags:label.enabled" group="Tags" default="true" />
        <meta name="string:tags_title:label.Widgettitle" group="Tags" />
 
        <meta name="boolean:display_widget_about:label.enabled" group="About" default="true"/>
        <meta name="boolean:display_widget_biography:label.enabled" group="AboutMe" default="false"/>
        <meta name="boolean:display_widget_follow:label.enabled" group="Follow" default="true"/>

/********************************
                         Nav
            ********************************/
                   
            .Nav {
                background: #F9F9F9;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                outline: 0;
                overflow: scroll;
                width: 330px;
                padding:30px;
                padding: 1.875rem;
                z-index: -1;
            }
            
            .Body.withsharebar .Nav {
                top: 40px;
            }             
                
                .Nav-content { 
                    position: relative; 
                    display: block;
                    height: 100%;
                    overflow: auto;
                }
                    .Nav-close {
                        position: absolute;
                        top: 0;
                        right: 0;
                        font-size: 30px;
                        cursor: pointer;
                        z-index: 50;
                    }
                
                    
                    .Nav-section {
                        position: relative;
                        margin: 40px 0;
                        margin: 2.5rem 0;
                    }
                
                    .Nav-title {
                        font-size: 18px;
                        font-size: 1.125rem;
                        margin: 40px 0;
                        margin: 2.5rem 0;
                    }
                    
                    .Nav-section + .Nav-title {
                        padding-top: 40px;
                        padding-top: 2.5rem;
                        border-top: 2px solid #333;
                    }
                
                    .Nav-list {}
                    
                        .Nav-listLink {
                            display: block;
                            line-height: 30px;
                            line-height: 1.875rem;
                        }
                        
                        .Nav-subList {
                            margin-left: 20px;
                        }
                        
                    .Nav-form {}
                        .Nav-input { width: 100%; margin-bottom: 20px; }
                        .Nav-submit { width: 100%; margin-left: 0; }

/********************************
                         Content
            ********************************/
            
            .Content {
                position: relative;
                -moz-transition: -moz-transform 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
                -o-transition: -o-transform 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
                -webkit-transition: -webkit-transform 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
                transition: transform 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
                background: #fff;
            }
            
            .Body.Body--navOpen .Content {
                -moz-transform: translate(-330px, 0, 0);
                -ms-transform: translate(-330px, 0, 0);
                -webkit-transform: translate(-330px, 0, 0);
                transform: translate(-330px, 0, 0);
                -moz-transform: translate3d(-330px, 0, 0);
                -ms-transform: translate3d(-330px, 0, 0);
                -webkit-transform: translate3d(-330px, 0, 0);
                transform: translate3d(-330px, 0, 0);
                position: fixed;
                overflow: hidden;
                width: 100%;
                height: 100%;
                z-index: 800;
            }
            
            .Body.withsharebar.Body--navOpen .Content {
                top: 40px;
            }
            
            .Body.Body--searchOpen .Content {
                -moz-transform: translate(0, 100px, 0);
                -ms-transform: translate(0, 100px, 0);
                -webkit-transform: translate(0, 100px, 0);
                transform: translate(0, 100px, 0);
                -moz-transform: translate3d(0, 100px, 0);
                -ms-transform: translate3d(0, 100px, 0);
                -webkit-transform: translate3d(0, 100px, 0);
                transform: translate3d(0, 100px, 0);
                left: 0;
                position: fixed;
                overflow: hidden;
                width: 100%;
                height: 100%;
                z-index: 800;
            }
            
                .Content-overlay {
                    display: none;
                    position: absolute;
                    left: 0;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    z-index: 600;
                }
                
                .Body.Body--navOpen .Content-overlay {
                    display: block;
                    right: 330px;
                    z-index: 900;
                    cursor: e-resize;
                }
                
                .Body.Body--searchOpen .Content-overlay {
                    display: block;
                    top: 100px;
                    z-index: 900;
                    cursor: n-resize;
                }
                
                .Body.withsharebar.Body--searchOpen .Content-overlay {
                    top: 140px;
                }    
            
            .Content--list {}
            .Content--page {}
            .Content--special {}
            
                @media only screen and (min-width: 970px) {
                .Content-main {
                    min-height: 1000px;
                }
                }
                
                .Content--page .Content-main {

}
                
                    .Content-homeLink {
                        position: absolute;
                        top: 30px;
                        left: 30px;
                        z-index: 1;
                    }
                    
                        .Content-blogAvatar {
                            width: 100px;
                            width: 6.25rem;
                            height: 100px;
                            height: 6.25rem;
                            border-radius: 50%;
                            display: block;
                        }
                    
                    .Content-titleLink {
                        position: absolute;
                        display: none;
                        top: 30px;
                        left: 160px;
                        z-index: 1;
                    }
                    
                    .Content-titleLink:hover {
                        text-decoration: none;
                    }
                    
                        .Content-blogTitle {
                            color: white;
                            font-weight: 700;
                        }
                    
                    @media only screen and (min-width: 970px) {
                    .Content-titleLink {
                        display: block;
                    }
                    }
                
                    .Content-searchButton {
                        position: absolute;
                        top: 30px;
                        z-index: 1;
                        color: #fff;
                        right: 30px;
                        font-size: 30px;
                        font-size: 1.875rem;
                        cursor: pointer;
                    }
                    
                    
                    .Content-navButton {
                        position: absolute;
                        top: 100px;
                        z-index: 1;
                        color: #fff;
                        right: 25px;
                        font-size: 12px;
                        font-size: .75rem;
                        cursor: pointer;
                        font-family: sans-serif;
                        border: 1px solid #fff;
                        padding: 5px;
                        padding: .3125rem;
                    }
                    
                        .Content-navButtonIcon {
                            display: block;
                            font-size: 30px;
                            font-size: 1.875rem;
                        }
                    
                    .Content-ad {
                        position: absolute;
                        top: 20px;
                        left: 50%;
                        transform: translateX(-50%);
                        z-index: 1;
                        max-width: 100%;
                        overflow: hidden;
                    }
                
            
            /********************************
                        Post
            ********************************/       
            
            .Post {         
                width: 100%;
                background-color: #fff;
                position: relative;
                
                {% if not isSingle %}
                    padding-bottom: 30px;
                {% endif %}
            }  
            
                .Post-header {}
                
                .PostHeader {
                    position: relative;
                    height: 300px;
                    background: #333;
                    color: #fff;
                    margin-bottom: 80px;
                    margin-bottom: 5rem;
                }
                
                @media only screen and (min-width: 970px) {
                .PostHeader {
                    height: 500px;
                }
                }
                
                    .PostHeader-cover {
                        width: 100%;
                        height: 100%;
                        opacity: 0.5;
                        border: 0;
                        object-fit: cover;
                    }
                    
                    .PostHeader-content {
                        padding: 0 .625rem;
                        position: absolute;
                        width: 100%;
                        top: 50%;
                        left: 50%;
                        -moz-transform: translate(-50%, -50%);
                        -ms-transform: translate(-50%, -50%);
                        -webkit-transform: translate(-50%, -50%);
                        transform: translate(-50%, -50%);
                    }
                
                
                    @media only screen and (min-width: 970px) {
                    .PostHeader-content {
                        padding: 0 3.125rem;
                    }
                    }
                    
                        .Post-title {
                            font-size: 30px;
                            font-size: 1.875rem;
                            font-weight: 700;
                            margin: 0;
                            line-height: 50px;
                            line-height: 3.125rem;
                            text-align: center;
                            word-wrap: break-word;
                            max-height: 200px;
                            max-height: 12.5rem;
                            overflow: hidden;
                            -webkit-hyphens: auto;
                            -moz-hyphens: auto;
                            -ms-hyphens: auto;
                            -o-hyphens: auto;
                            hyphens: auto;
                        }
                        
                        @media only screen and (min-width: 970px) {
                        .Post-title {
                            font-size: 75px;
                            font-size: 4.6875rem;
                            line-height: 90px;
                            line-height: 5.625rem;
                            max-height: 450px;
                            max-height: 28.125rem;
                            margin-bottom: 15px;
                            margin-bottom: .75rem;
                        }
                        }
        
                        .Post-meta {
                            display: block;
                            margin: 0;
                        }   
                        
                        .PostMeta {
                            line-height: 40px;
                            line-height: 2.5rem;
                            text-align: center;
                            font-size: 20px;
                            font-size: 1.25rem;
                        }
                        
                            .PostMeta-icon {
                                text-align: center;
                                display: inline-block;
                                width: 20px;
                                width: 1.25rem;
                            }
                            
                            .PostMeta-author:before {
                                content: '\2022';
                                display: inline-block;
                                padding: 0 7px 0 7px;
                                font-size: 20px;
                                position: relative;
                            }
                        
                        
                        .Post-tags {  
                            line-height: 40px;
                            line-height: 2.5rem;
                            font-size: 20px;
                            font-size: 1.25rem;
                            text-align: center;
                            display: block;
                        } 
                        
                        .Post-tag {
                            color: white;
                        }
                        
                    .PostHeader-scrollDown {
                        position: absolute;
                        bottom: 30px;
                        right: 30px;
                        font-size: 30px;
                        font-size: 1.875rem;
                        cursor: pointer;
                    }
                
                .Post-body {
                    margin: 10px 0;
                    text-align: justify;
                    line-height: 1.8;
                    word-break: break-word;
                    font-size: 20px;
                    font-size: 1.25rem;
                    padding: 10px;
                    overflow: hidden;
                }
                
                @media only screen and (min-width: 970px) {
                .Post-body {
                    padding: 0;
                    width: 970px;
                    margin: auto;
                }
                
                    .Post-body .ob-section {
                        width: 100%;
                    }
                
                    /*.Post-body .ob-section-html,
                    .Post-body .ob-section-text {
                        width: 970px;
                    }*/
                
                        .Post-body .ob-section-html h1,
                        .Post-body .ob-section-text h3 {
                            font-size: 40px;
                            font-size: 2.5rem;
                        }
                        
                        .Post-body .ob-section-html h2,
                        .Post-body .ob-section-text h4 {
                            font-size: 35px;
                            font-size: 2.1875rem;
                        }
                        
                        .Post-body .ob-section-html h3,
                        .Post-body .ob-section-text h5 {
                            font-size: 30px;
                            font-size: 1.875rem;
                        }
                        
                        .Post-body .ob-section-html h4 {
                            font-size: 25px;
                            font-size: 1.5625rem;
                        }
                        
                        .Post-body .ob-section-html h5 {
                            font-size: 20px;
                            font-size: 1.25rem;
                        }
                        
                        .Post-body .ob-section-html h6 {
                            font-size: 15px;
                            font-size: .9375rem;
                        }
                        
                        .Post-body .ob-section-html .twitter-tweet {
                            margin: auto;
                            text-align: center;
                        }
                        
                    .Post-body .ob-section-text .ob-img, 
                    .Post-body .ob-section-image .ob-img, .ob-section-images .ob-img {
                        width: 100%;
                    } 
                    
                    /*.Post-body .ob-section-video {
                        width: 100%;
                    }*/
                    
                }
                
                .Post-ad {
                    margin-bottom: 20px;
                    margin-bottom: 1.25rem;
                    text-align: center;
                }
                
                @media only screen and (min-width: 970px) {
                .Post-ad {
                    margin-bottom: 80px;
                    margin-bottom: 5rem;
                } 
                }
                
                .Post-ad2 {
                    margin: 0;
                    text-align: center;
                }
                                    
                .Post-footer {
                    padding: 10px;
                }
                
                @media only screen and (min-width: 970px) {
                .Post-footer {
                    margin: auto;
                    max-width: 970px;
                    padding: 0;
                }
                }
                
                    .Post-related {
                        margin-bottom: 10px;
                    }
                    
                    @media only screen and (min-width: 970px) {
                    .Post-related {
                        margin-bottom: 20px;
                    } 
                    }
                    
                    .Post-pagination {
                        margin-top: 20px; 
                    }
                    
                    @media only screen and (min-width: 970px) {
                    .Post-pagination {
                        margin-top: 40px;
                    } 
                    }
                    
                    .Post-biography {}
                    .PostBiography {}
                        .PostBiography-title {
                            font-family: '{{ Custom('titlesFont') }}'; 
                            text-transform: uppercase;
                            font-size: 30px;
                            font-size: 1.875rem;
                        }
                        
                        .PostBiography-content {
                            display: -webkit-box;
                            display: -moz-box;
                            display: -ms-flexbox;
                            display: -webkit-flex;
                            display: flex;
                        }
                        
                            .PostBiography-avatar {
                                -webkit-box-flex: 0;
                                -moz-box-flex: 0;
                                width: 100;
                                -webkit-flex: 0 0 100;
                                -ms-flex: 0 0 100;
                                flex: 0 0 100;
                                width: 100px;
                                height: 100px;
                                border-radius: 50%;
                            }
                            
                            .PostBiography-description {
                                flex: 1 1 auto;
                                
                            }
                            
                            .PostBiography-avatar + .PostBiography-description {
                                margin-left: 20px;
                            }
                     
                            
            /********************************
                      PostPreview
            ********************************/
            .PostPreview-container {
                overflow: auto;
                zoom: 1;
            }

@media only screen and (min-width: 970px) {
            .PostPreview-container {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                flex-wrap: wrap;
            }
            }
            
                .PostPreview {
                    width: 100%;  
                    height: 450px;
                    height: 28.125rem;
                    border-bottom: 2px solid #fff;
                    background: #333;
                    text-align: center;
                    color: #fff;
                    position: relative;
                }
                
                .PostPreview--ad {
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-justify-content: center;                 
                    -moz-justify-content: center;                 
                    -webkit-justify-content: center;                 
                    -ms-justify-content: center;                 
                    justify-content: center;
                    -webkit-box-align: center;                 
                    -moz-box-align: center;                 
                    -webkit-align-items: center;                 
                    -ms-flex-align: center;                 
                    align-items: center;
                }
                
                @media only screen and (min-width: 1000px) {
                .PostPreview {
                    -webkit-box-flex: 1;
                    -moz-box-flex: 1;
                    width: 500;
                    -webkit-flex: 1 1 500px;
                    -ms-flex: 1 1 500px;
                    flex: 1 1 500px;
                    border-right: 2px solid #fff;
                }
                }
                
                @media only screen and (min-width: 1000px) and (max-width: 1500px) {
                .PostPreview:nth-of-type(3n - 2) {
                    -webkit-box-basis: 100%;
                    -webkit-flex-basis: 100%;
                    -ms-flex-basis: 100%;
                    flex-basis: 100%;
                    border-right: 0;
                }
                .PostPreview:nth-of-type(3n) {
                    border-right: 0;
                }
                }
                
                @media only screen and (min-width: 1500px) and (max-width: 2000px) {
                .PostPreview:nth-of-type(5n - 4),
                .PostPreview:nth-of-type(5n - 3) {
                    -webkit-box-basis: 50%;
                    -webkit-flex-basis: 50%;
                    -ms-flex-basis: 50%;
                    flex-basis: 50%;
                }
                .PostPreview:nth-of-type(5n - 3),
                .PostPreview:nth-of-type(5n) {
                    border-right: 0;
                }
                }
                
                @media only screen and (min-width: 2000px) and (max-width: 2500px) {
                .PostPreview:nth-of-type(7n - 6),
                .PostPreview:nth-of-type(7n - 5),
                .PostPreview:nth-of-type(7n - 4) {
                    -webkit-box-basis: 33.33%;
                    -webkit-flex-basis: 33.33%;
                    -ms-flex-basis: 33.33%;
                    flex-basis: 33.33%;
                }
                .PostPreview:nth-of-type(7n - 4),
                .PostPreview:nth-of-type(7n) {
                    border-right: 0;
                }
                }
                
                @media only screen and (min-width: 2500px) and (max-width: 2600px) {
                .PostPreview:nth-of-type(9n - 8),
                .PostPreview:nth-of-type(9n - 7),
                .PostPreview:nth-of-type(9n - 6),
                .PostPreview:nth-of-type(9n - 5) {
                    -webkit-box-basis: 25%;
                    -webkit-flex-basis: 25%;
                    -ms-flex-basis: 25%;
                    flex-basis: 25%;
                }
                .PostPreview:nth-of-type(9n - 5),
                .PostPreview:nth-of-type(9n) {
                    border-right: 0;
                }
                }
                
                    .PostPreview-cover {
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        right: 0;
                        left: 0;
                        opacity: 0.5;
                        height: 100%;
                        width: 100%;
                        border: 0;
                        object-fit: cover;
                    }    
                           
                    .PostPreview-content {
                        padding: 0 3.125rem;
                        position: relative;
                        top: 50%;
                        -moz-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);
                    }
                    
                    
                        .PostPreview-title {
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            font-size: 30px;
                            font-size: 1.875rem;
                            margin: 0;
                            line-height: 50px;
                            line-height: 3.125rem;
                            color: #fff;
                        }   
                        
                            .PostPreview-title a { color: inherit };
                        
                        .PostPreview-meta {
                            font-size: 16px;
                            font-size: 1rem;
                            line-height: 30px;
                            line-height: 1.875rem;
                        }
                        
                        .PostPreview-tags {
                            font-size: 16px;
                            font-size: 1rem;
                            line-height: 30px;
                            line-height: 1.875rem;
                        }
                        
                    .PostPreview-link {
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                    }
            
            /********************************
                         Pagination
            ********************************/
            
            @media only screen and (min-width: 970px) {
            .Pagination {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
            }
            }
                
                @media only screen and (min-width: 970px) {
                .Pagination-link {
                    -webkit-box-flex: 1;
                    -moz-box-flex: 1;
                    -webkit-flex: 1 1 auto;
                    -ms-flex: 1 1 auto;
                    flex: 1;
                }
                }
                
                .PaginationLink {
                    display: block;
                    border: 2px solid #333;
                    padding: 10px;
                    font-size: 20px;
                    font-size: 1.25rem;
                    line-height: 30px;
                    line-height: 1.875rem;
                    font-family: '{{ Custom('titlesFont') }}'; 
                }
                
                @media only screen and (max-width: 970px) {
                .PaginationLink--previous + .PaginationLink--next {
                    margin-top: 10px;
                }
                }

@media only screen and (min-width: 970px) {
                .PaginationLink--previous {
                    margin-right: 10px;
                }
                
                .PaginationLink--next {
                    margin-left: 10px;
                    text-align: right;
                }
                }
                
                    .PaginationLink-label {
                        color: #333;
                        display: block;
                    }
                    
                    @media only screen and (min-width: 970px) {
                    .Pagination-link:hover .PaginationLink-label {
                        text-decoration: none;
                    }
                    }
                    
                    .PaginationLink-title {
                        display: block;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                
            .ob-pagination {
                text-align: center;
                margin: auto;
                margin-top: 20px;
            }
            
            @media only screen and (min-width: 970px) {
            .ob-pagination {
                margin: auto;
                margin-top: 40px;
            }
            }
                
                .ob-page {
                    display: none;
                    padding: 0 10px;
                    background: #fff;
                    color: #333;
                    font-family: sans-serif;
                    min-width: 45px;
                    min-width: 2.8125rem;
                    height: 45px;
                    height: 2.8125rem;
                    line-height: 45px;
                    line-height: 2.8125rem;
                    margin: 0 2.5px;
                    border: 2px solid #333;
                }
                                
                .ob-page-first,
                .ob-page-previous,
                .ob-page-current,
                .ob-page-next,
                .ob-page-last {
                  display: inline-block;
                }
                
                @media only screen and (min-width: 970px) {
                .ob-page {
                    display: inline-block;
                }
                }
                
                .ob-page-current {
                    color: #fff;
                    background: #333;
                    text-decoration: none;
                }
                
                @media only screen and (min-width: 970px) {
                .ob-page-link:hover {
                    color: #fff;
                    background: #333;
                    text-decoration: none;
                }
                }
            
            
            /********************************
                         Footer
            ********************************/
            
            .Footer, .ob-footer {
                width: 100%;
            }   
            
            
            .Footer {
                border-top: 1px solid #D2D2D2;
                border-bottom: 1px solid #D2D2D2;
                padding: 15px 10px;
                margin-top: 20px;
                
            }
            
            @media only screen and (min-width: 970px) {
            .Footer {
                padding: 40px 0;
                margin-top: 40px;
            }
            
                .Footer-content {
                    width: 970px;
                    margin: auto;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                }
            }

.Footer-about { 
                    -webkit-box-flex: 1;
                    -moz-box-flex: 1;
                    -webkit-flex: 1 1 auto;
                    -ms-flex: 1 1 auto;
                    flex: 1;
                }
                .FooterAbout {}
                
                    .Footer-title {
                        font-size: 18px;
                        font-size: 1.125rem;
                        margin-bottom: 20px;
                        margin-bottom: 1.25rem;
                        text-align: center;
                    }
                    
                    .FooterAbout-content {
                        display: -webkit-box;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-box-align: center;                 
                        -moz-box-align: center;                 
                        -webkit-align-items: center;                 
                        -ms-flex-align: center;                 
                        align-items: center;
                    }
                
                        .FooterAbout-avatar {
                            height: 100px;
                            height: 6.25rem;
                            width: 100px;
                            width: 6.25rem;
                            -webkit-box-flex: 0;
                            -moz-box-flex: 0;
                            width: 100;
                            -webkit-flex: 0 0 100;
                            -ms-flex: 0 0 100;
                            flex: 0 0 100;
                            flex-basis: 6.25rem;
                            border-radius: 50%;
                        }
                        
                        .FooterAbout-description {
                            -webkit-box-flex: 1;
                            -moz-box-flex: 1;
                            -webkit-flex: 1 1 auto;
                            -ms-flex: 1 1 auto;
                            flex: 1;
                        }
                        
                        .FooterAbout-avatar + .FooterAbout-description {
                            padding-left: 10px;
                            padding-left: .625rem;
                        }
                        
                .Footer-follow { 
                    -webkit-box-flex: 1;
                    -moz-box-flex: 1;
                    -webkit-flex: 1 1 auto;
                    -ms-flex: 1 1 auto;
                    flex: 1;
                }
                .FooterFollow {}
                
                    .FooterFollow-content {
                        text-align: center;
                    }
                    
                        .FooterFollow-element {
                            border: 0;
                            display: inline-block;
                            padding: 0;
                            position: relative;
                            text-align: center;
                        }
    
                            .FooterFollow-elementLink {
                                width: 45px;
                                height: 45px;
                                display: inline-block;
                                font-weight: normal;
                                font-style: normal;
                                text-decoration: inherit;
                                border: 2px solid #333;
                            }
                            
                                .FooterFollow-elementLink .fa {
                                    display: inline;
                                    width: 45px;
                                    line-height: 45px;
                                    font-size: 15px;
                                    font-size: .9375rem;
                                    text-align: center;
                                    color: #333;
                                }
    
                            @media only screen and (min-width: 970px) {
                            .FooterFollow-elementLink:hover {
                                color: #fff;
                                background: #333;
                                text-decoration: none;
                            }
                            
                                .FooterFollow-elementLink:hover .fa {
                                    color: #fff;
                                }
                            }
                        
            
            .ob-footer {
                padding: 20px 0;
                background: #fff;
            }
            
            .Body--navOpen .ob-footer {
                position: fixed;
                top: 100%;
            }

.Footer a,
                .ob-footer a,
                .Footer a:visited,
                .ob-footer a:visited {
                    color: #333333;
                }
                
                
            /********************************
                         Ads
            ********************************/
            .Ad--970x90 {
                width: 100%;
                height: auto;
                margin: 10px auto 0;
                overflow: hidden;
                text-align: center;
            }
            
            @media only screen and (min-width: 970px) {
            .Ad--970x90 {
                width: 970px;
                height: 90px;
                margin-top: 20px;
            }
            }
            
            .Ad--468x60 {
                text-align: center;
                margin-bottom: 20px;
            }
            
            
            /********************************
                   Overblog surcharge
            ********************************/
            
            .ob-text p:first-child {
                margin-top: 0;
            }
                        
            p.ob-desc {
                text-align: center;
                color: grey;
                font-style: italic;
            }
            
            /* Forms */
            .ob-input {
                font-size: 13px;
                font-size: .8125rem;
                line-height: 45px;
                height: 45px;
                padding: 0 10px;
                border: 2px solid #333;
                color: #333;
                font-family: '{{ Custom('titlesFont') }}'; 
                display: inline-block;
            }
            
            .ob-input-textarea {
                height: auto;
            }
            
            .ob-input-submit {
                color: #333;
                background: #fff;
                border: 2px solid #333;
                text-transform: uppercase;
                margin-left: 0;
            }
            
            .ob-form .ob-input-submit {
                margin-left: 33%;
            }
            
            @media only screen and (min-width: 970px) {
            .ob-input-submit:hover {
                color: #fff;
                background: #333;
                text-decoration: none;
            }
            }

/* Section Quote */
            .ob-section-quote .ob-quote .ob-quote-left,
            .ob-section-quote .ob-quote .ob-quote-right {
                fill: #333333;
            }
            
            /* Section File */
            .ob-section-file .ob-icon {
                fill: #333333;
            }

/* Section Audio */
            .ob-section-audio .obsoundplayer .obsoundplayerplay .obsoundplayerplay-play,
            .ob-section-audio .obsoundplayer .obsoundplayerplay .obsoundplayerplay-pause,
            .ob-section-audio .obsoundplayer .obsoundplayervolume .obsoundplayervolume-on,
            .ob-section-audio .obsoundplayer .obsoundplayervolume .obsoundplayervolume-off {
                fill: #333333;
            }
              
            .ob-section-images {
                text-align: center;
            }
            
            .ob-section-images,
            .ob-section-images img,
            .ob-section-map .ob-map, 
            .ob-section-map .ob-desc {
                max-width: 100%;
                width: auto;
                height: auto;
            }
            
            .ob-section-images a.ob-link-img {
                cursor: default;
            }
            
            @media only screen and (min-width: 970px) {
            .ob-row-1-col,
            .ob-row-2-col,    
            .ob-row-3-col,
            .ob-row-4-col,
            .ob-row-5-col {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
            }
            
            .ob-row-1-col a,
            .ob-row-2-col a,    
            .ob-row-3-col a,
            .ob-row-4-col a,
            .ob-row-5-col a {
                -webkit-box-flex: 1;
                -moz-box-flex: 1;
                -webkit-flex: 1 1 auto;
                -ms-flex: 1 1 auto;
                flex: 1;
            }
            }
 
            .ob-Shares-title,
            .ob-Comments-title {
                font-family: '{{ Custom('titlesFont') }}'; 
                text-transform: uppercase;
                font-size: 30px;
                font-size: 1.875rem;
            }
             
        .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 class="Body">
        {% if Custom('display_widget_search_form') == true %}
         <form class="SearchForm" action="/search" method="post">
            <div class="SearchForm-search">
                <label for="SearchForm-input" class="SearchForm-label">{{ Lang.Get('Search') }}</label>
                <input id="SearchForm-input" class="SearchForm-input" type="text" name="q" required="required" />
            </div>
</form>
{% endif %}
    
        
        <div class="Content {% if isIndex or isTag or isSearch or isArchive %}Content--list{% elseif isSpecial %}Content--special{% else %}Content--page{% endif %}">
  
            <a class="Content-homeLink" href="{{ Blog.Url }}">
            {% if Blog.Avatar is not empty %}
                <img class="Content-blogAvatar" src="{{ Blog.Avatar | resize(100, 100) | crop }}" alt="{{ Blog.Title }}" />
            {% else %}
                <img class="Content-blogAvatar" src="{{ '//assets.over-blog.com/t/cedistic/camera.png' | resize(100, 100) | crop }}" alt="{{ Blog.Url }}" />
            {% endif %}
            </a>
            
            <a class="Content-titleLink" href="{{ Blog.Url }}">
            {% if Blog.Title is not empty %}
                <h1 class="Content-blogTitle">
{{ Blog.Title }}</h1>
{% endif %}
            </a>
            {% if Custom('display_widget_search_form') == true %}
            <span class="Content-searchButton lnr lnr-magnifier"></span>
            {% endif %}
            {% if Custom('display_menu') == true %}
            <span class="Content-navButton">
                <span class="Content-navButtonIcon lnr lnr-menu"></span>
                <span>Menu</span>
            </span>
            {% endif %}

<div class="Content-main">
  
                {% if (isIndex or isTag or isSearch or isArchive) and Posts | length > 0 %}
                    <div class="PostPreview-container">
                    {% list Posts %}
                         <div class="PostPreview PostPreview--{{ Post.Sources[0] }}">
                            {% if Post.Cover is not empty %}
                            <img class="PostPreview-cover" src="{{ Post.Cover|resize(800, 500)|crop }}" alt="{{ Post.Title }}"/>
                            {% elseif Custom('default_post_cover') is not empty %}
                            <img class="PostPreview-cover" src="{{ Custom('default_post_cover')|resize(800, 500)|crop }}" alt="{{ Post.Title }}"/>
                            {% else %}
                            <div class="PostPreview-cover">
</div>
{% endif %}
                            
                            <div class="PostPreview-content">
                                {% if Post.Title is not empty %}
                                <h2 class="Post-title PostPreview-title">
      
                                    <a href="{{ Post.Permalink }}" title="{{ Post.Title }}">{{ Post.Title }}</a>
                                </h2>
{% endif %}
 
                                <p class="Post-meta PostMeta PostPreview-meta">
{% if Post.Date %}
                                    <span class="PostMeta-date">
                                        {{ Post.Date | datel(Lang.Get('default date format')) | title }}
                                    </span>
                                    {% endif %}
                                    
                                    {% if Post.Author.nickname %}
                                    <span class="PostMeta-author">
                                        {{ Post.Author.nickname }}
                                    </span>
                                    {% endif %}
                                </p>
{% if Post.Tags|length > 0 %}
                                <span class="Post-tags PostPreview-tags">
                                    {% list Post.Tags %} 
                                        <a class="Post-tag" href="{{ Tag.Url }}">{{ Tag.Title }}</a>{% if not loop.last %}, {% endif %}
                                    {% endlist %} 
                                </span>
                                {% endif %}
                            </div>
<a class="PostPreview-link" href="{{ Post.Permalink }}" ></a> 
                        </div>
{% endlist %}
                    </div>
<div class="Pagination">
                        {% pagination %}
                    </div>
{% elseif isSpecial %}
                    <div class="Post">
                        <div class="Post-header PostHeader">
                            {% if Custom('default_post_cover') is not empty %}
                            <img class="PostPreview-cover" src="{{ Custom('default_post_cover')|resize(800, 500)|crop }}" alt="{{ Post.Title }}"/>
                            {% else %}
                            <div class="PostPreview-cover">
</div>
{% endif %}
                            <span class="PostHeader-scrollDown lnr lnr-chevron-down"></span>
                            <div class="PostHeader-content">
                                {% if Lang.Get("SUBSCRIBE.OK") in SpecialContent or Lang.Get("SUBSCRIBE.NOK") in SpecialContent %}
                                <h2 class="Post-title">
      
                                    {{ Lang.Get("Newsletter") }}
                                </h2>
{% endif %}
                            </div>
</div>
<div class="Post-body">
                            {% if Blog.isAdEnabled %}
                            <div class="Post-ad">
                                {% ad(15) %}
                            </div>
{% endif %}
                            {{ SpecialContent }}
                        </div>
</div>
{% elseif isSingle %}  
                    <div class="Post Post--{{ Post.Sources[0] }}">
                        <div class="Post-header PostHeader">
                            {% if Post.Cover is not empty %}
                            <img class="PostHeader-cover" src="{{ Post.Cover }}" alt="{{ Post.Title }}"/>
                            {% elseif Custom('default_post_cover') is not empty %}
                            <img class="PostHeader-cover" src="{{ Custom('default_post_cover') }}" alt="{{ Post.Title }}"/>
                            {% else %}
                            <div class="PostHeader-cover">
</div>
{% endif %}
                                    
                            <div class="PostHeader-content">
                                {% if Post.Title is not empty %}
                                <h2 class="Post-title">
      
                                    {{ Post.Title }}
                                </h2>
{% endif %}
                                
                                <p class="Post-meta PostMeta">
{% if Post.Date %}
                                    <span class="Post-date">
                                        <span class="PostMeta-icon lnr lnr-calendar-full"></span>
                                        {{ Post.Date | datel(Lang.Get('default date format')) | title }}
                                    </span>
                                    {% endif %}
                                    
                                    <span class="PostMeta-author">
                                        <span class="PostMeta-icon lnr lnr-user"></span>
                                        {{ Post.Author.nickname }}
                                    </span>
                                </p>
{% if Post.Tags|length > 0 %}
                                <span class="Post-tags">
                                    {% list Post.Tags %} 
                                        <a class="Post-tag" href="{{ Tag.Url }}">{{ Tag.Title }}</a>{% if not loop.last %}, {% endif %}
                                    {% endlist %} 
                                </span>
                                {% endif %}  
                            </div>
<span class="PostHeader-scrollDown lnr lnr-chevron-down"></span>
                        </div>
<div class="Post-body">
                            {% if Blog.isAdEnabled %}
                            <div class="Post-ad">
                                {% ad(15) %}
                            </div>
{% endif %}
                            {{ Post.Body }}
                            {% if Blog.isAdEnabled %}
                            <div class="Post-ad2">
                                {% ad(15) %}
                            </div>
{% endif %}
                        </div>
<div class="Post-footer">
                            {{ Post.Shares }}  
                            
                            {{ Post.related }}
                            
                            {% if (Navigation.PreviousPost is not empty or Navigation.NextPost is not empty) %}
                            <div class="Post-pagination Pagination">
                                {% if Navigation.PreviousPost is not empty %}
                                    <a href="{{ Navigation.PreviousPost.Permalink }}" title="{{ Navigation.PreviousPost.Title }}" class="Pagination-link PaginationLink PaginationLink--previous">
                                        <span class="PaginationLink-label">« {{ Lang.Get('Previous post') }}</span>
                                        <span class="PaginationLink-title">{{ Navigation.PreviousPost.Title }}</span>
                                    </a>
                                {% endif %}
        
                                {% if Navigation.NextPost is not empty %}
                                    <a href="{{ Navigation.NextPost.Permalink }}" title="{{ Navigation.NextPost.Title }}" class="Pagination-link PaginationLink PaginationLink--next">
                                        <span class="PaginationLink-label">{{ Lang.Get('Next post') }} »</span>
                                        <span class="PaginationLink-title">{{ Navigation.NextPost.Title }}</span>
                                    </a>
                                {% endif %}
                            </div>
{% endif %}
                            
                            {% if Custom('display_widget_biography') == true %}
                            <div class="Post-biography PostBiography">
                                <h3 class="PostBiography-title">
                                    {{ Lang.Get('more about me') }}
                                </h3>
<div class="PostBiography-content">
                                    {% if Blog.Owner.Avatar is not empty %}
                                    <img class="PostBiography-avatar" src="{{ Blog.Owner.Avatar | resize(300, 300) | crop }}" alt="{{ Blog.Owner.Nickname }}" />
                                    {% endif %}
                                    <p class="PostBiography-description">
{{ Blog.Owner.Bio }}
                                    </p>
</div>
</div>
{% endif %}
                            
                            {% if Post.ShowComments is not empty and Post.ShowComments %}
                            
                            <div class="Post-comments">
                                <h3 class="ob-Comments-title">
{{ Lang.Get('Comment this post') }}</h3>
<div>
                                    {% if Custom("comment") == "Facebook" %}
                                        <div class="fb-comments" data-href="{{ Post.Permalink }}" data-num-posts="2" data-width="700" 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 %}
                        </div>
</div>
{% else %}
                    <div class="Post">
                        <div class="Post-header PostHeader">
                            {% if Custom('default_post_cover') is not empty %}
                            <img class="PostPreview-cover" src="{{ Custom('default_post_cover')|resize(800, 500)|crop }}" alt="{{ Post.Title }}"/>
                            {% else %}
                            <div class="PostPreview-cover">
</div>
{% endif %}
                            <span class="PostHeader-scrollDown lnr lnr-chevron-down"></span>
                            <div class="PostHeader-content">
                                <h2 class="Post-title">
                                    {% if isSearch %}
                                        {{ Lang.Get('Search for') }} “{{ Search.Keyword }}”
                                    {% elseif isTag %}
                                        {{ Lang.Get('Articles with tag :') }} {{ Tag.Title }}
                                    {% else %}
                                        {{ Lang.Get("No post found") }}
                                    {% endif %}
                                </h2>
</div>
</div>
<div class="Post-body">
                            {% if Blog.isAdEnabled %}
                            <div class="Post-ad">
                                {% ad(15) %}
                            </div>
{% endif %}
                            <p>
{{ Lang.Get("No post found") }}. 
                            <br />
                            <br />
                            <a class="ob-input ob-input-submit" href="{{ Blog.Url }}">{{ Lang.Get('Go back home') }}</a><p>
</div>
</div>
{% endif %}
            </div>

            <div class="Footer">
                <div class="Footer-content">
                    {% if Custom('display_widget_about') == true %}
                    <div class="Footer-about FooterAbout">
                        <div class="Footer-title Title">
                            {{ Lang.Get('about the blog') }}
                        </div>
<div class="FooterAbout-content">
                            {% if Blog.Avatar is not empty %}
                            <img class="FooterAbout-avatar" src="{{ Blog.Avatar | resize(300, 300) | crop }}" alt="{{ Blog.Title }}" />
                            {% endif %}
                            <p class="FooterAbout-description">
{{ Blog.Description }}
                            </p>
</div>
</div>
{% endif %}
                    
                    {% if Custom('display_widget_follow') == true %}
                    <div class="Footer-follow FooterFollow">
                        <div class="Footer-title Title">
                            {% if Custom('widget_follow_title') is not empty %}
                                {{ Lang.Get(Custom('widget_follow_title')) }}
                            {% else %}
                                {{ Lang.Get('follow me') }}
                            {% endif %}
                        </div>
<div class="FooterFollow-content">
                            {% if Custom('facebook_username') %}
                            <div class="FooterFollow-element">
                                <a class="FooterFollow-elementLink  FooterFollow-elementLink--facebook" href="//facebook.com/{{ Custom('facebook_username') }}" target="_blank">
                                    <span class="fa fa-fw fa-facebook"></span>
                                </a>
                            </div>
{% endif %}
                            {% if Custom('twitter_username') %}
                            <div class="FooterFollow-element">
                                <a class="FooterFollow-elementLink FooterFollow-elementLink--twitter" href="//twitter.com/{{ Custom('twitter_username') }}" target="_blank">
                                    <span class="fa fa-fw fa-twitter"></span>
                                </a>
                            </div>
{% endif %}
                            {% if Custom('googleplus_username') %}
                            <div class="FooterFollow-element">
                                <a class="FooterFollow-elementLink FooterFollow-elementLink--googleplus" href="//plus.google.com/{{ Custom('googleplus_username') }}" target="_blank">
                                    <span class="fa fa-fw fa-google-plus"></span>
                                </a>
                            </div>
{% endif %}
                            {% if Custom('pinterest_username') %}
                            <div class="FooterFollow-element">
                                <a class="FooterFollow-elementLink FooterFollow-elementLink--pinterest" href="//pinterest.com/{{ Custom('pinterest_username') }}" target="_blank">
                                    <span class="fa fa-fw fa-pinterest"></span>
                                </a>
                            </div>
{% endif %}
                            {% if Custom('instagram_username') %}
                            <div class="FooterFollow-element">
                                <a class="FooterFollow-elementLink FooterFollow-elementLink--instagram" href="//instagram.com/{{ Custom('instagram_username') }}" target="_blank">
                                    <span class="fa fa-fw fa-instagram"></span>
                                </a>
                            </div>
{% endif %}
                            <div class="FooterFollow-element">
                                <a class="FooterFollow-elementLink FooterFollow-elementLink--rss" href="{{ Blog.RssUrl }}" target="_blank">
                                    <span class="fa fa-fw fa-rss"></span>
                                </a>
                            </div>
</div>
</div>
{% endif %}
                </div>
</div>
</div>
{% if Custom('display_menu') == true %}
        <div class="Nav">
             <div class="Nav-content">
                <i class="Nav-close lnr lnr-cross"></i>
                <div class="Nav-title Title">
Navigation</div>
<div class="Nav-section Nav-list">
                    {% if Custom('display_home_menu') == true %}
                    <div class="Nav-home Nav-listElement" role="menuitem">
                        <a class="Nav-listLink" href="{{ Blog.Url }}">{{ Lang.Get('Home') }}</a>
                    </div>
{% endif %}
    
                    {% if Custom('menu1_label') is not empty and Custom('menu1_link') is not empty %}
                    <div class="Nav-listElement" role="menuitem" aria-haspopup="true">
                        <a class="Nav-listLink" href="{{ Custom('menu1_link') }}">{{ Custom('menu1_label') }}</a>
                        {% if (Custom('menu1_submenu1_label') is not empty and Custom('menu1_submenu1_link') is not empty) or (Custom('menu1_submenu2_label') is not empty and Custom('menu1_submenu2_link') is not empty) or (Custom('menu1_submenu3_label') is not empty and Custom('menu1_submenu3_link') is not empty) %}
                        <div class="Nav-subList" role="menu" aria-hidden="true">
                            {% if Custom('menu1_submenu1_label') is not empty and Custom('menu1_submenu1_link') is not empty %}
                            <a class="Nav-listLink" href="{{ Custom('menu1_submenu1_link') }}" role="menuitem">{{ Custom('menu1_submenu1_label') }}
                            </a>
                            {% endif %}
                            {% if Custom('menu1_submenu2_label') is not empty and Custom('menu1_submenu2_link') is not empty %}
                            <a class="Nav-listLink" href="{{ Custom('menu1_submenu2_link') }}" role="menuitem">{{ Custom('menu1_submenu2_label') }}</a>
                            {% endif %}
                            {% if Custom('menu1_submenu3_label') is not empty and Custom('menu1_submenu3_link') is not empty %}
                            <a class="Nav-listLink" href="{{ Custom('menu1_submenu3_link') }}" role="menuitem">{{ Custom('menu1_submenu3_label') }}</a>
                            {% endif %}
                        </div>
{% endif %}
                    </div>
{% endif %}
    
                    {% if Custom('menu2_label') is not empty and Custom('menu2_link') is not empty %}
                    <div class="Nav-listElement" role="menuitem" aria-haspopup="true">
                        <a class="Nav-listLink" href="{{ Custom('menu2_link') }}">{{ Custom('menu2_label') }}</a>
                        {% if (Custom('menu2_submenu1_label') is not empty and Custom('menu2_submenu1_link') is not empty) or (Custom('menu2_submenu2_label') is not empty and Custom('menu2_submenu2_link') is not empty) or (Custom('menu2_submenu3_label') is not empty and Custom('menu2_submenu3_link') is not empty) %}
                        <div class="Nav-subList" role="menu" aria-hidden="true">
                            {% if Custom('menu2_submenu1_label') is not empty and Custom('menu2_submenu1_link') is not empty %}
                            <a class="Nav-listLink" href="{{ Custom('menu2_submenu1_link') }}" role="menuitem">{{ Custom('menu2_submenu1_label') }}
                            </a>
                            {% endif %}
                            {% if Custom('menu2_submenu2_label') is not empty and Custom('menu2_submenu2_link') is not empty %}
                            <a class="Nav-listLink" href="{{ Custom('menu2_submenu2_link') }}" role="menuitem">{{ Custom('menu2_submenu2_label') }}</a>
                            {% endif %}
                            {% if Custom('menu2_submenu3_label') is not empty and Custom('menu2_submenu3_link') is not empty %}
                            <a class="Nav-listLink" href="{{ Custom('menu2_submenu3_link') }}" role="menuitem">{{ Custom('menu2_submenu3_label') }}</a>
                            {% endif %}
                        </div>
{% endif %}
                    </div>
{% endif %}
    
                    {% if Custom('menu3_label') is not empty and Custom('menu3_link') is not empty %}
                    <div class="Nav-listElement" role="menuitem" aria-haspopup="true">
                        <a class="Nav-listLink" href="{{ Custom('menu3_link') }}">{{ Custom('menu3_label') }}</a>
                        {% if (Custom('menu3_submenu1_label') is not empty and Custom('menu3_submenu1_link') is not empty) or (Custom('menu3_submenu2_label') is not empty and Custom('menu3_submenu2_link') is not empty) or (Custom('menu3_submenu3_label') is not empty and Custom('menu3_submenu3_link') is not empty) %}
                        <div class="Nav-subList" role="menu" aria-hidden="true">
                            {% if Custom('menu3_submenu1_label') is not empty and Custom('menu3_submenu1_link') is not empty %}
                            <a class="Nav-listLink" href="{{ Custom('menu3_submenu1_link') }}" role="menuitem">{{ Custom('menu3_submenu1_label') }}
                            </a>
                            {% endif %}
                            {% if Custom('menu3_submenu2_label') is not empty and Custom('menu3_submenu2_link') is not empty %}
                            <a class="Nav-listLink" href="{{ Custom('menu3_submenu2_link') }}" role="menuitem">{{ Custom('menu3_submenu2_label') }}</a>
                            {% endif %}
                            {% if Custom('menu3_submenu3_label') is not empty and Custom('menu3_submenu3_link') is not empty %}
                            <a class="Nav-listLink" href="{{ Custom('menu3_submenu3_link') }}" role="menuitem">{{ Custom('menu3_submenu3_label') }}</a>
                            {% endif %}
                        </div>
{% endif %}
                    </div>
{% endif %}
    
                    {% if Custom('menu4_label') is not empty and Custom('menu4_link') is not empty %}
                    <div class="Nav-listElement" role="menuitem" aria-haspopup="true">
                        <a class="Nav-listLink" href="{{ Custom('menu4_link') }}">{{ Custom('menu4_label') }}</a>
                        {% if (Custom('menu4_submenu1_label') is not empty and Custom('menu4_submenu1_link') is not empty) or (Custom('menu4_submenu2_label') is not empty and Custom('menu4_submenu2_link') is not empty) or (Custom('menu4_submenu3_label') is not empty and Custom('menu4_submenu3_link') is not empty) %}
                        <div class="Nav-subList" role="menu" aria-hidden="true">
                            {% if Custom('menu4_submenu1_label') is not empty and Custom('menu4_submenu1_link') is not empty %}
                            <a class="Nav-listLink" href="{{ Custom('menu4_submenu1_link') }}" role="menuitem">{{ Custom('menu4_submenu1_label') }}
                            </a>
                            {% endif %}
                            {% if Custom('menu4_submenu2_label') is not empty and Custom('menu4_submenu2_link') is not empty %}
                            <a class="Nav-listLink" href="{{ Custom('menu4_submenu2_link') }}" role="menuitem">{{ Custom('menu4_submenu2_label') }}</a>
                            {% endif %}
                            {% if Custom('menu4_submenu3_label') is not empty and Custom('menu4_submenu3_link') is not empty %}
                            <a class="Nav-listLink" href="{{ Custom('menu4_submenu3_link') }}" role="menuitem">{{ Custom('menu4_submenu3_label') }}</a>
                            {% endif %}
                        </div>
{% endif %}
                    </div>
{% endif %}
    
                    {% if Custom('menu5_label') is not empty and Custom('menu5_link') is not empty %}
                    <div class="Nav-listElement" role="menuitem" aria-haspopup="true">
                        <a class="Nav-listLink" href="{{ Custom('menu5_link') }}">{{ Custom('menu5_label') }}</a>
                        {% if (Custom('menu5_submenu1_label') is not empty and Custom('menu5_submenu1_link') is not empty) or (Custom('menu5_submenu2_label') is not empty and Custom('menu5_submenu2_link') is not empty) or (Custom('menu5_submenu3_label') is not empty and Custom('menu5_submenu3_link') is not empty) %}
                        <div class="Nav-subList" role="menu" aria-hidden="true">
                            {% if Custom('menu5_submenu1_label') is not empty and Custom('menu5_submenu1_link') is not empty %}
                            <a class="Nav-listLink" href="{{ Custom('menu5_submenu1_link') }}" role="menuitem">{{ Custom('menu5_submenu1_label') }}
                            </a>
                            {% endif %}
                            {% if Custom('menu5_submenu2_label') is not empty and Custom('menu5_submenu2_link') is not empty %}
                            <a class="Nav-listLink" href="{{ Custom('menu5_submenu2_link') }}" role="menuitem">{{ Custom('menu5_submenu2_label') }}</a>
                            {% endif %}
                            {% if Custom('menu5_submenu3_label') is not empty and Custom('menu5_submenu3_link') is not empty %}
                            <a class="Nav-listLink" href="{{ Custom('menu5_submenu3_link') }}" role="menuitem">{{ Custom('menu5_submenu3_label') }}</a>
                            {% endif %}
                        </div>
{% endif %}
                    </div>
{% endif %}
    
                    {% if Custom('menu6_label') is not empty and Custom('menu6_link') is not empty %}
                    <div class="Nav-listElement" role="menuitem" aria-haspopup="true">
                        <a class="Nav-listLink" href="{{ Custom('menu6_link') }}">{{ Custom('menu6_label') }}</a>
                        {% if (Custom('menu6_submenu1_label') is not empty and Custom('menu6_submenu1_link') is not empty) or (Custom('menu6_submenu2_label') is not empty and Custom('menu6_submenu2_link') is not empty) or (Custom('menu6_submenu3_label') is not empty and Custom('menu6_submenu3_link') is not empty) %}
                        <div class="Nav-subList" role="menu" aria-hidden="true">
                            {% if Custom('menu6_submenu1_label') is not empty and Custom('menu6_submenu1_link') is not empty %}
                            <a class="Nav-listLink" href="{{ Custom('menu6_submenu1_link') }}" role="menuitem">{{ Custom('menu6_submenu1_label') }}
                            </a>
                            {% endif %}
                            {% if Custom('menu6_submenu2_label') is not empty and Custom('menu6_submenu2_link') is not empty %}
                            <a class="Nav-listLink" href="{{ Custom('menu6_submenu2_link') }}" role="menuitem">{{ Custom('menu6_submenu2_label') }}</a>
                            {% endif %}
                            {% if Custom('menu6_submenu3_label') is not empty and Custom('menu6_submenu3_link') is not empty %}
                            <a class="Nav-listLink" href="{{ Custom('menu6_submenu3_link') }}" role="menuitem">{{ Custom('menu6_submenu3_label') }}</a>
                            {% endif %}
                        </div>
{% endif %}
                    </div>
{% endif %}
    
                    {% if Custom('display_contact_menu') == true %}
                    <div class="Nav-listElement" role="menuitem">
                        <a class="Nav-listLink" href="/contact" title="{{ Lang.Get('Contact us') }}">{{ Lang.Get('Contact') }}</a>
                    </div>
{% endif %}
                </div>
{% if Custom('display_widget_subscribe') == true %}
                <div class="Nav-title Title">
                    {{ Lang.Get('Subscribe') }}
                </div>
<div class="Nav-section">
                    <form class="Nav-form" action="/mail/subscribe" method="post">
                        <input class="ob-input Nav-input" type="email" name="email" placeholder="{{ Lang.Get('Email_Example') }}" required="required" />
                        <input class="ob-input ob-input-submit Nav-submit" type="submit" value="{{ Lang.Get('Subscribe') }}" />
                    </form>
</div>
{% endif %}
                
                {% if Custom('display_widget_tags') == true and Blog.PostsTags is not empty %}
                <h3 class="Nav-title Title">
                    {{ Custom('tags_title')|default(Lang.Get('Categories')) }}
                </h3>
<div class="Nav-section Nav-list">
                    {% if Custom('tags_number') == '50NotRecommended' %}
                        {% list Blog.PostsTags(50) %}
                            <div class="Nav-listElement">
                                <a class="Nav-listLink" href="{{ PostsTag.Url }}">
                                    {{ PostsTag.Title|title }} ({{ PostsTag.PostCount }})
                                </a>
                            </li>
{% endlist %}
                    {% else %}
                        {% list Blog.PostsTags(Custom('tags_number')|default(10)) %}
                            <div class="Nav-listElement">
                                <a class="Nav-listLink" href="{{ PostsTag.Url }}">
                                    {{ PostsTag.Title|title }} ({{ PostsTag.PostCount }})
                                </a>
                            </div>
{% endlist %}
                    {% endif %}
                </div>
{% endif %}
                
                {% if Custom('display_widget_pages') == true and Blog.Pages is not empty %}
                <h3 class="Nav-title Title">
                    {{ Custom('pages_title')|default(Lang.Get('Pages')) }}
                </h3>
<div class="Nav-section Nav-list">
                    
                    <ul class="Sidebar-list">
                        {% list Blog.Pages %}
                            <div class="Nav-listElement">
                                <a class="Nav-listLink" href='{{ Page.Url }}'>{{ Page.Title }}</a>
                            </div>
{% endlist %}
                    </ul>
</div>
{% endif %}
            </div>
</div>
{% endif %}
        
        <div class="Content-overlay">
</div>
{% 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']);

<script type="text/javascript">
            jQuery(document).ready(function() {
                var resizePostHeader = function() {
                    var top = $('.Body.withsharebar') ? 40 : 0
                    $('.PostHeader').css('height', window.innerHeight - top)
                }
                
                var isMobile = window.matchMedia("only screen and (max-width: 970px)");

// if (!isMobile.matches) {
                if ($('.Content--page').length > 0) {
                    if ($('.Content').find('.Post-header')) {
                        resizePostHeader()
                    } 
                    
                    $( window ).resize(function() {
                      resizePostHeader()
                    })
                }
                
                {% if Custom('display_menu') == true %}
                var openNav = function() {
                    $(".Body").addClass("Body--navOpen");
                    $(".Content-navButtonIcon").removeClass("lnr-menu").addClass("lnr-cross");
                }
                
                var closeNav = function() {
                    $(".Body").removeClass("Body--navOpen");
                    $(".Content-navButtonIcon").removeClass("lnr-cross").addClass("lnr-menu");
                }
                
                $('.Content-navButton, .Nav-close').click(function() {
                    if($(".Body").hasClass("Body--navOpen")) {
                        closeNav()
                    } else {
                        openNav()
                    }
                });
                {% endif %}
                
                {% if Custom('display_widget_search_form') == true %}
                var openSearch = function() {
                    $(".Body").addClass("Body--searchOpen");
                }
                
                var closeSearch = function() {
                    $(".Body").removeClass("Body--searchOpen");
                }
                
                $(".Content-searchButton, .Body--searchOpen > .Content-overlay").click(function(){
                    if($(".Body").hasClass("Body--searchOpen")) {
                        closeSearch()
                    } else {
                        openSearch()
                    }
                });
                {% endif %}
                
                
                $(".Content-overlay").click(function() {
                    {% if Custom('display_menu') == true %}
                    if ($(".Body").hasClass("Body--navOpen")) {
                        closeNav()
                    }
                    {% endif %}
                    
                    {% if Custom('display_widget_search_form') == true %}
                    if ($(".Body").hasClass("Body--searchOpen")) {
                        closeSearch()
                    }
                    {% endif %}
                });
                
                /* Search */
                $(".SearchForm-input").focus(function(){
                    $(this).parent().addClass("SearchForm-search--active SearchForm-search--completed");
                });
                
                $(".SearchForm-input").focusout(function(){
                    if ($(this).val() === "") {
                        $(this).parent().removeClass("SearchForm-search--completed");
                    }
                    $(this).parent().removeClass("SearchForm-search--active");
                })
                
                /* Smooth scroll */
                $('.PostHeader-scrollDown').click(function(){
                  $('html, body').animate({
                    scrollTop: $('.PostHeader').offset().top + $('.PostHeader').height()
                  }, 'slow');
                });
                
                /* Cancel click images links */
                $(".ob-section-images a.ob-link-img").click(function(e){
                    e.preventDefault();
                });
            });
        </script>
    </body>
</html>

lundi 21 novembre 2016

Focale