1/*
2 * @license    http://www.cecill.info/licences/Licence_CeCILL-B_V1-fr.html
3 * @author     Francois <dokuplugin@merciol.fr>
4 */
5
6div.schedule {
7    margin: 1em;
8}
9
10div.schedule table {
11    border: 0 none;
12    border-spacing: 0;
13}
14
15div.schedule table th, div.schedule table th {
16    border: 0 none;
17    text-align: center;
18    margin: 0;
19    padding: 0;
20}
21
22/* ==================== */
23div.schedule table.admin {
24    border-collapse: collapse;
25    border-spacing: 0;
26}
27div.schedule table.admin tr {
28    border: 0 none;
29    text-align: center;
30    vertical-align: middle;
31    margin: 0 4px;
32    padding: 0 4px;
33}
34div.schedule table.admin tr.even {
35    background-color: #DDD;
36}
37div.schedule table.admin tr td.name {
38    text-align: right;
39}
40div.schedule table.admin tr td.value {
41    text-align: left;
42    font-weight: bold;
43}
44div.schedule table.admin tr td input {
45    width: 100%;
46}
47div.schedule table.admin select {
48    width: 100%;
49}
50
51/* ==================== */
52div.schedule table.long {
53    border-collapse: collapse;
54    border-spacing: 0;
55}
56
57div.schedule table.long tr.odd {
58    vertical-align: middle;
59}
60
61div.schedule table.long tr.even {
62    vertical-align: middle;
63    background-color: #DDD;
64}
65
66div.schedule table.long tr th,
67div.schedule table.long tr td {
68    border: 0 none;
69    text-align: center;
70    margin: 0 4px;
71    padding: 0 4px;
72}
73
74/* ========================================
75 * Depend on "scheduleWhat" configuration
76 * ======================================== */
77
78div.schedule table.long tr.cat_a td.what {
79    padding-left: 20px;
80    background-image: url("images/bul_a.png");
81    background-repeat: no-repeat;
82}
83
84div.schedule table.long tr.cat_b td.what {
85    padding-left: 20px;
86    background-image: url("images/bul_b.png");
87    background-repeat: no-repeat;
88}
89
90div.schedule table.long tr.cat_c td.what {
91    padding-left: 20px;
92    background-image: url("images/bul_c.png");
93    background-repeat: no-repeat;
94}
95
96/* ==================== */
97div.schedule table.short {
98    margin: auto;
99    border: 0 none;
100    border-spacing: 0;
101}
102
103div.schedule table.short th, div.schedule table.short td {
104    border: 0 none;
105    text-align: center;
106    margin: 0;
107    padding: 0;
108    width: 1em;
109    height: 1em;
110    z-index: 1;
111}
112
113div.schedule table.short td a {
114    font-weight: bold;
115}
116
117div.schedule table.short td.week {
118    margin: 2px 0;
119    color: #888;
120}
121
122div.schedule table.short td.empty {
123    opacity: 0.4;
124}
125
126div.schedule table.short td.weekend {
127    background-color: #CCC;
128}
129div.schedule table.short td.outofscope {
130    text-decoration: overline line-through underline;
131    background-color: #888;
132    color: #666;
133}
134div.schedule table.short td.free {
135    background-color: white;
136}
137
138div.schedule table.short caption {
139    font-weight: bold;
140    text-align: center;
141}
142div.schedule table.short caption.scheduleShow {
143    border: 2px solid orange;
144}
145div.schedule table.short caption.scheduleToday {
146    border: 2px solid red;
147}
148
149/* ========================================
150 * Depend on "scheduleWhat" configuration
151 * ======================================== */
152
153div.schedule table.short td.cat_a {
154    font-weight: bold;
155    background: url("images/cat_a.png") repeat;
156}
157
158div.schedule table.short td.cat_b {
159    background: url("images/cat_b.png") repeat;
160}
161
162div.schedule table.short td.cat_c {
163    background: url("images/cat_c.png") repeat;
164}
165
166div.schedule table.short td.cat_ab {
167    background: url("images/cat_ab.png") repeat;
168}
169
170div.schedule table.short td.cat_ac {
171    background: url("images/cat_ac.png") repeat;
172}
173
174div.schedule table.short td.cat_bc {
175    background: url("images/cat_bc.png") repeat;
176}
177
178div.schedule table.short td.cat_abc {
179    background: url("images/cat_abc.png") repeat;
180}
181
182div.schedule table.short td.op_1 {
183    opacity: 1;
184}
185
186div.schedule table.short td.op_2 {
187    opacity: 1;
188}
189
190div.schedule table.short td.op_3 {
191    opacity: 1;
192}
193
194/* ========================================
195 *
196 * ======================================== */
197div.schedule .popup {
198    position: absolute;
199    top: auto;
200    left: auto;
201    width: auto;
202    height: auto;
203    margin: 1em;
204    padding: 1em;
205    overflow: visible;
206    z-index: 1000;
207    opacity: 0.7;
208    background: #EDDB31;
209    color: black;
210    border: 1px solid #AE090D;
211    font-weight: bold;
212}
213
214div.bubble img {
215    vertical-align: middle;
216}
217
218div.bubble a,
219div.bubble a:visited,
220div.bubble a:hover,
221div.bubble a:active,
222div.bubble a:link {
223    /*cursor: pointer;*/
224    display: block;
225    text-decoration: none ! important;
226    font-weight: bold;
227    color: #AE090D ! important;
228}
229
230div.bubble div.date {
231    font-weight: bold;
232    text-align: center;
233}
234div.bubble div.odd {
235    background-color: #FDD ! important;
236    padding: 0 4px;
237}
238div.bubble div.even {
239    background-color: #FE5 ! important;
240    padding: 0 4px;
241}
242
243div.schedule table.short caption div div.bubble,
244div.schedule table.short td div.bubble {
245    position: absolute;
246    z-index: 1000;
247    opacity: 0.8;
248    background: #EDDB31;   /* Définition du fond, sinon on a le même que notre lien */
249    color: black;
250    border: 1px solid #AE090D; /* Définition des bordures */
251    text-align: left;
252    vertical-align: middle;
253    padding: 0;
254    font-size: 75%;
255    top: auto;
256    overflow: visible;
257    width: 16em;
258    height:  auto;
259    margin-top: 1em;
260
261    display: none;
262}
263
264div.schedule table.short div.leftBubble {
265    left: -13em;
266}
267
268div.schedule table.short div.rightBubble {
269     left: 18em;
270}
271
272/* Rend visible tout notre bloc bubble et lui attribue une taille */
273div.schedule .showBubbleOnFocus:hover div.bubble,
274div.schedule .showBubbleOnFocus:focus div.bubble,
275div.schedule .showBubbleOnFocus:active div.bubble {
276    display: block;
277}
278div.schedule table.short td div.bubble a img {
279    opacity: 1;
280}
281
282div.schedule table.short div.over {
283    position: absolute;
284    top: auto;
285    left: auto;
286    z-index: 900;
287}
288
289div.schedule table.short td div.past {
290    font-weight: bold;
291    color: #FFF;
292    background-color: #444;
293    opacity: 0.7;
294    margin: 0 0 0 3px !important;
295}
296
297div.schedule table.short td div.scheduleToday {
298    opacity: 1;
299    z-index: 3;
300    font-weight: bold;
301    margin: -3px -4px 0 0;
302    border: 3px solid red;
303    padding: 0;
304    color: black;
305}
306
307div.schedule table.short td div.scheduleShow {
308    opacity: 1;
309    z-index: 3;
310    font-weight: bold;
311    margin: -3px -4px 0 0;
312    border: 3px solid orange;
313    padding: 0;
314    color: black;
315}
316
317div.schedule table.short td div.mapSelect {
318    z-index: 4;
319    font-weight: bold;
320    margin: -3px -4px 0 0;
321    border: 3px solid #F0F;
322    padding: 0;
323    color: #F0F;
324}
325
326/* ==================== */
327form.scheduleCitiesForm input {
328    width: 26em;
329}
330
331div.schedule table.form select,
332div.schedule table.form input {
333    font-size: 100%;
334}
335
336div.scheduleTabForm textarea {
337    width: 100%;
338    height: 5em;
339}
340
341div.scheduleTabForm input.lat {
342    width: 4em;
343}
344div.scheduleTabForm input.lon {
345    width: 4em;
346}
347
348div.scheduleTabForm input.date {
349    width: 6em;
350}
351div.scheduleTabForm input.where {
352    width: 100%;
353}
354
355div.scheduleTabForm input.hour {
356    width: 10em;
357}
358
359div.scheduleTabForm input.repeat {
360    width: 2em;
361}
362
363div.scheduleTabForm td.repeat {
364    text-align: left;
365}
366
367div.scheduleTabForm div >* {
368    vertical-align: top;
369}
370div.scheduleTabForm p >* {
371    vertical-align: top;
372}
373
374div.scheduleTabForm img.checked {
375    height: 16px;
376    background-image: url("images/poi.png"); /* poi.png */
377    background-size: 10px 16px;
378    background-repeat: no-repeat;
379}
380div.scheduleTabForm li:hover img.checked {
381    background-image: url("images/poiRed.png"); /* selectedPoi.gif */
382}
383
384/* ==================== */
385
386.ui-accordion .ui-accordion-content {
387    height: auto !important;
388}
389
390.scheduleCitiesForm ul {
391    /*padding: 0 !important;*/
392    margin: 0 !important;
393}
394.scheduleCitiesForm ul li {
395    margin-left: 20px;
396}
397.scheduleCitiesForm ul img {
398    margin-left: -20px;
399}
400
401.scheduleCitiesForm .ui-widget>* {
402    display: block;
403}
404
405.scheduleCitiesForm div>div {
406    vertical-align: top;
407    display: inline-block;
408}
409
410.scheduleCitiesForm .cities {
411    min-height: 4em;
412    max-height: 4em;
413    overflow-y: scroll;
414    overflow-x:hidden;
415    border-style: solid;
416    border-color: grey;
417    border-width: 1px;
418    padding: 1px;
419}
420
421.scheduleCitiesForm .cities li {
422    list-style-type:none;
423}
424
425.scheduleCitiesForm .unknown {
426    background-color: #FDD;
427}
428
429div.schedule table.short div.tabSelect {
430    position: absolute;
431    top: auto;
432    left: auto;
433    z-index: 900;
434    margin-top: -16px;
435    width: 16px;
436    height: 16px;
437    min-width: 16px;
438    min-height: 16px;
439    background-image: url("images/cat_c.gif"); /* selectedPoi.gif */
440    background-size: 10px 16px;
441}
442
443/* ==================== */
444.schedule .scheduleMap {
445    width: 150px;
446    height: 150px;
447}
448
449.schedule div.olControlPanZoom {
450    display: none;
451}
452
453.scheduleScaledMap .scheduleMap {
454    width: 200px;
455    height: 300px;
456}
457
458.scheduleScaledMap div.olControlPanZoom {
459    opacity: 0.2;
460}
461
462div.scheduleMap div.olControlAttribution,
463div.scheduleMap div.olControlScaleLine {
464    font-family: Verdana;
465    font-size: 0.5em;
466    right: 1px;
467    bottom: 1px;
468}
469
470ul.ui-autocomplete {
471    max-height: 10em;
472    overflow-y:scroll;
473    overflow-x:hidden;
474}
475
476.poiPinPush {
477    background-image: url("images/cat_ab.png"); /* poi.png */
478    opacity: 0.6;
479}
480.poiPinPop {
481    background-image: url("images/cat_ac.png"); /* poi.png */
482    background-size: 10px 16px;
483}
484.poiPinLight {
485    background-image: url("images/cat_bc.png"); /* poi.png */
486    opacity: 0.3;
487}
488
489/* ==================== */
490.scheduleAddresse {
491    width: 16em;
492    max-width: 16em;
493    min-height: 8em;
494    text-align: left;
495}
496
497.proposal {
498    border-width: 2px;
499    border-style: solid none;
500    border-color: orange;
501}
502
503div.scheduleTabForm div.warningPlace {
504    display: inline-block;
505}
506div.scheduleTabForm div.warning {
507    width: 16px;
508    height: 16px;
509}
510div.schedule table.long tr.proposal,
511div.scheduleTabForm div.warning,
512div.scheduleTabForm a.warning,
513div.scheduleTabForm input.warning,
514div.scheduleTabForm ul.warning {
515    background-image: url("images/warning.png") !important;
516    background-repeat: no-repeat !important;
517}
518div.scheduleTabForm input.warning {
519    border: 2px solid yellow !important;
520    background-position: right center !important;
521}
522
523div.scheduleAddresse {
524}
525
526div.scheduleAddresse.poiAdrLight {
527    background-color: #DDD;
528}
529