rt/share/static/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.offmonth {
  75     background: #f8f8f8;
  76     color: #aaa;
  77 }
  78
  79 table.rtxcalendar td.past {
  80     background: #e8e8e8;
  81     color: #aaa;
  82 }
  83
  84 table.rtxcalendar td.pastoffmonth {
  85     background: #e0e0e0;
  86     color: #aaa;
  87 }
  88
  89 table.rtxcalendar td.today {
  90     background: #ffe; /*#fed;*/
  91     border: 1px solid #fc6;
  92 }
  93
  94 table.rtxcalendar td.yesterday {
  95     border-right: none;
  96 }
  97
  98 table.rtxcalendar td.aweekago {
  99     border-bottom: none;
 100 }
 101
 102 table.rtxcalendar td.controls {
 103     background: #eeeeee;
 104     width: 1%;
 105     border-top: 1px solid #eeeeee;
 106     border-left: 1px solid #eeeeee;
 107     border-bottom: 1px solid #eeeeee;
 108     border-right: 1px solid #eeeeee;
 109     vertical-align: middle;
 110 }
 111
 112 table.rtxcalendar td.controls:hover {
 113     background-color: #CFDEFF;
 114 }
 115
 116 table.rtxcalendar td.labels {
 117     background: #eeeeee;
 118     width: 1%;
 119     border-top: 1px solid #eeeeee;
 120     border-left: 1px solid #eeeeee;
 121     border-bottom: 1px solid #eeeeee;
 122 }
 123
 124
 125
 126 .rtxweeklycalendar .tooltip{position:relative;z-index:1;}
 127 .rtxweeklycalendar .tooltip:hover{z-index:5;color:#000;}
 128 .rtxweeklycalendar .tooltip span.tip{display: none; text-align:left;}
 129
 130 .rtxweeklycalendar div.tooltip:hover span.tip{
 131 display:block;
 132 position:absolute;
 133 top:12px; left:24px; width:350px;
 134 border:1px solid #555;
 135 background-color:#fff;
 136 padding: 4px;
 137 font-size: 0.8em;
 138 color:#505050;
 139 }
 140
 141 .rtxweeklycalendar .date {
 142   text-align: right;
 143   background-color: #f8f8ff;
 144   width:100%;
 145 }
 146
 147 table.rtxweeklycalendar {
 148     width:100%;
 149     border-collapse: collapse;
 150     border: 1px solid #d0d0d0;
 151     margin-bottom: 6px;
 152 }
 153
 154 table.rtxweeklycalendar td {
 155     border: 1px solid #d7d7d7;
 156     background: #fff;
 157     vertical-align: top;
 158 }
 159
 160 table.rtxweeklycalendar th {
 161     border: 1px solid #d7d7d7;
 162     background: #eef;
 163 }
 164 table.rtxweeklycalendar tbody th {
 165     border: 1px solid #d7d7d7;
 166     background: #eee;
 167     font-weight: normal;
 168 }
 169
 170 table.rtxweeklycalendar td.weekly {
 171     width: auto;
 172 }
 173
 174 table.rtxweeklycalendar td.weeklyselectable {
 175     width: auto;
 176 }
 177
 178 table.rtxweeklycalendar td.weeklyselectable:hover {
 179     cursor: pointer;
 180 }
 181
 182 table.rtxweeklycalendar td.controls {
 183     background: #eeeeee;
 184     width: 1%;
 185     border-top: 1px solid #eeeeee;
 186     border-left: 1px solid #eeeeee;
 187     border-bottom: 1px solid #eeeeee;
 188     border-right: 1px solid #eeeeee;
 189     vertical-align: middle;
 190 }
 191
 192 table.rtxweeklycalendar td.controls:hover {
 193     background-color: #CFDEFF;
 194 }
 195
 196 table.rtxweeklycalendar td.labels {
 197     background: #eeeeee;
 198     width: 1%;
 199     border-top: 1px solid #eeeeee;
 200     border-left: 1px solid #eeeeee;
 201     border-bottom: 1px solid #eeeeee;
 202 }
 203
 204 .ui-effects-transfer {
 205   border: 1px solid black;
 206 }
 207