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}
18 #SET{claire,##ENV{couleur_claire,edf3fe}}
19 #SET{foncee,##ENV{couleur_foncee,
3874b0}}
20 #SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
21 #SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
23 .formulaire_editer_document {margin-bottom:
0;}
24 .formulaire_editer_document .editer_dimensions input {width:
7em;}
25 .formulaire_editer_document .editer_parent {padding-#GET{left}:
10px;}
26 .formulaire_editer_document .editer_parent label {margin-#GET{left}:
0;display:block;float:left;padding:
2px
0;}
28 .formulaire_editer_document .taille_modifiee {display:block;color: red;}
30 .formulaire_editer_document .editer_apercu .tourner {display:block;float:#GET{right};}
31 .formulaire_editer_document .editer_apercu .tourner input.image {padding:
5px;border:
1px solid #eee;}
33 .formulaire_joindre_document .sourceup {}
34 .formulaire_joindre_document .infos {}
35 .formulaire_joindre_document .deballer_zip ul {font-size:
0.9em;}
36 .formulaire_joindre_document .deballer_zip ul ul {font-size:
1em;}
37 .formulaire_joindre_document .deballer_zip ol {padding-#GET{left}:
0;margin:
0;word-wrap:break-word;}
38 .lat .formulaire_joindre_document .deballer_zip ol {max-width:
185px;}
40 .formulaire_joindre_document .deballer_zip .editer_options_upload_zip li {padding:
0;}
41 .formulaire_joindre_document .deballer_zip .editer_options_upload_zip .erreur_message {margin-bottom:
1em;}
42 #navigation .formulaire_joindre_document .sourceup, #extra .formulaire_joindre_document .sourceup {font-size:
0.9em;}
43 #navigation .formulaire_joindre_document .deballer_zip .editer_options_upload_zip
> label,
44 #extra .formulaire_joindre_document .deballer_zip .editer_options_upload_zip
> label {float:none;}
45 #navigation .formulaire_joindre_document .deballer_zip .editer_options_upload_zip .choix input,
46 #extra .formulaire_joindre_document .deballer_zip .editer_options_upload_zip .choix input {vertical-align:top;}
48 .formulaire_joindre_document .editer_fichier input.file {display:block;}
49 .formulaire_joindre_document .editer_refdoc_joindre input.text {width:
50%;}
51 .onglets_simple .medias .image a,.onglets_simple .medias .image strong {padding-left:
27px;background: url(#CHEMIN_IMAGE{media-image-
16.png}) no-repeat
5px center;}
52 .onglets_simple .medias .audio a,.onglets_simple .medias .audio strong {padding-left:
27px;background: url(#CHEMIN_IMAGE{media-audio-
16.png}) no-repeat
5px center;}
53 .onglets_simple .medias .video a,.onglets_simple .medias .video strong {padding-left:
27px;background: url(#CHEMIN_IMAGE{media-video-
16.png}) no-repeat
5px center;}
55 .onglets_simple.second ul.distant li.first,.onglets_simple.second ul.brises li.first,.onglets_simple.second ul.sanstitre li.first {margin-#GET{left}:
10px;}
57 .choix-type, .choix-type li {display:inline;list-style:none;margin:
0;padding:
0;}
58 .choix-type {margin:
1em
0;padding:
0;}
60 a.bouton_fermer {display:block;text-align:#GET{right};}
62 .galerie { float: none; width:
100%; padding:
0;}
63 .galerie .pagination {clear:both;}
64 .galerie table { width:
100%; border: none; }
65 .galerie table thead { background: [#(#GET{foncee}|couleur_foncer)];color:#fff; }
66 .galerie table tbody tr:hover { background: [#(#GET{claire}|couleur_eclaircir|couleur_eclaircir)]; }
67 .galerie table td { min-height:
100px; vertical-align: top; }
68 .galerie table th, .galerie table td { padding:
0.5em
.3em; border-bottom:
1px solid #ccc; }
69 .galerie table th.id { text-align: right; }
70 .galerie table td.id { width:
80px; text-align: right; vertical-align: top; line-height: normal; }
71 .galerie table td.id strong { font-size:
1.6em; color: #
666; font-weight: normal; }
72 .galerie table td.statut { width:
9px; }
73 .galerie table td.logo { width:
250px; overflow: hidden; }
74 .galerie table td.logo img { /*border:
1px solid #
666;*/ }
75 .galerie table .fichier {font-size:
0.8em;width:
250px;overflow:hidden;font-style:italic;}
77 .galerie table td.exif { width:
140px; }
78 .galerie table td.exif small { display: inline; }
79 .galerie table td.exif .extension {}
80 .galerie table td.exif .dimensions { font-size:
.9em; }
81 .galerie table td.exif .taille { font-size:
.9em; font-weight: bold; color: #
666; }
82 .galerie table td.exif .date { font-size:
.9em; }
83 .galerie table td.descriptif { }
85 .galerie table .supprimer {display:block;font-size:
0.8em;margin-top:
1em;}
87 .galerie.media-image h2 { background: url(#CHEMIN_IMAGE{media-image-
32.png}) no-repeat center left; padding:
6px;padding-left:
40px;}
88 .galerie.media-audio h2 { background: url(#CHEMIN_IMAGE{media-audio-
32.png}) no-repeat center left; padding:
6px;padding-left:
40px;}
89 .galerie.media-video h2 { background: url(#CHEMIN_IMAGE{media-video-
32.png}) no-repeat center left; padding:
6px;padding-left:
40px;}
91 .galerie table td.exif { background-repeat: no-repeat; background-position: top right; }
93 .popin-choisir_document {}
94 .popin-choisir_document .onglets_simple.second {display:none;}
95 .popin-choisir_document .galerie table td.id {width:
40px;}
96 .popin-choisir_document .galerie table td.logo {width:
200px;}
97 .popin-choisir_document .galerie table td.exif {width:
120px;}
98 .popin-choisir_document .galerie table td.descriptif {max-width:
150px;}
99 .popin-choisir_document .galerie table td {word-wrap: break-word;}
101 .spip_documents_legende {border:
1px solid #GET{foncee};text-align:center;font-size:
0.9em;margin:
0 0 1em;}
102 .spip_documents_legende dt {background:#GET{foncee};color:#fff;padding:
5px
3px;font-weight:bold;}
103 .spip_documents_legende dd {padding:
3px
0;margin:
0;}
104 .spip_documents_legende dd.vignette {margin:
5px
0;}
106 .document_utilisations li.item {position:relative;padding-#GET{right}:
24px;}
107 .document_utilisations li.item .vu {position:absolute;top:
0;right:
0;}
110 .pagination .tris {float:left;}
112 p.actions {clear:both;}
114 #documents_joints {margin-top:
25px;}
115 #documents_joints .item {text-align:center;margin-bottom:
25px;padding:
0;border:
1px solid #GET{foncee};overflow:visible;}
116 #documents_joints .item.image {background:#fff;}
117 #documents_joints .item.document {background:#ddd;}
118 #documents_joints .item .infos {padding:
6px;}
119 #documents_joints .item .titrem {margin-top:
0px;text-align:left;background:#GET{foncee};padding:
5px;padding-left:
16px;font-weight:bold;margin-bottom:
5px;position:relative;font-size:x-small;word-wrap:break-word;}
120 #documents_joints .item .titrem .fichier {display:block;color:#fff;overflow:hidden;}
121 #documents_joints .item .titrem .titre {display:block;color:#
000;}
122 #documents_joints .item .titrem .image_loading {position:absolute;bottom:-
20px;right:
0;}
123 #documents_joints .item .type {font-size:x-small;}
124 #documents_joints .item .raccourcis {font-size:x-small;padding:
2px;}
125 #documents_joints .item .raccourcis span {display:block;font-weight:bold;text-align:left;}
126 #documents_joints .item div.mode {text-align:right;}
127 #documents_joints .item .actions {display:block;text-align:right;font-size:x-small;}
128 .lte7 #documents_joints .item div.mode button,.lte7 #documents_joints .item .actions button {font-size:
11px;}
129 #documents_joints .item .tourner {display:block;float:#GET{right};}
130 #documents_joints .item .tourner button {padding:
1px;border:
1px solid #eee;display:block;}
131 #documents_joints .item .tourner button img {margin:
0px;}
133 #documents_joints .item .actions
> *,
134 #documents_joints .item .tourner,
135 #documents_joints .item .mode {opacity:
0.1;-moz-opacity:
0.1;}
136 #documents_joints .item .actions a.editbox {visibility:visible;opacity:
1;-moz-opacity:
1;font-weight:bold;}
137 #documents_joints .item:hover .actions
> *,
138 #documents_joints .item:hover .tourner,
139 #documents_joints .item:hover .mode,
140 #documents_joints .item.hover .actions
> *,
141 #documents_joints .item.hover .tourner,
142 #documents_joints .item.hover .mode {visibility:visible;opacity:
1;-moz-opacity:
1;}
145 #portfolios h3 {background-color:#GET{claire};padding:
2px
10px;color:#
000;margin-bottom:
0;}
146 #portfolios .liste_items {margin-top:
0;}
147 #portfolios .item {clear:both;padding-#GET{left}:
82px;padding-#GET{right}:
2px;}
148 #portfolios .item .tourner {display:block;float:#GET{right};}
149 #portfolios .item .tourner button {border:
1px solid #
999;padding:
0;display:block;float:#GET{left};margin-#GET{left}:
4px;}
151 #portfolios .item .spip_logos {margin-#GET{left}:-
80px;float:#GET{left};}
152 .ie6 #portfolios .item .spip_logos {display:inline;position:relative;}
153 #portfolios .item .titrem {margin:
0 0 5px;font-size:
1em;}
154 #portfolios .item .titrem .fichier {font-weight:normal;font-size:
0.9em;font-style:italic;}
155 #portfolios .item .titrem .titre {display:block;font-size:
1.1em;}
156 #portfolios .item .infos {display:block;float:#GET{left};}
157 #portfolios .item div.mode {display:block;float:#GET{right};clear:#GET{right};margin-top:-
1.5em;position:relative;padding:
0.2em
0.2em
0;padding-#GET{right}:
0;}
158 #portfolios .item .actions {display:block;float:#GET{right};clear:#GET{right};position:relative;}
159 #portfolios .item div.mode,#portfolios .item .actions,
160 #portfolios .item div.mode button,#portfolios .item .actions button {font-size:x-small;}
162 #portfolios .item .actions
> *,
163 #portfolios .item .tourner,
164 #portfolios .item .mode {opacity:
0.1;-moz-opacity:
0.1;}
165 #portfolios .item .actions a.editbox {visibility:visible;opacity:
1;-moz-opacity:
1;font-weight:bold;}
166 #portfolios .item:hover .actions
> *,
167 #portfolios .item:hover .tourner,
168 #portfolios .item:hover .mode {visibility:visible;opacity:
1;-moz-opacity:
1;z-index:
1000;background:[#(#GET{claire}|couleur_eclaircir|couleur_eclaircir)];}
169 #portfolios .item.hover .actions
> *,
170 #portfolios .item.hover .tourner,
171 #portfolios .item.hover .mode {visibility:visible;opacity:
1;-moz-opacity:
1;z-index:
1000;}
173 #portfolios .item .titre
> .sanstitre {opacity:
0.1;-moz-opacity:
0.1;}
175 #portfolios .tout_supprimer span {display:block;text-align:#GET{right};}
177 .item.vu_oui {background:#f9f9f9;}