From 7827df2372f9e4ed2448f282b774e36698cee9c4 Mon Sep 17 00:00:00 2001
From: Olivier DOSSMANN <olivier@dossmann.net>
Date: Sun, 6 Mar 2011 22:51:01 +0100
Subject: [PATCH] =?UTF-8?q?[AJ]=20Compatiblit=C3=A9=20de=20la=20feuille=20?=
 =?UTF-8?q?de=20style=20avec=20d'autres=20navigateurs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- compatibilité des bordures avec les navigateurs sous webkit
- compatibilité des ombres avec les navigateurs sous webkit
- testé avec Midori et Firefox 3.6.13
---
 TACHES                          |  2 +-
 style/bicolore_ajout_menu.patch | 13 ++++---------
 style/bicolore_sans_menu.css    | 25 +++++++++++++++++++++++--
 3 files changed, 28 insertions(+), 12 deletions(-)

diff --git a/TACHES b/TACHES
index 2f6c995..5771cab 100644
--- a/TACHES
+++ b/TACHES
@@ -5,7 +5,6 @@
 - permettre l'ajout d'un pied de page
 - faire une section install dans le makefile permettant d'installer dans 
 DESTDIR
-- compatibilité avec d'autres navigateurs pour le CSS -moz-border-radius et -moz-box-shadow
 - dans dossier categ on fait une somme sha1 ou md5 de tous les fichiers. On copie dans le dossier porteail. Au début du programme, on compare somme de tous les fichiers du dossier categ avec la somme contenue dans dossier porteail (s'il existe). Si les sommes sont pareilles, alors on quitte le makefile
 - faire des "which" pour les programmes utilisés (notamment pour sha1 ou md5). Quitter le makefile si dans TEST les "which" sont vides
 - créer un site internet parlant de PorteAil avec une page générée par PorteAil comportant l'ensemble des sites utilisant Porteail
@@ -64,3 +63,4 @@ le cas
 - dans le makefile s'occuper de faire une section pour les catégories contenant
 des éléments
 - ajouter des fichiers images au bon format et sous licence libre
+- compatibilité avec d'autres navigateurs pour le CSS -moz-border-radius et -moz-box-shadow
diff --git a/style/bicolore_ajout_menu.patch b/style/bicolore_ajout_menu.patch
index eba74a6..d73d234 100644
--- a/style/bicolore_ajout_menu.patch
+++ b/style/bicolore_ajout_menu.patch
@@ -1,6 +1,6 @@
---- bicolore_sans_menu.css	2011-02-26 14:56:15.000000000 +0100
-+++ bicolore_avec_menu.css	2011-02-26 15:03:12.000000000 +0100
-@@ -47,11 +47,12 @@
+--- bicolore_sans_menu.css	2011-03-06 22:45:57.000000000 +0100
++++ bicolore_avec_menu.css	2011-03-06 22:45:31.000000000 +0100
+@@ -51,7 +51,7 @@
  
  div#chapeau {
  position: relative;
@@ -9,12 +9,7 @@
  padding: 0;
  height: 50px;
  width: 78%;
- top: 0;
-+left: 1%;
- background-color: #000000;
- color: #ffffff;
- text-align: center;
-@@ -70,7 +71,7 @@
+@@ -79,7 +79,7 @@
  
  div#corps {
  position: relative;
diff --git a/style/bicolore_sans_menu.css b/style/bicolore_sans_menu.css
index af042ca..957c090 100644
--- a/style/bicolore_sans_menu.css
+++ b/style/bicolore_sans_menu.css
@@ -33,6 +33,8 @@ color: #000000;
 border-bottom: solid;
 border-left: solid;
 -moz-border-radius: 10px;
+border-radius: 10px;
+-webkit-border-radius: 10px;
 }
 
 h3 {
@@ -43,6 +45,8 @@ color: #000000;
 border-bottom: solid;
 border-left: solid;
 -moz-border-radius: 12px;
+border-radius: 12px;
+-webkit-border-radius: 12px;
 }
 
 div#chapeau {
@@ -52,13 +56,18 @@ padding: 0;
 height: 50px;
 width: 78%;
 top: 0;
+left: 1%;
 background-color: #000000;
 color: #ffffff;
 text-align: center;
 font-size: 120%;
 line-height: 15%;
 -moz-border-radius-bottomright: 25px;
+border-bottom-left-radius: 25px;
+-webkit-border-radius-bottomright: 25px;
 -moz-border-radius-bottomleft: 25px;
+border-bottom-right-radius: 25px;
+-webkit-border-radius-bottomleft: 25px;
 }
 
 div#chapeau h1 {
@@ -85,7 +94,11 @@ margin: 0 5px 10px 5px;
 float: left;
 border: thin solid #000000;
 -moz-border-radius: 15px;
+border-radius: 15px;
+-webkit-border-radius: 15px;
 -moz-box-shadow: 1px 1px 8px #000000;
+box-shadow: 1px 1px 8px #000000;
+-webkit-box-shadow: 1px 1px 8px #000000;
 overflow: hidden;
 }
 
@@ -123,16 +136,24 @@ right: 0;
 background-color: #000000;
 color: #ffffff;
 -moz-border-radius-topleft: 25px;
+border-top-left-radius: 25px;
+-webkit-border-radius-topleft: 25px;
 -moz-border-radius-bottomleft: 25px;
+border-bottom-left-radius: 25px;
+-webkit-border-radius-bottomleft: 25px;
 overflow: hidden;
 }
 
 div#cartable h3 {
 width: 90%;
-border-color: #ffffff;
-border: ;
 color: #ffffff;
 text-align: center;
+border-bottom: solid;
+border-left: solid;
+-moz-border-radius: 12px;
+border-radius: 12px;
+-webkit-border-radius: 12px;
+border-color: #ffffff;
 }
 
 div#cartable a:link {