[SPIP][PLUGINS] v3.0-->v3.2

[lhc/web/www.git] / www / prive / themes / spip / forms.css.html

diff --git a/www/prive/themes/spip/forms.css.html b/www/prive/themes/spip/forms.css.html
index 33ebde8..edee4de 100644 (file)
--- a/www/prive/themes/spip/forms.css.html
+++ b/www/prive/themes/spip/forms.css.html
@@ -35,16 +35,16 @@
        border: 1px solid #ENV{foncee};
        color: #333;
        background-color: #f8f8f8;
-       margin: [(#ENV{margin-bottom}|mult{1.5})em] 0;
+       margin: [(#ENV{margin-bottom}|strmult{1.5})em] 0;
        position:relative; /* pour positionner le ajaxload en automatique */
 }
 
 .cadre-formulaire-editer .formulaire_spip { margin-top:0; }
-.cadre-formulaire-editer {color: #444; margin-top:[(#ENV{margin-bottom}|mult{1.5})em];position:relative;}
+.cadre-formulaire-editer {color: #444; margin-top:[(#ENV{margin-bottom}|strmult{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;}
+.entete-formulaire{ background:white; border:1px solid #ENV{foncee}; border-bottom:0; padding:[(#ENV{margin-bottom}|strdiv{2})em] 10px; overflow:hidden;}
 .ie6 .entete-formulaire {zoom:1; /* correction IE6 */}
 .formulaire_spip .cadre{border: 1px solid #ENV{foncee};}
 
@@ -53,23 +53,28 @@ h3.titrem {position:relative;}
 .formulaire_spip h3.titrem {background-color: [#(#ENV{foncee}|couleur_eclaircir)];color: #4A4A4A;}
 
 /* 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;}
+.formulaire_spip fieldset {padding-left:10px;padding-right:10px;margin-bottom:[(#ENV{margin-bottom}|strdiv{4})em]}
+.formulaire_spip .editer-groupe {padding: [(#ENV{margin-bottom}|strdiv{4})em] 0;}
+.formulaire_spip .editer-groupe .editer-groupe,.formulaire_spip .fieldset fieldset {margin:0;}
+.formulaire_spip .editer-groupe,
+.formulaire_spip fieldset,
+.formulaire_spip fieldset .editer-groupe,
+.formulaire_spip .boutons,
+.formulaire_spip .titrem,
+.formulaire_spip .legend {margin-left: -10px;margin-right: -10px;}
 
-.formulaire_spip li {padding: [(#ENV{margin-bottom}|div{2})em] 10px;clear:both;overflow:hidden;}
+.formulaire_spip .editer {padding: [(#ENV{margin-bottom}|strdiv{2})em] 10px;clear:both;overflow:hidden;}
+
+.formulaire_spip .editer-groupe.deux_colonnes {  -webkit-column-count: 2;  -moz-column-count: 2;  column-count: 2; }
 
 /* label -----*/
 
 /* Formulaires alignes a gauche c'est le par defaut des formulaires de Spip */
-.formulaire_spip li,
-.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 .editer,
+.formulaire_spip .editer.gauche {padding-#ENV{left}:140px;}
 
-.formulaire_spip li label,
-.formulaire_spip li.gauche label {
+.formulaire_spip .editer label,
+.formulaire_spip .editer.gauche label {
        color: #444;
        width: 114px;
        float:#ENV{left};
@@ -77,7 +82,7 @@ h3.titrem {position:relative;}
        text-align: #ENV{left};
        /*vertical-align: top;*/
 }
-.ie6 .formulaire_spip li label,.ie6 .formulaire_spip li.gauche label {position:relative;display:inline;}
+.ie6 .formulaire_spip .editer label,.ie6 .formulaire_spip .editer.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;}
@@ -100,10 +105,10 @@ h3.titrem {position:relative;}
 .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 .pleine_largeur>label {display: block;float: none;width:auto;margin-#ENV{left}: 0;}
 
-.formulaire_spip li.obligatoire label,
-.formulaire_spip li.obligatoire.gauche label {color: black;font-weight: bold;}
+.formulaire_spip .editer.obligatoire label,
+.formulaire_spip .editer.obligatoire.gauche label {color: black;font-weight: bold;}
 
 /* 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;}
@@ -125,37 +130,40 @@ h3.titrem {position:relative;}
 .formulaire_spip input.password,
 .formulaire_spip input.file,
 .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;}
+.formulaire_spip textarea {padding: [(#ENV{margin-bottom}|strdiv{4})em] 5px;overflow: auto;font-size: inherit;font-family:inherit;line-height: inherit;}
 
 .formulaire_spip input.placeholder,
 .formulaire_spip textarea.placeholder {color:#888;}
-.formulaire_spip li.obligatoire input.text {font-weight: bold;}
+.formulaire_spip .editer.obligatoire input.text {font-weight: bold;}
 
 
 .formulaire_spip .erreur {background-color:#FBE3E4;}
-.formulaire_spip li .erreur_message {  display: block;color: #8A1F11;font-weight:bold;}
+.formulaire_spip .editer .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;}
 
 /* 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>label,
+.formulaire_spip .choix :not(.editer)>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;}
 
 /* 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};margin-top:#ENV{margin-bottom};}
+.error,.success,.notice,.information {border:2px solid;color:#333;font-weight: normal;padding:[(#ENV{margin-bottom}|strdiv{2})em] 10px;padding-left:40px;min-height:24px;background-repeat:no-repeat;background-position: 2px 5px;margin-bottom:#ENV{margin-bottom};margin-top:#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});}
-
+.information {color: #1e556b;border-color: #2f96b4;background-color: #e2f6fd;}
 
 /* Explications */
 .formulaire_spip p {}
-.formulaire_spip .explication {display:block;padding: 5px;background-color: #e9e9e9;margin:0;}
-.formulaire_spip li .explication a {}
+.formulaire_spip .explication {display:block;padding: 5px;background-color: #e9e9e9;}
+.formulaire_spip .editer .explication {margin-bottom: 0;margin-top: 0;}
+.formulaire_spip .editer .explication>:last-child {margin-bottom: 0}
+.formulaire_spip .editer .explication a {}
 
 /* Remarques importantes */
 .formulaire_spip .attention { display: block; margin-bottom: #ENV{margin-bottom}; font-weight: normal; }
@@ -169,25 +177,23 @@ h3.titrem {position:relative;}
 }
 
 /* icone d'aide */
-.formulaire_spip li .aide {padding-top: 0px;}
+.formulaire_spip .editer .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];}
+.formulaire_spip .editer.fieldset {padding:0;}
+.formulaire_spip fieldset {border: 0;width:auto;border-top: 1px solid #ccc;margin-top: [(#ENV{margin-bottom}|strdiv{4})em];padding-bottom:[(#ENV{margin-bottom}|strdiv{4})em];}
 
 .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 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;margin-bottom:[(#ENV{margin-bottom}|strdiv{2})em]}
 
+.formulaire_spip .editer fieldset label {color: #444444;}
 
 /* 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 .boutons { margin-bottom:0;clear:both;padding: [(#ENV{margin-bottom}|strdiv{2})em] 10px;text-align: #ENV{right};background-color: #[(#ENV{claire}|couleur_eclaircir)];border-top: 1px solid [(#ENV{claire})];}
 
 #navigation .formulaire_spip .boutons,
-#extra .formulaire_spip .boutons { padding: [(#ENV{margin-bottom}|div{4})em] 5px}
+#extra .formulaire_spip .boutons { padding: [(#ENV{margin-bottom}|strdiv{4})em] 5px}
 
 .formulaire_spip .boutons .image_loading {float:none;}
 /* Bouton de validation */
@@ -195,58 +201,64 @@ input[type="file"] {border: none;background-color: transparent;}
 /* Pour IE, qui grossit le bouton submit */
 input[type="submit"],input[type="reset"] {font-size: inherit;}
 
+/* Date picker */
+#ui-datepicker-div {z-index: 1001 !important;}
+
 
 /*
  * 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;}
+.lat .formulaire_spip .editer-groupe,.lat .formulaire_spip fieldset,.lat .formulaire_spip .boutons,.lat .formulaire_spip .titrem,.lat .formulaire_spip .legend {margin-left: -5px;margin-right: -5px;}
 
 .lte7 .lat .formulaire_spip input.text,.lte7 .lat .formulaire_spip textarea {margin-left: 5px;} /* BUG IE7 */
 .lat .formulaire_spip {}
-.lat .formulaire_spip h3.titrem {font-size:1em;/*padding:[(#ENV{margin-bottom}|div{4})em] 5px;*/}
+.lat .formulaire_spip h3.titrem {font-size:1em;/*padding:[(#ENV{margin-bottom}|strdiv{4})em] 5px;*/}
 
-.lat .formulaire_spip li {padding: [(#ENV{margin-bottom}|div{4})em] 5px;}
+.lat .formulaire_spip .editer {padding: [(#ENV{margin-bottom}|strdiv{4})em] 5px;}
 
-.lat .formulaire_spip li label {text-transform: none;color: #444444;display:block;font-weight: normal;float:none;padding: 0;width:auto;margin-#ENV{left}:0;}
+.lat .formulaire_spip .editer label {text-transform: none;color: #444444;display:block;font-weight: normal;float:none;padding: 0;width:auto;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;}
 .lat .formulaire_spip input.file {font-size: 0.9em;}
 
-.lat .formulaire_spip li .choix label {display:inline;}
+.lat .formulaire_spip .editer .choix label {display:inline;}
 
 /* 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_editer_auteur .editer_statut {background-color: [#(#ENV{couleur_claire}|couleur_eclaircir)];margin-top:5px;padding-bottom:[(#ENV{margin-bottom}|strdiv{2})em];}
 .formulaire_spip .editer_parent .rubrique_actuelle {clear:#ENV{left};}
 
-.formulaire_spip li.editer_parent label,
-.formulaire_spip li.editer_groupe_mot label {
+.formulaire_spip .editer.editer_parent label,
+.formulaire_spip .editer.editer_groupe_mot label {
        color: black;
        font-weight: bold;
 }
 
 
 /* Formulaires particuliers ----------------------------------------------------------------*/
-.formulaire_editer_article li.editer_liens_sites {border-bottom: 1px solid #ccc;}
+.formulaire_editer_article .editer.editer_liens_sites {border-bottom: 1px solid #ccc;}
 
 /* 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 .editer.editer_statut {      padding-top:10px;}
+.formulaire_editer_auteur .editer.editer_statut .instituer_auteur {margin-#ENV{left}:-130px;margin-top:10px;}
+.formulaire_editer_auteur .editer.editer_statut .rubriques_restreintes > p {margin-#ENV{left}:0;margin-bottom:0;margin-top:10px;}
+.formulaire_editer_auteur .editer.editer_statut .rubriques_restreintes label { float: none; width: auto; margin-#ENV{left}: 0; }
 
 .formulaire_spip .toggle_box_link {position:absolute;top:5px;#ENV{right}:5px;}
 
 .formulaire_editer_logo {}
 #navigation .formulaire_editer_logo .apercu,#navigation .formulaire_editer_logo .ajouter_survol {text-align: center;}
+.formulaire_editer_logo .spip_logo img, #illustrations .vignette img, #documents_joints .image img.spip_logo {
+               background: url(#CHEMIN_IMAGE{fond-imgs.png});
+}
 .formulaire_editer_logo .taille {font-size: 0.9em;}
 
-.formulaire_configurer_multilinguisme #langues_bloquees li,
-.formulaire_configurer_multilinguisme #langues_proposees li { padding:0 5px;margin-#ENV{right}:10px;float:#ENV{left};width:45%;clear:none;}
+.formulaire_configurer_multilinguisme #langues_bloquees .choix,
+.formulaire_configurer_multilinguisme #langues_proposees .choix { padding:0 5px;margin-#ENV{right}:10px;float:#ENV{left};width:45%;clear:none; background: transparent; border: 0; }
 .formulaire_configurer_multilinguisme .traduite label {text-decoration:underline;}
 .formulaire_configurer_multilinguisme #langues_bloquees label {color: #ENV{foncee};font-weight: bold; }
 
@@ -257,19 +269,22 @@ input[type="submit"],input[type="reset"] {font-size: inherit;}
 .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;font-size:0.9em;}
+.formulaire_dater .editer {padding-bottom:0;padding-top:0;}
+.formulaire_dater .editer label {font-weight: bold;text-transform: uppercase;font-size:0.9em;}
 .formulaire_dater .aide {float:#GET{right}}
 .lte7 .formulaire_dater a.aide {margin-top: -16px;position: relative;display: inline;}
 .formulaire_dater .affiche {font-weight: bold;text-transform: uppercase;}
 .formulaire_dater .saisie_redac {display:block;}
+.formulaire_dater .editer_date_redac .editable .choix{ display:block;}
+.formulaire_dater .editer_date_redac .editable label { margin-left:-260px!important; width:240px !important; display:inline-block;}
+.formulaire_dater  #sans_redac { vertical-align:top;}
 
 /* editer_liens */
 .formulaire_editer_liens .liste-objets {border:0;margin-left:-10px;margin-right:-10px;}
 .formulaire_editer_liens .liste-objets-associer .caption {font-size:0.9em;}
 .formulaire_editer_liens .liste-objets-associer .caption span.recherche {float:#ENV{right};margin-top:-3px;font-size:0.9em;}
 .formulaire_editer_liens .liste-objets-associer .caption span.recherche .tout_voir {font-size:0.8em;}
-.formulaire_editer_liens h3,.formulaire_editer_liens .titrem {margin:0 -10px;padding:[(#ENV{margin-bottom}|div{2})em];}
+.formulaire_editer_liens h3,.formulaire_editer_liens .titrem {margin:0 -10px;padding:[(#ENV{margin-bottom}|strdiv{2})em];}
 .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;}
@@ -301,18 +316,18 @@ input[type="submit"],input[type="reset"] {font-size: inherit;}
 .lte8 .largeur .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-#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::-moz-placeholder { color:#eee; opacity: 1; }
 .formulaire_spip.formulaire_recherche .text.placeholder { color:#eee; }
 
-.formulaire_spip.formulaire_recherche .cancel {float: [(#ENV{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;z-index:2}
 .formulaire_spip.formulaire_recherche label {display:none;}
-.formulaire_spip.formulaire_recherche .submit,.formulaire_spip.formulaire_recherche .image {float: [(#ENV{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_spip.formulaire_recherche .image { z-index:2; }
 
 /* formulaire_traduire */
 .formulaire_traduire .liste-objets {margin-top:0;margin-bottom:0;}
 .formulaire_traduire .liste-objets .first_row {display:none;}
 .formulaire_traduire .supprimer_trad {float:#ENV{right};}
-.formulaire_traduire .voir_traductions {overflow: visible;}
 
 /* les boutons action */
 form.bouton_action_post, form.bouton_action_post div {display:inline;}