Overblog Suivre ce blog
Editer la page Administration Créer mon blog
Le blog de sunsitari

html

Rédigé par sunsitari

<!DOCTYPE html>
<html lang="{{ Blog.Lang|default('en') }}" itemscope="" itemtype="http://schema.org/Blog">
<head>
<!-- shortcut:[Meta] -->
<!-- title -->
{% title %}
<!-- metas description, keyword, robots -->
{% meta %}

<!-- shortcut:[Includes] -->
<!-- favicon -->
{% favicon %}

<!-- SEO -->
{% if Custom('google_webmaster_id') is not empty %}
<meta name="google-site-verification" content="{{ Custom('google_webmaster_id') }}" />
{% endif %}
{% if Custom('msn_webmaster_id') is not empty %}
<meta name="msvalidate.01" content="{{ Custom('msn_webmaster_id') }}" />
{% endif %}

<!-- shortcut:[Options] -->
<meta name="list:font_title:label.titlesFont" items="Abril Fatface, Amaranth, Arial, Arvo, Georgia, Helvetica, Maven Pro, Patrick Hand SC, Radley, Righteous, Roboto Slab, Trebuchet MS" default="Arial" group="graphical" />

<meta name="string:menu_link_label1:label.Menu1label" group="menu" />
<meta name="string:menu_link_url1:label.Menu1link" group="menu" />
<meta name="string:menu_link_label2:label.Menu2label" group="menu" />
<meta name="string:menu_link_url2:label.Menu2link" group="menu" />
<meta name="string:menu_link_label3:label.Menu3label" group="menu" />
<meta name="string:menu_link_url3:label.Menu3link" group="menu" />
<meta name="string:menu_link_label4:label.Menu4label" group="menu" />
<meta name="string:menu_link_url4:label.Menu4link" group="menu" />
<meta name="string:menu_link_label5:label.Menu5label" group="menu" />
<meta name="string:menu_link_url5:label.Menu5link" group="menu" />
<meta name="string:menu_link_label6:label.Menu6label" group="menu" />
<meta name="string:menu_link_url6:label.Menu6link" group="menu" />
<meta name="string:menu_link_label7:label.Menu7label" group="menu" />
<meta name="string:menu_link_url7:label.Menu7link" group="menu" />

<meta name="boolean:display_widget_slideshow:label.displaySlideshow" group="widgetsList" />
<meta name="boolean:display_widget_search:label.displaySearchForm" group="widgetsList" default="true" />
<meta name="boolean:display_widget_free_html_1:label.displayFreeModule1" group="widgetsList" default="true" />
<meta name="boolean:display_widget_follow_us:label.displayFollowUs" group="widgetsList" default="true" />
<meta name="boolean:display_widget_subscribe:label.displaySubscribeForm" group="widgetsList" default="true" />
<meta name="boolean:display_widget_pages:label.displayPages" group="widgetsList" default="true" />
<meta name="boolean:display_widget_tags:label.displayTags" group="widgetsList" default="true" />
<meta name="boolean:display_widget_archives:label.displayArchives" group="widgetsList" default="true" />
<meta name="boolean:display_widget_blogroll:label.displayBlogroll" group="widgetsList" default="true" />
<meta name="boolean:display_widget_free_html_2:label.displayFreeModule2" group="widgetsList" default="true" />

<meta name="string:free_title_1:label.freeModuleTitle1" group="free1Parameters" />
<meta name="text:free_html_1:label.freeModuleHTML1" group="free1Parameters" />

<meta name="string:blogroll_name1:label.BlogName1" group="blogrollParameters" />
<meta name="string:blogroll_url1:label.BlogUrl1" group="blogrollParameters" />
<meta name="string:blogroll_name2:label.BlogName2" group="blogrollParameters" />
<meta name="string:blogroll_url2:label.BlogUrl2" group="blogrollParameters" />
<meta name="string:blogroll_name3:label.BlogName3" group="blogrollParameters" />
<meta name="string:blogroll_url3:label.BlogUrl3" group="blogrollParameters" />
<meta name="string:blogroll_name4:label.BlogName4" group="blogrollParameters" />
<meta name="string:blogroll_url4:label.BlogUrl4" group="blogrollParameters" />
<meta name="string:blogroll_name5:label.BlogName5" group="blogrollParameters" />
<meta name="string:blogroll_url5:label.BlogUrl5" group="blogrollParameters" />
<meta name="string:blogroll_name6:label.BlogName6" group="blogrollParameters" />
<meta name="string:blogroll_url6:label.BlogUrl6" group="blogrollParameters" />
<meta name="string:blogroll_name7:label.BlogName7" group="blogrollParameters" />
<meta name="string:blogroll_url7:label.BlogUrl7" group="blogrollParameters" />
<meta name="string:blogroll_name8:label.BlogName8" group="blogrollParameters" />
<meta name="string:blogroll_url8:label.BlogUrl8" group="blogrollParameters" />
<meta name="string:blogroll_name9:label.BlogName9" group="blogrollParameters" />
<meta name="string:blogroll_url9:label.BlogUrl9" group="blogrollParameters" />
<meta name="string:blogroll_name10:label.BlogName10" group="blogrollParameters" />
<meta name="string:blogroll_url10:label.BlogUrl10" group="blogrollParameters" />

<meta name="string:free_title_2:label.freeModuleTitle2" group="free2Parameters" />
<meta name="text:free_html_2:label.freeModuleHTML2" group="free2Parameters" />

<meta name="string:facebook_username:label.facebookUsername" group="shares" />
<meta name="string:twitter_username:label.twitterUsername" group="shares" />
<meta name="list:share_service:label.socialSharingServices" items="None, Facebook, Twitter, Google +, All" default="All" group="shares" />

<meta name="list:display_mode:label.numberOfSections" items="Summary,All" default="All" group="advanced" />

<!-- includes -->
<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ Blog.RssUrl }}" />

<!-- NivoSlider -->
<link rel="stylesheet" href="http://assets.over-blog-kiwi.com/t/catalog/jquery/nivo-slider/3.2/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://assets.over-blog-kiwi.com/t/catalog/jquery/nivo-slider/3.2/themes/default/default.css" type="text/css" />

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

<!-- Template resources -->
<link href="http://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css" />

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

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

/*----- Intro -----*/
body {background: url("http://assets.over-blog-kiwi.com/t/classical/images/bg.jpg") repeat; color: #232323; font-family:Arial,Helvetica,sans-serif; font-size: 13px; line-height: 20px;}
textarea{ resize:none;}
a:link, a:visited, a:hover, a:active { outline:none }
a{cursor:pointer;outline:none;position:relative;text-decoration:none;}
a:hover{text-decoration:underline;}
::-moz-focus-inner{ border:0; }
input[type=text]::-ms-clear {
display: none;
}
.wrap{ margin:0 auto; position:relative; width: 986px; }
.cl,.cr,.cb{ display:block !important; float:none !important; height:0 !important; width: 0 !important;}
.cl { clear:left;}
.cr { clear:right;}
.cb { clear:both;}
.bold {font-weight:bold;}
h1 {
font-size: 30px;
font-weight: bold;
margin-bottom: 15px;
}
h1 a:hover {color: #FFF; text-decoration: none;}
h1 a {color: #FFF;}
h2 {font-size: 16px; font-weight: bold; letter-spacing: -0.5px;}
h1, h2 {
font-family: {{ Custom('font_title')|default('Arial') }};
}
h4 {letter-spacing: -0.8px;}

.article ul,
.article ol {
margin:0 0 15px 20px;
}
.article ul li {list-style: disc;}
.article ol li {list-style: decimal;}
.article pre,
.article .ob-section-text blockquote,
.article .ob-section-html blockquote{
border-left: 2px solid #000;
margin-bottom: 20px;
padding-left: 4px;
}

/*----- TOP -----*/
.top {background: #202224; height: 38px; border-bottom: 1px solid #383b3d; line-height: 38px; color: white; font-weight: bold; text-shadow: 0px 1px 0px #000; font-size: 11px;}
.header {background: url("http://assets.over-blog-kiwi.com/t/classical/images/bg-header.jpg") repeat;}
.head {background: url("http://assets.over-blog-kiwi.com/t/classical/images/header.jpg") repeat-y; width: 986px; padding-top: 40px;}

.avatar{
float:left;
margin-right:20px;
}

/*---- Logo ----*/
.logo {
float: left;
overflow: hidden;
{% if Blog.Avatar is not empty %}
border-left: 1px solid #1a1a1a;
padding-left: 10px;
width: 560px;
{% else %}
width: 640px;
{% endif %}
}
.logo h1 {float: left;}
.logo a,
.logo a:visited,
.logo a:hover {line-height: 34px; margin-right: 10px; text-shadow: 0px 2px 1px #000; color: #FFF; font-size: 30px; text-decoration: none;}
.slogan {float:left; color: #a6a5a5; font-style: italic; font-size: 14px; line-height: 34px; text-shadow: 0px 1px 0px #000;}

/*---- Search ----*/
.search {float: right; position: relative;}
.search input[type="text"] {background: url("http://assets.over-blog-kiwi.com/t/classical/images/search.png"); border:none; height: 19px; padding: 10px; width: 272px; color: #a6a5a5; text-shadow: 0px 1px 0px #000;}
.search input[type="text"]:focus { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; color: white;}
.search input[type="submit"] {background: url("http://assets.over-blog-kiwi.com/t/classical/images/search-submit.png") no-repeat; width: 17px; height: 17px; border: none; cursor: pointer; position: absolute;right: 10px;top: 12px;text-indent: -1337px;font-size: 0; display:block; line-height: 0;}

/*---- Navigation ----*/
.navigation {background: url("http://assets.over-blog-kiwi.com/t/classical/images/nav.png") no-repeat; width: 926px; margin: 20px auto 36px; float: left; height: 61px; overflow: hidden; padding: 0 30px;}
.navigation li {float: left; background: url("http://assets.over-blog-kiwi.com/t/classical/images/nav-sep.png") no-repeat scroll 0 10px transparent; margin-right: 20px; padding-left: 20px;}
.navigation li.first {padding-left: 0px;background: none;}
.navigation li.last {margin-right: 0px;}
.navigation a {color: white; display: block; font-weight: bold; margin: 2px 0; padding: 17px 0; text-shadow: 0px 1px 0px #000; text-transform: uppercase;}
.navigation a:hover {text-decoration: none; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}

/*---- Content ----*/
.main {margin-top: 0px; padding-bottom: 20px; position: relative;z-index: 3;}
.content:before {content: url("http://assets.over-blog-kiwi.com/t/classical/images/content-top.png"); left: 0; position: absolute; top: -19px;}
.content {background: url("http://assets.over-blog-kiwi.com/t/classical/images/content.png") repeat-y scroll 0 0 transparent; margin: 0 auto 0 1px; padding: 0 10px 7px; position: relative; width: 964px;}
.content:after {content: url("http://assets.over-blog-kiwi.com/t/classical/images/content-bottom.png"); left: 0; position: absolute; bottom: -21px;}
.content-left {float: left; width: 622px; margin-right: 21px; padding-left: 10px; padding-right: 10px;}
.sidebar {float: right; width: 300px;}

/*---- Slideshow ----*/
.slideshow {position: relative; width: 622px; height: 299px;}
.slideshow .nivo-prevNav {position: absolute; z-index:100; top: 125px; left: 20px;}
.slideshow .nivo-nextNav {position: absolute; z-index:100; top: 125px; right: 20px;}
.slideshow .caption {color: white; position: absolute; background: url("http://assets.over-blog-kiwi.com/t/classical/images/caption.png") repeat; width: 582px; bottom: 0; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; font-size: 12px; border-radius: 0 0 6px 6px; z-index:2;}
.slideshow .nivo-caption p {padding-left: 10px; font-family: 'Montserrat', Arial, sans-serif; font-size: 16px;}
#slider {display: none;}
#slider.nivoslider {display: block; margin-bottom: 35px; width: 622px; height: 299px; overflow: hidden;}
#slider a.nivo-prevNav {background: url("http://assets.over-blog-kiwi.com/t/classical/images/slider-left.png") no-repeat; text-indent: -1337px; width: 32px; height: 30px; display: block;}
#slider a.nivo-nextNav {background: url("http://assets.over-blog-kiwi.com/t/classical/images/slider-right.png") no-repeat; text-indent: -1337px; width: 32px; height: 30px; display: block;}

/*---- Articles on One ----*/
.on-one {float: left; width: 622px;}
.on-one ul {float: left;}
.on-one li {width: 200px; float: left; margin-right: 10px;}
.on-one li.last {margin-right: 0px;}
.on-one li .picture {overflow:hidden;position:relative;}
.on-one li .picture img {border-radius:6px;background:red; z-index:10;}
.on-one li .picture .caption-comment {color: white; position: absolute; background: url("http://assets.over-blog-kiwi.com/t/classical/images/caption.png") repeat; height:20px; right: 5px; bottom: 10px; padding: 5px 10px; font-size: 12px; border-radius: 4px; z-index:2;}
.on-one li .picture .bubble {background: url("http://assets.over-blog-kiwi.com/t/classical/images/bulle-icon.png") no-repeat; float: left; height: 15px; width: 15px; margin-right: 5px; margin-top: 4px;}
.on-one .meta {color: #85a5ba; font-size: 11px;}
.on-one h2 {margin-top: 25px; margin-bottom: 25px; background: url("http://assets.over-blog-kiwi.com/t/classical/images/title-sep.png") no-repeat scroll 130px 7px transparent;}
.on-one h4 {font-size: 14px;margin-top: 5px;}

/*---- Articles ----*/
.articles { width: 622px; font-size: 14px; line-height: 20px;}
.index-title,
.tag-title,
.search-title,
.articles .special h3 { font-size: 18px; font-style: italic; font-weight: bold; margin-bottom: 15px; background: url("http://assets.over-blog-kiwi.com/t/classical/images/title-sep.png") no-repeat scroll 130px 6px transparent;}
.articles > h2 {background-position: {% if isTag %}180px{% elseif isSearch %}210px{% else %}194px{% endif %} 6px; margin-top: 23px;}
.articles .special h3 {background-position: 83px 6px;}


.articles .meta,
.articles .meta a {color: #85a5ba; font-size: 11px;}
.articles .meta {margin-bottom: 25px;}
.articles .meta .tags {float: right;}
.article h1 { font-size: 18px; font-family: 'Montserrat', Arial, sans-serif; margin-bottom: 5px;}
.articles h3,
.articles h4 {font-size: 18px;}
.articles a.readmore {border: 1px solid #000; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; color: #FFF; display: inline-block; float: left; font-weight: bold; line-height: 18px; margin-right: 50px; margin-top: 3px; padding: 7px 10px; text-align: center; text-decoration: none;}
.article {margin-top: 20px; margin-bottom: 40px; word-wrap:break-word;}
.article .share {margin-top: 9px;}

.articles.single .meta {margin-bottom: 15px;}
.articles.single .ob-text {padding-top: 15px; padding-bottom: 15px;}
.articles .ob-text h2 {background: none;}
.articles .ob-section p {margin-bottom: 20px; text-align: justify;}
.articles .ob-section li p {margin-bottom: 0;}
.articles.single .meta {margin-bottom: 10px;}
.articles .ob-section {clear: both; margin-bottom: 25px; width: 100%;}
.articles .ob-section-text {margin-bottom: 10px;}

.articles .ob-section-text .ob-media-left {margin-right: 30px;}
.articles .ob-section-text .ob-media-right {margin-left: 30px;}
.articles .ob-section-text img,
.articles .ob-section-images img {max-width: 622px; margin: auto; box-shadow: 0px 0px 5px #aeaeae;}
.articles .ob-section-text img {margin-top: 14px;}
.articles .bloc-infos { width: 100%; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #F2F2F2; border-top: 1px solid #F2F2F2;}
.articles.single .bloc-comment {margin-top: 25px;}
.articles.single .bloc-comment h4 {margin-bottom: 5px;}

/* Repost banner */
.ob-repost {background: #E6E6E6; border-radius: 3px; font-weight: bold; border: 1px solid #D3D3D3; font-size: 13px; padding: 0.4em 0.8em; text-align: center; text-shadow: 1px 1px 1px #F6F6F6;}
.ob-repost .ob-link {text-decoration: underline;}

/* Section image */
.ob-section-images {width: 100%;}
.ob-section-images img {max-width: 622px;}
.ob-row-1-col img {width: 100%;}
.ob-row-2-col img {width: 50%;}
.ob-row-3-col img {width: 33.3%}
.ob-section-images .ob-slideshow {width: 622px;}
.ob-section-images .ob-slideshow .ob-img {width: 622px;}

/* Section Quote */
.ob-section-quote p.ob-author,
.ob-section-quote p.ob-source {margin-bottom: 0;}
.ob-section-quote .ob-quote p:before {margin: 20px 0 0 -85px;}
.ob-section-quote .ob-quote p:after {margin: 71px 0 0 0;}
.ob-section-quote p.ob-author,
.ob-section-quote p.ob-source {background: #D9E2E9; color: gray; font-size: 14px; font-style: italic; margin: 25px 0 0; max-height: 20px; max-width: 530px; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; z-index: 11;}
.ob-section-quote p.ob-author .ob-link,
.ob-section-quote p.ob-source .ob-link {color: gray;}
.ob-section-quote p.ob-author .ob-link:hover,
.ob-section-quote p.ob-source .ob-link:hover {color: #222;}

/* Section Link */
.ob-section-link .ob-media-left,
.ob-section-link p.ob-url {margin: 0;}
.ob-section-link p.ob-url {max-width: 410px; -ms-word-wrap: break-word;}
.ob-section-link p.ob-title,
.ob-section-link p.ob-snippet {margin-bottom: 10px; margin-left: 20px;}
.ob-section-link p.ob-title .ob-link {max-height: 40px; overflow: hidden;}
.ob-section-link p.ob-snippet {margin-bottom: 35px; max-height: 30px; overflow: hidden;}
.ob-section-link .ob-img {margin-bottom: -5px;}
.ob-section-link .ob-desc {margin-top: 5px;}

/* Section File */
.ob-section-file .ob-ctn {display: block; max-width: 100%;}
.ob-section-file .ob-ctn a,
.ob-section-file .ob-ctn a:visited {max-width: 535px; text-decoration: underline;}

/* Section Video */
.ob-section-video .ob-video {width: 622px; overflow: hidden;}
.ob-video iframe,
.ob-video embed,
.ob-video object {max-width: 100%;}

.ob-video embed,
.ob-video object {max-height: 346px;}

.ob-video iframe{
border: 0;
}

/* Section HTML */
.ob-section-html iframe,
.ob-section-html object,
.ob-section-html embed {max-width: 100%}

/* Section Map */
.ob-section-map .ob-map,
.ob-section-map .ob-desc {margin: 0 auto; width: 100%;}

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

/* description */
.ob-desc {font-style: italic;}

.return {text-align: center; margin-top: 20px;}
.return a {font-weight:bold;}

/* IndexPage Excerpt*/
.excerpt .images {display: none;}
.excerpt .picture {position: relative; float: left; margin-right: 15px; min-height: 150px;}
.excerpt .picture img {border-radius:6px; max-width: 200px;}
.excerpt .picture img:hover {opacity: 0.6;transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s;}
.excerpt .picture:hover .plus{opacity: 0.8; transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: z-index:99; max-width: 200px;border-radius:6px; background: #000;}
.comments-counter {display: block; position: absolute; bottom: 10px; right: 5px; white-space: nowrap; padding: 2px 5px 1px 20px; background: #111 url('http://assets.over-blog-kiwi.com/t/classical/images/mini-bulle-icon.png') no-repeat 5px 7px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -webkit-opacity: 0.9; -o-opacity: 0.9; opacity: 0.9; -moz-transition: opacity 300ms; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; border-radius: 4px; color: #FFF; font-size: 12px; font-weight: bold; text-decoration: none; text-align: center;}
.excerpt .picture:hover .comments-counter, .comments-counter:hover {-moz-opacity: 0.7; -webkit-opacity: 0.7; -o-opacity: 0.7; opacity: 0.7; color: #FFF; text-decoration: none;}

/*.excerpt .facebook-share,
.excerpt .twitter-share,
.excerpt .google-share,
.excerpt .ob-share {float: left;}
.excerpt .facebook-share {margin-right: 10px; width: 95px;}
.excerpt .twitter-share {margin-right: 10px; width: 106px;}
.excerpt .google-share {margin-right: 10px; width: 80px;}*/
.excerpt .ob-share {margin-top: -2px;}

/* Share ----------------------------------------------- */
.share h3 {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.share > div{
float:left;
height:20px;
}
.share .google-share{
margin-right: 0;
}
.share iframe{
border:none;
width:90px;
}
/*---- Contact ----*/
.ob-form {margin-bottom: 120px;}
.ob-label {margin-left: 50px; width: 22%;}
.ob-input-text,
.ob-input-email,
.ob-input-textarea {background: #EEE; border: 1px solid #CCC; padding: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.ob-input-text:focus,
.ob-input-email:focus,
.ob-input-textarea:focus {background: #F3F3F3; outline: blue;}
.ob-input-text,
.ob-input-email {height: 25px; }
.ob-input-submit { border: 0; color: #FFFFFF; display: inline-block; font-family:Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; height: 31px; text-align: center; width: 91px; margin-top: 9px; float: left; margin-right: 10px;}
.ob-input-submit:hover { text-decoration: none; cursor: pointer;}
.ob-input-submit:active { text-decoration: none;}
.ob-terms {display: block; font-size: 13px; margin: 0 auto; text-align: center;}

/*---- Pagination ----*/
.pagination {width: 622px; margin-top: 20px; float: left;}
.pagination a.prev {float: left;}
.pagination a.next {float: right;}
.pagination a.prev, .pagination a.next {background: url("http://assets.over-blog-kiwi.com/t/classical/images/btn-pages.png") no-repeat; width: 106px; height: 26px; display: block; font-size:11px; font-weight: bold; color: #303030; text-align: center; line-height: 26px;font-size: 10px;}
.pagination a.prev:hover, .pagination a.next:hover {text-decoration: none; background: url("http://assets.over-blog-kiwi.com/t/classical/images/btn-pages.png") 0 -31px no-repeat;}
.pagination a.prev:active, .pagination a.next:active {background: url("http://assets.over-blog-kiwi.com/t/classical/images/btn-pages.png") 0 -62px no-repeat;}
.pagination ul {text-align: center; width: 180px; margin: 0 auto;}
.pagination li {float: left; margin-right: 10px;}
.pagination li a {background: url("http://assets.over-blog-kiwi.com/t/classical/images/btn-page.png") no-repeat; width: 26px; height: 26px; text-align: center; line-height: 26px; display: block; color: #303030; text-shadow: 0px 1px 0px #FFF;}
.pagination li a:hover {background: url("http://assets.over-blog-kiwi.com/t/classical/images/btn-page.png") 0 -27px no-repeat; text-decoration: none;}
.pagination li a:active {background: url("http://assets.over-blog-kiwi.com/t/classical/images/btn-page.png") 0 -54px no-repeat; text-decoration: none;}
.pagination li a.active {background: url("http://assets.over-blog-kiwi.com/t/classical/images/btn-page.png") 0 -81px no-repeat; color: #FFF; text-shadow: 0 1px 1px #21496F;}

.ob-pagination{
margin-top: 20px;
text-align: center;
}
.ob-page{
background: url("http://assets.over-blog-kiwi.com/t/classical/images/btn-page.png") no-repeat;
display: inline-block;
height: 26px;
line-height: 26px;
margin: 0 1px;
text-align: center;
width: 26px;
}
.ob-page-link{
color: #303030;
text-shadow: 0px 1px 0px #FFF;
}
.ob-page-link:hover {
background-position: 0 -27px;
text-decoration: none;
}
.ob-page-link:active {
background-position: 0 -54px;
text-decoration: none;
}
.ob-page-current{
background-position: 0 -81px;
color: #FFF;
text-shadow: 0 1px 1px #21496F;
}

/*---- Sidebar ----*/
.sidebar h3 {font-size: 16px; font-weight: bold; letter-spacing: -0.5px; margin-bottom: 15px; background: url("http://assets.over-blog-kiwi.com/t/classical/images/title-sep.png") repeat-x scroll 10px 6px transparent; width: 290px;}
.sidebar > div{
word-wrap:break-word;
padding:10px;
}
.sidebar h3 span{
background: #FAFAFA;
padding-right: 20px;
}
.sidebar .social h3 {background-position: 130px 6px;}
.sidebar .social li {min-height: 41px; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; margin-bottom: 10px;}
.sidebar .social .facebook {background: url("http://assets.over-blog-kiwi.com/t/classical/images/social-fb.png") no-repeat scroll 0 3px transparent; padding-left: 40px;}
.sidebar .social .twitter {background: url("http://assets.over-blog-kiwi.com/t/classical/images/social-twitter.png") no-repeat scroll 0 3px transparent; padding-left: 40px;}
.sidebar .social .rss {background: url("http://assets.over-blog-kiwi.com/t/classical/images/social-rss.png") no-repeat scroll 0 3px transparent; padding-left: 40px;}
.sidebar .social li a {font-size: 14px; font-weight: bold;}
.sidebar .social li a.link {color: #aeb8c1; display: block; font-size: 12px; font-weight: normal; margin-top: -2px; max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.subscribe h3 {
background-position: 130px 6px;
}
.subscribe p {
margin-bottom: 0.5em;
}
.subscribe .ob-form {
margin-bottom: 10px;
}
.subscribe label {
margin-left: 0px;
line-height: 25px;
position: absolute;
top: -5000px;
}
.subscribe .ob-form-field {
float: left;
width: 60%;
}
.subscribe input[type=email] {
padding: 2px 3px;
width: 100%
}
.subscribe input[type=submit] {
float: right;
margin: 5px 0;
}
.sidebar .widget {float: left; margin: 10px 0px 10px 0px;}

.sidebar .widget-video h3 {background-position: 100px 6px transparent;}
.sidebar .widget-video {float: left;}

.sidebar .list {float: left;}
.sidebar .list li {padding: 10px; border-bottom: 1px solid #f2f2f2;width: 270px;float: left;}
.sidebar .list li:hover {background: #f1f5f8;}
.sidebar .categories h3 {background-position: 95px 6px;}
.sidebar .categories .number {float: right; height: 22px; line-height: 22px; padding:0 10px;color: #FFF;font-family: 'Montserrat', Arial, sans-serif; font-size: 14px; }
.sidebar .categories li a{
float: left;
max-width: 80%;
word-wrap:break-word;
}

.sidebar .archives {float: left;}
.sidebar .archives h3 {background-position: 80px 6px;}
.sidebar .archives .plustext {font-size: 14px; font-weight: bold;}
.sidebar .archives .arch_year {padding: 10px; width: 270px;float: left;}
.sidebar .archives .arch_month li {padding: 10px; border-bottom: 1px solid #f2f2f2; width: 260px;float: left;}
.sidebar .archives .arch_month li:hover {background: #f1f5f8;}
.sidebar .archives .arch_month .number {float: right; height: 22px; line-height: 22px; padding:0 10px; color: #FFF;font-family: 'Montserrat', Arial, sans-serif; font-size: 14px; }

/*---- Footer ----*/
.footer {padding-bottom: 40px; position: relative;}
.footer p {float: left; text-align: center; width: 100%;}
.footer p span {display: inline-block;}
.footer .gotop {position: absolute;right: 20px;top: 0;}

.ob-section-html h1,
.ob-section-html h2,
.ob-text h3,
.ob-section-html h3,
.ob-text h4,
.ob-section-html h4,
.ob-text h5,
.ob-section-html h5,
.ob-section-html h6{
font-family: 'Montserrat', Arial, sans-serif;
margin: 15px 0 5px;
line-height: 1.5em;
}
.ob-section-html h1 {
font-size: 24px;
}
.ob-section-html h2 {
font-size: 20px;
}
.ob-text h3,
.ob-section-html h3 {
font-size: 18px;
}
.ob-text h4,
.ob-section-html h4 {
font-size: 16px;
}
.ob-text h5,
.ob-section-html h5 {
font-size: 14px;
font-weight: bold;
}
.ob-section-html h6 {
font-style: italic;
}
.ob-section-text a,
.ob-section-html a {
text-decoration: underline;
}
.ob-text pre {margin: 0 0 5px 0; white-space: pre-wrap;}
.post-tags {margin-left: 12px;}

/*-- Ads --*/
.ads{
margin: 0 auto;
}
.ads iframe{
background: #eef1f3;
border:1px solid #CCC !important;
}
.sidebar .ads{
margin-left: -3px;
margin-bottom:7px;
padding:0px;
}
#slider + .ads{
margin-top:-15px;
margin-bottom:15px;
}
.head .ads{
margin-top: -30px;
margin-bottom: 30px;
}
.ads-728x90{
height: 90px;
width: 728px;
}
.ads-300x250{
height: 250px;
width: 300px;
}
.ads-600x250{
height: 250px;
margin-top: 20px;
width: 622px;
}
.ads.ads-600x250 div{
float : left;
}
.ads.ads-600x250 div:first-child {
margin-right: 9px;
}
.ads-300{
text-align: center;
}
{% if not Blog.isAdEnabled or isHome %}
.share.all-post {
float: left;
}
.articles .bloc-infos {
float : left;
}
{% endif %}

/*****************
** Top articles **
*****************/

.ob-top-posts h2{
background: url("http://assets.over-blog-kiwi.com/t/classical/images/title-sep.png") no-repeat scroll 130px 6px transparent;
font-size: 18px;
font-style: italic;
font-weight: bold;
margin-bottom: 15px;
}
.ob-top-posts .ob-top-article h3{
font-size: 16px;
font-style: normal;
font-weight: bold;
margin: 15px 0 0;
background: none;
}
.ob-top-posts .ob-top-meta{
color: #85a5ba;
font-size: 11px;
margin-bottom: 25px;
}
.ob-top-list .ob-top-article{
list-style: none;
}

{% if Custom('theme_style') == 'Firebrick' %}
::selection {color: white; background: #de2020;}
::-moz-selection {color: white; background: #de2020;}
::-webkit-selection {color: white; background: #de2020;}

a{
color: #b22222;
}
a:hover{
color: #892121;
}
h2,
h4,
.articles .special h3,
.article h1,
.blue,
.ob-section-html h1,
.ob-section-html h2,
.ob-text h3,
.ob-section-html h3,
.ob-text h4,
.ob-section-html h4,
.ob-text h5,
.ob-section-html h5,
.ob-section-html h6 {
color: #b22222;
}
.articles a.readmore,
.ob-input-submit,
.sidebar .number {
background-color: #892121;
background: -moz-linear-gradient(#892121 0%, #621d1d 100%);
background: -webkit-linear-gradient(#892121 0%, #621d1d 100%);
background: -o-linear-gradient(#892121 0%, #621d1d 100%);
background: -ms-linear-gradient(#892121 0%, #621d1d 100%);
background: linear-gradient(#892121 0%, #621d1d 100%);
}
.articles a.readmore:hover,
.ob-input-submit:hover {
background-color: #b22222;
background: -moz-linear-gradient(#b22222 0%, #621d1d 55.63%);
background: -webkit-linear-gradient(#b22222 0%, #621d1d 55.63%);
background: -o-linear-gradient(#b22222 0%, #621d1d 55.63%);
background: -ms-linear-gradient(#b22222 0%, #621d1d 55.63%);
background: linear-gradient(#b22222 0%, #621d1d 55.63%);
}
.articles a.readmore:active,
.ob-input-submit:active {
background-color: #892121;
background: -moz-linear-gradient(#eb3e3e 0%, #892121 100%);
background: -webkit-linear-gradient(#eb3e3e 0%, #892121 100%);
background: -o-linear-gradient(#eb3e3e 0%, #892121 100%);
background: -ms-linear-gradient(#eb3e3e 0%, #892121 100%);
background: linear-gradient(#eb3e3e 0%, #892121 100%);
}
.sidebar h3 {
color: #b22222;
}
.article pre,
.article .ob-section-text blockquote,
.article .ob-section-html blockquote{
border-left-color: #b22222;
}
.articles a.readmore{
border-color:#621d1d;
}
.search input[type="text"]:focus {
box-shadow: 0px 0px 4px #de2020;
}
.sidebar .categories .number,
.sidebar .archives .arch_month .number,
.ob-input-submit,
.articles a.readmore {
text-shadow: 0 1px 0px #621d1d;
}
.navigation li.active a,
.navigation a:hover {
color: white;
text-shadow: 0px 0px 4px #de2020;
}
{% elseif Custom('theme_style') == 'Steelblue' %}
::selection {color: white; background: #639bc9;}
::-moz-selection {color: white; background: #639bc9;}
::-webkit-selection {color: white; background: #639bc9;}

a{
color: #4682b4;
}
a:hover{
color: #3c688c;
}
h2,
h4,
.articles .special h3,
.article h1,
.blue,
.ob-section-html h1,
.ob-section-html h2,
.ob-text h3,
.ob-section-html h3,
.ob-text h4,
.ob-section-html h4,
.ob-text h5,
.ob-section-html h5,
.ob-section-html h6 {
color: #4682b4;
}
.articles a.readmore,
.ob-input-submit,
.sidebar .number {
background-color: #3c688c;
background: -moz-linear-gradient(#3c688c 0%, #314d65 100%);
background: -webkit-linear-gradient(#3c688c 0%, #314d65 100%);
background: -o-linear-gradient(#3c688c 0%, #314d65 100%);
background: -ms-linear-gradient(#3c688c 0%, #314d65 100%);
background: linear-gradient(#3c688c 0%, #314d65 100%);
}
.articles a.readmore:hover,
.ob-input-submit:hover {
background-color: #b22222;
background: -moz-linear-gradient(#b22222 0%, #314d65 55.63%);
background: -webkit-linear-gradient(#b22222 0%, #314d65 55.63%);
background: -o-linear-gradient(#b22222 0%, #314d65 55.63%);
background: -ms-linear-gradient(#b22222 0%, #314d65 55.63%);
background: linear-gradient(#b22222 0%, #314d65 55.63%);
}
.articles a.readmore:active,
.ob-input-submit:active {
background-color: #3c688c;
background: -moz-linear-gradient(#eb3e3e 0%, #3c688c 100%);
background: -webkit-linear-gradient(#eb3e3e 0%, #3c688c 100%);
background: -o-linear-gradient(#eb3e3e 0%, #3c688c 100%);
background: -ms-linear-gradient(#eb3e3e 0%, #3c688c 100%);
background: linear-gradient(#eb3e3e 0%, #3c688c 100%);
}
.sidebar h3 {
color: #4682b4;
}
.article pre,
.article .ob-section-text blockquote,
.article .ob-section-html blockquote{
border-left-color: #4682b4;
}
.articles a.readmore{
border-color:#314d65;
}
.search input[type="text"]:focus {
box-shadow: 0px 0px 4px #639bc9;
}
.sidebar .categories .number,
.sidebar .archives .arch_month .number,
.ob-input-submit,
.articles a.readmore {
text-shadow: 0 1px 0px #314d65;
}
.navigation li.active a,
.navigation a:hover {
color: white;
text-shadow: 0px 0px 4px #639bc9;
}
{% else %}
::selection {color: white; background: #00a2ff;}
::-moz-selection {color: white; background: #00a2ff;}
::-webkit-selection {color: white; background: #00a2ff;}

a{
color: #254C67;
}
a:hover{
color: #2577b0;
}
h2,
h4,
.articles .special h3,
.article h1,
.blue,
.ob-section-html h1,
.ob-section-html h2,
.ob-text h3,
.ob-section-html h3,
.ob-text h4,
.ob-section-html h4,
.ob-text h5,
.ob-section-html h5,
.ob-section-html h6 {
color: #254c67;
}
.articles a.readmore,
.ob-input-submit,
.sidebar .number {
background-color: #24578e;
background: -moz-linear-gradient(#24578e 0%, #133d6e 100%);
background: -webkit-linear-gradient(#24578e 0%, #133d6e 100%);
background: -o-linear-gradient(#24578e 0%, #133d6e 100%);
background: -ms-linear-gradient(#24578e 0%, #133d6e 100%);
background: linear-gradient(#24578e 0%, #133d6e 100%);
}
.articles a.readmore:hover,
.ob-input-submit:hover {
background-color: #3781b2;
background: -moz-linear-gradient(#3781b2 0%, #133d6e 55.63%);
background: -webkit-linear-gradient(#3781b2 0%, #133d6e 55.63%);
background: -o-linear-gradient(#3781b2 0%, #133d6e 55.63%);
background: -ms-linear-gradient(#3781b2 0%, #133d6e 55.63%);
background: linear-gradient(#3781b2 0%, #133d6e 55.63%);
}
.articles a.readmore:active,
.ob-input-submit:active {
background-color: #224F86;
background: -moz-linear-gradient(#1D467A 0%, #224F86 100%);
background: -webkit-linear-gradient(#1D467A 0%, #224F86 100%);
background: -o-linear-gradient(#1D467A 0%, #224F86 100%);
background: -ms-linear-gradient(#1D467A 0%, #224F86 100%);
background: linear-gradient(#1D467A 0%, #224F86 100%);
}
.sidebar h3 {
color: #254C67;
}
.article pre,
.article .ob-section-text blockquote,
.article .ob-section-html blockquote{
border-left-color: #254C67;
}
.articles a.readmore{
border-color:#1D3E71;
}
.search input[type="text"]:focus {
box-shadow: 0px 0px 4px #00a2ff;
}
.sidebar .categories .number,
.sidebar .archives .arch_month .number,
.ob-input-submit,
.articles a.readmore {
text-shadow: 0 1px 0px #21496F;
}
.navigation li.active a,
.navigation a:hover {
color: white;
text-shadow: 0px 0px 4px #00a2ff;
}
{% endif %}
</style>
</head>
<body id="top">
{% if Custom('share_service') == 'Facebook' or Custom('share_service') == 'All' or Custom('comment') == 'facebook' %}
<div id="fb-root"></div>
{% endif %}
<div class="header">
<div class="wrap">
<div class="head">
{% if Blog.isAdEnabled %}
<div class="ads ads-728x90">
{% ad(4) with {'background' : '#ffffff', 'text' : '#232323', 'url' : '#85a5ba', 'link' : '#254C67', 'border' : '#FFFFFF'} %}
</div>
{% endif %}
{% if Blog.Avatar is not empty %}
<div class="avatar">
<a href="{{ Blog.Url }}"><img src="{{ Blog.Avatar|resize(100,100)|crop }}" alt="{{ Blog.Title}}" width="100" height="100" /></a>
</div>
{% endif %}
<div class="logo">
<h1>
<a href="{{ Blog.Url }}" title="{{ Blog.Description }}">{{ Blog.Title }}</a>
</h1>
<p class="slogan">{{ Blog.Description }}</p>
</div>
{% if Custom('display_widget_search') %}
<div class="search">
<form class="search" method="post" action="/search">
<input type="text" name="q" placeholder="{{ Lang.Get('Search') }}..." value="{{ Search }}" />
<input type="submit" value="{{ Lang.Get('Search') }}" />
</form>
</div>
{% endif %}
<div class="navigation">
<ul>
<li class="first"><a href="{{ Blog.Url }}" title="{{ Lang.Get('Home') }}">{{ Lang.Get('Home') }}</a></li>
{% if Custom('menu_link_label1') is not empty and Custom('menu_link_url1') is not empty %}
<li
{% if Tag.Url == Custom('menu_link_url1') %}
class="active"
{% endif %}
>
<a href="{{ Custom('menu_link_url1') }}">{{ Custom('menu_link_label1') }}</a>
</li>
{% endif %}
{% if Custom('menu_link_label2') is not empty and Custom('menu_link_url2') is not empty %}
<li
{% if Tag.Url == Custom('menu_link_url2') %}
class="active"
{% endif %}
>
<a href="{{ Custom('menu_link_url2') }}">{{ Custom('menu_link_label2') }}</a>
</li>
{% endif %}
{% if Custom('menu_link_label3') is not empty and Custom('menu_link_url3') is not empty %}
<li
{% if Tag.Url == Custom('menu_link_url3') %}
class="active"
{% endif %}
>
<a href="{{ Custom('menu_link_url3') }}">{{ Custom('menu_link_label3') }}</a>
</li>
{% endif %}
{% if Custom('menu_link_label4') is not empty and Custom('menu_link_url4') is not empty %}
<li
{% if Tag.Url == Custom('menu_link_url4') %}
class="active"
{% endif %}
>
<a href="{{ Custom('menu_link_url4') }}">{{ Custom('menu_link_label4') }}</a>
</li>
{% endif %}
{% if Custom('menu_link_label5') is not empty and Custom('menu_link_url5') is not empty %}
<li
{% if Tag.Url == Custom('menu_link_url5') %}
class="active"
{% endif %}
>
<a href="{{ Custom('menu_link_url5') }}">{{ Custom('menu_link_label5') }}</a>
</li>
{% endif %}
{% if Custom('menu_link_label6') is not empty and Custom('menu_link_url6') is not empty %}
<li
{% if Tag.Url == Custom('menu_link_url6') %}
class="active"
{% endif %}
>
<a href="{{ Custom('menu_link_url6') }}">{{ Custom('menu_link_label6') }}</a>
</li>
{% endif %}
{% if Custom('menu_link_label7') is not empty and Custom('menu_link_url7') is not empty %}
<li
{% if Tag.Url == Custom('menu_link_url7') %}
class="active"
{% endif %}
>
<a href="{{ Custom('menu_link_url7') }}">{{ Custom('menu_link_label7') }}</a>
</li>
{% endif %}
<li {% if isSpecial %}class="active"{% endif %}><a href="{{ Blog.Url }}/contact" title="{{ Lang.Get('Contact') }}">{{ Lang.Get('Contact') }}</a></li>
</ul>
</div>
<div class="cb"></div>
</div>
</div>
</div>
<div class="main">
<div class="wrap">
<div class="content">
<div class="content-left">
{% if isIndex %}
<!-- Index Page -->
{% if Custom('display_widget_slideshow') %}
<div id="slider" class="theme-default">
{% list Blog.Posts(10) %}
{% if Post.Cover is not empty %}
<a href="{{ Post.PermaLink }}" title="{{ Post.Title }}">
<img src="{{ Post.Cover|resize(622,299)|crop }}" title="{{ Post.Snippet|truncate(60) }}" alt="{{ Post.Title }}" width="622" height="299" />
</a>
{% endif %}
{% endlist %}
</div>
{% endif %}
{% endif %}

<div class="articles {% if isSingle %}single{% endif %}">
{% if isIndex %}
<p class="index-title">{{ Lang.Get('Last Posts') }}</p>
{% elseif isTag %}
<p class="tag-title">{{ Lang.Get('Posts with') }} #{{ Tag.Title }} tag</p>
{% elseif isSearch %}
<p class="search-title">{{ Lang.Get('Search results for') }} &ldquo;{{ Search.Keyword }}&rdquo;</p>
{% endif %}

{% if isSpecial %}
<div class="article">
<div class="excerpt">
<div class="bloc-text special">
{{ SpecialContent }}
</div>
{% if Blog.isAdEnabled %}
<div class="ads ads-600x250">
{% ad(1) with {'background' : '#ffffff', 'text' : '#232323', 'url' : '#85a5ba', 'link' : '#254C67', 'border' : '#FFFFFF'} %}
{% ad(1) with {'background' : '#ffffff', 'text' : '#232323', 'url' : '#85a5ba', 'link' : '#254C67', 'border' : '#FFFFFF'} %}
</div>
{% endif %}
</div>
</div>
{% else %}
{% list Posts %}
<div class="article">
<div class="excerpt">
{% if isSingle == false and Custom('display_mode') == 'Summary' and Post.Cover is not empty %}
<div class="picture">
<a href="{{ Post.PermaLink }}" title="{{ Post.Title }}">
<img alt="{{ Post.Title }}" src="{{ Post.Cover|resize(220)|crop }}" />
</a>
{% if Post.ShowComments is not empty %}
{% if Custom("comment") == "Disqus" and Custom('comment_disqus') is not empty %}
<a class="comments-counter" href="{{ Post.Permalink }}#disqus_thread" title="{{ Lang.Get('comments') }}"></a>
{% else %}
<a class="comments-counter" href="{{ Post.PermaLink }}#comments" title="{{ Lang.Get('comments') }}">
{% if Custom("comment") == "Facebook" %}
<fb:comments-count href="{{ Post.Permalink }}"></fb:comments-count>
{% else %}
{{ Post.CommentCount }}
{% endif %}
</a>
{% endif %}
{% endif %}
</div>
{% endif %}
<div class="bloc-text">
<h2>
{% if not isSingle %}
<a href="{{ Post.PermaLink }}" title="{{ Post.Snippet }}">
{% endif %}
{% if Post.Title is not empty %}
{{ Post.Title }}
{% else %}
{{ Lang.Get('Published from') }} {% list Post.Sources %}{{ Lang.Get(Source) }}{% if not loop.last %} {{ Lang.Get('and') }} {% endif %}{% endlist %}
{% endif %}
{% if not isSingle %}
</a>
{% endif %}
</h2>

<p class="meta">
<span>{{ Post.Date|datel(Lang.Get("Default date format"))|title }}</span>
{% if Post.Author.Nickname is not empty %}
{% if Post.Date is not empty %}, {% endif %}
{{ Lang.Get('Written by') }} {{ Post.Author.Nickname }}
{% endif %}
{% if Post.tags is not empty %}
<span class="tags">
{% list Post.Tags %}
{% if loop.first is not empty %}
{{ Lang.Get('Tagged on') }}
{% endif %}
<a href="{{ Tag.Url }}">#{{ Tag.Title }}</a>{% if loop.last is empty %}, {% endif %}
{% endlist %}
</span>
{% endif %}
</p>
{% if isSingle or Custom('display_mode') == 'All' %}
{{ Post.Body }}
{% elseif not isSingle and Custom('display_mode') != 'Summary' and Custom('display_mode') != 'All' %}
{{ Post.Body(Custom('display_mode')) }}
{% else %}
<p>{{ Post.Snippet }}</p>
{% endif %}
</div>

{% if Custom('share_service') is not empty %}
<div class="bloc-infos">
{% if isSingle and isPage == false %}
{% if Custom('share_service') != 'None' %}
<h4>{{ Lang.Get('Share this post') }}</h4>
{% endif %}
{% elseif isSingle and isPage %}
{% if Custom('share_service') != 'None' %}
<h4>{{ Lang.Get('Share this page') }}</h4>
{% endif %}
{% else %}

<a class="readmore" href="{{ Post.PermaLink }}">
{% if Custom('display_mode') == 'All' %}
{{ Lang.Get('See comments') }}
{% else %}
{{ Lang.Get('Read more') }}
{% endif %}
</a>

{% endif %}
{% if Custom('display_mode') == 'All' %}
<div class="share all-post">
{% else %}
<div class="share">
{% endif %}

{{ Post.Share }}
<div class="cb"></div>
</div>
</div>
{% endif %}

<div class="cb"></div>

{% if Blog.isAdEnabled and loop.first %}
<div class="ads ads-600x250">
{% ad(1) with {'background' : '#ffffff', 'text' : '#232323', 'url' : '#85a5ba', 'link' : '#254C67', 'border' : '#FFFFFF'} %}
{% ad(1) with {'background' : '#ffffff', 'text' : '#232323', 'url' : '#85a5ba', 'link' : '#254C67', 'border' : '#FFFFFF'} %}
</div>
{% endif %}

<div class="cb"></div>

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

{% if isSingle %}
<div class="return">
<a href="{{ Blog.Url }}">{{ Lang.Get('Back to home') }}</a>
</div>
{% endif %}


{% if isSingle and isPage == false and Post.ShowComments is not empty %}
<div class="bloc-comment" id="comments">
<h4>{{ Lang.Get('Comment this post') }}</h4>
<div>
{% if Custom("comment") == "Facebook" %}
<div class="fb-comments" data-href="{{ Post.Permalink }}" data-num-posts="2" data-width="620"></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 = 'http://' + 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="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
{% else %}
{{ Post.Comments }}
{% endif %}
</div>
</div>
{% endif %}
</div>
<div class="cb"></div>
</div>
{% else %}
<div class="article">
<div class="excerpt">
{% if isSearch %}
<h4>{{ Lang.Get('No result found') }}</h4>
{{ Lang.Get('No posts found for this expression') }}.
{% elseif isTag %}
<h4>{{ Lang.Get('No result found') }}</h4>
{{ Lang.Get('No posts found for this tag') }}.
{% else %}
<h4>{{ Lang.Get('No post') }}</h4>
{{ Lang.Get('Sorry we haven\'t found any post') }}.
{% endif %}

{% if Blog.isAdEnabled %}
<div class="ads ads-600x250">
{% ad(1) with {'background' : '#ffffff', 'text' : '#232323', 'url' : '#85a5ba', 'link' : '#254C67', 'border' : '#FFFFFF'} %}
{% ad(1) with {'background' : '#ffffff', 'text' : '#232323', 'url' : '#85a5ba', 'link' : '#254C67', 'border' : '#FFFFFF'} %}
</div>
{% endif %}
</div>
</div>

<div class="return">
<a href="{{ Blog.Url }}">{{ Lang.Get('Back to home') }}</a>
</div>
{% endlist %}
{% endif %}
</div>

<!-- Pagination -->
{% if not isSingle and not isSpecial %}
{% pagination %}
{% endif %}

<div class="cb"></div>
</div>
<div class="sidebar">
{% if Custom('display_widget_free_html_1') %}
{% if Custom('free_title_1') or Custom('free_html_1') %}
<div class="freeModule">
<h3><span>{{ Custom('free_title_1') }}</span></h3>
<div>{{ Custom('free_html_1') }}</div>
</div>
{% endif %}
{% endif %}
{% if Blog.isAdEnabled %}
<div class="ads ads-300">
{% ad(14) with {'background' : '#ffffff', 'text' : '#232323', 'url' : '#85a5ba', 'link' : '#254C67', 'border' : '#FFFFFF'} %}
</div>
{% endif %}
{% if Custom('display_widget_follow_us') %}
<div class="social">
<h3><span>{{ Lang.Get('Follow us') }}</span></h3>
<ul>
{% if Custom('facebook_username') is not empty %}
<li class="facebook">
<a class="follow" href="http://facebook.com/{{ Custom('facebook_username') }}">{{ Lang.Get('Follow me on') }} Facebook</a>
<a class="link" href="http://facebook.com/{{ Custom('facebook_username') }}">http://facebook.com/{{ Custom('facebook_username') }}</a>
</li>
{% endif %}
{% if Custom('twitter_username') is not empty %}
<li class="twitter">
<a class="follow" href="http://twitter.com/{{ Custom('twitter_username') }}">{{ Lang.Get('Follow me on') }} Twitter</a>
<a class="link" href="http://twitter.com/{{ Custom('twitter_username') }}">http://twitter.com/{{ Custom('twitter_username') }}</a>
</li>
{% endif %}
<li class="rss">
<a class="follow" href="{{ Blog.RssUrl }}">{{ Lang.Get('Subscribe to the rss feed') }}</a>
<a class="link" href="{{ Blog.RssUrl }}">{{ Blog.Url }}{{ Blog.RssUrl }}</a>
</li>
</ul>
</div>
{% endif %}

{% if Custom('display_widget_subscribe') %}
<div class="subscribe">
<h3><span>{{ Lang.Get('Subscribe') }}</span></h3>
<p>{{ Lang.Get('Subscribe to be notified about future posts.') }}</p>
{% email_notification %}
<div class="cb"></div>
</div>
{% endif %}
{% if Custom('display_widget_pages') %}
<div class="list pages">
<h3><span>{{ Lang.Get('Pages') }}</span></h3>
<ul>
{% list Blog.Pages %}
<li><a href="{{ Page.Url }}">{{ Page.Title }}</a></li>
{% endlist %}
</ul>
</div>
{% endif %}
{% if Custom('display_widget_tags') %}
<div class="list categories">
<h3><span>{{ Lang.Get('Categories') }}</span></h3>
<ul>
{% list Blog.PostsTags(50) %}
<li>
<span class="number">{{ PostsTag.PostCount }}</span>
<a href="{{ PostsTag.Url }}">{{ PostsTag.Title }}</a>
</li>
{% endlist %}
</ul>
</div>
{% endif %}

{% if Custom('display_widget_archives') and Blog.Archives is not empty %}
<div class="archives">
<h3><span>{{ Lang.Get('Archives') }}</span></h3>
<ul id="archivelist">
{% list Blog.Archives %}
<li class="arch_year">
<a href="#" class="plustext" onclick="javascript:switch_arch('{{ Archive.Year }}')">{{ Archive.Year }}</a>
<ul id="arch_{{ Archive.Year }}" class="arch_month" {% if loop.index == 1 %}style="display:block;"{% endif %}>
{% list Archive.Months %}
{% if Month.PostCount > 0 %}
<li><a href="{{ Month.Url }}">{{ Lang.Get(Month.Name) }}</a> <span class="number">{{ Month.PostCount }}</span></li>
{% endif %}
{% endlist %}
</ul>
</li>
{% endlist %}
</ul>
</div>
{% endif %}

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

{% if Custom('display_widget_free_html_2') %}
{% if Custom('free_title_2') or Custom('free_html_2') %}
<div class="freeModule">
<h3><span>{{ Custom('free_title_2') }}</span></h3>
<div>{{ Custom('free_html_2') }}</div>
</div>
{% endif %}
{% endif %}
</div>
<div class="cb"></div>
</div>
</div>
</div>
<div class="footer">
<div class="wrap">
<p>
<span class="bold blue">
Theme: Classical © 2012 - <span>{{ Lang.Get('Hosted by') }}</span> <a href="http://www.over-blog.com" target="_bank">Overblog</a>
</span>
</p>
<a href="#top" class="gotop">
<img alt="GoTop" src="http://assets.over-blog-kiwi.com/t/classical/images/gotop.png" />
</a>
</div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://assets.over-blog-kiwi.com/t/catalog/jquery/nivo-slider/3.2/jquery.nivo.slider.pack.js"></script>
<script src="http://assets.over-blog-kiwi.com/t/catalog/jquery/fancybox/2.5/source/jquery.fancybox.pack.js"></script>

<script>
{% 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 = 'http://' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
{% endif %}
$(document).ready(function() {
{% if isIndex and Custom('display_widget_slideshow') %}
// Slider
if($('#slider a').length > 0) {
$('#slider').addClass('nivoslider');
$('#slider').addClass('slideshow');
$('#slider').nivoSlider({
effect : 'fade', // Specify sets like: 'fold,fade,sliceDown'
slices : 10, // For slice animations
boxCols : 8, // For box animations
boxRows : 4, // For box animations
animSpeed : 600, // Slide transition speed
pauseTime : 3000, // How long each slide will show
startSlide : 0, // Set starting Slide (0 index)
directionNav : true, // Next & Prev navigation
directionNavHide : true, // Only show on hover
controlNav : false, // 1,2,3... navigation
controlNavThumbs : false, // Use thumbnails for Control Nav
controlNavThumbsFromRel : false, // Use image rel for thumbs
controlNavThumbsSearch : '.jpg', // Replace this with...
controlNavThumbsReplace : '_thumb.jpg', // ...this in thumb Image src
keyboardNav : false, // Use left & right arrows
pauseOnHover : true, // Stop animation while hovering
manualAdvance : false, // Force manual transitions
captionOpacity : 1, // Universal caption opacity
prevText : '{{ Lang.Get('Previous') }}', // Prev directionNav text
nextText : '{{ Lang.Get('Next') }}', // Next directionNav text
randomStart : false // Start on a random slide
});
}
{% endif %}

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

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

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

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

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

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

{% 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 ? 'https://ssl' : 'http://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;
}

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

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

Partager cette page

Repost 0