dav/wdcal/css/calendar.css

   1 .st-bg-table td { background-color: white; }\r
   2 .st-grid tr {background-color: transparent; }\r
   3 .st-c { font-size: 12px; line-height: 14px; }\r
   4 \r
   5 .calmain\r
   6 {\r
   7 border-bottom:2px solid #c3c3ff;\r
   8         background:#c3c3ff\r
   9 }\r
  10 .printborder {\r
  11         border-left:9px solid #c3c3ff\r
  12 }\r
  13 \r
  14 .scrolltimeevent\r
  15 {\r
  16         position:relative;\r
  17         overflow-y:scroll;\r
  18         overflow-x:hidden;\r
  19         border-top:1px solid #a2bbdd;\r
  20         border-left:1px solid #a2bbdd;\r
  21         border-bottom:1px solid #fff;\r
  22         padding:0;\r
  23         font-size:12px;\r
  24         line-height:normal;\r
  25 }\r
  26 .wk-top\r
  27 {\r
  28         table-layout:fixed;\r
  29         width:100%;\r
  30         background-color:#c3c3ff;\r
  31         overflow:hidden;\r
  32         font-size:12px;\r
  33         line-height:14px\r
  34  }\r
  35 .gridcontainer {\r
  36         height:300px;\r
  37         background:#c3c3ff;\r
  38         position:relative;\r
  39         -webkit-user-select:none;\r
  40         -khtml-user-select:none;\r
  41 }\r
  42 .wk-dayname {\r
  43         font-weight:normal;\r
  44         color:#112abb;\r
  45         padding:2px 4px;\r
  46         margin-left:4px;\r
  47         white-space:nowrap\r
  48 }\r
  49 .wk-today {\r
  50         color:#fff;\r
  51         font-weight:bold;\r
  52         background-color:#8ac;\r
  53         padding:1px 3px;\r
  54         border: 1px solid #6786a7;\r
  55         border-right-color: #ace;\r
  56         border-bottom-color: #ace;\r
  57 }\r
  58 .wk-dummyth {\r
  59         vertical-align:top;\r
  60         background-color:#c3c3ff;\r
  61         padding:0\r
  62 }\r
  63 .wk-daylink\r
  64 {\r
  65     cursor:pointer;\r
  66 }\r
  67 .wk-daylink:hover\r
  68 {\r
  69      text-decoration:underline;    \r
  70 }\r
  71 .wk-allday {\r
  72         background-color:#e8eef7;\r
  73         font-size:12px;\r
  74         line-height:14px;\r
  75         border-color:#a2bbdd #fff #fff #a2bbdd;\r
  76         border-style:solid;\r
  77         border-width:1px\r
  78 }\r
  79 .wk-allday .st-c {\r
  80         padding-left:0;\r
  81         padding-right:0;\r
  82         border-left:3px double #E0E0FF\r
  83 }\r
  84 .st-grid {\r
  85         position:relative;\r
  86         table-layout:fixed;\r
  87         width:100%;\r
  88 }\r
  89 \r
  90 .st-c {\r
  91         padding:1px 1px 0 2px;\r
  92         vertical-align:top;\r
  93         font-family:Verdana, sans-serif\r
  94 }\r
  95 .st-s {\r
  96         padding-bottom:2px;\r
  97         cursor:default;\r
  98 }\r
  99 .t1 {\r
 100         font-size:1px;\r
 101         height:1px;\r
 102         line-height:1px;\r
 103         margin:0 2px;\r
 104         overflow:hidden\r
 105 }\r
 106 .t2 {\r
 107         font-size:1px;\r
 108         height:1px;\r
 109         line-height:1px;\r
 110         margin:0 1px;\r
 111         overflow:hidden\r
 112 }\r
 113 .chromecolor {\r
 114         background:#c3c3ff;\r
 115         border-color:#c3c3ff\r
 116 }\r
 117 .tg-timedevents {\r
 118         background-color:#fff;\r
 119         table-layout:fixed;\r
 120         width:100%;\r
 121         margin-top:-1px\r
 122 }\r
 123 .tg-timedevents tr { background: none; }\r
 124 \r
 125 .tg-times {\r
 126         padding:0;\r
 127         font-family:Arial;\r
 128         font-size:11px;\r
 129         background-color:#e8eef7;\r
 130         color:#468;\r
 131         text-align:right;\r
 132         vertical-align:top;\r
 133         padding-right:1px;\r
 134         padding-top:1px;\r
 135         overflow:hidden\r
 136 \r
 137 }\r
 138 .tg-time {\r
 139         border-bottom:1px solid #E0E0FF;\r
 140         padding-right:2px\r
 141 }\r
 142 .tg-col {\r
 143         border-left:3px double #E0E0FF;\r
 144         overflow:hidden;\r
 145         vertical-align:top\r
 146 }\r
 147 .tg-col-overlaywrapper {\r
 148         position:relative;\r
 149         height:0\r
 150 }\r
 151 .tg-col-eventwrapper {\r
 152         position:relative;\r
 153         cursor:default;\r
 154         margin-right:10px;\r
 155 }\r
 156 .tg-today {\r
 157         background-color:#ffc;\r
 158 }\r
 159 .tg-spanningwrapper {\r
 160         position:relative;\r
 161         margin-left:3px;\r
 162         height:1px;\r
 163         top:1px;\r
 164 }\r
 165 .tg-hourmarkers {\r
 166         position:absolute;\r
 167         width:100%\r
 168 }\r
 169 .tg-dualmarker {\r
 170         border-top:1px solid #E0E0FF;\r
 171         height:1em;\r
 172         line-height:1em;\r
 173         border-bottom:1px dotted #E0E0FF;\r
 174         margin-bottom:1em\r
 175 }\r
 176 .tg-nowmarker {\r
 177         position:absolute;\r
 178         left:0;\r
 179         width:100%;\r
 180         top:0;\r
 181         height:0;\r
 182         border-top:2px solid red;\r
 183         overflow:hidden;\r
 184         opacity:0.4;\r
 185         filter:alpha(opacity=40);\r
 186 }\r
 187 .tg-nowptr {\r
 188         position:absolute;\r
 189         background-position:-60px -68px;\r
 190         width:5px;\r
 191         height:9px;\r
 192         background-image:url(images/calendar/combined.gif)\r
 193 }\r
 194 \r
 195 .gridcontainer .not_editable {\r
 196         opacity: 0.5;\r
 197 }\r
 198 .chip {\r
 199         position:absolute;\r
 200         overflow:hidden;\r
 201         cursor:default;\r
 202         color:#000;\r
 203         -moz-user-select:none;\r
 204 }\r
 205 .chip dl {\r
 206         margin:0;\r
 207         padding-bottom:1px;\r
 208         border-left:1px solid;\r
 209         border-right:1px solid;\r
 210         overflow:hidden\r
 211 }\r
 212 .chip dt {\r
 213         margin-top:-1px;\r
 214         font:bold 80%/normal Verdana, Sans-serif;\r
 215         white-space:nowrap;\r
 216         overflow:hidden;\r
 217         padding-left:1px;\r
 218         text-align:left;\r
 219         color: white;\r
 220 }\r
 221 .chip a:link, .chip a:visited, .chip a:active {\r
 222         text-decoration:none;\r
 223         color:#fff\r
 224 }\r
 225 .ie6 .chip dl {\r
 226         zoom:1\r
 227 }\r
 228 .ie6 .chip dt {\r
 229         width:100%;\r
 230         margin-right:-1px\r
 231 }\r
 232 .chip dd {\r
 233         margin:0;\r
 234         overflow:hidden;\r
 235         padding:0 1px;\r
 236         font-family: Verdana, Arial, Helvetica;\r
 237         font-size: 11px;\r
 238         text-align:left;\r
 239         word-wrap:break-word\r
 240 }\r
 241 .cb1, .cb2 {\r
 242         border-style:solid;\r
 243         overflow:hidden;\r
 244 }\r
 245 .cb1 {\r
 246         height:1px;\r
 247         margin:0 1px;\r
 248         border-width:0 1px\r
 249 }\r
 250 .cb2 {\r
 251         height:0;\r
 252         margin:0 2px;\r
 253         border-width:0 0 1px\r
 254 }\r
 255 .ct {\r
 256         height:0;\r
 257         overflow:hidden;\r
 258         border-style:solid;\r
 259         border-width:0 2px 2px;\r
 260         border-color:transparent\r
 261 }\r
 262 .ie6 .ct {\r
 263         border-style:solid dotted\r
 264 }\r
 265 \r
 266 .cic {\r
 267         background-repeat:no-repeat;\r
 268         display:inline-block;\r
 269         margin-left:2px;\r
 270         width:9px;\r
 271         height:7px;\r
 272         line-height:7px;\r
 273         background-image:url(images/calendar/combined.gif)\r
 274 }\r
 275 .ff2 .cic {\r
 276         display:-moz-inline-box;\r
 277         vertical-align:bottom;\r
 278         position:relative;\r
 279         top:-2px\r
 280 }\r
 281 .cic-ques {\r
 282         margin-left:0;\r
 283         margin-right:2px;\r
 284         width:9px;\r
 285         height:9px;\r
 286         line-height:9px;\r
 287         background-position:-56px -50px\r
 288 }\r
 289 .cic-prsn {\r
 290         background-position:-28px -50px\r
 291 }\r
 292 .cic-noprs {\r
 293         background-position:-46px -50px\r
 294 }\r
 295 .cic-tmr {\r
 296         background-position:-28px -57px\r
 297 }\r
 298 .cic-rcr {\r
 299         background-position:-37px -50px\r
 300 }\r
 301 .cic-spcl {\r
 302         background-position:-37px -57px\r
 303 }\r
 304 .cic-priv {\r
 305         background-position:-11px -64px\r
 306 }\r
 307 \r
 308 .resizer {\r
 309         position:absolute;\r
 310         height:7px;\r
 311         line-height:7px;\r
 312         width:100%;\r
 313         bottom:0;\r
 314         cursor:s-resize;\r
 315         \r
 316 }\r
 317 .rszr_icon \r
 318 {\r
 319     /*display:none;*/\r
 320         border-top:3px double white;\r
 321         font-size:0;\r
 322         line-height:0;\r
 323         height:0;\r
 324         width:10px;\r
 325         margin-left:auto;\r
 326         margin-right:auto\r
 327 }\r
 328 .rb-n {\r
 329         padding:1px 1px 1px 3px;\r
 330         overflow:hidden;\r
 331         white-space:nowrap;\r
 332         color:white;\r
 333         -webkit-border-radius:3px;\r
 334         -moz-border-radius:3px;\r
 335         cursor:pointer\r
 336 }\r
 337 .rb-o {\r
 338         margin:0 1px;\r
 339         border-width:1px 0;\r
 340         border-style:solid;\r
 341         cursor:pointer\r
 342 }\r
 343 .rb-m {\r
 344         padding-left:3px;\r
 345         margin:0 -1px;\r
 346         border-width:0 1px;\r
 347         border-style:solid;\r
 348         zoom:1\r
 349 }\r
 350 .rb-i {\r
 351         overflow:hidden;\r
 352         color:white;\r
 353         white-space:nowrap;\r
 354         width:100%\r
 355 }\r
 356 .mv-container {\r
 357         height:100%;\r
 358         position:relative;\r
 359         line-height:14px;\r
 360         white-space:nowrap;\r
 361 }\r
 362 .mv-container th{\r
 363     font-size:12px;\r
 364 }\r
 365 .bg-exists .mv-container {\r
 366         background-color:transparent\r
 367 }\r
 368 .st-contents, .mv-container {\r
 369         font-size:11px;\r
 370         line-height:14px\r
 371 }\r
 372 .mv-daynames-table {\r
 373         position:absolute;\r
 374         table-layout:fixed;\r
 375         top:0;\r
 376         left:0;\r
 377         width:100%;\r
 378         background:#c3c3ff;\r
 379         color:#112abb\r
 380 }\r
 381 .mv-dayname {\r
 382         font-weight:normal\r
 383 }\r
 384 \r
 385 .mv-event-container {\r
 386         overflow:hidden;\r
 387         position:absolute;\r
 388         left:0;\r
 389         width:100%;\r
 390         top:14px;\r
 391         bottom:0;\r
 392         background:white;\r
 393 }\r
 394 .month-row {\r
 395         position:absolute;\r
 396         left:0;\r
 397         width:100%;\r
 398         overflow:hidden\r
 399 }\r
 400 .bg-exists .month-row {\r
 401         opacity:0.9;\r
 402         filter:alpha(opacity=90)\r
 403 }\r
 404 .st-bg-table {\r
 405         position:absolute;\r
 406         top:0;\r
 407         left:0;\r
 408         height:100%;\r
 409         width:100%;\r
 410         table-layout:fixed\r
 411 }\r
 412 .st-bg {\r
 413         border-left:1px solid #c3c3ff\r
 414 }\r
 415 .st-bg-nonmonth {\r
 416         background-color: #f0f0FF;\r
 417 }\r
 418 .st-bg-today {\r
 419         background-color:#ffc\r
 420 }\r
 421 .bg-exists .st-bg-today {\r
 422         background-color:#eee;\r
 423         border:1px solid #579;\r
 424         opacity:0.8;\r
 425 }\r
 426 .st-dtitle {\r
 427         border-left:1px solid #c3c3ff;\r
 428         border-top:1px solid #c3c3ff;\r
 429         background-color:#e8eef7;\r
 430         color:#444;\r
 431         padding-right:2px;\r
 432         text-align:right;\r
 433         line-height:16px;\r
 434         overflow:hidden\r
 435 }\r
 436 .bg-exists .st-dtitle {\r
 437         opacity:0.8;\r
 438         filter:alpha(opacity=80)\r
 439 }\r
 440 .st-dtitle-nonmonth {\r
 441         background-color:#f0f0FF;\r
 442         color:#f0f0FF;\r
 443 }\r
 444 .st-dtitle-today {\r
 445         background-color:#bcd\r
 446 }\r
 447 \r
 448 .st-more {\r
 449         color:#112abb;\r
 450         text-align:center;\r
 451         cursor:pointer;\r
 452         /*font-family:Arial, sans-serif*/\r
 453 }\r
 454 .st-moreul {\r
 455         text-decoration:underline\r
 456 }\r
 457 .st-moreicon {\r
 458         background-color:#d0d6de;\r
 459         color:#627487;\r
 460         margin:1px;\r
 461         padding-right:5px;\r
 462         text-align:right;\r
 463         font-size:85%\r
 464 }\r
 465 .cc {\r
 466         position:absolute;\r
 467         border:1px solid gray;\r
 468         background-color:white;\r
 469         visibility:hidden\r
 470 }\r
 471 .cc-titlebar {\r
 472         background-color:#e8eef7\r
 473 }\r
 474 .cc-close {\r
 475         margin:2px 2px 0 0;\r
 476         position:absolute;\r
 477         right:0;\r
 478         cursor:pointer;\r
 479         width:15px;\r
 480         height:15px;\r
 481         background:url(images/calendar/combined.gif) 0 -50px\r
 482 }\r
 483 .cc-title {\r
 484         padding:2px;\r
 485         font-weight:bold\r
 486 }\r
 487 .st-ad-ml, .st-ad-mr {\r
 488         position:relative;\r
 489         top:2px;\r
 490         margin-bottom:-8px;\r
 491         height:0;\r
 492         width:0;\r
 493         line-height:0;\r
 494         font-size:0;\r
 495         border-top:4px dotted;\r
 496         border-top:4px solid transparent;\r
 497         border-bottom:4px dotted;\r
 498         border-bottom:4px solid transparent\r
 499 }\r
 500 .st-ad-mpad {\r
 501         padding-left:10px\r
 502 }\r
 503 .st-ad-ml {\r
 504         border-right:4px solid white;\r
 505         margin-left:-7px;\r
 506         margin-right:auto\r
 507 }\r
 508 .st-ad-mr {\r
 509         border-left:4px solid white;\r
 510         margin-left:auto;\r
 511         margin-right:3px\r
 512 }\r
 513 \r
 514 .bubble {\r
 515         position: absolute; visibility: hidden; font-size: 9pt; top: 0px; left: 0px\r
 516 }\r
 517 .bubble-table {\r
 518         width: 100%; TABLE-LAYOUT: fixed;\r
 519         border-spacing: 0;\r
 520 }\r
 521 .bubble-table > tbody > tr > td { padding: 0; }\r
 522 .bubble-cell-side {\r
 523         width: 25px\r
 524 }\r
 525 .bubble-cell-main {\r
 526         width: 100%\r
 527 }\r
 528 .bubble-sprite {\r
 529         background-image: url(images/calendar/bubble_combined.png); position: absolute; width: 148px; height: 96px\r
 530 }\r
 531 .ie6 .bubble-sprite {\r
 532         filter: progid:DXimageTransform.Microsoft.AlphaimageLoader(sizingMethod="crop",src="/Theme/Default/images/calendar/bubble_combined.png"); background: none transparent scroll repeat 0% 0%\r
 533 }\r
 534 .bubble-corner {\r
 535         position: relative; width: 25px; height: 25px; overflow: hidden\r
 536 }\r
 537 .bubble-tl {\r
 538         left: 0px\r
 539 }\r
 540 .bubble-tr {\r
 541         left: -25px\r
 542 }\r
 543 .bubble-bl {\r
 544         top: -25px; left: 0px\r
 545 }\r
 546 .bubble-br {\r
 547         top: -25px; left: -25px\r
 548 }\r
 549 .bubble-closebutton {\r
 550         position: absolute; width: 15px; background: url(images/calendar/combined.gif) 0px -50px; height: 15px; top: 10px; cursor: pointer; right: 10px\r
 551 }\r
 552 .bubble-top {\r
 553         background: #fff; height: 24px\r
 554 }\r
 555 .bubble-bottom {\r
 556         background: #fff; height: 24px\r
 557 }\r
 558 .bubble-top {\r
 559         border-top: #ababab 1px solid\r
 560 }\r
 561 .bubble-bottom {\r
 562         border-bottom: #ababab 1px solid\r
 563 }\r
 564 .bubble-mid {\r
 565         border-left: #ababab 1px solid; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; background: #fff; border-right: #ababab 1px solid; padding-top: 0px\r
 566 }\r
 567 .cb-root {\r
 568         width: 100%; \r
 569         font-size: 13px; \r
 570         overflow: hidden\r
 571 }\r
 572 .cb-switcher {\r
 573         margin-bottom: 0.8em\r
 574 }\r
 575 .cb-switcher-selected {\r
 576         font-weight: bold\r
 577 }\r
 578 .cb-table {\r
 579         width: 100%; margin-bottom: 0.8em\r
 580 }\r
 581 .cb-table tr { background: none; }\r
 582 .cb-example {\r
 583         font-size: 12px; padding-top: 2px;\r
 584         font-style:italic\r
 585 }\r
 586 .cb-key {\r
 587         text-align: left; padding-bottom: 0.4em; padding-left: 0px; padding-right: 1em; white-space: nowrap; vertical-align: top; font-weight: normal; padding-top: 0.4em\r
 588 }\r
 589 .cb-value {\r
 590         padding-bottom: 0.4em; padding-left: 0px; width: 95%; padding-right: 0px; padding-top: 0.4em;   \r
 591 }\r
 592 .cb-textarea {\r
 593         height: 3.9em\r
 594 }\r
 595 .textbox-fill-input {\r
 596         width:95%;\r
 597         padding:2px;\r
 598         border-width:1px;\r
 599         border-color:#666 #ccc #ccc #666\r
 600 }\r
 601 .lk {\r
 602         white-space: nowrap; color: #112abb; cursor: pointer; text-decoration: underline\r
 603 }\r
 604 .cal-control\r
 605 {\r
 606    \r
 607 }\r
 608 .control-main\r
 609 {\r
 610     width: 100%;    \r
 611     vertical-align: bottom;\r
 612     border-color:#c3c3ff;\r
 613 }\r
 614 .view-tab {\r
 615         padding-bottom: 0px; padding-left: 2px; padding-right: 2px; vertical-align: bottom; cursor: pointer; padding-top: 0px\r
 616 }\r
 617 .view-tab-unselected {\r
 618         background-color: #e8eef7\r
 619 }\r
 620 .view-tab-selected {\r
 621         background-color: #c3c3ff\r
 622 }\r
 623 .tab-name {\r
 624         padding: 4px 6px 3px;\r
 625         white-space: nowrap;\r
 626 }\r
 627 .tab-spacer {\r
 628         width: 3px; cursor: default\r
 629 }\r
 630 .bbit-cs-split\r
 631 {\r
 632     margin-top:2px;\r
 633     padding:2px;\r
 634     border-top:solid 1px #555;    \r
 635 }\r
 636 .textbox-fill-div {\r
 637         width:95%;\r
 638         padding:2px;\r
 639         font-size:14px;\r
 640 }\r
 641 \r
 642 .drag-lasso-container {\r
 643         position: absolute; \r
 644         width: 0px; \r
 645         height: 0px; \r
 646         top: 0px; \r
 647         left: 0px\r
 648 }\r
 649 .drag-lasso {\r
 650         position: absolute; \r
 651         filter: alpha(opacity=50); \r
 652         LINE-height: 0; \r
 653         background-color: #c3c3ff; \r
 654         font-size: 0px; \r
 655         opacity: 0.5; \r
 656         -khtml-opacity: 0.5\r
 657 }\r
 658 .drag-event {\r
 659         Z-INDEX: 1000; \r
 660         position: absolute; \r
 661         font-FAMILY: Verdana,sans-serif; \r
 662         cursor: pointer\r
 663 }\r
 664 .drag-chip-wrapper {\r
 665         Z-INDEX: 1; \r
 666         position: absolute;\r
 667         width: 100%; \r
 668         left: 0px\r
 669 }\r
 670 .drag-chip {\r
 671         filter: alpha(opacity=80); \r
 672         cursor: pointer; \r
 673         opacity: .8; \r
 674         -khtml-opacity: .8\r
 675 }\r
 676 .prong {\r
 677         position: relative; width: 98px; margin-bottom: -72px; height: 72px; overflow: hidden; top: -1px;\r
 678         left:101px;\r
 679 }\r
 680 .prong .bubble-sprite {\r
 681         top: -24px; left: -50px\r
 682 }\r
 683 .monthdayshow\r
 684 {\r
 685     cursor:pointer;\r
 686 }\r
 687 .monthdayshow:hover\r
 688 {\r
 689     text-decoration:underline;\r
 690 }\r