X-Git-Url: http://git.freeside.biz/gitweb/?a=blobdiff_plain;f=rt%2Fshare%2Fhtml%2FNoAuth%2Fcss%2Fcalendar.css;h=75541f2c592ececa49573203a587d76c88b594b7;hb=7cfd11c02730df0bd27f03b8da765666af0a0edc;hp=c6b584e966110d073bfedae9cf163b85458b8dd3;hpb=0fb307c305e4bc2c9c27dc25a3308beae3a4d33c;p=freeside.git diff --git a/rt/share/html/NoAuth/css/calendar.css b/rt/share/html/NoAuth/css/calendar.css index c6b584e96..75541f2c5 100644 --- a/rt/share/html/NoAuth/css/calendar.css +++ b/rt/share/html/NoAuth/css/calendar.css @@ -1,8 +1,8 @@ -.tooltip{position:relative;z-index:1;} -.tooltip:hover{z-index:5;color:#000;} -.tooltip span.tip{display: none; text-align:left;} +.rtxcalendar .tooltip{position:relative;z-index:1;} +.rtxcalendar .tooltip:hover{z-index:5;color:#000;} +.rtxcalendar .tooltip span.tip{display: none; text-align:left;} -div.tooltip:hover span.tip{ +.rtxcalendar div.tooltip:hover span.tip{ display:block; position:absolute; top:12px; left:24px; width:350px; @@ -13,7 +13,7 @@ font-size: 0.8em; color:#505050; } -.calendardate { +.rtxcalendar .date { text-align: right; background-color: #f8f8ff; width:100%; @@ -25,12 +25,28 @@ color:#505050; width:100%; } +.pastoffmonthcalendardate { + text-align: right; + background-color: #e0e0e0; + width:100%; +} + .todayscalendardate { text-align: right; background-color: #fc6; /*#fad163*/ width:100%; } +.calendardate { + text-align: right; + width:100%; +} + +.calendarright { + text-align: right; + float: right; +} + table.rtxcalendar { width:100%; border-collapse: collapse; @@ -55,11 +71,25 @@ table.rtxcalendar tbody th { font-weight: normal; } +table.rtxcalendar td.weekly { + width: auto; +} + table.rtxcalendar td.offmonth { background: #f8f8f8; color: #aaa; } +table.rtxcalendar td.past { + background: #e8e8e8; + color: #aaa; +} + +table.rtxcalendar td.pastoffmonth { + background: #e0e0e0; + color: #aaa; +} + table.rtxcalendar td.today { background: #ffe; /*#fed;*/ border: 1px solid #fc6; @@ -73,3 +103,25 @@ table.rtxcalendar td.aweekago { border-bottom: none; } +table.rtxcalendar td.controls { + background: #eeeeee; + width: 1%; + border-top: 1px solid #eeeeee; + border-left: 1px solid #eeeeee; + border-bottom: 1px solid #eeeeee; + border-right: 1px solid #eeeeee; + vertical-align: middle; +} + +table.rtxcalendar td.controls:hover { + background-color: #CFDEFF; +} + +table.rtxcalendar td.labels { + background: #eeeeee; + width: 1%; + border-top: 1px solid #eeeeee; + border-left: 1px solid #eeeeee; + border-bottom: 1px solid #eeeeee; +} +