Projet

Général

Profil

Télécharger (23,2 ko) Statistiques
| Branche: | Tag: | Révision:

calebasse / calebasse / static / css / style.css @ aff120df

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 .patient_pk {
825
    color: #bbb;
826
}
827

    
828
div.dossier div.info {
829
  margin-left: 40px;
830
  margin-bottom: 10px;
831
}
832

    
833
button.flat,
834
button.blind {
835
 border: 1px solid #555;
836
 border-radius: 5px;
837
 background: white;
838
 font-size: 80%;
839
}
840

    
841
#content div.agenda h3.busy-elsewhere {
842
  color: #888;
843
  background: #f0f0f0;
844
}
845

    
846
span.hi-fact { color: red; }
847

    
848
div.dossier.not_facturable h3 {
849
  background: #ccc url(ui-bg-red.png) 50% 50% repeat-x;
850
  color: white;
851
}
852

    
853
div.dossier.not_facturable a {
854
  color: white;
855
}
856

    
857

    
858
div.acte button.acte-btn {
859
  position: absolute;
860
  right: 3px;
861
}
862

    
863
ul#apps {
864
	margin-top: 2em;
865
	margin-bottom: 2em;
866
}
867

    
868
ul#apps li {
869
	display: block;
870
	float: left;
871
	margin-top: 1em;
872
	margin-right: 3em;
873
}
874

    
875
ul#apps li a {
876
	background-color: transparent;
877
	background-repeat: no-repeat;
878
	background-position: 50% 50%;
879
	display: block;
880
	width: 160px;
881
	height: 40px;
882
	padding-top: 0px;
883
	font-weight: bold;
884
	text-align: center;
885
	text-decoration: none;
886
	padding-bottom: 10px;
887
}
888

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

    
900
/*ul#apps li a:hover {*/
901
/*	border: 1px solid #333;*/
902
/*}*/
903

    
904
li.apps {
905
	border: 1px solid #bbb;
906
	border-radius: 10px;
907
	-moz-border-radius: 10px;
908
	-webkit-border-radius: 10px;
909
}
910

    
911
li.apps:hover {
912
	border: 1px solid #777;
913
	border-radius: 10px;
914
	-moz-border-radius: 10px;
915
	-webkit-border-radius: 10px;
916
}
917

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

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

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

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

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

    
933
li#facturation a#img { background-image: url(icon-facturation.png); }
934
li#facturation a#img:hover { background-image: url(icon-facturation-hover.png); }
935

    
936
li#statistics a#img { background-image: url(icon-statistics.png); }
937
li#statistics a#img:hover { background-image: url(icon-statistics-hover.png); }
938

    
939
div.agenda a.print {
940
	display: block;
941
	text-align: right;
942
}
943

    
944
tr.clos {
945
	color: red;
946
}
947

    
948
div.big-msg-info {
949
        background: transparent url(info.png) 5px 5px no-repeat;
950
        width: 30em;
951
        padding-left: 90px;
952
        margin: 3em auto;
953
        min-height: 90px;
954
        padding-top: 20px;
955
}
956

    
957
div.textedit {
958
        position: relative;
959
        padding-right: 20px;
960
}
961

    
962
div.textedit textarea {
963
        width: 99%;
964
}
965

    
966
div.textedit button {
967
        position: absolute;
968
        right: -20px;
969
        top: 0px;
970
}
971

    
972
table#activity td {
973
  text-align: left;
974
  padding-left: 1ex;
975
}
976

    
977
table#activity td.hour {
978
  padding: 0;
979
  text-align: center;
980
}
981

    
982
table#activity tr:nth-child(odd) td {
983
}
984

    
985
table#activity tr.hour-change  td {
986
	border-top: 20px solid white;
987
}
988

    
989
table#activity tr td.hour {
990
	background: #ccc;
991
	font-size: 120%;
992
	font-weight: bold;
993
}
994

    
995
#id_date,
996
#id_debut,
997
#id_duree {
998
	width: 6em;
999
}
1000

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

    
1005
table#new-appointment-table td {
1006
	width: 30%;
1007
}
1008

    
1009
#services ul {
1010
  text-decoration: none;
1011
   list-style-type: none;
1012
   padding: 0;
1013
}
1014

    
1015
.person-item span.toggle { display: none; }
1016

    
1017
.person-item.active span.toggle { display: inline; }
1018

    
1019
form.inline-form {
1020
  display: inline;
1021
}
1022

    
1023
#dialogs {
1024
  display: none;
1025
}
1026

    
1027
#form-content input[type^="text"] {
1028
  width: 68.2%;
1029
}
1030

    
1031
span.helptext {
1032
  display: block;
1033
  margin-left: 10px;
1034
  visibility: hidden;
1035
  color: green;
1036
}
1037

    
1038
input:focus + span.helptext, select:focus + span.helptext {
1039
  visibility: visible;
1040
}
1041

    
1042
/* Clearing cross button for text input */
1043
.text-input-wrapper { position: relative; }
1044
.text-input-wrapper input { display: inline; }
1045
.text-input-wrapper .clear {
1046
  position: absolute;
1047
  top: 6px;
1048
  right: 3px;
1049
}
1050
.text-input-wrapper .clear:active {
1051
  color: black;
1052
}
1053

    
1054
input:not([value]) + .clear, input[value=""] + .clear {
1055
  display: none;
1056
}
1057

    
1058
/* Fields in sidebar takes the full width */
1059
#sidebar select {
1060
  margin-left: 0px;
1061
  width: 100%;
1062
}
1063

    
1064
td.required label:after,
1065
label.required:after {
1066
  content: ' *';
1067
  color: red;
1068
}
1069

    
1070
/* personnes/worker_schedule_update.html */
1071
#schedules .periodicity > * {
1072
  display: inline-block;
1073
}
1074
table#schedules {
1075
  border-collapse: collapse;
1076
}
1077
#schedules td {
1078
  vertical-align: middle;
1079
}
1080
#schedules tbody tr:nth-child(2n+1) {
1081
  background: #F5F5F5;
1082
}
1083
#schedules .service {
1084
  font-size: small;
1085
}
1086

    
1087
/* tables in dialogs */
1088
.ui-dialog table td {
1089
  vertical-align: top;
1090
}
1091

    
1092
#id_family-sibship_place, #id_family-nb_children_family, #id_family-twinning_rank {
1093
    width: 4em;
1094
}
1095

    
1096
.patientrecordform p input {
1097
    margin-left: 0;
1098
    margin-right: 6px;
1099
}
1100

    
1101

    
1102
/* limit act type select length */
1103
#id_act_type {
1104
    width: 300px;
1105
    font-size: 16px;
1106
    margin-left: 0px;
1107
}
1108

    
1109
div.worker-agenda h3,
1110
div.worker-agenda .remarque {
1111
  display: none;
1112
}
1113

    
1114
div.worker-agenda td.col-time,
1115
div.worker-agenda td.col-duration,
1116
div.worker-agenda td.col-record-id {
1117
  text-align: center;
1118
}
1119

    
1120
div.worker-agenda table {
1121
  width: 100%;
1122
  border-collapse: collapse;
1123
}
1124

    
1125
div.worker-agenda th {
1126
  background: #ccc;
1127
  border: 1px solid #ccc;
1128
}
1129

    
1130
div.worker-agenda td {
1131
  border: 1px solid #ccc;
1132
  padding: 0.5ex 1ex;
1133
}
1134

    
1135
div.summary {
1136
  margin-top: 2em;
1137
  margin-bottom: 1em;
1138
  text-align: right;
1139
}
1140

    
1141
.print-only {
1142
  display: none;
1143
}
1144

    
1145
span.lastname {
1146
    text-transform: uppercase;
1147
}
1148

    
1149
input#date-selector {
1150
    cursor: pointer;
1151
}
1152

    
1153
.ui-datepicker {
1154
    z-index: 9999 !important;
1155
}
1156

    
1157
.small_select { width: 240px; }
1158

    
1159
div.agenda p.workers {
1160
  margin: 0;
1161
  padding: 0;
1162
  margin-bottom: 10px;
1163
  font-size: 80%;
1164
}
1165

    
1166
div.agenda p.phones {
1167
  margin: 10px 0;
1168
  padding: 0;
1169
}
1170

    
1171
div.agenda p.phones span {
1172
  padding: 0 1ex;
1173
  cursor: help;
1174
}
1175

    
1176
[class^="icon-"]:before, [class*=" icon-"]:before {
1177
  font-family: FontAwesome;
1178
  font-weight: normal;
1179
  font-style: normal;
1180
  display: inline-block;
1181
  text-decoration: inherit;
1182
}
1183
a [class^="icon-"], a [class*=" icon-"] {
1184
  display: inline-block;
1185
  text-decoration: inherit;
1186
}
1187

    
1188
.highlight, div#tabs label.highlight {
1189
	color: #FF7800;
1190
    font-weight: bold;
1191
}
1192

    
1193
#last_name_matches {
1194
	position: absolute;
1195
	top: 10px;
1196
	right: 10px;
1197
}
1198

    
1199
#id_participants_on_deck, #id_patient_on_deck {
1200
  max-height: 7em;
1201
  overflow-y: scroll;
1202
}
1203

    
1204
ul.messages, ul.ajax_messages {
1205
	position: absolute;
1206
	width: 30em;
1207
	top: 10px;
1208
	right: 10px;
1209
	padding: 0;
1210
	z-index: 2000;
1211
	margin-top: 1em;
1212
	list-style-type: none;
1213
	display: table;
1214
	margin: auto;
1215
	background: rgba(40, 40, 40, 0.7);
1216
	color: white;
1217
	text-shadow: black 1px 1px 1px;
1218
	border-radius: 10px;
1219
	-moz-border-radius: 10px;
1220
	-webkit-border-radius: 10px;
1221
        font-weight: normal;
1222
}
1223

    
1224
.messages:before, .ajax_messages:before {
1225
    float: left;
1226
    margin: .3em .4em;
1227
    font-family: FontAwesome;
1228
    font-size: 2em;
1229
    content: "\f129";
1230
}
1231

    
1232
ul.messages li, ul.ajax_messages li {
1233
	padding: 1ex;
1234
	margin: 1ex;
1235
	border-size: 0px;
1236
	-moz-border-radius:7px;
1237
	-webkit-border-radius:7px;
1238
	border-radius:7px;
1239
	border: none;
1240
        text-align: left;
1241
}
1242

    
1243
input.hasDatepicker {
1244
	width: 7em;
1245
}
1246

    
1247
#create-directory-form {
1248
        text-align: right;
1249
}
1250

    
1251
.align-center {
1252
        text-align: center;
1253
}
1254

    
1255
div.pagination {
1256
  margin-top: 1em;
1257
  text-align: center;
1258
}
1259

    
1260
/* makes the font 33% larger relative to the icon container */
1261
.icon-large:before {
1262
  vertical-align: top;
1263
  font-size: 1.3333333333333333em;
1264
}
1265

    
1266
.icon-edit:before                 { content: "\f044"; }
1267
.icon-lock:before                 { content: "\f023"; }
1268
.icon-remove-sign:before          { content: "\f057"; }
1269
.icon-remove:before               { content: "\f00d"; }
1270
.icon-plus:before                 { content: "\f067"; }
1271
.icon-minus:before                { content: "\f068"; }
1272
.icon-envelope:before             { content: "\f003"; }
1273
.icon-comment:before              { content: "\f075"; }
1274
.icon-home-space:before           { content: "\f015 "; }
1275
.icon-user-space:before           { content: "\f007 "; }
1276
.icon-circle-arrow-left:before    { content: "\f0a8"; }
1277
.icon-circle-arrow-right:before   { content: "\f0a9"; }
1278
.icon-remove:before               { content: "\f00d"; }
1279
.icon-warning-sign:before         { content: "\f071"; }
1280
.icon-ok:before                   { content: "\f00c"; }
1281
.icon-mobile:before               {
1282
    content: "\f10b";
1283
    margin-right: 5px;
1284
    font-size: 1.3em;
1285
}
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-print:before {content: "\f02f";margin-right: 5px;}
1291
.icon-check:before {content: "\f046";margin-right: 5px;}
1292
.icon-uncheck:before {content: "\f096";margin-right: 5px;}
1293
.icon-car:before {content: "\f1b9";margin-right: 5px;}
1294
.icon-phone:before { content: "\f095"; margin-right: 3px;}
1295
.icon-wip:before {
1296
    content: "\f110";
1297
    margin-right: 3px;
1298
    -webkit-animation: spin 2s infinite linear;
1299
    -moz-animation: spin 2s infinite linear;
1300
    -o-animation: spin 2s infinite linear;
1301
    animation: spin 2s infinite linear;
1302
}
1303
.icon-play:before           { content: "\f04b "; }
1304

    
1305
/* defining spin animation */
1306
@-moz-keyframes spin {
1307
  0% {
1308
    -moz-transform: rotate(0deg);
1309
  }
1310
  100% {
1311
    -moz-transform: rotate(359deg);
1312
  }
1313
}
1314
@-webkit-keyframes spin {
1315
  0% {
1316
    -webkit-transform: rotate(0deg);
1317
  }
1318
  100% {
1319
    -webkit-transform: rotate(359deg);
1320
  }
1321
}
1322
@-o-keyframes spin {
1323
  0% {
1324
    -o-transform: rotate(0deg);
1325
  }
1326
  100% {
1327
    -o-transform: rotate(359deg);
1328
  }
1329
}
1330
@keyframes spin {
1331
  0% {
1332
    -webkit-transform: rotate(0deg);
1333
    transform: rotate(0deg);
1334
  }
1335
  100% {
1336
    -webkit-transform: rotate(359deg);
1337
    transform: rotate(359deg);
1338
  }
1339
}
1340

    
1341

    
1342
/* periodic event search form */
1343

    
1344
form#periodic-events-search-form button.ui-datepicker-trigger {
1345
  width: inherit;
1346
}
1347
form#periodic-events-search-form input.hasDatepicker {
1348
  width: 74%;
1349
}
1350
form#periodic-events-search-form ul{
1351
  padding: 0px;
1352
  margin: 0px;
1353
}
1354
form#periodic-events-search-form ul li,
1355
form#periodic-events-search-form .field label[for="no_end_date"] {
1356
  display: block;
1357
  margin-left: -10px;
1358
}
1359
div.field {
1360
  margin-bottom: 1ex;
1361
}
1362
div.event h3 span.right {
1363
  position: absolute;
1364
  right: 25px;
1365
}
1366
#periodic-events-search-form label {
1367
  display: block;
1368
}
1369

    
1370
#holidays {
1371
    margin: .1em;
1372
    padding: .1em;
1373
}
1374

    
1375
#holidays li {
1376
    list-style-type: none;
1377
}
1378

    
1379
#holidays li li {
1380
    display: inline-block;
1381
    list-style-type: none;
1382
    margin: .2em 0;
1383
    padding: 0 .1em;
1384
}
1385

    
1386
li.period {
1387
    width: 20%;
1388
}
1389

    
1390
li.status, li.type, li.actions  {
1391
    width: 10%;
1392
}
1393

    
1394
li.groupe {
1395
    width: 5%;
1396
    text-align: center;
1397
}
1398

    
1399
li.comment {
1400
    width: 40%;
1401
}
1402

    
1403
.caption {
1404
    color: #fff;
1405
    background: #bbb;
1406
    font-weight: bold;
1407
}
1408

    
1409
#holidays ul {
1410
    margin: 0;
1411
    padding: 0 .5em;
1412
}
1413

    
1414
#holidays.group li.start_date, #holidays.group li.end_date,
1415
#holidays.group li.start_time, #holidays.group li.end_time {
1416
    width: 9%;
1417
}
1418

    
1419
#holidays.group .type, #holidays.group .all {
1420
    width: 8%;
1421
}
1422

    
1423
#holidays.group .comment {
1424
    width: 30%;
1425
}
1426

    
1427
#services li {
1428
    display: inline-block;
1429
    list-style-type: none;
1430
}
1431

    
1432
div.statistic {
1433
    background-color:#F7F2E0;
1434
}
1435

    
1436
.addresses li {
1437
    list-style-type: none;
1438
}
1439

    
1440

    
1441
.right {
1442
    float: right;
1443
}
1444

    
1445
.clear {
1446
    clear: both;
1447
}
1448

    
1449
.lightgray {
1450
    color: #bbb;
1451
}
1452

    
1453
.no-border {
1454
    border: 0;
1455
}
(30-30/31)