X-Git-Url: http://git.cyclocoop.org/?p=velocampus%2Fweb%2Fwww.git;a=blobdiff_plain;f=www%2Fprive%2Fstyle_prive.html;fp=www%2Fprive%2Fstyle_prive.html;h=bf3f5103fe77dc3899c61f5ecdf4a2fa9642cc34;hp=0000000000000000000000000000000000000000;hb=80b4d3e85f78d402ed2e73f8f5d1bf4c19962eed;hpb=aaf970bf4cdaf76689ecc10609048e18d073820c
diff --git a/www/prive/style_prive.html b/www/prive/style_prive.html
new file mode 100644
index 0000000..bf3f510
--- /dev/null
+++ b/www/prive/style_prive.html
@@ -0,0 +1,895 @@
+[(#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 !
+]
+#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}}
+#SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}}
+#SET{chemin_img_pack,#EVAL{_DIR_IMG_PACK}}
+
+[(#REM) les vieux styles a evacuer en premier, ca permet qu'ils ne polluent pas en cas de double definition]
+[(#INCLURE{fond=style_vieilles_def}{couleur_claire}{couleur_foncee}{lang}{ltr})]
+
+body { background-color: #f8f7f3; margin: 0; border: 0; color: #000; }
+body{ font-size: 100%;font-family: Verdana, Geneva, Sans, sans-serif; }
+
+/*-- spip-admin pour le debug --*/
+#INCLURE{prive/spip_admin.css}
+
+
+/* Espaceurns de blocs */
+.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }
+
+/* Non visible a l'ecran */
+.invisible { position: absolute; top: -3000em; height: 1%; }
+.none { display: none; }
+
+/* ajax */
+.image_loading {float:#GET{right};}
+
+#page { font-size: small; }
+/* ecran etroit*/
+#conteneur,.table_page,div.messages { clear: both; margin-#GET{right}: auto; margin-#GET{left}: auto; text-align: #GET{left}; width: 750px; margin-top:0.5em;}
+#navigation { float: #GET{left}; width: 200px; min-height: 100px; }
+#contenu { float: #GET{left} ; margin-#GET{left}: 30px; width: 505px; }
+#extra { float: #GET{left}; width: 200px; }
+
+/* ecran large*/
+.large #conteneur,.large .table_page,.large div.messages { margin-#GET{right}: auto; margin-#GET{left}: auto; text-align: #GET{left}; width: 974px; }
+.large #navigation { float: #GET{left}; width: 200px; }
+.large #contenu { float: #GET{left}; margin-#GET{left}: 17px; width: 540px; }
+.large #extra { float: #GET{right}; width: 200px; }
+
+/* les formulaires sont en 600px en config large */
+.articles_edit .large #contenu,
+.mots_edit .large #contenu,
+.breves_edit .large #contenu,
+.rubriques_edit .large #contenu {width:600px; margin-top: 20px;}
+.articles_edit .large #extra,
+.mots_edit .large #extra,
+.breves_edit .large #extra,
+.rubriques_edit .large #extra {width:140px;}
+
+
+div.table_page { margin-top: 1em; }
+#contenu { font-size: small; }
+
+#chemin {
+ font-size: 0.85em;
+ overflow: hidden;
+ margin: 0;
+ padding: 0;
+}
+#chemin li a { color: black; }
+#chemin li a:hover { text-decoration: underline; }
+
+#chemin ul, #chemin li, #chemin li .bloc {
+ margin: 0;
+ padding: 0;
+ margin-top: 0;
+ padding-top: 0;
+ list-style-type: none;
+ display: inline;
+}
+#chemin li .bloc {
+ padding: 2px;
+ padding-bottom: 4px;
+ display: -moz-inline-box;
+ display: inline-block;
+}
+#chemin li .bloc:hover {
+}
+
+#chemin li li .bloc {
+ margin-top: 2px;
+}
+#chemin li li .bloc a {
+ color: #444;
+}
+#chemin .aide {padding-top: 0px; }
+
+h1 { color: #GET{foncee}; font-size:large; font-family: Arial, Sans, sans-serif; margin: 0.5em 0 0.25em 0; }
+h2 { color: #000; font-size: medium; font-family: Arial, Sans, sans-serif; margin: 0.5em 0 0.25em 0; }
+h3 { color: #666; font-size: medium; font-family: Arial, Sans, sans-serif; margin: 0.5em 0 0.25em 0; }
+
+td { text-align: #GET{left}; }
+
+
+
+select.fondl { padding: 0; }
+.maj-debut:first-letter { text-transform: uppercase; }
+
+/*style for horizontal list
*/
+/*for IE item list must be specified in .menu-item*/
+/*possible added classes #GET{left}ed centered righted vcentered*/
+
+.h-list { display: table}
+.h-list ul { display: table-row; list-style: none; margin: 0; padding: 0; }
+.h-list li { display: table-cell; margin: 0; padding: 0; }
+#bandeau-principal .h-list ul>li .menu-item { width: auto !important}
+
+.vcentered li { vertical-align:middle}
+.#GET{left}ed { margin: 0 auto 0 0; }
+.centered { margin: 0 auto; text-align: center; }
+.#GET{right}ed { margin: 0 0 0 auto; }
+#page { margin: auto; text-align: center; }
+.table_page{ margin: auto; text-align: #GET{left}; }
+
+/*style for bandeau-principal*/
+#bandeau-principal { padding-top: 5px; border-bottom: 1px solid #ccc; position: relative; z-index: 90; background: #fff; }
+#bandeau-principal .h-list .menu-item { margin: 0 auto}
+
+#bandeau-principal a {cursor:hand;}
+#bandeau-principal a .icon_fond { width: 48px; height: 48px; background: [#(#ENV{couleur_claire})]; margin: auto; }
+#bandeau-principal a.selection .icon_fond { width: 48px; margin:auto }
+#bandeau-principal a:hover span.icon_fond { background: [#(#ENV{couleur_claire}|couleur_eclaircir)]; width: 48px; height: 48px; margin: auto; }
+#bandeau-principal li.boutons_admin:hover .bandeau_sec,
+#bandeau-principal li.boutons_admin.sfhover .bandeau_sec { display: block; }
+#bandeau-principal span.icon_fond span { background: center top no-repeat; height: 48px; display: block; width: 48px; margin: 0; }
+
+/*style for submenus*/
+.bandeau_sec { margin-top: 0; padding: 2px; padding-top: 0; background-color: #fff; border-bottom: 1px solid #ccc; border-#GET{left}: 1px solid #ccc; border-#GET{right}: 1px solid #ccc; z-index: 100; display: none; position:absolute; }
+
+/*style for #bandeau_couleur*/
+.bandeau_couleur {text-align: #GET{left}; margin: 0; padding: 0; }
+.bandeau_couleur a {color:#666;}
+
+#bandeau_couleur { min-height: 20px; padding: 2px 0; max-height: 40px; width: 100%; background: #GET{claire}; }
+#bandeau_couleur1 .menu-item { width: 230px; text-align: #ENV{ltr}}
+#bandeau_couleur3 .menu-item { width: 150px; text-align: #GET{right}}
+#bandeau_couleur4 .menu-item { width: 68px; margin: 0 5px; text-align: #GET{right}; }
+#bandeau_couleur4 .menu-item a {font-weight:normal; color: black;}
+#bandeau_couleur5 .menu-item { width: 114px; }
+#bandeau_couleur6 .menu-item { width: 32px; }
+
+#preferences_couleurs,
+#preferences_menu,
+#preferences_ecran {display:inline; padding:0 3px;}
+#preferences_map {display:none;}
+
+#preferences_couleurs {
+ white-space: nowrap;
+}
+
+#bandeau_couleur5 label {position:absolute;top:-500px;}
+
+
+/* * Icones et bandeaux */
+
+/* Da cancellare
+#bandeau-principal { background-color: #fff; margin: 0; padding: 0; border-bottom: 1px solid #000; }
+.bandeau-icones { background-color: #fff; margin: 0; padding: 0; padding-bottom: 2px; padding-top: 4px; } */
+/* .bandeau_sec .gauche { margin-top: 0; padding: 2px; padding-top: 0; background-color: #fff; border-bottom: 1px solid #000; border-#GET{left}: 1px solid #000; border-#GET{right}: 1px solid #000; z-index: 100; } */
+/* .bandeau-icones.separateur { vertical-align: middle; height: 100%; width: 11px; margin: 0; padding: 0; background: url(#GET{chemin_img_pack}file=tirets-separation.gif); background-position: 5px 0px; } */
+.bandeau_couleur { padding-#GET{right}: 4px; padding-#GET{left}: 4px; font-family: verdana, helvetica, arial, sans; font-size: 11px; color: #000; text-align: center; font-weight: bold; height: 22px; }
+.bandeau_couleur_sous { position: absolute; visibility: hidden; top: 1px; background-color: white; border: 1px solid #GET{claire}; color: #000; padding: 5px; padding-top: 2px; font-family: verdana, helvetica, arial, sans; font-size: 11px; }
+
+a.lien_sous { color: #666; }
+a.lien_sous:hover { color: #000; text-decoration: underline; }
+.cadre-bandeau-rubriques { background-color: #eee; z-index: 1; }
+.cadre-bandeau-rubriques .titrem { background: #GET{claire}; }
+.cadre-bandeau-rubriques .cadre_padding { padding: 0; }
+.cadre-meme-rubriques { background: #eee; border: 1px solid #ccc; }
+.cadre-meme-rubriques .cadre_padding.padding_x { padding: 0; }
+.cadre-meme-rubriques .padding_x .bloc_depliable { padding: 0; }
+
+a.bandeau_rub { display: block; font-size: 10px; padding: 3px; padding-#GET{right}: 13px; padding-#GET{left}: 16px; color: #666; text-decoration: none; border-bottom: 1px solid #ccc; background-repeat: no-repeat; background-position: [(#ENV{ltr}|choixsiegal{left,1,99})%] center; background-image: url(#GET{chemin_img_pack}rubrique-12.gif); }
+a.bandeau_rub:hover { background-color: #fff; text-decoration: none; color: #333; background-repeat: no-repeat; background-position: [(#ENV{ltr}|choixsiegal{left,1,99})%] center; }
+div.bandeau_rub { position: absolute; #GET{left}: 120px; background-color: #eee; padding: 0; border: 1px solid #ccc; border-bottom: 0px; visibility: hidden; min-width:100%; }
+
+div.brt { background: url(#GET{chemin_img_pack}triangle-droite[(#GET{rtl})].gif) [(#GET{right})] center no-repeat; }
+div.pos_r { position: relative; }
+
+/* selecteur de rubriques */
+.selecteur_parent{font-size: 90%; width: 99%; max-height: 24px;} /* appliquee sur le