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