Projet

Général

Profil

Télécharger (13,5 ko) Statistiques
| Branche: | Tag: | Révision:

calebasse / mockups / css / style.css @ b723a1ff

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

    
5
html, body {
6
	margin: 0;
7
	font-family: sans-serif;
8
}
9

    
10
html {
11
	background: #F9F9F7 url(../images/a1.gif) repeat-x;
12
	color: #8c8c73;
13
}
14

    
15
a, #tab-personnes a, #tab-ressources a {
16
	color: #FF7800;
17
	text-decoration: underline;
18
}
19

    
20
a:hover, #tab-personnes a:hover, #tab-ressources a:hover {
21
	text-decoration: none;
22
}
23

    
24
div#user-links {
25
	display: inline;
26
	padding: 5px;
27
	background: rgba(100, 100, 100, 0.8);
28
	border-top-right-radius: 6px;
29
	border-bottom-left-radius: 6px;
30
}
31

    
32
div#user-links a {
33
	color: white;
34
	text-decoration: none;
35
}
36

    
37
div#user-links a:hover {
38
	text-shadow: 1px 1px 1px black;
39
}
40

    
41
div#wrap-large,
42
div#wrap {
43
	background: white;
44
	width: 640px;
45
	margin: 3em auto;
46
	margin-bottom: 0;
47
	padding: 15px;
48
	-moz-border-radius: 6px;
49
	-webkit-border-radius:6px;
50
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.75);
51
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.75);
52
	position: relative;
53
}
54

    
55
div#wrap-large {
56
	width: 95%;
57
}
58

    
59
#header
60
{
61
	position: absolute;
62
	background: #FF7800 url(../images/a8.gif) repeat-x;
63
	-moz-border-radius: 6px 0 0 6px;
64
	-webkit-border-radius: 6px 0 0 6px;
65
	width: 212px;
66
	height: 92px;
67
	color: #fff;
68
	padding-left: 10px;
69
	z-index: 14;
70
}
71

    
72
#header h1
73
{
74
	font-size: 23px;
75
	letter-spacing: -1px;
76
	padding-top: 30px;
77
	margin: 0;
78
}
79

    
80
#header span
81
{
82
	margin: 0;
83
	font-size: 10px;
84
	font-weight: normal;
85
	color: #FCE2CA;
86
}
87

    
88
#header h1 a,
89
#header span a {
90
	color: white;
91
	text-decoration: none;
92
}
93

    
94
#splash
95
{
96
	position: absolute;
97
	right: 15px;
98
	background: #5D91E5 url(../images/sky-birds.jpg) no-repeat top right;
99
	width: 90%;
100
	height: 87px;
101
	-moz-border-radius: 0 6px 6px 0;
102
	-webkit-border-radius: 0 6px 6px 0;
103
	z-index: 10;
104

    
105
	color: white;
106
	font-weight: bold;
107
	text-align: right;
108
	padding-top: 5px;
109
}
110

    
111
#agendas span.box {
112
  display: inline-block;
113
  height: 20px;
114
  width: 20px;
115
  border: 1px outset gray;
116
  position: relative;
117
  top: -4px;
118
}
119

    
120
span.cmpp, #service-links a.cmpp, #splash.cmpp { background-color: #56D72B; }
121
span.camsp, #service-links a.camsp, #splash.camsp { background-color: #D72B2F; }
122
span.sessad-ted, #service-links a.sessad-ted, #splash.sessad-ted { background-color: #D72BBF; }
123
span.sessad-sys, #service-links a.sessad-dys, #splash.sessad-dys { background-color: #5D91E5; }
124

    
125
#splash.cmpp { background-image: url(../images/banner-green.jpg); background-repeat: repeat-x; }
126
#splash.camsp { background-image: url(../images/banner-red.jpg); background-repeat: repeat-x; }
127
#splash.sessad-ted { background-image: url(../images/banner-purple.jpg); }
128
#splash.sessad-dys { background-image: url(../images/sky-birds.jpg); }
129

    
130

    
131
#service-links {
132
	position: absolute;
133
	right: -5px;
134
	top: 0px;
135
}
136

    
137
#service-links a {
138
	padding: 1em 2px;
139
	border: 1px outset #ccc;
140
	color: white;
141
	text-decoration: none;
142
	width: 10em;
143
	display: inline-block;
144
	text-align: center;
145
}
146

    
147
#service-links a.active {
148
	border: 1px inset white;
149
	font-weight: bold;
150
}
151

    
152
div#content {
153
	margin: 1em 1ex;
154
	margin-top: 100px;
155
	padding: 7px;
156
	position: relative;
157
}
158

    
159
div#content h2 {
160
	margin-top: 0;
161
	font-weight: normal;
162
	color: #656551;
163
	font-size: 18px;
164
	letter-spacing: -1px;
165
	line-height: 25px;
166
	margin-bottom: 20px;
167
	padding: 0 0 10px 15px;
168
	position: relative;
169
	top: 4px;
170
	background: url(../images/a22.gif) bottom repeat-x;
171
}
172

    
173
#footer
174
{
175
	font-size: 70%;
176
	position: relative;
177
	clear: both;
178
	height: 66px;
179
	text-align: center;
180
	line-height: 66px;
181
	background-image: url(../images/a50.gif);
182
	color: #A8A88D;
183
}
184

    
185
#footer a
186
{
187
	color: #8C8C73;
188
}
189

    
190

    
191
form#login-form p {
192
	float: left;
193
	width: 40%;
194
}
195

    
196
form input.submit {
197
	float: right;
198
	width: 18%;
199
	margin-top: 30px;
200
}
201

    
202
div.login-actions {
203
	clear: both;
204
	padding-top: 2em;
205
}
206

    
207
div.login-actions p {
208
	margin: 0;
209
}
210

    
211
form p {
212
	margin: 0 0 1em 0;
213
}
214

    
215
form p label {
216
	display: block;
217
}
218

    
219
form p input,
220
form p textarea {
221
	margin-left: 10px;
222
}
223

    
224
ul.errorlist {
225
	margin: 0;
226
	padding: 0;
227
	color: #e80404;
228
	list-style: none;
229
}
230

    
231
input, textarea {
232
	padding: 5px;
233
	border: 1px solid #cccccc;
234
	color:#666666;
235
	background: white;
236
	color: black;
237
	-webkit-border-radius: 4px;
238
}
239

    
240
textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
241
	border: 1px solid #4690d6;
242
	color:#333333;
243
}
244

    
245
input[type=submit] {
246
	color: #ffffff;
247
	background:#4690d6;
248
	border: 1px solid #2a567f;
249
	font-weight: bold;
250
	padding: 2px 8px 2px 8px;
251
	margin: 0;
252
	cursor: pointer;
253
}
254

    
255

    
256
input[type=submit]:hover {
257
	border-color: #0e1d2b;
258
}
259

    
260
form#login-form ul.errorlist {
261
	margin-bottom: 1em;
262
	width: 80%;
263
	font-weight: normal;
264
}
265

    
266
li.indented {
267
	margin-left: 50px;
268
}
269

    
270
ul.NoBullet {
271
	list-style-type: none;
272
}
273

    
274
div#content h4 {
275
	margin-bottom: 5px;
276
	margin-top: 30px;
277
}
278

    
279
div.errors {
280
	margin: 0;
281
	padding: 0;
282
	color: #e80404;
283
	list-style: none;
284
}
285

    
286
div#breadcrumb {
287
	font-size: 80%;
288
	margin-bottom: 1em;
289
}
290

    
291
div#sidebar,
292
div#users {
293
	width: 15%;
294
	float: left;
295
	text-align: justify;
296
	padding-right: 10px;
297
}
298

    
299
div#sidebar {
300
	text-align: left;
301
}
302

    
303
div#sidebar input[type=text] {
304
       width: 95%;
305
}
306

    
307
div#sidebar button {
308
       width: 100%;
309
}
310

    
311
select {
312
	background: white url(../images/button-next-down.png) no-repeat 98% 50%;
313
	color: black;
314
	padding: 5px;
315
	margin-left: 10px;
316
	border: 1px solid #cccccc;
317
	color:#666666;
318
	color: black;
319
	width: 69.2%;
320
}
321

    
322
form input.submit {
323
	position: relative;
324
	top: -22px;
325
}
326
form#login-form input.submit {
327
	position: relative;
328
	top: -5px;
329
}
330

    
331
div.content {
332
	float: left;
333
	width: 82%;
334
	margin-left: 8px;
335
	margin-top: -10px;
336
}
337

    
338
div#users input {
339
	width: 10em;
340
}
341

    
342
div#users dt {
343
	font-weight: bold;
344
}
345

    
346
div#users dd {
347
	margin: 0 0 1em 1em;
348
}
349

    
350
div#users ul {
351
	margin-left: 0;
352
	padding-left: 0;
353
	font-size: 11px;
354
	list-style: none;
355
}
356

    
357
div#users li {
358
	cursor: pointer;
359
}
360

    
361
div.content ul {
362
	text-align: justify;
363
}
364

    
365
h2 img {
366
	position: absolute;
367
	right: 0px;
368
	top: 5px;
369
}
370

    
371
div#appbar button,
372
div#appbar a {
373
	position: relative;
374
	top: -45px;
375
	float: right;
376
	padding-left: 15px;
377
	padding-right: 15px;
378
}
379

    
380
div#appbar button {
381
	left: -20px;
382
	top: -55px;
383
}
384

    
385
div#extra-top-links {
386
	position: absolute;
387
	right: 20px;
388
}
389

    
390

    
391
div#datesel {
392
	text-align: center;
393
}
394

    
395
td#dispos {
396
	padding-top: 55px;
397
}
398

    
399
td#dispos td {
400
	height: 4px;
401
	width: 15px;
402
	vertical-align: top;
403
}
404

    
405
td.away {
406
	background: #ccc;
407
}
408

    
409
td.free {
410
	background: green;
411
}
412

    
413
td.busy {
414
	background: red;
415
}
416

    
417
td#agendas {
418
	vertical-align: top;
419
	width: 100%;
420
}
421

    
422
div.agenda ul {
423
	padding: 0;
424
	list-style: none;
425
}
426

    
427
#content div.agenda h3 {
428
	padding: 3px 5px;
429
	margin: 5px 0;
430
	font-size: 100%;
431
	background: white;
432
}
433

    
434
div.agenda span.hour {
435
	padding-left: 20px;
436
}
437

    
438
div.agenda h3.info {
439
	color: #8c8c73;
440
	font-style: italic;
441
}
442

    
443
#content div.agenda h3.free {
444
	border: 1px solid green;
445
        background: #D4FFA7;
446
}
447

    
448
div.agenda h3.busy-here,
449
div.agenda h3.busy-elsewhere {
450
	border: 1px solid red;
451
}
452

    
453
tr.hour-mark td {
454
	border-top: 4px solid white;
455
}
456

    
457
li.active {
458
	font-weight: bold;
459
}
460

    
461
div.agenda span.right {
462
	position: absolute;
463
	right: 5px;
464
}
465

    
466
div.agenda span.right button,
467
div.agenda span.right img {
468
	position: relative;
469
	top: -2px;
470
}
471

    
472
div.agenda span.right button {
473
	top: -10px;
474
	padding: 2px 3px;
475
}
476

    
477
div.agenda p {
478
	margin-top: 0px;
479
	margin-bottom: 30px;
480
}
481

    
482
div.agenda p a {
483
	margin: 0;
484
	float: right;
485
}
486

    
487
#rdv table {
488
	margin-bottom: 15px;
489
}
490

    
491
#rdv td {
492
	vertical-align: top;
493
}
494

    
495
div#intervenants ul {
496
	margin: 0;
497
	padding: 0;
498
	list-style: none;
499
	margin-bottom: 1ex;
500
}
501

    
502

    
503
#agenda-date {
504
	border: 0;
505
	text-align: center;
506
	color: #8c8c73;
507
}
508

    
509
table.main {
510
	width: 100%;
511
}
512

    
513
table.main th {
514
	font-weight: normal;
515
	border-bottom: 1px solid #888;
516
}
517

    
518
table.main td {
519
	text-align: center;
520
}
521

    
522
table#tableau-recap-facturation tbody tr:nth-child(odd) td,
523
table.main tr:nth-child(odd) td {
524
	background: #eee;
525
}
526

    
527
table.main tr:hover td,
528
table#actes tr.non-factu:hover td {
529
	background: #ccf;
530
	cursor: pointer;
531
}
532

    
533
table#actes tr.non-factu td {
534
  background: #ccc;
535
}
536

    
537
td.traite {
538
	color: blue;
539
}
540

    
541
td.diag {
542
	color: red;
543
}
544

    
545
div#tabs div.left {
546
        float: left;
547
        width: 35%;
548
}
549

    
550
div#tabs div.right {
551
        float: right;
552
        width: 45%;
553
}
554

    
555
div#tabs div.right ul li,
556
div#tabs div.left ul li {
557
        margin: 1ex 0;
558
	list-style: none;
559
}
560

    
561
div#tabs  label {
562
	color: #666;
563
}
564

    
565
div#tabs div.right div h4 {
566
        margin: 1ex;
567
}
568

    
569
div#tabs div.right div {
570
        margin: 1em;
571
        background: #eee;
572
        padding: 1em;
573
        border-radius: 10px;
574
}
575

    
576
div#filtre ul,
577
div#filtre ul li {
578
	margin-left: 0;
579
	padding-left: 0;
580
	list-style: none;
581
}
582

    
583
span.num {
584
	color: #333;
585
}
586

    
587
div.frame {
588
  border: 1px solid #aaa;
589
  margin-bottom: 1em;
590
  border-radius: 4px;
591
}
592

    
593
div.frame h3 {
594
  margin: 0;
595
  margin-bottom: 1ex;
596
  padding: 3px 1ex;
597
  color: #656551;
598
  font-weight: normal;
599
  background: #ccc url(smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
600
}
601

    
602
div.frame p {
603
  margin: 0 1ex;
604
}
605

    
606
#tabs-2 select {
607
        width: auto;
608
        height: auto;
609
}
610

    
611
#tabs-2 table {
612
  width: 100%;
613
  text-align: center;
614
}
615

    
616
#tabs-3 div {
617
  margin-top: 1em;
618
  position: relative;
619
}
620

    
621
#tabs-3 div.contact {
622
        margin: 12px;
623
        background: #eee;
624
        padding: 1em;
625
        border-radius: 10px;
626
}
627

    
628
#tabs-3 div.contact.patient {
629
	background: #ddd;
630
	border-width: 2px;
631
}
632

    
633
#tabs-3 div.contact h4 {
634
        margin: 0;
635
}
636

    
637
div#tabs-3 div.right {
638
        text-align: right;
639
        border: 0;
640
        position: absolute;
641
        top: 20px;
642
        right: 0;
643
        width: 350px;
644
        padding-right: 30px;
645
}
646

    
647
div#tabs-3 div.right button {
648
        margin-left: 20px;
649
}
650

    
651
div#tabs-3 div.contact div.right {
652
        padding-right: 18px; /* 30px - 12px */
653
        top: -4px;
654
}
655

    
656
div#tabs-2 div,
657
div#tabs-3 div {
658
        position: relative;
659
}
660

    
661
#info-membre div button.save,
662
div#tabs-3 div div.buttons,
663
div#tabs-2 div button.save {
664
        position: absolute;
665
        top: 0;
666
        right: 0;
667
}
668

    
669

    
670
div#tabs-3 div div.buttons {
671
	border: 0;
672
	margin: 0;
673
}
674

    
675
#info-membre div {
676
  position: relative;
677
}
678

    
679
#info-membre p {
680
  margin: 1em;
681
}
682

    
683
#info-membre p.services label {
684
  margin-right: 4em;
685
}
686

    
687
#membre-buttons {
688
  margin: 1em 0;
689
}
690

    
691
span.en-conge {
692
  font-weight: normal;
693
  font-size: 80%;
694
}
695

    
696
#schedule table {
697
  width: 95%;
698
  text-align: center;
699
}
700

    
701
#schedule td {
702
  width: 14%;
703
}
704

    
705
#schedule th {
706
	color: #FF7800;
707
	text-decoration: underline;
708
}
709

    
710
tr.expired td {
711
	color: #888;
712
}
713

    
714
#lundi-dlg table {
715
  width: 98%;
716
  text-align: center;
717
}
718

    
719
table#conges-a-venir {
720
  width: 98%;
721
}
722

    
723
table#conges-a-venir td {
724
  width: 32%;
725
}
726

    
727
div#overlay {
728
  position: absolute;
729
  bottom: -40px;
730
  left: -10px;
731
  background: rgba(0, 0, 0, 0.8);
732
  color: white;
733
  padding: 0px 10px;
734
  width: 100%;
735
  z-index: 10;
736
}
737

    
738
div#overlay a {
739
  color: white;
740
}
741

    
742
li label {
743
}
744

    
745
#tableau-recap-facturation {
746
  width: 100%;
747
}
748

    
749
#tableau-recap-facturation td {
750
  text-align: center;
751
}
752

    
753
#tableau-recap-facturation tfoot th,
754
#tableau-recap-facturation tfoot td {
755
  padding-top: 8px;
756
  border-top: 1px solid #aaa;
757
}
758

    
759
#tableau-recap-facturation tr#total-row th,
760
#tableau-recap-facturation tr#total-row td {
761
  border-top: 1px solid #aaa;
762
  border-bottom: 1px solid #aaa;
763
  padding-top: 8px;
764
  padding-bottom: 8px;
765
}
766

    
767
div.acte {
768
  border: 1px solid #aaa;
769
  width: 100%;
770
  margin-bottom: 1em;
771
}
772

    
773
div.acte p {
774
  margin: 5px;
775
}
776

    
777
div.acte select {
778
  width: auto;
779
  padding: 0px;
780
}
781

    
782
div.dossier p {
783
  margin: 0 5px;
784
}
785

    
786
div.dossier div.info {
787
  margin-left: 40px;
788
  margin-bottom: 10px;
789
}
790

    
791
button.flat,
792
button.blind {
793
 border: 1px solid #555;
794
 border-radius: 5px;
795
 background: white;
796
 font-size: 80%;
797
}
798

    
799
#content div.agenda h3.busy-elsewhere {
800
  color: #888;
801
  background: #f0f0f0;
802
}
803

    
804
span.hi-fact { color: red; }
805

    
806
div.dossier.facturable h3 {
807
  background: #ccc url(ui-bg-red.png) 50% 50% repeat-x;
808
  color: white;
809
}
810

    
811
div.dossier.facturable a {
812
  color: white;
813
}
814

    
815

    
816
div.acte button.acte-btn {
817
  position: absolute;
818
  right: 3px;
819
}
820

    
821
ul#apps {
822
	margin-top: 2em;
823
	margin-bottom: 2em;
824
}
825

    
826
ul#apps li {
827
	display: block;
828
	float: left;
829
	margin-right: 1em;
830
}
831

    
832
ul#apps li a {
833
	background-color: transparent;
834
	background-repeat: no-repeat;
835
	background-position: 50% 50%;
836
}
837

    
838
ul#apps li a {
839
	display: block;
840
	width: 120px;
841
	height: 40px;
842
	padding-top: 80px;
843
	font-weight: bold;
844
	text-align: center;
845
	border: 1px dotted #666;
846
	text-decoration: none;
847
}
848

    
849
ul#apps li a:hover {
850
	border: 1px solid #333;
851
}
852

    
853
li#calendar a { background-image: url(icon-calendar.png); }
854
li#calendar a:hover { background-image: url(icon-calendar-hover.png); }
855

    
856
li#personnes a { background-image: url(icon-personnes.png); }
857
li#personnes a:hover { background-image: url(icon-personnes-hover.png); }
858

    
859
li#dossiers a { background-image: url(icon-dossiers.png); }
860
li#dossiers a:hover { background-image: url(icon-dossiers-hover.png); }
861

    
862
li#actes a { background-image: url(icon-actes.png); }
863
li#actes a:hover { background-image: url(icon-actes-hover.png); }
864

    
865
li#ressources a { background-image: url(icon-ressources.png); }
866
li#ressources a:hover { background-image: url(icon-ressources-hover.png); }
867

    
868
li#facturation a { background-image: url(icon-facturation.png); }
869
li#facturation a:hover { background-image: url(icon-facturation-hover.png); }
870

    
871
div.agenda a.print {
872
	display: block;
873
	text-align: right;
874
}
875

    
876
tr.clos {
877
	color: red;
878
}
879

    
880
div.big-msg-info {
881
        background: transparent url(info.png) 5px 5px no-repeat;
882
        width: 30em;
883
        padding-left: 90px;
884
        margin: 3em auto;
885
        min-height: 90px;
886
        padding-top: 20px;
887
}
888

    
889
div.textedit {
890
        position: relative;
891
        padding-right: 20px;
892
}
893

    
894
div.textedit textarea {
895
        width: 99%;
896
}
897

    
898
div.textedit button {
899
        position: absolute;
900
        right: -20px;
901
        top: 0px;
902
}
903

    
904
table#activity tr:nth-child(odd) td {
905
}
906

    
907
table#activity tr.hour-change  td {
908
	border-top: 20px solid white;
909
}
910

    
911
table#activity tr td.hour {
912
	background: #ccc;
913
	font-size: 120%;
914
	font-weight: bold;
915
}
916

    
917
#id_date,
918
#id_debut,
919
#id_duree {
920
	width: 6em;
921
}
922

    
923
#rdv table {
924
	width: 100%;
925
}
926

    
927
#rdv table td {
928
	width: 30%;
929
}
(16-16/17)