dav/wdcal/css/main.css

   1 .toolBotton\r
   2 {       \r
   3     border: none;\r
   4         overflow: hidden;       \r
   5         position: relative;\r
   6         height: 25px;\r
   7         padding:0;\r
   8         margin:0;\r
   9 }\r
  10 .toolBotton a\r
  11 {\r
  12     display:block;\r
  13     width:auto;\r
  14     cursor:pointer;\r
  15 }\r
  16 .toolBotton a span\r
  17 {\r
  18     float: left;\r
  19     display:block;\r
  20     width:auto;\r
  21     cursor:pointer;\r
  22 }\r
  23 \r
  24 input\r
  25 {\r
  26         border: solid 1px #3C7FB1;      \r
  27 }\r
  28 \r
  29 select\r
  30 {\r
  31         border: #3C7FB1 1px solid;\r
  32 }\r
  33 input[type='text']\r
  34 {\r
  35         border: solid 1px #3C7FB1;      \r
  36         height:18px;\r
  37 }\r
  38 input[type='checkbox']\r
  39 {\r
  40         border: none;\r
  41 }\r
  42 input[type='radio']\r
  43 {\r
  44         border: none;\r
  45 }\r
  46 textarea\r
  47 {\r
  48     border: solid 1px #3C7FB1;  \r
  49     overflow:auto;\r
  50 }\r
  51 .ellipsis\r
  52 {\r
  53         white-space: nowrap;\r
  54         text-overflow: ellipsis; /* for internet explorer */\r
  55         overflow: hidden;\r
  56         display: block;\r
  57 }\r
  58 html > body .ellipsis\r
  59 {\r
  60         clear: both;\r
  61 }\r
  62 .bbit-main\r
  63 {        \r
  64     position:absolute;\r
  65     left:0;\r
  66     top:0;\r
  67     width:100%;\r
  68     height:100%;\r
  69     z-index:0;    \r
  70     background-color:#E8F1F8;  \r
  71 }\r
  72 a.linkdelete span\r
  73 {\r
  74     text-decoration:underline;\r
  75     color: #000000;\r
  76     padding-left:18px;\r
  77     background: url(./images/icons/delete.png) no-repeat left 6px;\r
  78     padding-top:5px;\r
  79 }\r
  80 a.imgbtn\r
  81 {\r
  82         color: #000000;\r
  83 }\r
  84 a.imgbtn span\r
  85 {\r
  86         border: #E8E8FF 1px solid;\r
  87         padding: 4px 4px 3px 21px;\r
  88         cursor: pointer;\r
  89 }\r
  90 \r
  91 a.imgbtn:hover span\r
  92 {\r
  93         border: #466094 1px solid;\r
  94         cursor: pointer;\r
  95         background-color: #C3C3FF;\r
  96 }\r
  97 a.imgbtn span.Save\r
  98 {\r
  99         background: url(./images/icons/Item.Save.gif) no-repeat 3px 4px;\r
 100 }\r
 101 a.imgbtn span.Close\r
 102 {\r
 103         background: url(./images/icons/Btn.Close.gif) no-repeat 3px 4px;\r
 104 }\r
 105 a.imgbtn span.Delete\r
 106 {\r
 107         background: url(./images/icons/delete.png) no-repeat 3px 4px;\r
 108 }\r
 109 \r
 110 a.addcal\r
 111 {\r
 112     padding-left:20px;\r
 113         background: url(./images/icons/date_add.png)  no-repeat 1px 50%;\r
 114         color: black;\r
 115 }\r
 116 span.showdayview\r
 117 {\r
 118     padding-left:20px;\r
 119         background: url(./images/icons/cal-day.gif)  no-repeat 1px 50%;\r
 120 }\r
 121 span.showweekview\r
 122 {\r
 123     padding-left:20px;\r
 124         background: url(./images/icons/cal-week.gif)  no-repeat 1px 50%;\r
 125 }\r
 126 span.showwkweekview\r
 127 {\r
 128     padding-left:20px;\r
 129         background: url(./images/icons/cal-wk-week.gif)  no-repeat 1px 50%;\r
 130 }\r
 131 span.chinese\r
 132 {\r
 133     padding-left:20px;\r
 134         background: url(./images/icons/cn.gif)  no-repeat 1px 50%;\r
 135 }\r
 136 span.english\r
 137 {\r
 138     padding-left:20px;\r
 139         background: url(./images/icons/us.gif)  no-repeat 1px 50%;\r
 140 }\r
 141 span.english_au\r
 142 {\r
 143     padding-left:20px;\r
 144         background: url(./images/icons/au.gif)  no-repeat 1px 50%;\r
 145 }\r
 146 span.showmonthview\r
 147 {\r
 148     padding-left:20px;\r
 149         background: url(./images/icons/cal-month.gif)  no-repeat 1px 50%;\r
 150 }\r
 151 span.showtoday\r
 152 {\r
 153      padding-left:20px;\r
 154         background: url(./images/icons/date.png)  no-repeat 1px 50%;\r
 155 }\r
 156 \r
 157 span.fprev\r
 158 {\r
 159     width:18px;\r
 160     background:url("./images/icons/resultset_previous.png") no-repeat 1px bottom;\r
 161 }\r
 162 span.fnext\r
 163 {\r
 164     width:18px;\r
 165     background:url("./images/icons/resultset_next.png") no-repeat 1px bottom;\r
 166 }\r
 167 span.showdayflash\r
 168 {\r
 169     padding-left:20px;\r
 170     background:url("./images/icons/date_reflash.png") no-repeat 1px 50%;\r
 171 }\r
 172 .size1\r
 173 {\r
 174     width:50px;    \r
 175 } \r
 176 .size2\r
 177 {\r
 178     width:100px;    \r
 179 } \r
 180 .size3\r
 181 {\r
 182     width:160px;    \r
 183 } \r
 184 .size4\r
 185 {\r
 186     width:200px;    \r
 187 } \r
 188 .size5\r
 189 {\r
 190     width:260px;    \r
 191 } \r
 192 .size6\r
 193 {\r
 194     width:300px;    \r
 195 } \r
 196 .size7\r
 197 {\r
 198     width:360px;    \r
 199 } \r
 200 \r
 201 \r
 202 .X\r
 203 {\r
 204     float:right;\r
 205     padding-right:3px;\r
 206     color:#555;\r
 207     cursor:pointer;\r
 208     height:16px;    \r
 209 }\r
 210 .nodisplay\r
 211 {\r
 212     display:none;        \r
 213 }\r
 214 /* JQuery Validation */\r
 215 label.error\r
 216 {\r
 217     padding: 2px 0 2px 20px;           \r
 218     display: block;   \r
 219     background: url(images/validation/exclamation.png) no-repeat 2px center;\r
 220 }\r
 221 input.error,select.error,textarea.error,  input.cusErrorPanel,cusErrorPanel.cusErrorPanel,textarea.cusErrorPanel\r
 222 {\r
 223     border:solid 1px red;    \r
 224 }\r
 225 label.checked\r
 226 {\r
 227     float:none;\r
 228      position:relative;\r
 229     padding: 0 0 0 18px;\r
 230     background: url(images/validation/accept.png) no-repeat 2px center;\r
 231 }\r
 232 div.error\r
 233 {\r
 234   \r
 235 }\r
 236 \r
 237 div.cusErrorPanel\r
 238 {\r
 239     z-index: auto;         \r
 240     position:absolute;\r
 241     width: 276px;\r
 242     height: 35px;\r
 243     overflow: hidden;\r
 244     text-indent: 5px;\r
 245     line-height: 40px;\r
 246     font-size: 12px;\r
 247     font-family: Arial;\r
 248     background: url(images/validation/tooltop.gif) no-repeat left top;\r
 249     opacity:0.9;\r
 250     filter: alpha(opacity=90);\r
 251 }\r
 252 .infocontainer\r
 253 {\r
 254     margin:2px;\r
 255  padding:4px;\r
 256 }\r
 257 .fform\r
 258 {\r
 259    margin:0;\r
 260 }\r
 261 .fform label\r
 262 {\r
 263     display:block;\r
 264     margin-top:2px;\r
 265     padding:2px;\r
 266     vertical-align:top;\r
 267 }\r
 268 .fform label.checkp\r
 269 {\r
 270        display:inline;\r
 271 }\r
 272 .fform label span\r
 273 {\r
 274     font-weight:bold;\r
 275      display:block;\r
 276 }\r
 277 input.noborder\r
 278 {\r
 279  border:none;    \r
 280 }\r
 281 \r
 282 \r
 283 .doing\r
 284 {\r
 285     color: red;\r
 286     vertical-align: middle;\r
 287     display: none;\r
 288     position: absolute;\r
 289     left: 20%;\r
 290     top: 20%;\r
 291     border: solid 1px #555;\r
 292     background-color: #FFFF00;\r
 293     padding: 5px;\r
 294 }\r
 295 div.clear\r
 296 {\r
 297     clear:both;\r
 298 }\r
 299 \r
 300 \r
 301 \r
 302 div.cHead\r
 303 {\r
 304     background: url(images/calendar/headbg.gif) repeat-x top;\r
 305     border: 1px solid #99bbe8;\r
 306     border-top: 0px;\r
 307     font-weight: bold;\r
 308     display: block;\r
 309     overflow: hidden;\r
 310     white-space: nowrap;\r
 311     position: relative;\r
 312 }\r
 313 \r
 314  div.cHead div\r
 315 {\r
 316     padding:4px;\r
 317     white-space: nowrap;\r
 318 }\r
 319  div.cHead div.ftitle\r
 320 {\r
 321     background:url("images/calendar/grid.png") no-repeat left ;\r
 322     color:#15428b;\r
 323     margin-left:10px;\r
 324     padding-left:20px;\r
 325 }\r
 326  div.cHead div.ptogtitle\r
 327 {\r
 328     position: absolute;\r
 329     top: 3px;\r
 330     right: 15px;\r
 331     height: 18px;\r
 332     padding: 1px 2px 1px 2px;\r
 333     font-weight: normal;\r
 334 }\r
 335  div.cHead div.loadicon\r
 336 {\r
 337      background:#c44;    \r
 338      color:#fff;  \r
 339      \r
 340 }\r
 341  div.cHead div.loaderror\r
 342 {\r
 343    padding: 1px 4px 1px 4px;\r
 344    background:#fad163; \r
 345 }\r
 346 \r
 347 div.cHead div.ptogtitle input\r
 348 {\r
 349     height:16px;   \r
 350     border:solid 1px #ccc;\r
 351     background-color:#fff;\r
 352     padding-left:4px;\r
 353 }\r
 354 \r
 355 div.ctoolbar\r
 356 {\r
 357     OVERFLOW: hidden;   \r
 358     POSITION: relative;\r
 359     HEIGHT: 25px;\r
 360     background: #E0E0FF;\r
 361     margin-bottom: 2px;\r
 362 }\r
 363 div.ctoolbar div.fbutton \r
 364 {       \r
 365     PADDING-RIGHT: 1px;\r
 366     DISPLAY: block;     \r
 367     PADDING-LEFT: 1px;  \r
 368     FLOAT: left;        \r
 369     PADDING-BOTTOM: 1px;        \r
 370     CURSOR: pointer;    \r
 371     PADDING-TOP: 1px;   \r
 372     HEIGHT: 22px;\r
 373     margin-left:1px;\r
 374 \r
 375 }\r
 376 \r
 377 div.ctoolbar div.fbutton  div\r
 378 {\r
 379     float: left;\r
 380     padding: 2px 3px;\r
 381 }       \r
 382 div.ctoolbar div.fbutton span\r
 383 {\r
 384     float: left;\r
 385     display: block;             \r
 386     height:18px;\r
 387 }\r
 388 \r
 389 div.ctoolbar div.fbutton.fcurrent\r
 390 {\r
 391     border: #555 1px solid;\r
 392     padding: 0;\r
 393     cursor: pointer;\r
 394     background-color: #EDF1D5;\r
 395 }\r
 396 \r
 397 div.ctoolbar div.fbutton.fcurrent div\r
 398 {\r
 399     padding: 1px 2px;\r
 400     border-left: 1px solid #fff;\r
 401     border-top: 1px solid #fff;\r
 402     border-right: 1px solid #eee;\r
 403     border-bottom: 1px solid #eee;\r
 404 }\r
 405         \r
 406 div.ctoolbar div.fbutton:hover, .div.ctoolbar div.fbutton.fbOver\r
 407 {\r
 408     border: #466094 1px solid;\r
 409     padding: 0;\r
 410     cursor: pointer;\r
 411     background-color: #EDF1D5;\r
 412 }\r
 413 \r
 414 div.ctoolbar div.fbutton:hover div, .div.ctoolbar div.fbutton.fbOver div\r
 415 {\r
 416     padding: 1px 2px;\r
 417         border: 1px solid #fff;\r
 418         border-right-color: #eee;\r
 419         border-bottom-color: #eee;\r
 420 }\r
 421 \r
 422 div.ctoolbar div.btnseparator\r
 423 {\r
 424     float: left;\r
 425     height: 18px;\r
 426     border-left: 1px solid #ccc;\r
 427     border-right: 1px solid #fff;\r
 428     margin: 1px;\r
 429    \r
 430 }\r
 431 \r
 432 div.ctoolbar div.fshowdatep\r
 433 {\r
 434         padding: 1px;\r
 435         display: block;\r
 436         float: left;\r
 437         cursor:default;\r
 438         height: 22px;\r
 439 }\r
 440 div.ctoolbar div.fshowdatep  div\r
 441 {\r
 442     float: left;\r
 443     padding: 2px 3px;\r
 444 }       \r
 445 \r
 446 div.ctoolbar div.fshowdatep span\r
 447 {\r
 448     float: left;\r
 449     display: block;             \r
 450 }       \r
 451 div.cbody div.ctablehead\r
 452 {\r
 453         border: 1px solid #ccc;\r
 454         border-top-color: #fff;\r
 455         border-bottom: 0 #9c9c9c;\r
 456         background: #e3f7ff url('images/calendar/gridth.gif') repeat-x left bottom;\r
 457     overflow: hidden;\r
 458         position: relative ;\r
 459     height:25px;\r
 460 }\r
 461 div.cbody div.ctablehead th div,div.cbody div.ctablebody td div\r
 462 {\r
 463     padding: 4px;\r
 464     border-left:none;   \r
 465     overflow:hidden;     \r
 466 }       \r
 467 div.cbody div.ctablehead  th /* common cell properties*/\r
 468 {\r
 469     text-align: left;   \r
 470     border-right:solid 1px #ddd;  \r
 471     border-left:solid 1px #fff;\r
 472     overflow: hidden;\r
 473     vertical-align: top !important;\r
 474     font-weight: normal;\r
 475     cursor: default;\r
 476     white-space: nowrap;\r
 477 }\r
 478 div.cbody div.ctablehead div.ctableheadp\r
 479 {\r
 480     float:left;\r
 481 }\r
 482 div.cbody div.ctablehead th div\r
 483 {\r
 484     height:17px;   \r
 485     \r
 486  }      \r
 487  \r
 488  div.cbody div.ctablebody \r
 489  {\r
 490      BORDER-RIGHT: #ccc 1px solid;      \r
 491      BORDER-TOP: #ccc 0px solid;        \r
 492      BACKGROUND: #dfe8f6;       \r
 493      OVERFLOW: auto;    \r
 494      BORDER-LEFT: #ccc 1px solid;       \r
 495      BORDER-BOTTOM: #ccc 1px solid;     \r
 496      POSITION: relative\r
 497  }\r
 498  \r
 499  div.cbody div.ctablebody td  /* common cell properties*/\r
 500 {\r
 501     text-align: left;   \r
 502     border-left:solid 1px #fff;\r
 503     border-top: none;\r
 504     border-bottom: 1px dotted #ddd;\r
 505     border-right:solid 1px #ddd;\r
 506     overflow: hidden;\r
 507     vertical-align: top !important;\r
 508     white-space: nowrap; \r
 509     background-color:#fff;\r
 510     cursor:default;\r
 511 }\r
 512  div.cbody div.ctablebody tr.erow td\r
 513 {\r
 514     background: #F5FFEF;                                \r
 515 }\r
 516  div.cbody div.ctablebody tr:hover td, \r
 517  div.cbody div.ctablebody tr.trOver td\r
 518 {\r
 519     background: #FFFFBB;\r
 520     border-left: 1px solid #eef8ff;\r
 521     border-bottom: 1px dotted #a8d8eb;\r
 522 }\r
 523 \r
 524 \r
 525  div.cbody div.ctablebody td div\r
 526 {\r
 527     border-top: 0 solid #fff;\r
 528     padding-bottom: 2px;\r
 529 }\r
 530  \r
 531 \r
 532 \r
 533 div.ViewgBlock\r
 534 {\r
 535     background: #E3E3E3 url('images/calendar/load-bg.png');        \r
 536 }\r
 537 div.ViewgBlock>div.loading\r
 538 {\r
 539     width: 100%;\r
 540     height: 100%;\r
 541     display: block;\r
 542     opacity:0.5;\r
 543     filter: alpha(opacity=50);\r
 544     background:#f4f4f4 url('images/calendar/indicator_web20_working.gif') no-repeat center center;  \r
 545 }\r
 546 \r
 547 \r
 548 \r
 549 .transparent\r
 550 {\r
 551         filter:alpha(opacity=0);\r
 552         -moz-opacity:0;\r
 553         opacity:0;\r
 554         background-color:#000;\r
 555 }