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.weeklyselectable {
  79     width: auto;
  80 }
  81
  82 table.rtxcalendar td.weeklyselectable:hover {
  83     cursor: pointer;
  84 }
  85
  86 table.rtxcalendar td.offmonth {
  87     background: #f8f8f8;
  88     color: #aaa;
  89 }
  90
  91 table.rtxcalendar td.past {
  92     background: #e8e8e8;
  93     color: #aaa;
  94 }
  95
  96 table.rtxcalendar td.pastoffmonth {
  97     background: #e0e0e0;
  98     color: #aaa;
  99 }
 100
 101 table.rtxcalendar td.today {
 102     background: #ffe; /*#fed;*/
 103     border: 1px solid #fc6;
 104 }
 105
 106 table.rtxcalendar td.yesterday {
 107     border-right: none;
 108 }
 109
 110 table.rtxcalendar td.aweekago {
 111     border-bottom: none;
 112 }
 113
 114 table.rtxcalendar td.controls {
 115     background: #eeeeee;
 116     width: 1%;
 117     border-top: 1px solid #eeeeee;
 118     border-left: 1px solid #eeeeee;
 119     border-bottom: 1px solid #eeeeee;
 120     border-right: 1px solid #eeeeee;
 121     vertical-align: middle;
 122 }
 123
 124 table.rtxcalendar td.controls:hover {
 125     background-color: #CFDEFF;
 126 }
 127
 128 table.rtxcalendar td.labels {
 129     background: #eeeeee;
 130     width: 1%;
 131     border-top: 1px solid #eeeeee;
 132     border-left: 1px solid #eeeeee;
 133     border-bottom: 1px solid #eeeeee;
 134 }
 135