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