Projet

Général

Profil

Télécharger (22,6 ko) Statistiques
| Branche: | Tag: | Révision:

calebasse / calebasse / static / css / style.css @ 2c6641c8

1 ebbef814 Jérôme Schneider
/* theme derived and inspired by TerraFirma
2
 * <http://www.oswd.org/design/information/id/3557/>
3
 */
4
5 9d8fdfe2 Frédéric Péters
@font-face {
6
  font-family: "FontAwesome";
7
  src: url('fontawesome-webfont.eot');
8
  src: url('fontawesome-webfont.eot?#iefix') format('eot'), url('fontawesome-webfont.woff') format('woff'), url('fontawesome-webfont.ttf') format('truetype'), url('fontawesome-webfont.svg#FontAwesome') format('svg');
9
  font-weight: normal;
10
  font-style: normal;
11
}
12
13 ebbef814 Jérôme Schneider
html, body {
14
	margin: 0;
15
	font-family: sans-serif;
16
}
17
18
html {
19
	background: #F9F9F7 url(../images/a1.gif) repeat-x;
20
	color: #8c8c73;
21
}
22
23
a, #tab-personnes a, #tab-ressources a {
24
	color: #FF7800;
25
	text-decoration: underline;
26 c87f8788 Frédéric Péters
	transition: all .2s ease-in-out;
27
	-webkit-transition: all .2s ease-in-out;
28
	-moz-transition: all .2s ease-in-out;
29 ebbef814 Jérôme Schneider
}
30
31
a:hover, #tab-personnes a:hover, #tab-ressources a:hover {
32
	text-decoration: none;
33 c87f8788 Frédéric Péters
	color: #D76500;
34 ebbef814 Jérôme Schneider
}
35
36 cd40f821 Benjamin Dauvergne
div#user-links {
37
	display: inline;
38
	padding: 5px;
39
	background: rgba(100, 100, 100, 0.8);
40
	border-top-right-radius: 6px;
41
	border-bottom-left-radius: 6px;
42
}
43
44
div#user-links a {
45
	color: white;
46
	text-decoration: none;
47
}
48
49
div#user-links a:hover {
50
	text-shadow: 1px 1px 1px black;
51
}
52 ebbef814 Jérôme Schneider
53
div#wrap-large,
54
div#wrap {
55
	background: white;
56
	width: 640px;
57 9b3e11ed Jérôme Schneider
	margin: 1em auto;
58 ebbef814 Jérôme Schneider
	margin-bottom: 0;
59
	padding: 15px;
60 43727e07 Frédéric Péters
	border-radius: 6px;
61 ebbef814 Jérôme Schneider
	-moz-border-radius: 6px;
62
	-webkit-border-radius:6px;
63 43727e07 Frédéric Péters
	box-shadow: 0 0 4px rgba(0,0,0,0.75);
64 ebbef814 Jérôme Schneider
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.75);
65
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.75);
66
	position: relative;
67
}
68
69
div#wrap-large {
70
	width: 95%;
71
}
72
73
#header
74
{
75
	position: absolute;
76
	background: #FF7800 url(../images/a8.gif) repeat-x;
77 43727e07 Frédéric Péters
	border-radius: 6px 0 0 6px;
78 ebbef814 Jérôme Schneider
	-moz-border-radius: 6px 0 0 6px;
79
	-webkit-border-radius: 6px 0 0 6px;
80
	width: 212px;
81
	height: 92px;
82
	color: #fff;
83
	padding-left: 10px;
84 f1fe7934 Benjamin Dauvergne
	z-index: 14;
85 ebbef814 Jérôme Schneider
}
86
87
#header h1
88
{
89
	font-size: 23px;
90
	letter-spacing: -1px;
91 98e8d414 Mikaël Ates
	padding-top: 24px;
92 ebbef814 Jérôme Schneider
	margin: 0;
93
}
94
95
#header span
96
{
97
	margin: 0;
98 98e8d414 Mikaël Ates
	font-size: 14px;
99
	font-weight: bold;
100 ebbef814 Jérôme Schneider
	color: #FCE2CA;
101
}
102
103 cd40f821 Benjamin Dauvergne
#header h1 a,
104 ebbef814 Jérôme Schneider
#header span a {
105
	color: white;
106 cd40f821 Benjamin Dauvergne
	text-decoration: none;
107 ebbef814 Jérôme Schneider
}
108
109
#splash
110
{
111
	position: absolute;
112
	right: 15px;
113
	background: #5D91E5 url(../images/sky-birds.jpg) no-repeat top right;
114
	width: 90%;
115
	height: 87px;
116 43727e07 Frédéric Péters
	border-radius: 0 6px 6px 0;
117 ebbef814 Jérôme Schneider
	-moz-border-radius: 0 6px 6px 0;
118
	-webkit-border-radius: 0 6px 6px 0;
119 f1fe7934 Benjamin Dauvergne
	z-index: 10;
120 ebbef814 Jérôme Schneider
121
	color: white;
122
	font-weight: bold;
123
	text-align: right;
124
	padding-top: 5px;
125
}
126
127 9b1f1c3a Serghei MIHAI
#agendas span.box, #ressource-list span.box {
128 cd40f821 Benjamin Dauvergne
  display: inline-block;
129
  height: 20px;
130
  width: 20px;
131
  border: 1px outset gray;
132
  position: relative;
133
  top: -4px;
134
}
135
136 c15cd5d6 Benjamin Dauvergne
span.cmpp, #service-links a.cmpp, body.cmpp #splash { background-color: #56D72B; }
137
span.camsp, #service-links a.camsp, body.camsp #splash { background-color: #D72B2F; }
138
span.sessad-ted, #service-links a.sessad-ted, body.sessad-ted #splash { background-color: #D72BBF; }
139 1cff6363 Jérôme Schneider
span.sessad-dys, #service-links a.sessad-dys, body.sessad-dys #splash { background-color: #5D91E5; }
140 cd40f821 Benjamin Dauvergne
141 c15cd5d6 Benjamin Dauvergne
body.cmpp #splash { background-image: url(../images/banner-green.jpg); background-repeat: repeat-x; }
142
body.camsp #splash { background-image: url(../images/banner-red.jpg); background-repeat: repeat-x; }
143
body.sessad-ted #splash { background-image: url(../images/banner-purple.jpg); }
144
body.sessad-dys #splash { background-image: url(../images/sky-birds.jpg); }
145 cd40f821 Benjamin Dauvergne
146 ebbef814 Jérôme Schneider
147
#service-links {
148
	position: absolute;
149 cd40f821 Benjamin Dauvergne
	right: -5px;
150
	top: 0px;
151 ebbef814 Jérôme Schneider
}
152
153
#service-links a {
154 349ddd3f Mikaël Ates
	padding: 0.6em 2px;
155 ebbef814 Jérôme Schneider
	border: 1px outset #ccc;
156
	color: white;
157
	text-decoration: none;
158 cd40f821 Benjamin Dauvergne
	width: 10em;
159
	display: inline-block;
160
	text-align: center;
161 ebbef814 Jérôme Schneider
}
162
163
#service-links a.active {
164
	border: 1px inset white;
165 cd40f821 Benjamin Dauvergne
	font-weight: bold;
166 ebbef814 Jérôme Schneider
}
167
168
div#content {
169
	margin: 1em 1ex;
170
	margin-top: 100px;
171 cd40f821 Benjamin Dauvergne
	padding: 7px;
172
	position: relative;
173 ebbef814 Jérôme Schneider
}
174
175 6b2a48e2 Benjamin Dauvergne
176
177 ebbef814 Jérôme Schneider
div#content h2 {
178
	margin-top: 0;
179
	font-weight: normal;
180
	color: #656551;
181
	font-size: 18px;
182
	letter-spacing: -1px;
183
	line-height: 25px;
184
	margin-bottom: 20px;
185
	padding: 0 0 10px 15px;
186
	position: relative;
187
	top: 4px;
188
	background: url(../images/a22.gif) bottom repeat-x;
189
}
190
191
#footer
192
{
193
	font-size: 70%;
194
	position: relative;
195
	clear: both;
196
	height: 66px;
197
	text-align: center;
198
	line-height: 66px;
199
	background-image: url(../images/a50.gif);
200
	color: #A8A88D;
201
}
202
203
#footer a
204
{
205
	color: #8C8C73;
206
}
207
208
209
form#login-form p {
210
	float: left;
211
	width: 40%;
212
}
213
214
form input.submit {
215
	float: right;
216
	width: 18%;
217
	margin-top: 30px;
218
}
219
220
div.login-actions {
221
	clear: both;
222
	padding-top: 2em;
223
}
224
225
div.login-actions p {
226
	margin: 0;
227
}
228
229
form p {
230
	margin: 0 0 1em 0;
231
}
232
233 6b6d3c2b Benjamin Dauvergne
form.inline p label {
234
  display: inline;
235
}
236
237
form .inline label {
238
  display: inline;
239
}
240
form .inline li {
241
  display: inline;
242
}
243
244 ebbef814 Jérôme Schneider
form p label {
245
	display: block;
246
}
247
248
form p input,
249
form p textarea {
250
	margin-left: 10px;
251
}
252
253
ul.errorlist {
254
	margin: 0;
255
	padding: 0;
256
	color: #e80404;
257
	list-style: none;
258
}
259
260
input, textarea {
261
	padding: 5px;
262
	border: 1px solid #cccccc;
263
	color:#666666;
264
	background: white;
265
	color: black;
266
	-webkit-border-radius: 4px;
267
}
268
269
textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
270
	border: 1px solid #4690d6;
271
	color:#333333;
272
}
273
274
input[type=submit] {
275
	color: #ffffff;
276
	background:#4690d6;
277
	border: 1px solid #2a567f;
278
	font-weight: bold;
279
	padding: 2px 8px 2px 8px;
280
	margin: 0;
281
	cursor: pointer;
282
}
283
284
285
input[type=submit]:hover {
286
	border-color: #0e1d2b;
287
}
288
289
form#login-form ul.errorlist {
290
	margin-bottom: 1em;
291
	width: 80%;
292
	font-weight: normal;
293
}
294
295
li.indented {
296
	margin-left: 50px;
297
}
298
299
ul.NoBullet {
300
	list-style-type: none;
301
}
302
303
div#content h4 {
304
	margin-bottom: 5px;
305
	margin-top: 30px;
306
}
307
308
div.errors {
309
	margin: 0;
310
	padding: 0;
311
	color: #e80404;
312
	list-style: none;
313
}
314
315
div#breadcrumb {
316
	font-size: 80%;
317
	margin-bottom: 1em;
318
}
319
320
div#sidebar,
321
div#users {
322
	width: 15%;
323
	float: left;
324
	text-align: justify;
325
	padding-right: 10px;
326
}
327
328
div#sidebar {
329
	text-align: left;
330
}
331
332
div#sidebar input[type=text] {
333
       width: 95%;
334
}
335
336
div#sidebar button {
337
       width: 100%;
338
}
339
340 10fa2da0 Frédéric Péters
div#sidebar div.search-reset {
341
       width: 100%;
342
}
343
344
div#sidebar div.search-reset button#search {
345
	width: 80%;
346
}
347
348
div#sidebar div.search-reset button#reset {
349
	width: 16%;
350
	float: right;
351
}
352
353 ebbef814 Jérôme Schneider
select {
354 ca1f2836 Jérôme Schneider
    background: white;
355 ebbef814 Jérôme Schneider
	color: black;
356
	padding: 5px;
357
	border: 1px solid #cccccc;
358 ca1f2836 Jérôme Schneider
	color: #666666;
359 4b8f5635 Benjamin Dauvergne
/*	width: 69.2%; */
360 ebbef814 Jérôme Schneider
}
361
362
form input.submit {
363
	position: relative;
364
	top: -22px;
365
}
366
form#login-form input.submit {
367
	position: relative;
368
	top: -5px;
369
}
370
371
div.content {
372
	float: left;
373
	width: 82%;
374
	margin-left: 8px;
375
	margin-top: -10px;
376
}
377
378 6b2a48e2 Benjamin Dauvergne
/* For page without a left column */
379
body.no-left-column div.content {
380
	width: 100%;
381
  float: none;
382
  margin-left: 0px;
383
}
384
385 3efd63d9 Frédéric Péters
div#users input#show-everybody {
386 3a2d3dc6 Frédéric Péters
	width: auto;
387
}
388
389 ebbef814 Jérôme Schneider
div#users dt {
390
	font-weight: bold;
391
}
392
393
div#users dd {
394
	margin: 0 0 1em 1em;
395
}
396
397
div#users ul {
398
	margin-left: 0;
399
	padding-left: 0;
400 ca246b3f Benjamin Dauvergne
	font-size: 13px;
401
  line-height: 20px;
402 ebbef814 Jérôme Schneider
	list-style: none;
403
}
404
405
div#users li {
406
	cursor: pointer;
407
}
408
409
div.content ul {
410
	text-align: justify;
411
}
412
413
h2 img {
414
	position: absolute;
415
	right: 0px;
416
	top: 5px;
417
}
418
419
div#appbar button,
420
div#appbar a {
421
	position: relative;
422
	top: -45px;
423
	float: right;
424
	padding-left: 15px;
425
	padding-right: 15px;
426
}
427
428
div#appbar button {
429
	left: -20px;
430
	top: -55px;
431
}
432
433
div#datesel {
434
	text-align: center;
435 b99caadd Frédéric Péters
	margin: 0 auto;
436
	width: 500px;
437 ebbef814 Jérôme Schneider
}
438
439 6033f07b Benjamin Dauvergne
a#datesel-today-link {
440
  text-align: center;
441
  margin: 0 auto;
442
  display: block;
443
  position: relative;
444 4df43a9f Mikaël Ates
  top: -6px;
445 6033f07b Benjamin Dauvergne
}
446
447 f60c4998 Serghei MIHAI
a#arrow {
448
    font-family: FontAwesome;
449
    margin: 0 5px;
450
    color: #555;
451
    text-decoration: none;
452
}
453
454
a.prev-day:before {
455
    content: '\f053';
456
}
457
458
a.prev-month:before {
459
    content: '\f137';
460
}
461
462
a.next-day:before {
463
    content: '\f054';
464
}
465
466
a.next-month:before {
467
    content: '\f138';
468
}
469
470 e6b125bd Mikaël Ates
span.absent{
471
	color: red;
472
	font-style: italic;
473
}
474
475 bba85766 Serghei MIHAI
span.inactive {
476
	color: #8B008B;
477
	font-style: italic;
478
}
479
480 ebbef814 Jérôme Schneider
td#agendas {
481
	vertical-align: top;
482
	width: 100%;
483
}
484
485 cd40f821 Benjamin Dauvergne
#content div.agenda h3.free {
486 ebbef814 Jérôme Schneider
	border: 1px solid green;
487 cd40f821 Benjamin Dauvergne
        background: #D4FFA7;
488 ebbef814 Jérôme Schneider
}
489
490
div.agenda h3.busy-here,
491
div.agenda h3.busy-elsewhere {
492
	border: 1px solid red;
493
}
494
495 bbd0d8a9 Frédéric Péters
div.agenda h3.act-absence {
496
	color: #888;
497
}
498
499
div.agenda h3.act-absence span.hour {
500
	text-decoration: line-through;
501
}
502
503 ebbef814 Jérôme Schneider
tr.hour-mark td {
504
	border-top: 4px solid white;
505
}
506
507
li.active {
508
	font-weight: bold;
509
}
510
511 cd40f821 Benjamin Dauvergne
div.agenda span.right {
512
	position: absolute;
513
	right: 5px;
514 ebbef814 Jérôme Schneider
}
515
516 cd40f821 Benjamin Dauvergne
div.agenda span.right button,
517
div.agenda span.right img {
518 ebbef814 Jérôme Schneider
	position: relative;
519
	top: -2px;
520 cd40f821 Benjamin Dauvergne
}
521
522
div.agenda span.right button {
523 4125c30b Jérôme Schneider
    /* margin: 0px; */
524
    padding: 0px;
525
    background: transparent;
526
    border: 0;
527 ebbef814 Jérôme Schneider
}
528
529
div.agenda p {
530
	margin-top: 0px;
531
	margin-bottom: 30px;
532
}
533
534
div.agenda p a {
535
	margin: 0;
536
	float: right;
537
}
538
539 4d8081cb Benjamin Dauvergne
#new-appointment-table table {
540 ebbef814 Jérôme Schneider
	margin-bottom: 15px;
541
}
542
543 4d8081cb Benjamin Dauvergne
#new-appointment-table td {
544 ebbef814 Jérôme Schneider
	vertical-align: top;
545
}
546
547
div#intervenants ul {
548
	margin: 0;
549
	padding: 0;
550
	list-style: none;
551
	margin-bottom: 1ex;
552
}
553
554
555 912945fa Benjamin Dauvergne
#date-selector {
556 b964dc04 Mikaël Ates
	margin-top: 0.5em;
557 ebbef814 Jérôme Schneider
	border: 0;
558
	text-align: center;
559
	color: #8c8c73;
560 92ddc532 Mikaël Ates
	font-size: 23px;
561
	width: 15em;
562 b964dc04 Mikaël Ates
}
563
564
#arrow {
565
	font-size: 20px;
566 ebbef814 Jérôme Schneider
}
567
568 cd40f821 Benjamin Dauvergne
table.main {
569 ebbef814 Jérôme Schneider
	width: 100%;
570
}
571
572 cd40f821 Benjamin Dauvergne
table.main th {
573 ebbef814 Jérôme Schneider
	font-weight: normal;
574
	border-bottom: 1px solid #888;
575
}
576
577 cd40f821 Benjamin Dauvergne
table.main td {
578 ebbef814 Jérôme Schneider
	text-align: center;
579
}
580
581
table#tableau-recap-facturation tbody tr:nth-child(odd) td,
582 cd40f821 Benjamin Dauvergne
table.main tr:nth-child(odd) td {
583 ebbef814 Jérôme Schneider
	background: #eee;
584
}
585
586 cd40f821 Benjamin Dauvergne
table.main tr:hover td,
587
table#actes tr.non-factu:hover td {
588 ebbef814 Jérôme Schneider
	background: #ccf;
589
	cursor: pointer;
590
}
591
592
table#actes tr.non-factu td {
593
  background: #ccc;
594
}
595
596 066f587e Jérôme Schneider
td.traitement {
597 ebbef814 Jérôme Schneider
	color: blue;
598
}
599
600 066f587e Jérôme Schneider
td.diagnostic {
601 ebbef814 Jérôme Schneider
	color: red;
602
}
603
604 1ad649f5 Mikaël Ates
table.basic {
605
	width: 100%;
606
}
607
608
table.basic th {
609
	font-weight: normal;
610
	border-bottom: 1px solid #888;
611
	text-align: left;
612
}
613
614
table.basic td {
615
	text-align: left;
616
}
617
618 349ddd3f Mikaël Ates
table.basic td.width-limited {
619
	width: 400px;
620
}
621
622
table.basic td.width-limited-300 {
623
	width: 300px;
624
}
625
626 1ad649f5 Mikaël Ates
table.basic tr:nth-child(odd) td {
627
	background: #eee;
628
}
629
630 4b1bacce Frédéric Péters
table#ressource-list .col-id {
631
	width: 10ex;
632
}
633
634
table#ressource-list .col-action {
635
	width: 20ex;
636
}
637
638
table#ressource-list .col-label {
639
	text-align: left;
640
	padding-left: 1ex;
641
}
642
643
table#ressource-list .col-label a {
644
	display: block;
645
}
646
647 ebbef814 Jérôme Schneider
div#tabs div.left {
648
        float: left;
649 ca1f2836 Jérôme Schneider
        width: 47%;
650 ebbef814 Jérôme Schneider
}
651
652
div#tabs div.right {
653
        float: right;
654 ca1f2836 Jérôme Schneider
        width: 50%;
655 ebbef814 Jérôme Schneider
}
656
657
div#tabs div.right ul li,
658
div#tabs div.left ul li {
659
        margin: 1ex 0;
660
	list-style: none;
661
}
662
663
div#tabs  label {
664
	color: #666;
665
}
666
667
div#tabs div.right div h4 {
668
        margin: 1ex;
669
}
670
671
div#tabs div.right div {
672
        margin: 1em;
673
        background: #eee;
674
        padding: 1em;
675
        border-radius: 10px;
676
}
677
678
div#filtre ul,
679
div#filtre ul li {
680
	margin-left: 0;
681
	padding-left: 0;
682
	list-style: none;
683
}
684
685
span.num {
686
	color: #333;
687
}
688
689 cd40f821 Benjamin Dauvergne
div.frame {
690
  border: 1px solid #aaa;
691 ebbef814 Jérôme Schneider
  margin-bottom: 1em;
692 cd40f821 Benjamin Dauvergne
  border-radius: 4px;
693 ebbef814 Jérôme Schneider
}
694
695 c69fac80 Jérôme Schneider
div.orange {
696
    background: rgba(255, 165, 0, 0.4);
697
}
698
699 cd40f821 Benjamin Dauvergne
div.frame h3 {
700 ebbef814 Jérôme Schneider
  margin: 0;
701
  margin-bottom: 1ex;
702
  padding: 3px 1ex;
703
  color: #656551;
704
  font-weight: normal;
705
  background: #ccc url(smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
706
}
707
708 cd40f821 Benjamin Dauvergne
div.frame p {
709 ebbef814 Jérôme Schneider
  margin: 0 1ex;
710
}
711
712 8da5a7b6 Serghei MIHAI
#info-membre div, div.group_holidays {
713 ebbef814 Jérôme Schneider
  position: relative;
714
}
715
716
#info-membre p {
717
  margin: 1em;
718
}
719
720
#info-membre p.services label {
721
  margin-right: 4em;
722
}
723
724
#membre-buttons {
725
  margin: 1em 0;
726
}
727
728
span.en-conge {
729
  font-weight: normal;
730
  font-size: 80%;
731
}
732
733
#schedule table {
734
  width: 95%;
735
  text-align: center;
736
}
737
738
#schedule td {
739
  width: 14%;
740
}
741
742
#schedule th {
743
	color: #FF7800;
744
	text-decoration: underline;
745
}
746
747
tr.expired td {
748
	color: #888;
749
}
750
751
#lundi-dlg table {
752
  width: 98%;
753
  text-align: center;
754
}
755
756
table#conges-a-venir {
757
  width: 98%;
758
}
759
760
table#conges-a-venir td {
761 4b2eac21 Frédéric Péters
  width: 25%;
762
  vertical-align: top;
763 ebbef814 Jérôme Schneider
}
764
765
div#overlay {
766
  position: absolute;
767
  bottom: -40px;
768
  left: -10px;
769
  background: rgba(0, 0, 0, 0.8);
770
  color: white;
771
  padding: 0px 10px;
772
  width: 100%;
773
  z-index: 10;
774
}
775
776
div#overlay a {
777
  color: white;
778
}
779
780
li label {
781
}
782
783
#tableau-recap-facturation {
784
  width: 100%;
785
}
786
787
#tableau-recap-facturation td {
788
  text-align: center;
789
}
790
791
#tableau-recap-facturation tfoot th,
792
#tableau-recap-facturation tfoot td {
793
  padding-top: 8px;
794
  border-top: 1px solid #aaa;
795
}
796
797
#tableau-recap-facturation tr#total-row th,
798
#tableau-recap-facturation tr#total-row td {
799
  border-top: 1px solid #aaa;
800
  border-bottom: 1px solid #aaa;
801
  padding-top: 8px;
802
  padding-bottom: 8px;
803
}
804
805
div.acte {
806
  border: 1px solid #aaa;
807
  width: 100%;
808
  margin-bottom: 1em;
809
}
810
811
div.acte p {
812
  margin: 5px;
813
}
814
815
div.acte select {
816
  width: auto;
817
  padding: 0px;
818
}
819
820
div.dossier p {
821
  margin: 0 5px;
822
}
823
824
div.dossier div.info {
825
  margin-left: 40px;
826
  margin-bottom: 10px;
827
}
828
829
button.flat,
830
button.blind {
831
 border: 1px solid #555;
832
 border-radius: 5px;
833
 background: white;
834
 font-size: 80%;
835
}
836
837
#content div.agenda h3.busy-elsewhere {
838 cd40f821 Benjamin Dauvergne
  color: #888;
839
  background: #f0f0f0;
840 ebbef814 Jérôme Schneider
}
841
842
span.hi-fact { color: red; }
843
844 bf4516ce Mikaël Ates
div.dossier.not_facturable h3 {
845 ebbef814 Jérôme Schneider
  background: #ccc url(ui-bg-red.png) 50% 50% repeat-x;
846
  color: white;
847
}
848
849 bf4516ce Mikaël Ates
div.dossier.not_facturable a {
850 ebbef814 Jérôme Schneider
  color: white;
851
}
852
853
854
div.acte button.acte-btn {
855
  position: absolute;
856 cd40f821 Benjamin Dauvergne
  right: 3px;
857
}
858
859
ul#apps {
860
	margin-top: 2em;
861
	margin-bottom: 2em;
862
}
863
864
ul#apps li {
865
	display: block;
866
	float: left;
867 349ddd3f Mikaël Ates
	margin-top: 1em;
868
	margin-right: 3em;
869 cd40f821 Benjamin Dauvergne
}
870
871
ul#apps li a {
872
	background-color: transparent;
873
	background-repeat: no-repeat;
874
	background-position: 50% 50%;
875 349ddd3f Mikaël Ates
	display: block;
876
	width: 160px;
877
	height: 40px;
878
	padding-top: 0px;
879
	font-weight: bold;
880
	text-align: center;
881
	text-decoration: none;
882
	padding-bottom: 10px;
883 cd40f821 Benjamin Dauvergne
}
884
885 349ddd3f Mikaël Ates
ul#apps li a#img {
886 cd40f821 Benjamin Dauvergne
	display: block;
887 349ddd3f Mikaël Ates
	width: 160px;
888 cd40f821 Benjamin Dauvergne
	height: 40px;
889
	padding-top: 80px;
890
	font-weight: bold;
891
	text-align: center;
892 349ddd3f Mikaël Ates
	border: 1px dotted #fff;
893 cd40f821 Benjamin Dauvergne
	text-decoration: none;
894
}
895
896 349ddd3f Mikaël Ates
/*ul#apps li a:hover {*/
897
/*	border: 1px solid #333;*/
898
/*}*/
899
900
li.apps {
901
	border: 1px solid #bbb;
902
	border-radius: 10px;
903
	-moz-border-radius: 10px;
904
	-webkit-border-radius: 10px;
905
}
906
907
li.apps:hover {
908
	border: 1px solid #777;
909
	border-radius: 10px;
910
	-moz-border-radius: 10px;
911
	-webkit-border-radius: 10px;
912 cd40f821 Benjamin Dauvergne
}
913
914 349ddd3f Mikaël Ates
li#agenda a#img { background-image: url(icon-calendar.png); }
915
li#agenda:hover a#img:hover { background-image: url(icon-calendar-hover.png); }
916 cd40f821 Benjamin Dauvergne
917 349ddd3f Mikaël Ates
li#personnes a#img { background-image: url(icon-personnes.png); }
918
li#personnes a#img:hover { background-image: url(icon-personnes-hover.png); }
919 cd40f821 Benjamin Dauvergne
920 349ddd3f Mikaël Ates
li#dossiers a#img { background-image: url(icon-dossiers.png); }
921
li#dossiers a#img:hover { background-image: url(icon-dossiers-hover.png); }
922 cd40f821 Benjamin Dauvergne
923 349ddd3f Mikaël Ates
li#actes a#img { background-image: url(icon-actes.png); }
924
li#actes a#img:hover { background-image: url(icon-actes-hover.png); }
925 cd40f821 Benjamin Dauvergne
926 349ddd3f Mikaël Ates
li#ressources a#img { background-image: url(icon-ressources.png); }
927
li#ressources a#img:hover { background-image: url(icon-ressources-hover.png); }
928 cd40f821 Benjamin Dauvergne
929 349ddd3f Mikaël Ates
li#facturation a#img { background-image: url(icon-facturation.png); }
930
li#facturation a#img:hover { background-image: url(icon-facturation-hover.png); }
931 cd40f821 Benjamin Dauvergne
932 330dad49 Mikaël Ates
li#statistics a#img { background-image: url(icon-statistics.png); }
933
li#statistics a#img:hover { background-image: url(icon-statistics-hover.png); }
934
935 cd40f821 Benjamin Dauvergne
div.agenda a.print {
936
	display: block;
937
	text-align: right;
938
}
939
940
tr.clos {
941
	color: red;
942
}
943
944
div.big-msg-info {
945
        background: transparent url(info.png) 5px 5px no-repeat;
946
        width: 30em;
947
        padding-left: 90px;
948
        margin: 3em auto;
949
        min-height: 90px;
950
        padding-top: 20px;
951
}
952
953
div.textedit {
954
        position: relative;
955
        padding-right: 20px;
956
}
957
958
div.textedit textarea {
959
        width: 99%;
960
}
961
962
div.textedit button {
963
        position: absolute;
964
        right: -20px;
965
        top: 0px;
966
}
967
968 477e1b65 Frédéric Péters
table#activity td {
969
  text-align: left;
970
  padding-left: 1ex;
971
}
972
973
table#activity td.hour {
974
  padding: 0;
975
  text-align: center;
976
}
977
978 cd40f821 Benjamin Dauvergne
table#activity tr:nth-child(odd) td {
979
}
980
981
table#activity tr.hour-change  td {
982
	border-top: 20px solid white;
983
}
984
985
table#activity tr td.hour {
986
	background: #ccc;
987
	font-size: 120%;
988
	font-weight: bold;
989
}
990
991
#id_date,
992
#id_debut,
993
#id_duree {
994
	width: 6em;
995
}
996
997 4d8081cb Benjamin Dauvergne
table#new-appointment-table {
998 cd40f821 Benjamin Dauvergne
	width: 100%;
999
}
1000
1001 4d8081cb Benjamin Dauvergne
table#new-appointment-table td {
1002 cd40f821 Benjamin Dauvergne
	width: 30%;
1003 ebbef814 Jérôme Schneider
}
1004 a5a20700 Benjamin Dauvergne
1005 3694138c Jérôme Schneider
#services ul {
1006
  text-decoration: none;
1007
   list-style-type: none;
1008
   padding: 0;
1009
}
1010
1011 51bc2403 Frédéric Péters
.person-item span.toggle { display: none; }
1012 a5a20700 Benjamin Dauvergne
1013 51bc2403 Frédéric Péters
.person-item.active span.toggle { display: inline; }
1014 86dfa623 Benjamin Dauvergne
1015
form.inline-form {
1016
  display: inline;
1017
}
1018 3fb70ba0 Benjamin Dauvergne
1019 19a4bf38 Benjamin Dauvergne
#dialogs {
1020
  display: none;
1021
}
1022 3fb70ba0 Benjamin Dauvergne
1023
#form-content input[type^="text"] {
1024
  width: 68.2%;
1025
}
1026 d227aba8 Benjamin Dauvergne
1027
span.helptext {
1028
  display: block;
1029
  margin-left: 10px;
1030
  visibility: hidden;
1031
  color: green;
1032
}
1033
1034
input:focus + span.helptext, select:focus + span.helptext {
1035
  visibility: visible;
1036
}
1037 deb35bf3 Benjamin Dauvergne
1038
/* Clearing cross button for text input */
1039
.text-input-wrapper { position: relative; }
1040
.text-input-wrapper input { display: inline; }
1041
.text-input-wrapper .clear {
1042
  position: absolute;
1043
  top: 6px;
1044
  right: 3px;
1045
}
1046
.text-input-wrapper .clear:active {
1047
  color: black;
1048
}
1049 fcd18e77 Benjamin Dauvergne
1050
input:not([value]) + .clear, input[value=""] + .clear {
1051 dda3712d Benjamin Dauvergne
  display: none;
1052
}
1053 ab296c3f Benjamin Dauvergne
1054
/* Fields in sidebar takes the full width */
1055
#sidebar select {
1056
  margin-left: 0px;
1057
  width: 100%;
1058
}
1059
1060 4d283c00 Frédéric Péters
td.required label:after,
1061 3e8d6aec Benjamin Dauvergne
label.required:after {
1062 4d283c00 Frédéric Péters
  content: ' *';
1063 3e8d6aec Benjamin Dauvergne
  color: red;
1064
}
1065 52d3b722 Benjamin Dauvergne
1066
/* personnes/worker_schedule_update.html */
1067 f8f903c3 Benjamin Dauvergne
#schedules .periodicity > * {
1068
  display: inline-block;
1069 52d3b722 Benjamin Dauvergne
}
1070 f8f903c3 Benjamin Dauvergne
table#schedules {
1071
  border-collapse: collapse;
1072
}
1073
#schedules td {
1074
  vertical-align: middle;
1075
}
1076
#schedules tbody tr:nth-child(2n+1) {
1077
  background: #F5F5F5;
1078
}
1079
#schedules .service {
1080
  font-size: small;
1081 a39c35ec Benjamin Dauvergne
}
1082 5ec84ba2 Benjamin Dauvergne
1083
/* tables in dialogs */
1084
.ui-dialog table td {
1085
  vertical-align: top;
1086
}
1087 9436716a Jérôme Schneider
1088 428081e0 Jérôme Schneider
#id_family-sibship_place, #id_family-nb_children_family, #id_family-twinning_rank {
1089 2773b4d4 Jérôme Schneider
    width: 4em;
1090
}
1091
1092
.patientrecordform p input {
1093
    margin-left: 0;
1094
    margin-right: 6px;
1095
}
1096
1097 f8f903c3 Benjamin Dauvergne
1098 9436716a Jérôme Schneider
/* limit act type select length */
1099
#id_act_type {
1100
    width: 300px;
1101
    font-size: 16px;
1102
    margin-left: 0px;
1103
}
1104 ec83d7ba Frédéric Péters
1105
div.worker-agenda h3,
1106
div.worker-agenda .remarque {
1107
  display: none;
1108
}
1109
1110
div.worker-agenda td.col-time,
1111
div.worker-agenda td.col-duration,
1112
div.worker-agenda td.col-record-id {
1113
  text-align: center;
1114
}
1115
1116
div.worker-agenda table {
1117
  width: 100%;
1118
  border-collapse: collapse;
1119
}
1120
1121
div.worker-agenda th {
1122
  background: #ccc;
1123
  border: 1px solid #ccc;
1124
}
1125
1126
div.worker-agenda td {
1127
  border: 1px solid #ccc;
1128
  padding: 0.5ex 1ex;
1129
}
1130
1131
div.summary {
1132
  margin-top: 2em;
1133
  margin-bottom: 1em;
1134
  text-align: right;
1135
}
1136 15c28f72 Frédéric Péters
1137
.print-only {
1138
  display: none;
1139
}
1140 26c60057 Frédéric Péters
1141
span.lastname {
1142
    text-transform: uppercase;
1143
}
1144 979bcfe9 Frédéric Péters
1145
input#date-selector {
1146
    cursor: pointer;
1147
}
1148 33ce652e Frédéric Péters
1149
.ui-datepicker {
1150
    z-index: 9999 !important;
1151
}
1152 2523f48f Jérôme Schneider
1153 c9db0256 Jérôme Schneider
.small_select { width: 240px; }
1154 9d8fdfe2 Frédéric Péters
1155 04c3096d Frédéric Péters
div.agenda p.workers {
1156
  margin: 0;
1157
  padding: 0;
1158
  margin-bottom: 10px;
1159
  font-size: 80%;
1160
}
1161
1162 b84e2e49 Frédéric Péters
div.agenda p.phones {
1163
  margin: 10px 0;
1164
  padding: 0;
1165
}
1166
1167
div.agenda p.phones span {
1168
  padding: 0 1ex;
1169
  cursor: help;
1170
}
1171
1172 9d8fdfe2 Frédéric Péters
[class^="icon-"]:before, [class*=" icon-"]:before {
1173
  font-family: FontAwesome;
1174
  font-weight: normal;
1175
  font-style: normal;
1176
  display: inline-block;
1177
  text-decoration: inherit;
1178
}
1179
a [class^="icon-"], a [class*=" icon-"] {
1180
  display: inline-block;
1181
  text-decoration: inherit;
1182
}
1183
1184 636dcdba Jérôme Schneider
.highlight, div#tabs label.highlight {
1185 9dc808ca Mikaël Ates
	color: #FF7800;
1186 636dcdba Jérôme Schneider
    font-weight: bold;
1187 9dc808ca Mikaël Ates
}
1188
1189 a7220228 Frédéric Péters
#last_name_matches {
1190
	position: absolute;
1191
	top: 10px;
1192
	right: 10px;
1193
}
1194
1195 f1a4cd58 Serghei MIHAI
#id_participants_on_deck, #id_patient_on_deck {
1196 caf6b116 Frédéric Péters
  max-height: 7em;
1197
  overflow-y: scroll;
1198
}
1199
1200 fca68db0 Jérôme Schneider
ul.messages, ul.ajax_messages {
1201 f6203b66 Frédéric Péters
	position: absolute;
1202
	width: 30em;
1203
	top: 10px;
1204
	right: 10px;
1205
	padding: 0;
1206
	z-index: 2000;
1207
	margin-top: 1em;
1208
	list-style-type: none;
1209
	display: table;
1210
	margin: auto;
1211
	background: rgba(40, 40, 40, 0.7);
1212
	color: white;
1213
	text-shadow: black 1px 1px 1px;
1214
	border-radius: 10px;
1215
	-moz-border-radius: 10px;
1216
	-webkit-border-radius: 10px;
1217 60911fd8 Serghei MIHAI
        font-weight: normal;
1218 f6203b66 Frédéric Péters
}
1219
1220 6c5ef306 Serghei MIHAI
.messages:before, .ajax_messages:before {
1221
    float: left;
1222
    margin: .3em .4em;
1223
    font-family: FontAwesome;
1224
    font-size: 2em;
1225
    content: "\f129";
1226
}
1227
1228 fca68db0 Jérôme Schneider
ul.messages li, ul.ajax_messages li {
1229 f6203b66 Frédéric Péters
	padding: 1ex;
1230
	margin: 1ex;
1231
	border-size: 0px;
1232
	-moz-border-radius:7px;
1233
	-webkit-border-radius:7px;
1234
	border-radius:7px;
1235 99ea2836 Serghei MIHAI
	border: none;
1236
        text-align: left;
1237 f6203b66 Frédéric Péters
}
1238
1239 31dbe39d Frédéric Péters
input.hasDatepicker {
1240
	width: 7em;
1241
}
1242
1243 7bc87b6f Frédéric Péters
#create-directory-form {
1244
        text-align: right;
1245
}
1246 a7220228 Frédéric Péters
1247 9b4b395e Mikaël Ates
.align-center {
1248
        text-align: center;
1249
}
1250
1251 43a5b181 Frédéric Péters
div.pagination {
1252
  margin-top: 1em;
1253
  text-align: center;
1254
}
1255
1256 9d8fdfe2 Frédéric Péters
/* makes the font 33% larger relative to the icon container */
1257
.icon-large:before {
1258
  vertical-align: top;
1259
  font-size: 1.3333333333333333em;
1260
}
1261
1262
.icon-edit:before                 { content: "\f044"; }
1263 4952abd0 Jérôme Schneider
.icon-lock:before                 { content: "\f023"; }
1264 9d8fdfe2 Frédéric Péters
.icon-remove-sign:before          { content: "\f057"; }
1265
.icon-remove:before               { content: "\f00d"; }
1266 c6f5c60f Jérôme Schneider
.icon-plus:before                 { content: "\f067"; }
1267 9d8fdfe2 Frédéric Péters
.icon-minus:before                { content: "\f068"; }
1268
.icon-envelope:before             { content: "\f003"; }
1269
.icon-comment:before              { content: "\f075"; }
1270 b84e2e49 Frédéric Péters
.icon-home-space:before           { content: "\f015 "; }
1271
.icon-user-space:before           { content: "\f007 "; }
1272 75914297 Frédéric Péters
.icon-circle-arrow-left:before    { content: "\f0a8"; }
1273
.icon-circle-arrow-right:before   { content: "\f0a9"; }
1274 38abb576 Jérôme Schneider
.icon-remove:before               { content: "\f00d"; }
1275
.icon-warning-sign:before         { content: "\f071"; }
1276
.icon-ok:before                   { content: "\f00c"; }
1277 789da8e4 Jérôme Schneider
.icon-mobile:before               {
1278
    content: "\f10b";
1279
    margin-right: 5px;
1280
    font-size: 1.3em;
1281
}
1282 181c62ad Serghei MIHAI
.icon-print:before {content: "\f02f";margin-right: 5px;}
1283
.icon-check:before {content: "\f046";margin-right: 5px;}
1284
.icon-uncheck:before {content: "\f096";margin-right: 5px;}
1285
.icon-car:before {content: "\f1b9";margin-right: 5px;}
1286
.icon-print:before {content: "\f02f";margin-right: 5px;}
1287
.icon-check:before {content: "\f046";margin-right: 5px;}
1288
.icon-uncheck:before {content: "\f096";margin-right: 5px;}
1289
.icon-car:before {content: "\f1b9";margin-right: 5px;}
1290
.icon-phone:before { content: "\f095"; margin-right: 3px;}
1291 2c6641c8 Serghei MIHAI
.icon-wip:before {
1292
    content: "\f110";
1293
    margin-right: 3px;
1294
    -webkit-animation: spin 2s infinite linear;
1295
    -moz-animation: spin 2s infinite linear;
1296
    -o-animation: spin 2s infinite linear;
1297
    animation: spin 2s infinite linear;
1298
}
1299 e9964395 Benjamin Dauvergne
1300
/* periodic event search form */
1301 e3ca6d54 Benjamin Dauvergne
1302
form#periodic-events-search-form button.ui-datepicker-trigger {
1303 e9964395 Benjamin Dauvergne
  width: inherit;
1304
}
1305 80f1e6c2 Benjamin Dauvergne
form#periodic-events-search-form input.hasDatepicker {
1306
  width: 74%;
1307
}
1308 e9964395 Benjamin Dauvergne
form#periodic-events-search-form ul{
1309
  padding: 0px;
1310
  margin: 0px;
1311
}
1312
form#periodic-events-search-form ul li,
1313
form#periodic-events-search-form .field label[for="no_end_date"] {
1314
  display: block;
1315
  margin-left: -10px;
1316
}
1317
div.field {
1318
  margin-bottom: 1ex;
1319
}
1320
div.event h3 span.right {
1321
  position: absolute;
1322
  right: 25px;
1323
}
1324 ea5cc493 Benjamin Dauvergne
#periodic-events-search-form label {
1325
  display: block;
1326
}
1327 53647eb3 Serghei MIHAI
1328
#holidays {
1329
    margin: .1em;
1330
    padding: .1em;
1331
}
1332
1333
#holidays li {
1334
    list-style-type: none;
1335
}
1336
1337
#holidays li li {
1338
    display: inline-block;
1339
    list-style-type: none;
1340
    margin: .2em 0;
1341
    padding: 0 .1em;
1342
}
1343
1344
li.period {
1345
    width: 20%;
1346
}
1347
1348
li.status, li.type, li.actions  {
1349
    width: 10%;
1350
}
1351
1352 c125a508 Serghei MIHAI
li.groupe {
1353 e19a8ef6 Serghei MIHAI
    width: 5%;
1354 c125a508 Serghei MIHAI
    text-align: center;
1355
}
1356
1357 53647eb3 Serghei MIHAI
li.comment {
1358 e19a8ef6 Serghei MIHAI
    width: 40%;
1359 53647eb3 Serghei MIHAI
}
1360
1361
.caption {
1362
    color: #fff;
1363
    background: #bbb;
1364
    font-weight: bold;
1365
}
1366
1367
#holidays ul {
1368
    margin: 0;
1369
    padding: 0 .5em;
1370 c125a508 Serghei MIHAI
}
1371
1372 024caa52 Serghei MIHAI
#holidays.group li.start_date, #holidays.group li.end_date,
1373
#holidays.group li.start_time, #holidays.group li.end_time {
1374 8da5a7b6 Serghei MIHAI
    width: 9%;
1375
}
1376
1377
#holidays.group .type, #holidays.group .all {
1378
    width: 8%;
1379
}
1380
1381
#holidays.group .comment {
1382
    width: 30%;
1383
}
1384
1385 c125a508 Serghei MIHAI
#services li {
1386
    display: inline-block;
1387
    list-style-type: none;
1388 9863b476 Mikaël Ates
}
1389
1390
div.statistic {
1391
    background-color:#F7F2E0;
1392
}
1393 f918b828 Jérôme Schneider
1394
.addresses li {
1395
    list-style-type: none;
1396
}
1397 a9215ad7 Jérôme Schneider
1398 ae19f2b7 Jérôme Schneider
.social-security-label {
1399 6bebd793 Jérôme Schneider
    cursor: pointer;
1400
}
1401
1402 ae19f2b7 Jérôme Schneider
label.social-security-label:hover {
1403 6bebd793 Jérôme Schneider
    font-weight: bold;
1404
}
1405
1406 ae19f2b7 Jérôme Schneider
.social-security-contact ul {
1407 6bebd793 Jérôme Schneider
    display: none;
1408
}