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

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

ACS:

  • échappe les guillemets dans l'affichage des contrôles de type text
  • modification de l'éditeur de composants pour gérer l'overide éventuel avec la souplesse maximale : fichier par fichier.
  • nouveau type de contrôle : KeyGgroup? (choix d'un groupe de mots-clefs)


Cat :

  • Audio: suppression du bouton STOP, remplacé par un double-clic sur le bouton play/pause. Création d'un modèle minimaliste de lecteur audio (bouton play/pause).
  • Carte : correction du json. Afficher/masquer la date de dernière mise à jour dans les info-bulles de rubriques ou d'articles géoréférencés. Modification de la structure des info-bulles pour en faciliter la personnalisation. Choix des objets géoréférencés à afficher : mots-clefs, rubriques, et /ou articles.
  • Hierarchie : hiérarchies des mot-clés, avec masquage des groupes de mots-clés commençant par "_".
  • Navgroup : ne pas afficher les groupes vides. 2 modes de fonctionnement : menu déroulant ou accordéon;
  • Rubnav : affichage du titre du mot-clé pour les rubriques dépendant d'un mot-clé affichées sur les pages où id_mot est défini.
File size: 9.0 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
100.acs_box_composants {
101  width: 208px;
102}
103.acs_box_composants_hidden {
104  width: 200px;
105  position: absolute;
106  display : none;
107}
108
109fieldset.apercu {
110  margin: 0;
111  padding: 0;
112  left: -1px;
113  top:-1px;
114  border: thin inset #GET{claire};
115  [background-color: (#VAR{acsFondColor, #ffffff});]
116  [background-image: url([(#ACS_CHEMIN)]fond/(#VAR{acsFondImage}));]
117  background-repeat: repeat;
118}
119
120.apercu legend {
121  margin-left: 10px;
122  padding-left: 5px;
123  padding-right: 5px;
124  background: #fff;
125  border: thin inset #GET{claire};
126  -moz-border-radius: 8px;
127}
128
129.label {
130  color: black;
131}
132
133.forml {
134  padding:0;
135  padding-left:2px;
136  position: relative;
137  width: 100%;
138}
139
140.formc {
141  padding: 0;
142  line-height: 1em;
143  background: #e4e4e4;
144  border: 1px solid #GET{claire};
145  behavior: url(../dist/win_width.htc);
146  font-size: 12px;
147  font-family: Verdana,Arial,Sans,sans-serif;
148  width: 100%;
149}
150
151.led {
152  border: 1px solid #GET{foncee};
153  width: 1.15em;
154  height: 1.15em;
155  cursor:pointer;
156}
157
158.icon {
159  width: 1.27em; height: 1.27em;
160  cursor:pointer;
161}
162
163.liste_pages tr {
164  vertical-align: top;
165}
166.liste_pages td {
167  text-align: justify;
168}
169.liste_pages_sep {
170  height: 0.5em;
171}
172
173.spip_params {
174  line-height: 1em;
175  color: #3874b0;
176  margin-bottom: 2px;
177}
178
179
180.centre {
181  text-align: center;
182}
183
184.onlinehelp {
185  color: #GET{foncee};
186}
187
188.onlinehelp .onlinehelplayer {
189  font-style: normal;
190}
191
192.onlinehelp .triangle {
193  vertical-align: top;
194  cursor:pointer;
195}
196
197.btc_0 {
198  background: #f2fff2;
199}
200.btc_1 {
201  background: #ffe;
202}
203.btc_2 {
204  background: #fff8f8;
205}
206.btc_3 {
207  background: #f2f8ff;
208}
209.btc_4 {
210  background: #f8fff2;
211}
212.nompage {
213  color: black;
214}
215.nompage:hover {
216  color: blue;
217}
218
219.widgets {
220  width: 200px;
221  max-height : 400px;
222  overflow: auto;
223}
224
225.widget, .widgy {
226  text-align: center;
227  -moz-border-radius: 12px;
228  color: #444;
229}
230.widget:hover, .widgy:hover {
231  color: black;
232}
233
234.widgy {
235  min-width: 80px;
236  padding-left: 5px;
237  padding-right: 5px;
238  background: #e5f6e8;
239  border: 1px outset #GET{foncee};
240  white-space: nowrap;
241}
242.widgy:hover {
243  background: #b4e9b4;
244  border: 1px inset #GET{foncee};
245}
246.widgy_overriden {
247  background: #ffe5b1;
248}
249.widgy_overriden:hover {
250  background: #fed991;
251}
252.widgy_unused {
253  background: #dfdfdf;
254}
255.widgy_included {
256  border: thin dotted #GET{claire};
257  border-right: 0;
258  border-bottom: 0;
259  vertical-align: top;
260}
261.widgy_included_label {
262  text-align : right;
263  vertical-align: top;
264}
265.widgy img {
266  vertical-align:middle;
267}
268
269.widget {
270  font-weight: bold;
271  font-size: 10px;
272  cursor: pointer;
273  height: 24px;
274  width: 180px;
275  margin: 0;
276  line-height: 10px;
277  background: url(#CHEMIN{images/composant.png}) no-repeat;
278  z-index: 3;
279}
280.widget_move {
281  cursor: move;
282  z-index: 9999;
283}
284.widget:hover {
285  color: black;
286  background: url(#CHEMIN{images/composant_hover.png}) no-repeat;
287}
288.widget_overriden {
289  background: url(#CHEMIN{images/composant_overide.png}) no-repeat;
290}
291.widget_overriden:hover {
292  background: url(#CHEMIN{images/composant_overide_hover.png}) no-repeat;
293}
294.widget_unused {
295  background: url(#CHEMIN{images/composant_inactif.png}) no-repeat;
296}
297.widget_unused:hover {
298  background: url(#CHEMIN{images/composant_inactif_hover.png}) no-repeat;
299}
300.widget img {
301  vertical-align:middle;
302  width: 20px;
303  height: 20px;
304  margin-left: 5px;
305  margin-right: 5px;
306  cursor:move;
307}
308.widget_unused img {
309  cursor:pointer;
310}
311.widget a, .widgy a {
312  color: black;
313}
314.widget a:hover, .widgy a:hover {
315  color: darkgreen;
316}
317.widget table {
318  width: 100%;
319  height: 100%;
320}
321.widget table tr {
322  vertical-align: middle;
323}
324.widget div {
325  overflow:hidden; text-align:center;
326}
327.widget div a {
328  display:block;
329}
330
331.ctlWidget {
332  width: 180px;
333  height: 24px;
334  text-align: center;
335  border: 1px inset #GET{foncee};
336  background: #f0f0f8;
337}
338.ctlWidget, .c_config .ctlWidget_droppable_active, .c_config .ctlWidget_droppable_over, .c_config .ctlWidget_droppable_drop {
339  -moz-border-radius: 12px;
340  -moz-outline-radius: 12px;
341}
342.ctlWidget_droppable_active {
343  outline: thin dashed #dfdfdf;
344}
345.ctlWidget_droppable_over {
346  outline: thin dotted blue;
347}
348.ctlWidget_droppable_drop {
349  outline: thin dotted red;
350}
351
352.select_widget {
353  position:absolute;
354  width: 160px;
355  height: 18px;
356  margin-left:10px;
357  margin-top:2px;
358  left:0;
359  right:0;
360}
361
362.editeur_composant .select_widget {
363  position:relative;
364  width: 160px;
365}
366
367/* Coloration syntaxique acs-spip */
368.spip_source {
369  overflow: auto;
370  max-height: 600px;
371  border: 1px inset #dfdfdf;
372}
373
374.col_MODELE {
375  color: darkblue;
376}
377.col_BOUCLE, .col_FIN_BOUCLE, .col_B, .col_FIN_B {
378  color: darkviolet;
379}
380.col_REM {
381  color: grey;
382}
383.col_TRAD {
384  color: brown;
385}
386.col_INCLURE {
387  color: blue;
388}
389.col_VAR {
390  color: #00228f;
391}
392.col_BALISE {
393  color: #005d00;
394}
395
396[(#REM) Styles des pinceaux ACS. Les types autres que crayon permettent d'utiliser des controleurs spécifiques ]
397.crayon-icones em.crayon-pinceau {
398  background: url(#CHEMIN{images/pinceau.png}) no-repeat;
399  height: 20px;
400  width: 20px;
401  margin-top: -10px;
402  cursor: pointer;
403  display: none;
404}
405.crayon-changed em.crayon-pinceau {
406  display: none;
407}
408[(#REM) Hack : le type de crayon pour une traduction reprend l'icône normale des crayons, mais son existence permet d'éviter
409l'utilisation du contrôleur par défaut qui pointe vers crayons_store standard et non vers la bonne action.]
410.crayon-icones em.crayon-traduction {
411  background: url(#CHEMIN{images/crayon20.png}) no-repeat;
412  height: 20px;
413  width: 20px;
414  cursor: pointer;
415  display: none;
416}
417.crayon-changed em.crayon-traduction {
418  display: none;
419}
420
421.edit_composant {
422; z-index: 99999000;
423  position: absolute;
424  display: block;
425  height: auto;
426  width: auto;
427}
428
429.editeur_composant .acs_box_texte{
430  padding: 0;
431  background: #f4f4f4;
432  border: thin outset;
433  font-size: 10px;
434  box-shadow: 2px 2px 2px #cfcfcf;
435  -webkit-box-shadow: 2px 2px 2px #cfcfcf;
436  -moz-box-shadow: 2px 2px 2px #cfcfcf;
437  filter: progid:DXImageTransform.Microsoft.dropShadow(color=#cfcfcf, offX=2, offY=2, positive=true);
438}
439
440.editeur_composant .c_config {
441  padding :8px;
442  max-height:300px;
443  overflow:auto;
444}
445img.bouton_edit_composant {
446  background: #e6f6e6;
447  border: 2px outset #88af88;
448  height:24px;
449  width: 24px;
450  padding: 2px;
451  -moz-border-radius: 4px;
452}
453img.bouton_edit_composant:hover {
454  background: #ffefaf;
455}
456
457.acsVarControleur {
458  position: absolute;
459  top: 0;
460  left: 0;
461  display: block;
462  z-index: 99999999;
463  border : [(#GET{foncee})] 0px solid;
464  -moz-border-radius: 0;
465}
466.acsColorBlock {
467  float: right;
468  border:thin solid #000;
469  height:10px;
470  width:10px;
471  margin: 1px;
472}
473[(#REM) Position de l'image signalant un chargement en ajax
474].image_loading {
475  position: absolute;
476}
477[(#REM) Style du selecteur d'admins
478].acs_editer_admins .highlight.off {
479  display :inline;
480  background: none;
481  font-weight: normal;
482  padding-left: 2px;
483  padding-right: 2px;
484}
485.acs_editer_admins a.highlight {
486  background: #GET{claire};
487  font-weight: bold;
488}
489.acs_editer_admins a.highlight.off:hover {
490  background: #GET{claire};
491}
Note: See TracBrowser for help on using the repository browser.