Projet

Général

Profil

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

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

1
/* theme derived and inspired by TerraFirma
2
 * <http://www.oswd.org/design/information/id/3557/>
3
 */
4

    
5
@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
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
	transition: all .2s ease-in-out;
27
	-webkit-transition: all .2s ease-in-out;
28
	-moz-transition: all .2s ease-in-out;
29
}
30

    
31
a:hover, #tab-personnes a:hover, #tab-ressources a:hover {
32
	text-decoration: none;
33
	color: #D76500;
34
}
35

    
36
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

    
53
div#wrap-large,
54
div#wrap {
55
	background: white;
56
	width: 640px;
57
	margin: 1em auto;
58
	margin-bottom: 0;
59
	padding: 15px;
60
	border-radius: 6px;
61
	-moz-border-radius: 6px;
62
	-webkit-border-radius:6px;
63
	box-shadow: 0 0 4px rgba(0,0,0,0.75);
64
	-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
	border-radius: 6px 0 0 6px;
78
	-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
	z-index: 14;
85
}
86

    
87
#header h1
88
{
89
	font-size: 23px;
90
	letter-spacing: -1px;
91
	padding-top: 24px;
92
	margin: 0;
93
}
94

    
95
#header span
96
{
97
	margin: 0;
98
	font-size: 14px;
99
	font-weight: bold;
100
	color: #FCE2CA;
101
}
102

    
103
#header h1 a,
104
#header span a {
105
	color: white;
106
	text-decoration: none;
107
}
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
	border-radius: 0 6px 6px 0;
117
	-moz-border-radius: 0 6px 6px 0;
118
	-webkit-border-radius: 0 6px 6px 0;
119
	z-index: 10;
120

    
121
	color: white;
122
	font-weight: bold;
123
	text-align: right;
124
	padding-top: 5px;
125
}
126

    
127
#agendas span.box, #ressource-list span.box {
128
  display: inline-block;
129
  height: 20px;
130
  width: 20px;
131
  border: 1px outset gray;
132
  position: relative;
133
  top: -4px;
134
}
135

    
136
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
span.sessad-dys, #service-links a.sessad-dys, body.sessad-dys #splash { background-color: #5D91E5; }
140

    
141
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

    
146

    
147
#service-links {
148
	position: absolute;
149
	right: -5px;
150
	top: 0px;
151
}
152

    
153
#service-links a {
154
	padding: 0.6em 2px;
155
	border: 1px outset #ccc;
156
	color: white;
157
	text-decoration: none;
158
	width: 10em;
159
	display: inline-block;
160
	text-align: center;
161
}
162

    
163
#service-links a.active {
164
	border: 1px inset white;
165
	font-weight: bold;
166
}
167

    
168
div#content {
169
	margin: 1em 1ex;
170
	margin-top: 100px;
171
	padding: 7px;
172
	position: relative;
173
}
174

    
175

    
176

    
177
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
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
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
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
select {
354
    background: white;
355
	color: black;
356
	padding: 5px;
357
	border: 1px solid #cccccc;
358
	color: #666666;
359
/*	width: 69.2%; */
360
}
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
/* 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
div#users input#show-everybody {
386
	width: auto;
387
}
388

    
389
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
	font-size: 13px;
401
  line-height: 20px;
402
	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
	margin: 0 auto;
436
	width: 500px;
437
}
438

    
439
a#datesel-today-link {
440
  text-align: center;
441
  margin: 0 auto;
442
  display: block;
443
  position: relative;
444
  top: -6px;
445
}
446

    
447
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
span.absent{
471
	color: red;
472
	font-style: italic;
473
}
474

    
475
span.inactive {
476
	color: #8B008B;
477
	font-style: italic;
478
}
479

    
480
td#agendas {
481
	vertical-align: top;
482
	width: 100%;
483
}
484

    
485
#content div.agenda h3.free {
486
	border: 1px solid green;
487
        background: #D4FFA7;
488
}
489

    
490
div.agenda h3.busy-here,
491
div.agenda h3.busy-elsewhere {
492
	border: 1px solid red;
493
}
494

    
495
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
tr.hour-mark td {
504
	border-top: 4px solid white;
505
}
506

    
507
li.active {
508
	font-weight: bold;
509
}
510

    
511
div.agenda span.right {
512
	position: absolute;
513
	right: 5px;
514
}
515

    
516
div.agenda span.right button,
517
div.agenda span.right img {
518
	position: relative;
519
	top: -2px;
520
}
521

    
522
div.agenda span.right button {
523
    /* margin: 0px; */
524
    padding: 0px;
525
    background: transparent;
526
    border: 0;
527
}
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
#new-appointment-table table {
540
	margin-bottom: 15px;
541
}
542

    
543
#new-appointment-table td {
544
	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
#date-selector {
556
	margin-top: 0.5em;
557
	border: 0;
558
	text-align: center;
559
	color: #8c8c73;
560
	font-size: 23px;
561
	width: 15em;
562
}
563

    
564
#arrow {
565
	font-size: 20px;
566
}
567

    
568
table.main {
569
	width: 100%;
570
}
571

    
572
table.main th {
573
	font-weight: normal;
574
	border-bottom: 1px solid #888;
575
}
576

    
577
table.main td {
578
	text-align: center;
579
}
580

    
581
table#tableau-recap-facturation tbody tr:nth-child(odd) td,
582
table.main tr:nth-child(odd) td {
583
	background: #eee;
584
}
585

    
586
table.main tr:hover td,
587
table#actes tr.non-factu:hover td {
588
	background: #ccf;
589
	cursor: pointer;
590
}
591

    
592
table#actes tr.non-factu td {
593
  background: #ccc;
594
}
595

    
596
td.traitement {
597
	color: blue;
598
}
599

    
600
td.diagnostic {
601
	color: red;
602
}
603

    
604
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
table.basic td.width-limited {
619
	width: 400px;
620
}
621

    
622
table.basic td.width-limited-300 {
623
	width: 300px;
624
}
625

    
626
table.basic tr:nth-child(odd) td {
627
	background: #eee;
628
}
629

    
630
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
div#tabs div.left {
648
        float: left;
649
        width: 47%;
650
}
651

    
652
div#tabs div.right {
653
        float: right;
654
        width: 50%;
655
}
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
div.frame {
690
  border: 1px solid #aaa;
691
  margin-bottom: 1em;
692
  border-radius: 4px;
693
}
694

    
695
div.orange {
696
    background: rgba(255, 165, 0, 0.4);
697
}
698

    
699
div.frame h3 {
700
  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
div.frame p {
709
  margin: 0 1ex;
710
}
711

    
712
#info-membre div, div.group_holidays {
713
  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
  width: 25%;
762
  vertical-align: top;
763
}
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
  color: #888;
839
  background: #f0f0f0;
840
}
841

    
842
span.hi-fact { color: red; }
843

    
844
div.dossier.not_facturable h3 {
845
  background: #ccc url(ui-bg-red.png) 50% 50% repeat-x;
846
  color: white;
847
}
848

    
849
div.dossier.not_facturable a {
850
  color: white;
851
}
852

    
853

    
854
div.acte button.acte-btn {
855
  position: absolute;
856
  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
	margin-top: 1em;
868
	margin-right: 3em;
869
}
870

    
871
ul#apps li a {
872
	background-color: transparent;
873
	background-repeat: no-repeat;
874
	background-position: 50% 50%;
875
	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
}
884

    
885
ul#apps li a#img {
886
	display: block;
887
	width: 160px;
888
	height: 40px;
889
	padding-top: 80px;
890
	font-weight: bold;
891
	text-align: center;
892
	border: 1px dotted #fff;
893
	text-decoration: none;
894
}
895

    
896
/*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
}
913

    
914
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

    
917
li#personnes a#img { background-image: url(icon-personnes.png); }
918
li#personnes a#img:hover { background-image: url(icon-personnes-hover.png); }
919

    
920
li#dossiers a#img { background-image: url(icon-dossiers.png); }
921
li#dossiers a#img:hover { background-image: url(icon-dossiers-hover.png); }
922

    
923
li#actes a#img { background-image: url(icon-actes.png); }
924
li#actes a#img:hover { background-image: url(icon-actes-hover.png); }
925

    
926
li#ressources a#img { background-image: url(icon-ressources.png); }
927
li#ressources a#img:hover { background-image: url(icon-ressources-hover.png); }
928

    
929
li#facturation a#img { background-image: url(icon-facturation.png); }
930
li#facturation a#img:hover { background-image: url(icon-facturation-hover.png); }
931

    
932
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
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
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
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
table#new-appointment-table {
998
	width: 100%;
999
}
1000

    
1001
table#new-appointment-table td {
1002
	width: 30%;
1003
}
1004

    
1005
#services ul {
1006
  text-decoration: none;
1007
   list-style-type: none;
1008
   padding: 0;
1009
}
1010

    
1011
.person-item span.toggle { display: none; }
1012

    
1013
.person-item.active span.toggle { display: inline; }
1014

    
1015
form.inline-form {
1016
  display: inline;
1017
}
1018

    
1019
#dialogs {
1020
  display: none;
1021
}
1022

    
1023
#form-content input[type^="text"] {
1024
  width: 68.2%;
1025
}
1026

    
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

    
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

    
1050
input:not([value]) + .clear, input[value=""] + .clear {
1051
  display: none;
1052
}
1053

    
1054
/* Fields in sidebar takes the full width */
1055
#sidebar select {
1056
  margin-left: 0px;
1057
  width: 100%;
1058
}
1059

    
1060
td.required label:after,
1061
label.required:after {
1062
  content: ' *';
1063
  color: red;
1064
}
1065

    
1066
/* personnes/worker_schedule_update.html */
1067
#schedules .periodicity > * {
1068
  display: inline-block;
1069
}
1070
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
}
1082

    
1083
/* tables in dialogs */
1084
.ui-dialog table td {
1085
  vertical-align: top;
1086
}
1087

    
1088
#id_family-sibship_place, #id_family-nb_children_family, #id_family-twinning_rank {
1089
    width: 4em;
1090
}
1091

    
1092
.patientrecordform p input {
1093
    margin-left: 0;
1094
    margin-right: 6px;
1095
}
1096

    
1097

    
1098
/* limit act type select length */
1099
#id_act_type {
1100
    width: 300px;
1101
    font-size: 16px;
1102
    margin-left: 0px;
1103
}
1104

    
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

    
1137
.print-only {
1138
  display: none;
1139
}
1140

    
1141
span.lastname {
1142
    text-transform: uppercase;
1143
}
1144

    
1145
input#date-selector {
1146
    cursor: pointer;
1147
}
1148

    
1149
.ui-datepicker {
1150
    z-index: 9999 !important;
1151
}
1152

    
1153
.small_select { width: 240px; }
1154

    
1155
div.agenda p.workers {
1156
  margin: 0;
1157
  padding: 0;
1158
  margin-bottom: 10px;
1159
  font-size: 80%;
1160
}
1161

    
1162
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
[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
.highlight, div#tabs label.highlight {
1185
	color: #FF7800;
1186
    font-weight: bold;
1187
}
1188

    
1189
#last_name_matches {
1190
	position: absolute;
1191
	top: 10px;
1192
	right: 10px;
1193
}
1194

    
1195
#id_participants_on_deck, #id_patient_on_deck {
1196
  max-height: 7em;
1197
  overflow-y: scroll;
1198
}
1199

    
1200
ul.messages, ul.ajax_messages {
1201
	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
        font-weight: normal;
1218
}
1219

    
1220
.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
ul.messages li, ul.ajax_messages li {
1229
	padding: 1ex;
1230
	margin: 1ex;
1231
	border-size: 0px;
1232
	-moz-border-radius:7px;
1233
	-webkit-border-radius:7px;
1234
	border-radius:7px;
1235
	border: none;
1236
        text-align: left;
1237
}
1238

    
1239
input.hasDatepicker {
1240
	width: 7em;
1241
}
1242

    
1243
#create-directory-form {
1244
        text-align: right;
1245
}
1246

    
1247
.align-center {
1248
        text-align: center;
1249
}
1250

    
1251
div.pagination {
1252
  margin-top: 1em;
1253
  text-align: center;
1254
}
1255

    
1256
/* 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
.icon-lock:before                 { content: "\f023"; }
1264
.icon-remove-sign:before          { content: "\f057"; }
1265
.icon-remove:before               { content: "\f00d"; }
1266
.icon-plus:before                 { content: "\f067"; }
1267
.icon-minus:before                { content: "\f068"; }
1268
.icon-envelope:before             { content: "\f003"; }
1269
.icon-comment:before              { content: "\f075"; }
1270
.icon-home-space:before           { content: "\f015 "; }
1271
.icon-user-space:before           { content: "\f007 "; }
1272
.icon-circle-arrow-left:before    { content: "\f0a8"; }
1273
.icon-circle-arrow-right:before   { content: "\f0a9"; }
1274
.icon-remove:before               { content: "\f00d"; }
1275
.icon-warning-sign:before         { content: "\f071"; }
1276
.icon-ok:before                   { content: "\f00c"; }
1277
.icon-mobile:before               {
1278
    content: "\f10b";
1279
    margin-right: 5px;
1280
    font-size: 1.3em;
1281
}
1282
.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
.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

    
1300
/* periodic event search form */
1301

    
1302
form#periodic-events-search-form button.ui-datepicker-trigger {
1303
  width: inherit;
1304
}
1305
form#periodic-events-search-form input.hasDatepicker {
1306
  width: 74%;
1307
}
1308
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
#periodic-events-search-form label {
1325
  display: block;
1326
}
1327

    
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
li.groupe {
1353
    width: 5%;
1354
    text-align: center;
1355
}
1356

    
1357
li.comment {
1358
    width: 40%;
1359
}
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
}
1371

    
1372
#holidays.group li.start_date, #holidays.group li.end_date,
1373
#holidays.group li.start_time, #holidays.group li.end_time {
1374
    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
#services li {
1386
    display: inline-block;
1387
    list-style-type: none;
1388
}
1389

    
1390
div.statistic {
1391
    background-color:#F7F2E0;
1392
}
1393

    
1394
.addresses li {
1395
    list-style-type: none;
1396
}
1397

    
1398
.social-security-label {
1399
    cursor: pointer;
1400
}
1401

    
1402
label.social-security-label:hover {
1403
    font-weight: bold;
1404
}
1405

    
1406
.social-security-contact ul {
1407
    display: none;
1408
}
1409

    
(29-29/30)