From 2dc43fa513ddf3d89b07824a402f9e6efa620ce0 Mon Sep 17 00:00:00 2001
From: Cerdic <cedric@yterium.com>
Date: Sat, 23 Jun 2007 15:53:00 +0000
Subject: [PATCH] evacuer les classes css non semantiques dans une feuille
 vieille def le temps de les nettoyer. il faut toujours utiliser des classes
 qui designent ce que l'on style plutot que l'apparence souhaitee : c'est le
 role de la css de la definir, pas celui du php meme via une classe

---
 .gitattributes                     |  1 +
 dist/style_prive.html              | 65 ++++++++++++++++++------------
 dist/style_vieilles_def.html       | 48 ++++++++++++++++++++++
 ecrire/configuration/locuteur.php  |  2 +-
 ecrire/configuration/reducteur.php | 28 ++++---------
 ecrire/configuration/relayeur.php  |  2 +-
 ecrire/exec/recherche.php          |  2 +-
 ecrire/inc/presentation.php        | 12 ++----
 8 files changed, 103 insertions(+), 57 deletions(-)
 create mode 100644 dist/style_vieilles_def.html

diff --git a/.gitattributes b/.gitattributes
index 7a4e43cb78..d6f59a9547 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -262,6 +262,7 @@ dist/style_prive.html -text
 dist/style_prive_defaut.css -text
 dist/style_prive_ie.html -text
 dist/style_svg.html -text
+dist/style_vieilles_def.html -text
 dist/vignettes/abw.png -text
 dist/vignettes/ai.png -text
 dist/vignettes/aiff.png -text
diff --git a/dist/style_prive.html b/dist/style_prive.html
index c4abe48da5..1cdb0c274c 100644
--- a/dist/style_prive.html
+++ b/dist/style_prive.html
@@ -19,6 +19,9 @@
 #SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
 #SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
 
+[(#REM) les vieux styles a evacuer en premier, ca permet qu'ils ne polluent pas en cas de double definition]
+[(#INCLURE{fond=style_vieilles_def}{couleur_claire}{couleur_foncee}{ltr})]
+
 body {
 	color: #000000;
 	background-color: #f8f7f3; 
@@ -53,33 +56,24 @@ body, body * { font-family: Verdana, Geneva, Sans, sans-serif; }
 .large #contenu {float:left;overflow:hidden;margin-left:17px;width:570px;}
 .large #extra {float:right;width:140px;overflow:hidden;}
 
-/* * */
-.toile_claire {
-	background-color: #GET{claire};
+h1 { 
+	color: #GET{foncee};
+	font-size:large;
+	font-family: Arial, Sans, sans-serif;
+	margin:0.5em 0 0.25em 0;
+}
+h2 { 
+	color: black;
+	font-size:medium;
+	font-family: Arial, Sans, sans-serif;
+	margin:0.5em 0 0.25em 0;
+}
+h3 { 
+	color: #999;
+	font-size:medium;
+	font-family: Arial, Sans, sans-serif;
+	margin:0.5em 0 0.25em 0;
 }
-
-.toile_foncee {	background-color: #GET{foncee};}
-.toile_blanche {	background-color: white;}
-.toile_noire {	background-color: black;}
-.toile_gris_sombre {	background-color: #333333;}
-.toile_gris_fort {	background-color: #999999;}
-.toile_gris_moyen {	background-color: #cccccc;}
-.toile_gris_leger {	background-color: #eeeeee;}
-
-.bordure_claire {	border: 1px solid #GET{claire};}
-.bordure_foncee {	border: 1px solid #GET{foncee};}
-.bordure_claire_basse {	border-bottom: 1px solid #GET{claire};}
-.bordure_claire_left {	border-#GET{left}: 1px solid #GET{claire};}
-.bordure_claire_right {	border-#GET{right}: 1px solid #GET{claire};}
-.bordure_grise_basse {	border-bottom: 1px solid #999999;}
-.bordure_grise_left {	border-#GET{left}: 1px solid #999999;}
-.bordure_grise_right {	border-#GET{right}: 1px solid #999999;}
-.bordure_foncee_pointillee {	border: 2px;	border-style: dotted;	border-color: #GET{foncee};}
-
-.ligne_claire {	color: #GET{claire};}
-.ligne_foncee {	color: #GET{foncee};}
-.ligne_noire {	color: black;}
-.ligne_blanche {	color: white;}
 
 td {	text-align: #GET{left};}
 
@@ -1680,6 +1674,7 @@ div.titrem{
 .configuration #contenu .titrem.hover {background-color:#GET{claire};}
 .configuration #contenu .cadre-trait-couleur .titrem {background-color:#GET{foncee};color:#fff;}
 .configuration #contenu .cadre-trait-couleur .cadre_padding .titrem {background-color: #eee;color:#000;}
+.configuration #contenu .cadre-couleur .titrem {background-color:#GET{claire};}
 .configuration #contenu .cadre-couleur .cadre_padding .titrem {background-color:#eee;}
 
 .cadre-liste .titrem {background-color:#fff;}
@@ -1871,3 +1866,21 @@ div.navigation-calendrier { background-color:#GET{foncee}; }
 #contenu .cadre-documents table td.document .titrem {background-color:#eee;}
 .cadre-documents table td.vu {background:#cccccc;}
 
+/* config/reducteur */
+.vignette_reducteur {
+	text-align: center;
+	vertical-align:center;
+	float:left;
+	padding:3px;
+	border:2px solid #fff;
+	min-width:100px;
+}
+.vignette_reducteur.selected {
+	font-weight:bold;
+	border:2px dotted #GET{claire}; 
+}
+.vignette_reducteur span {
+	display:block;
+}
+/* config/locuteur */
+.langues_bloquees {color:#GET{foncee};font-weight:bold;}
\ No newline at end of file
diff --git a/dist/style_vieilles_def.html b/dist/style_vieilles_def.html
new file mode 100644
index 0000000000..b48512e0a8
--- /dev/null
+++ b/dist/style_vieilles_def.html
@@ -0,0 +1,48 @@
+[(#REM)
+
+	Ce squelette definit les styles de l'espace prive
+
+	Note: l'entete "Vary:" sert a repousser l'entete par
+	defaut "Vary: Cookie,Accept-Encoding", qui est (un peu)
+	genant en cas de "rotation du cookie de session" apres
+	un changement d'IP (effet de clignotement).
+
+	ATTENTION: il faut absolument le charset sinon Firefox croit que
+	c'est du text/html !
+]
+#CACHE{3600*100,cache-client}
+#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
+#HTTP_HEADER{Vary: Accept-Encoding}
+
+#SET{claire,##ENV{couleur_claire,edf3fe}}
+#SET{foncee,##ENV{couleur_foncee,3874b0}}
+#SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
+#SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
+
+/* * */
+.toile_claire {
+	background-color: #GET{claire};
+}
+
+.toile_foncee {	background-color: #GET{foncee};}
+.toile_blanche {	background-color: white;}
+.toile_noire {	background-color: black;}
+.toile_gris_sombre {	background-color: #333333;}
+.toile_gris_fort {	background-color: #999999;}
+.toile_gris_moyen {	background-color: #cccccc;}
+.toile_gris_leger {	background-color: #eeeeee;}
+
+.bordure_claire {	border: 1px solid #GET{claire};}
+.bordure_foncee {	border: 1px solid #GET{foncee};}
+.bordure_claire_basse {	border-bottom: 1px solid #GET{claire};}
+.bordure_claire_left {	border-#GET{left}: 1px solid #GET{claire};}
+.bordure_claire_right {	border-#GET{right}: 1px solid #GET{claire};}
+.bordure_grise_basse {	border-bottom: 1px solid #999999;}
+.bordure_grise_left {	border-#GET{left}: 1px solid #999999;}
+.bordure_grise_right {	border-#GET{right}: 1px solid #999999;}
+.bordure_foncee_pointillee {	border: 2px;	border-style: dotted;	border-color: #GET{foncee};}
+
+.ligne_claire {	color: #GET{claire};}
+.ligne_blanche {	color: white;}
+.ligne_foncee {	color: #GET{foncee};}
+.ligne_noire {	color: black;}
\ No newline at end of file
diff --git a/ecrire/configuration/locuteur.php b/ecrire/configuration/locuteur.php
index 9471f2376c..4ca5d238f0 100644
--- a/ecrire/configuration/locuteur.php
+++ b/ecrire/configuration/locuteur.php
@@ -49,7 +49,7 @@ function configuration_locuteur_dist()
 		$nom_langue = $langues[$code_langue];
 		if ($langues_trad[$code_langue]) $nom_langue = "<span style='text-decoration: underline'>$nom_langue</span>";
 
-		$res .= "\n<div class='ligne_foncee' style='font-weight: bold'>";
+		$res .= "\n<div class='langues_bloquees'>";
 		$res .= "\n<input type='hidden' name='langues_auth[]' value='$code_langue' id='langue_auth_$code_langue' />";
 		$res .= "\n<input type='checkbox' checked='checked' disabled='disabled' />";
 		$res .=  $nom_langue ."\n&nbsp; &nbsp;<span style='color: #777777'>[$code_langue]</span>";
diff --git a/ecrire/configuration/reducteur.php b/ecrire/configuration/reducteur.php
index 7f5f94eed9..b7b1e3504e 100644
--- a/ecrire/configuration/reducteur.php
+++ b/ecrire/configuration/reducteur.php
@@ -54,44 +54,33 @@ function configuration_reducteur_dist()
 	OR function_exists('ImageJpeg')
 	OR function_exists('ImagePng')
 	) {
-		$nb_process ++;
 		$res .= afficher_choix_vignette($p = 'gd1');
-
 		if (function_exists("ImageCreateTrueColor")) {
 			$res .= afficher_choix_vignette($p = 'gd2');
-			$nb_process ++;
 		}
 	}
 
 	if (_PNMSCALE_COMMAND!='') {
 		$res .= afficher_choix_vignette($p = 'netpbm');
-		$nb_process ++;
 	}
 
 	if (function_exists('imagick_readimage')) {
 		$res .=afficher_choix_vignette('imagick');
-		$nb_process ++;
 	}
 
 	if (_CONVERT_COMMAND!='') {
 		$res .= afficher_choix_vignette($p = 'convert');
-		$nb_process ++;
 	}
 
-	$cell = $nb_process%3?(3-$nb_process%3):0;
-	while($cell--)
-		$res .= "\n".'<td>&nbsp;</td>';
-
 	return ajax_action_greffe("configurer-reducteur", '', 
 	  debut_cadre_trait_couleur("image-24.gif", true)
 	. debut_cadre_relief("", true, "", _T("info_image_process_titre"))
 	.  "<p class='verdana2'>"
 	. _T('info_image_process')
 	. "</p>"
-	. "<table width='100%'><tr>"
 	. $res
-	. "</tr></table>\n"
-	.  "<p class='verdana2'>"
+	. "<br class='nettoyeur' />"
+	. "<p class='verdana2'>"
 	. _T('info_image_process2')
 	. "</p>"
 	. fin_cadre_relief(true)
@@ -199,18 +188,17 @@ function afficher_choix_vignette($process) {
 		$retour = '';
 	}
 
+	$class = '';
 	if ($process == $GLOBALS['meta']['image_process']) {
-	  $style = " font-weight: bold;";
-	  $class = " class='bordure_foncee_pointillee'";
-	} else $style = $class = '';
-
-	return 	$retour . "\n<td style='text-align: center; vertical-align:center; width: ".($taille_preview+4)."px;$style'$class"
+	  $class = " selected";
+	} 
+	return 	$retour . "\n<div class='vignette_reducteur$class'"
 	. "><a href='"
 	. generer_url_ecrire("config_fonctions", "image_process=$process")
 	. "'><img src='"
 	. generer_url_action("tester", "arg=$process")
-	. "' alt='$process' /></a><br />$process</td>\n";
+	. "' alt='$process' /></a><span>$process</span></div>\n";
 
 }
 
-?>
+?>
\ No newline at end of file
diff --git a/ecrire/configuration/relayeur.php b/ecrire/configuration/relayeur.php
index 63bb886113..07ad308587 100644
--- a/ecrire/configuration/relayeur.php
+++ b/ecrire/configuration/relayeur.php
@@ -45,7 +45,7 @@ function configuration_relayeur_dist($retour_proxy)
 		// Masquer un eventuel password authentifiant
 		$http_proxy=entites_html(no_password_proxy_url($http_proxy));
 		if ($http_proxy) {
-			$res = "\n<p style='text-align: $spip_lang_left;' class='ligne_noire verdana1 spip_small'>"
+			$res = "\n<p style='text-align: $spip_lang_left;' class='verdana1 spip_small'>"
 			. _T('texte_test_proxy')
 			. "</p>"
 			. "\n<p>"
diff --git a/ecrire/exec/recherche.php b/ecrire/exec/recherche.php
index 09bb8e01d7..1a17dd9d18 100644
--- a/ecrire/exec/recherche.php
+++ b/ecrire/exec/recherche.php
@@ -73,7 +73,7 @@ function exec_recherche_dist() {
 
 	if ($results) {
 		echo "<span class='verdana1'><b>"._T('info_resultat_recherche')."</b></span><br />";
-		echo "<span class='ligne_foncee verdana1 spip_large'><b>$recherche_aff</b></span>";
+		echo "<h1>$recherche_aff</h1>";
 		include_spip('inc/afficher_objets');
 
 		foreach($results as $table => $r) {
diff --git a/ecrire/inc/presentation.php b/ecrire/inc/presentation.php
index c7fb0dd966..1fde3da071 100644
--- a/ecrire/inc/presentation.php
+++ b/ecrire/inc/presentation.php
@@ -1009,15 +1009,11 @@ function icone_horizontale($texte, $lien, $fond = "", $fonction = "", $af = true
 // http://doc.spip.org/@gros_titre
 function gros_titre($titre, $ze_logo='', $aff=true){
 	global $spip_display;
-	if ($spip_display == 4) {
-		$res = "\n<h1>".typo($titre)."</h1>&nbsp;\n";
-	}
-	else {
-		$res = "\n<div class='verdana2 spip_large ligne_foncee' style='font-weight: bold;'>" .
-		  $ze_logo .
-		  typo($titre) .
-		  "</div>\n";
+	$res = "\n<h1>";
+	if ($spip_display != 4) {
+		$res .= $ze_logo;
 	}
+	$res .= typo($titre)."</h1>\n";
 	if ($aff) echo $res; else return $res;
 }
 
-- 
GitLab