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 <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> </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> \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