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

@@ -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

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

dist/style_vieilles_def.html

+[(#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

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>";

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

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>"

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) {

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;
 }