Supprimer la publicité sur overblog: Photofolio

Photofolio

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="9" />

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

{% 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 : Dosis #}
            <link href='//fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
        {% endif %}

<style type="text/css">
            a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {background: transparent; border: 0 none; font-size: 100%; margin: 0; padding: 0; border: 0; outline: 0;}
            ol,
            ul {list-style:none}
            blockquote,
            q {quotes:none}
            table,
            table td {padding:0;border:none;border-collapse:collapse}
            img {vertical-align:top}
            embed {vertical-align:top}

/* Left & Right alignment */
            .left {float: left}
            .right {float: right}
            .relative {position: relative;}
            .clear {clear: both;}

/* Global properties */
            body {background: #1F1F1F; border: 0; font: 14px "Arial", Helvetica, sans-serif; color: {{ Custom("custom_page_font_color")|default('#0f0f0f') }}; line-height: 20px;}
            a {color: #13c5ff; outline: none; text-decoration: none;}

/* Global Structure */
            #content {overflow: hidden; {% if isSpecial or isSingle %}padding-bottom: 50px;{% endif %} position: relative;}
            #content2 {padding: 39px 0 60px;}
            .main {
                margin: {% if not isSingle or not isSpecial %}40{% else %}30{% endif %}px auto 0;
                position: relative;
                {% if not isSingle and not isSpecial %}
                    width: 916px;
                {% else %}
                    width: 960px;
                {% endif %}
            }
            .m-top {position: relative;}
            .m-top .s-bg {background: -moz-radial-gradient(center, ellipse cover,  rgba(130,130,130,1) 0%, rgba(63,63,63,0) 63%, rgba(24,24,24,0) 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(130,130,130,1)), color-stop(63%,rgba(63,63,63,0)), color-stop(100%,rgba(24,24,24,0))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(130,130,130,1) 0%,rgba(63,63,63,0) 63%,rgba(24,24,24,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(130,130,130,1) 0%,rgba(63,63,63,0) 63%,rgba(24,24,24,0) 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover,  rgba(130,130,130,1) 0%,rgba(63,63,63,0) 63%,rgba(24,24,24,0) 100%); /* IE10+ */ background: radial-gradient(center, ellipse cover,  rgba(130,130,130,1) 0%,rgba(63,63,63,0) 63%,rgba(24,24,24,0) 100%); /* W3C */ height: 750px; left: 0; position: absolute; top: 0; width: 100%; z-index: -1;}
            .m-bottom {background: #414141;}
            .m-bottom .main {overflow: hidden; position: relative;}
            .m-list {float: left; width: 600px;}
            .m-middle {background: #EBEBEB; padding-top: 60px;}
            .wrapper {overflow: hidden; width: 100%;}

/* header */
            header {height: auto; min-height: 165px;}
                #logo {
                    margin-top: 14px;
                    margin-bottom: 5px;
                    padding: 0;
                    width: 660px;
                }
                #logo a {
                    color: #FFF;
                    display: block;
                    font-size: 50px;
                    line-height: 67px;
                    text-decoration: none;
                }
                #logo a:first-letter {color: #13C5FF;}
                #headline {color: #A9A9A9; float: left; font-size: 20px; line-height: 25px; {% if not isIndex %}padding: 0 0 30px;{% endif %} width: 520px;}

#search {padding: 41px 20px 0 0;}
                #search .input {float:right;width:148px;padding: 5px 8px; font:14px Arial, Helvetica, sans-serif; background: #fff; color:#999;height:16px}
                #search .submit {background: #FFF url(//assets.over-blog.com/t/photofolio/images/search.gif) center center no-repeat; border: none; cursor:pointer; display:block; float: right; height: 30px; margin-left: 4px; width: 30px;}

#menu {float: right; margin: 40px 19px 40px 0;}
                #menu li {display: inline-block; padding-right: 28px;}
                #menu li.end {padding-right: 0;}
                #menu a {background: url(//assets.over-blog.com/t/photofolio/images/menu_marker.png) 0 4px no-repeat; color: #FFF; display: block; font-size: 16px; max-width: 100%; overflow: hidden; padding-left: 18px; text-overflow: ellipsis; text-decoration: none; text-transform: capitalize; white-space: nowrap;}
                #menu a:hover,
                #menu .active a {color: #13c5ff;}

#menu li ul {background: #1F1F1F; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; margin-right: 8px; max-width: 300px; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0;  opacity: 0; padding-bottom: 7px; position: absolute; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; visibility: hidden; z-index: 1000;}
                #menu li:hover ul { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; visibility: visible;}
                #menu li ul li {display: block; float: none; padding: 2px 5px;}

#gallery {height: 520px; margin: 0 0 -70px; width: 100%;}
                #myRoundabout {
                    height: 430px;
                    margin: 0 auto;
                    overflow: hidden;
                    position: relative;
                    top: 60px;
                    width: 700px;
                }
                #myRoundabout li{
                    background: #FFF;
                    border: solid 15px #FFFFFF;
                    -webkit-box-shadow: 0 60px 30px -60px #000;
                    -moz-box-shadow: 0 60px 30px -60px #000;
                    -ms-box-shadow: 0 60px 30px -60px #000;
                    -o-box-shadow: 0 60px 30px -60px #000;
                    box-shadow: 0 60px 30px -60px #000;
                    display: inline-block;
                    overflow: hidden;
                    position: relative;
                }
                #myRoundabout img{
                    display: block;
                    -webkit-transition: all 300ms ease 0s;
                    -moz-transition: all 300ms ease 0s;
                    -ms-transition: all 300ms ease 0s;
                    -o-transition: all 300ms ease 0s;
                    transition: all 300ms ease 0s;
                }
                #myRoundabout .caption {
                    background: #111;
                    background: rgba(34, 34, 34, 0.7);
                    bottom: -50px; color: #FFF;
                    display: block;
                    font-size: 20px;
                    font-weight: bold;
                    line-height: 25px;
                    max-height: 30px;
                    padding: 10px 10px;
                    position: absolute;
                    text-overflow: ellipsis;
                    -webkit-transition: all 200ms ease 0s;
                    -moz-transition: all 200ms ease 0s;
                    -ms-transition: all 200ms ease 0s;
                    -o-transition: all 200ms ease 0s;
                    transition: all 200ms ease 0s;
                    overflow: hidden;
                    white-space: nowrap;
                    width: 97%;
                }
                #myRoundabout .roundabout-in-focus:hover img {
                    -webkit-opacity: 0.5;
                    -moz-opacity: 0.5;
                    -ms-opacity: 0.5;
                    -o-opacity: 0.5;
                    opacity: 0.5;
                }
                #myRoundabout .roundabout-in-focus:hover .caption {
                    bottom: 0;
                }

.tag-title,
            .search-title,
            .special h2 {
                display: block;
                font-size: 28px;
                line-height: 40px;
                margin-bottom: 40px;
            }

.post {background: url(//assets.over-blog.com/t/photofolio/images/line_ver1.gif) repeat-y -1px 0; border-left: 1px solid #DDD; margin: 0 0 40px; padding: 10px 35px 20px 33px; -webkit-transition: background 350ms ease; -moz-transition: background 350ms ease; -ms-transition: background 350ms ease; -o-transition: background 350ms ease; transition: background 350ms ease; width: 236px; word-wrap: break-word;}
                .post:hover {background: #E3E3E3;}
                .post .post-title {font-size: 26px; letter-spacing: -1px; line-height: 36px; margin-bottom: 5px; max-height: 35px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
                    .post .post-title a {text-decoration: none;}
                    .post .cover {border: solid 7px #FFFFFF; -webkit-box-shadow: 0 25px 30px -30px #000; -moz-box-shadow: 0 25px 30px -30px #000; -ms-box-shadow: 0 25px 30px -30px #000; -o-box-shadow: 0 25px 30px -30px #000; box-shadow: 0 25px 30px -30px #000; margin-bottom: 15px; display: block; overflow: hidden; position: relative;}
                        .post .cover img {-webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; padding: 0; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
                        .post .cover:hover img {-webkit-opacity: 0.5; -moz-opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5;}
                        .post .snippet {margin-bottom: 20px; {% if not isSingle or not isSpecial %}max-height: 80px;{% endif %} overflow: hidden;}
                        .post .buttons {min-height: 0;}
                        .comment-count {background-color: #13c5ff; background: rgba(34, 34, 34, 0.7) url(//assets.over-blog.com/t/photofolio/images/bubble.png) no-repeat 40px 9px; bottom: -30%; display: block; height: 30%; position: absolute; -webkit-transition: bottom 200ms ease 0s; -moz-transition: bottom 200ms ease 0s; -ms-transition: bottom 200ms ease 0s; -o-transition: bottom 200ms ease 0s; transition: bottom 200ms ease 0s; width: 100%;}
                            .comment-count a {color: #FFF; display: block; font-weight: bold; height: 100%; padding: 7px 0 0 12px; text-align: center; width: 100%;}
                        .post .cover:hover .comment-count {bottom: 0;}
                    .post .meta {font-size: 18px; margin-bottom: 15px;}
                    .ob-repost {background: #F5F5F5; border: 1px solid #DDD; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight: bold; padding: .5em .8em; text-align: center;}
                        .ob-repost  .ob-link {text-decoration: underline;}

/* single page */
                .single .date {color: #13c5ff; margin: 0 10px 0 0; text-align: center;}
                .single .date .day {display: block; font-size: 35px; line-height: 35px; margin: 0 0 5px;}
                .single .date .month {display: block; font-size: 20px; line-height: 20px;}
                .single .post-title {font-size: 35px; line-height: 35px; margin: 0 0 5px;}
                .single .meta {font-size: 18px; margin: 0 0 40px;}
                .single .meta a:hover {text-decoration: underline;}

.entry-content,
                    .ob-section-images,
                    .ob-section-video,
                    .ob-section-map,
                    .ob-section-images .ob-slideshow {width: 100%;}

/* Section texte */
                    .ob-text h3,
                    .ob-text h4,
                    .ob-text h5 {line-height: normal; margin: 15px 0 5px;}
                    .ob-text h3 {font-size: 28px;}
                    .ob-text h4 {font-size: 22px;}
                    .ob-text h5 {font-size: 16px; font-weight: bold;}
                    .ob-text pre {background: #EEE; border: 1px dashed #AAA; margin: 15px 0; overflow: auto; padding: 7px; white-space: -webkit-pre-wrap; white-space: -moz-pre-wrap;  white-space: pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
                    .ob-text p {margin-bottom: 20px;}
                    .ob-text ol,
                    .ob-text ul {margin: 0 0 20px 35px;}
                    .ob-text ul {list-style: disc;}
                    .ob-text ol {list-style: decimal;}
                    .ob-text li p {margin-bottom: 5px; padding: 0;}

/* Section image */
                    .ob-media {max-width: 100%;}
                    .ob-slideshow .ob-img {width: 100%;}

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

.ob-desc {font-size: 12px; font-style: italic; font-weight: bold;}

/* share */
                    .social-share {margin: 30px 0;}
                    .social-share .facebook-share {width: 105px;}
                    .social-share .ob-share {margin-top: -2px;}
                    .social-share h3,
                    .item-comments h6,
                    .ob-Outbrain_title, .ob-Related-title {font-size: 18px; margin-bottom: 10px;}

.sidebar {background: url(//assets.over-blog.com/t/photofolio/images/line_ver1.gif) repeat-y -1px 0; border-left: 1px solid #DDD; padding-left: 17px; width: 300px;}
                    .sidebar article {margin-bottom: 60px;}
                    .sidebar .widget-title {font-size: 24px; margin-bottom: 15px; padding-left: 11px;}
                        .sidebar .bio img {border: 7px solid #FFFFFF; -webkit-box-shadow: 0 25px 30px -30px #000; -moz-box-shadow: 0 25px 30px -30px #000; -ms-box-shadow: 0 25px 30px -30px #000; -o-box-shadow: 0 25px 30px -30px #000; box-shadow: 0 25px 30px -30px #000; margin-bottom: 15px; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; padding: 0; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
                        .sidebar .bio img:hover {-webkit-opacity: 0.5; -moz-opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5;}
                        .sidebar .button {margin: 30px 0 0;}

.sidebar .follow li {background: url(//assets.over-blog.com/t/photofolio/images/social.png) no-repeat; height: 40px; margin-bottom: 15px; max-width: 100%;}/* //www.yootheme.com/icons */
                        .sidebar .follow .fb {background-position: left top;}
                        .sidebar .follow .twt {background-position: left center;}
                        .sidebar .follow .rss {background-position: left bottom;}
                            .sidebar .follow a {display: block; max-width: 100%; overflow: hidden; padding-left: 50px; text-overflow: ellipsis; white-space: nowrap;}
                            .sidebar .follow li > a {font-size: 16px;}
                            .sidebar .follow span a {color: #333; font-size: 13px; font-style: italic;}

/* Pagination */
            .pagination,
            .ob-pagination{
                {% if not isSingle and not isSpecial %}
                    margin: 10px 0 40px;
                {% else %}
                    margin-bottom: 30px;
                {% endif %}
                width: {% if isSingle %}600px;{% else %}100%{% endif %}
            }
            .ob-pagination{
                text-align: center;
            }
            .pagination .prev {
                float: left;
                {% if not isSingle and not isSpecial %}
                    margin-left: 33px;
                {% endif %}
            }
            .pagination .next {
                float: right;
                {% if not isSingle and not isSpecial %}
                    margin-right: 35px;
                {% endif %}
            }
            .pagination a,
            .pagination span,
            .ob-page{
                display: inline-block;
                padding: 3px 10px;
            }
            .pagination a,
            .ob-page-link{
                background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #EEE), color-stop(1, #DDD) );
                background -moz-linear-gradient( center top, #EEE 5%, #DDD 100% );
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DDDDDD');
                background-color: #EEE;
                border: 1px solid #CCC;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                -ms-border-radius: 4px;
                -o-border-radius: 4px;
                border-radius: 4px;
                -webkit-box-shadow: inset 0px 1px 0px 0px #EEE;
                -moz-box-shadow: inset 0px 1px 0px 0px #EEE;
                -ms-box-shadow: inset 0px 1px 0px 0px #EEE;
                -o-box-shadow: inset 0px 1px 0px 0px #EEE;
                box-shadow: inset 0px 1px 0px 0px #EEE;
                color: #888;
                font-size: 14px;
                font-weight: bold;
                text-decoration: none;
                text-shadow: 1px 1px 0px #EEE;
                -webkit-transition: color 200ms;
                -moz-transition: color 200ms;
                -ms-transition: color 200ms;
                -o-transition: color 200ms;
                transition: color 200ms;
            }
            .pagination a:hover,
            .ob-page-link:hover{
                color: #444;
            }
            .pagination a:active,
            .ob-page-link:active{
                background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #DDD), color-stop(1, #EEE) );
                background: -moz-linear-gradient( center top, #DDD 5%, #EEE 100% );
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#EEEEEE');
                background-color: #DDD;
            }

.button {-webkit-box-shadow:inset 0px 1px 0px 0px #13c4ff; -moz-box-shadow:inset 0px 1px 0px 0px #13c4ff; -ms-box-shadow:inset 0px 1px 0px 0px #13c4ff; -o-box-shadow:inset 0px 1px 0px 0px #13c4ff; box-shadow:inset 0px 1px 0px 0px #13c4ff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #13c4ff), color-stop(1, #14a1ff) ); background:-moz-linear-gradient( center top, #13c4ff 5%, #14a1ff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#13c4ff', endColorstr='#14a1ff'); background-color:#13c4ff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border:1px solid #17a5d4; display:inline-block; color: #fff; font-size: 15px; font-weight: bold; padding: 3px 10px; text-decoration: none; text-shadow: 1px 1px 0px #13c4ff; -webkit-transition: color 200ms; -moz-transition: color 200ms; -ms-transition: color 200ms; -o-transition: color 200ms; transition: }
            .button:hover {color: #444444;}
            .button:active {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #14a1ff), color-stop(1, #13c4ff) ); background:-moz-linear-gradient( center top, #14a1ff 5%, #13c4ff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#14a1ff', endColorstr='#13c4ff'); background-color: #14a1ff;}

/* Special page */
            .special h3 {font-size: 30px; line-height: 35px;}
            .ob-form-field {margin: 0 0 5px;}
            .ob-label {font-weight: bold; width: 20%;}
            .ob-captcha .ob-input-text{
                margin-left: 20%;
            }
            .ob-form .ob-input-text,
            .ob-form .ob-input-email,
            .ob-form .ob-input-textarea {background: #fff; border: 1px solid #d7d7d7; color: #000; font: 14px Arial, Helvetica, sans-serif; line-height: 16px; padding: 5px; width: 70%;}
            .ob-input-textarea {margin-top: 2px;}
            .ob-input-submit {cursor: pointer; margin-left: 20%; padding-bottom: 5px;}
            .ob-terms {display: block; font-size: 12px; margin-top: 80px; text-align: center;}
            .ob-terms:hover {text-decoration: underline;}

/* widgets */
            .widget {background: url(//assets.over-blog.com/t/photofolio/images/line_ver2.gif) repeat-y 0 0; min-height: 245px; padding: 10px 33px; width: 239px;}
            .widget .widget-title {color:#fff; font-size: 2.143em; margin-bottom: 20px; padding: 0; letter-spacing: -1px;}

.widget .avatar img {border: 7px solid #FFFFFF; -webkit-box-shadow: 0 25px 30px -30px #000; -moz-box-shadow: 0 25px 30px -30px #000; -ms-box-shadow: 0 25px 30px -30px #000; -o-box-shadow: 0 25px 30px -30px #000; box-shadow: 0 25px 30px -30px #000; margin-bottom: 15px; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; padding: 0; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
            .widget .avatar img:hover {-webkit-opacity: 0.5; -moz-opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5;}

.widget .archivelist a {text-decoration: none;}
            .widget .arch_month li {color: #13C5FF; margin: 1px 0 2px 25px;}
            .widget .arch_month li a {color: #FFFFFF;}
            .widget .plustext {font-size: 20px;}
            .widget .plustext:before {content: "• "}

.widget .last-post {margin-bottom: 20px;}
            .widget .last-post:last-child {margin-bottom: 0;}
            .widget .last-post .title {display: block; font-family: "{{ Custom('font_title')|default('Dosis') }}", Georgia, Times New Roman, serif; font-weight: normal; font-size: 26px; line-height: 35px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word;}
            .widget .last-post .date {color: #FFFFFF; font-family: "Arial", Helvetica, sans-serif; font-size: 14px;}
            .widget .last-post .snippet {max-height: 44px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;}

/* footer */
            footer {color: {{ Custom("custom_page_font_color")|default('#6b6b6b') }}; font-size: 12px;  text-align: left;}
            footer .main {margin-top: 20px; margin-bottom: 15px;}
            footer p {text-align: center;}
            footer a {-webkit-transition: color 200ms ease-out; -moz-transition: color 200ms ease-out; -ms-transition: color 200ms ease-out; -o-transition: color 200ms ease-out; transition: color 200ms ease-out;}
            footer a:hover {color: #ffae00;}

.pad {padding:0 10px}

/* Custom fonts */
            .caption,
            .date,
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            #headline,
            .pageSingle .m-list .meta,
            .post .cover .comment-count,
            .post .meta,
            .search-title,
            .sidebar .follow li > a,
            .tag-title,
            .widget .plustext,
            .blog-title,
            .widget-title {
                font-family: "{{ Custom('font_title')|default('Dosis') }}", Georgia, Times New Roman, serif;
                font-weight: normal;
            }

#content2 {color: #FFFFFF;}
            #content2 h3,
            #content2 .link1 {color: #FFFFFF;}

.m-middle {color: #0F0F0F;}

h2,
            h2 a,
            .post-title,
            .post-title a {color: #0F0F0F;}

h1,
            h1 a,
            .blog-title,
            .blog-title a,
            #menu li a,
            #menu li.active ul li a {color: #FFF;}

a,
            .color1,
            .date,
            h2 span,
            #menu li a:hover,
            #menu .active a,
            #menu li.active ul li.active a,
            #menu li ul li a:hover,
            #menu li a:hover,
            #menu #active a,
            .sidebar .follow li > a,
            .tabs ul.nav li a:hover, .tabs ul.nav .selected a {color: #13C5FF;}

/********
            ** Ads **
            ********/
            .ads-728x90{
                margin: 0 auto;
                width: 728px;
            }
            #content .ads-728x90{
                margin-bottom: 20px;
            }
            #content .ads-300x250{
                float: left;
                margin: 30px 0;
            }
            .ads-250x250{
                margin: 0 auto;
                width: 250px;
            }
            .ads-300{
                text-align: center;
            }

/*****************
            ** Top articles **
            *****************/
            .ob-top-article,
            .ob-top-meta{
                margin-bottom: 20px;
            }
            
            .ob-Outbrain, .ob-Related { margin: 20px 0; }
        .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 id="{% if isIndex %}index{% else %}page2{% endif %}">
        <div id="fb-root">
</div>
<div class="m-top">
            <div class="s-bg">
</div>
<div class="main">
                
                <header>
                    {% if Blog.isAdEnabled %}
                        <div class="ads ads-728x90">
                            {% ad(4) %}
                        </div>
{% endif %}
                    <div class="wrapper">
                        
                        {% if isIndex %}
                        <h1 id="logo" class="left blog-title">
                            <a href="{{ Blog.Url }}" title="{{ Blog.Description }}">
                                {{ Blog.Title }}
                            </a>
                        </h1>
{% else %}
                        <p id="logo" class="left blog-title">
<a href="{{ Blog.Url }}" title="{{ Blog.Description }}">
                                {{ Blog.Title }}
                            </a>
                        </p>
{% endif %}

{% if Custom('display_widget_search') %}
                            <form class="search right" id="search" method="post" action="/search">
                                <div>
                                    <input type="submit" class="submit" value="" />
                                    <input class="input" type="text" name="q" value="{{ Search }}"  placeholder="{{ Lang.Get('Search') }}...">
                                </div>
</form>
{% endif %}

{% if Blog.Description is not empty %}
                            <p id="headline" class="clear">
{{ Blog.Description }}</p>
{% endif %}

<nav id="menu">
                            <ul>
                                <li{% if isIndex %} class="active"{% endif %}>
                                    <a {% if isIndex %} {% endif %} href="{{ Blog.Url }}">{{ Lang.Get('Home') }}</a>
                                </li>
{% if Custom('display_widget_tags') %}
                                    {% list Blog.PostsTags(10) %}
                                        {% if loop.first is not empty %}
<li {% if isTag %} class="active"{% endif %}>
                                                <a href="#">{{ Lang.Get('Tags') }}</a>
                                                <ul>
                                        {% endif %}
<li {% if isTag and Tag.Title == PostsTag.Title %} class="active" {% endif %}>
                                                        <a href="{{ PostsTag.Url }}">{{ PostsTag.Title }}</a>
                                                    </li>
{% if loop.last is not empty %}
                                                </ul>
</li>
{% endif %}
                                    {% endlist %}
                                {% endif %}

{% if Custom('display_widget_pages') %}
                                    {% list Blog.Pages %}
                                        {% if loop.first is not empty %}
<li {% if isPage %} class="active"{% endif %}>
                                                <a href="#">{{ Lang.Get('Pages') }}</a>
                                                <ul>
                                        {% endif %}
<li>
                                                        <a href="{{ Page.Url }}">{{ Page.Title }}</a>
                                                    </li>
{% if loop.last is not empty %}
                                                </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="{{ Blog.Url }}/contact">{{ Lang.Get('Contact') }}</a>
                                </li>
</ul>
</nav>
                        <div class="clear">
</div>
</div>
{% if isIndex %}
                        
                        <div id="gallery" class="relative">
                            <ul id="myRoundabout">
                                {% list Blog.Posts(10) %}
                                    {% if Post.Cover is not empty %}
<li>
                                            <a title="{{ Post.Snippet }}" href="{{ Post.PermaLink }}">
                                                <img src="{{ Post.Cover|resize(610, 405)|crop }}" alt="" width="610" height="405" />
                                                <span class="caption">
                                                    {% if Post.Title is not empty %}
                                                        {{ Post.Title }}
                                                    {% else %}
                                                        {{ Lang.Get('Published from') }}
                                                        {% list Post.Sources %}
                                                            {{ Lang.Get(Source) }} {% if not loop.last %}{{ Lang.Get('and') }} {% endif %}
                                                        {% endlist %}
                                                    {% endif %}
                                                </span>
                                            </a>
                                        </li>
{% endif %}
                                {% endlist %}
                            </ul>
</div>
{% endif %}
                </header>
            </div>
</div>
<div class="m-middle">
            <div class="s-bg">
</div>
<div class="main">
                
                <section id="content">
                    {% if isTag %}
                        <h1 class="tag-title">
{{ Lang.Get('Posts with') }} <strong>#{{ Tag.Title }}</strong> tag</h1>
{% elseif isSearch %}
                        <h1 class="search-title">
{{ Lang.Get('Search for') }} <strong>“{{ Search.Keyword }}”</strong></h1>
{% endif %}

<div class="wrapper{% if isSingle %} single{% endif %}">
                        {% if isSpecial or isSingle %}
                            {% if isSpecial %}
                                
                                <div class="m-list special">
                                    {{ 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>
{% else %}
                                <div class="m-list">
                                    <article>
                                        
                                        {% if not isPage %}
                                        <span class="date left">
                                            <span class="day">{{ Post.Date|date("d") }}</span>
                                            <span class="month">{{ Post.Date|date("M") }}</span>
                                        </span>
                                        {% endif %}
                                        {% if isIndex %}
                                        <h2 class="post-title">
                                        {% else %}
                                        <h1 class="post-title">
                                        {% endif %}
                                            {% if Post.Title is not empty %}
                                                {{ Post.Title }}
                                            {% else %}
                                                {{ Lang.Get('Published from') }}
                                                {% list Post.Sources %}
                                                    {{ Lang.Get(Source) }} {% if not loop.last %}{{ Lang.Get('and') }} {% endif %}
                                                {% endlist %}
                                            {% endif %}
                                        {% if isIndex %}
                                        </h2>
{% else %}
                                        </h1>
{% endif %}

<p class="meta">
{% if Post.Author.Nickname is not empty %}
                                                <span class="posted">{{ Lang.Get('Published by') }} {{ Post.Author.Nickname }}</span>
                                            {% endif %}
                                            {% list Post.Tags %}
                                                {% if loop.index == 1 %}
                                                     - {{ Lang.Get('Tags:')|title }} 
                                                {% endif %}
                                                <a href="{{ Tag.Url }}" title="{{ Tag.Title }}">#{{ Tag.Title }}</a>{% if not loop.last %}, {% endif %}
                                            {% endlist %}
                                        </p>
<div class="body">
                                            {{ Post.Body }}
                                        </div>
</article>

<div class="social-share">
                                        {{ 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  Navigation.PreviousPost is not empty or Navigation.NextPost is not empty %}
                                        <div class="pagination {% if isSingle %}left{% endif %}">
                                            {% if Navigation.PreviousPost is not empty %}
                                                <a href="{{ Navigation.PreviousPost.Permalink }}" class="prev button-dark" title="{{ Lang.Get('Go to') }} {% if Navigation.PreviousPost.Title is not empty %}"{{ Navigation.PreviousPost.Title|truncate(30) }}"{%
                                else %}{{ Lang.Get('Previous post') }}{% endif %}">
                                                    « <span>{{ Lang.Get('Previous post') }}</span>
                                                </a>
                                            {% endif %}
                                            {% if Navigation.NextPost is not empty %}
                                                <a href="{{ Navigation.NextPost.Permalink }}" class="next button-dark" title="{{ Lang.Get('Go to') }} {% if Navigation.NextPost.Title is not empty %}"{{ Navigation.NextPost.Title|truncate(30) }}"{% else %}{{ Lang.Get('Next post') }}{% endif %}">
                                                    <span>{{ Lang.Get('Next post') }}</span> »
                                                </a>
                                            {% endif %}
                                            <div class="clear">
</div>
</div>
<div class="clear">
</div>
{% endif %}

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

<div class="sidebar right">
                                <div class="border">
</div>
{% if Custom('display_widget_free_html_1') %}
                                    {% if Custom('free_title_1') or Custom('free_html_1') %}
                                        <article class="freeModule">
                                            <p class="widget-title">
{{ Custom('free_title_1') }}</p>
<div class="pad">
{{ Custom('free_html_1') }}</div>
</article>
                                    {% endif %}
                                {% endif %}

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

{% if Custom('display_widget_follow_us') %}
                                    <article>
                                        
                                        <p class="widget-title">
{{ Lang.Get('Follow me') }}</p>
<div class="pad follow">
                                            <ul>
                                                {% if Custom('facebook_username') is not empty %}
<li class="fb">
                                                        <a href="//facebook.com/{{ Custom('facebook_username') }}" target="_blank">Facebook</a>
                                                        <span>
                                                            <a href="//facebook.com/{{ Custom('facebook_username') }}" target="_blank">//facebook.com/{{ Custom('facebook_username') }}</a>
                                                        </span>
                                                    </li>
{% endif %}
                                                {% if Custom('twitter_username') is not empty %}
<li class="twt">
                                                        <a href="{{ Custom('twitter_username') }}">Twitter</a>
                                                        <span>
                                                            <a href="//twitter.com/{{ Custom('twitter_username') }}" target="_blank">//twitter.com/{{ Custom('twitter_username') }}</a>
                                                        </span>
                                                    </li>
{% endif %}
<li class="rss">
                                                    <a href="{{ Blog.RssUrl }}">RSS</a>
                                                    <span>
                                                        <a href="{{ Blog.RssUrl }}" target="_blank">{{ Blog.Url }}{{ Blog.RssUrl }}</a>
                                                    </span>
                                                </li>
</ul>
</div>
<div class="clear">
</div>
</article>
                                {% 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 %}
                                    <article>
                                        <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>
</article>
                                {% endif %}
                            </div>
{% else %}
                            
                            {% list Posts %}
                                <article class="post left">
                                    <h2>
                                        <a title="{{ Post.Snippet }}" href="{{ Post.PermaLink }}">
                                            {% if Post.Title is not empty %}
                                                {{ Post.Title }}
                                            {% else %}
                                                {{ Lang.Get('Published from') }}
                                                {% list Post.Sources %}
                                                    {{ Lang.Get(Source) }} {% if not loop.last %}{{ Lang.Get('and') }} {% endif %}
                                                {% endlist %}
                                            {% endif %}
                                        </a>
                                    </h2>
<figure class="cover">
                                        <a class="" title="{{ Lang.Get('More about') }} {% if Post.Title is not empty %}"{{ Post.Title }}"{% else %}{{ Lang.Get('this post') }}{% endif %}" href="{{ Post.PermaLink }}">
                                            {% if Post.Cover is not empty %}
                                                <img alt="" src="{{ Post.Cover|resize(222,122)|crop }}" width="222" height="122" />
                                            {% else %}
                                                <img src="{{ Custom('default_post_cover')|default('//assets.over-blog.com/t/photofolio/images/default_cover.jpg')|resize(222,122)|crop }}" width="222" height="122" alt="" />
                                            {% endif %}
                                        </a>
                                        {%  if Post.ShowComments is not empty %}
                                            <span class="comment-count">
                                                {% if Custom("comment") == "Disqus" and Custom('comment_disqus') is not empty %}
                                                    <a title="{{ Lang.Get('comments') }}" href="{{ Post.Permalink }}#disqus_thread"></a>
                                                {% else %}
                                                    <a title="{{ Lang.Get('comments') }}" href="{{ Post.PermaLink }}#comments">
                                                        {% if Custom("comment") == "Facebook" %}
                                                            <fb:comments-count href={{ Post.Permalink }}></fb:comments-count> {{ Lang.Get('comment(s)') }}
                                                        {% else %}
                                                            {{ Post.CommentCount(Lang.Get('ncomment'), Lang.Get('ncomments')) }}
                                                        {% endif %}
                                                    </a>
                                                {% endif %}
                                            </span>
                                        {% endif %}
                                    </figure>
                                    <p class="snippet">
{{ Post.Snippet }}</p>
<a class="button" title="{{ Lang.Get('More about') }} {% if Post.Title is not empty %}"{{ Post.Title }}"{% else %}{{ Lang.Get('this post') }}{% endif %}" href="{{ Post.PermaLink }}">
                                        {{ Lang.Get('Read more') }}
                                    </a>
                                </article>
                                {% if loop.index % 3 == 0 %}
                                    <div class="clear">
</div>
{% endif %}
                                {% if Blog.isAdEnabled and loop.index == 3 %}
                                    <div class="ads ads-728x90">
                                        {% ad(4) %}
                                    </div>
{% endif %}
                            {% else %}
                                {% if isSearch and Posts is empty %}
                                    
                                    <p class="search-null">
{{ Lang.Get('No result for this expression') }}.</p>
{% endif %}
                            {% endlist %}
                        {% endif %}
                    </div>

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

{% if Blog.isAdEnabled and not isSingle and not isSpecial %}
                        <div class="ads ads-728x90">
                            {% ad(4) %}
                        </div>
{% endif %}
                </section>
            </div>
</div>

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

{% if Blog.Description is not empty or Custom('display_widget_blog_about') %}
                        <article class="widget left">
                            <p class="widget-title">
{{ Lang.Get('About the blog') }}</p>
{% if Blog.Avatar is not empty %}
                                 <figure class="post-cover">
                                    <a class="avatar" href="{{ Blog.Avatar }}" title="{{ Blog.Title }}">
                                        <img src="{{ Blog.Avatar|resize(226,126)|crop }}" alt="" width="226" height="126" />
                                    </a>
                                </figure>
                            {% endif %}
                            <p>
{{ Blog.Description }}</p>
</article>
                    {% endif %}

{% if Custom('display_widget_last_posts') %}
                        
                        <article class="widget left">
                            <p class="widget-title">
{{ Lang.Get('Last Posts') }}</p>
{% list Blog.Posts(3) %}
                                <article class="last-post">
                                    <a class="title" title="{{ Post.Snippet }}" href="{{ Post.PermaLink }}">
                                        {% if Post.Title is not empty %}
                                            {{ Post.Title }}
                                        {% else %}
                                            {{ Lang.Get('Published from') }}
                                            {% list Post.Sources %}
                                                {{ Lang.Get(Source) }} {% if not loop.last %}{{ Lang.Get('and') }} {% endif %}
                                            {% endlist %}
                                        {% endif %}
                                    </a>
                                    <p class="date">
{{ Post.Date|datel(Lang.Get("Default date format"))|title }}</p>
</article>
                            {% endlist %}
                        </article>
                    {% endif %}
                    <div class="clear">
</div>
</div>
</div>
</div>

        <footer>
            <div class="main">
                <div class="wrapper">
                    <p>
Theme: Photofolio © 2012 - 
                        {{ Lang.Get('Hosted by') }} <a href="//www.over-blog.com" target="_blank">Overblog</a>
                    </p>
<div class="clear">
</div>
</div>
</div>
</footer>

<script type="text/javascript" src="//assets.over-blog.com/t/catalog/jquery/source/1.10.2/jquery-1.10.2.min.js"></script>
        <script type="text/javascript" src="//assets.over-blog.com/t/catalog/jquery/fancybox/2.5/source/jquery.fancybox.pack.js?v=2.1.5"></script>
        <script type="text/javascript" src="//assets.over-blog.com/t/catalog/jquery/roundabout/2.4.2/jquery.roundabout.min.js"></script>
        <script type="text/javascript" src="//assets.over-blog.com/t/catalog/jquery/roundabout-shapes/2.0.0/jquery.roundabout-shapes.min.js"></script>
        <script type="text/javascript" src="//assets.over-blog.com/t/catalog/jquery/imagesloaded/jquery.imagesloaded.min.js"></script>
        <script type="text/javascript" src="//assets.over-blog.com/t/photofolio/js/jquery.easing.1.2.js"></script>
        <script>
            $(document).ready(function() {
                {% if isIndex %}
                    $('#myRoundabout').imagesLoaded(function() {
                        $(this).roundabout({
                            shape           : 'square',
                            easing          : 'easeOutExpo',
                            clickToFocus    : 'true',
                            duration        : 600,
                            reflect         : true,
                            minOpacity      : 1.0
                        }, function() {
                            $(this).css('overflow', 'visible');
                        });
                    });
                {% endif %}

$(".ob-section-images a, .ob-link-img").attr("rel", "fancybox");
                $("a[rel=fancybox], .avatar").fancybox({
                    'overlayShow'   : true,
                    'titlePosition' : 'over',
                    'transitionIn'  : 'fadin',
                    'transitionOut' : 'fadin',
                    'type'          : 'image'
                });

// posts border / background management
                var post  = $(".post:first-child");
                    posts = $(".clear").next(".post");
                post.css("background-image", "none");
                posts.css("background-image", "none");
                post.css("border", "none");
                posts.css("border", "none");

// widget border / background management
                var firstWidget = $(".widget:first-child");
                firstWidget.css("background-image", "none");

// form button management
                var formSubmit = $(".ob-input-submit");
                formSubmit.addClass("button");
            });

{% if Custom('facebook_appid') is not empty %}
            // Social networks : Facebook
            (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 Custom('google_analytics') is not empty %}
                // Google Analytics
                window.google_analytics_uacct = '{{ Custom('google_analytics') }}';
                var _gaq = _gaq || [];
                    _gaq.push(['_setAccount', '{{ Custom('google_analytics') }}']);
                    _gaq.push(['_trackPageview']);
                    _gaq.push(['_trackPageLoadTime']);

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

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

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

{% 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);
                }());
            {% endif %}
        </script>
    </body>
</html>

lundi 21 novembre 2016

Photofolio