From dc7ec42cdee59b0a0af7ac1ee256571f25d3491b Mon Sep 17 00:00:00 2001
From: Ludovic CHEVALIER <ludovic.chevalier@heureux-cyclage.org>
Date: Mon, 7 Oct 2013 10:31:57 +0200
Subject: [PATCH] [CSS] ~reorganisation du bandeau - wip

---
 www/plugins/skel_ptitvelo/css/perso.css.html  | 17 ++++++++++++++---
 www/plugins/skel_ptitvelo/inclure/entete.html |  5 ++---
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/www/plugins/skel_ptitvelo/css/perso.css.html b/www/plugins/skel_ptitvelo/css/perso.css.html
index b06958c..335a2ab 100644
--- a/www/plugins/skel_ptitvelo/css/perso.css.html
+++ b/www/plugins/skel_ptitvelo/css/perso.css.html
@@ -13,6 +13,11 @@
 	top: 90px; left: 20px;	
 }
 
+#entete img, .spip_logos {
+    vertical-align: middle;
+    margin: 15px;
+}
+
 #entete p#intro {
 	font-size: 30px;
 	line-height: 1.6em;
@@ -22,7 +27,7 @@
 	
 	/* change the values of top and left to adjust the position */
 	bottom: 5px;
-	right: 5px;
+	right: 15px;
 }
 
 /* Pour éviter que le paragraphe nous décale tout */
@@ -38,16 +43,18 @@
 	background: none;
 }
 
-
 #entete #entete-image {
-	text-align: left;
+	text-align: right;
 	position: relative;
+	font-size: 1.5em;
+	font-color: #FFF;
 }
 
 #entete #entete-image a {
 	position: float;
 	padding-top: 5px;
 	padding-left: 5px;
+	color: #FFF;
 }
 #entete #entete-image #logo {
 	float:left;
@@ -112,6 +119,10 @@ th {
     color: #444444;
 }
 
+.container_12, .container_16 {
+	padding-right: 15px;
+}
+
 .container_12 .grid_3, .container_16 .grid_4 {
     height: 375px;
     overflow: hidden;
diff --git a/www/plugins/skel_ptitvelo/inclure/entete.html b/www/plugins/skel_ptitvelo/inclure/entete.html
index 6dd51e4..32d162e 100644
--- a/www/plugins/skel_ptitvelo/inclure/entete.html
+++ b/www/plugins/skel_ptitvelo/inclure/entete.html
@@ -11,10 +11,9 @@
 	<div id="entete-image" style="height:#GET{hauteur_entete}px;background: url([(#LOGO_SITE_SPIP|sinon{#CHEMIN{images/entete.png}}|image_reduire{1000,0}|image_recadre{960,#GET{hauteur_entete},right}|extraire_attribut{src})]) right bottom no-repeat;">
 		[(#REM)On essai de définir l'emplacement du texte si il doit d'afficher en fonction de la position du menu]
 		[(#GET{hauteur_menu}|>{#GET{hauteur_entete}|div{2}}|oui)#SET{position_nom_site,20}]
-		<a style="top:#GET{position_nom_site,90}px;" rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>"><img src="plugins/skel_ptitvelo/images/unptitvelodanslatete.png" /></a><div id="logo"><img src="plugins/skel_ptitvelo/images/logo.png" />
-		#MENU_LANG
-		</div>
+		<h1 id="logo-text"><a style="top:#GET{position_nom_site,90}px;" rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>"><img src="plugins/skel_ptitvelo/images/logo.png" />#NOM_SITE_SPIP</a></h1>
 		[<p id="intro">(#SLOGAN_SITE_SPIP|PtoBR)</p>]
+		#MENU_LANG
 	</div>]
 	[(#REM) Sinon on affiche une image cliquable]
 	[(#CONFIG{BeeSpip/affichage/nom_site}|=={'oui'}|non)
-- 
2.20.1