Browse Source

Reorganisation complete des feuilles de style de l'espace privé :

- toutes déplacées dans le repertoire du thème
- découpage par grandes fonctions
- tous les paramètres calculés historiques, auxquels sont ajoutés des paramètres liés à la typo, sont calculés une fois dans style_prive.css.html du theme, et passees a toutes les inclusions, ce qui evite redondance de calcul
- chaque feuille est surchargeable par un thème indépendamment des autres
- la typo est reprise du travail de tetue sur le plugin petronille/basecss
- la grille et les boites sont reprises de ooCSS

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.
spip-3-stable
Cerdic 12 years ago
parent
commit
ab4e0e5a9e
  1. 11
      .gitattributes
  2. 12
      ecrire/inc/filtres.php
  3. 28
      ecrire/inc/filtres_ecrire.php
  4. 2
      ecrire/inc/presentation_mini.php
  5. 20
      prive/squelettes/body.html
  6. 25
      prive/squelettes/inclure/head.html
  7. 17
      prive/style_prive.css.html
  8. 74
      prive/style_prive.html
  9. 90
      prive/themes/spip/bando.css.html
  10. 2
      prive/themes/spip/base.css
  11. 60
      prive/themes/spip/box_skins.css.html
  12. 59
      prive/themes/spip/content.css.html
  13. 38
      prive/themes/spip/exceptions.css.html
  14. 688
      prive/themes/spip/forms.css.html
  15. 7
      prive/themes/spip/grids.css.html
  16. 52
      prive/themes/spip/icons.css.html
  17. 3
      prive/themes/spip/layout.css
  18. 106
      prive/themes/spip/lists.css.html
  19. 72
      prive/themes/spip/plugins.css.html
  20. 10
      prive/themes/spip/plugins.css_fonctions.php
  21. 0
      prive/themes/spip/reset.css
  22. 55
      prive/themes/spip/style_prive.css.html
  23. 0
      prive/themes/spip/style_prive_defaut.css
  24. 0
      prive/themes/spip/theme.css.html
  25. 202
      prive/themes/spip/typo.css.html
  26. 307
      prive/themes/spip/vieilles_def.css.html

11
.gitattributes vendored

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

12
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

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

2
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()

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

25
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}" />

17
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})]

74
prive/style_prive.html

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

90
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)]

2
prive/themes/spip/base.css

@ -52,3 +52,5 @@ td {
}
td { text-align: left; }
.clicable {cursor:hand;cursor:pointer;}

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

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

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

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