[SPIP] +2.1.12
[velocampus/web/www.git] / www / prive / style_prive_formulaires.html
diff --git a/www/prive/style_prive_formulaires.html b/www/prive/style_prive_formulaires.html
new file mode 100644 (file)
index 0000000..95c1036
--- /dev/null
@@ -0,0 +1,546 @@
+#CACHE{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}}
+
+.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
+*/
+
+
+/* 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 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_erreur,
+.formulaire_spip .reponse_formulaire_ok {
+       font-weight: bold;
+       margin:10px;
+}
+.formulaire_spip .reponse_formulaire_erreur {
+       color: #C30;
+       border:2px solid #c30;
+       padding:5px;
+}
+.formulaire_spip .reponse_formulaire_ok {
+       color: #53AD20;
+}
+
+
+/* Explications */
+.formulaire_spip .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;
+       border: 1px solid #GET{claire};
+       border-bottom: 0px;
+       padding: 3px;
+       font-size:10px;
+       background-color: #dddddd;
+}
+.formulaire_spip .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;
+       line-height: 1.4em;
+}
+.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;
+       line-height: 1.4em;
+       padding:0;
+       clear:both;
+
+       border: 1px solid #GET{foncee};
+       color: #333;
+       background-color: #f8f8f8;
+}
+
+.formulaire_spip form {
+       margin: 0px;
+}
+
+/* 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;
+}
+
+/* annuler les f@@@@ div de sa majeste */
+div.edition, div.label {display:inline;}
+
+/* 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 label,
+.formulaire_spip li.gauche label {
+       width: 114px;
+       float:#GET{left};
+       margin-#GET{left}:-130px;
+       text-align: #GET{left};
+       /*vertical-align: top;*/
+       /* for IE 6*/
+       position:relative;
+       display:inline;
+
+       color: #444;
+       line-height: 11px;
+       font-family: verdana, arial, helvetica, sans;
+
+       padding-top: 4px;
+       padding-bottom: 6px;
+}
+.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;
+}
+
+
+/* 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 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.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;
+}
+
+.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;
+}
+
+
+/* Formulaires obligatoires */
+.formulaire_spip li.obligatoire input {
+       font-weight: bold;
+       font-size: 110%;
+}
+
+
+/* Fieldset */
+
+.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 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: 95%;
+       line-height: 11px;
+}
+
+.formulaire_spip fieldset li label {
+       color: #444444;
+}
+.formulaire_spip fieldset li input.text, .formulaire_spip fieldset li textarea.textarea {
+       border: 1px solid #aaaaaa;
+}
+
+
+
+/* Extra */
+
+.formulaire_spip extra {
+       margin: 0px;
+       padding: 0px;
+       border: 0px;
+}
+
+
+
+/* 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;
+}
+
+
+
+
+/*
+.cadre-formulaire{background:white;padding:0;}
+.entete-formulaire{padding:0.5em;}
+*/
+
+
+
+.formulaire_spip li.editer_identification fieldset{
+       [background-color: #(#GET{claire}|couleur_eclaircir|couleur_eclaircir);]
+}
+
+.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;
+}
+
+
+.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-left:-130px;}
+
+.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;
+}
+
+.formulaire_editer_site div.previsu_logo_site{
+       height:1px;
+}
+
+.formulaire_editer_site div.previsu_logo_site img{
+       position: relative;
+       #GET{left}: -220px;
+       top: -60px;
+}
+
+/* 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;
+}
+
+
+.formulaire_spip li.editer_parent label,
+.formulaire_spip li.editer_groupe_mot label {
+       color: black;
+       font-weight: bold;
+}
+
+
+/* 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{
+       font-size: 100%;
+}
+.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;
+
+       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;
+}
+
+.formulaire_spip ul.spip li,.formulaire_spip ol.spip li {
+       margin-#GET{left}: 10px;
+       padding: 0;
+       overflow:visible;
+}