weekly view for RTx::Calendar, RT#16584
[freeside.git] / rt / share / html / NoAuth / css / calendar.css
1 .rtxcalendar .tooltip{position:relative;z-index:1;}
2 .rtxcalendar .tooltip:hover{z-index:5;color:#000;}
3 .rtxcalendar .tooltip span.tip{display: none; text-align:left;}
4
5 .rtxcalendar div.tooltip:hover span.tip{
6 display:block;
7 position:absolute;
8 top:12px; left:24px; width:350px;
9 border:1px solid #555;
10 background-color:#fff;
11 padding: 4px;
12 font-size: 0.8em;
13 color:#505050;
14 }
15
16 .rtxcalendar .date {
17   text-align: right;
18   background-color: #f8f8ff;
19   width:100%;
20 }
21
22 .offmonthcalendardate {
23   text-align: right;
24   background-color: #f8f8f8;
25   width:100%;
26 }
27
28 .todayscalendardate {
29   text-align: right;
30   background-color: #fc6; /*#fad163*/
31   width:100%;
32 }
33
34 .calendardate {
35   text-align: right;
36   width:100%;
37 }
38
39 table.rtxcalendar {
40     width:100%;
41     border-collapse: collapse;
42     border: 1px solid #d0d0d0;
43     margin-bottom: 6px;
44 }
45
46 table.rtxcalendar td {
47     border: 1px solid #d7d7d7;
48     background: #fff;
49     vertical-align: top;
50     width: 14%;
51 }
52
53 table.rtxcalendar th {
54     border: 1px solid #d7d7d7;
55     background: #eef;
56 }
57 table.rtxcalendar tbody th {
58     border: 1px solid #d7d7d7;
59     background: #eee;
60     font-weight: normal;
61 }
62
63 table.rtxcalendar td.offmonth {
64     background: #f8f8f8;
65     color: #aaa;
66 }
67
68 table.rtxcalendar td.today {
69     background: #ffe; /*#fed;*/
70     border: 1px solid #fc6;
71 }
72
73 table.rtxcalendar td.yesterday {
74     border-right: none;
75 }
76
77 table.rtxcalendar td.aweekago {
78     border-bottom: none;
79 }
80
81 table.rtxcalendar td.controls {
82     background: #eeeeee;
83     width: 1%;
84     border-top: 1px solid #eeeeee;
85     border-left: 1px solid #eeeeee;
86     border-bottom: 1px solid #eeeeee;
87 }
88
89 table.rtxcalendar td.controls:hover {
90     background-color: #CFDEFF;
91 }
92