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