153 lines
6.4 KiB
CSS
153 lines
6.4 KiB
CSS
|
/* ------------------------------------------
|
||
|
|
/* Habillage des formulaires
|
||
|
|
/* ------------------------------------------ */
|
||
|
|
input, select, textarea { font-size: 100%; font-family: inherit; }
|
||
|
|
|
||
|
|
|
||
|
|
/* Structure generale des formulaires
|
||
|
|
----------------------------------------------- */
|
||
|
|
.formulaire_spip {
|
||
|
|
clear: both; margin: .5em 0 2em; padding: 1em; border: 0; text-align: left; font-size: 1em;
|
||
|
|
border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
|
||
|
|
background-color:#f3f3f3;
|
||
|
|
}
|
||
|
|
.formulaire_spip form {
|
||
|
|
margin: 0; padding: 0; /* Bug IE/Win */
|
||
|
|
color: #555;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Fieldset */
|
||
|
|
.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
|
||
|
|
.formulaire_spip fieldset legend,
|
||
|
|
.formulaire_spip fieldset h3.legend { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; background-color: #f3f3f3; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
|
||
|
|
.formulaire_spip fieldset fieldset { margin-top: 1em; }
|
||
|
|
.formulaire_spip fieldset fieldset legend,
|
||
|
|
.formulaire_spip fieldset fieldset h3.legend { font-size: 1em; font-weight: normal; }
|
||
|
|
|
||
|
|
/* Explications */
|
||
|
|
.formulaire_spip .explication { margin: 0.50em 0; color: #444; }
|
||
|
|
|
||
|
|
/* Lignes */
|
||
|
|
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
|
||
|
|
.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }
|
||
|
|
|
||
|
|
/* Labels */
|
||
|
|
.formulaire_spip label { display: block; text-align: left; color: #444; /* pour IE/Win */ position: relative; }
|
||
|
|
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }
|
||
|
|
|
||
|
|
.formulaire_spip .choix label {display:inline; font-weight:normal;}
|
||
|
|
.formulaire_spip .choix input.radio,
|
||
|
|
.formulaire_spip .choix input.checkbox {width:auto;}
|
||
|
|
|
||
|
|
|
||
|
|
/* Champs de saisie */
|
||
|
|
.formulaire_spip input.text { width: 15em; }
|
||
|
|
.formulaire_spip textarea { width: 99%; }
|
||
|
|
.formulaire_spip select { width: 99%; }
|
||
|
|
|
||
|
|
/* Boutons */
|
||
|
|
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
|
||
|
|
.formulaire_spip .boutons input { margin-left: 1em; }
|
||
|
|
.formulaire_spip .boutons input, input.submit {}
|
||
|
|
|
||
|
|
|
||
|
|
/* Reponses, previsu et erreurs
|
||
|
|
----------------------------------------------- */
|
||
|
|
|
||
|
|
/* Champs obligatoires */
|
||
|
|
.formulaire_spip li.obligatoire {}
|
||
|
|
.formulaire_spip li.obligatoire label {}
|
||
|
|
|
||
|
|
/* Previsualisation du message */
|
||
|
|
.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
|
||
|
|
.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }
|
||
|
|
.formulaire_spip fieldset.previsu li { padding: 3px; border: none; }
|
||
|
|
.formulaire_spip fieldset.previsu p { margin: 1em 0; }
|
||
|
|
|
||
|
|
/* Reponse du formulaire */
|
||
|
|
.reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
|
||
|
|
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
|
||
|
|
fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */
|
||
|
|
|
||
|
|
/* * Erreurs */
|
||
|
|
.formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
|
||
|
|
.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }
|
||
|
|
.reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }
|
||
|
|
|
||
|
|
/* * OK */
|
||
|
|
.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }
|
||
|
|
|
||
|
|
|
||
|
|
/* Variantes et cas particuliers
|
||
|
|
----------------------------------------------- */
|
||
|
|
|
||
|
|
/* Barre de raccourcis typographiques */
|
||
|
|
table.spip_barre { width: 100%; }
|
||
|
|
table.spip_barre a img { background: #FDA; padding: 3px; border: 1px outset #CC9; }
|
||
|
|
table.spip_barre a:focus img,
|
||
|
|
table.spip_barre a:hover img,
|
||
|
|
table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; }
|
||
|
|
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; color:inherit; }
|
||
|
|
|
||
|
|
/* Formulaire de forum */
|
||
|
|
.formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea { width: 98%; }
|
||
|
|
|
||
|
|
/* Selection des langues */
|
||
|
|
.formulaire_menu_lang { margin: 0; padding: 0; background: none; }
|
||
|
|
|
||
|
|
/* Formulaires de recherche (site / petitions) */
|
||
|
|
.formulaire_recherche { margin: 0; padding: 0; background: none; }
|
||
|
|
.formulaire_recherche * { display: inline; vertical-align: middle; }
|
||
|
|
.formulaire_recherche label {}
|
||
|
|
.formulaire_recherche input.text { width: 10em; padding-left: 25px; background: #FFF url(rechercher.gif) no-repeat left center; }
|
||
|
|
.formulaire_recherche input.submit {}
|
||
|
|
|
||
|
|
.spip_surligne {} /* Cf.: spip_style.css */
|
||
|
|
|
||
|
|
/* Choix des mots-clefs */
|
||
|
|
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
|
||
|
|
ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
|
||
|
|
ul.choix_mots li label { display: inline; font-weight: normal; }
|
||
|
|
|
||
|
|
.formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */
|
||
|
|
|
||
|
|
/* Formulaire de login dans une page */
|
||
|
|
.formulaire_login ul li {clear:left;}
|
||
|
|
.formulaire_login .editer_password .details {display:block;}
|
||
|
|
.formulaire_login #spip_logo_auteur {float:right;}
|
||
|
|
|
||
|
|
/*********/
|
||
|
|
.formulaire_spip { border-color:#bbb; border-width:1px; background-color:#f3f3f3;}
|
||
|
|
.formulaire_spip fieldset legend { background-color:#f3f3f3;}
|
||
|
|
|
||
|
|
#extra .formulaire_spip { border-color:#888; border-width:1px; background-color:#f3f3f3; }
|
||
|
|
#extra .formulaire_spip fieldset legend { background-color:#f3f3f3;}
|
||
|
|
/* formulaire recherche */
|
||
|
|
#extra .formulaire_recherche {
|
||
|
|
margin: 14px 0 0 0px; float: right; border:none; background:none;
|
||
|
|
position:absolute; right:15px; top:45px;
|
||
|
|
}
|
||
|
|
.formulaire_recherche label { display: none !important; }
|
||
|
|
.formulaire_recherche input.text {font-size:10px; display:inline; padding:2px; margin:0px; width: 100px; background: #fafafa; border:#ccc solid 1px;}
|
||
|
|
.formulaire_recherche input.submit {
|
||
|
|
font-size:10px; display:inline; padding:2px; margin:0px;
|
||
|
|
border:none;
|
||
|
|
color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* formulaire langue */
|
||
|
|
.formulaire_menu_lang { font-size:80%; margin: 14px 0 0 0px; float: right; border:none; background:none;}
|
||
|
|
.formulaire_menu_lang label { display: none !important; }
|
||
|
|
.formulaire_menu_lang input.text {font-size:10px; display:inline; padding:2px; margin:0px; width: 100px; background: #fafafa; border:#ccc solid 1px;}
|
||
|
|
|
||
|
|
/* formulaire contact */
|
||
|
|
.formulaire_contact .editer_sujet input,
|
||
|
|
.formulaire_contact .editer_mail input {width:250px;}
|
||
|
|
.formulaire_contact .editer_sujet label,
|
||
|
|
.formulaire_contact .editer_mail label,
|
||
|
|
.formulaire_contact .editer_mail .erreur_message,
|
||
|
|
.formulaire_contact .editer_sujet .erreur_message {float:right; width:280px;}
|
||
|
|
|
||
|
|
/* formulaire inscription */
|
||
|
|
.formulaire_inscription { width:200px; float:right; margin-left:2em;}
|