Overblog Suivre ce blog
Editer l'article Administration Créer mon blog

Une modification de thème, suite à une demande reçue par mail

- Auteur : Brunofaisart

Une modification de thème, suite à une demande reçue par mail

Louv qui souhaite passer en nouvelle version Overblog, m'a posée de nombreuses questions.

Ce blog est en construction donc des contenus tests simplement !

Elle est partie du thème Simple Image et elle souhaitait, obtenir des fonds d'articles transparents et d'autres modifications structurelles et de navigation, je lui ai proposé ce thème "SIMPLE IMAGE" modifié (attendre car l'image de fond de page peut-être longue à charger en fonction de votre connexion et ordinateur), je vous donne ci-dessous le code source de ce thème modifié, mais avant jetez un coup d'oeil ici:

http://lescheminsdenahani.overblog.com/

Pour toute questions , je vous invite à en discuter sur le forum dans thème :
"Mes questions sur les thèmes et le HTML"

Mais cela ne vous empêche pas de laisser ici un petit avis sous forme de commentaire :)

Et si Louv veut aussi laisser un petit commentaire pour expliquer pourquoi et comment j'en suis arrivé à cette modification ? (peut-être mon côté altruiste)

Le code source du thème :

<!DOCTYPE html>
<html lang="{{ Blog.Lang|default('fr') }}">
    <head>
        <!-- shortcut:[Meta] -->
		<!-- title, description, keyword, robots -->
		{% if isSingle%}
			<title>{% if Post.Title is not empty %}{{ Post.Title }} - {% elseif Post.Snippet is not empty %}{{ Post.Snippet|truncate(80) }} - {% endif %}{{Blog.Title}}</title>
            <meta name="description" content="{% if isPage %}{% list Blog.ListPages %}{{ ListPage.Snippet }}{% endlist %}{% else %}{{ Post.Snippet }}{% endif %}" />
            <meta name="keywords" content="{% list Post.Tags %}{{ Tag.Title }}{% if loop.last == false %}, {% endif %}{% endlist %}" />
            <meta name="robots" content="index,follow" />
		{% elseif isTag and Tag is not empty %}
			<title>{{ Tag.Title|title }} - {{Blog.Title}}</title>
			<meta name="description" content="{{ Blog.Description }}" />
			<meta name="keywords" content="{{ Tag.Title|title }}" />
			<meta name="robots" content="index,follow" />
		{% elseif isSearch and Search is not empty %}
			<title>{{ Search|title }} - {{Blog.Title}}</title>
			<meta name="description" content="{{ Blog.Description }}" />
			<meta name="keywords" content="{{ Search|title }}" />
			<meta name="robots" content="noindex" />
		{% else %}
			<title>{{Blog.Title}}</title>
			<meta name="description" content="{{ Blog.Description }}" />
			<meta name="robots" content="index,follow" />
		{% endif %}
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	
	
		<!-- Social setting : Facebook, G+ .. --> 
		<meta property="og:site_name" content="{{ Blog.Title }}" />
		<meta property="og:type" content="blog" />
		<meta property="fb:app_id" content="{% if Custom('facebook_appid') is not empty %}{{ Custom('facebook_appid') }}{% endif %}" />
		{% if Custom('facebook_username') is not empty %}
        	<meta property="fb:admins" content="{{ Custom('facebook_username') }}"/>
        {% endif %}
		<meta itemprop="name" content="{{ Blog.Title }}" />
	
		{% if isSingle %}
			{% list Posts %}
				<meta property="og:title" content="{% if Post.Title is not empty %}{{ Post.Title }} - {% elseif Post.Snippet is not empty %}{{ Post.Snippet|truncate(80) }}{% endif %}"/>
				<meta property="og:description" content="{{ Post.Snippet }}" />
				<meta itemprop="description" content="{{ Post.Snippet }}" />
				<meta property="og:url" content="{{ Blog.Url }}{{ Post.Permalink }}" />
				{% if Post.Cover %}
					<meta property="og:image" content="{{ Post.Cover }}"/>
					<meta itemprop="image" content="{{ Post.Cover }}" />
				{% endif %}
			{% endlist %}
			<meta property="og:type" content="overblogkiwi:see" />
		{% else %}
			<meta property="og:title" content="{{ Blog.Title }}"/>
			<meta property="og:description" content="{{ Blog.Description }}" />
			<meta itemprop="description" content="{{ Blog.Description }}" />
			{% if Blog.Avatar %}
			<meta property="og:image" content="{{ Blog.Avatar }}"/>
			<meta itemprop="image" content="{{ Blog.Avatar }}" />
			{% else %}
				{% list Posts %}
				{% if loop.index == 1 and Post.Cover %}
			<meta property="og:image" content="{{ Post.Cover }}"/>
			<meta itemprop="image" content="{{ Post.Cover }}" />
				{% endif %}
				{% endlist %}
			{% endif %}
	
			{% if isSearch %}
				<meta property="og:type" content="overblogkiwi:search" />
			{% else %}
				<meta property="og:type" content="overblogkiwi:visit" />
			{% endif %}
		{% endif %}
	
		<!-- shortcut:[Options] -->
		<meta name="constant:displayArticlesLimit" content="10" />
		<!-- options -->
		<meta name="list:display_mode:How many sections to display?" items="Summary,1,2,3,4,5,6,7,8,9,10,All" default="All" />
		
		<meta name="list:background:Choose the background image" items="Beach, Desert, Forest, Sky, Storm" default="Forest" group="Design" />
		<meta name="image:background_custom:Define your background image" group="Design" />
	    <meta name="color:background_item:Define the background items color" default="#F5F5F5" group="Design" />
	    <meta name="color:title_color:Define the blog title font color" default="#F5F5F5" group="Design" />
	    <meta name="color:font_color:Define the posts font color" default="#9C9A9A" group="Design" />
	    <meta name="color:footer_color:Define the footer font color" default="#F5F5F5" group="Design" />
	    
		<meta name="boolean:custom_hide_widget_search_form:Hide Widget &quot;Search form&quot;" group="Widgets" />
		<meta name="boolean:custom_hide_widget_follow:Hide Widget &quot;Follow me&quot;" group="Widgets" />
	
		<meta name="string:wording_footer:Copyright" default="Theme : Simple Image modifié par Bruno &copy; 2012 - <a href='http://ob.photonautes-associes.fr' target='_blank'>Voir le blog participatif sur OB nouvelle plateforme</a>" group="Footer" />
	
	    <meta name="string:facebook_username:Enter your Facebook Username" group="Social" />	    
		<meta name="string:twitter_username:Enter your Twitter Username" group="Social" />
		<meta name="list:share_service:Choose your(s) share social service(s)" items="None, Facebook, Twitter, Google +, All" default="All" group="Social" />
		
		<meta name="list:comment:Comment service" items="OverBlog, Facebook, Disqus" default="OverBlog" group="Comments" />
		<meta name="list:facebook_comments_color:Facebook comments color theme" items="light, dark" default="light" group="Comments" />
		<meta name="string:comment_disqus:Disqus account" default="obcomment" group="Comments" />
	    
        <meta name="string:facebook_appid:Enter your FaceBook App ID" group="Settings" />
        <meta name="string:google_analytics:Enter your Google Analytics ID" group="Settings" />
        <meta name="string:google_webmaster_id:Enter your Google Webmaster Tools ID" group="Settings" />
        <meta name="string:msn_webmaster_id:Enter your MSN Webmaster Tools ID" group="Settings" />
	
		<!-- favicon -->
		{% if Blog.FaviconUrl is not empty %}
			<link rel="icon" type="image/png" href="{{ Blog.FaviconUrl }}" />
		{% else %}
			<link rel="shortcut icon" type="image/x-icon" href="http://fdata.over-blog.net/99/00/00/01/img/favicon.ico" />
			<link rel="icon" type="image/png" href="http://fdata.over-blog.net/99/00/00/01/img/favicon.png" />
			<link rel="apple-touch-icon" href="http://fdata.over-blog.net/99/00/00/01/img/mobile-favicon.png" />
		{% endif %}	
		
		<!-- 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 %}
	
		<!-- includes -->
		<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ Blog.RssUrl }}" />
	
		<!-- shortcut:[Styles] -->
		<style type="text/css">
			/* Image copyright :
				- Beach : http://www.flickr.com/photos/tom_ruaat/5637528524/sizes/o/in/photostream/
				- Forest : http://www.flickr.com/photos/31246066@N04/5082779364/sizes/o/in/photostream/
				- Storm : http://www.flickr.com/photos/dhilung/3521047509/sizes/o/in/photostream/
				- Sky: http://www.flickr.com/photos/frankpierson/4562163986/sizes/o/in/photostream/
				- Desert : Gerald LONLAS
			*/
		
			/**
			 * Fonts import
			 */
			@import url(http://fonts.googleapis.com/css?family=Leckerli+One);
	
			/**
			 * YUI 3.4.1 (build 4118)
			 * Copyright 2011 Yahoo! Inc. All rights reserved.
			 * Licensed under the BSD License.
			 * http://yuilibrary.com/license/
			 */
			html {color:#000;background:#000;}
			body {color:#000;background:#000;}
			body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0}
			table {border-collapse:collapse;border-spacing:0}
			fieldset,img {border:0}
			address,caption,cite,code,dfn,em,strong,th,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;font-variant:normal}
			sup {vertical-align:text-top}
			sub {vertical-align:text-bottom}
			input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit}
			input,textarea,select {*font-size:100%}
			legend {color:#000}
	
			/*** Theme*/
			html {
				{% if Custom('background_custom') is not empty %}
					background: url({{ Custom('background_custom') | default('Forest') }}) no-repeat center center fixed;
				{% elseif Custom('background') is not empty %}
					/*background: url(http://assets.over-blog-kiwi.com/themes/14/images/bg-{{ Custom('background') }}.jpg) no-repeat center center fixed;*/
					
					background: url(http://images2.layoutsparks.com/1/246678/foggy-forest-default-smoke-31000.gif) no-repeat center center fixed;
				{% endif %}
				-webkit-background-size: cover;
				   -moz-background-size: cover;
				     -o-background-size: cover;
				        background-size: cover;
			}
			body {
				color: #333;
				font-family: 'Helvetica Neue', Helvetica,Arial,sans-serif;
				font-size: 13px;
				font-weight: normal;
				line-height: 18px;
				-webkit-font-smoothing: subpixel-antialiased;
				text-rendering: geometricPrecision;
				background: none;
				padding-bottom: 20px;
				 /* Firefox */
        -moz-transition-property: opacity;
        -moz-transition-duration: 3s;
        /* WebKit */
        -webkit-transition-property: opacity;
        -webkit-transition-duration: 3s;
        /* Standard */
        transition-property: opacity;
        transition-duration: 3s;

			}
	
			a, a:focus, a:visited, a:hover {
				color: whiteSmoke;
				text-decoration: none;
				-webkit-transition: color 300ms ease-in;
				   -moz-transition: color 300ms ease-in;
				    -ms-transition: color 300ms ease-in;
				     -o-transition: color 300ms ease-in;
				        transition: color 300ms ease-in;
			}
			
			img {
				border: 0;
				-ms-interpolation-mode: bicubic;
			}
	
			input, select, button, textarea {
				border: 1px solid #C4C7D0;
				font-size: 13px;
				font-family: arial,sans-serif;
			}
	
			.clearboth {
				clear: both;
			}
			
			.header {
				color: white;
				font-family: 'Leckerli One', 'Helvetica Neue', Helvetica, Arial, sans-serif;
				padding: 8px;
			}
			
			.header .logo a{
				font-size: 60px;
				font-family:"Carter One";
				line-height: 48px;
				color: {{ Custom('title_color') }};
				/*-webkit-text-shadow: 0 2px 6px rgba(0,0,0,0.4);
				   -moz-text-shadow: 0 2px 6px rgba(0,0,0,0.4);
					 -o-text-shadow: 0 2px 6px rgba(0,0,0,0.4);
						text-shadow: 0 2px 6px rgba(0,0,0,0.4);*/
			}
			
			.header .description {
				font-size: 22px;
				margin-top: 0.8em;
				color: rgba(255,255,255, 0.8);
			}
			
			.main {
				margin-top: 40px;
				
			}
			
			.posts {
				position: relative;
				display: table;
				height: 100%;
				margin: 0 auto;
				table-layout: fixed;
			}
			
			.indications {
				color: whitesmoke;
				display: block;
				font-size: 23px;
				margin: 20px 0 30px;
				text-align: center;
			}
			.indications span {
				font-family: 'Carter One', 'Helvetica Neue', Helvetica, Arial, sans-serif;
				font-size: 35px;
				/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);*/
			}
			.indications .keyword {
				display: block;
				margin-top: 15px;
			}
			
	
			.single, .special {
				width: 630px;
				max-width: 630px;
			}
			
			.special {
				margin-bottom: 20px; 
			}
			.single .post {
				margin-bottom: 20px;
			}
	
			.index {
				width: 60%;
				max-width: 900px;
			}
			
			.index .readmore {
				margin-top: 10px;
				margin-bottom: 10px;
			}
	
			.index .post {
				margin-bottom: 40px;
			}
			.post .item-cover {
				height: 266px;
				margin-bottom: 10px;
				position: relative;
			}
			
			.post .item-cover img {
				-webkit-border-radius: 6px;
				   -moz-border-radius: 6px;
				    -ms-border-radius: 6px;
				     -o-border-radius: 6px;
				   		border-radius: 6px;
				
				-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				     -o-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				        box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				        
				-webkit-opacity: 0.9;
				   -moz-opacity: 0.9;
				    -ms-opacity: 0.9;
				     -o-opacity: 0.9;
				   		opacity: 0.9;
			
			-webkit-transition: opacity 300ms;
			   -moz-transition: opacity 300ms;
			    -ms-transition: opacity 300ms;
			     -o-transition: opacity 300ms;
			   		transition: opacity 300ms;
			}
			.post .item-cover img:hover {
				-webkit-opacity: 1;
				   -moz-opacity: 1;
				    -ms-opacity: 1;
				     -o-opacity: 1;
				   		opacity: 1;
			}
			
			.border-img {	
				border: 1px solid rgba(255, 255, 255, 0.3);
				-webkit-border-radius: 5px;
				   -moz-border-radius: 5px;
				    -ms-border-radius: 5px;
				     -o-border-radius: 5px;
				   		border-radius: 5px;
				-webkit-box-sizing: border-box;
				   -moz-box-sizing: border-box;
				    -ms-box-sizing: border-box;
				     -o-box-sizing: border-box;
				        box-sizing: border-box;
				display: block;
				height: 100%;
				width: 100%;
			}
			
			.ob-section {
				clear: both;
			}
	
			/* Sections on Index  */
			.index .ob-section img,
			.index .ob-section .ob-desc,
			.index .ob-section-video iframe,
			.index .ob-section-video object,
			.index .ob-section-html object {
				width: 372px;
			}
	
			.index .ob-section-html object.flowplayer,
			.index .ob-section-images .ob-slideshow {
				width: 372px;
				height: 279px;
			}

			/* Section File */
	        .index .ob-section-file .ob-ctn {background: transparent; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); border: none; display: block;}
	        .index .ob-section-file .ob-ctn a.ob-link,
	        .index .ob-section-file .ob-c a.ob-link:visited {color: {{ Custom('font_color') }}; max-width: 270px; text-decoration: underline; text-shadow: none;}
	        .index .ob-section-file .ob-ctn a.ob-link:hover {color: {{ Custom('font_color') }}; text-decoration: none;}
            .ob-section-file .ob-icon {background-image: url(http://assets.over-blog-kiwi.com/b/blog/bundles/overblogblogblog/images/paperclip.png?v=1);}

			 /* Section Quote */
			.index .ob-section-quote {background: transparent; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); border: none; margin-bottom: 20px;}
			.index .ob-section-quote p {color: {{ Custom('font_color') }}; min-height: 20px;}
			.index .ob-section-quote p:before {color: #EEE; margin: -82px 0 0 -87px;}
			.index .ob-section-quote p:after {color: #EEE; margin: -30px 0 0 -0;}
	        .index .ob-section-quote p.ob-author,
	        .index .ob-section-quote p.ob-source {background: #EEE; color: #555; font-size: 14px; font-style: italic; margin: 25px 0 0; max-height: 24px; max-width: 280px; overflow: hidden; padding-bottom: 0px\9; position: relative; text-overflow: ellipsis; -ms-white-space: nowrap; white-space: nowrap; z-index: 11;}
	        
	        /* Section Link */ 
	        .index .ob-section-link .ob-ctn {background: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); border: none;}
	        .index .ob-section-link .ob-media-left {margin: 0 !important;}
	        /* ajout pour la bordure image */
	        .ob-media.left img {border: 5px solid #fff;
						  -moz-box-shadow: 8px 8px 12px #aaa; 
						  -webkit-box-shadow: 8px 8px 12px #aaa; 
						  box-shadow: 8px 8px 12px #555;padding:4px;}
						.ob-media.right img {border: 5px solid #fff;
						  -moz-box-shadow: 8px 8px 12px #aaa; 
						  -webkit-box-shadow: 8px 8px 12px #aaa; 
						  box-shadow: 8px 8px 12px #555;padding:4px;}
  
	        .index .ob-section-link p.ob-url {background: #EEE; margin: 0; max-height: 24px; max-width: 160px; padding-bottom: 0px\9;}
	        .index .ob-section-link p.ob-title, 
	        .index .ob-section-link p.ob-snippet {color: {{ Custom('font_color') }}; margin-bottom: 10px; margin-left: 20px;}
	        .index .ob-section-link p.ob-title .ob-link {color: {{ Custom('font_color') }}; max-height: 42px; overflow: hidden;}
        	.index .ob-section-link p.ob-snippet {margin-bottom: 35px; max-height: 30px; overflow: hidden;}
	        .index .ob-section-link .ob-img {float: left; width: 170px;}
	        .index .ob-section-link .ob-desc {margin-top: 5px;}
	        

			.index .obsoundplayercover {
				width: 50px;
				height: 33px;
			}
			.index .ob-section .obsoundplayer .obsoundplayername {
				width: 44px;
			}
	
			.index .obsoundplayer .obsoundplayervolume {
				margin: 10px 5px 5px 10px;
			}
			.index .ob-video iframe {
				max-height: 218px;
			}
			.index .ob-section .ob-media-left {
				float: none;
			}
	
			.index .ob-section img {
				float: none;
			}
			.index .ob-media-left,
			.index .ob-media-right {
				margin-left: auto;
				margin-right: auto;
			}
			.index .ob-map {
				height: 300px;
				width: 372px;
			}

			/* Sections on single page */

			.single .ob-section-text img,
			.single .ob-section-images .ob-default .ob-row-1-col a img {
				-webkit-border-radius: 5px;
				   -moz-border-radius: 5px;
				    -ms-border-radius: 5px;
				     -o-border-radius: 5px;
			}
	        .single .post ul{
	            margin: 0 0 12px 0;
	        }
			.single ol li {list-style: decimal; margin-left: 20px;}
			.single ul li {list-style: disc; margin-left: 20px;}
			.single pre {border-left: 3px solid #3A3A3A; padding-left: 4px; margin-top: 10px; margin-bottom: 10px;}
			.body .ob-text h3, 
			.body .ob-text h4,
			.body .ob-text h5 {margin: 15px 0 5px;}

			/* Section File */
	        .single .ob-section-file .ob-ctn {background: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); border: none; display: block; max-width: 100%;}
	        .single .ob-section-file .ob-ctn a.ob-link,
	        .single .ob-section-file .ob-c a.ob-link:visited {color: {{ Custom('font_color') }}; max-width: 513px; text-decoration: underline; text-shadow: none;}
	        .single .ob-section-file .ob-ctn a.ob-link:hover {color: {{ Custom('font_color') }}; text-decoration: none;}

			/* Section Quote */
			.single .ob-section-quote {background: #FFF; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); border: none; margin-bottom: 20px;}
			.single .ob-section-quote p {color: {{ Custom('font_color') }}; min-height: 20px;}
			.single .ob-section-quote p:before {color: #EEE; margin: -82px 0 0 -87px;}
			.single .ob-section-quote p:after {color: #EEE; margin: -30px 0 0 -0;}
	        .single .ob-section-quote p.ob-author,
	        .single .ob-section-quote p.ob-source {background: #EEE; color: #fff; font-size: 14px; font-style: italic; margin: 25px 0 0; max-height: 24px; max-width: 510px; overflow: hidden; padding-bottom: 0\9; position: relative; text-overflow: ellipsis; white-space: nowrap; z-index: 11;}
	        .single .ob-section-quote p.ob-author .ob-link,
	        .single .ob-section-quote p.ob-source .ob-link {color: #fff;}
	        .single .ob-section-quote p.ob-author .ob-link:hover,
	        .single .ob-section-quote p.ob-source .ob-link:hover {color: #000;}
	        
	        /* Section Link */ 
	        .single .ob-section-link .ob-ctn {background: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); border: none;}
	        .single .ob-section-link .ob-media-left {margin: 0;}
	        .single .ob-section-link p.ob-url {background: #EEE; margin: 0; max-height: 24px; max-width: 390px; padding-bottom: 0\9;}
	        .single .ob-section-link p.ob-title, 
	        .single .ob-section-link p.ob-snippet {color: {{ Custom('font_color') }}; margin-bottom: 10px; margin-left: 20px;}
	        .single .ob-section-link p.ob-title .ob-link {color: {{ Custom('font_color') }}; max-height: 42px; overflow: hidden;}
        	.single .ob-section-link p.ob-snippet {margin-bottom: 35px; max-height: 30px; overflow: hidden;}
	        .single .ob-section-link .ob-img {float: left; margin-bottom: 0; width: 170px;}
	        .single .ob-section-link .ob-desc {margin-top: 5px;}
	
			.post .ob-section-images a {
				cursor: default;
			}
	
			.item-cover {
				margin-bottom: 5px;
			}
			.item-cover img {
				width: 400px;
			}
			.item-content {
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;
				-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				-o-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				position: relative;
				clear: both;
				color: white;
				font-size: 116%;
				line-height: 1.4;
				padding: 15px;
				position: relative;
				
			}
	        .item-content{
	            {% if Custom('background_item') %}
	                background: transparent;
	                width:100;
	            
	            {% else %}
										background: transparent;
	                  width:100%;
	            {% endif %}
	        }
			.item-content .title,
			.special h3 {
				color: #fff;
				font-size: 28px;
				font-weight: bolder !important;
				margin-bottom: 8px;
				word-wrap: break-word;
				line-height: 1.1;
			}
			.item-content a,
			.item-content a:visited {
				color: #fff;
				-webkit-transition: color 300ms ease-in;
				   -moz-transition: color 300ms ease-in;
				    -ms-transition: color 300ms ease-in;
				     -o-transition: color 300ms ease-in;
				        transition: color 300ms ease-in;
			}
			.item-content a:hover {
				color: #787878;
				-webkit-transition: color 300ms ease-in;
				   -moz-transition: color 300ms ease-in;
				    -ms-transition: color 300ms ease-in;
				     -o-transition: color 300ms ease-in;
				        transition: color 300ms ease-in;
			}
			
			.item-content .meta{
				color: #fff;
				font-size: 18px;
				font-weight:bold;
				line-height: 1.4;
				/*text-shadow: 0 1px 0 white;*/
			}
			
			.item-content .meta .author,
			.item-content .meta .tags,
			.item-content .meta time{
				font-size: 12px;
				padding-top: 10px;
				
			}
			.item-content .meta .tags a {
				font-weight: bold;
			}
			.index .item-content .body img{
				max-width: 372px;
				border: 5px solid #fff;
 			 -moz-box-shadow: 8px 8px 12px #aaa; 
  			-webkit-box-shadow: 8px 8px 12px #aaa; 
  			box-shadow: 8px 8px 12px #555;border-radius:8px;
			}
	
			.item-content .body {
				font-size: 14px;
				text-align: justify;
				margin-top: 10px;
				margin-bottom: 10px;
			}
			
			.item-content .body h1,
			.item-content .body h2,
			.item-content .body h3,
			.item-content .body h4,
			.item-content .body h5 {
				font-weight: bold;
				color :#fff;
				font-weight:bold;
				font-size:16px;
				margin-bottom: 10px;
			}
			
			.item-content .body .ob-text h3 {
				font-size: 18px;
				font-weight: normal;
			}
			
			.item-content .body .ob-text h4 {
				font-size: 16px;
				font-weight: normal;
			}

			.item-content .body .ob-text h5 {
				font-size: 14px;
				font-weight: bold;
			}
			
			.item-content .body .ob-text p {
				margin-bottom: 15px;
			}
			
			.item-content .body .ob-text strong {
				font-weight: bold;
			}
			
			.item-content .body .ob-text ul li {
				list-style-type:disc;
				margin-left: 20px;
			}
			
			.item-content .body .ob-text li p {
				margin-bottom: 0;
			}
			
			.item-content .body .ob-desc {
				font-size: 13px; 
				font-style: italic;
				font-weight: bold;
				margin-top: 5px;
			}
			
			.item-comments {
				margin-top: 20px;
			}
			
			.single .social {
				clear: both;
			}
			.single .social h4 {
				margin-bottom: 10px;
			}
			
			.social .fb-like iframe {
				margin-top: -3px;
			}
			
			.navigation .prev,
			.navigation .next {
				color: #3A3A3A;
				margin: 20px 0;
			}
			
			.navigation a {
				font-size: 16px;
			}
			
			
			.navigation .prev {
				float: left;
			}
			
			.navigation .next {
				float: right;
			}
			
			.footer {
				{% if Custom('custom_hide_widget_search_form') == true %}
					margin: -20px 0 20px;
				{% endif %}
	        	/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);*/
	        }
			.footer p,
			.footer a,
			.footer a:visited {
				color: {{ Custom('footer_color') }};
				text-align: center;
			}
			.footer a:hover {
				text-decoration: underline;
			}
	        .footer a.credits {
	        	color: #ffae00 !important;
	        }
			
			.footer span {
				display: inline-block;
				margin-left: 4px;
				margin-right: 4px;
			}
	
			.search {
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 10px;
			}
	
			.search input[type=text]{
				border: none;
				border-radius: 5px;
				-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				     -o-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				        box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				padding: 5px;
			{% if Custom('background_item') != '#F5F5F5' %}
				background-color: {{ Custom('background_item') }};
			{% else %}
				background-color: rgba(255,255,255,0.8);
			{% endif %}
			}
			.search input[type=text]:focus{
				background-color: #F5F5F5;
			}
			.search.index input[type=text]{
				margin-top: -20px;
				width: 390px;
			}
			.search.single input[type=text]{
				margin-top: 10px;
				width: 620px;
			}
			
			.search input[type=submit]{
				display: none;
			}
			
			/* Fix Deezer Section */
			.single .obsoundplayer .obsoundplayername {
			width: 235px;
			}
			
			/* Section Image with Slidshow */
			.ob-section-images .ob-slideshow img {width: 100%;}

			/* Section Video */
			.ob-section-video {max-width: 100%;}
			.ob-section-video .ob-video iframe {height: 340px; width: 100%;}

			/* twitter box */
	        .ob-section .twitter-tweet-rendered,
	        .ob-section .twt-border {max-width: 100% !important;}
	        
	        .m-networks{
	            margin: 20px 0 10px 0;
	            text-align: center;
	        }
	        .m-networks a{
	            margin: 0 0 0 8px;
	        }
	        .ob-text pre{
	        	margin-bottom: 15px;
	            white-space: pre-wrap;
	        }
	        .ob-text em {
	        	font-style: italic;
	        }
	        .ob-section-file,
	        .ob-section-file .ob-ctn {
	        	margin-left: 0;
	        }
	        .ob-form + a {
	        	display: block;
	        	font-size: 12px;
	        	margin-top: 50px;
	        	text-align: center;
	        }
	        .ob-form-field{
	            margin: 8px 0;
	        }
	        .ob-desc {
	        	font-style: italic;
	        }
	        .ob-input-text, .ob-input-email {
	        	padding: 5px 0;
	        }
	        .ob-input-submit{
	            background: #FFF;
	            border: 1px solid #C4C7D0;
	            -moz-border-radius: 6px;
	            -webkit-border-radius: 6px;
	            -ms-border-radius: 6px;
	            -o-border-radius: 6px;
	            border-radius: 6px;
	            cursor: pointer;
	            padding: 6px 15px;
	            text-transform: capitalize;
	        }
	        .ob-input-submit:active{
	            border: 1px solid #AAA;
	        }
	        
	        
	        .main .posts .load-more {
	        	display: block;
				font-size: 18px;
				margin-bottom: 20px;
				text-align: center;
			}
			
	        .main .posts .read-more {
				margin: 20px 0 0 0;
			}
			.main .posts .read-more a,
			.main .posts .read-more a:visited {
				background: #c73542;
				border: 1px solid #A22230;
				-webkit-border-radius: 2px;
				   -moz-border-radius: 2px;
				    -ms-border-radius: 2px;
				     -o-border-radius: 2px;
				     	border-radius: 2px;
				
				color: #FFF;
				display: table;
				font-size: 14px;
				font-weight: bold;
				line-height: 27px;
				padding: 0 8px 2px;
				text-decoration: none;
				-webkit-transition: all 0.15s ease-out;
				   -moz-transition: all 0.15s ease-out;
				    -ms-transition: all 0.15s ease-out;
				     -o-transition: all 0.15s ease-out;
				     	transition: all 0.15s ease-out;
			}
			.main .posts .read-more a:hover {
				background: #C40037;
			}
			
			/* Infinite Scroll loader */
			#infscr-loading { 
			  color: #FFF;
			  background-color: #000;
			  -webkit-border-radius: 10px;
				 -moz-border-radius: 10px;
				  -ms-border-radius: 10px;
				   -o-border-radius: 10px;
					  border-radius: 10px;
			  bottom: 60px;
			  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			  font-size: 16px;
			  left: 45%;
			  -webkit-opacity: 0.8;
			  	 -moz-opacity: 0.8;
			  	  -ms-opacity: 0.8;
			  	   -o-opacity: 0.8;
			  	      opacity: 0.8;
			  padding: 10px;
			  position: fixed;
			  text-align: center;
			  width: 150px;
			  z-index: 100;
			  
			}
				#infscr-loading img {
					height: 60px;
					margin: 0 auto;
					width: 60px;
				}
			
			.follow {
				bottom: 10px;
				position: fixed;
				right: 0px;
			}
				.follow a {
					background: #F5F5F5 url("http://assets.over-blog-kiwi.com/themes/14/images/social.png") no-repeat;
					-webkit-border-radius: 6px;
					   -moz-border-radius: 6px;
					    -ms-border-radius: 6px;
					     -o-border-radius: 6px;
				   		border-radius: 6px;
					-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
					   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
					     -o-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
					        box-shadow: 0 2px 6px rgba(0,0,0,0.4);
					display: block;
					float: left;
					height: 42px;
					margin-right: 10px;
					padding: 10px;
					text-indent: -99999%;
					width: 35px;
				}
				.follow a:active {
					background-color: #FFF;
				}
				.follow a.fb {
					background-position: 1px 3px;
				}
				.follow a.fb:hover {
					background-position: 1px -74px;
				}
				.follow a.tw {
					background-position: -81px 3px;
				}
				.follow a.tw:hover {
					background-position: -81px -74px;
				}
				.follow a.rss {
					background-position: -161px 3px;
				}
				.follow a.rss:hover {
					background-position: -161px -74px;
				}
				    img.ob-cell{width:90%;}
				    img.ob-img{width:90%;border: 5px solid #fff;
  -moz-box-shadow: 8px 8px 12px #aaa; 
  -webkit-box-shadow: 8px 8px 12px #aaa; 
  box-shadow: 8px 8px 12px #555;padding:4px;}
				    mg.ob-media{width:90%;}
		</style>
		
		<!-- End CSS -->
	
		<!-- shortcut:[Javascript] -->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
		{% if not isSingle or isSpecial %}
			<script src="http://assets.over-blog-kiwi.com/themes/13/js/jquery.infinitescroll.min.js" type="text/javascript"></script>
		{% endif %}
		<script src="http://assets.over-blog-kiwi.com/themes/14/js/modernizr.js" type="text/javascript"></script>
		
		<!-- Fancybox -->
		<script src="http://assets.over-blog-kiwi.com/themes/jquery/fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>
		<link rel="stylesheet" type="text/css" href="http://assets.over-blog-kiwi.com/themes/jquery/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
	
		<!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		<!-- End Javascript -->
		<link href='http://fonts.googleapis.com/css?family=Carter+One' rel='stylesheet' type='text/css'>
	</head>
	<body>
		<!--<div id="sidebar" style="top:96px;left:64px;border:dashed 4px white;padding:4px;color:#FF9224;font-size:18px;background-color:transparent;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter: alpha(opacity=10); -moz-opacity: 0.10; -khtml-opacity: 0.10;opacity: 0.10;position:absolute;">
        
        <h2>ARCHIVES</h2>
        <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
            <li>Item 4</li>
            <li>Item 5</li>
        </ul>
        <hr/>
        <h2>TAGS</h2>
        <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
            <li>Item 4</li>
            <li>Item 5</li>
        </ul>  
        <hr/>      
        <h2>PAGES</h2>
        <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
            <li>Item 4</li>
            <li>Item 5</li>
        </ul>          
      </div> --><!-- /#sidebar -->
		<div id="fb-root"></div>
		<!-- shortcut:[Header] -->
		<div class="mask"></div>
		<header class="header">
			<!--Logo-->
			<div class="logo">
				<h1>
					<a href="{{ Blog.Url }}" title="{{Blog.Description}}">
						{{ Blog.Title|default('Simple Image') }}
					</a>
				</h1>
			</div>
			<div class="description">
				{{ Blog.Description }}
			</div>
			<div style="margin-top:24px;font-family:tahoma,helvetica, arial;font-size:14px;height:20px;color:#FF9224;border:1px solid #ccc;border-radius:4px;padding:8px;width:98%;background-color:#fff;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=55)';filter:alpha(opacity=55)-moz-opacity: 0.55;-khtml-opacity: 0.55;opacity: 0.55;">
			<!-- on affiche les tags -->
			  <a href="/"><img src="http://www.photonautes-associes.fr/ob/forest-theme/path-test-home.png" align=absmiddle" style="margin-left:2px;float:left;border:0px;"/></a>
					<ul style="display:inline; padding:0;margin:0;list-style-type:none;">
						<li><img src="http://www.photonautes-associes.fr/ob/forest-theme/path-test-cat.png" align=absmiddle" style="margin-left:2px;float:left;"/></li>
						{% list Blog.PostsTags(20, "index") %}
						<li style="margin-left:2px;float:left;">    <a style="color:#FF9224;" href="{{ PostsTag.Url }}">{{ PostsTag.Title|upper }}</a>&nbsp;| &nbsp;</li> 
						{% endlist %}
					</ul>
				<a href="/contact"><img src="http://www.photonautes-associes.fr/ob/forest-theme/path-test-contact.png" align=absmiddle" style="margin-left:2px;float:left;border:0px;"/></a>
					<img src="http://www.photonautes-associes.fr/ob/forest-theme/path-test-nl.png" align=absmiddle" style="margin-left:2px;float:left;"/>
			</div>
		</header>
		<!-- End Header -->
	
		<!-- shortcut:[Main] -->
		<div class="main">
		<div id="block">
		

      
			<section class="posts {% if isSingle %}single{% elseif isSpecial%}special{% else %}index{% endif %}">
					  
				{% if isSpecial %}
					<div class="post special">
						<div class="item-content">
							<div class="body">
								{{ SpecialContent }}
							</div>
						</div>
					</div>
				{% else %}
					{% if isSearch %}
						<p class="indications">
							{{ Lang.Get('Search results for') }} 
							<span class="keyword">“{{ Search.Keyword }}”</span>
						</p>
					{% elseif isTag %}
						<p class="indications">
							<span>Tag : {{ Tag.Title }}</span>
						</p>
					{% endif %}
					
					{% list Posts %}
						<!-- Post item -->
						<div class="post{% list Post.Sources %} {{ Source }}{% endlist %}">
								{% if not isSingle and Post.Cover is not empty and Custom('display_mode') == 'Summary' %}
									<div class="item-cover">
										<a href="{{ Post.Permalink }}" title="{{ Post.Snippet }}" class="border-img">
											<img src="{{ Post.Cover|resize(400,266)|crop }}" alt="{{ Post.Title }}" title="{{ Post.Title }}" width="400" height="266" />
										</a>
									</div>
								{% endif %}
								<div class="item-content">
									<header>
										<hgroup>
											<h2 class="title">
												{% if not isSingle %}
													<a href="{{ Post.Permalink }}" title="{{ Post.Snippet }}">
												{% endif %}
														{% if Post.Title is not empty %}
															{{ Post.Title }}
														{% else %}
															{% list Post.Sources %}
																{{ Lang.Get('A post from') }} {% list Post.Sources %}{{ Lang.Get(Source) }}{% if not loop.last %} {{ Lang.Get('and') }} {% endif %}{% endlist %}
															{% endlist %}
														{% endif %}
												{% if not isSingle %}
													</a>
												{% endif %}
											</h2>
											<div class="meta">
												{% if Post.Author is not empty %}
													<span class="author">{{ Post.Author }}</span> — 
												{% endif %}
												<time pubdate>{{ Post.Date|datel("d/MM/Y") | title }}</time> 
												{% list Post.Tags %}
													{% if loop.first %}
														— <span class="tags">
													{% endif %}
														<a href="{{ Tag.Url }}" title="{{ Tag.Title }}"><img src="	http://icons.iconseeker.com/png/fullsize/web-development-2/tag-grey.png" align=absmiddle"/>{{ Tag.Title }}</a>{% if loop.last == false %}, {% else %}</span>{% endif %}
												{% endlist %}
											</div>
										</hgroup>
									</header>
									<div class="body">
										{% if isSingle or Custom('display_mode') == 'All' %}
											{{ Post.Body }}
										{% elseif Custom('display_mode') == 'Summary' %}
											{% list Post.Sources %}
												{% if loop.first %}
													{% if Source == 'TW' %}
														{{ Post.Body(1) }}
													{% else %}
														{{ Post.Snippet }}
													{% endif %}
												{% endif %}
											{% endlist %}
										{% else %}
											{{ Post.Body(Custom('display_mode')) }}
										{% endif %}
		
										{% if not isSingle %}
											<div class="readmore">
												{% if Custom('display_mode') != 'All' %}
													<a href="{{ Post.Permalink}}" title="{{Post.Title}}">{{ Lang.Get('Read this post') }}</a>
				                                    &nbsp;—&nbsp;
				                                {% else %}
				                                	<a href="{{ Post.Permalink}}" title="{{ Lang.Get('Comment this post') }}">{{ Lang.Get('Comment this post') }}</a>
				                                    &nbsp;—&nbsp;
				                                {% endif %}
			                                    <!-- Comments count -->
			                                    {% if Custom("comment") == "Disqus" and Custom('comment_disqus') is not empty %}
			                                        <a title="{{ Lang.Get('comments') }}" class="comments" href="{{ Blog.Url }}{{ Post.PermaLink }}#disqus_thread"></a>
			                                    {% else %}
			                                        <a title="{{ Lang.Get('comments') }}" class="comments" href="{{ Post.PermaLink }}#comments">
			                                            {% if Custom("comment") == "Facebook" %}
			                                                <fb:comments-count href={{ Blog.Url }}{{ Post.Permalink }}></fb:comments-count> {{ Lang.Get('comment(s)') }}
			                                            {% else %}
			                                                {{ Post.CommentCount(Lang.Get('comment'), Lang.Get('comments')) }}
			                                            {% endif %}
			                                        </a>
			                                    {% endif %}
											</div>
										{% endif %}
									</div>
		
									<div class="social">
										{% if Custom('share_service') != 'None' or isSingle %}
	                                    	{% if isSingle and Custom('share_service') != 'None' %}
	                                    		<h4>{% if isPage %}{{ Lang.Get('Share this page') }}{% else %}{{ Lang.Get('Share this post') }}{% endif %}</h4>
	                                    	{% endif %}
	                                    	{% if Custom('share_service') == 'Google +' %}
	                                            <div class="g-plusone" data-size="medium" data-href="{{ Blog.Url }}{{ Post.Permalink }}"></div>
	                                        {% endif %}
	                                        {% if Custom('share_service') == 'Twitter' %}
	                                            <a href="https://twitter.com/share" class="twitter-share-button"  data-text="{% if Post.Title is not empty %}{{ Post.Title }}{% elseif Post.Snippet is not empty %}{{ Post.Snippet}}{% else %}{{ Blog.Title }}{% endif %}" data-url="{{ Blog.Url }}{{ Post.PermaLink }}" data-lang="{{ Blog.Lang }}"{% if Custom('twitter_username') is not empty %} data-via="{{Custom('twitter_username')}}"{% endif %}></a>
	                                        {% endif %}
	                                        {% if Custom('share_service') == 'Facebook' %}
	                                            <div class="fb-like" data-href="{{ Blog.Url }}{{ Post.Permalink }}" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false"></div>
	                                        {% endif %}
	                                        {% if Custom('share_service') == 'All' or Custom('share_service') is empty %}
	                                            <div class="g-plusone" data-size="medium" data-href="{{ Blog.Url }}{{ Post.Permalink }}"></div>
	                                            	<a href="https://twitter.com/share" class="twitter-share-button"  data-text="{% if Post.Title is not empty %}{{ Post.Title }}{% elseif Post.Snippet is not empty %}{{ Post.Snippet}}{% else %}{{ Blog.Title }}{% endif %}" data-url="{{ Blog.Url }}{{ Post.PermaLink }}" data-lang="{{ Blog.Lang }}"{% if Custom('twitter_username') is not empty %} data-via="{{Custom('twitter_username')}}"{% endif %}></a>
	                                            <div class="fb-like" data-href="{{ Blog.Url }}{{ Post.Permalink }}" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false"></div>
	                                        {% endif %}
                                        {% endif %}
									</div>
									
									<!-- Pagination -->
									{% if (Navigation.PreviousPost is not empty or Navigation.NextPost is not empty) %}
										<nav class="navigation">
											{% if Navigation.PreviousPost is not empty %}
												<a href="{{ Navigation.PreviousPost.Permalink }}" class="prev">&larr; {{ Lang.Get('Previous post') }}</a>
											{% endif %}
											
											{% if Navigation.NextPost is not empty %}
												<a href="{{ Navigation.NextPost.Permalink }}" class="next">{{ Lang.Get('Next post') }} &rarr;</a>
											{% endif %}
											<div class="clearboth"></div>
										</nav>
									{% endif %}
									<!-- End Pagination -->
		
									{% if isSingle and not isPage %}
										<div class="item-comments" id="comments">
											{% if Custom("comment") == "Facebook" %}
												<div class="fb-comments" data-href="{{ Post.Permalink }}" data-num-posts="2" data-width="600" data-colorscheme="{{ Custom('facebook_comments_color') }}"></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>
									{% endif %}
								</div>
							<div class="clearboth"></div>
						</div>
						<!-- End Post item -->
					{% else %}
						<div class="post">
							<div class="item-content">
								<div class="body">
								{% if isSearch %}
									{{ Lang.Get('No result with this expression') }}.
								{% elseif isTag %}
									{{ Lang.Get('No post with this tag') }}.
								{% endif %}
								</div>
							</div>
							<div class="clearboth"></div>
						</div>
					{% endlist %}
				{% endif %}
				
				{% if not isSingle and not isSpecial %}
					<!-- Pagination -->
					<p class="load-more">	
						<a href="{{ Navigation.NextPage }}" title="Load more">{{ Lang.Get('Load more') }}</a>
					</p>
					<!-- End Pagination -->
				{% endif %}
			</section>
		</div>
	</div>	
		<!-- shortcut:[Footer] -->
		<footer class="footer clearboth">
			{% if Custom('custom_hide_widget_search_form') == false and not isSpecial %}
	        	<form class="search {% if isSingle or isSpecial %}single{% else %}index{% endif %}" method="get" action="/search/">
	                <input type="text" name="q" placeholder="{{ Lang.Get('Search') }}..." value="" />
	                <input type="submit" value="{{ Lang.Get('Search') }}" />
	            </form>
			{% endif %}
			<p>
	        	<a href="{{ Blog.Url }}/contact" title="{{ Lang.Get('Contact') }}">Contactez-moi</a>... -<span>Thème : Simple Image modifié par Bruno &copy; 2012 - <a style="color:#FF9224;text-decoration:underline;" href='http://ob.photonautes-associes.fr' target='_blank'>Voir le blog participatif sur OB nouvelle plateforme</a></span>- {{ Lang.Get('Hosted by') }} <a class="credits" href="http://overblog.com" target="_blank">Overblog</a>
			</p>
		</footer>
		
		{% if Custom('custom_hide_widget_follow') == false %}
			<div class="follow">
				{% if Custom('facebook_username') is not empty %}
					<a class="fb" href="http://facebook.com/{{ Custom('facebook_username') }}" target="_blank">{{ Lang.Get('Follow me on') }} Facebook</a>
				{% endif %}
				{% if Custom('twitter_username') is not empty %}
				<a class="tw" href="http://twitter.com/{{ Custom('twitter_username') }}" target="_blank">{{ Lang.Get('Follow me on') }} Twitter</a>
				{% endif %}
				<a class="rss" href="{{ Blog.RssUrl }}" target="_blank">{{ Lang.Get('Subscribe to') }} RSS {{ Lang.Get('feed') }}</a>
			</div>
		{% endif %}

		<!--End Footer-->
		<script type="text/javascript">
			$(document).ready(function() {
				$(".ob-section-images a, .ob-link-img").attr("rel", "fancybox");
				$("a[rel=fancybox]").fancybox({
					'overlayShow'	: true,
					'transitionIn'	: 'fadin',
					'transitionOut'	: 'fadin',
					'type'			: 'image'
				});
			});		 			
		
			{% if not isSingle and not isSpecial %}
				var Scroll = new Array();
				Scroll.PaginationPath = function ()
				{
					var path = window.location.pathname.replace(/\/([0-9]+)$/i, '');
					if(path == '/')
					{
						path = '/page';
					}
	
					path += '/';
	
					return path;
				},
				
				Scroll.CurrentPage = function ()
				{
					var result = window.location.pathname.match(/\/([0-9]+)$/i);
	
					if(result)
					{
						return parseInt(result[1]);
					}
					else
					{
						return 1;
					}
				}
							
				// On document load
				$(document).ready(function(){					
					$('.load-more').hide();
	
					$('.posts').infinitescroll({
						navSelector  : '.load-more',	// selector for the paged navigation 
						nextSelector : '.load-more a',  // selector for the NEXT link (to page 2)
						itemSelector : '.post',	 		// selector for all items you'll retrieve
						loadingImg   : "http://assets.over-blog-kiwi.com/themes/13/images/loader.gif",
						loadingText  : "{{ Lang.Get('Loading new posts...') }}",
						loading: {
							finishedMsg: "{{ Lang.Get('No more post') }}",
							img: "http://assets.over-blog-kiwi.com/themes/13/images/loader.gif"
						},
						state        : {
						currPage     : Scroll.CurrentPage()
						},
						pathParse: [Scroll.PaginationPath(),'']
					},
					
					function( newElements ) {
						$(".ob-section-images a img, .ob-link-img").attr("rel", "group1");
						$("a[rel='group1']").fancybox({
							'overlayShow'	: true,
							'overlayColor'  : '#000',
							'transitionIn'	: 'elastic',
							'transitionOut'	: 'elastic',
							'type'			: 'image'
						});					
							
						//Facebook button
						if (typeof FB !== "undefined") { FB.XFBML.parse(document.body); }
			
						//Twitter button
						if (typeof twttr !== "undefined") { twttr.widgets.load(); }
						
						// Google button
						if (typeof gapi !== "undefined") { gapi.plusone.go(); }
						
						{% if Custom('comment') == 'Disqus' %}
							// Disqus comment count
							if (typeof DISQUSWIDGETS !== "undefined" ){ DISQUSWIDGETS.getCount(); }
						{% endif %}
					});
				});
			{% endif %}	
		</script>
		
		
		<!-- Google + button -->
		<script type="text/javascript">
		  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);
		  })();
		</script>
	
		<!-- Twitter Script -->
		<script type="text/javascript">
			!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");
		</script>
	
		<!-- Facebook Script -->
		<script type="text/javascript">(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'));
		</script>
		
		{% if Custom("comment") == "Disqus" and Custom('comment_disqus') is not empty %}
			<!-- Disqus comments count -->
		    <script type="text/javascript">
		        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);
		        }());
		    </script>
		{% endif %}
	
		{% if Custom('google_analytics') is not empty %}
			<!-- Google Analytics -->
			 <script type="text/javascript">
			    window.google_analytics_uacct = '{{Custom('google_analytics')}}';
			    var _gaq = _gaq || [];
			    _gaq.push(['_setAccount', '{{Custom('google_analytics')}}']);
			    _gaq.push(['_trackPageview']);
			    _gaq.push(['_trackPageLoadTime']);
		
			    (function() {
			        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			    })();
			</script>
			<!-- End Google Analytics -->
		{% endif %}

		{% if Custom('custom_hide_widget_search_form') == false %}
			<!-- Placholder Script -->
			<script type="text/javascript">
	        	$(document).ready(function() {
	                (function() {
	                    // HTML5 placeholder fallback
	                    function isPlaceholderSupported() {
	                        'use strict';
	                        var o = document.createElement('input');
	                        return 'placeholder' in o;
	                    }
	                    function initPlaceHolder(el){
	                        if(jQuery.trim(el.val()) === '' || jQuery.trim(el.val()) === el.attr('placeholder')){
	                            el.val(el.attr('placeholder'));
	                            el.css({'color': '#999'});
	                        }
	                    }
	                    function togglePlaceholder(el, submitMode) {
	                        'use strict';
	                        var v = jQuery.trim(el.val()), p = el.attr('placeholder');
	                        if (v === '' && !submitMode) {
	                            el.val(p);
	                            el.css({'color': '#999'});
	                        } else if (v === p) {
	                            el.val('');
	                        }
	                    }
	                    function emulatePlaceholder(form) {
	                        'use strict';
	                        if (!isPlaceholderSupported()) {
	                            jQuery('input[placeholder]', form).each(function () {
	                                initPlaceHolder(jQuery(this));
	                            }).focus(function () {
	                                togglePlaceholder(jQuery(this), false);
	                            }).blur(function () {
	                                initPlaceHolder(jQuery(this));
	                            });
	                            form.submit(function () {
	                                jQuery(this).find('input[placeholder]').each(function () {
	                                    togglePlaceholder(jQuery(this), true);
	                                });
	                            });
	                        }
	                    }
	                    
	                    // Search form
	                    function obSearchForm() {
	                        'use strict';
	                        var i= 0, form = jQuery('form.search');
	                        if (form.length) {
	                            form.each(function () {
	                                emulatePlaceholder(jQuery(this));
	                                var qInput = jQuery('input[name=q]', jQuery(this));
	                                if (qInput.length) {
	                                    jQuery(this).submit(function (e) {
	                                        e.preventDefault();
	                                        window.location = jQuery(this).attr('action') + qInput.val();
	                                    });
	                                }
	                            });
	                        }
	                    }
	                    obSearchForm();
	                })();
	            });
	    	</script>
	    {% endif %}
	    
	    <script src="http://www.photonautes-associes.fr/js/jquery.stickysidebar.js"></script>
  <script>
    (function($){
      
      $('#sidebar').stickySidebar();
      
    })(jQuery);
  </script>
	</body>
</html>


Les commentaires...

comments powered by Disqus

Commentaires anciens formats...

Les 10 derniers Billets

Related Posts Plugin for WordPress, Blogger...