root / trunk / web / dojo / dojox / widget / Calendar / Calendar.css @ 11
History | View | Annotate | Download (6.61 KB)
| 1 | 9 | andrej.cim | .dojoxCalendar {
|
|---|---|---|---|
| 2 | width: 182px; |
||
| 3 | } |
||
| 4 | .dojoxCalendarContainer {
|
||
| 5 | cursor: default; |
||
| 6 | font-family: tahoma, verdana, helvetica; |
||
| 7 | font-size: 11px; |
||
| 8 | padding: 0px; |
||
| 9 | text-align: center; |
||
| 10 | width: 180px; |
||
| 11 | overflow: hidden; |
||
| 12 | } |
||
| 13 | .dojoxCalendarBody {
|
||
| 14 | height: 138px; |
||
| 15 | overflow: hidden; |
||
| 16 | position: relative; |
||
| 17 | margin: auto; |
||
| 18 | width: 180px; |
||
| 19 | } |
||
| 20 | .dojoxCalendar .no-header .dojoxCalendarBody { |
||
| 21 | height: 162px; |
||
| 22 | } |
||
| 23 | .dojoxCalendar .dijitCalendarDayLabels, .dojoxCalendarMonthLabels, .dojoxCalendarYearLabels, .dojoxCal-MY-labels { |
||
| 24 | width: 180px; |
||
| 25 | height: 138px; |
||
| 26 | top: 0px; |
||
| 27 | position: absolute; |
||
| 28 | left: 0px; |
||
| 29 | margin: auto; |
||
| 30 | text-align: center; |
||
| 31 | } |
||
| 32 | .dojoxCalendar .dojoxCalendarBody > div { |
||
| 33 | width: 180px; |
||
| 34 | } |
||
| 35 | .dojoxCalendar .dijitCalendarDateTemplate { |
||
| 36 | padding: 0 1px 0 0 !important; |
||
| 37 | } |
||
| 38 | .nihilo .dojoxCalendar .dijitCalendarDateTemplate, |
||
| 39 | .soria .dojoxCalendar .dijitCalendarDateTemplate { |
||
| 40 | border: 0px none !important; |
||
| 41 | } |
||
| 42 | .soria tr.dojoxCal-MY-btns { |
||
| 43 | background: url(../../../dijit/themes/soria/images/tabBottomHoverC.gif) repeat-x scroll 0px -21px; |
||
| 44 | } |
||
| 45 | .dojoxCalendar .noPointer, .dojoxCalendar .noPointer * { |
||
| 46 | cursor: auto; |
||
| 47 | } |
||
| 48 | .dojoxCalendarContainer table { |
||
| 49 | font-size: 11px; |
||
| 50 | border-bottom: 4px solid white; |
||
| 51 | } |
||
| 52 | .dojoxCalendarHeader {
|
||
| 53 | height: 20px; |
||
| 54 | width: 172px; |
||
| 55 | padding: 4px 4px 0; |
||
| 56 | } |
||
| 57 | .dojoxCalendar .no-header .dojoxCalendarHeader { |
||
| 58 | display: none; |
||
| 59 | } |
||
| 60 | .soria .dojoxCalendarHeader { |
||
| 61 | background: #BED7F0 url(../../../dijit/themes/soria/images/titleBar.png) repeat-x scroll center top; |
||
| 62 | } |
||
| 63 | .dojoxCalendarDecrease, .dojoxCalendarIncrease { |
||
| 64 | height: 15px; |
||
| 65 | width: 15px; |
||
| 66 | cursor: pointer; |
||
| 67 | } |
||
| 68 | .dojoxCalendarDecrease {
|
||
| 69 | background: transparent url(../../../dijit/themes/nihilo/images/spriteRoundedIconsSmall.png) no-repeat scroll left top; |
||
| 70 | float: left; |
||
| 71 | } |
||
| 72 | .dojoxCalendarIncrease {
|
||
| 73 | background: transparent url(../../../dijit/themes/nihilo/images/spriteRoundedIconsSmall.png) no-repeat scroll -30px top; |
||
| 74 | float: right; |
||
| 75 | } |
||
| 76 | .dojoxCalendarMonthLabel {
|
||
| 77 | cursor: pointer; |
||
| 78 | height: 35px; |
||
| 79 | width: 41px; |
||
| 80 | overflow: hidden; |
||
| 81 | text-align: center; |
||
| 82 | padding-top: 10px; |
||
| 83 | } |
||
| 84 | .dojoxCalendarYearLabel {
|
||
| 85 | cursor: pointer; |
||
| 86 | height: 35px; |
||
| 87 | width: 41px; |
||
| 88 | overflow: hidden; |
||
| 89 | text-align: center; |
||
| 90 | padding-top: 10px; |
||
| 91 | } |
||
| 92 | .dojoxCalendarTitle {
|
||
| 93 | cursor: pointer; |
||
| 94 | font-weight: bold; |
||
| 95 | } |
||
| 96 | .dojoxCalendar .navToPanel .dojoxCalendarDayYearLabel, |
||
| 97 | .dojoxCalendar .navToPanel .dojoxCalendarYearHeader, |
||
| 98 | .dojoxCalendar .navToPanel .dojoxCalendarMonthHeader { |
||
| 99 | padding-right: 15px; |
||
| 100 | background: url(../../../dijit/themes/tundra/images/comboArrowDown.gif) right no-repeat; |
||
| 101 | } |
||
| 102 | .dojoxCalendar .dijitCalendarDateLabel { |
||
| 103 | height: 17px; |
||
| 104 | width: 17px; |
||
| 105 | padding: 1px 3px 0px 3px; |
||
| 106 | text-align: center; |
||
| 107 | border: 1px solid white; |
||
| 108 | } |
||
| 109 | .dojoxCalendar .dijitCalendarDayLabel { |
||
| 110 | cursor: pointer; |
||
| 111 | height: 17px; |
||
| 112 | width: 18px; |
||
| 113 | padding: 0pt 2px; |
||
| 114 | text-align: center; |
||
| 115 | } |
||
| 116 | .dojoxCalendar .dojoxCalendarContainer { |
||
| 117 | background-color: white; |
||
| 118 | border: 1px solid #656565; |
||
| 119 | color: black; |
||
| 120 | } |
||
| 121 | .dojoxCalendar .dijitCalendarDisabledDate { |
||
| 122 | text-decoration:line-through !important; |
||
| 123 | cursor:default !important; |
||
| 124 | } |
||
| 125 | .dojoxCalendar .dojoxCalendarFooter { |
||
| 126 | border-top: 1px solid #F4F4F4; |
||
| 127 | height: 15px; |
||
| 128 | padding-top: 4px; |
||
| 129 | cursor: pointer; |
||
| 130 | } |
||
| 131 | .soria .dojoxCalendar .dojoxCalendarFooter { |
||
| 132 | border-top: 0px none; |
||
| 133 | padding-top: 5px; |
||
| 134 | background: white url(../../../dijit/themes/soria/images/titleBar.png) repeat-x scroll center top |
||
| 135 | } |
||
| 136 | .dojoxCalendar .dojoxCalendarMonthLabel { |
||
| 137 | border: 1px solid white; |
||
| 138 | } |
||
| 139 | .dojoxCalendar .dojoxCalendarYearLabel { |
||
| 140 | border: 1px solid white; |
||
| 141 | } |
||
| 142 | .dojoxCalendar .dijitCalendarNextMonth .dijitCalendarDateLabel, |
||
| 143 | .dojoxCalendar .dijitCalendarPreviousMonth .dijitCalendarDateLabel { |
||
| 144 | border: 0px; |
||
| 145 | color: #646464; |
||
| 146 | padding-left: 0px; |
||
| 147 | padding-right: 0px; |
||
| 148 | } |
||
| 149 | .dojoxCalendar .dijitCalendarNextMonth, .dojoxCalendar .dijitCalendarPreviousMonth { |
||
| 150 | background-color: #E4E4E4; |
||
| 151 | } |
||
| 152 | .dojoxCalendar .dijitCalendarNextMonth .dojoxCalendarYearLabel, |
||
| 153 | .dojoxCalendar .dijitCalendarPreviousMonth .dojoxCalendarYearLabel { |
||
| 154 | background-color: white; |
||
| 155 | border-color: white; |
||
| 156 | color: #646464; |
||
| 157 | } |
||
| 158 | .dojoxCalendar .dijitCalendarSelectedDate, |
||
| 159 | .tundra .dojoxCalendar .dijitCalendarSelectedDate, |
||
| 160 | .nihilo .dojoxCalendar .dijitCalendarSelectedDate { |
||
| 161 | |||
| 162 | background-color:#ffe284 !important; |
||
| 163 | color:black !important; |
||
| 164 | border:#f5b93c solid 1px !important; |
||
| 165 | } |
||
| 166 | .soria .dojoxCalendar td.dijitCalendarSelectedDate { |
||
| 167 | background-color: #B9CBF1 !important; |
||
| 168 | color: black !important; |
||
| 169 | border: 1px solid #4B5AAA !important; |
||
| 170 | } |
||
| 171 | .soria .dojoxCalendar .dijitCalendarSelectedDate div { |
||
| 172 | |||
| 173 | background-color: #B9CBF1 !important; |
||
| 174 | border: none !important; |
||
| 175 | } |
||
| 176 | .dojoxCalendar .dijitCalendarSelectedDate div { |
||
| 177 | |||
| 178 | background-color: #FFE284 !important; |
||
| 179 | border: none !important; |
||
| 180 | } |
||
| 181 | div.dojoxCalendar tr.dojoxCal-MY-G-Template td.dijitCalendarSelectedDate { |
||
| 182 | background-color: transparent; |
||
| 183 | width: 43px; |
||
| 184 | } |
||
| 185 | .dojoxCalendar tr.dojoxCal-MY-G-Template td { |
||
| 186 | width: 45px; |
||
| 187 | } |
||
| 188 | .dojoxCalendar .dijitCalendarSelectedDate div.dijitCalendarDateLabel { |
||
| 189 | padding: 1px 1px 0px 3px; |
||
| 190 | } |
||
| 191 | .dojoxCalendar .monthOnly .dijitCalendarDayLabels, |
||
| 192 | .dojoxCalendar .yearOnly .dijitCalendarDayLabels, |
||
| 193 | .dojoxCalendar .monthOnly .dojoxCalendarComma, |
||
| 194 | .dojoxCalendar .yearOnly .dojoxCalendarComma, |
||
| 195 | .dojoxCalendar .monthOnly .dojoxCalendarFooter, |
||
| 196 | .dojoxCalendar .yearOnly .dojoxCalendarFooter, |
||
| 197 | .dojoxCalendar .monthOnly .dojoxCalendarYearHeader, |
||
| 198 | .dojoxCalendar .monthOnly .dojoxCalendarIncrease, |
||
| 199 | .dojoxCalendar .monthOnly .dojoxCalendarDecrease, |
||
| 200 | .dojoxCalendar .yearOnly .dojoxCalendarMonthLabelNode { |
||
| 201 | display: none; |
||
| 202 | } |
||
| 203 | .dojoxCal-MY-labels .dojoxCalendarMonthLabel, |
||
| 204 | .dojoxCal-MY-labels .dojoxCalendarYearLabel { |
||
| 205 | height: 13px; |
||
| 206 | padding-top: 4px; |
||
| 207 | padding-bottom: 3px; |
||
| 208 | } |
||
| 209 | .dojoxCal-MY-labels td.dojoxCal-MY-btns { |
||
| 210 | padding-top: 2px; |
||
| 211 | border-top: 1px solid grey; |
||
| 212 | text-align: center; |
||
| 213 | } |
||
| 214 | .dojoxCal-MY-labels {
|
||
| 215 | background-color: white; |
||
| 216 | } |
||
| 217 | .dojoxCal-MY-labels .dojoxCalendarIncrease, |
||
| 218 | .dojoxCal-MY-labels .dojoxCalendarDecrease { |
||
| 219 | float: none; |
||
| 220 | margin-left: 14px; |
||
| 221 | } |
||
| 222 | .dojoxCal-MY-btns button { |
||
| 223 | font-size: 8pt; |
||
| 224 | } |
||
| 225 | .dojoxCalendar .dojoxCal-MY-btns .dijitDisabled button { |
||
| 226 | color: #999; |
||
| 227 | } |
||
| 228 | .dojoxCal-hidden {
|
||
| 229 | visibility: hidden; |
||
| 230 | } |
||
| 231 | .dojoxCalendar .dojoxCal-MY-labels { |
||
| 232 | height: 164px; |
||
| 233 | } |
||
| 234 | .dojoxCalendar .dojoxCal-MY-labels .dijitCalendarSelectedDate div { |
||
| 235 | padding-top: 3px; |
||
| 236 | padding-bottom: 2px; |
||
| 237 | } |
||
| 238 | .soria .dojoxCal-MY-labels .dijitCalendarSelectedDate div { |
||
| 239 | padding-top: 4px; |
||
| 240 | padding-bottom: 3px; |
||
| 241 | } |
||
| 242 | .dojoxCal-MY-labels .dojoxCalendarMonthLabel { |
||
| 243 | width: 38px; |
||
| 244 | } |
||
| 245 | .dojoxCal-MY-labels .dojoxCal-MY-M-last { |
||
| 246 | border-right: 1px grey solid; |
||
| 247 | } |
||
| 248 | .soria .dojoxCal-MY-labels .dojoxCal-MY-M-last { |
||
| 249 | border-right: 1px #B9CBF1 solid; |
||
| 250 | } |
||
| 251 | .dojoxCal-MY-labels .dojoxCal-MY-M-last .dojoxCalendarMonthLabel, |
||
| 252 | .dojoxCal-MY-labels .dojoxCal-MY-G-Template div.dojoxCalendarYearLabel { |
||
| 253 | width: 42px; |
||
| 254 | } |
||
| 255 | .dojoxCalendar .cancel-btn { |
||
| 256 | margin-left: 11px; |
||
| 257 | } |
||
| 258 | .dojoxCalendar .ok-btn { |
||
| 259 | margin-left: 15px; |
||
| 260 | } |