X-Git-Url: http://git.cyclocoop.org/?p=velocampus%2Fweb%2Fwww.git;a=blobdiff_plain;f=www%2Fplugins%2Fauto%2Fspip-bonux%2Fspip21%2Fstyle_prive_formulaires.html;fp=www%2Fplugins%2Fauto%2Fspip-bonux%2Fspip21%2Fstyle_prive_formulaires.html;h=a5ca06a25e645aa88f090e0c4ecb6c529b698f73;hp=0000000000000000000000000000000000000000;hb=80b4d3e85f78d402ed2e73f8f5d1bf4c19962eed;hpb=aaf970bf4cdaf76689ecc10609048e18d073820c

diff --git a/www/plugins/auto/spip-bonux/spip21/style_prive_formulaires.html b/www/plugins/auto/spip-bonux/spip21/style_prive_formulaires.html
new file mode 100644
index 0000000..a5ca06a
--- /dev/null
+++ b/www/plugins/auto/spip-bonux/spip21/style_prive_formulaires.html
@@ -0,0 +1,395 @@
+[(#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}}
+
+[(#REM) 
+	En attendant que tous les formulaires soient ecrits avec la syntaxe reecommandee
+	ce style permet d eviter d avoir une police surdimensionnee dans les textarea de cfg
+]
+textarea {
+	width: 97%;
+	font-size:1em;
+	margin:0;
+}
+.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};}
+
+.entete-formulaire p {margin:0 0 0.5em;}
+
+/*
+	Note sur ecran large et etroit, en [11846]
+		large = 540px (ou 600px!)
+		etroit = 505px
+*/
+
+/* 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: #fff [url((#CHEMIN{images/formulaire-editer.jpg}|image_sepia{#[(#GET{claire}|couleur_eclaircir)]}|image_aplatir{jpg}|extraire_attribut{src})) repeat-x bottom];
+}
+
+
+/*
+.cadre-formulaire{background:white;padding:0;}
+.entete-formulaire{padding:0.5em;}
+*/
+
+/* ul li */
+.formulaire_spip ul {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+.formulaire_spip li {
+	margin: 0;
+	padding: 10px 10px 10px 10px;
+	padding-#GET{left}:130px;
+	clear:both;
+	overflow:hidden;
+	border-top: 1px solid #[(#GET{foncee}|couleur_eclaircir|couleur_eclaircir)];
+}
+/* Pour les cases à cocher */
+.formulaire_spip li.choix,
+.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_spip li fieldset li {border:0; padding-top:5px; padding-bottom:5px;}
+
+/* elements du formulaire */
+.formulaire_spip input.text,
+.formulaire_spip input.password,
+.formulaire_spip textarea,
+.formulaire_spip select {
+	width: 97%;
+	font-size:1em;
+	margin:0;
+}
+.formulaire_spip input.submit, 
+.formulaire_spip input.reset, 
+.formulaire_spip input.button {
+	width: auto;
+}
+
+/* intitules (label) */
+.formulaire_spip li label {
+	width: 120px;
+	float:#GET{left};
+	margin-#GET{left}:-125px; 
+	text-align: #GET{left};
+	vertical-align: top;
+	color:#555;
+	font-weight:bold;
+	/* pour IE6 */
+	position:relative;
+	display:inline;
+}
+/* pour les autres */
+.formulaire_spip ul>li label {
+	display:block;
+	position:static;
+}
+
+.formulaire_spip li p {
+	margin-top:0;
+	margin-bottom:0;
+}
+
+/* fieldset */
+.formulaire_spip li.fieldset {padding:0;}
+.formulaire_spip fieldset {
+	margin:0;
+	padding:0 0 5px 0;
+	border:0;
+}
+.formulaire_spip li fieldset {
+	border-top:1px solid #GET{claire};
+	border-bottom:1px solid #GET{claire};
+	background:transparent;
+}
+.formulaire_spip fieldset legend {
+	padding:0.5em;
+	font-weight:bold;
+	font-style:italic;
+	font-size:1.2em;
+}
+.formulaire_spip li fieldset legend {
+	font-style:normal;
+	font-size:1em;
+	margin-#GET{left}:0px;
+	line-height:0.6em;
+	background:#fff; /* ie 6*/
+}
+.formulaire_spip li fieldset >legend {
+	background:none; /* others */
+}
+.formulaire_spip li fieldset h3.legend {
+	font-size:1.1em;
+	color:#333;
+	margin-top:0;
+	background:#GET{claire};
+	padding:2px 5px;
+}
+
+/* champ des radio/checkbox
+*  on annule les decalages de label/champs
+*  lorsqu'ils sont inclus dans une class .champ
+*
+*  La liste par defaut est verticale
+*  pour l'avoir horizontale, il faut specifier :
+*  .formulaire_spip .formulaire_editer .editer_qqc .champ{display:inline;}
+*/
+.formulaire_spip .choix label {vertical-align:inherit;float:none; margin-#GET{left}:5px; display:inline;color:#555 !important;font-weight:normal !important;width:auto;}
+.formulaire_spip .choix label input {vertical-align:middle;}
+.formulaire_spip .choix input.radio,
+.formulaire_spip .choix input.checkbox {width:auto;}
+
+/* icone d'aide */
+/*.formulaire_spip li em.aide { float:#GET{right};margin-#GET{right}:-10px;}*/
+
+/* boutons */
+.formulaire_spip .boutons,.boutons_formulaire {
+	margin:0; clear:both;
+	text-align: #GET{right};
+	font-size: 1.2em;
+	padding: 7px 1em;
+	margin:0;
+}
+#navigation .formulaire_spip .boutons,.boutons_formulaire,#extra .formulaire_spip .boutons,.boutons_formulaire {
+	padding: 5px;
+}
+
+.boutons_formulaire {font-size:1em;}
+.formulaire_spip .boutons input.submit,.boutons_formulaire input.submit {
+	margin-#GET{left}: 1em;
+	padding: 0 1em;
+	font-weight:normal;
+}
+
+
+/* obligatoire */
+.formulaire_spip li.obligatoire {
+	background-color:[ #(#GET{claire}|couleur_eclaircir)];
+}
+.formulaire_spip li.obligatoire label {
+	font-weight: bold;
+	color:#000;
+}
+
+
+/* erreur */
+.formulaire_spip .erreur input.text,
+.formulaire_spip .erreur textarea {
+	background-color: #FFCCCC;
+	border-style: solid;
+	border-color: #C30;
+}
+.formulaire_spip .erreur .erreur_message,
+.formulaire_spip em.attention {
+	color: #C30;
+	font-weight: bold;
+}
+.formulaire_spip .erreur_message{
+	display:block;
+}
+
+.formulaire_spip .reponse_formulaire{
+	margin-#GET{left}:0.5em;
+	margin-#GET{right}:0.5em;
+	font-weight: bold;
+	border:1px solid black;
+	padding:5px;
+}
+/* message reussite ? */
+.formulaire_spip .reponse_formulaire_ok{
+	border-color: #53AD20;
+	background:#E0FFCF;
+}
+.formulaire_spip .reponse_formulaire_erreur{
+	border-color: #C30;
+	background:#FFD0BF;
+}
+
+/* commentaires */
+.formulaire_spip .explication{	font-size:10px;	padding:10px;}
+.formulaire_spip li >.explication{ padding:0;}
+
+/* remarques importantes */
+.formulaire_spip em.attention{
+	display:block;
+	margin:0.5em;
+	font-weight:normal;
+}
+
+
+/* barre d'outil */
+.formulaire_spip table.spip_barre{
+	background:#aaa;
+	border: 1px solid #666;
+	width:90%; /* pour mettre a la meme taille que les champs de formulaire */
+	background:none; border:0; margin:0; padding:0;/**/
+}
+.formulaire_spip table.spip_barre a img { 
+	background-color:#ccc;
+	padding: 2px;
+	border: 1px solid #666;
+	margin-right:1px;
+}
+.formulaire_spip table.spip_barre a:hover img{
+	background:white;
+}
+
+/*
+ * Formulaires compactes
+ */
+.formulaire_spip_compact li,#navigation .formulaire_spip li,#extra .formulaire_spip li {padding:2px 5px;border:none;}
+.formulaire_spip_compact li label,#navigation .formulaire_spip li label,#extra .formulaire_spip li label {float:none;margin-#GET{left}:0;width:auto;}
+.formulaire_spip .editer_date select {width:auto;}
+
+
+
+/*
+ * Cas particuliers
+ */
+
+/* annuler les f@@@@ div de sa majeste */
+div.edition, div.label {display:inline;}
+
+/* accepter la classe 'haut' pour mettre les blocs
+   sur toute la largeur du formulaire comme la css du core... */
+.formulaire_spip li.haut {padding-left:5px;}
+.formulaire_spip li.haut label {margin-left:0px;margin-bottom:5px; display:block; float:none;width:auto;}
+.formulaire_spip li.haut textarea {width:98%;}
+
+
+.formulaire_editer .editer_parent {background:#eee;}
+.formulaire_editer .editer_parent #choix_parent {}
+.formulaire_editer .editer_parent #choix_parent_principal,
+.formulaire_editer .editer_parent #choix_parent_selection {margin-#GET{left}:-120px;}
+
+#contenu .formulaire_editer .editer_titre input,
+#contenu .formulaire_editer .editer_nom input{font-size:1.2em; font-weight:bold;}
+.formulaire_editer .editer_chapo textarea{height:12em;}
+
+/* le brouteur de rubrique en cas de petit ecran doit etre aussi plus petit ! */
+.etroit .formulaire_editer .editer_parent #titreparent{width:50% !important;}
+
+/* pour mettre les text-area en grand...*/
+.formulaire_editer .editer_texte,
+.formulaire_editer .editer_chapo,
+.formulaire_editer .editer_descriptif {padding-left:5px;}
+.formulaire_editer .editer_texte label,
+.formulaire_editer .editer_chapo label,
+.formulaire_editer .editer_descriptif label {margin-left:0px;margin-bottom:5px; display:block; float:none;width:auto;}
+.formulaire_editer .editer_texte textarea,
+.formulaire_editer .editer_chapo textarea,
+.formulaire_editer .editer_descriptif textarea {width:98%;}
+.formulaire_editer .editer_texte table.spip_barre {width:98%;}
+/* */
+
+
+/* auteur */
+.formulaire_editer_auteur .editer_statut ul{margin:0; }
+.formulaire_editer_auteur .editer_statut li{list-style-position:inside; padding:0;}
+.formulaire_editer_auteur .editer_statut input[type=submit]{width:auto;}
+
+.formulaire_editer_auteur li.editer_statut .instituer_auteur {margin-top:15px;margin-left:-125px;}
+
+.formulaire_editer .editer_redacteurs_connectes p.explication{margin:0.5em;}
+
+/* si on enleve le: ul fieldset{margin-left:-125px;} il faut remettre ceci : * /
+.formulaire_editer .editer_identification{padding-left:5px;}
+.formulaire_editer .editer_redacteurs_connectes{padding-left:5px;}
+.formulaire_editer .editer_referencement_automatise {padding-left:5px;}
+.formulaire_editer .editer_syndications {padding-left:5px;}
+.formulaire_editer .editer_liens_sites {padding-left:5px;}
+/* */
+
+/* sites */
+.formulaire_editer .editer_referencement_automatise label {margin-left:0px;}
+.formulaire_editer .editer_referencement_automatise li {padding-left:5px;}
+.formulaire_editer .editer_referencement_automatise li label {display:block; float:none; width:auto;}
+
+
+/* breves */
+.formulaire_editer_breve .editer_statut{padding-#GET{left}:250px;}
+.formulaire_editer_breve .editer_statut label{width:240px;margin-#GET{left}:-245px;}
+
+
+/* navigateur de rubrique */
+.confirmer_deplacement input {
+	float: #GET{left};
+	margin-#GET{left}: -20px;	
+}
+
+/* barre typo */
+
+table.spip_barre {
+	background-color: #GET{foncee};
+	border-left: 1px solid #GET{claire};
+	border-right: 1px solid #GET{claire};
+	padding: 3px;
+	padding-bottom: 0px;
+}
+
+table.spip_barre a img {padding: 3px; border: 1px outset #GET{claire}; }
+table.spip_barre a:hover img { background: #FFF; border: 1px solid #CC9; }
+table.spip_barre input.barre { width: 99%; background: transparent; border: 0; color: #F57900; }
+
+/* retablir les ul.spip dans les explications */
+
+.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 {
+	margin-#GET{left}: 10px;
+	padding: 0;
+	overflow:visible;
+}
+
+.formulaire_spip a {color:[#(#GET{foncee}|couleur_foncer)];text-decoration:underline;}
+
+
+/* Style des formulaires de configuration
+----------------------------------------------- */
+.formulaire_configurer {margin:2em 0;}
+