From c337a9919755a0310847e943b01813582eb30461 Mon Sep 17 00:00:00 2001
From: Antoine Pitrou <pitrou@free.fr>
Date: Tue, 21 Oct 2003 00:22:40 +0000
Subject: [PATCH] coin coin
---
ecrire/aide_droite.php3 | 2 -
ecrire/inc_mots.php3 | 14 +-
ecrire/inc_presentation.php3 | 270 +++++++++++-------------------
ecrire/spip_style.php3 | 310 +++++++++++++++++++++++++----------
4 files changed, 325 insertions(+), 271 deletions(-)
diff --git a/ecrire/aide_droite.php3 b/ecrire/aide_droite.php3
index 26bc618c98..783570ad2d 100644
--- a/ecrire/aide_droite.php3
+++ b/ecrire/aide_droite.php3
@@ -23,8 +23,6 @@ include_ecrire ("inc_filtres.php3");
.fondl {background-color: #EDF3FE; background-position: center bottom; float: none; color: #000000}
.fondo {background-color: #044476; background-position: center bottom; float: none; color: #FFFFFF}
.fondf {background-color: #FFFFFF; border-style: solid ; border-width: 1; border-color: #E86519; color: #E86519}
- .profondeur {border-right-color:white; border-top-color:#666666; border-left-color:#666666; border-bottom-color:white; border-style:solid}
- .hauteur {border-right-color:#666666; border-top-color:white; border-left-color:white; border-bottom-color:#666666; border-style:solid}
label {cursor: pointer;}
.arial1 {font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
.arial2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
diff --git a/ecrire/inc_mots.php3 b/ecrire/inc_mots.php3
index 93da265abd..96b9ff4893 100644
--- a/ecrire/inc_mots.php3
+++ b/ecrire/inc_mots.php3
@@ -404,11 +404,11 @@ function formulaire_mots($table, $id_objet, $nouv_mot, $supp_mot, $cherche_mot,
echo "</td>\n<td>";
if ($obligatoire == "oui" AND !$groupes_vus[$id_groupe])
- echo "<INPUT TYPE='text' NAME='cherche_mot' CLASS='fondl' STYLE='width:150px;font-size:10px;background-color:#E86519;' VALUE=\"$titre_groupe\" SIZE='20'>";
+ echo "<INPUT TYPE='text' NAME='cherche_mot' CLASS='fondl' STYLE='width: 180px; background-color:#E86519;' VALUE=\"$titre_groupe\" SIZE='20'>";
else if ($unseul == "oui")
- echo "<INPUT TYPE='text' NAME='cherche_mot' CLASS='fondl' STYLE='width:150px;font-size:10px;background-color:#cccccc;' VALUE=\"$titre_groupe\" SIZE='20'>";
+ echo "<INPUT TYPE='text' NAME='cherche_mot' CLASS='fondl' STYLE='width: 180px; background-color:#cccccc;' VALUE=\"$titre_groupe\" SIZE='20'>";
else
- echo "<INPUT TYPE='text' NAME='cherche_mot' CLASS='fondl' STYLE='width:150px;font-size:10px;' VALUE=\"$titre_groupe\" SIZE='20'>";
+ echo "<INPUT TYPE='text' NAME='cherche_mot' CLASS='fondl' STYLE='width: 180px; ' VALUE=\"$titre_groupe\" SIZE='20'>";
echo "</td>\n<td>";
echo "<INPUT TYPE='hidden' NAME='select_groupe' VALUE='$id_groupe'>";
@@ -426,11 +426,11 @@ function formulaire_mots($table, $id_objet, $nouv_mot, $supp_mot, $cherche_mot,
echo "</td>\n<td>";
if ($obligatoire == "oui" AND !$groupes_vus[$id_groupe])
- echo "<SELECT NAME='nouv_mot' SIZE='1' STYLE='width:150px;font-size:10px;background-color:#E86519;' CLASS='fondl'>";
+ echo "<SELECT NAME='nouv_mot' SIZE='1' STYLE='width: 180px; background-color:#E86519;' CLASS='fondl'>";
else if ($unseul == "oui")
- echo "<SELECT NAME='nouv_mot' SIZE='1' STYLE='width:150px;font-size:10px;background-color:#cccccc;' CLASS='fondl'>";
+ echo "<SELECT NAME='nouv_mot' SIZE='1' STYLE='width: 180px; background-color:#cccccc;' CLASS='fondl'>";
else
- echo "<SELECT NAME='nouv_mot' SIZE='1' STYLE='width:150px;font-size:10px;' CLASS='fondl'>";
+ echo "<SELECT NAME='nouv_mot' SIZE='1' STYLE='width: 180px; ' CLASS='fondl'>";
$ifond == 0;
echo "<OPTION VALUE='x' style='font-variant: small-caps;'>$titre_groupe";
@@ -444,7 +444,7 @@ function formulaire_mots($table, $id_objet, $nouv_mot, $supp_mot, $cherche_mot,
}
echo "</SELECT>";
echo "</td>\n<td>";
- echo " <INPUT TYPE='submit' NAME='Choisir' VALUE='"._T('bouton_choisir')."' CLASS='fondo' STYLE='font-size:10px'>";
+ echo " <INPUT TYPE='submit' NAME='Choisir' VALUE='"._T('bouton_choisir')."' CLASS='fondo'>";
echo "</FORM>";
echo "</td></tr>";
}
diff --git a/ecrire/inc_presentation.php3 b/ecrire/inc_presentation.php3
index de102adb3d..2ebb79901b 100644
--- a/ecrire/inc_presentation.php3
+++ b/ecrire/inc_presentation.php3
@@ -12,20 +12,17 @@ utiliser_langue_visiteur();
//
// Aide
//
-function aide ($aide='') {
+function aide($aide) {
global $couleur_foncee, $spip_lang_rtl, $dir_ecrire;
if (!$aide) return;
- return " <script><!--\n".
- 'document.write("<a href=\"javascript:window.open(\''.$dir_ecrire.'aide_index.php3?aide='.
- $aide.
- "', 'aide_spip', 'scrollbars=yes,resizable=yes,width=740,height=580'); ".
- 'void(0);\">");'.
- "\n// --></script><noscript>".
- '<a href="'.$dir_ecrire.'aide_index.php3?aide='.
- $aide.
- '" target="_blank"></noscript><img src="'.$dir_ecrire.'img_pack/aide'.$spip_lang_rtl.'.gif" alt="'._T('info_image_aide').'" title="'._T('titre_image_aide').'" width="12" height="12" border="0" align="middle"></a>'; // "
+ return " <a class='aide' href=\"${dir_ecrire}aide_index.php3?aide=$aide\" target=\"spip_aide\" ".
+ "onclick=\"javascript:window.open(this.href, 'spip_aide', 'scrollbars=yes, ".
+ "resizable=yes, width=740, height=580'); return false;\"><img ".
+ "src=\"img_pack/aide.gif\" alt=\""._T('info_image_aide')."\" ".
+ "title=\""._T('titre_image_aide')."\" width=\"12\" height=\"12\" border=\"0\" ".
+ "align=\"middle\"></a>";
}
@@ -132,7 +129,7 @@ function debut_cadre_relief($icone='', $return = false, $fonction=''){
$retour_aff = debut_cadre('r', $icone, $fonction);
}
else {
- $retour_aff = "<p><div style='border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;'><div style='border: 1px solid #666666; padding: 5px; background-color: white;'>";
+ $retour_aff = "<p><div style='border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; -moz-border-radius: 6px;'><div style='border: 1px solid #666666; padding: 5px; -moz-border-radius: 6px; background-color: white;'>";
}
if ($return) return $retour_aff;
@@ -160,9 +157,9 @@ function debut_cadre_enfonce($icone='', $return = false, $fonction=''){
$retour_aff = debut_cadre('e', $icone, $fonction);
}
else {
- $retour_aff = "<p><div style=\"border: 1px solid #333333; background-color: #e0e0e0;\"><div style=\"padding: 5px; border-left: 1px solid #999999; border-top: 1px solid #999999;\">";
+ $retour_aff = "<p><div style=\"border: 1px solid #333333; -moz-border-radius: 6px; background-color: #e0e0e0;\"><div style=\"padding: 5px; border-left: 1px solid #999999; border-top: 1px solid #999999; -moz-border-radius: 6px;\">";
}
-
+
if ($return) return $retour_aff;
else echo $retour_aff;
}
@@ -1110,20 +1107,20 @@ function icone_bandeau_principal($texte, $lien, $fond, $rubrique_icone = "vide",
global $menu_accesskey, $compteur_survol;
if ($spip_display == 1){
- $hauteur = 20;
+ //$hauteur = 20;
$largeur = 80;
}
else if ($spip_display == 3){
- $hauteur = 50;
+ //$hauteur = 50;
$largeur = 60;
- $title = " title=\"$texte\" ";
- $alt = " alt=\"$texte\" ";
+ $title = " title=\"$texte\"";
+ $alt = " alt=\"$texte\"";
}
else {
- $hauteur = 80;
+ //$hauteur = 80;
if (count(explode(" ", $texte)) > 1) $largeur = 84;
else $largeur = 74;
- $alt = " alt=\" \" ";
+ $alt = " alt=\" \"";
}
if (!$menu_accesskey) $menu_accesskey = 1;
@@ -1135,62 +1132,26 @@ function icone_bandeau_principal($texte, $lien, $fond, $rubrique_icone = "vide",
$accesskey = " accesskey='0'";
$menu_accesskey++;
}
- if ($spip_display == 3) $accesskey_icone = $accesskey;
+
+ if ($rubrique_icone == $rubrique) $class_select = " class='selection'";
if (eregi("^javascript:",$lien)) {
- $java_lien = substr($lien, 11, strlen($lien));
- $onClick = "";
- $a_href_icone = '<script type="text/javascript"><!--' . "\n"
- . 'document.write("<a'.$accesskey.' href=\\"javascript:'.addslashes($java_lien).'\\"");'."\n".'//--></script>'
- . "<noscript><a$accesskey_icone href='$lien_noscript' target='_blank'></noscript>\n";
- $a_href = '<script type="text/javascript"><!--' . "\n"
- . 'document.write("<a'.$accesskey.' href=\\"javascript:'.addslashes($java_lien).'\\" class=\\"icone\\"");'."\n".'//--></script>'
- . "<noscript><a$accesskey href='$lien_noscript' target='_blank'></noscript>\n";
+ $a_href = "<a$accesskey onClick=\"$lien; return false;\" href='$lien_noscript' target='spip_aide'$class_select>";
}
else {
- $onClick = "onClick=\"document.location='$lien'\"";
- $a_href_icone = "<a$accesskey_icone href=\"$lien\">";
- $a_href = "<a$accesskey href=\"$lien\" class='icone'>";
+ $a_href = "<a$accesskey href=\"$lien\"$class_select>";
}
$compteur_survol ++;
- if ($rubrique_icone == $rubrique){
- echo "\n<td background='' class='pointeur' style='padding: 2px' align='center' valign='top' width='$largeur' onMouseOver=\"changesurvol('survol$compteur_survol','bouton48blanc');\" onMouseOut=\"changesurvol('survol$compteur_survol','bouton48gris');\" $onClick>";
- if ($spip_display == 1) {
- echo "\n<table cellpadding=0 cellspacing=0 border=0 width=$largeur class=\"fondgrison\" $onClick>";
- echo "<tr><td background='' align='center' width='$largeur' height='$hauteur'>";
- }
- echo "<div><img src='img_pack/rien.gif' width=$largeur height=1></div>";
- if ($spip_display != 1) {
- echo "<div class='bouton48gris' id='survol$compteur_survol'>$a_href_icone<img src='img_pack/$fond'$alt$title border='0'></a></div>";
- }
- if ($spip_display != 3) {
- echo "<div>$a_href<font face='Verdana,Arial,Helvetica,sans-serif' size='2' color='black'><b>$texte</b></font></a></div>";
- }
- if ($spip_display == 1) echo "</td></tr></table>";
- echo "</td>\n";
- }
- else {
- echo "\n<td background='' class='pointeur' style='padding: 2px' align='center' valign='top' width='$largeur' onMouseOver=\"changesurvol('survol$compteur_survol','bouton48blanc');\" onMouseOut=\"changesurvol('survol$compteur_survol','bouton48off');\" $onClick>";
- if ($spip_display == 1) {
- echo "\n<table cellpadding=0 cellspacing=0 border=0 width=$largeur class=\"fondgris\" onMouseOver=\"changeclass(this,'fondgrison2');\" onMouseOut=\"changeclass(this,'fondgris');\" $onClick>";
- echo "<tr><td background='' align='center' width='$largeur' height='$hauteur'>";
- }
- echo "<div><img src='img_pack/rien.gif' width=$largeur height=1></div>";
- if ($spip_display != 1) {
- echo "<div class='bouton48off' id='survol$compteur_survol'>$a_href_icone<img src='img_pack/$fond'$alt$title border='0'></a></div>";
- }
+
+ if ($spip_display != 1) {
+ echo "<td class='cellule48' width='$largeur'>$a_href<img src='img_pack/$fond'$alt$title>";
if ($spip_display != 3) {
- echo "<div>$a_href<font face='Verdana,Arial,Helvetica,sans-serif' size='2' color='#444444'><b>$texte</b></font></a></div>";
+ echo "<span>$texte</span>";
}
- if ($spip_display == 1) echo "</td></tr></table>";
- echo "</td>\n";
- }
-
- if ($spip_ecran == "large") {
- echo "<td width=10><img src='img_pack/rien.gif' border=0 width=10 height=1></td>";
}
-
+ else echo "<td class='cellule-texte' width='$largeur'>$a_href".$texte;
+ echo "</a></td>\n";
}
@@ -1199,22 +1160,25 @@ function icone_bandeau_secondaire($texte, $lien, $fond, $rubrique_icone = "vide"
global $menu_accesskey, $compteur_survol;
if ($spip_display == 1) {
- $hauteur = 20;
+ //$hauteur = 20;
$largeur = 80;
}
else if ($spip_display == 3){
- $hauteur = 26;
+ //$hauteur = 26;
$largeur = 40;
$title = " title=\"$texte\"";
$alt = " alt=\"$texte\"";
}
else {
- $hauteur = 68;
+ //$hauteur = 68;
if (count(explode(" ", $texte)) > 1) $largeur = 80;
else $largeur = 70;
$alt = " alt=\" \"";
}
- if ($aide) $largeur += 50;
+ if ($aide AND $spip_display != 3) {
+ $largeur += 50;
+ $texte .= aide($aide);
+ }
if ($largeur) $width = "width='$largeur'";
if (!$menu_accesskey) $menu_accesskey = 1;
@@ -1228,52 +1192,19 @@ function icone_bandeau_secondaire($texte, $lien, $fond, $rubrique_icone = "vide"
}
if ($spip_display == 3) $accesskey_icone = $accesskey;
- if (!eregi("^javascript:",$lien) && !$aide) {
- $onClick = "onClick=\"document.location='$lien'\"";
- }
-
+ if ($rubrique_icone == $rubrique) $class_select = " class='selection'";
$compteur_survol ++;
- if ($rubrique_icone == $rubrique){
- echo "\n<td background='' class='pointeur' style='padding: 2px' align='center' valign='top' $width onMouseOver=\"changesurvol('survol$compteur_survol','bouton36blanc');\" onMouseOut=\"changesurvol('survol$compteur_survol','bouton36gris');\" $onClick>";
- if ($spip_display == 1) {
- echo "\n<table cellpadding=0 cellspacing=0 border=0 class=\"fondgrison\">";
- echo "<tr><td background='' align='center'>";
- }
- if ($spip_display != 1){
- echo "<div class='bouton36gris' id='survol$compteur_survol'><a$accesskey_icone href='$lien'><img src='img_pack/$fond'$alt$title width='24' height='24' border='0' align='middle'></a></div>";
- }
- echo "<div><img src='img_pack/rien.gif' $width height=1></div>";
- if ($spip_display != 3){
- echo "<div><a$accesskey href='$lien' class='icone'><font face='Verdana,Arial,Helvetica,sans-serif' size='1' color='black'><b>$texte</b></font></a></div>";
- }
- if ($spip_display == 1) {
- echo "</td></tr>";
- echo "</table>";
- }
- echo "</td>";
- }
- else {
- echo "\n<td background='' class='pointeur' style='padding: 2px' align='center' valign='top' $width onMouseOver=\"changesurvol('survol$compteur_survol','bouton36blanc');\" onMouseOut=\"changesurvol('survol$compteur_survol','bouton36off');\" $onClick>";
- if ($spip_display == 1) {
- echo "\n<table cellpadding=0 cellspacing=0 border=0 class=\"fondgris\" onMouseOver=\"changeclass(this,'fondgrison2');\" onMouseOut=\"changeclass(this,'fondgris');\">";
- echo "<tr><td background='' align='center'>";
- }
- if ($spip_display != 1){
- echo "<div class='bouton36off' id='survol$compteur_survol'><a$accesskey_icone href='$lien'><img src='img_pack/$fond'$alt$title width='24' height='24' border='0' align='middle'></a></div>";
- }
- echo "<div><img src='img_pack/rien.gif' $width height=1></div>";
- if ($spip_display != 3){
- echo "<div><a$accesskey href='$lien' class='icone'><font face='Verdana,Arial,Helvetica,sans-serif' size='1' color='#444444'><b>$texte</b></font></a>";
- if (strlen($aide)>0) echo aide($aide);
- echo "</div>";
- }
- if ($spip_display == 1) {
- echo "</td></tr>";
- echo "</table>";
+ $a_href = "<a$accesskey href=\"$lien\"$class_select>";
+
+ if ($spip_display != 1) {
+ echo "<td class='cellule36' width='$largeur'>$a_href<img src='img_pack/$fond'$alt$title>";
+ if ($spip_display != 3) {
+ echo "<span>$texte</span>";
}
- echo "</td>";
}
+ else echo "<td class='cellule-texte' width='$largeur'>$a_href".$texte;
+ echo "</a></td>\n";
}
@@ -1350,58 +1281,26 @@ function icone($texte, $lien, $fond, $fonction="", $align="", $afficher='oui'){
function icone_horizontale($texte, $lien, $fond = "", $fonction = "") {
global $spip_display, $couleur_claire, $couleur_foncee, $compteur_survol;
- if (strlen($fonction) < 3) $fonction = "rien.gif";
-
- $hauteur = 42;
- $largeur = "100%";
-
- $style = "icone-h";
- $classe_image = "bouton24gris";
- if ($fonction == "supprimer.gif") {
- $style = "icone-h-danger";
- $classe_image = "bouton36rouge";
- }
- $compteur_survol++;
+ if (!$fonction) $fonction = "rien.gif";
+ $danger = ($fonction == "supprimer.gif");
- echo "<div align='left'>";
- if ($spip_display == 1) {
- echo "\n<table class=\"$style\" onMouseOver=\"changeclass(this,'icone-h-on');\" onMouseOut=\"changeclass(this,'$style');\">";
- echo "<tr>";
- } else {
- echo "\n<table cellpadding='0' class='pointeur' cellspacing='1' border='0' onMouseOver=\"changesurvol('survol$compteur_survol','bouton24blanc');\" onMouseOut=\"changesurvol('survol$compteur_survol','$classe_image');\">";
- echo "<tr>";
+ if ($danger) echo "<div class='danger'>";
+ if ($spip_display != 1) {
+ // <div> intercalaire pour konqueror / raffari
+ echo "<a href='$lien' class='cellule-h'><div><table cellpadding='0' valign='middle'><tr>\n";
+ echo "<td><img style='background: url(\"img_pack/$fond\")' src='img_pack/$fonction' alt=''></td>\n";
+ echo "<td>$texte</td>\n";
+ echo "</tr></table></div></a>\n";
}
-
- if ($spip_display != 1 AND $fond != "") {
- echo "<td>";
- echo "<div id='survol$compteur_survol' class='$classe_image'>";
- echo "<div style='background-image: url(\"img_pack/$fond\")'><a href='$lien'>";
- echo "<img src='img_pack/$fonction' alt='' border='0'>";
- echo "</a></div>";
- echo "</div>";
- echo "</td>";
- echo "<td width='5'></td>";
+ else {
+ echo "<a href='$lien' class='cellule-h-texte'><div>$texte</div></a>\n";
}
-
- echo "<td valign='middle'>";
- echo "<a href='$lien' class='verdana1' style='color:#666666; font-weight:bold; text-decoration: none;'>";
- echo "$texte";
- echo "</a>";
- echo "</td></tr>";
-
- echo "</table></div>\n";
+ if ($danger) echo "</div>";
}
function bandeau_barre_verticale(){
- global $spip_ecran;
- if ($spip_ecran == "large")
- $decalage = "<td width=10><img src='img_pack/rien.gif' border=0 width=10 height=1></td>";
- echo $decalage;
- echo "<td background='img_pack/tirets-separation.gif' width='2'>";
- echo "<img src='img_pack/rien.gif' alt='' width=2 height=2>";
- echo "</td>";
- echo $decalage;
+ echo "<td class='separateur'></td>\n";
}
@@ -1428,7 +1327,7 @@ function debut_page($titre = "", $rubrique = "asuivre", $sous_rubrique = "asuivr
global $spip_lang_rtl;
$activer_messagerie = lire_meta("activer_messagerie");
global $clean_link;
-
+
if ($spip_ecran == "large") $largeur = 974;
else $largeur = 750;
@@ -1466,8 +1365,11 @@ function debut_page($titre = "", $rubrique = "asuivre", $sous_rubrique = "asuivr
echo "\n</map>";
// Icones principales
- echo "<table cellpadding='0' style='background-image: url(img_pack/rayures-fines.gif);' width='100%'><tr width='100%'><td width='100%' align='center'>";
- echo "<table cellpadding='0' cellspacing='0' background='' width='$largeur'><tr width='$largeur'>";
+
+ echo "<div class='bandeau-principal' align='center'>\n";
+ echo "<div class='bandeau-icones' style='width: ".$largeur."px'>\n";
+ echo "<table class='gauche'><tr>\n";
+
icone_bandeau_principal (_T('icone_a_suivre'), "index.php3", "asuivre-48.gif", "asuivre", $rubrique);
icone_bandeau_principal (_T('icone_edition_site'), "naviguer.php3", "documents-48$spip_lang_rtl.gif", "documents", $rubrique);
if ($options == "avancees") {
@@ -1489,19 +1391,34 @@ function debut_page($titre = "", $rubrique = "asuivre", $sous_rubrique = "asuivr
bandeau_barre_verticale();
icone_bandeau_principal (_T('icone_statistiques'), "statistiques_visites.php3", "statistiques-48.gif", "administration", $rubrique);
}
- echo "<td background='' width='100%'> </td>";
- echo "<td align='center'><font size=1>";
- echo "<img src='img_pack/choix-layout$spip_lang_rtl.gif' alt='abc' vspace=3 border=0 usemap='#map_layout'>";
- echo "</font></td>";
- icone_bandeau_principal (_T('icone_aide_ligne'), "javascript:window.open('aide_index.php3', 'aide_spip', 'scrollbars=yes,resizable=yes,width=740,height=580'); void(0);", "aide-48$spip_lang_rtl.gif", "vide", "", "aide_index.php3");
+
+ echo "</tr></table>\n";
+ echo "<table class='droite'><tr>\n";
+
+ icone_bandeau_principal (_T('icone_aide_ligne'), "javascript:window.open('aide_index.php3', 'aide_spip', 'scrollbars=yes,resizable=yes,width=740,height=580');", "aide-48$spip_lang_rtl.gif", "vide", "", "aide_index.php3");
icone_bandeau_principal (_T('icone_visiter_site'), "$adresse_site", "visiter-48$spip_lang_rtl.gif");
- echo "</tr></table>";
- echo "</td></tr></table>";
+
+ echo "</tr></table>\n";
+
+ // Merci le W3C pour l'alignement vertical / Thank you W3C idiots for vertical alignment
+ if ($spip_display == 1) $h = 8;
+ else if ($spip_display == 3) $h = 20;
+ else $h = 34;
+ echo "<div class='milieu' style='margin-top: ".$h."px'>";
+ echo "<img src='img_pack/choix-layout$spip_lang_rtl.gif' alt='abc' vspace=3 border=0 usemap='#map_layout'>";
+ echo "</div>\n";
+
+ echo "<div class='fin'></div>\n";
+
+ echo "</div>\n";
+ echo "</div>\n";
// Icones secondaires
- echo "<table cellpadding='0' bgcolor='#eeeeee' style='border-bottom: solid 1px black; border-top: solid 1px #333333;' width='100%'><tr width='100%'><td width='100%' align='center'>";
- echo "<table cellpadding='0' cellspacing='0' background='' width='$largeur'><tr width='$largeur'>";
+
+ echo "<div class='bandeau-secondaire' align='center'>\n";
+ echo "<div class='bandeau-icones' style='width: ".$largeur."px'>\n";
+ echo "<table class='gauche'><tr>\n";
if ($rubrique == "asuivre"){
icone_bandeau_secondaire (_T('icone_a_suivre'), "index.php3", "asuivre-24.gif", "asuivre", $sous_rubrique);
@@ -1555,8 +1472,7 @@ function debut_page($titre = "", $rubrique = "asuivre", $sous_rubrique = "asuivr
icone_bandeau_secondaire (_T('icone_suivi_forums'), "controle_forum.php3", "suivi-forum-24.gif", "forum-controle", $sous_rubrique);
icone_bandeau_secondaire (_T('icone_suivi_pettions'), "controle_petition.php3", "petition-24.gif", "suivi-petition", $sous_rubrique);
}
-
- bandeau_barre_verticale();
+ bandeau_barre_verticale();
if ($activer_messagerie != 'non' AND $connect_activer_messagerie != 'non')
icone_bandeau_secondaire (_T('icone_messagerie_personnelle'), "messagerie.php3", "messagerie-24.gif", "messagerie", $sous_rubrique);
}
@@ -1583,25 +1499,27 @@ function debut_page($titre = "", $rubrique = "asuivre", $sous_rubrique = "asuivr
else
$recherche_aff = $recherche;
bandeau_barre_verticale();
- echo "<td width='5'><img src='img_pack/rien.gif' width=5></td>";
echo "<td>";
echo "<form method='get' style='margin: 0px;' action='recherche.php3'>";
if ($spip_display == "2")
- echo "<font face='Verdana,Arial,Helvetica,sans-serif' size=1><b>"._T('info_rechercher_02')."</b></font><br>";
+ echo "<font face='Verdana,Arial,Helvetica,sans-serif' size=1 color='#505050'><b>"._T('info_rechercher_02')."</b></font><br>";
echo '<input type="text" size="18" value="'.$recherche_aff.'" name="recherche" class="spip_recherche" accesskey="r">';
echo "</form>";
echo "</td>";
}
- echo "<td width='100%'> </td>";
+ echo "</tr></table>\n";
if ($auth_can_disconnect) {
- echo "<td width='5'> </td>";
+ echo "<table class='droite'><tr>\n";
icone_bandeau_secondaire (_T('icone_deconnecter'), "../spip_cookie.php3?logout=$connect_login", "deconnecter-24$spip_lang_rtl.gif", "", $sous_rubrique, "deconnect");
+ echo "</tr></table>\n";
}
- echo "</tr></table>";
- echo "</td></tr></table>";
+ echo "<div class='fin'></div>\n";
+
+ echo "</div>\n";
+ echo "</div>\n";
// Bandeau
diff --git a/ecrire/spip_style.php3 b/ecrire/spip_style.php3
index 5ba95d8cf1..099b13f734 100644
--- a/ecrire/spip_style.php3
+++ b/ecrire/spip_style.php3
@@ -22,64 +22,241 @@ body { font-family: Verdana,Arial,Helvetica,sans-serif; }
.fondl { background-color: <?php echo $couleur_claire; ?>; background-position: center bottom; float: none; color: #000000 }
.fondo { background-color: <?php echo $couleur_foncee; ?>; background-position: center bottom; float: none; color: #FFFFFF }
.fondf { background-color: #FFFFFF; border-style: solid ; border-width: 1; border-color: #E86519; color: #E86519 }
-.sanscadre { padding: 4px; margin: 0px; }
-.aveccadre { cursor: pointer; padding: 3px; margin: 0px; border-left: solid 1px <?php echo $couleur_claire; ?>; border-top: solid 1px <?php echo $couleur_claire; ?>; border-right: solid 1px #000000; border-bottom: solid 1px #000000; }
+
/*
- * Style des icones
+ * Icones et bandeaux
*/
-.iconeimpoff { padding: 3px; margin: 1px; border: 1px dashed <? echo $couleur_foncee; ?>; background-color: #e4e4e4 }
-.fondgris { cursor: pointer; padding: 4px; margin: 1px; }
-.fondgrison { cursor: pointer; padding: 3px; margin: 1px; border: 1px dashed #999999; background-color: #e4e4e4; }
-.fondgrison2 { cursor: pointer; padding: 3px; margin: 1px; border: 1px dashed #999999; background-color: white; }
-.bouton48gris {
+
+.bandeau-principal {
display: block;
- background:url(img_pack/pave-gris-48.png);
- cursor: pointer;
- padding: 3px;
- margin: 4px;
- width: 48px;
- height: 48px;
-}
-.bouton48blanc {
+ margin: 0px;
+ padding: 0px;
+ padding-top: 6px;
+ background: url(img_pack/rayures-fines.gif);
+ border-bottom: 1px solid #333333;
+}
+.bandeau-secondaire {
display: block;
- background:url(img_pack/pave-blanc-48.png);
- cursor: pointer;
- padding: 3px;
- margin: 4px;
- width: 48px;
- height: 48px;
-}
-.bouton48off {
- cursor: pointer;
- padding: 3px;
- margin: 4px;
- width: 48px;
- height: 48px;
-}
-.bouton24gris {
- background:url(img_pack/pave-gris-24.png);
- padding: 3px;
- width: 24px;
- height: 24px;
+ margin: 0px;
+ padding: 0px;
+ padding-top: 3px;
+ background-color: #f1f1f1;
+ border-bottom: 1px solid black;
}
-.bouton24blanc {
- background:url(img_pack/pave-blanc-24.png);
- padding: 3px;
- width: 24px;
- height: 24px;
+.bandeau-icones {
+ display: block;
+ margin: auto;
+ padding: 2px;
}
-.bouton24rouge {
- background:url(img_pack/pave-rouge-24.png);
- padding: 3px;
- width: 24px;
- height: 24px;
+.bandeau-icones .gauche {
+ float: left;
+}
+.bandeau-icones .droite {
+ float: right;
+}
+.bandeau-icones .milieu {
+ text-align: center;
+}
+.bandeau-icones .fin {
+ clear: both;
+}
+.bandeau-icones .separateur {
+ vertical-align: center;
+ height: 90%;
+ width: 2px;
+ padding: 0px;
+ margin: 2px;
+ margin-top: 10px;
+ margin-bottom: 10px;
+ background: url(img_pack/tirets-separation.gif);
+}
+
+/* Icones 48 * 48 et 24 * 24 */
+
+.cellule36, .cellule48 {
+ border: none;
+ padding: 0px;
+ margin: 0px;
+ text-align: center;
+ vertical-align: top;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-weight: bold;
+ text-align: center;
+ text-decoration: none;
+}
+.cellule36 {
+ font-size: 11px;
}
-.bouton24off {
- padding: 3px;
+.cellule48 {
+ font-size: 12px;
+}
+.cellule36 a, .cellule36 a:hover, .cellule48 a, .cellule48 a:hover {
+ text-decoration: none;
+}
+.cellule36 a, .cellule48 a {
+ display: block; text-align: center; background: url(img_pack/rien.gif) no-repeat top center;
+}
+.cellule36 a.selection {
+ display: block; text-align: center; background: url(img_pack/pave-gris-36.png) no-repeat top center;
+}
+.cellule48 a.selection {
+ display: block; text-align: center; background: url(img_pack/pave-gris-48.png) no-repeat top center;
+}
+.cellule36 a:hover {
+ background: url(img_pack/pave-blanc-36.png) no-repeat top center;
+}
+.cellule48 a:hover {
+ background: url(img_pack/pave-blanc-48.png) no-repeat top center;
+}
+.cellule36 a img {
+ border: 0px; margin: 6px; display: inline;
+}
+.cellule48 a img {
+ border: 0px; margin: 3px; display: inline;
+}
+.cellule36 a span, .cellule48 a span {
+ color: #505050; display: block; margin: 2px;
+}
+.cellule36 a.selection span, .cellule48 a.selection span {
+ color: #000000; display: block; margin: 2px;
+}
+
+.cellule36 a.aide, .cellule36 a.aide:hover {
+ background: url(img_pack/rien.gif);
+ margin: 0px;
+ padding: 0px;
+ display: inline;
+}
+.cellule36 a.aide img {
+ margin: 0px;
+ padding: 0px;
+ display: inline;
+}
+
+/* Navigation texte */
+
+.cellule-texte {
+ border: none;
+ padding: 0px;
+ margin: 0px;
+ text-align: center;
+ vertical-align: top;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-weight: bold;
+ text-align: center;
+ text-decoration: none;
+ font-size: 12px;
+}
+.cellule-texte a, .cellule-texte a:hover {
+ text-decoration: none;
+ display: block;
+}
+.cellule-texte a {
+ padding: 4px; margin: 1px; border: 0px;
+ color: #505050;
+}
+.cellule-texte a.selection {
+ padding: 3px; margin: 1px; border: 1px dashed #999999; background-color: #e4e4e4;
+ -moz-border-radius: 5px;
+ color: #000000;
+}
+.cellule-texte a:hover {
+ padding: 3px; margin: 1px; border: 1px dashed #999999; background-color: white;
+ -moz-border-radius: 5px;
+}
+.cellule-texte a.aide, .cellule-texte a.aide:hover {
+ border: none;
+ background: none;
+ display: inline;
+}
+.cellule-texte a.aide img {
+ margin: 0px;
+ display: inline;
+}
+
+/* Icones horizontales */
+
+a.cellule-h {
+ text-align: left;
+ display: block;
+ margin-top: 3px;
+ margin-bottom: 3px;
+}
+a.cellule-h {
+ text-decoration: none; background: url(img_pack/pave-gris-24.png) no-repeat center left;
+}
+a.cellule-h:hover {
+ text-decoration: none; background: url(img_pack/pave-blanc-24.png) no-repeat center left;
+}
+.danger a.cellule-h {
+ text-decoration: none; background: url(img_pack/pave-gris-24.png) no-repeat center left;
+}
+.danger a.cellule-h:hover {
+ text-decoration: none; background: url(img_pack/pave-rouge-24.png) no-repeat center left;
+}
+a.cellule-h table {
+ border: none;
+ padding: 0px;
+ margin: 0px;
+}
+a.cellule-h td {
+ text-align: left;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-weight: bold;
+ font-size: 11px;
+ color: #606060;
+}
+a.cellule-h img {
width: 24px;
height: 24px;
+ border: none;
+ margin: 1px;
+ margin-right: 6px;
+ background-repeat: no-repeat;
+ background-position: center center;
+}
+a.cellule-h a.aide img {
+ width: 12px; height: 12px;
+}
+
+
+a.cellule-h-texte {
+ display: block;
+ clear: both;
+ text-align: left;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-weight: bold;
+ font-size: 11px;
+ color: #606060;
+ padding: 4px;
+ margin: 3px;
+ border: 1px dashed #aaaaaa;
+ background-color: #f0f0f0;
+ width: 92%;
+}
+.danger a.cellule-h-texte {
+ border: 1px dashed black;
+ background: url(img_pack/rayures-sup.gif);
+}
+a.cellule-h-texte:hover {
+ text-decoration: none;
+ border-right: solid 1px white;
+ border-bottom: solid 1px white;
+ border-left: solid 1px #666666;
+ border-top: solid 1px #666666;
+ background-color: #eeeeee;
}
+
+
+
+/*
+ * Style des icones
+ */
+
+.fondgris { cursor: pointer; padding: 4px; margin: 1px; }
+.fondgrison { cursor: pointer; padding: 3px; margin: 1px; border: 1px dashed #999999; background-color: #e4e4e4; }
+.fondgrison2 { cursor: pointer; padding: 3px; margin: 1px; border: 1px dashed #999999; background-color: white; }
.bouton36gris {
background:url(img_pack/pave-gris-36.png);
padding: 6px;
@@ -115,11 +292,6 @@ body { font-family: Verdana,Arial,Helvetica,sans-serif; }
.iconeon { cursor: pointer; padding: 3px; margin: 1px; border-right: solid 1px white; border-bottom: solid 1px white; border-left: solid 1px #666666; border-top: solid 1px #666666; background-color: #eeeeee; }
.iconedanger { padding: 3px; margin: 1px; border: 1px dashed black; background: url(img_pack/rayures-sup.gif)}
-.profondeur { border-right-color:white; border-top-color:#666666; border-left-color:#666666; border-bottom-color:white; border-style:solid }
-.hauteur { border-right-color:#666666; border-top-color:white; border-left-color:white; border-bottom-color:#666666; border-style:solid }
-label { cursor: pointer; }
-.pointeur { cursor: pointer; }
-
/* Raccourcis pour les polices (utile pour les tableaux) */
.arial1 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.arial2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
@@ -241,40 +413,6 @@ td.icone a img {
}
-/*
- * Icones horizontales
- * (on utilise deux styles distincts car IE ne gere pas le :hover)
- */
-
-.icone-h {
- padding: 3px;
- margin: 2px;
- border: 1px dashed #aaaaaa;
- background-color: #f0f0f0;
- width: 100%;
- color: #666666;
-}
-.icone-h-danger {
- padding: 3px;
- margin: 2px;
- border: 1px dashed black;
- background: url(img_pack/rayures-sup.gif);
- width: 100%;
-}
-.icone-h-on {
- cursor: pointer;
- padding: 3px;
- margin: 2px;
- border-right: solid 1px white;
- border-bottom: solid 1px white;
- border-left: solid 1px #666666;
- border-top: solid 1px #666666;
- background-color: #eeeeee;
- width: 100%;
-}
-
-
-
/*
* Styles generes par les raccourcis de mis en page
*/
--
GitLab