3 Ce squelette definit les styles de l'espace prive
5 Note: l'entete
"Vary:" sert a repousser l'entete par
6 defaut
"Vary: Cookie,Accept-Encoding", qui est (un peu)
7 genant en cas de
"rotation du cookie de session" apres
8 un changement d'IP (effet de clignotement).
10 ATTENTION: il faut absolument le charset sinon Firefox croit que
14 #CACHE{
3600*
100,cache-client}
15 #HTTP_HEADER{Content-Type: text/css; charset=iso-
8859-
15}
16 #HTTP_HEADER{Vary: Accept-Encoding}
19 /* ------------------------------------------
20 /* Habillage des elements du contenu
21 /* ------------------------------------------ */
22 html {background-color:#eee;}
23 #pied {font-size:
0.9em;border-top:
1px solid #ddd;background:#eee;margin-top:[(#ENV{margin-bottom}|div{
0.9})em];padding-top:[(#ENV{margin-bottom}|div{
0.9})em];overflow:hidden;}
24 #copyright {text-align:#ENV{right};}
26 #chemin { overflow: hidden; margin:
0; padding:
0; text-align:#ENV{left};}
27 #chemin
> a { color: #
444; }
28 #chemin
> a:hover { text-decoration: underline; }
30 #chemin .bouton_deplacer {display:block;float:#ENV{right};position:relative;padding:
3px;padding-#ENV{left}:
20px;}
31 #chemin .bouton_deplacer .image_loading {position:absolute;top:
0;#ENV{left}:
0;}
32 .edition #chemin .bouton_deplacer,.edition #chemin #chercher_rubrique {display: none;}
34 #chemin .aide {padding-top:
0px; }
36 #haut h1,#contenu h1 {color:#ENV{foncee};}
38 /* Liens hypertexte */
39 a { text-decoration: none; color: [#(#ENV{foncee}|couleur_foncer{
0.25})]; }
40 a:hover { text-decoration: underline; }
41 a.icone { text-decoration: none; }
42 a.icone:hover { text-decoration: none; }
44 a.plus_info {display:block;position:absolute;#ENV{right}:
10px;}
46 img.puce { width:
7px; height:
7px; border:
0; }
47 img.lang { width:
12px; height:
12px; border:
0; }
50 /* * Styles generes par les raccourcis de mise en page */
52 .chapo { font-weight: bold; color: #
333; }
54 #wysiwyg a { /*color: #
604A7F;*/ text-decoration: underline; }
55 #wysiwyg a:hover { /*color: #f57900;*/ text-decoration: underline; }
57 .boutonlien { font-weight: bold; font-size:
9px; }
58 a.boutonlien:hover { color: #
454545; text-decoration: none; }
59 a.boutonlien { color: #
808080; text-decoration: none; }
61 a.triangle_block { margin-top: -
3px; margin-bottom: -
3px; margin-#ENV{right}: -
3px; filter:alpha(opacity=
70); -moz-opacity:
0.7; opacity:
0.7; }
62 a.triangle_block:hover { filter: alpha(opacity=
100); -moz-opacity:
1; opacity:
1; }
64 a.ical { background: url(#CHEMIN_IMAGE{synchro-
24.png}) no-repeat; background-position: top center; padding-#ENV{left}:
30px; padding-bottom:
20px; }
66 .enfants ul { list-style: none; }
67 .enfants ul li.rubrique_12 {background:url(#CHEMIN_IMAGE{rubrique-
12.png})[ (#ENV{left})] center no-repeat; padding:
2px; padding-#ENV{left}:
18px; margin-#ENV{left}:
6px;position:relative;}
71 .lang_ecrire { max-height:
24px; border:
1px solid #fff; color: white; width:
100px; background: #ENV{foncee}; }
73 /* pour les puces de changement rapide de statut ; NB: ca buggue car ca s'affiche en-dessous du cadre */
74 /*li .puce_statut { float: #ENV{left}; padding-top:
5px; }
75 li .puce_article_popup, li.puce_breve_popup,li.puce_site_popup { padding:
0; }*/
76 .puce_objet { position: relative; }
77 .puce_objet_fixe { position: relative; }
79 .puce_objet_popup { position: absolute; margin-top:-
2px; visibility: hidden; border:
1px solid #
666; background-color: #ccc; z-index:
10; top:
0; #ENV{left}:
0;}
80 .puce_objet_popup img { padding:
2px; border:
0; }
81 .puce_objet .puce_objet_popup { visibility: hidden; }
82 .puce_objet.on .puce_objet_popup { visibility: visible; }
84 .tabs-nav a { color: #ENV{foncee}; }
87 #voir { overflow: hidden; }
89 #navigation .infos .numero { font-size:
0.769em;font-weight: bold; text-align: center; text-transform:uppercase;border-bottom:
1px solid #eee;padding-bottom:
10px;}
90 #navigation .infos .numero p { font-size:
2.4em; margin:
5px
0;color:#
333; font-family: Verdana, Geneva, sans-serif; }
91 #navigation .infos .noinfo { color:#ddd;}
92 #contenu .bandeau_actions { margin:
5px
0;clear:both; }
93 #contenu .bandeau_actions a:hover { background: #fff; }
94 #contenu .logo_titre { float: #ENV{right}; margin:
5px
0; margin-#ENV{left}:
5px; }
96 #contenu .fiche_objet .hd {padding-bottom:
0;}
97 #contenu .fiche_objet .bd {padding-top:
0;}
99 .infos .instituer_objet {border-bottom:
1px solid #eee;margin-bottom:[(#ENV{margin-bottom}|mult{
0.5})em];}
100 .infos .formulaire_instituer {background: none;border:
0;margin:
0 -
10px;}
101 .infos .formulaire_instituer .reponse_formulaire {display: none;}
102 .infos .formulaire_instituer ul {padding-bottom:
0;margin-bottom:
0;}
103 .infos .formulaire_instituer .editer {padding-left:
10px;padding-right:
10px;}
104 .infos .formulaire_instituer .show {display:block; margin:
0 -
10px;padding:
10px;background-color: #eee;}
105 .infos .formulaire_instituer .show select {width:
100%;}
106 .infos .formulaire_instituer .show select,
107 .infos .formulaire_instituer .show option {background-repeat:no-repeat;background-position:
4px center;background-color: #eee;color:inherit;}
108 .infos .formulaire_instituer .show img {border:
1px solid white;}
109 .infos .formulaire_instituer .boutons {background: none;border-top:
0;}
111 .infos .formulaire_instituer .statut_prepa .show {background-color: #fff;}
112 .infos .formulaire_instituer .statut_prop .show {background-color: #f89058;}
113 .infos .formulaire_instituer .statut_publie .show {background-color: #
9dba00;}
114 .infos .formulaire_instituer .statut_poubelle .show {background-color: #
000;color:#fff;}
115 .infos .formulaire_instituer .statut_poubelle .show select,
116 .infos .formulaire_instituer .statut_poubelle .show option {color:#
333;}
117 .infos .formulaire_instituer .statut_refuse .show {background-color: #ff0000;}
119 #wysiwyg .label { clear: both;color:#
888;}
120 #wysiwyg div p { margin-top:
0; }
121 #wysiwyg .champ {display:block;overflow: hidden;}
122 #wysiwyg .contenu_ps { background:#dddddd; border:
1px solid #
666; padding:
5px; margin:
1em
0;}
123 #wysiwyg .contenu_ps.vide {display: none;}
124 #wysiwyg .contenu_ps .label {display:inline; background:none;color:#
666;}
125 #wysiwyg .contenu_notes { background:#fff; border-top:
1px solid #
666; padding-top:
5px; margin:
1em
0; font-size:
0.9em; line-height:
1.3em;}
126 #wysiwyg .contenu_notes.vide {display: none;}
127 #wysiwyg .contenu_notes .label {display:inline;font-weight:bold;background:none;color:#
000;}
128 #wysiwyg .contenu_notes .notes { padding-#ENV{left}:
2em;}
129 #wysiwyg .contenu_notes .spip_note_ref {display:block;float:#ENV{left};margin-#ENV{left}:-
2em;}
130 #wysiwyg .texte {font-size:
1em;}
132 #wysiwyg { padding:
5px;font-size:
1em;clear: both;}
134 #wysiwyg .contenu_soustitre,
135 #wysiwyg .contenu_surtitre,
136 #wysiwyg .contenu_titre {display: none;}
137 #wysiwyg .vide {display: none;}
138 #wysiwyg .contenu_descriptif,
139 #wysiwyg .contenu_nom_site,
140 #wysiwyg .contenu_bio,
141 #wysiwyg .contenu_ps { background:#eeeeee; border:
1px solid #ccc; padding:
1em
1em
0em
1em; margin:
1em
0 ;}
142 #wysiwyg .contenu_nom_site {padding:
1em;}
143 #wysiwyg .contenu_descriptif .label {color:#
000;background:none;display:inline;font-size:
1.1em;font-weight:bold;}
144 #wysiwyg .label{ display: none; }
145 #wysiwyg .contenu_lien_titre {margin:
1em
0;}
146 #wysiwyg .contenu_lien_titre .label{ color:#
000;background:none;display:inline; font-size:
1.1em;font-weight:bold;font-family:Georgia,Garamond,Times New Roman,serif;}
147 #wysiwyg .contenu_lien_titre .lien_titre p { display:inline;}
149 .site #wysiwyg .contenu_nom_site {display: none;}
151 .auteur #wysiwyg .contenu_nom,.infos_perso #wysiwyg .contenu_nom {display:none;}
152 #wysiwyg .contenu_email {margin:
0.5em
0;}
153 #wysiwyg .contenu_email
> div {display:inline;}
154 .auteur #wysiwyg .contenu_nom_site,.infos_perso #wysiwyg .contenu_nom_site {padding:
0;border:
0;background:none;margin:
0.5em
0;}
155 .auteur #wysiwyg .contenu_nom_site
> div,.infos_perso #wysiwyg .contenu_nom_site
> div {display:inline;}
156 #wysiwyg .contenu_pgp .label {display:inline;}
157 #wysiwyg .contenu_pgp .pgp code {word-wrap:break-word;}
160 /* fond des miniatures de logos et documents */
161 .miniature_logo, .miniature_document {
162 background: url(#CHEMIN_IMAGE{fond-grille.gif}) top left;
165 h2.titrem { display: block; padding-top:
6px; padding-bottom:
4px; background-repeat: no-repeat;padding-[(#ENV{left})]:
16px;background-color: #ENV{claire};font-size:
14px;}
167 .aide .contenu-aide,.box_mediabox .contenu-aide {padding-top:[(#ENV{margin-bottom}|mult{
1.0})em];}
168 .box_mediabox .contenu-aide {min-width:
450px;margin-right:
15px;}