source: spip-zone/_plugins_/acs/acs_style_prive.css.html @ 48965

Last change on this file since 48965 was 48965, checked in by webmaster@…, 10 years ago

ACS:

  • liste des widgets en partie privée : classement des composants en deux blocs: cadres et éléments.
  • suppression de exec/acs_page_source.php (devenu inutile).
  • formulaire administration enrichi d'un accès direct à l'édition de la page et du bouton inclusions.
  • choix du positionnement du formulaire administration de SPIP.
  • passage en ajax du bloc de configuration d'ACS (Onglet Administration).
  • nouvelle option de configuration : Désactiver le cache de SPIP.
  • nouvelle aide contextuelle
  • restauration du fonctionnement de controleurs/var.php suite au passage des controleurs en objets.


Cat :

  • évolution de l'usage de la balise #ACS_CHEMIN (dans tous les fichiers où elle est utilisée)
  • Carte: correction bug sur affichage des sous-rubriques géoreferencées. Correction d'un bug sur les popups ombrées introduit par le changement de comportement de la balise #ACS_CHEMIN.
  • Fond/entete: filtre textebrut sur le titre des pages.
  • Keys: nouvelles variables arrondi de bordure et ombre.
File size: 9.1 KB
Line 
1#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
2#HTTP_HEADER{Vary: Accept-Encoding}
3[(#REM)
4             ACS
5         (Plugin Spip)
6    http://acs.geomaticien.org
7
8Copyright Daniel FAIVRE, 2007-2011
9Copyleft: licence GPL - Cf. LICENCES.txt
10
11  Ce squelette definit les styles de l'espace prive pour ACS
12
13  Note: l'entete "Vary:" sert a repousser l'entete par
14  defaut "Vary: Cookie,Accept-Encoding", qui est (un peu)
15  genant en cas de "rotation du cookie de session" apres
16  un changement d'IP (effet de clignotement).
17
18  ATTENTION: il faut absolument le charset sinon Firefox croit que
19  c'est du text/html !
20 
21]#CACHE{3600*100,cache-client}
22#SET{claire,##ENV{couleur_claire,edf3fe}}
23#SET{foncee,##ENV{couleur_foncee,3874b0}}
24
25table { margin: 0; padding: 0; border-collapse: collapse; border-spacing:0; border: 1px;}
26img { margin: 0; padding: 0; border: none;}
27hr {height: 1px; margin:2px; border:0; border-top: 1px solid #GET{foncee};}
28
29.alert{
30  color: red;
31}
32
33/* Mise en page en colonnes - ne PAS mettre margin/padding là-dedans ! */
34.acs_colonnes {
35  display: block;
36  padding: 0;
37  margin: 0;
38  padding-left: 10px;
39  padding-right: 10px;
40  margin-bottom: 10px;
41}
42.acs_col1, .acs_col2, .acs_col3 {
43  padding: 0;
44  margin: 0;
45}
46.acs_col1, .acs_col3 {
47  width: 25%;
48}
49.acs_col1 {
50  float: #LANG_LEFT;
51}
52.acs_col2 {
53  float: #LANG_LEFT;
54}
55.acs_col3 {
56  float: #LANG_RIGHT;
57}
58/* contenu des colonnes */
59.acs_col {
60  padding: 10px;
61}
62
63.acs_box {
64  position: relative;
65  border: thin solid #GET{foncee};
66  -moz-border-radius: 10px;
67  background: #ffffff;
68  margin-top: 14px;
69  width: 100%;
70}
71
72.acs_box_titre {
73  background: #GET{foncee};
74  padding-#LANG_LEFT: 40px;
75  padding-#LANG_RIGHT: 4px;
76  padding-top: 2px;
77  padding-bottom: 2px;
78  -moz-border-radius-topleft: 10px;
79  -moz-border-radius-topright: 10px;
80  color: #ffffff;
81  font-family: verdana,arial,helvetica,sans;
82  font-size: 12px;
83  font-weight: bold;
84}
85.acs_box_titre a {
86  font-weight: normal;
87  color: #ffffff;
88}
89
90.acs_box_texte {
91  padding: 8px;
92  text-align: #LANG_LEFT;
93  -moz-border-radius: 10px;
94  -moz-border-radius-topleft: 0;
95  -moz-border-radius-topright: 0;
96  color: #000000;
97  overflow: auto;
98}
99.acs_box_pages .acs_box_texte {
100  max-height: 600px;
101  overflow: auto;
102}
103.acs_box_composants {
104  width: 208px;
105}
106.acs_box_composants_hidden {
107  width: 200px;
108  position: absolute;
109  display : none;
110}
111
112fieldset.apercu {
113  margin: 0;
114  padding: 0;
115  left: -1px;
116  top:-1px;
117  border: thin inset #GET{claire};
118  [background-color: (#VAR{acsFondColor, #ffffff});]
119  [background-image: url((#ACS_CHEMIN{fond/#VAR{acsFondImage}}));]
120  background-repeat: repeat;
121}
122
123.apercu legend {
124  margin-left: 10px;
125  padding-left: 5px;
126  padding-right: 5px;
127  background: #fff;
128  border: thin inset #GET{claire};
129  -moz-border-radius: 8px;
130}
131
132.label {
133  color: black;
134}
135
136.forml {
137  padding:0;
138  padding-left:2px;
139  position: relative;
140  width: 100%;
141}
142
143.formc {
144  padding: 0;
145  line-height: 1em;
146  background: #e4e4e4;
147  border: 1px solid #GET{claire};
148  behavior: url(../dist/win_width.htc);
149  font-size: 12px;
150  font-family: Verdana,Arial,Sans,sans-serif;
151  width: 100%;
152}
153
154.led {
155  border: 1px solid #GET{foncee};
156  width: 1.15em;
157  height: 1.15em;
158  cursor:pointer;
159}
160
161.icon {
162  width: 1.27em; height: 1.27em;
163  cursor:pointer;
164}
165
166.liste_pages tr {
167  vertical-align: top;
168}
169.liste_pages td {
170  text-align: justify;
171}
172.liste_pages_sep {
173  height: 0.5em;
174}
175
176.spip_params {
177  line-height: 1em;
178  color: #3874b0;
179  margin-bottom: 2px;
180}
181
182
183.centre {
184  text-align: center;
185}
186
187.onlinehelp {
188  color: #GET{foncee};
189}
190
191.onlinehelp .onlinehelplayer {
192  font-style: normal;
193}
194
195.onlinehelp .triangle {
196  vertical-align: top;
197  cursor:pointer;
198}
199
200.btc_0 {
201  background: #f2fff2;
202}
203.btc_1 {
204  background: #ffe;
205}
206.btc_2 {
207  background: #fff8f8;
208}
209.btc_3 {
210  background: #f2f8ff;
211}
212.btc_4 {
213  background: #f8fff2;
214}
215.nompage {
216  color: black;
217}
218.nompage:hover {
219  color: blue;
220}
221
222.widgets {
223  width: 200px;
224  max-height : 400px;
225  overflow: auto;
226}
227
228.widget, .widgy {
229  text-align: center;
230  -moz-border-radius: 12px;
231  color: #444;
232}
233.widget:hover, .widgy:hover {
234  color: black;
235}
236
237.widgy {
238  min-width: 80px;
239  padding-left: 5px;
240  padding-right: 5px;
241  background: #e5f6e8;
242  border: 1px outset #GET{foncee};
243  white-space: nowrap;
244}
245.widgy:hover {
246  background: #b4e9b4;
247  border: 1px inset #GET{foncee};
248}
249.widgy_overriden {
250  background: #ffe5b1;
251}
252.widgy_overriden:hover {
253  background: #fed991;
254}
255.widgy_unused {
256  background: #dfdfdf;
257}
258.widgy_included {
259  border: thin dotted #GET{claire};
260  border-right: 0;
261  border-bottom: 0;
262  vertical-align: top;
263}
264.widgy_included_label {
265  text-align : right;
266  vertical-align: top;
267}
268.widgy img {
269  vertical-align:middle;
270}
271
272.widget {
273  font-weight: bold;
274  font-size: 10px;
275  cursor: pointer;
276  height: 24px;
277  width: 180px;
278  margin: 0;
279  line-height: 10px;
280  background: url(#CHEMIN{images/composant.png}) no-repeat;
281  z-index: 3;
282}
283.widget_move {
284  cursor: move;
285  z-index: 9999;
286}
287.widget:hover {
288  color: black;
289  background: url(#CHEMIN{images/composant_hover.png}) no-repeat;
290}
291.widget_overriden {
292  background: url(#CHEMIN{images/composant_overide.png}) no-repeat;
293}
294.widget_overriden:hover {
295  background: url(#CHEMIN{images/composant_overide_hover.png}) no-repeat;
296}
297.widget_unused {
298  background: url(#CHEMIN{images/composant_inactif.png}) no-repeat;
299}
300.widget_unused:hover {
301  background: url(#CHEMIN{images/composant_inactif_hover.png}) no-repeat;
302}
303.widget img {
304  vertical-align:middle;
305  width: 20px;
306  height: 20px;
307  margin-left: 5px;
308  margin-right: 5px;
309  cursor:move;
310}
311.widget_unused img {
312  cursor:pointer;
313}
314.widget a, .widgy a {
315  color: black;
316}
317.widget a:hover, .widgy a:hover {
318  color: darkgreen;
319}
320.widget table {
321  width: 100%;
322  height: 100%;
323}
324.widget table tr {
325  vertical-align: middle;
326}
327.widget div {
328  overflow:hidden; text-align:center;
329}
330.widget div a {
331  display:block;
332}
333
334.ctlWidget {
335  width: 180px;
336  height: 24px;
337  text-align: center;
338  border: 1px inset #GET{foncee};
339  background: #f0f0f8;
340}
341.ctlWidget, .c_config .ctlWidget_droppable_active, .c_config .ctlWidget_droppable_over, .c_config .ctlWidget_droppable_drop {
342  -moz-border-radius: 12px;
343  -moz-outline-radius: 12px;
344}
345.ctlWidget_droppable_active {
346  outline: thin dashed #dfdfdf;
347}
348.ctlWidget_droppable_over {
349  outline: 3px dotted lightgreen;
350}
351.ctlWidget_droppable_drop {
352  outline: 3px dotted orange;
353}
354
355.select_widget {
356  position:absolute;
357  width: 160px;
358  height: 18px;
359  margin-left:10px;
360  margin-top:2px;
361  left:0;
362  right:0;
363}
364
365.editeur_composant .select_widget {
366  position:relative;
367  width: 160px;
368}
369
370/* Coloration syntaxique acs-spip */
371.spip_source {
372  overflow: auto;
373  max-height: 600px;
374  border: 1px inset #dfdfdf;
375}
376
377.col_MODELE {
378  color: darkblue;
379}
380.col_BOUCLE, .col_FIN_BOUCLE, .col_B, .col_FIN_B {
381  color: darkviolet;
382}
383.col_REM {
384  color: grey;
385}
386.col_TRAD {
387  color: brown;
388}
389.col_INCLURE {
390  color: blue;
391}
392.col_VAR {
393  color: #00228f;
394}
395.col_BALISE {
396  color: #005d00;
397}
398
399[(#REM) Styles des pinceaux ACS. Les types autres que crayon permettent d'utiliser des controleurs spécifiques ]
400.crayon-icones em.crayon-pinceau {
401  background: url(#CHEMIN{images/pinceau.png}) no-repeat;
402  height: 20px;
403  width: 20px;
404  margin-top: -10px;
405  cursor: pointer;
406  display: none;
407}
408.crayon-changed em.crayon-pinceau {
409  display: none;
410}
411[(#REM) Hack : le type de crayon pour une traduction reprend l'icône normale des crayons, mais son existence permet d'éviter
412l'utilisation du contrôleur par défaut qui pointe vers crayons_store standard et non vers la bonne action.]
413.crayon-icones em.crayon-traduction {
414  background: url(#CHEMIN{images/crayon20.png}) no-repeat;
415  height: 20px;
416  width: 20px;
417  cursor: pointer;
418  display: none;
419}
420.crayon-changed em.crayon-traduction {
421  display: none;
422}
423
424.edit_composant {
425; z-index: 99999000;
426  position: absolute;
427  display: block;
428  height: auto;
429  width: auto;
430}
431
432.editeur_composant .acs_box_texte{
433  padding: 0;
434  background: #f4f4f4;
435  border: thin outset;
436  font-size: 10px;
437  box-shadow: 2px 2px 5px #cfcfcf;
438  -webkit-box-shadow: 2px 2px 5px #cfcfcf;
439  -moz-box-shadow: 2px 2px 5px #cfcfcf;
440  filter: progid:DXImageTransform.Microsoft.dropShadow(color=#cfcfcf, offX=2, offY=2, positive=true);
441}
442
443.editeur_composant .c_config {
444  padding :8px;
445  max-height:300px;
446  overflow:auto;
447}
448img.bouton_edit_composant {
449  background: #e6f6e6;
450  border: 2px outset #88af88;
451  height:24px;
452  width: 24px;
453  padding: 2px;
454  -moz-border-radius: 4px;
455}
456img.bouton_edit_composant:hover {
457  background: #ffefaf;
458}
459
460.acsVarControleur {
461  position: absolute;
462  top: 0;
463  left: 0;
464  display: block;
465  z-index: 99999999;
466  background: #efefdf;
467  border : [(#GET{foncee})] 1px solid;
468  vertical-align: middle;
469  -moz-border-radius: 0;
470}
471.acsColorBlock {
472  float: right;
473  border:thin solid #000;
474  height:10px;
475  width:10px;
476  margin: 1px;
477}
478[(#REM) Position de l'image signalant un chargement en ajax
479].image_loading {
480  position: absolute;
481}
482[(#REM) Style du selecteur d'admins
483].acs_editer_admins .highlight.off {
484  display :inline;
485  background: none;
486  font-weight: normal;
487  padding-left: 2px;
488  padding-right: 2px;
489}
490.acs_editer_admins a.highlight {
491  background: #GET{claire};
492  font-weight: bold;
493}
494.acs_editer_admins a.highlight.off:hover {
495  background: #GET{claire};
496}
Note: See TracBrowser for help on using the repository browser.