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 .pastoffmonthcalendardate {
  29   text-align: right;
  30   background-color: #e0e0e0;
  31   width:100%;
  32 }
  33
  34 .todayscalendardate {
  35   text-align: right;
  36   background-color: #fc6; /*#fad163*/
  37   width:100%;
  38 }
  39
  40 .calendardate {
  41   text-align: right;
  42   width:100%;
  43 }
  44
  45 .calendarright {
  46   text-align: right;
  47   float: right;
  48 }
  49
  50 table.rtxcalendar {
  51     width:100%;
  52     border-collapse: collapse;
  53     border: 1px solid #d0d0d0;
  54     margin-bottom: 6px;
  55 }
  56
  57 table.rtxcalendar td {
  58     border: 1px solid #d7d7d7;
  59     background: #fff;
  60     vertical-align: top;
  61     width: 14%;
  62 }
  63
  64 table.rtxcalendar th {
  65     border: 1px solid #d7d7d7;
  66     background: #eef;
  67 }
  68 table.rtxcalendar tbody th {
  69     border: 1px solid #d7d7d7;
  70     background: #eee;
  71     font-weight: normal;
  72 }
  73
  74 table.rtxcalendar td.weekly {
  75     width: auto;
  76 }
  77
  78 table.rtxcalendar td.offmonth {
  79     background: #f8f8f8;
  80     color: #aaa;
  81 }
  82
  83 table.rtxcalendar td.past {
  84     background: #e8e8e8;
  85     color: #aaa;
  86 }
  87
  88 table.rtxcalendar td.pastoffmonth {
  89     background: #e0e0e0;
  90     color: #aaa;
  91 }
  92
  93 table.rtxcalendar td.today {
  94     background: #ffe; /*#fed;*/
  95     border: 1px solid #fc6;
  96 }
  97
  98 table.rtxcalendar td.yesterday {
  99     border-right: none;
 100 }
 101
 102 table.rtxcalendar td.aweekago {
 103     border-bottom: none;
 104 }
 105
 106 table.rtxcalendar td.controls {
 107     background: #eeeeee;
 108     width: 1%;
 109     border-top: 1px solid #eeeeee;
 110     border-left: 1px solid #eeeeee;
 111     border-bottom: 1px solid #eeeeee;
 112     border-right: 1px solid #eeeeee;
 113     vertical-align: middle;
 114 }
 115
 116 table.rtxcalendar td.controls:hover {
 117     background-color: #CFDEFF;
 118 }
 119
 120 table.rtxcalendar td.labels {
 121     background: #eeeeee;
 122     width: 1%;
 123     border-top: 1px solid #eeeeee;
 124     border-left: 1px solid #eeeeee;
 125     border-bottom: 1px solid #eeeeee;
 126 }
 127