From ab4e0e5a9e1da7573fedcfd9a80c3e29c2636b83 Mon Sep 17 00:00:00 2001
From: Cerdic <cedric@yterium.com>
Date: Mon, 23 May 2011 12:48:34 +0000
Subject: [PATCH] =?UTF-8?q?Reorganisation=20complete=20des=20feuilles=20de?=
=?UTF-8?q?=20style=20de=20l'espace=20priv=C3=A9=20:=20-=20toutes=20d?=
=?UTF-8?q?=C3=A9plac=C3=A9es=20dans=20le=20repertoire=20du=20th=C3=A8me?=
=?UTF-8?q?=20-=20d=C3=A9coupage=20par=20grandes=20fonctions=20-=20tous=20?=
=?UTF-8?q?les=20param=C3=A8tres=20calcul=C3=A9s=20historiques,=20auxquels?=
=?UTF-8?q?=20sont=20ajout=C3=A9s=20des=20param=C3=A8tres=20li=C3=A9s=20?=
=?UTF-8?q?=C3=A0=20la=20typo,=20sont=20calcul=C3=A9s=20une=20fois=20dans?=
=?UTF-8?q?=20style=5Fprive.css.html=20du=20theme,=20et=20passees=20a=20to?=
=?UTF-8?q?utes=20les=20inclusions,=20ce=20qui=20evite=20redondance=20de?=
=?UTF-8?q?=20calcul=20-=20chaque=20feuille=20est=20surchargeable=20par=20?=
=?UTF-8?q?un=20th=C3=A8me=20ind=C3=A9pendamment=20des=20autres=20-=20la?=
=?UTF-8?q?=20typo=20est=20reprise=20du=20travail=20de=20tetue=20sur=20le?=
=?UTF-8?q?=20plugin=20petronille/basecss=20-=20la=20grille=20et=20les=20b?=
=?UTF-8?q?oites=20sont=20reprises=20de=20ooCSS?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Gros travail de nettoyage des styles qui ne servent plus, d'homogeneisation des styles entre les différentes feuilles ...
spip_styles qui n'amène que des soucis pour l'annuler n'est plus utilisée et sa substantifique moelle est ajoutee a typo.css.html : elle est grandement allégée par rapport à la version statique précédente, et certaines propriétés sont calculées et non plus fixes.
---
.gitattributes | 11 +-
ecrire/inc/filtres.php | 12 -
ecrire/inc/filtres_ecrire.php | 28 +-
ecrire/inc/presentation_mini.php | 2 +-
prive/squelettes/body.html | 20 +-
prive/squelettes/inclure/head.html | 25 +-
prive/style_prive.css.html | 17 +
prive/style_prive.html | 74 --
prive/themes/spip/bando.css.html | 90 ++-
prive/themes/spip/base.css | 2 +
prive/themes/spip/box_skins.css.html | 60 +-
prive/themes/spip/content.css.html | 59 +-
prive/themes/spip/exceptions.css.html | 38 +-
prive/themes/spip/forms.css.html | 688 +++++-------------
prive/themes/spip/grids.css.html | 7 +-
prive/themes/spip/icons.css.html | 52 +-
prive/themes/spip/layout.css | 3 +-
prive/themes/spip/lists.css.html | 106 ++-
prive/themes/spip/plugins.css.html | 72 --
prive/themes/spip/plugins.css_fonctions.php | 10 -
prive/{ => themes/spip}/reset.css | 0
prive/themes/spip/style_prive.css.html | 55 ++
.../{ => themes/spip}/style_prive_defaut.css | 0
...{style_prive_theme.html => theme.css.html} | 0
prive/themes/spip/typo.css.html | 202 ++++-
prive/themes/spip/vieilles_def.css.html | 307 --------
26 files changed, 678 insertions(+), 1262 deletions(-)
create mode 100644 prive/style_prive.css.html
delete mode 100644 prive/style_prive.html
delete mode 100644 prive/themes/spip/plugins.css.html
delete mode 100644 prive/themes/spip/plugins.css_fonctions.php
rename prive/{ => themes/spip}/reset.css (100%)
create mode 100644 prive/themes/spip/style_prive.css.html
rename prive/{ => themes/spip}/style_prive_defaut.css (100%)
rename prive/themes/spip/{style_prive_theme.html => theme.css.html} (100%)
diff --git a/.gitattributes b/.gitattributes
index 1feaa4ee8b..5e1db77fa0 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -759,7 +759,6 @@ prive/objets/liste/visiteurs.html -text
prive/objets/liste/visiteurs_fonctions.php -text
prive/puce_prive.gif -text
prive/puce_prive_rtl.gif -text
-prive/reset.css -text
prive/rss.html -text
prive/rss/a_suivre.html -text
prive/rss/signatures.html -text
@@ -846,8 +845,7 @@ prive/squelettes/top/configurer_preferences.html -text
prive/squelettes/top/dist.html -text
prive/squelettes/top/infos_perso.html -text
prive/squelettes/top/plan.html -text
-prive/style_prive.html -text
-prive/style_prive_defaut.css -text
+prive/style_prive.css.html -text
prive/themes/spip/bando.css.html -text
prive/themes/spip/base.css -text
prive/themes/spip/box.css -text
@@ -1076,9 +1074,10 @@ prive/themes/spip/jquery-ui.css.html -text
prive/themes/spip/layout.css -text
prive/themes/spip/lists.css.html -text
prive/themes/spip/picker.css.html -text
-prive/themes/spip/plugins.css.html -text
-prive/themes/spip/plugins.css_fonctions.php -text
-prive/themes/spip/style_prive_theme.html -text
+prive/themes/spip/reset.css -text
+prive/themes/spip/style_prive.css.html -text
+prive/themes/spip/style_prive_defaut.css -text
+prive/themes/spip/theme.css.html -text
prive/themes/spip/typo.css.html -text
prive/themes/spip/vieilles_def.css.html -text
prive/transmettre.html -text
diff --git a/ecrire/inc/filtres.php b/ecrire/inc/filtres.php
index 252b87fb16..04bd20a966 100644
--- a/ecrire/inc/filtres.php
+++ b/ecrire/inc/filtres.php
@@ -2404,18 +2404,6 @@ function bando_images_background(){
return $res;
}
-/**
- * Trouver une eventuelle css de surcharge dans le theme prive
- * a inclure dans les styles prives
- *
- * @return <type>
- */
-function bando_style_prive_theme() {
- if ($f = find_in_theme('style_prive_theme.html'))
- return substr(preg_replace(',[.]html$,Ui','',$f),strlen(_DIR_RACINE));
- return '';
-}
-
/**
* Generer un bouton_action
* utilise par #BOUTON_ACTION
diff --git a/ecrire/inc/filtres_ecrire.php b/ecrire/inc/filtres_ecrire.php
index dabbad95f4..f8be2ce039 100644
--- a/ecrire/inc/filtres_ecrire.php
+++ b/ecrire/inc/filtres_ecrire.php
@@ -56,25 +56,25 @@ function parametres_css_prive(){
global $visiteur_session;
global $browser_name, $browser_version;
- $ie = "";
- include_spip('inc/layer');
- if ($browser_name=='MSIE')
- $ie = "&ie=$browser_version";
-
- $v = "&v=".$GLOBALS['spip_version_code'];
-
- $p = "&p=".substr(md5($GLOBALS['meta']['plugin']),0,4);
-
- $theme = "&themes=".implode(',',lister_themes_prives());
+ $args = array();
+ $args['v'] = $GLOBALS['spip_version_code'];
+ $args['p'] = substr(md5($GLOBALS['meta']['plugin']),0,4);
+ $args['themes'] = implode(',',lister_themes_prives());
+ $args['ltr'] = $GLOBALS['spip_lang_left'];
$c = (is_array($visiteur_session)
- AND is_array($visiteur_session['prefs']))
+ AND is_array($visiteur_session['prefs']))
? $visiteur_session['prefs']['couleur']
: 1;
$couleurs = charger_fonction('couleurs', 'inc');
- $recalcul = _request('var_mode')=='recalcul' ? '&var_mode=recalcul':'';
- return 'ltr=' . $GLOBALS['spip_lang_left'] . '&'. $couleurs($c) . $theme . $v . $p . $ie . $recalcul ;
+ parse_str($couleurs($c),$c);
+ $args = array_merge($args, $c);
+
+ if (_request('var_mode')=='recalcul' OR _VAR_MODE=='recalcul')
+ $args['var_mode'] = 'recalcul';
+
+ return http_build_query($args);
}
@@ -410,7 +410,7 @@ function afficher_plus_info($lien) {
global $spip_lang_right, $spip_display;
if ($spip_display != 4) {
- return "\n<a href='$lien' style='float:$spip_lang_right; padding-right: 10px;'>" .
+ return "\n<a href='$lien' style='position:absolute;right:10px;'>" .
http_img_pack(chemin_image("information-16.png"), "+", "") ."</a>";
}
}
diff --git a/ecrire/inc/presentation_mini.php b/ecrire/inc/presentation_mini.php
index b2da5845b2..b4e26c83c2 100644
--- a/ecrire/inc/presentation_mini.php
+++ b/ecrire/inc/presentation_mini.php
@@ -83,7 +83,7 @@ function fin_page(){
include_spip('inc/pipelines');
// avec &var_profile=1 on a le tableau de mesures SQL
$debug = ((_request('exec') !== 'valider_xml') AND ((_request('var_mode') == 'debug') OR $GLOBALS['tableau_des_temps'] AND isset($_COOKIE['spip_admin'])));
- $t = '<div id="pied">'
+ $t = '</div><div id="pied"><div class="largeur">'
. recuperer_fond('prive/squelettes/inclure/pied')
. "</div>"
. "</div></div>" // cf. div#page et div.largeur ouvertes dans conmmencer_page()
diff --git a/prive/squelettes/body.html b/prive/squelettes/body.html
index 22a3db9e46..7a633607e3 100644
--- a/prive/squelettes/body.html
+++ b/prive/squelettes/body.html
@@ -4,18 +4,18 @@
<INCLURE{fond=prive/objets/liste/auteurs_enligne}>
<div class="largeur">
<div id="haut">
- <INCLURE{fond=prive/squelettes/hierarchie/#ENV{type},ajax=hierarchie,env}>
- [(#REM)<!--
- Ici, # INCLURE car top/xx peut affecter la globale 'pleine_largeur'
- -->]
- #INCLURE{fond=prive/squelettes/top/#ENV{type},ajax=top,env}
+ <INCLURE{fond=prive/squelettes/hierarchie/#ENV{type},ajax=hierarchie,env}>
+ [(#REM)<!--
+ Ici, # INCLURE car top/xx peut affecter la globale 'pleine_largeur'
+ -->]
+ #INCLURE{fond=prive/squelettes/top/#ENV{type},ajax=top,env}
</div>
<div id="conteneur" class="[(#LARGEUR_ECRAN)]">
- <div id="navigation" role='contentinfo'>
+ <div id="navigation" class='lat' role='contentinfo'>
<INCLURE{fond=prive/squelettes/navigation/#ENV{type},ajax=navigation,env}>
[(#EVAL{$GLOBALS}|table_valeur{spip_ecran}|=={large}|oui)
</div>
- <div id="extra" role='complementary'>]
+ <div id="extra" class='lat' role='complementary'>]
<INCLURE{fond=prive/squelettes/extra/#ENV{type},ajax=extra,env}>
</div>
<div id="contenu" role='main'>
@@ -23,8 +23,10 @@
</div>
</div>
<br class="nettoyeur" />
- <div id="pied">
- <INCLURE{fond=prive/squelettes/inclure/pied,env}>
+ </div>
+ <div id="pied">
+ <div class="largeur">
+ <INCLURE{fond=prive/squelettes/inclure/pied,env}>
</div>
</div>
</div>
diff --git a/prive/squelettes/inclure/head.html b/prive/squelettes/inclure/head.html
index b351e05811..ff0ee1d3c2 100644
--- a/prive/squelettes/inclure/head.html
+++ b/prive/squelettes/inclure/head.html
@@ -14,27 +14,24 @@ function test_accepte_ajax(){jQuery.ajax({"url":"[(#URL_ECRIRE{test_ajax,js=1}|r
var stat = [(#CONFIG{activer_statistiques}|=={non}|?{0,1})];
var confirm_changer_statut = '<:confirm_changer_statut|html2unicode|addslashes|unicode_to_javascript:>';
/*]]>*/</script>
-[<link rel="stylesheet" type="text/css" href="(#CHEMIN{reset.css}|url_absolue)" />]
+[<link rel="stylesheet" type="text/css" href="(#VAL{reset.css}|find_in_theme|url_absolue)" id="csspriveereset" />]
#PIPELINE{header_prive_css,''}
-[
+[<!--
(#REM) CSS de secours en cas de non fonct de la suivante
-][<link rel="stylesheet" type="text/css" href="(#CHEMIN{style_prive_defaut.css}|url_absolue)" id="cssprivee" />]
-[
-(#REM) SPIP-style...
-][<link rel="stylesheet" type="text/css" href="(#CHEMIN{spip_style.css}|url_absolue)" />]
-[
-(#REM) CSS imprimante (masque des trucs, a completer)
-][<link rel="stylesheet" type="text/css" href="(#CHEMIN{spip_style_print.css}|url_absolue)" media="print" />]
-[
+-->][<link rel="stylesheet" type="text/css" href="(#VAL{style_prive_defaut.css}|find_in_theme|url_absolue)" id="csspriveedef" />]
+[<!--
+(#REM) spip-admin pour le debug
+-->][<link rel="stylesheet" type="text/css" href="(#CHEMIN{spip_admin.css}|url_absolue)"/>]
+[<!--
(#REM) CSS espace prive : la vraie
-]<link rel="stylesheet" type="text/css" href="#URL_PAGE{style_prive,#REM|parametres_css_prive}" />
+]<link rel="stylesheet" type="text/css" href="#URL_PAGE{style_prive.css,#REM|parametres_css_prive}" />
[
(#REM) CSS optionelle minipres
-][(#ENV{minipres,''}|oui)
+-->][(#ENV{minipres,''}|oui)
[<link rel="stylesheet" type="text/css" href="(#CHEMIN{minipres.css}|url_absolue)" />]
-][
+][<!--
(#REM) Favicon
-][<link rel="shortcut icon" href="(#CHEMIN{spip.ico}|url_absolue)" type="image/x-icon" />]
+-->][<link rel="shortcut icon" href="(#CHEMIN{spip.ico}|url_absolue)" type="image/x-icon" />]
<link rel="alternate" type="application/rss+xml" title="[(#NOM_SITE_SPIP|attribut_html)]" href="#URL_PAGE{bakend}" />
<link rel="help" type="text/html" title="<:icone_aide_ligne|attribut_html:>" href="#URL_PAGE{aide_index,var_lang=#LANG}" />
diff --git a/prive/style_prive.css.html b/prive/style_prive.css.html
new file mode 100644
index 0000000000..02a9123527
--- /dev/null
+++ b/prive/style_prive.css.html
@@ -0,0 +1,17 @@
+[(#REM)<style>/*
+ 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{fond,[(#VAL{style_prive.css.html}|find_in_theme|substr{[(#VAL{_DIR_RACINE}|constant|strlen)],[(#VAL{-5}|intval)]})]})]
+[(#INCLURE{fond=#GET{fond},env})]
\ No newline at end of file
diff --git a/prive/style_prive.html b/prive/style_prive.html
deleted file mode 100644
index c2daf71780..0000000000
--- a/prive/style_prive.html
+++ /dev/null
@@ -1,74 +0,0 @@
-[(#REM)<style>/*
- 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}}
-#SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}}
-#SET{dir,#ENV{ltr}|choixsiegal{left,ltr,rtl}}
-
-[(#REM) les vieux styles a evacuer en premier, ca permet qu'ils ne polluent pas en cas de double definition]
-[(#INCLURE{fond=prive/themes/spip/vieilles_def.css}{couleur_claire}{couleur_foncee}{lang}{ltr})]
-
-/*-- spip-admin pour le debug --*/
-#INCLURE{prive/spip_admin.css}
-
-#INCLURE{#CHEMIN{prive/themes/spip/base.css}|direction_css{#GET{dir}}}
-
-#INCLURE{#CHEMIN{prive/themes/spip/layout.css}|direction_css{#GET{dir}}}
-
-[(#INCLURE{fond=prive/themes/spip/typo.css}{env}{couleur_claire}{couleur_foncee}{lang}{ltr})]
-
-[(#INCLURE{fond=prive/themes/spip/grids.css}{env}{couleur_claire}{couleur_foncee}{lang}{ltr})]
-
-/******** Bandeau **************/
-[(#INCLURE{fond=prive/themes/spip/bando.css}{env}{couleur_claire}{couleur_foncee}{lang}{ltr})]
-
-/******** Icones **************/
-[(#INCLURE{fond=prive/themes/spip/icons.css}{env}{couleur_claire}{couleur_foncee}{lang}{ltr})]
-
-/******** Listes objets **************/
-[(#INCLURE{fond=prive/themes/spip/lists.css}{env}{couleur_claire}{couleur_foncee}{lang}{ltr})]
-
-/******** Formulaires **************/
-[(#INCLURE{fond=prive/themes/spip/forms.css}{env}{couleur_claire}{couleur_foncee}{lang}{ltr})]
-/******** Formulaires fin *********/
-
-/** Picker articles/rubriques **/
-[(#INCLURE{fond=prive/themes/spip/picker.css}{env}{couleur_claire}{couleur_foncee}{lang}{ltr})]
-
-/******** Boites *******************/
-[(#INCLURE{fond=prive/themes/spip/box_skins.css}{env}{couleur_claire}{couleur_foncee}{lang}{ltr})]
-
-/******** jquery ui *******************/
-[(#INCLURE{fond=prive/themes/spip/jquery-ui.css}{env}{couleur_claire}{couleur_foncee}{lang}{ltr})]
-
-/******** Contenus *******************/
-[(#INCLURE{fond=prive/themes/spip/content.css}{env}{couleur_claire}{couleur_foncee}{lang}{ltr})]
-
-/******** Exceptions page a page *******************/
-[(#INCLURE{fond=prive/themes/spip/exceptions.css}{env}{couleur_claire}{couleur_foncee}{lang}{ltr})]
-
-/*** Placer le theme tout a la fin ***/
-#SET{style_prive_theme,#REM|bando_style_prive_theme}
-[(#GET{style_prive_theme}|oui)
-[(#INCLURE{fond=#GET{style_prive_theme}}{env})]
-]
-
-
-/*** Plugins ***/
-[(#INCLURE{fond=prive/themes/spip/plugins.css}{env}{couleur_claire}{couleur_foncee}{lang}{ltr})]
-/**** Plugins fin ***/
diff --git a/prive/themes/spip/bando.css.html b/prive/themes/spip/bando.css.html
index 115fd6d1c6..ec4c7bfffb 100644
--- a/prive/themes/spip/bando.css.html
+++ b/prive/themes/spip/bando.css.html
@@ -15,13 +15,7 @@
#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}}
-#SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}}
-
-#bando_haut { font-size: 110%; position: relative; z-index: 9;}
+#bando_haut { /*font-size: 1em;*/ position: relative; z-index: 9;}
#bando_haut a { text-decoration: none; }
@@ -31,86 +25,86 @@
#bando_haut ul{margin: 0; padding: 0; list-style: none;}
-#bando_haut ul.deroulant li { /*position:relative; */float:#GET{left}; display: block; }
+#bando_haut ul.deroulant li { /*position:relative; */float:#ENV{left}; display: block; }
#bando_haut ul.deroulant li ul li {float:none;position:static;}
-#bando_haut ul.deroulant li.actif,#bando_haut ul.deroulant li.actif_tempo { background-color: #[(#GET{claire}|couleur_eclaircir|couleur_eclaircir)]; z-index: 100; }
-#bando_haut ul.deroulant li ul {border: 1px solid #aaaaaa; border-top: 0; text-align:#GET{left}; height: auto; width: auto; display: block; position:absolute; #GET{left}:-3000em;margin-#GET{left}:-1px; }
-#bando_haut ul.deroulant li.actif ul, #bando_haut ul.deroulant li.actif_tempo ul { #GET{left}:auto;}
+#bando_haut ul.deroulant li.actif,#bando_haut ul.deroulant li.actif_tempo { background-color: #[(#ENV{claire}|couleur_eclaircir|couleur_eclaircir)]; z-index: 100; }
+#bando_haut ul.deroulant li ul {border: 1px solid #aaaaaa; border-top: 0; text-align:#ENV{left}; height: auto; width: auto; display: block; position:absolute; #ENV{left}:-3000em;margin-#ENV{left}:-1px; }
+#bando_haut ul.deroulant li.actif ul, #bando_haut ul.deroulant li.actif_tempo ul { #ENV{left}:auto;}
#bando_haut ul.deroulant li a { display: block; color:#444; font-weight:bold;}
#bando_haut ul.deroulant li ul li { background-color: #fff; }
#bando_haut ul.deroulant li ul li a { }
#bando_haut ul.deroulant li ul li a:hover,
-#bando_haut ul.deroulant li ul li a:focus { background-color: #[(#GET{claire}|couleur_eclaircir|couleur_eclaircir)]; }
+#bando_haut ul.deroulant li ul li a:focus { background-color: #[(#ENV{claire}|couleur_eclaircir|couleur_eclaircir)]; }
-#bando_identite { line-height:2em; background: #[(#GET{claire}|couleur_eclaircir|couleur_eclaircir)]; color: #666; overflow:hidden; z-index:10;position:relative;}
+#bando_identite { line-height:2em; background: #[(#ENV{claire}|couleur_eclaircir|couleur_eclaircir)]; color: #666; overflow:hidden; z-index:10;position:relative;}
#bando_identite p { width: 50%; padding: 1px 0; margin:0;}
#bando_identite p img { vertical-align: middle; }
-#bando_identite p.nom_site_spip { width: 45%; float:#GET{right};text-align:#GET{right}; }
-#bando_identite p.session { width: 55%; float:#GET{left}; text-align:#GET{left}; }
+#bando_identite p.nom_site_spip { width: 45%; float:#ENV{right};text-align:#ENV{right}; }
+#bando_identite p.session { width: 55%; float:#ENV{left}; text-align:#ENV{left}; }
#bando_identite p.session .menu_lang { vertical-align: middle; }
#bando_identite a, #bando_identite strong, #identite a { color: #666; }
#bando_identite a:hover { text-decoration: underline; }
.navigation_sans_outils #bando_outils{ display:none; }
-#bando_outils { bottom:0px; width:100%; clear:both; background: #GET{claire}; }
+#bando_outils { bottom:0px; width:100%; clear:both; background: #ENV{claire}; }
-#bando_outils li.boussole {margin-#GET{right}:20px;}
+#bando_outils li.boussole {margin-#ENV{right}:20px;}
#bando_outils li.boussole a#boutonbandeautoutsite {display:block;line-height:1em;}
#bando_outils li.boussole a#boutonbandeautoutsite img {padding:2px; }
#bando_outils li.boussole a#boutonbandeautoutsite:hover,#bando_outils li.boussole a#boutonbandeautoutsite:focus {background:#fff;}
#bando_outils li.boussole a .image_loading {float:right;}
#bando_outils ul.deroulant {font-size:0.9em;}
-#bando_outils ul.deroulant li ul {background:#fff;[border:1px solid (#GET{claire});]padding:0px;border-top:0;padding-top:0;margin-left:-1px;}
-#bando_outils ul.deroulant li ul ul {[border:1px solid (#GET{claire});]}
-#bando_outils ul.deroulant li li a { padding: 3px 3px;padding-#GET{right}:10px;background-repeat:no-repeat;background-position:[(#GET{right}) ]3px;}
-#bando_outils ul.deroulant li li { background-repeat:no-repeat;background-position:[(#GET{left}|=={left}|?{"1%","99%"}) ] center;padding-#GET{left}:15px;}
+#bando_outils ul.deroulant li ul {background:#fff;[border:1px solid (#ENV{claire});]padding:0px;border-top:0;padding-top:0;margin-left:-1px;}
+#bando_outils ul.deroulant li ul ul {[border:1px solid (#ENV{claire});]}
+#bando_outils ul.deroulant li li a { padding: 3px 3px;padding-#ENV{right}:10px;background-repeat:no-repeat;background-position:[(#ENV{right}) ]3px;}
+#bando_outils ul.deroulant li li { background-repeat:no-repeat;background-position:[(#ENV{left}|=={left}|?{"1%","99%"}) ] center;padding-#ENV{left}:15px;}
-#bando_outils ul.deroulant li.haschild > a {background-image:url(#CHEMIN_IMAGE{triangle-droite#GET{rtl}|concat{.gif}});}
+#bando_outils ul.deroulant li.haschild > a {background-image:url(#CHEMIN_IMAGE{triangle-droite#ENV{rtl}|concat{.gif}});}
#bando_outils ul.deroulant li li {background-image:url(#CHEMIN_IMAGE{secteur-12.gif});}
#bando_outils ul.deroulant li li li {background-image:url(#CHEMIN_IMAGE{rubrique-12.gif});}
#bando_outils ul.deroulant li.toutsite {background-image:none;}
#bando_outils ul.deroulant li ul li {float:none;position:relative;}
-#bando_outils ul.deroulant li.actif li ul, #bando_outils ul.deroulant li.actif_tempo li ul { #GET{left}:-3000em;}
-#bando_outils ul.deroulant li li.actif >ul,#bando_outils ul.deroulant li li.actif_tempo >ul {#GET{left}:50px;top:1.5em;}
+#bando_outils ul.deroulant li.actif li ul, #bando_outils ul.deroulant li.actif_tempo li ul { #ENV{left}:-3000em;}
+#bando_outils ul.deroulant li li.actif >ul,#bando_outils ul.deroulant li li.actif_tempo >ul {#ENV{left}:50px;top:1.5em;}
#bando_outils ul.deroulant li ul {width:770px;}
.large #bando_outils ul.deroulant li ul {width:970px;}
#bando_outils ul.deroulant li ul.cols_1 {width:200px;}
#bando_outils ul.deroulant li ul.cols_1 > li {width:185px;}
#bando_outils ul.deroulant li ul.cols_2 {width:350px;}
-#bando_outils ul.deroulant li ul.cols_2 > li {float:#GET{left};width:160px;}
+#bando_outils ul.deroulant li ul.cols_2 > li {float:#ENV{left};width:160px;}
#bando_outils ul.deroulant li ul.cols_3 {width:495px;}
-#bando_outils ul.deroulant li ul.cols_3 > li {float:#GET{left};width:150px;}
+#bando_outils ul.deroulant li ul.cols_3 > li {float:#ENV{left};width:150px;}
#bando_outils ul.deroulant li ul.cols_4 {width:620px;}
-#bando_outils ul.deroulant li ul.cols_4 > li {float:#GET{left};width:140px;}
+#bando_outils ul.deroulant li ul.cols_4 > li {float:#ENV{left};width:140px;}
.large #bando_outils ul.deroulant li ul.cols_4 {width:800px;}
-.large #bando_outils ul.deroulant li ul.cols_4 > li {float:#GET{left};width:185px;}
-#bando_outils ul.deroulant li ul.cols_5 > li {float:#GET{left};width:139px;}
-.large #bando_outils ul.deroulant li ul.cols_5 > li {float:#GET{left};width:179px;}
-#bando_outils ul.deroulant li ul.cols_6 > li {float:#GET{left};width:113px;}
-.large #bando_outils ul.deroulant li ul.cols_6 > li {float:#GET{left};width:146px;}
-#bando_outils ul.deroulant li ul.cols_7 > li {float:#GET{left};width:113px;}
-.large #bando_outils ul.deroulant li ul.cols_7 > li {float:#GET{left};width:123px;}
-#bando_outils ul.deroulant li ul.cols_8 > li {float:#GET{left};width:113px;}
-.large #bando_outils ul.deroulant li ul.cols_8 > li {float:#GET{left};width:123px;}
-
-#bando_outils ul.creer {float:#GET{left};}
-#bando_outils ul.collaborer {float:#GET{left};margin-#GET{right}:20px;}
-#bando_outils ul.rapides li.bouton{ float:#GET{left}; }
+.large #bando_outils ul.deroulant li ul.cols_4 > li {float:#ENV{left};width:185px;}
+#bando_outils ul.deroulant li ul.cols_5 > li {float:#ENV{left};width:139px;}
+.large #bando_outils ul.deroulant li ul.cols_5 > li {float:#ENV{left};width:179px;}
+#bando_outils ul.deroulant li ul.cols_6 > li {float:#ENV{left};width:113px;}
+.large #bando_outils ul.deroulant li ul.cols_6 > li {float:#ENV{left};width:146px;}
+#bando_outils ul.deroulant li ul.cols_7 > li {float:#ENV{left};width:113px;}
+.large #bando_outils ul.deroulant li ul.cols_7 > li {float:#ENV{left};width:123px;}
+#bando_outils ul.deroulant li ul.cols_8 > li {float:#ENV{left};width:113px;}
+.large #bando_outils ul.deroulant li ul.cols_8 > li {float:#ENV{left};width:123px;}
+
+#bando_outils ul.creer {float:#ENV{left};}
+#bando_outils ul.collaborer {float:#ENV{left};margin-#ENV{right}:20px;}
+#bando_outils ul.rapides li.bouton{ float:#ENV{left}; }
#bando_outils ul.rapides li.bouton a{ display:block; padding:2px;background-position:center;background-repeat:no-repeat; }
#bando_outils ul.rapides li.bouton a span { visibility:hidden;display:block;height:24px;width:24px;overflow:hidden; }
-#bando_outils ul.rapides li.bouton a:hover, #bando_outils ul.rapides li.bouton a:focus{background-color:#[(#GET{claire}|couleur_eclaircir)];}
+#bando_outils ul.rapides li.bouton a:hover, #bando_outils ul.rapides li.bouton a:focus{background-color:#[(#ENV{claire}|couleur_eclaircir)];}
#bando_outils ul.rapides li.bouton{ margin-top:0px;}
-#bando_outils #rapides {float:#GET{right};}
+#bando_outils #rapides {float:#ENV{right};}
#bando_outils #rapides .formulaire_recherche {margin:3px 0;clear:none;}
#bando_navigation ul.deroulant > li {min-width:85px; max-width:115px; text-align:center; }
#bando_navigation ul li ul {min-width: 85px; max-width:250px;z-index:1;}
-#bando_navigation ul li ul li {width: auto;float:none;text-align:#GET{left};position:static;}
+#bando_navigation ul li ul li {width: auto;float:none;text-align:#ENV{left};position:static;}
#bando_navigation { position: relative;z-index: 10; }
#bando_navigation { clear:both; background: #fff; }
@@ -134,20 +128,20 @@ Les styles pour les icones pochoir de diala sont dans themes/spip/style_prive_th
.navigation_avec_icones #bando_navigation ul.deroulant > li > a { }
.navigation_avec_icones #bando_navigation ul.deroulant > li > a:hover,
-.navigation_avec_icones #bando_navigation ul.deroulant > li > a:focus { background-color: #[(#GET{claire}|couleur_eclaircir)]; }
+.navigation_avec_icones #bando_navigation ul.deroulant > li > a:focus { background-color: #[(#ENV{claire}|couleur_eclaircir)]; }
.navigation_avec_icones #bando_navigation ul li a {background-position:center 5px;background-repeat:no-repeat;padding-top:60px;}
-.navigation_avec_icones #bando_navigation ul li ul li a {margin-#GET{left}:7px; margin-#GET{right}: 1.0em; background-position:[(#GET{left})] center;margin-top:0;padding-#GET{left}:24px;padding-top:0.8em;}
+.navigation_avec_icones #bando_navigation ul li ul li a {margin-#ENV{left}:7px; margin-#ENV{right}: 1.0em; background-position:[(#ENV{left})] center;margin-top:0;padding-#ENV{left}:24px;padding-top:0.8em;}
.navigation .sous_navigation .item a {display:block;background-position:left center;margin-left:7px;padding:2px;padding-left:24px;background-repeat:no-repeat;}
/* messages de statut et d'avertissement dans le bandeau */
-div.wrap-messages, div.en_lignes { padding: 5px; border-bottom: 1px solid #GET{foncee}; font-weight: bold;}
+div.wrap-messages, div.en_lignes { padding: 5px; border-bottom: 1px solid #ENV{foncee}; font-weight: bold;}
div.wrap-messages {background:#333;color:#fff;}
-div.messages {margin-top:0;font-size: 11px;}
+div.messages {margin-top:0;/*font-size: 11px;*/}
div.messages ul {text-align:left;}
-div.en_lignes { font-size: 10px;}
+div.en_lignes { /*font-size: 10px;*/}
[(#REM|bando_images_background)]
diff --git a/prive/themes/spip/base.css b/prive/themes/spip/base.css
index a7a294912a..6f2ba5722d 100644
--- a/prive/themes/spip/base.css
+++ b/prive/themes/spip/base.css
@@ -52,3 +52,5 @@ td {
}
td { text-align: left; }
+
+.clicable {cursor:hand;cursor:pointer;}
\ No newline at end of file
diff --git a/prive/themes/spip/box_skins.css.html b/prive/themes/spip/box_skins.css.html
index 240f4c92f1..2ea76d3ceb 100644
--- a/prive/themes/spip/box_skins.css.html
+++ b/prive/themes/spip/box_skins.css.html
@@ -15,13 +15,14 @@
#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}}
-#SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}}
-
[(#INCLURE{prive/themes/spip/box.css})]
+/* ajustement des marges selon grille verticale en em */
+.box{margin:[(#ENV{margin-bottom}|mult{1.5})em] 0;}
+.bd {padding:[(#ENV{margin-bottom}|div{2})em] 10px;}
+.bd > :first-child,.bd > :first-child > :first-child {margin-top:0;}
+.bd > :last-child {margin-bottom:0;}
+.hd, .ft {padding:[(#ENV{margin-bottom}|div{2})em] 10px;}
+.hd h1,.hd h2,.hd h3,.hd h4,.hd h5,.hd h6 {margin-bottom:0;}
/* **************** BLOCK SKINS ***************** */
/* ====== Contour blocks ====== */
@@ -31,12 +32,12 @@
.simple .inner .hd {}
.simple b{}
/* ----- info (extends box) ----- */
-.info .inner {border:2px solid #GET{claire};background:#fcfcfc;}
+.info .inner {border:2px solid #ENV{claire};background:#fcfcfc;}
.info .inner .hd {}
.info b{}
/* ----- note (extends box) ----- */
.note,.note .inner{border:1px solid #c2c2c2;}
-.note .inner{border-color:#fff; border-width:4px; background-color:[#(#GET{claire}|couleur_eclaircir{0.85})];}
+.note .inner{border-color:#fff; border-width:4px; background-color:[#(#ENV{claire}|couleur_eclaircir{0.85})];}
.note .inner .hd {}
/* ----- raccourcis (extends box) ----- */
@@ -44,12 +45,12 @@
.note .inner .hd {}
/* ----- important (extends box) ----- */
-.important .inner{border: 3px solid [(#GET{foncee})]; border-bottom-width:10px;background:#fff;}
+.important .inner{border: 3px solid [(#ENV{foncee})]; border-bottom-width:10px;background:#fff;}
.important b{}
/* ----- basic (extends box) ----- */
-.basic {margin-bottom: -1px}
-.basic .inner {padding-bottom: 1px;border: 1px solid #aaa;}
+.basic {/*margin-bottom: -1px*/}
+.basic .inner {/*padding-bottom: 1px;*/border: 1px solid #aaa;}
.basic .inner .hd {}
.basic b{}
@@ -78,32 +79,31 @@
/* ====== Background blocks ====== */
-.highlight .inner{background-color:#GET{claire};}
-.inverse .inner{background-color:#GET{foncee};color:#ffffff}
+.highlight .inner{background-color:#ENV{claire};}
+.inverse .inner{background-color:#ENV{foncee};color:#ffffff}
/* ====== Block headers and footers ====== */
-.hd.titrem { margin-top:10px;padding-top: 6px; padding-bottom: 4px; background-repeat: no-repeat; padding-[(#GET{left})]:16px; padding-[(#GET{right})]:10px;
-background-color: [#(#GET{foncee}|couleur_eclaircir)];color: #4A4A4A; font-size:1.2em;position:relative;}
-.hd.titrem h1,.hd.titrem h2,.hd.titrem h3,.hd.titrem h4,.hd.titrem h5,.hd.titrem h6{font-size:100%;color:#4A4A4A;padding:0;margin:0;}
+.hd.titrem { background-repeat: no-repeat; padding-[(#ENV{left})]:16px; padding-[(#ENV{right})]:10px;
+background-color: [#(#ENV{foncee}|couleur_eclaircir)];color: #4A4A4A; font-size:[(#ENV{line-height}|mult{1})em];position:relative;line-height: 1;}
+.hd.titrem h1,.hd.titrem h2,.hd.titrem h3,.hd.titrem h4,.hd.titrem h5,.hd.titrem h6{ font-size: 1em; color:#4A4A4A;}
-.section{ padding-top: 6px; padding-bottom: 4px; background-repeat: no-repeat; padding-[(#GET{left})]:16px; padding-[(#GET{right})]:10px;
-background-color: #GET{foncee}; color: #4A4A4A;font-size:1.2em;position:relative;}
+.section{ background-repeat: no-repeat; padding-[(#ENV{left})]:16px; padding-[(#ENV{right})]:10px;
+background-color: #ENV{foncee}; color: #4A4A4A;font-size:1.2em;position:relative;}
.section h1,.section h2,.section h3,.section h4,.section h5,.section h6{font-size:100%;color:#4A4A4A;padding:0;margin:0;}
-.bam{ padding-top: 6px; padding-bottom: 4px; background-repeat: no-repeat; padding-[(#GET{left})]:16px; padding-[(#GET{right})]:10px;
-background-color: [#(#GET{foncee}|couleur_foncer)]; color: #fff;font-size:1.2em; position:relative;}
+.bam{ background-repeat: no-repeat; padding-[(#ENV{left})]:16px; padding-[(#ENV{right})]:10px;
+background-color: [#(#ENV{foncee}|couleur_foncer)]; color: #fff;font-size:1.2em; position:relative;}
.bam h1,.bam h2,.bam h3,.bam h4,.bam h5,.bam h6{font-size:100%;color:#fff;padding:0;margin:0;}
-.topper{ padding-top: 6px; padding-bottom: 4px; background-repeat: no-repeat; padding-[(#GET{left})]:16px; padding-[(#GET{right})]:10px;
+.topper{ background-repeat: no-repeat; padding-[(#ENV{left})]:16px; padding-[(#ENV{right})]:10px;
background-color: #fff; color: #4A4A4A;font-size:1.2em; position:relative;}
.topper h1,.topper h2,.topper h3,.topper h4,.topper h5,.topper h6{font-size:100%;color:#4A4A4A;padding:0;margin:0;}
-.act{ [background-color: #(#GET{claire}|couleur_eclaircir);]
- [border-top: 1px solid (#GET{claire});]
- margin:0;
+.act{ [background-color: #(#ENV{claire}|couleur_eclaircir);]
+ [border-top: 1px solid (#ENV{claire});]
+ margin-top:-1px;
clear:both;
- text-align: #GET{right};
- padding: 7px 1em;
+ text-align: #ENV{right};
}
/* Cas particuliers */
@@ -115,12 +115,12 @@ background-color: #fff; color: #4A4A4A;font-size:1.2em; position:relative;}
encore maintenues mais depreciees
*/
.titrem { font-weight: bold; }
-div.titrem, h3.titrem { display: block; padding-top: 6px; padding-bottom: 4px; background-repeat: no-repeat; padding-[(#GET{left})]:16px; padding-[(#GET{right})]:10px;margin:0;}
-div.titrem a.titremancre,h3.titrem a.titremancre {padding:15px 0 0 16px;background-position: [(#GET{left})] top;background-repeat: no-repeat; position:relative;float:[(#GET{left})];margin-[(#GET{left})]:-16px;}
+div.titrem, h3.titrem { display: block; padding-top: [(#ENV{margin-bottom}|div{2})em]; padding-bottom: [(#ENV{margin-bottom}|div{2})em]; background-repeat: no-repeat; padding-[(#ENV{left})]:16px; padding-[(#ENV{right})]:10px;}
+div.titrem a.titremancre,h3.titrem a.titremancre {padding:15px 0 0 16px;background-position: [(#ENV{left})] top;background-repeat: no-repeat; position:relative;float:[(#ENV{left})];margin-[(#ENV{left})]:-16px;}
/* Deplier / Replier */
.deplie a.titremancre, .deplie a.titremancre, .depliant a.titremancre, .replie a.titremancre { height: 1px; padding-bottom: 0px; }
-.replie a.titremancre { background-image: url([(#CHEMIN_IMAGE{deplierhaut[(#GET{rtl})].gif})]); }
-.hover { background-color: #GET{claire}; }
+.replie a.titremancre { background-image: url([(#CHEMIN_IMAGE{deplierhaut[(#ENV{rtl})].gif})]); }
+.hover { background-color: #ENV{claire}; }
.deplie a.titremancre { background-image: url(#CHEMIN_IMAGE{deplierbas.gif}); }
.impliable {}
.js .blocreplie { display: none; }
diff --git a/prive/themes/spip/content.css.html b/prive/themes/spip/content.css.html
index 2da2c31c40..74ff882abb 100644
--- a/prive/themes/spip/content.css.html
+++ b/prive/themes/spip/content.css.html
@@ -15,31 +15,27 @@
#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}}
-#SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}}
/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */
+html {background-color:#eee;}
+#pied {font-size:0.9em;border-top:1px solid #ddd;background:#eee;margin-top:[(#ENV{margin-bottom}|div{0.9})em];padding-top:[(#ENV{margin-bottom}|div{0.9})em];overflow:hidden;}
+#copyright {text-align:right;}
-#copyright {text-align:right;font-size:x-small;padding-top:1em;border-top:1px solid #eee;}
-
-#chemin { overflow: hidden; margin: 0; padding: 0; text-align:#GET{left};}
+#chemin { overflow: hidden; margin: 0; padding: 0; text-align:#ENV{left};}
#chemin > a { color: #444; }
#chemin > a:hover { text-decoration: underline; }
-#chemin .bouton_deplacer {display:block;float:#GET{right};position:relative;padding:3px;padding-#GET{left}:20px;}
-#chemin .bouton_deplacer .image_loading {position:absolute;top:0;#GET{left}:0;}
+#chemin .bouton_deplacer {display:block;float:#ENV{right};position:relative;padding:3px;padding-#ENV{left}:20px;}
+#chemin .bouton_deplacer .image_loading {position:absolute;top:0;#ENV{left}:0;}
#chemin .aide {padding-top: 0px; }
-#contenu h1 {color:#GET{foncee};}
+#haut h1,#contenu h1 {color:#ENV{foncee};}
/* Liens hypertexte */
-a { text-decoration: none; color: [#(#GET{foncee}|couleur_foncer{0.25})]; }
+a { text-decoration: none; color: [#(#ENV{foncee}|couleur_foncer{0.25})]; }
a:hover { text-decoration: underline; }
a.icone { text-decoration: none; }
a.icone:hover { text-decoration: none; }
@@ -60,34 +56,34 @@ img.lang { width: 12px; height: 12px; border: 0; }
a.boutonlien:hover { color: #454545; text-decoration: none; }
a.boutonlien { color: #808080; text-decoration: none; }
-a.triangle_block { margin-top: -3px; margin-bottom: -3px; margin-#GET{right}: -3px; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; }
+a.triangle_block { margin-top: -3px; margin-bottom: -3px; margin-#ENV{right}: -3px; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; }
a.triangle_block:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.highlight { color: #000; background-color: #666; }
.highlight.off { padding: 2px; display: block; color: #666; background-color: #fff; }
a.highlight:hover { color: #000; cursor: pointer; }
-a.ical { background: url(#CHEMIN_IMAGE{synchro-24.gif}) no-repeat; background-position: top center; padding-#GET{left}: 30px; padding-bottom: 20px; }
+a.ical { background: url(#CHEMIN_IMAGE{synchro-24.gif}) no-repeat; background-position: top center; padding-#ENV{left}: 30px; padding-bottom: 20px; }
.enfants ul { list-style: none; }
-.enfants ul li.rubrique_12 {background:url(#CHEMIN_IMAGE{rubrique-12.gif})[ (#GET{left})] center no-repeat; padding: 2px; padding-#GET{left}: 18px; margin-#GET{left}: 6px;position:relative;}
+.enfants ul li.rubrique_12 {background:url(#CHEMIN_IMAGE{rubrique-12.gif})[ (#ENV{left})] center no-repeat; padding: 2px; padding-#ENV{left}: 18px; margin-#ENV{left}: 6px;position:relative;}
/* menu langues */
-.lang_ecrire { max-height: 24px; border: 1px solid #fff; color: white; width: 100px; background: #GET{foncee}; }
+.lang_ecrire { max-height: 24px; border: 1px solid #fff; color: white; width: 100px; background: #ENV{foncee}; }
/* pour les puces de changement rapide de statut ; NB: ca buggue car ca s'affiche en-dessous du cadre */
-/*li .puce_statut { float: #GET{left}; padding-top: 5px; }
+/*li .puce_statut { float: #ENV{left}; padding-top: 5px; }
li .puce_article_popup, li.puce_breve_popup,li.puce_site_popup { padding: 0; }*/
.puce_objet { position: relative; }
.puce_objet_fixe { position: relative; }
-.puce_objet_popup { position: absolute; margin-top:-2px; visibility: hidden; border: 1px solid #666; background-color: #ccc; z-index: 10; top: 0; #GET{left}: 0;}
+.puce_objet_popup { position: absolute; margin-top:-2px; visibility: hidden; border: 1px solid #666; background-color: #ccc; z-index: 10; top: 0; #ENV{left}: 0;}
.puce_objet_popup img { padding: 2px; border: 0; }
.puce_objet .puce_objet_popup { visibility: hidden; }
.puce_objet.on .puce_objet_popup { visibility: visible; }
-.tabs-nav a { color: #GET{foncee}; }
+.tabs-nav a { color: #ENV{foncee}; }
/* generique */
#voir { overflow: hidden; }
@@ -97,13 +93,13 @@ li .puce_article_popup, li.puce_breve_popup,li.puce_site_popup { padding: 0; }*/
#navigation .infos .noinfo { color:#ddd;}
#contenu .bandeau_actions { margin:5px 0;clear:both; }
#contenu .bandeau_actions a:hover { background: #fff; }
-#contenu .logo_titre { float: #GET{right}; margin: 5px 0; margin-#GET{left}: 5px; }
+#contenu .logo_titre { float: #ENV{right}; margin: 5px 0; margin-#ENV{left}: 5px; }
-ul.instituer { /*float: #GET{right}; */ text-align: #GET{left}; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 0; padding:5px 0; /*font-size:0.9em; */ }
+ul.instituer { /*float: #ENV{right}; */ text-align: #ENV{left}; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 0; padding:5px 0; /*font-size:0.9em; */ }
ul.instituer li { list-style: none; margin: 0; padding: 0; }
ul.instituer li ul { margin: 0; padding: 0; }
ul.instituer li ul li a { display: block; }
-ul.instituer li ul li img { margin: 1px 1px -1px; margin-#GET{right}: 5px; visibility: hidden; border: 1px solid #f8f7f3; }
+ul.instituer li ul li img { margin: 1px 1px -1px; margin-#ENV{right}: 5px; visibility: hidden; border: 1px solid #f8f7f3; }
ul.instituer li.selected img,ul.instituer li a:hover img {visibility:visible; }
ul.instituer a:hover { background: #eee; }
ul.instituer li.prepa.selected,ul.instituer li.prepa a:hover { background: #fff; }
@@ -112,13 +108,6 @@ ul.instituer li.publie.selected,ul.instituer li.publie a:hover { background: #9d
ul.instituer li.poubelle.selected,ul.instituer li.poubelle a:hover { background: #000; color: #fff;}
ul.instituer li.refuse.selected,ul.instituer li.refuse a:hover { background: #ff0000;color: #fff; }
-/** OLDIES */
-.tabs-container {background:#fff; border:none;padding-top:0;}
-.tabs-nav {display: none;}
-.fiche_objet { background:#fff;border:1px solid #ccc; padding:5px;margin-bottom:1em; margin-top: 20px;}
-#voir.tabs-container { background: #fff; padding:0; border: 0; }
-/** --- */
-.box.fiche_objet { margin-bottom:1em; /** a virer avec OLDIES : */border:none; padding:0;}
#wysiwyg .label { clear: both;color:#888;}
#wysiwyg div p { margin-top: 0; }
@@ -126,10 +115,11 @@ ul.instituer li.refuse.selected,ul.instituer li.refuse a:hover { background: #ff
#wysiwyg .contenu_ps { background:#dddddd; border:1px solid #666; padding:5px; margin:1em 0;}
#wysiwyg .contenu_ps.vide {display: none;}
#wysiwyg .contenu_ps .label {display:inline; background:none;color:#666;}
-#wysiwyg .contenu_notes { background:#fff; border-top:1px solid #666; padding-top:5px; margin:1em 0; font-size: 0.83em; line-height: 1.3em;}
-#wysiwyg .contenu_notes p { margin: 0; padding: 0; margin-top: 0.5em; margin-left: 2em; text-indent: -2em;}
+#wysiwyg .contenu_notes { background:#fff; border-top:1px solid #666; padding-top:5px; margin:1em 0; font-size: 0.9em; line-height: 1.3em;}
#wysiwyg .contenu_notes.vide {display: none;}
-#wysiwyg .contenu_notes .label {display:inline;font-weight:bold;font-size:0.9em;background:none;color:#000;}
+#wysiwyg .contenu_notes .label {display:inline;font-weight:bold;background:none;color:#000;}
+#wysiwyg .contenu_notes .notes { padding-left: 2em;}
+#wysiwyg .contenu_notes .spip_note {display:block;float:left;margin-left:-2em;}
#wysiwyg .texte {font-size:1em;}
#wysiwyg { padding:5px;}
@@ -162,4 +152,7 @@ ul.instituer li.refuse.selected,ul.instituer li.refuse a:hover { background: #ff
/* fond des miniatures de logos et documents */
.miniature_logo, .miniature_document {
background: url(#CHEMIN_IMAGE{fond-grille.gif}) top left;
-}
\ No newline at end of file
+}
+
+h2.titrem { display: block; padding-top: 6px; padding-bottom: 4px; background-repeat: no-repeat;padding-[(#ENV{left})]:16px;background-color: #ENV{claire};font-size:14px;}
+#wysiwyg { font-size: 1em; }
diff --git a/prive/themes/spip/exceptions.css.html b/prive/themes/spip/exceptions.css.html
index 38cbbf47f7..afd38ae55f 100644
--- a/prive/themes/spip/exceptions.css.html
+++ b/prive/themes/spip/exceptions.css.html
@@ -15,49 +15,44 @@
#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}}
-#SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}}
-
/* * ***************************************************/
/* directives specifiques a une page */
+#navigation .sous_navigation {margin-top:[(#ENV{margin-bottom}|mult{1.5})em]}
/* exec=admin_plugin */
.liste-plugins.formulaire_spip {border:0;background:none;padding:0;}
.liste-plugins .liens {padding:6px;background:#ddd; margin-left: -6px; margin-right: -7px;}
#liste_plugins .boutons { margin: -6px; }
.liste-plugins .liste-items {margin-left: -6px; margin-right: -6px;}
-.liste-plugins .liste-items .item {position:relative;padding-#GET{left}:76px; padding-#GET{right}: 10px;}
+.liste-plugins .liste-items .item {position:relative;padding-#ENV{left}:76px; padding-#ENV{right}: 10px;}
.liste-plugins .liste-items .item.actif {background:#eee;}
.liste-plugins .liste-items .item.actif:hover {background:#e8e8e8;}
.liste-plugins .liste-items .item.erreur {background:#fdd;}
.liste-plugins .liste-items .item.erreur .erreur {color:red;font-weight:bold;}
-.liste-plugins .liste-items .item.on {background:[#(#GET{claire}|couleur_eclaircir)];}
+.liste-plugins .liste-items .item.on {background:[#(#ENV{claire}|couleur_eclaircir)];}
.liste-plugins .liste-items .item .short {color:#666;font-size:0.95em;}
.liste-plugins .liste-items .item.on .short {display:none;}
-.liste-plugins .liste-items .item .check {float:#GET{left};margin-#GET{left}:-70px;position:relative;display:inline;}
+.liste-plugins .liste-items .item .check {float:#ENV{left};margin-#ENV{left}:-70px;position:relative;display:inline;}
.liste-plugins .liste-items .item .check input {margin:0;}
.liste-plugins .liste-items .item .check label {display:none;}
-.liste-plugins .liste-items .item .download {float:#GET{left};margin-#GET{left}:-70px;position:relative;display:inline;}
+.liste-plugins .liste-items .item .download {float:#ENV{left};margin-#ENV{left}:-70px;position:relative;display:inline;}
.liste-plugins .liste-items .item .nom {font-size:1.2em;display:inline;}
.liste-plugins .liste-items .item .nom a {color:#444;}
-.liste-plugins .liste-items .item.actif .nom a {color:#GET{foncee};}
+.liste-plugins .liste-items .item.actif .nom a {color:#ENV{foncee};}
-.liste-plugins .liste-items .item .icon {position:absolute;top:3px;#GET{left}:34px;width:32px;height:32px;overflow:hidden;}
-.liste-plugins .liste-items .item .actions {float:#GET{right};visibility:hidden;}
+.liste-plugins .liste-items .item .icon {position:absolute;top:3px;#ENV{left}:34px;width:32px;height:32px;overflow:hidden;}
+.liste-plugins .liste-items .item .actions {float:#ENV{right};visibility:hidden;}
.liste-plugins .liste-items .item:hover .actions {visibility:visible;}
.liste-plugins .liste-items .item .cfg_link { position:absolute; right:4px; top:4px; }
.liste-plugins .liste-items .item .details .desc {padding:5px 0 2px;}
.liste-plugins .liste-items .item .details .auteurs {font-style:italic;padding-bottom:5px;display:inline;}
.liste-plugins .liste-items .item .details .licence {display:inline;}
-.liste-plugins .liste-items .item .details .tech {font-size:0.9em;float:#GET{right};text-align:#GET{right};clear:#GET{left}}
+.liste-plugins .liste-items .item .details .tech {font-size:0.9em;float:#ENV{right};text-align:#ENV{right};clear:#ENV{left}}
-.install-plugins {border-bottom:1px solid #ddd;color:#555;font-size:0.95em;padding:10px;position:relative;padding-#GET{right}:150px;}
+.install-plugins {border-bottom:1px solid #ddd;color:#555;font-size:0.95em;padding:10px;position:relative;padding-#ENV{right}:150px;}
.install-plugins .ok,.install-plugins .erreur {position:absolute;top:10px;right:10px;width:130px;font-weight:bold;text-align:right;}
.install-plugins .ok {color:green;}
.install-plugins .erreur {color:red;}
@@ -66,23 +61,18 @@
.erreur_message-plugins >ul {list-style:none;}
.erreur_message-plugins .info_todo {margin:10px 0;}
-#liste_plug { border: solid 1px #GET{foncee}; padding:3px; background-color:white; height: 200px; overflow:auto;overflow-y: auto; }
-
-/* lang_raccourcis */
-#raccourcis .titrem { background: #GET{claire}; }
+#liste_plug { border: solid 1px #ENV{foncee}; padding:3px; background-color:white; height: 200px; overflow:auto;overflow-y: auto; }
/* editer_auteurs */
-.option_separateur_statut_auteur { background: #GET{claire}; }
+.option_separateur_statut_auteur { background: #ENV{claire}; }
.option_auteur { background: #e4e4e4; }
/* exec/articles */
-.articles h1 {color: #000; font-size: large; margin-top: 5px; }
-#voir .article_prop {text-align: center; font-weight: bold; font-size: small; color: red; }
/* exec/rubriques */
-#contenu div.gauche { width: 49%; float: #GET{left}; }
-#contenu div.droite { width: 49%; float: #GET{right}; }
+#contenu div.gauche { width: 49%; float: #ENV{left}; }
+#contenu div.droite { width: 49%; float: #ENV{right}; }
/* exec/auteur_infos */
.auteur .infos .statut {margin:5px 0;border-top :1px solid #eee;border-bottom :1px solid #eee;}
diff --git a/prive/themes/spip/forms.css.html b/prive/themes/spip/forms.css.html
index 3d3cf098ad..9a01f07beb 100644
--- a/prive/themes/spip/forms.css.html
+++ b/prive/themes/spip/forms.css.html
@@ -21,458 +21,202 @@
#SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
#SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
-.entete-formulaire{
- background:white;
- border:1px solid #GET{foncee};
- border-bottom:0;
- padding:0.5em;
- overflow:auto;
- zoom:1; /* correction IE6 */
-}
-.formulaire_spip .cadre{border: 1px solid #GET{foncee};}
-
/*
Note sur ecran large et etroit, en [11846]
- large = 540px (ou 600px!)
- etroit = 505px
+ large = 540px (ou 600px!)
+ etroit = 505px
*/
-/* elements du formulaire */
-.formulaire_spip input.text,
-.formulaire_spip input.password,
-.formulaire_spip textarea,
-.formulaire_spip select
-{
- /*display: block;*/
- font-size:1.05em;
- font-family: verdana;
- margin:0;
- padding: 3px;
- width: 100%;
- *width: 96%;
- box-sizing: border-box;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- -ms-box-sizing: border-box;
-}
-
-.formulaire_spip input.placeholder,
-.formulaire_spip textarea.placeholder {color:#888;}
-
-
-
-.formulaire_spip li .erreur_message {
- display: block;
- border: 1px solid #GET{claire};
- border-bottom: 0px;
- color: red;
- background-color: #fed7d7;
- padding: 3px;
- width: 100%;
- box-sizing: border-box;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- -ms-box-sizing: border-box;
-}
-
-
-.formulaire_spip .reponse_formulaire {
- border:2px solid;
- color:#333;
- font-weight: normal;
- padding:5px;
- padding-left:40px;
- min-height:24px;
- margin:1em 10px;
-}
-.formulaire_spip .reponse_formulaire_ok {
- border-color: #53AD20;
- background:#E0FFCF url(#CHEMIN_IMAGE{ok-24.png}) no-repeat 5px 5px;
-}
-.formulaire_spip .reponse_formulaire_erreur {
- border-color: #C30;
- background:#FFD0BF url(#CHEMIN_IMAGE{erreur-24.png}) no-repeat 5px 5px;
-}
-
-.error,.success,.notice {
- border:2px solid;
- color:#333;
- font-weight: normal;
- padding:5px;
- padding-left:40px;
- min-height:24px;
- margin-bottom:1em;
-}
-.success{
- border-color: #C6D880;
- background:#E6EFC2 url(#CHEMIN_IMAGE{ok-24.png}) no-repeat 5px 5px;
- color : #264409;
-}
-.error {
- border-color: #FBC2C4;
- background:#FBE3E4 url(#CHEMIN_IMAGE{erreur-24.png}) no-repeat 5px 5px;
- color : #8A1F11;
-}
-.notice {
- border-color: #FFD324;
- background:#FFF6BF url(#CHEMIN_IMAGE{warning-24.png}) no-repeat 5px 5px;
- color : #514721;
-}
-
-
-/* Explications */
-.formulaire_spip p {margin:5px 10px;}
-.formulaire_spip li .explication {
- margin: 0px;
- display: -moz-inline-box;
- display: inline-block;
- width: 100%;
- *width: 96%;
- box-sizing: border-box;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- -ms-box-sizing: border-box;
- padding: 5px;
- font-size:10px;
- background-color: #e9e9e9;
-}
-.formulaire_spip li .explication a {color:[#(#GET{foncee}|couleur_foncer)];}
-/* Remarques importantes */
-.formulaire_spip em.attention { display: block; margin: 0.5em; font-weight: normal; }
-
-
-.formulaire_spip textarea {
- padding: 10px 5px;
- overflow: auto;
- font-size: 1.05em;
-}
-.formulaire_spip input.submit,
-.formulaire_spip input.reset,
-.formulaire_spip input.button {
- width: auto;
-}
-
-/* sauf dans les petits cf. http://trac.rezo.net/trac/spip/ticket/1484 */
-.document .formulaire_spip select {
- display: inline;
- font-size:0.8em;
- margin:0;
- width: auto;
- border: 1px solid #GET{claire};
- padding: 2px;
-}
-
-/* icone d'aide */
-.formulaire_spip li em.aide {
- padding-top: 0px;
-}
-
-
-
/* Style des formulaires d'edition
----------------------------------------------- */
.formulaire_spip {
- font-size:11px;
- padding:0;
- /*clear:both;*/ /* provoque la disparition du margin-top dans XPIE8 */
-
- border: 1px solid #GET{foncee};
+ padding:0 10px;
+ border: 1px solid #ENV{foncee};
color: #333;
background-color: #f8f8f8;
- margin-top:20px;
- position:relative;
+ margin: [(#ENV{margin-bottom}|mult{1.5})em] 0;
+ position:relative; /* pour positionner le ajaxload en automatique */
}
+
.cadre-formulaire-editer .formulaire_spip { margin-top:0; }
-.cadre-formulaire { border: 1px solid #GET{foncee}; background-color: #ddd; padding: 5px; color: #444; }
-.cadre-formulaire-editer {color: #444; margin-top:20px;position:relative;}
+.cadre-formulaire-editer {color: #444; margin-top:[(#ENV{margin-bottom}|mult{1.5})em];position:relative;}
.cadre-formulaire-editer.popin {margin-top:0}
.cadre-formulaire-editer .image_loading {position:absolute;right:0;}
+.entete-formulaire{ background:white; border:1px solid #ENV{foncee}; border-bottom:0; padding:[(#ENV{margin-bottom}|div{2})em] 10px; overflow:hidden;}
+.ie6 .entete-formulaire {zoom:1; /* correction IE6 */}
+.formulaire_spip .cadre{border: 1px solid #ENV{foncee};}
-.formulaire_spip form {
- margin: 0px;
-}
+/* dans les formulaires de configuration */
+h3.titrem {position:relative;}
+.formulaire_spip h3.titrem {background-color: [#(#ENV{foncee}|couleur_eclaircir)];color: #4A4A4A;}
-/* ul li */
-.formulaire_spip ul {
- margin: 0;
- padding: 5px 0;
- list-style: none;
-}
-.formulaire_spip ul li ul {
- padding-bottom: 0px;
-}
-.formulaire_spip li {
- margin: 0;
- padding: 5px 10px;
- clear:both;
- overflow:hidden;
-}
+/* ul li -----*/
+.formulaire_spip fieldset {padding-left:10px;padding-right:10px;}
+.formulaire_spip ul {padding: [(#ENV{margin-bottom}|div{4})em] 0;}
+.formulaire_spip ul ul,.formulaire_spip .fieldset fieldset {margin:0;}
+.formulaire_spip ul,.formulaire_spip fieldset,.formulaire_spip fieldset ul, .formulaire_spip .boutons,.formulaire_spip .titrem,.formulaire_spip .legend {margin-left: -10px;margin-right: -10px;}
-/* annuler les f@@@@ div de sa majeste */
-div.edition, div.label {display:inline;}
+.formulaire_spip li {padding: [(#ENV{margin-bottom}|div{2})em] 10px;clear:both;overflow:hidden;}
-/* Formulaires alignes a gauche
-c'est le par defaut des formulaires de Spip */
+/* label -----*/
+
+/* Formulaires alignes a gauche c'est le par defaut des formulaires de Spip */
.formulaire_spip li,
-.formulaire_spip li.gauche {padding-#GET{left}:140px;}
+.formulaire_spip li.gauche {padding-#ENV{left}:140px;}
+/* et le redefaire pour les listes spip :( */
+.formulaire_spip .spip li {padding:0;clear:none;overflow:visible;}
.formulaire_spip li label,
.formulaire_spip li.gauche label {
+ color: #4444;
width: 114px;
- float:#GET{left};
- margin-#GET{left}:-130px;
- text-align: #GET{left};
+ float:#ENV{left};
+ margin-#ENV{left}:-130px;
+ text-align: #ENV{left};
/*vertical-align: top;*/
- /* for IE 6*/
- position:relative;
- display:inline;
-
- color: #4444;
- line-height: 11px;
- font-family: verdana, arial, helvetica, sans;
-
- padding-top: 4px;
- padding-bottom: 6px;
-}
-
-.formulaire_spip li.long_label {padding-#GET{left}:270px;}
-.formulaire_spip .long_label label {
- width: 250px;
- margin-#GET{left}:-260px;
-}
-
-.formulaire_spip ul>li label,
-.formulaire_spip ul>li.gauche label {
- display:block;
- position:static;
-}
-
-.formulaire_spip li.obligatoire label,
-.formulaire_spip li.obligatoire.gauche label {
- color: black;
- font-weight: bold;
}
+.ie6 .formulaire_spip li label,.ie6 .formulaire_spip li.gauche label {position:relative;display:inline;}
+.formulaire_spip .long_label {padding-#ENV{left}:270px;}
+.formulaire_spip .long_label label {width: 250px;margin-#ENV{left}:-260px;}
/* Formulaires avec label en haut */
/* les cas particuliers des edition pleines largeur */
-.formulaire_spip li.editer_parent,
-.formulaire_spip li.editer_groupe_mot,
-.formulaire_spip li.editer_descriptif,
-.formulaire_spip li.editer_chapo,
-.formulaire_spip li.editer_texte,
-.formulaire_spip li.editer_ps,
-.formulaire_spip li.editer_url_zip_plugin2,
-.formulaire_spip li.haut {
-padding-#GET{left}:10px;
-padding-top:10px;
-}
+.formulaire_spip .editer_parent,
+.formulaire_spip .editer_groupe_mot,
+.formulaire_spip .editer_descriptif,
+.formulaire_spip .editer_chapo,
+.formulaire_spip .editer_texte,
+.formulaire_spip .editer_ps,
+.formulaire_spip .haut,
+.formulaire_spip .pleine_largeur { padding-#ENV{left}:10px;}
+
+.formulaire_spip .editer_parent label,
+.formulaire_spip .editer_groupe_mot label,
+.formulaire_spip .editer_descriptif label,
+.formulaire_spip .editer_chapo label,
+.formulaire_spip .editer_texte label,
+.formulaire_spip .editer_ps label,
+.formulaire_spip .haut label,
+.formulaire_spip .pleine_largeur label {display: block;float: none;width:auto;margin-#ENV{left}: 0;}
-.formulaire_spip li.editer_parent label,
-.formulaire_spip li.editer_groupe_mot label,
-.formulaire_spip li.editer_descriptif label,
-.formulaire_spip li.editer_chapo label,
-.formulaire_spip li.editer_texte label,
-.formulaire_spip li.editer_ps label,
-.formulaire_spip li.editer_url_zip_plugin2 label,
-.formulaire_spip li.haut label {
- display: block;
- float: #GET{left};
- width:auto;
- margin: 0px;
- padding-top: 5px;
- padding-bottom: 10px;
- padding-#GET{right}: 5px;
- font-family: verdana, arial, helvetica, sans;
- color: #444444;
- line-height: 11px;
-}
+.formulaire_spip li.obligatoire label,
+.formulaire_spip li.obligatoire.gauche label {color: black;font-weight: bold;}
-.formulaire_spip li.editer_parent.obligatoire label,
-.formulaire_spip li.editer_groupe_mot.obligatoire label,
-.formulaire_spip li.editer_descriptif.obligatoire label,
-.formulaire_spip li.editer_chapo.obligatoire label,
-.formulaire_spip li.editer_texte.obligatoire label,
-.formulaire_spip li.editer_ps.obligatoire label,
-.formulaire_spip li.editer_url_zip_plugin2.obligatoire label,
-.formulaire_spip li.haut.obligatoire label {
- color: black;
-}
+/* cas exotique d'un label dans une erreur (ie confirmez que vous etes sur ) */
+.formulaire_spip .erreur_message label { float:none;display:inline;font-weight:normal;margin-#ENV{left}: 0;}
-.formulaire_spip li.editer_parent textarea,
-.formulaire_spip li.editer_parent select,
-.formulaire_spip li.editer_groupe_mot select,
-.formulaire_spip li.editer_descriptif textarea,
-.formulaire_spip li.editer_chapo textarea,
-.formulaire_spip li.editer_texte textarea,
-.formulaire_spip li.editer_texte .spip_barre,
-.formulaire_spip li.editer_ps textarea,
-.formulaire_spip li.haut textarea,
-.formulaire_spip li.haut select,
-.formulaire_spip li.haut input,
-.formulaire_spip li.editer_descriptif .erreur_message,
-.formulaire_spip li.editer_chapo .erreur_message,
-.formulaire_spip li.editer_texte .erreur_message,
-.formulaire_spip li.editer_ps .erreur_message,
-.formulaire_spip li.haut .erreur_message {
- clear:#GET{left};
-}
-
-.formulaire_spip li .erreur_message label {
- float:none;
- margin:0;
- padding:0;
- display:inline;
- background:none;
- font-weight:normal;
-}
+/* elements du formulaire */
+.formulaire_spip input.text,
+.formulaire_spip input.password,
+.formulaire_spip textarea,
+.formulaire_spip select { font-size:1em;padding: 3px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;-ms-box-sizing: border-box;}
-/* Formulaires obligatoires */
-.formulaire_spip li.obligatoire input.text {
- font-weight: bold;
- font-size: 1.1em;
-}
+.ie6 .formulaire_spip input.text,
+.ie6 .formulaire_spip input.password,
+.ie6 .formulaire_spip textarea,
+.ie6 .formulaire_spip select { width: 96%;}
+.formulaire_spip input.text,
+.formulaire_spip input.password,
+.formulaire_spip select { font-size: inherit;font-family:inherit}
+.formulaire_spip textarea {padding: [(#ENV{margin-bottom}|div{4})em] 5px;overflow: auto;font-size: inherit;font-family:inherit;line-height: inherit;}
-/* Fieldset */
+.formulaire_spip input.placeholder,
+.formulaire_spip textarea.placeholder {color:#888;}
+.formulaire_spip li.obligatoire input.text {font-weight: bold;}
-.formulaire_spip li.fieldset {padding:0;}
-.formulaire_spip fieldset {
- margin: 5px 0 0px;
- padding: 0px 0 10px 0;
- border: 0;
- width:auto;
- border-top: 1px solid #ccc;
-}
-.formulaire_editer_article li.editer_liens_sites {
- border-bottom: 1px solid #ccc;
-}
+.formulaire_spip .erreur {background-color:#FBE3E4;}
+.formulaire_spip li .erreur_message { display: block;color: #8A1F11;font-weight:bold;}
+.formulaire_spip .erreur input.text,
+.formulaire_spip .erreur input.password,
+.formulaire_spip .erreur textarea {border:2px solid #FBC2C4;}
-.formulaire_spip h3.legend,
-.formulaire_spip legend
- {
- display: block;
- margin: 0px;
- padding-top: 7px;
- padding-bottom: 7px;
- background-color: #eee;
- padding-#GET{left}: 10px;
- padding-#GET{right}: 5px;
- font-family: verdana, arial, helvetica, sans;
- color: black;
- font-weight: normal;
- font-size: 0.95em;
- line-height: 11px;
-}
+/* sous choix */
+.formulaire_spip .choix label {font-weight:normal;text-transform: none;float:none;display:inline;margin-#ENV{left}: 5px;color: #666666;}
+.formulaire_spip .choix .radio,
+.formulaire_spip .choix .checkbox {width:auto;}
-.formulaire_spip fieldset li label {
- color: #444444;
-}
-.formulaire_spip fieldset li input.text, .formulaire_spip fieldset li textarea.textarea {
- border: 1px solid #aaaaaa;
-}
+/* reponses succes/erreur */
+.formulaire_spip .reponse_formulaire,
+.error,.success,.notice {border:2px solid;color:#333;font-weight: normal;padding:[(#ENV{margin-bottom}|div{2})em] 10px;padding-left:40px;min-height:24px;background-repeat:no-repeat;background-position: 2px 5px;margin-bottom:#ENV{margin-bottom};}
+.formulaire_spip .reponse_formulaire_ok, .success {color: #264409;border-color: #C6D880;background-color:#E6EFC2;background-image:url(#CHEMIN_IMAGE{ok-24.png});}
+.formulaire_spip .reponse_formulaire_erreur, .error {color: #8A1F11;border-color: #FBC2C4;background-color:#FBE3E4;background-image:url(#CHEMIN_IMAGE{erreur-24.png});}
+.notice {color: #514721;border-color: #FFD324;background-color:#FFF6BF;background-image:url(#CHEMIN_IMAGE{warning-24.png});}
-/* Extra */
+/* Explications */
+.formulaire_spip p {}
+.formulaire_spip .explication {display:block;padding: 5px;background-color: #e9e9e9;margin:0;}
+.formulaire_spip li .explication a {}
-.formulaire_spip extra {
- margin: 0px;
- padding: 0px;
- border: 0px;
-}
+/* Remarques importantes */
+.formulaire_spip .attention { display: block; margin-bottom: #ENV{margin-bottom}; font-weight: normal; }
-/* boutons */
-.formulaire_spip .boutons {
- [background-color: #(#GET{claire}|couleur_eclaircir);]
- [border-top: 1px solid (#GET{claire});]
- margin:0;
- clear:both;
- text-align: #GET{right};
- padding: 7px 1em;
-}
-#navigation .formulaire_spip .boutons,#navigation .boutons_formulaire,
-#extra .formulaire_spip .boutons,#extra .boutons_formulaire {
- padding: 5px;
+.formulaire_spip input.submit,
+.formulaire_spip input.reset,
+.formulaire_spip input.button {
+ width: auto;
}
-.formulaire_spip .boutons .image_loading {float:none;}
+/* icone d'aide */
+.formulaire_spip li .aide {padding-top: 0px;}
+/* Fieldset */
+.formulaire_spip li.fieldset {padding:0;}
+.formulaire_spip fieldset {border: 0;width:auto;border-top: 1px solid #ccc;margin-top: [(#ENV{margin-bottom}|div{4})em];padding-bottom:[(#ENV{margin-bottom}|div{4})em];}
-/*
-.cadre-formulaire{background:white;padding:0;}
-.entete-formulaire{padding:0.5em;}
-*/
+.formulaire_spip h3.legend,
+.formulaire_spip legend {display: block;padding-top: 7px;padding-bottom: 7px;background-color: #eee;color: black;font-weight: normal;padding-#ENV{left}: 10px;padding-#ENV{right}: 5px;}
+.formulaire_spip li fieldset label {color: #444444;}
+.formulaire_spip li fieldset input.text, .formulaire_spip li fieldset textarea.textarea {border: 1px solid #aaaaaa;}
-.formulaire_spip li.editer_identification fieldset{
- [background-color: #(#GET{claire}|couleur_eclaircir|couleur_eclaircir);]
-}
+/* boutons */
+.formulaire_spip .boutons { margin-bottom:0;clear:both;padding: [(#ENV{margin-bottom}|div{2})em] 10px;text-align: #ENV{right};background-color: #[(#ENV{claire}|couleur_eclaircir)];border-top: 1px solid [(#ENV{claire})];}
-.formulaire_spip li.editer_identification em.attention {
- clear: #GET{left};
- margin-left: 10px;
- margin-right: 10px;
- border: 1px solid red;
- color: red;
- background-color: white;
- font-style: normal;
- padding: 5px;
-}
+#navigation .formulaire_spip .boutons,
+#extra .formulaire_spip .boutons { padding: [(#ENV{margin-bottom}|div{4})em] 5px}
+.formulaire_spip .boutons .image_loading {float:none;}
+/* Bouton de validation */
+input[type="file"] {border: none;background-color: transparent;}
+/* Pour IE, qui grossit le bouton submit */
+input[type="submit"] {font-size: inherit;}
-.formulaire_spip li.editer_parent,
-.formulaire_spip li.editer_groupe_mot,
-.formulaire_editer_auteur li.editer_statut {
- background-color: [#(#ENV{couleur_claire}|couleur_eclaircir)];
- margin-top:5px;
- padding-bottom:10px;
-}
-.formulaire_spip li.editer_parent .rubrique_actuelle {clear:#GET{left};}
-.formulaire_editer_auteur li.editer_statut { padding-top:10px;}
-.formulaire_editer_auteur li.editer_statut .instituer_auteur {margin-#GET{left}:-130px;margin-top:10px;}
-.formulaire_editer_auteur li.editer_statut .rubriques_restreintes > p {margin-#GET{left}:0;margin-bottom:0;margin-top:10px;}
-.formulaire_editer_auteur li.editer_statut .rubriques_restreintes > ul li {padding:0;}
-.formulaire_editer_auteur li.editer_statut .rubriques_restreintes > ul li label {margin:0;display:inline;float:none;}
+/*
+ * Formulaires compactes en colonnes laterales
+ */
+.lat .formulaire_spip,.lat .formulaire_spip fieldset {padding:0 5px;}
+.lat .formulaire_spip ul,.lat .formulaire_spip fieldset,.lat .formulaire_spip .boutons,.lat .formulaire_spip .titrem,.lat .formulaire_spip .legend {margin-left: -5px;margin-right: -5px;}
-.formulaire_spip li.editer_groupe_mots_associer,
-.formulaire_spip li.editer_groupe_mots_reglage_avance,
-.formulaire_spip li.editer_groupe_mots_editeur {
- padding-#GET{left}: 10px;
-}
+.lat .formulaire_spip {}
+.lat .formulaire_spip h3.titrem {font-size:1em;/*padding:[(#ENV{margin-bottom}|div{4})em] 5px;*/}
+.lat .formulaire_spip li {padding: [(#ENV{margin-bottom}|div{4})em] 5px;}
+
+.lat .formulaire_spip li label {text-transform: none;color: #444444;display:block;font-weight: normal;float:none;padding: 0;margin-#ENV{left}:0;}
+.lat .formulaire_spip select { width:auto;padding:1px 0;}
+.lat .formulaire_spip input {padding: 1px 0;}
+.lat .formulaire_spip textarea {padding: 2px;}
-/* Inscription du flux RSS */
-.formulaire_spip li.editer_referencement_automatise {
- border-top: 0px;
- [background-color: (#GET{foncee});]
- margin-bottom: 10px;
-}
-.formulaire_spip li.editer_referencement_automatise fieldset {
- padding: 0px;
- border-bottom: 1px solid #GET{foncee};
-}
-.formulaire_spip li.editer_referencement_automatise fieldset li {
- padding-#GET{left}: 10px;
-}
-.formulaire_spip li.editer_referencement_automatise p.explication {
- width: auto;
- border: 0px;
-}
-.formulaire_spip li.editer_syndication {
- padding-#GET{left}: 10px;
-}
+/* Champs particuliers, trans-forms */
+.formulaire_spip .editer_parent,
+.formulaire_spip .editer_groupe_mot,
+.formulaire_editer_auteur .editer_statut {background-color: [#(#ENV{couleur_claire}|couleur_eclaircir)];margin-top:5px;padding-bottom:[(#ENV{margin-bottom}|div{2})em];}
+.formulaire_spip .editer_parent .rubrique_actuelle {clear:#ENV{left};}
.formulaire_spip li.editer_parent label,
.formulaire_spip li.editer_groupe_mot label {
@@ -481,155 +225,57 @@ padding-top:10px;
}
-/* barre typo */
-
-.formulaire_spip table.spip_barre {
- [background-color: (#GET{claire});]
- width: 97.4%;
- padding: 5px;
- padding-bottom: 0px;
- clear:both;
-}
-.formulaire_spip table.spip_barre tr {
- width: 98%;
-}
-.formulaire_spip table.spip_barre a img {
- [(#EVAL{_DIR_IMG_PACK}|concat{fond-fondo.gif}|background_image{[(#ENV{couleur_claire}|couleur_eclaircir)], center center })]
- padding: 3px; border: 1px outset #GET{claire};
-}
-.formulaire_spip table.spip_barre a:hover img { background: #fff; border: 1px solid #cc9; }
-.formulaire_spip table.spip_barre input.barre { width: 99%; background: transparent; border: 0; color: #f57900; }
-
-
-.formulaire_spip li.editer_parent .choix label,
-.formulaire_spip .choix label{
- float:none;
- display:inline;
- margin-#GET{left}: 5px;
- font-weight:normal;
- text-transform: none;
- font-size: 1em;
- background: none;
- padding: 0px;
- color: #666666;
-}
-.formulaire_spip .choix input.radio,
-.formulaire_spip .choix input.checkbox {width:auto;}
-
-
-
-
-/*
- * Formulaires compactes
- */
-
-.formulaire_spip_compact, #navigation .formulaire_spip,#extra .formulaire_spip{
- margin-top: 20px;
-}
-.formulaire_spip_compact ul li,
-#navigation .formulaire_spip li,#extra .formulaire_spip li {
- padding: 2px 5px !important;
-}
-
-.formulaire_spip_compact li label,
-.formulaire_spip_compact li.editer_descriptif label,
-#navigation .formulaire_spip li label,#extra .formulaire_spip li label {
- text-transform: none;
- color: #444444;
-
- -moz-display: inline-box;
- display: inline-block;
- font-weight: normal;
- float:none;
-
- padding: 0;
- padding-top: 3px;
- padding-bottom: 3px;
- margin-#GET{left}:0;
-}
-
-.formulaire_spip_compact select,#navigation .formulaire_spip select,#extra .formulaire_spip select { font-size: 0.95em; width:auto;padding:1px 0;}
-.formulaire_spip_compact input,#navigation .formulaire_spip input,#extra .formulaire_spip input {
- padding: 1px 0;
- font-size: 0.95em;
-}
-.formulaire_spip_compact textarea, #navigation .formulaire_spip textarea, #extra .formulaire_spip textarea {
- padding: 2px;
- font-size: 0.95em;
-}
-
-/* Bouton de validation */
-
-input[type="file"] {
- border: none;
- background-color: transparent;
-}
-/* Pour IE, qui grossit le bouton submit */
-input[type="submit"] {
- font-size: 1em;
-}
-
-
-.formulaire_spip ul.spip,.formulaire_spip ol.spip {
- margin:10px 0;
- margin-#GET{left}: 10px;
- list-style-type: disc;
- list-style-position: outside;
-}
-.formulaire_spip ol.spip {
- list-style-type: decimal;
-}
+/* Formulaires particuliers ----------------------------------------------------------------*/
+.formulaire_editer_article li.editer_liens_sites {border-bottom: 1px solid #ccc;}
-.formulaire_spip ul.spip li,.formulaire_spip ol.spip li {
- margin-#GET{left}: 10px;
- padding: 0;
- overflow:visible;
-}
-
-/* Cas particuliers */
-/* dans les formulaires de configuration */
-h3.titrem {position:relative;}
-.formulaire_spip h3.titrem,#navigation .formulaire_spip h3.titrem,#extra .formulaire_spip h3.titrem {background-color: [#(#GET{foncee}|couleur_eclaircir)];color: #4A4A4A;}
+/* edition d'un auteur */
+.formulaire_editer_auteur .editer_identification fieldset{[background-color: #(#ENV{claire}|couleur_eclaircir|couleur_eclaircir);]}
+.formulaire_editer_auteur li.editer_statut { padding-top:10px;}
+.formulaire_editer_auteur li.editer_statut .instituer_auteur {margin-#ENV{left}:-130px;margin-top:10px;}
+.formulaire_editer_auteur li.editer_statut .rubriques_restreintes > p {margin-#ENV{left}:0;margin-bottom:0;margin-top:10px;}
+.formulaire_editer_auteur li.editer_statut .rubriques_restreintes > ul li {padding:0;}
+.formulaire_editer_auteur li.editer_statut .rubriques_restreintes > ul li label {margin:0;display:inline;float:none;}
.formulaire_spip .toggle_box_link {position:absolute;top:5px;right:5px;}
+
.formulaire_editer_logo {}
-.formulaire_editer_logo .titrem {font-size: 1.1em;}
#navigation .formulaire_editer_logo .apercu,#navigation .formulaire_editer_logo .ajouter_survol {text-align: center;}
.formulaire_editer_logo .taille {font-size: 0.9em;}
.formulaire_configurer_multilinguisme #langues_bloquees li,
-.formulaire_configurer_multilinguisme #langues_proposees li { padding:0 5px;margin-#GET{right}:10px;float:#GET{left};width:45%;clear:none;}
+.formulaire_configurer_multilinguisme #langues_proposees li { padding:0 5px;margin-#ENV{right}:10px;float:#ENV{left};width:45%;clear:none;}
.formulaire_configurer_multilinguisme .traduite label {text-decoration:underline;}
-.formulaire_configurer_multilinguisme #langues_bloquees label {color: #GET{foncee};font-weight: bold; }
+.formulaire_configurer_multilinguisme #langues_bloquees label {color: #ENV{foncee};font-weight: bold; }
/* config/reducteur */
-.formulaire_configurer_reducteur .vignette_reducteur {text-align: center; float: #GET{left};padding:2px; border:2px solid #ddd; width:154px;padding-top:150px;margin:2px;background-position: top center;background-repeat: no-repeat;}
+.formulaire_configurer_reducteur .vignette_reducteur {text-align: center; float: #ENV{left};padding:2px; border:2px solid #ddd; width:154px;padding-top:150px;margin:2px;background-position: top center;background-repeat: no-repeat;}
.formulaire_configurer_reducteur .vignette_reducteur:hover {border-color:#bbb;background-color:#ddd;}
-.formulaire_configurer_reducteur .vignette_reducteur.on { font-weight: bold; border:2px solid #GET{claire};background-color:#fff; }
-.formulaire_configurer_reducteur .vignette_reducteur.on:hover {border-color:#GET{foncee};}
+.formulaire_configurer_reducteur .vignette_reducteur.on { font-weight: bold; border:2px solid #ENV{claire};background-color:#fff; }
+.formulaire_configurer_reducteur .vignette_reducteur.on:hover {border-color:#ENV{foncee};}
/* dater */
.formulaire_dater li {padding-bottom:0;padding-top:0;}
-.formulaire_dater li label {font-weight: bold;text-transform: uppercase;padding-top:0;}
+.formulaire_dater li label {font-weight: bold;text-transform: uppercase;font-size:0.9em;}
+.formulaire_dater .aide {float:#GET{right}}
.formulaire_dater .affiche {font-weight: bold;text-transform: uppercase;}
/* editer_liens */
-.formulaire_editer_liens .liste-objets {border:0;}
-.formulaire_editer_liens .liste-objets-associer .caption span.recherche {float:#GET{right};margin-top:-5px;}
+.formulaire_editer_liens .liste-objets {border:0;margin-left:-10px;margin-right:-10px;}
+.formulaire_editer_liens .liste-objets-associer .caption span.recherche {float:#ENV{right};margin-top:-5px;}
.formulaire_editer_liens .liste-objets-lies {margin-bottom: 0;}
.formulaire_editer_liens .selecteur > .titrem {margin-bottom:0;}
.formulaire_editer_liens .selecteur .tout_voir {visibility:hidden;}
.formulaire_editer_liens .selecteur.filtre .tout_voir {visibility:visible;}
.formulaire_editer_liens.non_editable input,.formulaire_editer_liens.non_editable button {display:none;}
-.formulaire_editer_liens .action {text-align: #GET{right};}
-.formulaire_editer_liens .liste-objets tr > .action {text-align: #GET{right};width:120px;}
-.formulaire_editer_liens .liste-objets tr > .action button img {float:#GET{right};margin-#GET{left}:5px;}
+.formulaire_editer_liens .action {text-align: #ENV{right};}
+.formulaire_editer_liens .liste-objets tr > .action {text-align: #ENV{right};width:120px;}
+.formulaire_editer_liens .liste-objets tr > .action button img {float:#ENV{right};margin-#ENV{left}:5px;}
.formulaire_editer_liens .associer_mot.obligatoire.nonvu {background-color:#FFCDAF;}
.formulaire_editer_liens .associer_mot select,.formulaire_editer_liens .associer_mot input.text {width:75%;}
-.formulaire_editer_liens .associer_mot .submit {float:#GET{right};font-weight:normal;}
+.formulaire_editer_liens .associer_mot .submit {float:#ENV{right};font-weight:normal;}
/* retour visuel a la suppression et a l'ajout */
.remove {background-color:#FFD0BF;}
@@ -637,24 +283,32 @@ h3.titrem {position:relative;}
/* formulaire de recherche : */
/* version old style */
-.spip_recherche { float: [(#GET{right})]; border:0;background:none;}
-.spip_recherche .recherche { float:[(#GET{left})];padding:3px;padding-#GET{right}:30px;width: 186px;font-size: 10px; border: 1px solid #fff; background-color: #GET{foncee}; color: #fff; margin: 0 0 6px; }
-.spip_recherche .submit {float: [(#GET{left})];margin-#GET{left}:-24px;margin-top:1px;}
+.spip_recherche { float: [(#ENV{right})]; border:0;background:none;}
+.spip_recherche .recherche { float:[(#ENV{left})];padding:3px;padding-#ENV{right}:30px;width: 186px;/*font-size: 10px;*/ border: 1px solid #fff; background-color: #ENV{foncee}; color: #fff; margin: 0 0 6px; }
+.spip_recherche .submit {float: [(#ENV{left})];margin-#ENV{left}:-24px;margin-top:1px;}
/* version moderne */
-.formulaire_spip.formulaire_recherche { float: [(#GET{right})]; border:0;background:none;border: 1px solid #fff; background-color: [#(#GET{foncee}|couleur_foncer)]; margin: 0 0 6px;position:relative;}
+.formulaire_spip.formulaire_recherche { float: [(#ENV{right})]; border:0;background:none;border: 1px solid #fff; background-color: [#(#ENV{foncee}|couleur_foncer)]; margin: 0 0 6px;position:relative;padding:0;}
.box_mediabox .formulaire_spip.formulaire_recherche {z-index:1} /* focus dans la mediabox */
-.formulaire_spip.formulaire_recherche .text{ float:[(#GET{left})];padding:3px;width: 200px;background-color:#GET{foncee};border:none;border-right:1px solid #fff;font-size: 10px; color: #fff; margin:0;min-height:20px;}
+.formulaire_spip.formulaire_recherche .text{ float:[(#ENV{left})];padding:3px;width: 200px;background-color:#ENV{foncee};border:none;border-right:1px solid #fff;/*font-size: 10px;*/ color: #fff; margin:0;min-height:20px;}
.lte8 .formulaire_spip.formulaire_recherche .text {min-height:14px} /* IE<=8 ne supporte pas -ms-box-sizing:border-box; */
-.formulaire_spip.formulaire_recherche .text.cancelable {padding-#GET{left}:20px}
+.formulaire_spip.formulaire_recherche .text.cancelable {padding-#ENV{left}:20px}
.formulaire_spip.formulaire_recherche .text::-webkit-input-placeholder { color:#eee; }
.formulaire_spip.formulaire_recherche .text:-moz-placeholder { color:#eee; }
.formulaire_spip.formulaire_recherche .text.placeholder { color:#eee; }
-.formulaire_spip.formulaire_recherche .cancel {float: [(#GET{left})];line-height:1px;position:absolute;top:2px;left:2px;}
+.formulaire_spip.formulaire_recherche .cancel {float: [(#ENV{left})];line-height:1px;position:absolute;top:2px;left:2px;}
.formulaire_spip.formulaire_recherche label {display:none;}
-.formulaire_spip.formulaire_recherche .submit,.formulaire_spip.formulaire_recherche .image {float: [(#GET{left})];margin-top:0px;padding:0 2px;}
+.formulaire_spip.formulaire_recherche .submit,.formulaire_spip.formulaire_recherche .image {float: [(#ENV{left})];margin-top:0px;padding:0 2px;}
/* formulaire_traduire */
.formulaire_traduire .liste-objets {margin-top:0;}
.formulaire_traduire .liste-objets .first_row {display:none;}
-.formulaire_traduire .supprimer_trad {float:#GET{right};}
\ No newline at end of file
+.formulaire_traduire .supprimer_trad {float:#ENV{right};}
+
+/* les boutons action */
+form.bouton_action_post, form.bouton_action_post div {display:inline;}
+form.bouton_action_post.link button.submit, .formulaire_spip .boutons input.link,.formulaire_spip button.link {margin:0;font-weight:normal;}
+
+.formulaire_spip button {cursor:pointer;}
+form.bouton_action_post.link button.submit, .formulaire_spip .boutons input.link,.formulaire_spip button.link {background:none;border:0;cursor:pointer;padding:0 0 1px;}
+form.bouton_action_post.link button.submit:hover, .formulaire_spip .boutons input.link:hover,.formulaire_spip button.link:hover {border-bottom:1px solid;padding:0;}
diff --git a/prive/themes/spip/grids.css.html b/prive/themes/spip/grids.css.html
index 3535d20f36..279ba7edb7 100644
--- a/prive/themes/spip/grids.css.html
+++ b/prive/themes/spip/grids.css.html
@@ -16,13 +16,10 @@
#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
#HTTP_HEADER{Vary: Accept-Encoding}
-#SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
-#SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
-
/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; }
-.unit{float:#GET{left};_zoom:1;}
-.unitExt{float:#GET{right};}
+.unit{float:#ENV{left};_zoom:1;}
+.unitExt{float:#ENV{right};}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
diff --git a/prive/themes/spip/icons.css.html b/prive/themes/spip/icons.css.html
index 63b1e01fef..edc0d944af 100644
--- a/prive/themes/spip/icons.css.html
+++ b/prive/themes/spip/icons.css.html
@@ -15,39 +15,35 @@
#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}}
-#SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}}
+#SET{iconfontsize,0.9em}
/* * Style des icones */
/* structure html : <span class="icone danger horizontale s24 left"><a><img><b>texte</b></span> */
-.icone { display:block; margin:0;padding:0;text-align: center; font-size: 10px;}
+.icone { display:block; margin:0;padding:0;text-align: center; /*font-size: 10px;*/}
.icone a,.icone .submit {display:block;margin:0 auto;width:72px;padding: 5px 0;border:0;cursor:hand;cursor:pointer; }
.icone a:hover {text-decoration:none;}
-.icone a img,.icone .submit img {margin: 0 auto; display: inline; padding: 4px; background-color: #eee; border: 2px solid #GET{foncee}; }
+.icone a img,.icone .submit img {margin: 0 auto; display: inline; padding: 4px; background-color: #eee; border: 2px solid #ENV{foncee}; }
.icone a:hover img,.icone .submit:hover img { background-color: #fff; border-color: #666; }
-.icone a b,.box .icone a b,.icone .submit b,.box .icone .submit b { font-weight: bold; color: #GET{foncee}; display: block; margin: 2px auto; width: 100%; height: 3em; }
+.icone a b,.box .icone a b,.icone .submit b,.box .icone .submit b { font-weight: bold; color: #ENV{foncee}; display: block; margin: 2px auto; width: 100%; font-size:#GET{iconfontsize};height: [(#ENV{line-height}|mult{2}|div{#GET{iconfontsize}})em];line-height:1; }
.icone a:hover b,.icone .submit:hover b { color: #000;}
/*form.bouton_action_post.icone,form.bouton_action_post.icone div,form.bouton_action_post.icone .submit {display:block;}*/
/* alignement */
-.icone.left {float:#GET{left};}
-.icone.right {float:#GET{right};}
+.icone.left {float:#ENV{left};}
+.icone.right {float:#ENV{right};}
.icone.center a,.icone.center .submit {margin:0 auto;}
-.icone.clearleft {clear:#GET{left};}
-.icone.clearright {clear:#GET{right};}
+.icone.clearleft {clear:#ENV{left};}
+.icone.clearright {clear:#ENV{right};}
/* icone horizontale */
-.icone.horizontale { display:block; clear: both;position:relative;margin:0;padding:2px;text-align: #GET{left};padding-#GET{left}:32px;}
+.icone.horizontale { display:block; clear: both;position:relative;margin:0;padding:2px;text-align: #ENV{left};padding-#ENV{left}:32px;}
.icone.horizontale a,.icone.horizontale .submit {display:inline;width:auto;padding:0;}
/* pour les navigateurs modernes */
.icone.horizontale a,.icone.horizontale .submit {display:table-cell;vertical-align:middle;height:28px;}
-.icone.horizontale.right {text-align: #GET{right};padding-#GET{right}:32px;padding-#GET{left}:2px;}
-.icone.horizontale a img,.icone.horizontale .submit img {padding:0;border:0;background:none;position:absolute;#GET{left}:4px;top:50%;margin-top:-12px;}
+.icone.horizontale.right {text-align: #ENV{right};padding-#ENV{right}:32px;padding-#ENV{left}:2px;}
+.icone.horizontale a img,.icone.horizontale .submit img {padding:0;border:0;background:none;position:absolute;#ENV{left}:4px;top:50%;margin-top:-12px;}
.icone.horizontale a b,.icone.horizontale .submit b {color:#666;display:inline;}
.icone.horizontale a:hover b,.icone.horizontale .submit:hover b { color: #000;}
@@ -57,7 +53,7 @@
.icones_texte .icone.horizontale {padding:2px;}
.icones_texte .icone.horizontale a,.icones_texte .icone.horizontale .submit {display:block;padding:7px;height:auto;color: #606060;border: 1px solid #ddd; background-color: #f0f0f0;}
-.icones_texte .icone.horizontale a:hover,.icones_texte .icone.horizontale .submit:hover { text-decoration: none; color: #000; border-#GET{right}: solid 1px #fff; border-bottom: solid 1px #fff; border-#GET{left}: solid 1px #666; border-top: solid 1px #666; background-color: #eee; }
+.icones_texte .icone.horizontale a:hover,.icones_texte .icone.horizontale .submit:hover { text-decoration: none; color: #000; border-#ENV{right}: solid 1px #fff; border-bottom: solid 1px #fff; border-#ENV{left}: solid 1px #666; border-top: solid 1px #666; background-color: #eee; }
/* danger */
.icone.danger {background:none;}
@@ -74,7 +70,7 @@
.icone.verticale.suivi-forum-24 { width: 100px; }
/* icone en bord haut du cadre */
-.cadre-icone {position: absolute; top: -16px; #GET{left}: 10px;z-index:1;}
+.cadre-icone {position: absolute; top: -16px; #ENV{left}: 10px;z-index:1;}
/* barre onglet historique
@@ -90,37 +86,37 @@
display:inline-block;
zoom:1;
*display:inline;
- margin:0 auto;text-align:#GET{left};padding:0;list-style:none;}
-.barre_onglet li {float:#GET{left};border: 1px solid #GET{foncee};margin:0;padding:0;margin-#GET{right}: 3px;position:relative;list-style:none;}
+ margin:0 auto;text-align:#ENV{left};padding:0;list-style:none;}
+.barre_onglet li {float:#ENV{left};border: 1px solid #ENV{foncee};margin:0;padding:0;margin-#ENV{right}: 3px;position:relative;list-style:none;}
.barre_onglet .cadre-icone {top:-8px;left:4px;}
-.barre_onglet a,.barre_onglet strong {display:block;font-weight: bold;padding: 5px;text-decoration: none;padding-#GET{left}:32px;background-color:#fff;}
-.barre_onglet strong {background-color: #GET{foncee}; color: #fff;}
-.barre_onglet a:hover {background-color: #GET{claire}; color: #fff;text-decoration: none;}
+.barre_onglet a,.barre_onglet strong {display:block;font-weight: bold;padding: 5px;text-decoration: none;padding-#ENV{left}:32px;background-color:#fff;}
+.barre_onglet strong {background-color: #ENV{foncee}; color: #fff;}
+.barre_onglet a:hover {background-color: #ENV{claire}; color: #fff;text-decoration: none;}
/* onglets simple 1er et second niveau
<div class='onglets_simple clearfix'><ul><li><strong></strong></li><li><a></a></li></ul></div>
<div class='onglets_simple second clearfix'><ul><li><strong></strong></li><li><a></a></li></ul></div>
*/
-.onglets_simple { margin:1em 0;clear:#GET{left};border-bottom:1px solid #GET{foncee};padding-#GET{left}:5px;}
+.onglets_simple { margin:1em 0;clear:#ENV{left};border-bottom:1px solid #ENV{foncee};padding-#ENV{left}:5px;}
.onglets_simple ul {list-style:none;margin-left:1px;padding:0;}
.onglets_simple ul li {float:left;padding:0;margin:0;margin-bottom:-1px;}
-.onglets_simple ul li strong,.onglets_simple ul li a {display:block;float:#GET{left};padding:4px 7px;border:1px solid #GET{foncee};margin-#GET{left}:5px;background-color:#eee;background-position:center left;background-repeat:no-repeat;}
+.onglets_simple ul li strong,.onglets_simple ul li a {display:block;float:#ENV{left};padding:4px 7px;border:1px solid #ENV{foncee};margin-#ENV{left}:5px;background-color:#eee;background-position:center left;background-repeat:no-repeat;}
.onglets_simple ul li strong,.onglets_simple ul li a:hover {background-color:#f8f7f3;}
.onglets_simple ul li a:hover {cursor:hand;cursor:pointer;}
.onglets_simple ul li strong {border-bottom:1px solid #f8f7f3;color:#555;}
-.onglets_simple.second {font-size:0.9em;border:0;padding-#GET{left}:0;}
-.onglets_simple.second ul li strong,.onglets_simple.second ul li a {margin-#GET{left}:0px;margin-#GET{right}:5px;margin-bottom:5px;}
-.onglets_simple.second ul li strong {border:1px solid #GET{foncee};}
+.onglets_simple.second {font-size:0.9em;border:0;padding-#ENV{left}:0;}
+.onglets_simple.second ul li strong,.onglets_simple.second ul li a {margin-#ENV{left}:0px;margin-#ENV{right}:5px;margin-bottom:5px;}
+.onglets_simple.second ul li strong {border:1px solid #ENV{foncee};}
.onglets_simple.second ul li strong,.onglets_simple.second ul li a:hover {background-color:#fff;}
.reliefblanc { background-image: url(#CHEMIN_IMAGE{barre-blanc.gif}); }
.reliefgris { background-image: url(#CHEMIN_IMAGE{barre-noir.gif}); }
.iconeoff { padding: 3px; margin: 1px; border: 1px dashed #ccc; background-color: #f0f0f0; }
-.iconeon { cursor: pointer; padding: 3px; margin: 1px; border-#GET{right}: solid 1px #fff; border-bottom: solid 1px #fff; border-#GET{left}: solid 1px #666; border-top: solid 1px #666; background-color: #eee; }
+.iconeon { cursor: pointer; padding: 3px; margin: 1px; border-#ENV{right}: solid 1px #fff; border-bottom: solid 1px #fff; border-#ENV{left}: solid 1px #666; border-top: solid 1px #666; background-color: #eee; }
.iconedanger { padding: 3px; margin: 1px; border: 1px dashed #000; background: url(#CHEMIN_IMAGE{rayures-sup.gif}); }
/* OLDIES anciennes icones issues de php */
diff --git a/prive/themes/spip/layout.css b/prive/themes/spip/layout.css
index a5405f07b6..0df4f106ce 100644
--- a/prive/themes/spip/layout.css
+++ b/prive/themes/spip/layout.css
@@ -1,5 +1,5 @@
/* Layout */
-#page { font-size:11px;}
+#page {}
/* ecran etroit*/
#haut {text-align:center;margin-top:10px;}
.largeur { width: 780px; margin: auto; text-align:left; }
@@ -7,6 +7,7 @@
#navigation { float: left; width: 200px; min-height: 100px; }
#extra { float: left; clear:left; width: 200px; }
#contenu { float: right ; margin-left: 30px; width: 550px; }
+#pied {}
/* ecran large*/
.large .largeur {width:974px;}
diff --git a/prive/themes/spip/lists.css.html b/prive/themes/spip/lists.css.html
index 5da1c157b2..49a0093355 100644
--- a/prive/themes/spip/lists.css.html
+++ b/prive/themes/spip/lists.css.html
@@ -15,20 +15,14 @@
#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}}
-#SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}}
-
/* Listes d'objet */
.liste-objets{
- margin:20px 0 0;
- font-size:.95em;
+ margin:[(#ENV{margin-bottom}|mult{1.5})em] 0;
+ /*font-size:.95em;*/
border: 1px solid #dfdfdf;
position:relative;
}
-.liste-objets-lies,.liste-objets-associer {margin:0 0 20px;}
+.liste-objets-lies,.liste-objets-associer {margin:0;}
.cadre .liste-objets{font-size:1em;}
.liste-objets > .image_loading {position:absolute;top:0;right:0;}
@@ -38,31 +32,33 @@
}
.liste-objets .pagination .separateur {color:#aaa;}
-.liste-objets table.spip {width:100%; /* surcharger le 99% de spip ? */ max-width:none; background:white; border:none; margin-bottom:0;}
-.liste-objets table.spip caption {margin:0;text-align:left;}
-.liste-objets .caption {display:block;color:#333;font-size:1.1em;padding:7px 6px;background:none no-repeat scroll 2px 2px #FFFFFF}
-.liste-objets table.spip tr {background:white;}
-.liste-objets table.spip tr.row_odd {background:white;}
-.liste-objets table.spip tr.row_even {background:white;}
-.liste-objets table.spip thead tr {background:#eee;}
-.liste-objets table.spip tbody tr:hover {background-color: #f8f8f8;}
-.liste-objets table.spip tr th {border-color:#dfdfdf; border-left:0; border-right:0;}
-.liste-objets table.spip tr td {border-color:#dfdfdf; border-left:0; border-right:0;}
+.liste-objets table {width:100%; /* surcharger le 99% de spip ? */ max-width:none; background:white; border:none; margin:0;}
+.liste-objets table caption {margin:0;text-align:left;padding:0;}
+.liste-objets .caption {display:block;color:#333;font-size:1.0em;padding:[(#ENV{margin-bottom}|div{4})em] 5px;background:none no-repeat scroll 2px 2px #FFFFFF}
+.liste-objets tr {background:white;}
+.liste-objets .row_odd td {background:white;}
+.liste-objets .row_even td {background:white;}
+.liste-objets thead th {background:#eee;}
+.liste-objets tr:hover td,.liste-objets tbody tr:hover th {background-color: #f8f8f8;}
+.liste-objets tr th {border-color:#dfdfdf; border-left:0; border-right:0;}
+.liste-objets tr td {border-color:#dfdfdf; border-left:0; border-right:0;}
.liste-objets tr > .statut,.liste-objets tr > .picto {width: 16px; padding-left:2px;padding-right:2px;text-align:center;}
.liste-objets tr > .auteur {width: 80px;}
.liste-objets tr > .date {width: 90px;}
-.liste-objets tr > .id {width: 40px; text-align:#GET{right};}
-.liste-objets tr > .action {width: 90px; text-align:#GET{right};}
-.liste-objets tr td .spip_logos {float:#GET{right};}
+.liste-objets tr > .id {width: 40px; text-align:#ENV{right};}
+.liste-objets tr > .action {width: 90px; text-align:#ENV{right};}
+.liste-objets tr td .spip_logos {float:#ENV{right};}
.liste-objets tr td.syndication .etat {display:block;color:red;}
.liste-objets tr > .utilisations {width:120px;}
.liste-objets tr.confirmation {display:none;}
.liste-objets tr td {font-size:0.9em;}
.liste-objets tr td.secondaire {font-size:0.85em;}
-.liste-objets tr td.principale {font-size:1.025em;}
+.liste-objets tr td.principale {font-size:1.0em;}
.liste-objets tr td > span {font-size:0.85em;}
+.liste-objets table td, .liste-objets table th {[ padding: (#ENV{line-height}|div{4})em;] }
+
.liste-objets .bouton_action_post .submit,.liste-objets .button {font-size:1em;}
.liste-objets .action a {color:inherit;}
@@ -70,11 +66,11 @@
.liste-objets.syndic_articles tr > .action {width: 50px;}
.liste-objets.syndic_articles td .tags,
-.liste-objets.syndic_articles td .source {display:block;text-align:#GET{right};}
+.liste-objets.syndic_articles td .source {display:block;text-align:#ENV{right};}
.liste-objets.syndic_articles td .tags a {color:#666;}
<BOUCLE_objets(DATA){source table,#REM|lister_tables_objets_sql}>[
-.liste-objets.[(#VALEUR{table_objet})] .caption {background-image:url((#CHEMIN_IMAGE{#VALEUR{icone_objet}}));padding-#GET{left}:30px;}]</BOUCLE_objets>
+.liste-objets.[(#VALEUR{table_objet})] .caption {background-image:url((#CHEMIN_IMAGE{#VALEUR{icone_objet}}));padding-#ENV{left}:30px;}]</BOUCLE_objets>
.liste-objets.traductions .trad {text-align:center;}
@@ -89,8 +85,62 @@
.en-edition {font-size:0.9em;}
.en-edition h3 {font-size:1.1em;}
-.en-edition .bouton_action_post {float:#GET{right};margin:5px 0 0;}
+.en-edition .bouton_action_post {float:#ENV{right};margin:5px 0 0;}
.en-edition .liste-items {margin:0;}
.en-edition .liste-items .item {padding:2px 0;}
-.en-edition .item .icone-objet {float:#GET{left};margin-top:2px;margin-#GET{right}:5px;}
-.en-edition .item .bouton_action_post {float:#GET{right};margin-top:-1px;}
\ No newline at end of file
+.en-edition .item .icone-objet {float:#ENV{left};margin-top:2px;margin-#ENV{right}:5px;}
+.en-edition .item .bouton_action_post {float:#ENV{right};margin-top:-1px;}
+
+
+
+/* listes */
+.liste {margin:[(#ENV{margin-bottom})] 0;}
+.liste > h1,.liste > .h1,
+.liste > h2,.liste > .h2,
+.liste > h3,.liste > .h3,
+.liste > h4,.liste > .h4,
+.liste > h5,.liste > .h5,
+.liste > h6,.liste > .h6 {margin-bottom:0;}
+.liste_items,.liste-items {list-style:none;margin:0 0 [(#ENV{margin-bottom})];padding:0;border-top:1px solid #ddd;clear:both;}
+.liste_items .item,.liste-items .item {border-bottom:1px solid #ddd;padding:[(#ENV{margin-bottom}|div{2})em] 0; overflow:hidden;clear:both;}
+.liste_items .odd,.liste-items .odd {background:#eee;}
+.liste_items .item:hover,.liste-items .item:hover {background-color:[#(#ENV{claire}|couleur_eclaircir|couleur_eclaircir)];}
+.liste_items .court:hover,.liste-items .court:hover {background-color:#eee;}
+.liste_items .item.on,.liste-items .item.on {background-color:[#(#ENV{claire}|couleur_eclaircir|couleur_eclaircir)];font-weight:normal;}
+.liste_items .item.on:hover,.liste-items .item.on:hover {background-color:[#(#ENV{claire}|couleur_eclaircir)];}
+.liste_items .item h3,.liste-items .item h3 {margin:0;}
+
+
+.liste_items .item .actions,.liste-items .item .actions {float:none;margin:0;clear:both;text-align:#ENV{right};}
+
+.tri, .pagination {background:#eee;border-top:1px solid #ddd;border-bottom:1px solid #ddd; margin: 0;padding:2px 0; /*font-size: 11px;*/ font-weight: bold; text-align: #ENV{right}; white-space: nowrap;margin-top:1em; }
+.tri {text-align:#ENV{left};}
+.tri .on, .pagination .on { background:#ccc;padding:2px 3px;color:#fff; }
+.tri img, .pagination img {vertical-align:bottom;}
+
+.pagination + .tri, .tri + .pagination {border-top:0;margin-top:0;}
+.pagination + .liste_items, .tri + .liste_items {border-top:0;margin-top:0;}
+.liste_items + .tri, .liste_items + .pagination {margin-top:-1em;margin-bottom:1em;}
+
+#navigation .pagination,#extra .pagination {font-size:9px;}
+#navigation .tri,#extra .tri {font-size:9px;}
+
+
+/* menus */
+/* listes */
+.menu-items {list-style:none;margin:1em 0;padding:0;border-top:1px solid #ddd;clear:both;}
+.menu-items .item {border-bottom:1px solid #ddd; padding:0; /*font-size: 10px;*/overflow:hidden;clear:both;}
+.menu-items .menu-items {margin:0;padding:0;margin-#ENV{left}:11px;}
+.menu-items .item >a,.menu-items .item >strong.on {display:block;padding:[(#ENV{margin-bottom}|div{2})em] 0;}
+.menu-items .item >a:hover {background-color:[#(#ENV{claire}|couleur_eclaircir|couleur_eclaircir)];}
+.menu-items .item >.on {background-color:[#(#ENV{claire}|couleur_eclaircir|couleur_eclaircir)];}
+
+/* plan de site */
+.plan .menu-items,.plan .menu-items .menu-items {border-#ENV{left}:1px solid #ddd;border-top:0;}
+.plan .menu-items .item h4{margin-#ENV{left}:11px;margin-bottom:0;border-#ENV{left}:1px solid #ddd;padding-#ENV{left}:4px;margin-top:0;padding-top:10px;}
+.plan .menu-items .item .pagination {margin-#ENV{left}:11px;border-#ENV{left}:1px solid #ddd;}
+.plan .menu-items .item {border-bottom:0;border-top:1px solid #ddd;padding-#ENV{left}:4px;}
+.plan .menu-items .item>a {padding: 0.25em 0;background-repeat:no-repeat;background-position:center #ENV{left};background-repeat:no-repeat;}
+
+<BOUCLE_objets2(DATA){source table,#REM|lister_tables_objets_sql}{cle!=spip_rubriques}>
+.plan .menu-items.[(#VALEUR{table_objet})] .item>a{padding-#ENV{left}:20px;background-image:url(#CHEMIN_IMAGE{#VALEUR{icone_objet}-16.png});}</BOUCLE_objets2>
diff --git a/prive/themes/spip/plugins.css.html b/prive/themes/spip/plugins.css.html
deleted file mode 100644
index 0c7f352546..0000000000
--- a/prive/themes/spip/plugins.css.html
+++ /dev/null
@@ -1,72 +0,0 @@
-[(#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 !
- <style>
-]
-#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}}
-#SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}}
-
-
-h2.titrem { display: block; padding-top: 6px; padding-bottom: 4px; background-repeat: no-repeat;padding-[(#GET{left})]:16px;background-color: #GET{claire};font-size:14px;}
-
-
-/* listes */
-.liste_items,.liste-items {list-style:none;margin:1em 0;padding:0;border-top:1px solid #ddd;clear:both;}
-.liste_items .item,.liste-items .item {border-bottom:1px solid #ddd;padding:0.4em 0; font-size: 11px;overflow:hidden;clear:both;}
-.liste_items .odd,.liste-items .odd {background:#eee;}
-.liste_items .item:hover,.liste-items .item:hover {background-color:[#(#GET{claire}|couleur_eclaircir|couleur_eclaircir)];}
-.liste_items .court:hover,.liste-items .court:hover {background-color:#eee;}
-.liste_items .item.on,.liste-items .item.on {background-color:[#(#GET{claire}|couleur_eclaircir|couleur_eclaircir)];font-weight:normal;}
-.liste_items .item.on:hover,.liste-items .item.on:hover {background-color:[#(#GET{claire}|couleur_eclaircir)];}
-.liste_items .item h3,.liste-items .item h3 {margin:0;}
-
-
-.liste_items .item .actions,.liste-items .item .actions {float:none;margin:0;clear:both;text-align:#GET{right};}
-
-.tri, .pagination {background:#eee;border-top:1px solid #ddd;border-bottom:1px solid #ddd; margin: 0;padding:2px 0; font-size: 11px; font-weight: bold; text-align: #GET{right}; white-space: nowrap;margin-top:1em; }
-.tri {text-align:#GET{left};}
-.tri .on, .pagination .on { background:#ccc;padding:2px 3px;color:#fff; }
-.tri img, .pagination img {vertical-align:bottom;}
-
-.pagination + .tri, .tri + .pagination {border-top:0;margin-top:0;}
-.pagination + .liste_items, .tri + .liste_items {border-top:0;margin-top:0;}
-.liste_items + .tri, .liste_items + .pagination {margin-top:-1em;margin-bottom:1em;}
-
-#navigation .pagination,#extra .pagination {font-size:9px;}
-#navigation .tri,#extra .tri {font-size:9px;}
-
-.clicable {cursor:hand;cursor:pointer;}
-
-/* menus */
-/* listes */
-ul.menu {list-style:none;margin:1em 0;padding:0;border-top:1px solid #ddd;clear:both;}
-ul.menu li {border-bottom:1px solid #ddd; padding:0; font-size: 10px;overflow:hidden;clear:both;}
-ul.menu li ul {margin:0;padding:0;margin-#GET{left}:11px;}
-ul.menu li >a,ul.menu li >strong.on {display:block;padding:0.4em 0;}
-ul.menu li >a:hover {background-color:[#(#GET{claire}|couleur_eclaircir|couleur_eclaircir)];}
-ul.menu li >.on {background-color:[#(#GET{claire}|couleur_eclaircir|couleur_eclaircir)];}
-
-/* les boutons action */
-form.bouton_action_post, form.bouton_action_post div {display:inline;}
-form.bouton_action_post.link button.submit, .formulaire_spip .boutons input.link,.formulaire_spip button.link {margin:0;font-weight:normal;}
-
-.formulaire_spip button {cursor:pointer;}
-form.bouton_action_post.link button.submit, .formulaire_spip .boutons input.link,.formulaire_spip button.link {background:none;border:0;cursor:pointer;padding:0 0 1px;}
-form.bouton_action_post.link button.submit:hover, .formulaire_spip .boutons input.link:hover,.formulaire_spip button.link:hover {border-bottom:1px solid;padding:0;}
-
-[(#INCLURE{fond=#VAL{prive/}|tous_les_fonds{/style_prive_plugin_}}{env}{couleur_claire}{couleur_foncee}{lang}{ltr})]
diff --git a/prive/themes/spip/plugins.css_fonctions.php b/prive/themes/spip/plugins.css_fonctions.php
deleted file mode 100644
index 3bfb65532d..0000000000
--- a/prive/themes/spip/plugins.css_fonctions.php
+++ /dev/null
@@ -1,10 +0,0 @@
-<?php
-
-function tous_les_fonds($dir,$pattern){
- $liste = find_all_in_path($dir,$pattern);
- foreach($liste as $k=>$v)
- $liste[$k] = $dir . basename($v,'.' . _EXTENSION_SQUELETTES);
- return $liste;
-}
-
-?>
diff --git a/prive/reset.css b/prive/themes/spip/reset.css
similarity index 100%
rename from prive/reset.css
rename to prive/themes/spip/reset.css
diff --git a/prive/themes/spip/style_prive.css.html b/prive/themes/spip/style_prive.css.html
new file mode 100644
index 0000000000..99bf35c3f0
--- /dev/null
+++ b/prive/themes/spip/style_prive.css.html
@@ -0,0 +1,55 @@
+[(#REM)<style>/*
+ 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}
+/*
+Valeurs par defaut :
+#SET{claire,##ENV{couleur_claire,edf3fe}} [claire: (#GET{claire});]
+#SET{foncee,##ENV{couleur_foncee,3874b0}} [foncee: (#GET{foncee});]
+#SET{left,#ENV{ltr}|choixsiegal{left,left,right}} [left: (#GET{left});]
+#SET{right,#ENV{ltr}|choixsiegal{left,right,left}} [right: (#GET{right});]
+#SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}} [rtl: (#GET{rtl});]
+#SET{dir,#ENV{ltr}|choixsiegal{left,ltr,rtl}} [dir: (#GET{dir});]
+
+#SET{font-size,#ENV{font-size,0.8125em}} [font-size: (#GET{font-size});]
+#SET{line-height,#ENV{line-height,1.385em}} [line-height: (#GET{line-height});]
+#SET{margin-bottom,#ENV{margin-bottom,#GET{line-height}}} [margin-bottom: (#GET{margin-bottom});]
+#SET{text-indent,#ENV{text-indent,50px}} [text-indent: (#GET{text-indent});]
+#SET{font-family,#ENV{font-family,'Helvetica, Arial, sans-serif'}} [font-family: (#GET{font-family});]
+#SET{background-color,#ENV{background-color,#F8F7F3}} [background-color : (#GET{background-color});]
+#SET{color,#ENV{color,#000000}} [color: (#GET{color});]
+*/
+
+[(#REM) les vieux styles a evacuer en premier, ca permet qu'ils ne polluent pas en cas de double definition]
+
+#INCLURE{#CHEMIN{prive/themes/spip/base.css}|direction_css{#GET{dir}}}
+#INCLURE{#CHEMIN{prive/themes/spip/layout.css}|direction_css{#GET{dir}}}
+
+<BOUCLE_css(POUR){tableau #LISTE{typo.css,grids.css,bando.css,icons.css,lists.css,forms.css,picker.css,box_skins.css,jquery-ui.css,content.css,exceptions.css,theme.css}}>
+[(#SET{fond,[(#VALEUR|concat{.html}|find_in_theme|substr{[(#VAL{_DIR_RACINE}|constant|strlen)],[(#VAL{-5}|intval)]})]})]
+/*
+ * #VALEUR::[(#GET{fond})]
+ */
+[(#GET{fond}|oui)
+ [(#INCLURE{fond=#GET{fond},env,couleur_claire,couleur_foncee,lang,ltr,claire=#GET{claire},foncee=#GET{foncee},left=#GET{left},right=#GET{right},rtl=#GET{rtl},dir=#GET{dir},font-size=#GET{font-size},line-height=#GET{line-height},margin-bottom=#GET{margin-bottom},text-indent=#GET{text-indent},font-family=#GET{font-family},background-color=#GET{background-color},color=#GET{color}})]
+]
+</BOUCLE_css>
+
+
+/*** Plugins ***/
+
+<BOUCLE_cssplugins(POUR){tableau #VAL{prive/}|find_all_in_path{/style_prive_plugin_}}>
+ #SET{fond,prive/#VALEUR|basename{'.html'}}
+ [(#INCLURE{fond=#GET{fond},env,couleur_claire,couleur_foncee,lang,ltr})]
+</BOUCLE_cssplugins>
+
+/**** Plugins fin ***/
diff --git a/prive/style_prive_defaut.css b/prive/themes/spip/style_prive_defaut.css
similarity index 100%
rename from prive/style_prive_defaut.css
rename to prive/themes/spip/style_prive_defaut.css
diff --git a/prive/themes/spip/style_prive_theme.html b/prive/themes/spip/theme.css.html
similarity index 100%
rename from prive/themes/spip/style_prive_theme.html
rename to prive/themes/spip/theme.css.html
diff --git a/prive/themes/spip/typo.css.html b/prive/themes/spip/typo.css.html
index 3a4cd8cd5f..2a469750f4 100644
--- a/prive/themes/spip/typo.css.html
+++ b/prive/themes/spip/typo.css.html
@@ -21,32 +21,176 @@
#SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
#SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}}
-body { font-size: 0.625em; font-family: Verdana, Geneva, sans-serif; line-height: 1.5em; }
-
-#contenu { font-size:12px; }
-
-h1,h2,h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
-h1 { margin: 16px 0 0.25em 0; font-size: large; color: #GET{foncee}; }
-h2 { margin: 0.5em 0 0.25em 0; font-size: medium; color: #000; }
-h3 { margin: 0.5em 0 0.25em 0; font-size: medium; color: #666; }
-/* Raccourcis pour les polices (utile pour les tableaux) */
-.arial0 { font-family: Arial, Helvetica, sans-serif; font-size: 9px; }
-.arial1 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
-.arial11 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
-.arial2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
-.verdana1 { font-family: Verdana, Geneva, sans-serif; font-size: 10px; }
-.verdana2 { font-family: Verdana, Geneva, sans-serif; font-size: 11px; }
-.verdana12 { font-family: Verdana, Geneva, sans-serif; font-size: 12px; }
-.verdana3 { font-family: Verdana, Geneva, sans-serif; font-size: 13px; }
-.serif { font-family: Georgia, Garamond, Times New Roman, serif; }
-.serif1 { font-family: Georgia, Garamond, Times New Roman, serif; font-size: 11px; }
-.serif2 { font-family: Georgia, Garamond, Times New Roman, serif; font-size: 13px; }
-
-.spip_xx-large { font-size: 32px; }
-.spip_x-large { font-size: 26px; }
-.spip_large { font-size: 18px; }
-.spip_medium { font-size: 16px; }
-.spip_small { font-size: 14px; }
-.spip_x-small { font-size: 12px; }
-.spip_xx-small { font-size: 10px; }
-#wysiwyg { font-size: 1em; }
+[(#REM)<style>
+/* --------------------------------------------------------------
+
+ typo.css.html
+ Base typographique
+ Cf.: http://www.spip-contrib.net/3820
+
+-------------------------------------------------------------- */
+]
+#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}}
+#SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}}
+
+/* Valeurs par defaut :
+#SET{font-size,#ENV{font-size,1em}} [ font-size: (#GET{font-size});]
+#SET{line-height,#ENV{line-height,1.2em}} [ line-height: (#GET{line-height});]
+#SET{margin-bottom,#ENV{margin-bottom,1.2em}} [ margin-bottom: (#GET{margin-bottom});]
+#SET{text-indent,#ENV{text-indent,50px}} [ text-indent: (#GET{text-indent});]
+#SET{font-family,#ENV{font-family,'Helvetica, Arial, sans-serif'}} [ font-family: (#GET{font-family});]
+#SET{background-color,#ENV{background-color,#F8F7F3}} [ background-color : (#GET{background-color});]
+#SET{color,#ENV{color,#000000}} [ color: (#GET{color});]
+*/
+
+html { font-size: 100.01%; } /* Cf.: http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
+body { background: #GET{background-color}; font: #GET{font-size}/#GET{line-height}[ (#GET{font-family})]; color: #GET{color}; }
+
+/* Titraille / Intertitres */
+h1,h2,h3,h4,h5,h6,
+.h1,.h2,.h3,.h4,.h5,.h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
+hr { height: 1px; margin:[ (#GET{margin-bottom})] 0; border: 0; background: #GET{color}; color: #GET{color}; }
+
+/* Titraille Blueprint
+Cf. : http://www.blueprintcss.org/tests/parts/elements.html
+h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
+h2 { font-size: 2em; margin-bottom: 0.75em; }
+h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
+h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
+h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
+h6 { font-size: 1em; font-weight: bold; }*/
+
+h1,.h1 {font-size: 2em; line-height:#GET{line-height};margin-bottom: [(#GET{margin-bottom}|div{2})em]; }
+#SET{coeff,#GET{line-height}|plus{2}|div{2}|div{#GET{line-height}}}
+#SET{coeffinv,#VAL{1}|div{#GET{coeff}}}
+h2,.h2 {[ font-size: (#GET{line-height}|mult{#GET{coeff}})em];[ line-height: (#GET{coeffinv}|mult{2})em];[ margin-bottom: (#GET{coeffinv})em;]}
+h3,.h3 {[ font-size: (#GET{line-height}|mult{1})em]; line-height: 1; margin-bottom: 1em; font-weight: bold;}
+#SET{coeff,#GET{line-height}|plus{1}|div{2}|div{#GET{line-height}}}
+#SET{coeffinv,#VAL{1}|div{#GET{coeff}}}
+h4,.h4 {[ font-size: (#GET{line-height}|mult{#GET{coeff}})em];[ line-height: (#GET{coeffinv})em];[ margin-bottom: (#GET{coeffinv})em;]font-weight: bold; }
+h5,.h5 { font-size: 1em; font-weight: bold; margin-bottom: #GET{margin-bottom}; }
+h6,.h6 { font-size: 1em; font-weight: bold; }
+
+#haut h1,h1.grostitre {margin-top:[(#ENV{margin-bottom}|mult{1.5}|div{2}|div{#GET{line-height}})em]}
+
+/* Enrichissements typographiques */
+strong, b { font-weight: bold; }
+em, i { font-style: italic; }
+small, .small { font-size: 80%; }
+big, .big { font-size: 150%; }
+abbr[title], acronym[title] { border-bottom: .1em dotted; cursor: help; }
+dfn { font-weight: bold; font-style: italic; }
+del { text-decoration: line-through; }
+ins { text-decoration: none; background-color: #FFC; }
+sup, sub { font-size: .8em; font-variant: normal; line-height: 0; }
+sup { vertical-align: super; }
+.ie sup { vertical-align: text-top; }
+sub { vertical-align: sub; }
+.ie sub { vertical-align: text-bottom; }
+.caps { font-variant: small-caps; }
+
+/* Listes */
+ul, ol, li, dl, dt, dd {}
+ul ul, ol ol, ul ol, ol ul { margin-top: 0; margin-bottom: 0; }
+
+dl dt { font-weight: bold; }
+dl dd {}
+
+/* Tableaux */
+table { margin-bottom: #GET{margin-bottom}; width: 100%; }
+caption {[ font-size: (#GET{line-height}|mult{1})em;] line-height: 1; }
+th { font-weight: bold; }
+thead th { background: [#(#ENV{claire}|couleur_eclaircir{0.4})]; }
+table.spip td, table.spip th, /* annuler spip-styles */
+th,td,caption {[ padding: (#GET{line-height}|div{2})em;] }
+
+tbody tr:nth-child(even) td,tbody tr:nth-child(even) th,
+tbody tr.even td,tbody tr.even th { background: [#(#ENV{claire}|couleur_eclaircir{0.80})]; }
+tfoot { font-style: italic; }
+caption { background: #eee; }
+
+/* Citations, code et poesie */
+q { font-style: italic; }
+blockquote { padding: 0 #GET{text-indent}; font-style: italic; }
+cite { font-style: italic; }
+
+address { font-style: italic; }
+
+pre,code,kbd,samp,var,tt { font-family: 'lucida console',monospace; font-size: 1em; }
+pre { margin:[ (#GET{margin-bottom}) ]0; white-space: pre; }
+kbd { background-color: #GET{color}; color: #GET{background-color}; }
+samp { font-weight: bold; }
+var { font-style: italic; }
+
+/* Paragraphes */
+p, .p, dl, dd, blockquote, address, pre, table, fieldset { margin-bottom: #GET{margin-bottom}; }
+
+/* Liens */
+a {}
+a:hover {}
+a[hreflang]:after { content: "\0000a0(" attr(hreflang) ")"; }
+.on { font-weight: bold; }
+
+/* end */
+
+/*
+ * Specificites de code SPIP (ex spip-styles.css)
+ */
+
+/* Listes SPIP */
+ul.spip,.formulaire_spip ul.spip { list-style: square; margin-bottom:#ENV{margin-bottom};}
+ul.spip ul { list-style: circle; }
+ol.spip { list-style: decimal; margin-bottom:#ENV{margin-bottom};}
+
+ul.spip li, ol.spip li, .formulaire_spip ul.spip li {margin-#ENV{left}:#ENV{text-indent};}
+ul.spip li li, ol.spip li li, .formulaire_spip ul.spip li li {margin-#ENV{left}:[(#ENV{text-indent}|div{2})px];}
+
+/* Citations, code et poesie */
+/*blockquote.spip { margin: 2em 0; padding-left: 1em; border-left: 0.30em solid; }
+blockquote.spip_poesie { margin: 2em 0; padding-left: 1em; border-left: 1px solid; font-family: Garamond, Georgia, Times, serif; }
+blockquote.spip_poesie div { text-indent: -3em; margin-left: 3em; }
+*/
+.spip_code, .spip_cadre { color: #336; }
+.spip_cadre { width: 99%; background-color: #F3F3F3; border: 1px dotted #ddd; padding:5px;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
+div.spip_code, .spip_cadre { margin-bottom: #ENV{margin-bottom}; }
+
+.spip_surligne { background: #FF6; }
+
+/* Tableaux */
+table.spip { max-width: 99%; margin-right: auto; margin-left: auto; margin-bottom: #ENV{margin-bottom}; border-collapse: collapse; border-spacing: 0;}
+table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; }
+table.spip th, table.spip td { /*padding: 0.20em 0.40em; text-align: left; */border: 1px solid #ccc; }
+table.spip td.numeric {text-align:right;}
+
+/* Logos, documents et images */
+img, .spip_logos { margin: 0; padding: 0; border: 0; }
+.spip_documents { text-align: center; }
+.spip_documents p { margin: 0.10em; padding: 0; }
+.spip_documents_center { display: block; clear: both; width: 100%; margin: [(#ENV{margin-bottom})] auto; }
+.spip_documents_left { float: #ENV{left}; margin-#ENV{right}: 15px; margin-bottom: [(#ENV{margin-bottom})]; }
+.spip_documents_right { float: #ENV{right}; margin-#ENV{left}: 15px; margin-bottom: [(#ENV{margin-bottom})]; }
+.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
+.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }
+
+/* modeles par defaut */
+.spip_modele { float: right; display: block; padding: 1em; border: 1px solid; width: 180px; }
+
+/* Couleurs des liens de SPIP */
+a.spip_note {} /* liens vers notes de bas de page */
+a.spip_ancre {} /* liens internes a la page */
+a.spip_in {} /* liens internes */
+a.spip_mail { color: #900; }
+a.spip_mail:before { content: "\002709"; } /* liens vers un email */
+a.spip_out,a[rel=external] { color: #009; } /* liens sortants */
+a.spip_url { color: #009; } /* liens url sortants */
+a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
+a.spip_glossaire:hover { text-decoration: underline overline; }
+a[hreflang]:after { content: "\0000a0(" attr(hreflang) ")"; }
+.on { font-weight: bold; } /* liens exposes */
diff --git a/prive/themes/spip/vieilles_def.css.html b/prive/themes/spip/vieilles_def.css.html
index 92ae0ff6c3..e6a27a0e48 100644
--- a/prive/themes/spip/vieilles_def.css.html
+++ b/prive/themes/spip/vieilles_def.css.html
@@ -20,208 +20,6 @@
#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: #fff;}
-.toile_noire { background-color: #000;}
-.toile_gris_sombre { background-color: #333;}
-.toile_gris_fort { background-color: #999999;}
-.toile_gris_moyen { background-color: #ccc;}
-.toile_gris_leger { background-color: #eee;}
-
-.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: #000;}
-*/
-
-/* * Formulaires */
-/*
-.forml { margin-top: 0px; width: 100%; display: block; padding: 3px; background-color: #f0f0f0; border: 1px solid #GET{claire}; background-position: center bottom; float: none; behavior: url([(#CHEMIN{win_width.htc}|url_absolue)]); font-size: 12px; }
-.formo { margin-top: 0px; width: 100%; display: block; padding: 3px; background-color: #fff; border: 1px solid #GET{claire}; background-position: center bottom; float: none; behavior: url([(#CHEMIN{win_width.htc}|url_absolue)]); font-size: 12px; }
-.fondl { margin-top: 0px; padding: 3px; background-color: #e4e4e4; border: 1px solid #GET{claire}; background-position: center bottom; float: none; font-size: 11px; }
-.fondo {
- margin-top: 0px;
- background:#GET{foncee};
- border: 1px outset #GET{claire};
- float: none;
- color: #fff;
- font-size: 11px;
- font-weight: bold;
-}
-
-input[type="submit"] {
- font-weight: bold;
- margin-top: 3px;
-}
-.fondf { margin-top: 0px; background-color: #fff; border-style: solid ; border-width: 1px; border-color: #e86519; color: #e86519; }
-
-select.fondl { padding: 0; }
-.maj-debut:first-letter { text-transform: uppercase; }
-*/
-
-/*style for horizontal list <div class='h-list'><ul ><li><tag class='menu-item'></tag></li></ul></div>*/
-/*for IE item list must be specified in .menu-item*/
-/*possible added classes #GET{left}ed centered righted vcentered/*
-
-/*
-.h-list { display: table}
-.h-list ul { display: table-row; list-style: none; margin: 0; padding: 0; }
-.h-list li { display: table-cell; margin: 0; padding: 0; }
-*/
-
-/*
-.vcentered li { vertical-align:middle}
-.#GET{left}ed { margin: 0 auto 0 0; }
-.#GET{right}ed { margin: 0 0 0 auto; }
-*/
-
-
-/* * Icones et bandeaux */
-/*
-a.lien_sous { color: #666; }
-a.lien_sous:hover { color: #000; }
-.cadre-bandeau-rubriques { background-color: #eee; border: 1px solid #555; z-index: 1; }
-.cadre-bandeau-rubriques .titrem { background: #GET{foncee}; }
-.cadre-bandeau-rubriques .cadre_padding { padding: 0; }
-
-
-div.brt { background: url(#GET{chemin_img_pack}triangle-droite[(#GET{rtl})].gif) [(#GET{right})] center no-repeat; }
-div.pos_r { position: relative; }
-*/
-/* Icones de fonctions */
-/*
-a.icone26 { font-family: verdana, helvetica, arial, sans; font-size: 11px; font-weight: bold; color: #000; text-decoration: none; padding: 1px; margin-#GET{right}: 2px; }
-a.icone26:hover { text-decoration: none; }
-a.icone26 img { vertical-align: middle; background-color: #GET{foncee}; }
-a.icone26:hover img { background: url(#GET{chemin_img_pack}fond-gris-anim.gif); }
-*/
-
-
-/* Icones 48 * 48 et 24 * 24 */
-/*
-.cellule36, .cellule48 { padding: 0; border: 0; vertical-align: top; font-weight: bold; text-align: center; text-decoration: none; }
-.cellule36 { margin: 0; font-size: 10px; }
-.cellule48 { margin: 2px; 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; }
-.cellule48 a img { display: inline; background-color: #GET{claire}; margin: 4px; padding: 0; border: 0; }
-.cellule48 a.selection img { display: inline; margin: 4px; padding: 0; border: 0; background-color: #999; }
-.cellule48 a:hover img { display: inline; margin: 4px; padding: 0; border: 0; background: url(#GET{chemin_img_pack}fond-gris-anim.gif); }
-.cellule36 a img { margin: 0; display: inline; padding: 3px; border: 0; border: 1px solid #fff; background-color: transparent; }
-.cellule36 a.selection img{ margin: 0; display: inline; padding: 3px; background-color: #fff; border: 1px solid #aaa; }
-.cellule36 a:hover img { margin: 0; display: inline; padding: 3px; background-color: #e4e4e4; background: url(#GET{chemin_img_pack}fond-gris-anim.gif); border: 1px solid #GET{foncee}; }
-.cellule36 a span, .cellule48 a span { color: #666; display: block; margin: 1px; width: 100%; }
-.cellule36 a:hover span, .cellule48 a:hover span { color: #000; display: block; margin: 1px; width: 100%; }
-.cellule36 a.selection span, .cellule48 a.selection span { color: #000; display: block; margin: 1px; width: 100%; }
-*/
-
-/*
-.cellule36 a.aide, .cellule36 a.aide:hover { display: inline; background: none; margin: 0; padding: 0; }
-.cellule36 a.aide img { margin: 0; padding: 0; }
-*/
-/* Navigation texte */
-/*
-.cellule-texte { margin: 0; padding: 0; border: 0; vertical-align: top; font-size: 10px; font-weight: bold; text-align: center; text-decoration: none; }
-.cellule-texte a, .cellule-texte a:hover { text-decoration: none; display: block; }
-.cellule-texte a { margin: 1px; padding: 4px; border: 0; color: #606060; }
-.cellule-texte a.selection { background-color: #GET{claire}; margin: 1px; padding: 3px; border: 1px solid #GET{foncee}; color: #000; }
-.cellule-texte a:hover { background-color: #fff; margin: 1px; padding: 3px; border: 1px solid #GET{foncee}; color: #333; }
-.cellule-texte a.aide, .cellule-texte a.aide:hover { display: inline; background: none; border: 0; }
-.cellule-texte a.aide img { margin: 0; }
-*/
-
-
-/* * Style des icones */
-/*
-.fondgris { cursor: pointer; padding: 4px; margin: 1px; }
-.fondgrison { cursor: pointer; padding: 3px; margin: 1px; border: 1px dashed #999; background-color: #e4e4e4; }
-.fondgrison2 { cursor: pointer; padding: 3px; margin: 1px; border: 1px dashed #999; background-color: #fff; }
-.bouton36gris { padding: 6px; margin-top: 2px; border: 1px solid #aaa; background-color: #eee; }
-.bouton36blanc { padding: 6px; margin-top: 2px; border: 1px solid #999; background-color: #fff; }
-.bouton36rouge { padding: 6px; margin-top: 2px; border: 1px solid red; background-color: #fff; }
-.bouton36off { padding: 6px; margin-top: 2px; width: 24px; height: 24px; }
-*/
-
-/* utilise encore dans core/statistiques */
-/*
-.iconeoff { padding: 3px; margin: 1px; border: 1px dashed #aaa; background-color: #f0f0f0; }
-*/
-
-/* plus du tout utilise ? */
-/*
-.reliefblanc { background-image: url(#CHEMIN_IMAGE{barre-blanc.gif}); }
-.reliefgris { background-image: url(#CHEMIN_IMAGE{barre-noir.gif}); }
-.iconeon { cursor: pointer; padding: 3px; margin: 1px; border-#GET{right}: solid 1px #fff; border-bottom: solid 1px #fff; border-#GET{left}: solid 1px #666; border-top: solid 1px #666; background-color: #eee; }
-.iconedanger { padding: 3px; margin: 1px; border: 1px dashed #000; background: url(#CHEMIN_IMAGE{rayures-sup.gif}); }
-*/
-
-/*
-td.icone table {}
-td.icone a { color: #000; text-decoration: none; font-size: 10px; font-weight: bold; }
-td.icone a:hover { text-decoration: none; }
-td.icone a img { border: 0; }
-
-a.icone { text-decoration: none; }
-a.icone:hover { text-decoration: none; }
-*/
-/*
-.icone36 a, .icone36 a,a.icone36, a.icone36:hover { text-decoration: none; }
-.icone36 a img, a.icone36 img { margin: 0 auto; display: inline; padding: 4px; background-color: #eee; border: 2px solid #GET{foncee}; }
-.icone36 a:hover img,a.icone36:hover img { background-color: #fff; border: 2px solid #666; }
-.icone36.danger img { background-color: #fff; border: 2px solid #ff9999; }
-.icone36.danger a:hover img,a.icone36.danger:hover img { background-color: #fff; border: 2px solid red; }
-.icone36 span { font-weight: bold; color: #GET{foncee}; display: block; margin: 2px auto; width: 100%; height: 3em; }
-.icone36 a:hover span,a.icone36:hover span { color: #000; }
-.icone36.danger span { color: #ff9999; }
-.icone36.danger a:hover span,a.icone36.danger:hover span { color: red; }
-a.icone36.historique-24 { width: 90px; }
-a.icone36.suivi-forum-24 { width: 100px; }
-
-.icone36 { border: 0; padding: 5px 0; margin: 0; text-align: center; text-decoration: none; font-size: x-small; width:72px; }
-.icone36 a, .icone36 a,a.icone36, a.icone36:hover { text-decoration: none; }
-.icone36 a img, a.icone36 img { margin: 0 auto; display: inline; padding: 4px; background-color: #eee; border: 2px solid #GET{foncee}; }
-.icone36 a:hover img,a.icone36:hover img { background-color: #fff; border: 2px solid #666; }
-.icone36.danger img { background-color: #fff; border: 2px solid #ff9999; }
-.icone36.danger a:hover img,a.icone36.danger:hover img { background-color: #fff; border: 2px solid red; }
-.icone36 span { font-weight: bold; color: #GET{foncee}; display: block; margin: 2px auto; width: 100%; height: 3em; }
-.icone36 a:hover span,a.icone36:hover span { color: #000; }
-.icone36.danger span { color: #ff9999; }
-.icone36.danger a:hover span,a.icone36.danger:hover span { color: red; }
-a.icone36.historique-24 { width: 90px; }
-a.icone36.suivi-forum-24 { width: 100px; }
-*/
-
-/* * Icones horizontales */
-/* a revoir */
-/*
-a.cellule-h { display: block; }
-a.cellule-h { font-size: 10px; font-weight: bold; text-align: #GET{left}; text-decoration: none; color: #666; }
-a.cellule-h:hover, a.cellule-h:hover a.cellule-h, a.cellule-h a.cellule-h:hover { font-size: 10px; font-weight: bold; text-align: #GET{left}; text-decoration: none; color: #000; }
-a.cellule-h div.cell-i { padding: 0; border: 1px solid #fff; margin: 0; margin-#GET{right}: 3px; }
-a.cellule-h:hover div.cell-i { background-color: #[(#ENV{couleur_claire}|couleur_eclaircir)]; margin: 0; margin-#GET{right}: 3px; padding: 0; border: 1px solid #GET{foncee}; }
-table.cellule-h-table { margin: 0; padding: 0; border: 0; }
-a.cellule-h img { width: 24px; height: 24px; border: 0; margin: 3px; 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: #GET{left}; font-family: Trebuchet Sans MS, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #606060; padding: 4px; margin: 3px; border: 1px solid #ddd; background-color: #f0f0f0; width: 92%; }
-.danger a.cellule-h-texte { background: url(#CHEMIN_IMAGE{rayures-sup.gif}); }
-a.cellule-h-texte:hover { text-decoration: none; color: #000; border-#GET{right}: solid 1px #fff; border-bottom: solid 1px #fff; border-#GET{left}: solid 1px #666; border-top: solid 1px #666; background-color: #eee; }
-*/
/* * Styles pour "Tout le site" */
@@ -275,108 +73,3 @@ li.rub ul{ display: none; }
li img.expandImage { display: block; float: #GET{left}; position: relative; #GET{left}: -20px; width: 16px; height: 16px; }
li.selected { background-color: #GET{claire}}
/* Fin Styles pour "Tout le site" */
-/*
-a.triangle_block { margin-top: -3px; margin-bottom: -3px; margin-#GET{right}: -3px; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; }
-a.triangle_block:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
-*/
-/*.swap-couche { border: 0; height: 10px; width: 10px; }*/
-
-/* anciennes listes d'objet */
-/*
-.tr_liste { background-color: #eee; }
-.tr_liste_over, .tr_liste:hover { background-color: #fff; }
-.tr_liste td, .tr_liste:hover td, .tr_liste_over td { border-bottom: 1px solid #ddd; }
-tbody>.tr_liste:last-child td { border-bottom: 0px; }
-.tr_liste td div.liste_clip { height: 12px; overflow: hidden; }
-.tr_liste:hover td div.liste_clip, span.liste_clip { overflow: visible; height: 100%; }
-*/
-/** OLDIES : cadres issus de PHP */
-
-/* * Cadre couleur foncee */
-/*
-.cadre_padding { padding: 6px; }
-.cadre_padding.padding_x { padding: 0 6px; }
-.padding_x .bloc_depliable { padding: 6px 0; }
-.cadre { margin: 20px 0 10px 0; font-family: Verdana, Geneva, sans-serif; font-size: 11px; position: relative; }
-.cadre { border: 1px solid #aaa; background-color: #eee; }
-.cadre-fonce { background-color: #GET{foncee}; }
-.cadre-gris-fonce { background: #666; }
-.cadre-gris-clair { border: 1px solid #ccc; background-color: #dedede; }
-.cadre-couleur { background-color: #GET{claire}; }
-.cadre-couleur div.cadre-titre { background-color: #GET{foncee}; border-bottom: 2px solid #GET{foncee}; color: #fff; }
-.cadre-couleur-foncee { background-color: #GET{claire}; }
-.cadre-couleur-foncee div.cadre-titre { color: #fff; }
-.cadre-trait-couleur { background-color: #fff; border: 2px solid #GET{foncee}; }
-.cadre-trait-couleur div.cadre-titre { background-color: #GET{foncee}; border-bottom: 2px solid #GET{foncee}; color: #fff; }
-.cadre-r { background-color: #fff; border: 1px solid #ccc; color: #333; }
-.cadre-r div.cadre-titre { background-color: #ccc; border-bottom: 1px solid #666; color: #000; }
-.cadre-e { background-color: #eee; border: 1px solid #ccc; }
-.cadre-e div.cadre-titre { background-color: #GET{claire}; border-bottom: 1px solid #666; color: #000; }
-.cadre-forum { background-color: #fff; border: 1px solid #ccc; margin-bottom: 0; }
-.cadre-forum div.cadre-titre { background-color: #GET{claire}; border-bottom: 1px solid #ccc; color: #000; }
-.cadre-sous_rub { background-color: #fff; border: 1px solid #ccc; }
-.cadre-thread-forum { background-color: #eee; border: 1px solid #ccc; border-top: 0; margin-bottom: 0; margin-top: 0px; }
-.cadre-thread-forum div.cadre-titre { background-color: #ccc; color: #000; }
-.cadre-info{ background-color: #fff; border: 2px solid #GET{foncee}; padding: 5px; }
-.cadre-alerte { border: 6px solid red; }
-*/
-/* -------- */
-/*
-.cadre-liste .titrem { background-color: #fff; color: #444; }
-.cadre-liste .titrem.hover { background-color: #GET{claire}}
-.cadre-liste .tr_liste .titrem { background-color:#eee; }
-*/
-
-/*.ajax-action {padding-top:0px;clear:both;position: relative; }*/
-/*
-.dater {position: relative; }
-.dater { border: 1px solid #GET{claire}; }
-.dater .hover, .editer_mot .hover, .editer_auteurs .hover { background-color: #GET{claire}; }
-*/
-/*
-.configuration #contenu .cadre .titrem { background-color:#eee; }
-.configuration #contenu .titrem.hover { background-color: #GET{claire}; }
-.configuration #contenu .cadre-trait-couleur { border: 1px solid #ccc; }
-.configuration #contenu .cadre-trait-couleur .titrem { background-color: #GET{claire};color: [#(#ENV{couleur_foncee}|couleur_foncer)]; text-transform: uppercase; }
-.configuration #contenu .ajax-action,
-.configuration #contenu .cadre-trait-couleur .cadre_padding {
- padding-top: 0px;
-}
-.configuration #contenu .cadre-couleur .cadre_padding .titrem,
-.configuration #contenu .cadre-trait-couleur .cadre_padding .titrem {
- text-transform: none;
- background-color: white;
- padding-bottom: 11px;
- color: #444444;
-
-}
-.configuration #contenu .cadre-couleur .titrem { background-color: #GET{claire}; }
-
-*/
-
-/*
-.cadre-couleur-foncee .titrem { background-color: #GET{claire}; color: #fff; color: #444; }
-.cadre-couleur-foncee .cadre_padding .titrem { color: #444; }
-.cadre-trait-couleur .titrem { background-color: #GET{foncee}; color: #fff; }
-.cadre-trait-couleur .cadre_padding .titrem { background-color: #fff;color: #444; }
-
-.mots_tous #contenu .titrem.impliable { background-color: #GET{claire}; }
-
-.cadre-couleur .titrem { background-color: #fff; }
-*/
-/*
-.joindre .titrem, #navigation .joindre .titrem { background-color: #GET{claire}; }
-*/
-/*.accueil #navigation .titrem { background-color: #fff; }*/
-/*
-#navigation .titrem, #extra .titrem {text-align: center; }
-#navigation .titrem, #extra .titrem { background-color: #fff; }
-#liste_images .titrem, #liste_documents .titrem { background-color: #ccc; }
-*/
-/*#liste_images .legender .titrem, #liste_documents .legender .titrem { background-color: #fff; } */
-/*#navigation .hover, #extra .hover, .joindre .hover, #liste_images .hover, #liste_documents .hover { background-color: #GET{claire}; }*/
-/*
-.iconifier div div.titrem {text-align: #GET{left}; }
-.iconifier div div {text-align: center; }
-.iconifier div div label {text-align: #GET{left};display: block; }
-*/
--
GitLab