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