Your IP : 18.224.93.225
Current Path : /home/meharicl/www/prive/ |
|
Current File : /home/meharicl/www/prive/style_prive_formulaires.html |
#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;
}