projects / extjs.git / blame
| Commit | Line | Data |
|---|---|---|
| 6527f429 DM |
1 | \r |
| 2 | /*******************************************\r | |
| 3 | * \r | |
| 4 | * Ext Calendar styles\r | |
| 5 | *\r | |
| 6 | ******************************************/\r | |
| 7 | \r | |
| 8 | /* -----------------------------------------\r | |
| 9 | * Shared calendar view containers \r | |
| 10 | */\r | |
| 11 | .x-panel-tbar .ext-cal-toolbar {\r | |
| 12 | padding: 3px;\r | |
| 13 | border-bottom-width: 0 !important;\r | |
| 14 | }\r | |
| 15 | .x-panel-tbar .ext-cal-toolbar .x-btn button {\r | |
| 16 | font-weight: bold;\r | |
| 17 | color: #555;\r | |
| 18 | }\r | |
| 19 | .x-panel-tbar .ext-cal-toolbar .x-toolbar-cell {\r | |
| 20 | padding: 0 3px;\r | |
| 21 | }\r | |
| 22 | \r | |
| 23 | .ext-cal-ct {\r | |
| 24 | position: relative;\r | |
| 25 | font-family: helvetica, arial, sans-serif;\r | |
| 26 | border-bottom:1px solid #ddd;\r | |
| 27 | border-right:1px solid #ddd;\r | |
| 28 | }\r | |
| 29 | .ext-cal-ct img {\r | |
| 30 | border:0 none;\r | |
| 31 | }\r | |
| 32 | .ext-cal-inner-ct {\r | |
| 33 | height: 100%;\r | |
| 34 | line-height: 14px;\r | |
| 35 | position: relative;\r | |
| 36 | background: #eee;\r | |
| 37 | white-space: nowrap;\r | |
| 38 | }\r | |
| 39 | .ext-cal-ct td,\r | |
| 40 | .ext-cal-mdv td {\r | |
| 41 | font-size: 11px;\r | |
| 42 | }\r | |
| 43 | .x-cal-body {\r | |
| 44 | /* override the default -noheader style ext uses when there is no panel header */\r | |
| 45 | border-top: 0 !important;\r | |
| 46 | }\r | |
| 47 | \r | |
| 48 | /* Window specific rules */\r | |
| 49 | .x-window .x-window-mc .x-cal-body {\r | |
| 50 | border: 0 !important;\r | |
| 51 | }\r | |
| 52 | .x-window .ext-cal-toolbar {\r | |
| 53 | border: 0 !important;\r | |
| 54 | }\r | |
| 55 | \r | |
| 56 | /* Background layout table for week rows */\r | |
| 57 | .ext-cal-bg-tbl {\r | |
| 58 | height:100%;\r | |
| 59 | left:0;\r | |
| 60 | position:absolute;\r | |
| 61 | table-layout:fixed;\r | |
| 62 | top:0;\r | |
| 63 | width:100%;\r | |
| 64 | }\r | |
| 65 | \r | |
| 66 | /* Month names subheader */\r | |
| 67 | .ext-cal-hd-days-tbl {\r | |
| 68 | background: #EFEFEF;\r | |
| 69 | color: #555;\r | |
| 70 | table-layout: fixed;\r | |
| 71 | top: 18px;\r | |
| 72 | width: 100%;\r | |
| 73 | font-size: 12px;\r | |
| 74 | line-height: 12px;\r | |
| 75 | }\r | |
| 76 | \r | |
| 77 | .ext-cal-month-hd .ext-cal-hd-days-tbl {\r | |
| 78 | border-top: 1px solid #99BBE8;\r | |
| 79 | }\r | |
| 80 | .x-calendar-nonav .ext-cal-month-hd .ext-cal-hd-days-tbl {\r | |
| 81 | border-top: 0;\r | |
| 82 | }\r | |
| 83 | .ext-cal-month-hd .ext-cal-hd-day {\r | |
| 84 | border-left: 1px solid #DDD;\r | |
| 85 | }\r | |
| 86 | \r | |
| 87 | .ext-cal-hd-ct {\r | |
| 88 | border-bottom: 1px solid #bcf;\r | |
| 89 | }\r | |
| 90 | .ext-cal-hd-day {\r | |
| 91 | text-align: center;\r | |
| 92 | padding: 4px 0;\r | |
| 93 | white-space: nowrap;\r | |
| 94 | }\r | |
| 95 | \r | |
| 96 | /* -----------------------------------------\r | |
| 97 | * Day/week-specific styles\r | |
| 98 | */\r | |
| 99 | .ext-cal-dayview .ext-cal-hd-days-tbl {\r | |
| 100 | table-layout: fixed;\r | |
| 101 | width: 100%;\r | |
| 102 | background-color: #D3E1F1;\r | |
| 103 | overflow: hidden;\r | |
| 104 | font-size: 11px;\r | |
| 105 | line-height: 14px;\r | |
| 106 | height: 100%;\r | |
| 107 | }\r | |
| 108 | .ext-cal-hd-days-td {\r | |
| 109 | padding-bottom: 2px;\r | |
| 110 | }\r | |
| 111 | .ext-cal-dayview .ext-cal-hd-ct {\r | |
| 112 | height: 100%;\r | |
| 113 | }\r | |
| 114 | .ext-cal-dayview .ext-cal-gutter {\r | |
| 115 | width: 50px;\r | |
| 116 | }\r | |
| 117 | .ext-cal-dayview .ext-cal-gutter-rt {\r | |
| 118 | width: 15px;\r | |
| 119 | }\r | |
| 120 | .x-win .ext-cal-dayview .ext-cal-gutter-rt {\r | |
| 121 | width: 16px;\r | |
| 122 | }\r | |
| 123 | /* OSX Lion scrollbars do not take up space in the body so they need special rules */\r | |
| 124 | .x-no-scrollbar .ext-cal-hd-days-td {\r | |
| 125 | width: 100%;\r | |
| 126 | }\r | |
| 127 | .x-no-scrollbar .ext-cal-dayview .ext-cal-gutter-rt,\r | |
| 128 | .x-no-scrollbar .x-win .ext-cal-dayview .ext-cal-gutter-rt {\r | |
| 129 | width: 0;\r | |
| 130 | }\r | |
| 131 | \r | |
| 132 | .ext-cal-hd-ad {\r | |
| 133 | background-color: #fff;\r | |
| 134 | font-size: 11px;\r | |
| 135 | line-height: 14px;\r | |
| 136 | border-color: #e3e9ff #e3e9ff #e3e9ff #e3e9ff;\r | |
| 137 | border-style: solid;\r | |
| 138 | border-width: 0 1px 1px 0;\r | |
| 139 | }\r | |
| 140 | .ext-cal-hd-ad-inner {\r | |
| 141 | position: relative;\r | |
| 142 | height: 100%;\r | |
| 143 | }\r | |
| 144 | .x-calendar-nonav .ext-cal-hd-ad-inner {\r | |
| 145 | margin-top: 3px;\r | |
| 146 | }\r | |
| 147 | .x-calendar-nonav .ext-cal-hd-ct {\r | |
| 148 | border-top: 1px solid #99BBE8;\r | |
| 149 | }\r | |
| 150 | .ext-cal-dayview .ext-cal-dtitle {\r | |
| 151 | padding: 8px 1px 2px;\r | |
| 152 | } \r | |
| 153 | .ext-cal-hd-ad-bg-tbl {\r | |
| 154 | position: absolute;\r | |
| 155 | left: 0;\r | |
| 156 | table-layout: fixed;\r | |
| 157 | width: 100%;\r | |
| 158 | }\r | |
| 159 | .ext-cal-hd-ad .st-c {\r | |
| 160 | padding: 1px 1px 0 1px\r | |
| 161 | }\r | |
| 162 | .ext-cal-dayview .ext-cal-body-ct {\r | |
| 163 | position: relative;\r | |
| 164 | overflow-y: scroll;\r | |
| 165 | overflow-x: hidden;\r | |
| 166 | padding: 0;\r | |
| 167 | line-height: normal;\r | |
| 168 | }\r | |
| 169 | .ext-cal-dayview .ext-cal-body-ct .ext-cal-bg-tbl {\r | |
| 170 | height: 1008px;\r | |
| 171 | }\r | |
| 172 | .ext-cal-dayview .ext-cal-bg-tbl {\r | |
| 173 | background-color: #fff;\r | |
| 174 | margin-top: -1px;\r | |
| 175 | border-bottom: 1px solid #bcf;\r | |
| 176 | border-right: 1px solid #bcf;\r | |
| 177 | }\r | |
| 178 | .ext-cal-dayview .ext-cal-bg-rows {\r | |
| 179 | position: relative;\r | |
| 180 | margin-left: 1px;\r | |
| 181 | top: 1px;\r | |
| 182 | }\r | |
| 183 | .ext-cal-dayview .ext-cal-bg-rows-inner {\r | |
| 184 | position: absolute;\r | |
| 185 | width: 100%;\r | |
| 186 | }\r | |
| 187 | .x-ie .ext-cal-dayview .ext-cal-bg-rows-inner,\r | |
| 188 | .x-gecko .ext-cal-dayview .ext-cal-bg-rows-inner {\r | |
| 189 | top: -1; /* row line alignment fix */\r | |
| 190 | }\r | |
| 191 | .ext-cal-dayview .ext-cal-bg-row {\r | |
| 192 | height: 42px;\r | |
| 193 | }\r | |
| 194 | .ext-cal-dayview .ext-cal-bg-row-div {\r | |
| 195 | border-bottom: 1px dotted #ddd;\r | |
| 196 | border-top: 1px solid #ddd;\r | |
| 197 | font-size: 1px;\r | |
| 198 | height: 21px;\r | |
| 199 | margin-bottom: 20px;\r | |
| 200 | }\r | |
| 201 | .ext-cal-dayview .ext-row-1 {\r | |
| 202 | border-top: 0;\r | |
| 203 | }\r | |
| 204 | .ext-cal-day-times {\r | |
| 205 | background-color: #f6f9fc;\r | |
| 206 | color: #666;\r | |
| 207 | padding: 1px 0 0 0;\r | |
| 208 | text-align: right;\r | |
| 209 | vertical-align: top;\r | |
| 210 | }\r | |
| 211 | .ext-cal-day-time-inner {\r | |
| 212 | height: 42px;\r | |
| 213 | border-bottom: 1px solid #ddd;\r | |
| 214 | padding: 3px 4px 0 0;\r | |
| 215 | }\r | |
| 216 | .ext-cal-day-col {\r | |
| 217 | border-left: 1px solid #ddd;\r | |
| 218 | vertical-align: top\r | |
| 219 | }\r | |
| 220 | .ext-cal-day-col-inner {\r | |
| 221 | position: relative;\r | |
| 222 | cursor: default;\r | |
| 223 | }\r | |
| 224 | .ext-cal-day-col-gutter {\r | |
| 225 | position: relative;\r | |
| 226 | margin-right: 15px;\r | |
| 227 | height: 1008px;\r | |
| 228 | }\r | |
| 229 | .x-ie .ext-cal-day-col-gutter,\r | |
| 230 | .x-opera .ext-cal-day-col-gutter {\r | |
| 231 | margin-right: 10px;\r | |
| 232 | }\r | |
| 233 | .x-ie6 .ext-cal-day-col-gutter {\r | |
| 234 | zoom: 1\r | |
| 235 | }\r | |
| 236 | \r | |
| 237 | /* -----------------------------------------\r | |
| 238 | * Month-specific styles\r | |
| 239 | */\r | |
| 240 | .ext-cal-monthview .ext-cal-hd-ct {\r | |
| 241 | left: 0;\r | |
| 242 | top: 0;\r | |
| 243 | position: absolute;\r | |
| 244 | width: 100%;\r | |
| 245 | }\r | |
| 246 | .ext-cal-monthview .ext-cal-body-ct {\r | |
| 247 | background: #fff;\r | |
| 248 | bottom: 0;\r | |
| 249 | left: 0;\r | |
| 250 | border:0;\r | |
| 251 | overflow: hidden;\r | |
| 252 | position: absolute;\r | |
| 253 | top: 20px;\r | |
| 254 | width: 100%;\r | |
| 255 | }\r | |
| 256 | \r | |
| 257 | .ext-cal-monthview .ext-cal-noheader .ext-cal-hd-ct {\r | |
| 258 | display: none;\r | |
| 259 | }\r | |
| 260 | .ext-cal-monthview .ext-cal-noheader .ext-cal-body-ct {\r | |
| 261 | top: 0;\r | |
| 262 | }\r | |
| 263 | \r | |
| 264 | /* Month view week link boxes */\r | |
| 265 | .ext-cal-monthview .ext-cal-week-link,\r | |
| 266 | .ext-cal-monthview .ext-cal-week-link-hd {\r | |
| 267 | width: 20px;\r | |
| 268 | position: absolute;\r | |
| 269 | left: 0;\r | |
| 270 | top: 0;\r | |
| 271 | height: 100%;\r | |
| 272 | background: #EFEFEF;\r | |
| 273 | border-top: 1px solid #DDD;\r | |
| 274 | border-right: 1px solid #DDD;\r | |
| 275 | font-size: 10px;\r | |
| 276 | color: #999;\r | |
| 277 | padding: 3px 0 0;\r | |
| 278 | text-align: center;\r | |
| 279 | cursor: pointer;\r | |
| 280 | }\r | |
| 281 | .ext-cal-monthview .ext-cal-week-link-hd {\r | |
| 282 | border-top: 1px solid #99BBE8;\r | |
| 283 | }\r | |
| 284 | .x-calendar-nonav .ext-cal-monthview .ext-cal-week-link-hd {\r | |
| 285 | border-top: 0;\r | |
| 286 | }\r | |
| 287 | .ext-cal-week-links .ext-cal-bg-tbl {\r | |
| 288 | left: 20px;\r | |
| 289 | }\r | |
| 290 | .ext-cal-week-links .ext-cal-evt-tbl,\r | |
| 291 | .ext-cal-week-links .ext-cal-hd-days-tbl {\r | |
| 292 | margin-left: 20px;\r | |
| 293 | }\r | |
| 294 | .ext-cal-monthview .ext-week-link-over {\r | |
| 295 | background: #E0E7EF;\r | |
| 296 | }\r | |
| 297 | \r | |
| 298 | \r | |
| 299 | /* Hide the nav bar if specified */\r | |
| 300 | .ext-cal-hide-navbar .ext-cal-hd-ct {\r | |
| 301 | height: 25px;\r | |
| 302 | }\r | |
| 303 | .ext-cal-hide-navbar .ext-cal-body-ct {\r | |
| 304 | top: 24px;\r | |
| 305 | }\r | |
| 306 | \r | |
| 307 | /* Outer wrapping div for week rows */\r | |
| 308 | .ext-cal-wk-ct {\r | |
| 309 | left: 0;\r | |
| 310 | overflow: hidden;\r | |
| 311 | position: absolute;\r | |
| 312 | width: 100%;\r | |
| 313 | height: 100px;\r | |
| 314 | }\r | |
| 315 | .ext-cal-monthview .ext-cal-wk-ct {\r | |
| 316 | height: 100%;\r | |
| 317 | }\r | |
| 318 | /* Background table cell */\r | |
| 319 | .ext-cal-day {\r | |
| 320 | border-left: 1px solid #ddd;\r | |
| 321 | cursor: pointer;\r | |
| 322 | }\r | |
| 323 | .ext-cal-day-first {\r | |
| 324 | /*border-left: 1px solid #BBCCFF;*/\r | |
| 325 | border-left: 0;\r | |
| 326 | }\r | |
| 327 | \r | |
| 328 | .ext-cal-ev,\r | |
| 329 | .ext-cal-dtitle {\r | |
| 330 | cursor: pointer;\r | |
| 331 | }\r | |
| 332 | .ext-day-over {\r | |
| 333 | background: #D1EAEF !important;\r | |
| 334 | }\r | |
| 335 | /* Event container table */\r | |
| 336 | .ext-cal-evt-tbl {\r | |
| 337 | position:relative;\r | |
| 338 | table-layout:fixed;\r | |
| 339 | width:100%;\r | |
| 340 | }\r | |
| 341 | \r | |
| 342 | /* Event title cell (includes today, prev & next month) */\r | |
| 343 | td.ext-cal-dtitle {\r | |
| 344 | font-family: helvetica, arial, sans-serif;\r | |
| 345 | border-top:1px solid #ddd;\r | |
| 346 | color: #666;\r | |
| 347 | line-height:14px;\r | |
| 348 | overflow:hidden;\r | |
| 349 | text-align:right;\r | |
| 350 | font-size: 11px;\r | |
| 351 | padding-top: 1px;\r | |
| 352 | padding-right: 1px;\r | |
| 353 | padding-left: 1px;\r | |
| 354 | }\r | |
| 355 | td.ext-cal-dtitle-first {\r | |
| 356 | border-top: 1px solid #DDD;\r | |
| 357 | }\r | |
| 358 | td.ext-cal-dtitle div {\r | |
| 359 | padding: 2px 4px 1px;\r | |
| 360 | }\r | |
| 361 | /* Today's title cell */\r | |
| 362 | td.ext-cal-dtitle-today div {\r | |
| 363 | color: #BFA52F;\r | |
| 364 | white-space: nowrap;\r | |
| 365 | }\r | |
| 366 | /* Today time span */\r | |
| 367 | .ext-cal-dtitle-time {\r | |
| 368 | font-size: 11px;\r | |
| 369 | }\r | |
| 370 | /* Today's background cell */\r | |
| 371 | .ext-cal-day-today {\r | |
| 372 | background: #FFF4BF;\r | |
| 373 | }\r | |
| 374 | /* Prev/next month title cells */\r | |
| 375 | .ext-cal-dtitle-prev div,\r | |
| 376 | .ext-cal-dtitle-next div {\r | |
| 377 | color: #bbb;\r | |
| 378 | }\r | |
| 379 | /* Prev/next month background cells */\r | |
| 380 | .ext-cal-day-prev,\r | |
| 381 | .ext-cal-day-next {\r | |
| 382 | background: #EFEFEF;\r | |
| 383 | }\r | |
| 384 | /* Event cells */\r | |
| 385 | .ext-cal-ev {\r | |
| 386 | font-family:Verdana,sans-serif;\r | |
| 387 | padding: 0 1px 0 2px;\r | |
| 388 | vertical-align:top;\r | |
| 389 | }\r | |
| 390 | /* Event overflow more link */\r | |
| 391 | .ext-cal-ev-more {\r | |
| 392 | text-align: center;\r | |
| 393 | }\r | |
| 394 | .ext-cal-ev-more a,\r | |
| 395 | .ext-cal-ev-more a:visited {\r | |
| 396 | font-family: verdana;\r | |
| 397 | color: #777;\r | |
| 398 | font-size: 10px;\r | |
| 399 | cursor: pointer;\r | |
| 400 | }\r | |
| 401 | /* More view */\r | |
| 402 | .ext-cal-mvd-tbl {\r | |
| 403 | width: 100%;\r | |
| 404 | table-layout: fixed;\r | |
| 405 | border-spacing: 1;\r | |
| 406 | border-collapse: separate;\r | |
| 407 | }\r | |
| 408 | \r | |
| 409 | .ext-cal-evt {\r | |
| 410 | cursor:pointer;\r | |
| 411 | }\r | |
| 412 | \r | |
| 413 | /* Default rounded event div (Gecko/Webkit/W3C) */\r | |
| 414 | .ext-cal-evr { /* rounded */\r | |
| 415 | -moz-border-radius:5px;\r | |
| 416 | -webkit-border-radius:5px;\r | |
| 417 | border-radius:5px;\r | |
| 418 | overflow:hidden;\r | |
| 419 | padding: 2px 1px 2px 5px;\r | |
| 420 | white-space:nowrap;\r | |
| 421 | text-overflow: ellipsis;\r | |
| 422 | border: 0;\r | |
| 423 | }\r | |
| 424 | .ext-cal-day-col .ext-cal-evr {\r | |
| 425 | border-width: 1px;\r | |
| 426 | border-style: solid;\r | |
| 427 | }\r | |
| 428 | /* Nested event divs (IE/Opera) */\r | |
| 429 | .ext-cal-evo { /* outer */\r | |
| 430 | border-top: 1px solid;\r | |
| 431 | border-bottom: 1px solid;\r | |
| 432 | border-right: 0;\r | |
| 433 | border-left: 0;\r | |
| 434 | margin: 0 1px;\r | |
| 435 | cursor: pointer;\r | |
| 436 | position: relative;\r | |
| 437 | }\r | |
| 438 | .ext-cal-day-col .ext-cal-evo {\r | |
| 439 | height: 100%;\r | |
| 440 | }\r | |
| 441 | .ext-cal-evm { /* middle */\r | |
| 442 | border-left: 1px solid;\r | |
| 443 | border-right: 1px solid;\r | |
| 444 | border-top: 0;\r | |
| 445 | border-bottom: 0;\r | |
| 446 | margin: 0 -1px;\r | |
| 447 | zoom: 1;\r | |
| 448 | padding-left: 3px;\r | |
| 449 | }\r | |
| 450 | .ext-cal-evi { /* inner */\r | |
| 451 | width: 100%;\r | |
| 452 | white-space: nowrap;\r | |
| 453 | overflow: hidden;\r | |
| 454 | }\r | |
| 455 | \r | |
| 456 | /* Day view event styles */\r | |
| 457 | .ext-cal-day-col .ext-cal-evt {\r | |
| 458 | position: absolute;\r | |
| 459 | overflow: hidden;\r | |
| 460 | cursor: default;\r | |
| 461 | color: #fff;\r | |
| 462 | -moz-user-select: none;\r | |
| 463 | }\r | |
| 464 | .ext-cal-evt dl {\r | |
| 465 | margin: 0;\r | |
| 466 | border: 0 1px;\r | |
| 467 | overflow: hidden;\r | |
| 468 | border-width: 0 1px;\r | |
| 469 | border-style: solid;\r | |
| 470 | }\r | |
| 471 | .x-ie6 .ext-cal-evt dl {\r | |
| 472 | zoom: 1\r | |
| 473 | }\r | |
| 474 | .ext-cal-evt dd {\r | |
| 475 | margin: 0;\r | |
| 476 | overflow: hidden;\r | |
| 477 | font-size: 11px;\r | |
| 478 | text-align: left;\r | |
| 479 | word-wrap: break-word;\r | |
| 480 | }\r | |
| 481 | .ext-cal-evdm {\r | |
| 482 | border: 1px solid;\r | |
| 483 | -moz-border-radius: 3px;\r | |
| 484 | -webkit-border-radius: 3px\r | |
| 485 | }\r | |
| 486 | .ext-cal-evdm dt {\r | |
| 487 | margin-top: 0\r | |
| 488 | }\r | |
| 489 | .ext-cal-day-col .ext-cal-evt a:link,\r | |
| 490 | .ext-cal-day-col .ext-cal-evt a:visited,\r | |
| 491 | .ext-cal-day-col .ext-cal-evt a:active {\r | |
| 492 | text-decoration: none;\r | |
| 493 | color: #fff\r | |
| 494 | }\r | |
| 495 | \r | |
| 496 | .ext-cal-evb {\r | |
| 497 | height: 1px;\r | |
| 498 | overflow: hidden;\r | |
| 499 | margin: 0 1px;\r | |
| 500 | border-top-width: 1px;\r | |
| 501 | border-top-style: solid;\r | |
| 502 | }\r | |
| 503 | .x-opera .ext-cal-evb,\r | |
| 504 | .x-strict .x-ie .ext-cal-evb {\r | |
| 505 | height: 0;\r | |
| 506 | }\r | |
| 507 | \r | |
| 508 | /* Event spanning -- overrides rounded corners */\r | |
| 509 | .ext-cal-ev-spanboth,\r | |
| 510 | .ext-cal-ev-spanleft,\r | |
| 511 | .ext-cal-ev-spanright {\r | |
| 512 | -moz-border-radius:0;\r | |
| 513 | -webkit-border-radius:0;\r | |
| 514 | border-radius:0;\r | |
| 515 | position: relative;\r | |
| 516 | }\r | |
| 517 | .ext-cal-ev-spanleft {\r | |
| 518 | -moz-border-radius-topright:5px;\r | |
| 519 | -moz-border-radius-bottomright:5px;\r | |
| 520 | -webkit-border-top-right-radius:5px;\r | |
| 521 | -webkit-border-bottom-right-radius:5px;\r | |
| 522 | border-top-right-radius:5px;\r | |
| 523 | border-bottom-right-radius:5px;\r | |
| 524 | xpadding-left:5px;\r | |
| 525 | }\r | |
| 526 | .ext-cal-ev-spanright {\r | |
| 527 | -moz-border-radius-topleft:5px;\r | |
| 528 | -moz-border-radius-bottomleft:5px;\r | |
| 529 | -webkit-border-top-left-radius:5px;\r | |
| 530 | -webkit-border-bottom-left-radius:5px;\r | |
| 531 | border-top-left-radius:5px;\r | |
| 532 | border-bottom-left-radius:5px;\r | |
| 533 | xpadding-right:5px;\r | |
| 534 | }\r | |
| 535 | /* IE/ Opera: */\r | |
| 536 | .ext-cal-ev-spanboth .ext-cal-evm {\r | |
| 537 | margin: 0;\r | |
| 538 | }\r | |
| 539 | .ext-cal-ev-spanright .ext-cal-evm {\r | |
| 540 | margin: 0 0 0 -1px;\r | |
| 541 | }\r | |
| 542 | .ext-cal-ev-spanleft .ext-cal-evm {\r | |
| 543 | margin: 0 -1px 0 0;\r | |
| 544 | }\r | |
| 545 | \r | |
| 546 | .ext-cal-spl,\r | |
| 547 | .ext-cal-spr {\r | |
| 548 | /* background-image:url(../images/default/calendar-sprites.gif);\r | |
| 549 | background-repeat:no-repeat;\r | |
| 550 | display: inline-block;\r | |
| 551 | height: 15px;\r | |
| 552 | line-height: 15px;\r | |
| 553 | width: 2px;\r | |
| 554 | position: absolute;\r | |
| 555 | top: 0;*/\r | |
| 556 | }\r | |
| 557 | .ext-cal-spl {\r | |
| 558 | background-position:-1px -11px;\r | |
| 559 | left: 0;\r | |
| 560 | }\r | |
| 561 | .ext-cal-spr {\r | |
| 562 | background-position:0 -11px;\r | |
| 563 | right: -2px;\r | |
| 564 | }\r | |
| 565 | .x-ie .ext-cal-spr {\r | |
| 566 | right: -5px;\r | |
| 567 | }\r | |
| 568 | \r | |
| 569 | /* Generic calendar icons */\r | |
| 570 | .ext-cal-ic {\r | |
| 571 | background-image:url(../images/default/calendar-sprites.gif);\r | |
| 572 | background-repeat:no-repeat;\r | |
| 573 | display:inline-block;\r | |
| 574 | height:11px;\r | |
| 575 | line-height:11px;\r | |
| 576 | margin-left:4px;\r | |
| 577 | width:14px;\r | |
| 578 | }\r | |
| 579 | .ext-cal-ic-rcr {\r | |
| 580 | background-position:0 0;\r | |
| 581 | }\r | |
| 582 | .ext-cal-ic-rem {\r | |
| 583 | background-position:-14px 0;\r | |
| 584 | }\r | |
| 585 | \r | |
| 586 | /* Calendar DD styles */\r | |
| 587 | .ext-cal-dd-sel-ct {\r | |
| 588 | display: block;\r | |
| 589 | z-index: 10;\r | |
| 590 | position: absolute;\r | |
| 591 | height: 0;\r | |
| 592 | left: 0;\r | |
| 593 | top: 0;\r | |
| 594 | width: 0;\r | |
| 595 | }\r | |
| 596 | .ext-cal-dd-sel {\r | |
| 597 | background-color: #C3D9FF;\r | |
| 598 | font-size: 0;\r | |
| 599 | line-height: 0;\r | |
| 600 | opacity: 0.5;\r | |
| 601 | position: absolute;\r | |
| 602 | }\r | |
| 603 | \r | |
| 604 | /* Webkit/Gecko: */\r | |
| 605 | .ext-evt-over,\r | |
| 606 | /* IE/Opera: */\r | |
| 607 | .ext-evt-over .ext-cal-evm {\r | |
| 608 | opacity: .8;\r | |
| 609 | filter: alpha(opacity=80);\r | |
| 610 | }\r | |
| 611 | \r | |
| 612 | /* Calendar Picker */\r | |
| 613 | .ext-calendar-picker.x-form-text-wrap {\r | |
| 614 | position: relative;\r | |
| 615 | }\r | |
| 616 | \r | |
| 617 | .ext-calendar-picker .x-form-text {\r | |
| 618 | padding-left: 23px;\r | |
| 619 | }\r | |
| 620 | .ext-calendar-picker .x-combo-list-item {\r | |
| 621 | padding-left: 24px;\r | |
| 622 | }\r | |
| 623 | .ext-cal-picker-icon {\r | |
| 624 | width: 16px;\r | |
| 625 | height: 16px;\r | |
| 626 | margin-right: 5px;\r | |
| 627 | -moz-border-radius:8px;\r | |
| 628 | -webkit-border-radius:8px;\r | |
| 629 | border-radius:8px;\r | |
| 630 | float: left;\r | |
| 631 | position: relative;\r | |
| 632 | }\r | |
| 633 | /* This is the selected icon that always shows: */\r | |
| 634 | .ext-cal-picker-mainicon {\r | |
| 635 | float: none;\r | |
| 636 | position: absolute;\r | |
| 637 | top: 3px;\r | |
| 638 | left: 4px;\r | |
| 639 | }\r | |
| 640 | \r | |
| 641 | /*\r | |
| 642 | * Event resize handle\r | |
| 643 | */\r | |
| 644 | .ext-evt-rsz {\r | |
| 645 | position: absolute;\r | |
| 646 | bottom: 0;\r | |
| 647 | height: 5px;\r | |
| 648 | line-height: 5px;\r | |
| 649 | width: 100%;\r | |
| 650 | margin-left: -5px;\r | |
| 651 | text-align: center; /* needed for IE quirks mode */\r | |
| 652 | cursor: s-resize;\r | |
| 653 | }\r | |
| 654 | .x-gecko .ext-evt-rsz,\r | |
| 655 | .x-webkit .ext-evt-rsz {\r | |
| 656 | cursor: ns-resize;\r | |
| 657 | }\r | |
| 658 | .ext-evt-rsz-h {\r | |
| 659 | display: none;\r | |
| 660 | border-top:3px double;\r | |
| 661 | border-color: white;\r | |
| 662 | font-size:0;\r | |
| 663 | height:0;\r | |
| 664 | line-height:0;\r | |
| 665 | margin-left:auto;\r | |
| 666 | margin-right:auto;\r | |
| 667 | width:20px;\r | |
| 668 | opacity:.5;\r | |
| 669 | -moz-opacity:.5;\r | |
| 670 | -khtml-opacity:.5;\r | |
| 671 | /* no opacity for ie by default */\r | |
| 672 | }\r | |
| 673 | .ext-evt-over .ext-evt-rsz-h {\r | |
| 674 | display: block;\r | |
| 675 | }\r | |
| 676 | .x-ie .ext-evt-rsz-h {\r | |
| 677 | border-color: #ccc;\r | |
| 678 | }\r | |
| 679 | .x-strict .x-ie8 .ext-evt-rsz-h {\r | |
| 680 | border-color: #fff;\r | |
| 681 | filter:alpha(opacity=50);\r | |
| 682 | }\r | |
| 683 | \r | |
| 684 | /* \r | |
| 685 | * Calendar event colors \r | |
| 686 | */\r | |
| 687 | .ext-cal-evr,\r | |
| 688 | .ext-cal-evi,\r | |
| 689 | .ext-cal-evt dl {\r | |
| 690 | color: #fff;\r | |
| 691 | }\r | |
| 692 | \r | |
| 693 | .ext-color-1,\r | |
| 694 | .x-ie7m .ext-color-1-ad,\r | |
| 695 | .x-opera .ext-operaLT11.ext-color-1-ad {\r | |
| 696 | color: #306da6;\r | |
| 697 | }\r | |
| 698 | .ext-cal-day-col .ext-color-1,\r | |
| 699 | .ext-dd-drag-proxy .ext-color-1,\r | |
| 700 | .ext-color-1-ad,\r | |
| 701 | .ext-color-1-ad .ext-cal-evm,\r | |
| 702 | .ext-color-1 .ext-cal-picker-icon,\r | |
| 703 | .ext-color-1-x dl,\r | |
| 704 | .ext-color-1-x .ext-cal-evb {\r | |
| 705 | background: #306da6;\r | |
| 706 | }\r | |
| 707 | .ext-color-1-x .ext-cal-evb,\r | |
| 708 | .ext-color-1-ad .ext-cal-evm,\r | |
| 709 | .ext-color-1-ad,\r | |
| 710 | .ext-color-1-x dl {\r | |
| 711 | border-color: #306da6;\r | |
| 712 | }\r | |
| 713 | \r | |
| 714 | .ext-color-2,\r | |
| 715 | .x-ie7m .ext-color-2-ad,\r | |
| 716 | .x-opera .ext-operaLT11.ext-color-2-ad {\r | |
| 717 | color: #86a723;\r | |
| 718 | }\r | |
| 719 | .ext-cal-day-col .ext-color-2,\r | |
| 720 | .ext-dd-drag-proxy .ext-color-2,\r | |
| 721 | .ext-color-2-ad,\r | |
| 722 | .ext-color-2-ad .ext-cal-evm,\r | |
| 723 | .ext-color-2 .ext-cal-picker-icon,\r | |
| 724 | .ext-color-2-x dl,\r | |
| 725 | .ext-color-2-x .ext-cal-evb {\r | |
| 726 | background: #86a723;\r | |
| 727 | }\r | |
| 728 | .ext-color-2-x .ext-cal-evb,\r | |
| 729 | .ext-color-2-ad .ext-cal-evm,\r | |
| 730 | .ext-color-2-ad,\r | |
| 731 | .ext-color-2-x dl {\r | |
| 732 | border-color: #86a723;\r | |
| 733 | }\r | |
| 734 | .ext-color-3,\r | |
| 735 | .x-ie7m .ext-color-3-ad,\r | |
| 736 | .x-opera .ext-operaLT11.ext-color-3-ad {\r | |
| 737 | color: #b6a980;\r | |
| 738 | }\r | |
| 739 | .ext-cal-day-col .ext-color-3,\r | |
| 740 | .ext-dd-drag-proxy .ext-color-3,\r | |
| 741 | .ext-color-3-ad,\r | |
| 742 | .ext-color-3-ad .ext-cal-evm,\r | |
| 743 | .ext-color-3 .ext-cal-picker-icon,\r | |
| 744 | .ext-color-3-x dl,\r | |
| 745 | .ext-color-3-x .ext-cal-evb {\r | |
| 746 | background: #b6a980;\r | |
| 747 | }\r | |
| 748 | .ext-color-3-x .ext-cal-evb,\r | |
| 749 | .ext-color-3-ad .ext-cal-evm,\r | |
| 750 | .ext-color-3-ad,\r | |
| 751 | .ext-color-3-x dl {\r | |
| 752 | border-color: #b6a980;\r | |
| 753 | }\r | |
| 754 | \r | |
| 755 | .ext-cal-day-col .ext-cal-evt {\r | |
| 756 | position: absolute;\r | |
| 757 | }\r | |
| 758 | .ext-cal-day-col .ext-cal-evr,\r | |
| 759 | .ext-cal-day-col .ext-cal-evi {\r | |
| 760 | white-space: normal;\r | |
| 761 | }\r | |
| 762 | \r | |
| 763 | /* Shim for drag/drop operations on calendar views */\r | |
| 764 | .ext-dd-shim {\r | |
| 765 | z-index:1000;\r | |
| 766 | overflow:hidden;\r | |
| 767 | position:absolute;\r | |
| 768 | left:0;top:0;\r | |
| 769 | opacity:.40;\r | |
| 770 | -moz-opacity:.40;\r | |
| 771 | -khtml-opacity:.40;\r | |
| 772 | filter:alpha(opacity=40);\r | |
| 773 | background: #C3D9FF;\r | |
| 774 | }\r | |
| 775 | \r | |
| 776 | .ext-cal-event-win a:link,\r | |
| 777 | .ext-cal-event-win a:visited {\r | |
| 778 | color: #15428B;\r | |
| 779 | }\r | |
| 780 | \r | |
| 781 | /* StatusProxy override styles */\r | |
| 782 | .ext-dd-ghost-ct {\r | |
| 783 | color:#000;\r | |
| 784 | font: normal 11px arial, helvetica, sans-serif;\r | |
| 785 | border: 1px solid;\r | |
| 786 | border-color: #ddd #bbb #bbb #ddd;\r | |
| 787 | background-color:#fff;\r | |
| 788 | padding:3px;\r | |
| 789 | padding-left:20px;\r | |
| 790 | white-space: nowrap;\r | |
| 791 | }\r | |
| 792 | .ext-dd-ghost-ct .x-dd-drag-ghost{\r | |
| 793 | border: 0;\r | |
| 794 | background: none;\r | |
| 795 | padding: 0;\r | |
| 796 | width: 150px;\r | |
| 797 | }\r | |
| 798 | .ext-dd-ghost-ct .ext-evt-rsz {\r | |
| 799 | display: none;\r | |
| 800 | }\r | |
| 801 | \r | |
| 802 | /*******************************************\r | |
| 803 | * \r | |
| 804 | * Calendar form styles\r | |
| 805 | *\r | |
| 806 | ******************************************/\r | |
| 807 | .x-gecko .ext-cal-event-win .x-window-body .x-form-item {\r | |
| 808 | overflow: hidden;\r | |
| 809 | }\r | |
| 810 | .ext-evt-edit-form .x-form-item {\r | |
| 811 | margin-bottom: 8px;\r | |
| 812 | }\r | |
| 813 | .ext-evt-edit-form .x-panel-bbar .x-toolbar {\r | |
| 814 | border-bottom: 1px solid #99BBE8;\r | |
| 815 | }\r | |
| 816 | .ext-evt-edit-form .x-panel-header {\r | |
| 817 | background: transparent url(../images/default/ext-cal-edit-hd.png) repeat-x;\r | |
| 818 | padding: 9px 0 4px !important;\r | |
| 819 | font-size: 13px !important;\r | |
| 820 | font-family: helvetica, arial, sans-serif;\r | |
| 821 | border-top: 0;\r | |
| 822 | border-bottom: 1px solid #BBCCFF;\r | |
| 823 | }\r | |
| 824 | .ext-evt-edit-form .x-panel-fbar {\r | |
| 825 | padding: 5px 10px;\r | |
| 826 | background: #DFE8F6;\r | |
| 827 | border: 1px solid #BBCCFF;\r | |
| 828 | }\r | |
| 829 | \r | |
| 830 | /*******************************************\r | |
| 831 | * \r | |
| 832 | * DateRangeField styles\r | |
| 833 | *\r | |
| 834 | ******************************************/\r | |
| 835 | .ext-dt-range label {\r | |
| 836 | font-size: 12px;\r | |
| 837 | }\r | |
| 838 | .ext-dt-range .x-form-check-wrap {\r | |
| 839 | white-space: nowrap;\r | |
| 840 | }\r | |
| 841 | .ext-dt-range .x-table-layout-cell {\r | |
| 842 | padding-right: 5px;\r | |
| 843 | }\r |