src/main/resources/META-INF/resources/designer/css/flexigrid/css/flexigrid.css

   1
   2 @charset "UTF-8";
   3 /* CSS Document */
   4 .flexigrid {
   5         font-family: Arial, Helvetica, sans-serif;
   6         font-size: 11px;
   7         line-height: normal;
   8         position: relative;
   9         border: 0px solid #eee;
  10         overflow: hidden;
  11         color: #000;
  12 }
  13
  14 .flexigrid.hideBody {
  15         height: 26px !important;
  16         border-bottom: 1px solid #ccc;
  17 }
  18
  19 .ie6fullwidthbug {
  20         border-right: 0px solid #ccc;
  21         padding-right: 2px;
  22 }
  23
  24 .flexigrid div.nDiv {
  25         background: #eee url(images/line.gif) repeat-y -1px top;
  26         border: 1px solid #ccc;
  27         border-top: 0px;
  28         overflow: auto;
  29         left: 0px;
  30         position: absolute;
  31         z-index: 999;
  32         float: left;
  33 }
  34
  35 .flexigrid div.nDiv table {
  36         margin: 2px;
  37 }
  38
  39 .flexigrid div.hDivBox {
  40         float: left;
  41         padding-right: 40px;
  42 }
  43
  44 .flexigrid div.bDiv table {
  45         margin-bottom: 10px;
  46 }
  47
  48 .flexigrid div.bDiv table.autoht {
  49         border-bottom: 0px;
  50         margin-bottom: 0px;
  51 }
  52
  53 .flexigrid div.nDiv td {
  54         padding: 2px 3px;
  55         border: 1px solid #eee;
  56         cursor: default;
  57 }
  58
  59 .flexigrid div.nDiv tr:hover td,.flexigrid div.nDiv tr.ndcolover td {
  60         background: #d5effc url(images/hl.png) repeat-x top;
  61         border: 1px solid #a8d8eb;
  62 }
  63
  64 .flexigrid div.nDiv td.ndcol1 {
  65         border-right: 1px solid #ccc;
  66 }
  67
  68 .flexigrid div.nDiv td.ndcol2 {
  69         border-left: 1px solid #fff;
  70         padding-right: 10px;
  71 }
  72
  73 .flexigrid div.nDiv tr:hover td.ndcol1,.flexigrid div.nDiv tr.ndcolover td.ndcol1
  74         {
  75         border-right: 1px solid #d2e3ec;
  76 }
  77
  78 .flexigrid div.nDiv tr:hover td.ndcol2,.flexigrid div.nDiv tr.ndcolover td.ndcol2
  79         {
  80         border-left: 1px solid #eef8ff;
  81 }
  82
  83 .flexigrid div.nBtn {
  84         position: absolute;
  85         height: 24px;
  86         width: 14px;
  87         z-index: 900;
  88         background: #fafafa url(images/fhbg.gif) repeat-x bottom;
  89         border: 0px solid #ccc;
  90         border-left: 1px solid #ccc;
  91         top: 0px;
  92         left: 0px;
  93         margin-top: 1px;
  94         cursor: pointer;
  95         display: none;
  96 }
  97
  98 .flexigrid div.nBtn div {
  99         height: 24px;
 100         width: 12px;
 101         border-left: 1px solid #fff;
 102         float: left;
 103         background: url(images/ddn.png) no-repeat center;
 104 }
 105
 106 .flexigrid div.nBtn.srtd {
 107         background: url(images/wbg.gif) repeat-x 0px -1px;
 108 }
 109
 110 .flexigrid div.mDiv {
 111         background: url(images/wbg.gif) repeat-x top;
 112         border: 1px solid #ccc;
 113         border-bottom: 0px;
 114         border-top: 0px;
 115         font-weight: bold;
 116         display: block;
 117         overflow: hidden;
 118         white-space: nowrap;
 119         position: relative;
 120 }
 121
 122 .flexigrid div.mDiv div {
 123         padding: 6px;
 124         white-space: nowrap;
 125 }
 126
 127 .flexigrid div.mDiv div.ptogtitle {
 128         position: absolute;
 129         top: 4px;
 130         right: 3px;
 131         padding: 0px;
 132         height: 16px;
 133         width: 16px;
 134         overflow: hidden;
 135         border: 1px solid #ccc;
 136         cursor: pointer;
 137 }
 138
 139 .flexigrid div.mDiv div.ptogtitle:hover {
 140         background-position: left -2px;
 141         border-color: #bbb;
 142 }
 143
 144 .flexigrid div.mDiv div.ptogtitle span {
 145         display: block;
 146         border-left: 1px solid #eee;
 147         border-top: 1px solid #fff;
 148         border-bottom: 1px solid #ddd;
 149         width: 14px;
 150         height: 14px;
 151         background: url(images/uup.png) no-repeat center;
 152 }
 153
 154 .flexigrid div.mDiv div.ptogtitle.vsble span {
 155         background: url(images/ddn.png) no-repeat center;
 156 }
 157
 158 .flexigrid div.tDiv /*toolbar*/ {
 159         background: #fafafa url(images/bg.gif) repeat-x top;
 160         position: relative;
 161         border: 1px solid #ccc;
 162         border-bottom: 0px;
 163         overflow: hidden;
 164 }
 165
 166 .flexigrid div.tDiv2 {
 167         float: left;
 168         clear: both;
 169         padding: 1px;
 170 }
 171
 172 .flexigrid div.sDiv /*toolbar*/ {
 173         background: #fafafa url(images/bg.gif) repeat-x top;
 174         position: relative;
 175         border: 1px solid #ccc;
 176         border-top: 0px;
 177         overflow: hidden;
 178         display: none;
 179 }
 180
 181 .flexigrid div.sDiv2 {
 182         float: left;
 183         clear: both;
 184         padding: 5px;
 185         padding-left: 5px;
 186         width: 1024px;
 187 }
 188
 189 .flexigrid div.sDiv2 input,.flexigrid div.sDiv2 select {
 190         vertical-align: middle;
 191 }
 192
 193 .flexigrid div.btnseparator {
 194         float: left;
 195         height: 22px;
 196         border-left: 1px solid #ccc;
 197         border-right: 1px solid #fff;
 198         margin: 1px;
 199 }
 200
 201 .flexigrid div.fbutton {
 202         float: left;
 203         display: block;
 204         cursor: pointer;
 205         padding: 1px;
 206 }
 207
 208 .flexigrid div.fbutton div {
 209         float: left;
 210         padding: 1px 3px;
 211 }
 212
 213 .flexigrid div.fbutton span {
 214         float: left;
 215         display: block;
 216         padding: 3px;
 217 }
 218
 219 .flexigrid div.fbutton:hover,.flexigrid div.fbutton.fbOver {
 220         padding: 0px;
 221         border: 1px solid #ccc;
 222 }
 223
 224 .flexigrid div.fbutton:hover div,.flexigrid div.fbutton.fbOver div {
 225         padding: 0px 2px;
 226         border-left: 1px solid #fff;
 227         border-top: 1px solid #fff;
 228         border-right: 1px solid #eee;
 229         border-bottom: 1px solid #eee;
 230 }
 231
 232 /* end toolbar*/
 233 .flexigrid div.hDiv {
 234         background: #fafafa url(images/fhbg.gif) repeat-x bottom;
 235         position: relative;
 236         border: 1px solid #ccc;
 237         border-bottom: 0px;
 238         overflow: hidden;
 239 }
 240
 241 .flexigrid div.hDiv table {
 242         border-right: 1px solid #fff;
 243 }
 244
 245 .flexigrid div.cDrag {
 246         float: left;
 247         position: absolute;
 248         z-index: 2;
 249         overflow: visible;
 250 }
 251
 252 .flexigrid div.cDrag div {
 253         float: left;
 254         background: none;
 255         display: block;
 256         position: absolute;
 257         height: 24px;
 258         width: 5px;
 259         cursor: col-resize;
 260 }
 261
 262 .flexigrid div.cDrag div:hover,.flexigrid div.cDrag div.dragging {
 263         background: url(images/line.gif) repeat-y 2px center;
 264 }
 265
 266 .flexigrid div.iDiv {
 267         border: 1px solid #316ac5;
 268         position: absolute;
 269         overflow: visible;
 270         background: none;
 271 }
 272
 273 .flexigrid div.iDiv input,.flexigrid div.iDiv select,.flexigrid div.iDiv textarea
 274         {
 275         font-family: Arial, Helvetica, sans-serif;
 276         font-size: 11px;
 277 }
 278
 279 .flexigrid div.iDiv input.tb {
 280         border: 0px;
 281         padding: 0px;
 282         width: 100%;
 283         height: 100%;
 284         padding: 0px;
 285         background: none;
 286 }
 287
 288 .flexigrid div.bDiv {
 289         border: 1px solid #ccc;
 290         border-top: 0px;
 291         background: #fff;
 292         overflow: auto;
 293         position: relative;
 294 }
 295
 296 .flexigrid div.bDiv table {
 297         border-bottom: 1px solid #ccc;
 298 }
 299
 300 .flexigrid div.hGrip {
 301         position: absolute;
 302         top: 0px;
 303         right: 0px;
 304         height: 5px;
 305         width: 5px;
 306         background: url(images/line.gif) repeat-x center;
 307         margin-right: 1px;
 308         cursor: col-resize;
 309 }
 310
 311 .flexigrid div.hGrip:hover,.flexigrid div.hGrip.hgOver {
 312         border-right: 1px solid #999;
 313         margin-right: 0px;
 314 }
 315
 316 .flexigrid div.vGrip {
 317         height: 5px;
 318         overflow: hidden;
 319         position: relative;
 320         background: #fafafa url(images/wbg.gif) repeat-x 0px -1px;
 321         border: 1px solid #ccc;
 322         border-top: 0px;
 323         text-align: center;
 324         cursor: row-resize;
 325 }
 326
 327 .flexigrid div.vGrip span {
 328         display: block;
 329         margin: 1px auto;
 330         width: 20px;
 331         height: 1px;
 332         overflow: hidden;
 333         border-top: 1px solid #aaa;
 334         border-bottom: 1px solid #aaa;
 335         background: none;
 336 }
 337
 338 .flexigrid div.hDiv th,.flexigrid  div.bDiv td
 339         /* common cell properties*/ {
 340         text-align: left;
 341         border-right: 1px solid #ddd;
 342         border-left: 1px solid #fff;
 343         overflow: hidden;
 344         vertical-align: top !important;
 345         padding-left: 0;
 346         padding-right: 0;
 347 }
 348
 349 .flexigrid div.hDiv th div,.flexigrid  div.bDiv td  div,div.colCopy div
 350         /* common inner cell properties*/ {
 351         padding: 5px;
 352         border-left: 0px solid #fff;
 353 }
 354
 355 .flexigrid div.hDiv th,div.colCopy {
 356         font-weight: normal;
 357         height: 24px;
 358         cursor: default;
 359         white-space: nowrap;
 360         overflow: hidden;
 361 }
 362
 363 div.colCopy {
 364         font-family: Arial, Helvetica, sans-serif;
 365         font-size: 11px;
 366         background: #fafafa url(images/fhbg.gif) repeat-x bottom;
 367         border: 1px solid #ccc;
 368         border-bottom: 0px;
 369         overflow: hidden;
 370 }
 371
 372 .flexigrid div.hDiv th.sorted {
 373         background: url(images/wbg.gif) repeat-x 0px -1px;
 374         border-bottom: 0px solid #ccc;
 375 }
 376
 377 .flexigrid div.hDiv th.thOver {
 378
 379 }
 380
 381 .flexigrid div.hDiv th.thOver div,.flexigrid div.hDiv th.sorted.thOver div
 382         {
 383         border-bottom: 1px solid orange;
 384         padding-bottom: 4px;
 385 }
 386
 387 .flexigrid div.hDiv th.sorted div {
 388         border-bottom: 0px solid #ccc;
 389         padding-bottom: 5px;
 390 }
 391
 392 .flexigrid div.hDiv th.thMove {
 393         background: #fff;
 394         color: #fff;
 395 }
 396
 397 .flexigrid div.hDiv th.sorted.thMove div {
 398         border-bottom: 1px solid #fff;
 399         padding-bottom: 4px
 400 }
 401
 402 .flexigrid div.hDiv th.thMove div {
 403         background: #fff !important;
 404 }
 405
 406 .flexigrid div.hDiv th div.sdesc {
 407         background: url(images/dn.png) no-repeat center top;
 408 }
 409
 410 .flexigrid div.hDiv th div.sasc {
 411         background: url(images/up.png) no-repeat center top;
 412 }
 413
 414 .flexigrid div.bDiv td {
 415         border-bottom: 1px solid #fff;
 416         vertical-align: top;
 417         white-space: nowrap;
 418 }
 419
 420 .flexigrid div.hDiv th div {
 421
 422 }
 423
 424 .flexigrid span.cdropleft {
 425         display: block;
 426         background: url(images/prev.gif) no-repeat -4px center;
 427         width: 24px;
 428         height: 24px;
 429         position: relative;
 430         top: -24px;
 431         margin-bottom: -24px;
 432         z-index: 3;
 433 }
 434
 435 .flexigrid div.hDiv span.cdropright {
 436         display: block;
 437         background: url(images/next.gif) no-repeat 12px center;
 438         width: 24px;
 439         height: 24px;
 440         float: right;
 441         position: relative;
 442         top: -24px;
 443         margin-bottom: -24px;
 444 }
 445
 446 .flexigrid div.bDiv td div {
 447         border-top: 0px solid #fff;
 448         padding-bottom: 4px;
 449 }
 450
 451 .flexigrid tr td.sorted {
 452         background: #f3f3f3;
 453         border-right: 1px solid #ddd;
 454         border-bottom: 1px solid #f3f3f3;
 455 }
 456
 457 .flexigrid tr td.sorted div {
 458
 459 }
 460
 461 .flexigrid tr.erow td {
 462         background: #f7f7f7;
 463         border-bottom: 1px solid #f7f7f7;
 464 }
 465
 466 .flexigrid tr.erow td.sorted {
 467         background: #e3e3e3;
 468         border-bottom: 1px solid #e3e3e3;
 469 }
 470
 471 .flexigrid tr.erow td.sorted div {
 472
 473 }
 474
 475 .flexigrid div.bDiv tr:hover td,.flexigrid div.bDiv tr:hover td.sorted,.flexigrid div.bDiv tr.trOver td.sorted,.flexigrid div.bDiv tr.trOver td
 476         {
 477         background: #d9ebf5;
 478         border-left: 1px solid #eef8ff;
 479         border-bottom: 1px dotted #a8d8eb;
 480 }
 481
 482 .flexigrid div.bDiv tr.trSelected:hover td,.flexigrid div.bDiv tr.trSelected:hover td.sorted,.flexigrid div.bDiv tr.trOver.trSelected td.sorted,.flexigrid div.bDiv tr.trOver.trSelected td,.flexigrid tr.trSelected td.sorted,.flexigrid tr.trSelected td
 483         {
 484         background: #d5effc url(images/hl.png) repeat-x top;
 485         border-right: 1px solid #d2e3ec;
 486         border-left: 1px solid #eef8ff;
 487         border-bottom: 1px solid #a8d8eb;
 488 }
 489
 490 /* novstripe adjustments */
 491 .flexigrid.novstripe .bDiv table {
 492         border-bottom: 1px solid #ccc;
 493         border-right: 1px solid #ccc;
 494 }
 495
 496 .flexigrid.novstripe  div.bDiv td {
 497         border-right-color: #fff;
 498 }
 499
 500 .flexigrid.novstripe div.bDiv tr.erow td.sorted {
 501         border-right-color: #e3e3e3;
 502 }
 503
 504 .flexigrid.novstripe div.bDiv tr td.sorted {
 505         border-right-color: #f3f3f3;
 506 }
 507
 508 .flexigrid.novstripe  div.bDiv tr.erow td {
 509         border-right-color: #f7f7f7;
 510         border-left-color: #f7f7f7;
 511 }
 512
 513 .flexigrid.novstripe div.bDiv tr.trSelected:hover td,.flexigrid.novstripe div.bDiv tr.trSelected:hover td.sorted,.flexigrid.novstripe div.bDiv tr.trOver.trSelected td.sorted,.flexigrid.novstripe div.bDiv tr.trOver.trSelected td,.flexigrid.novstripe tr.trSelected td.sorted,.flexigrid.novstripe tr.trSelected td
 514         {
 515         border-right: 1px solid #0066FF;
 516         border-left: 1px solid #0066FF;
 517 }
 518
 519 .flexigrid.novstripe div.bDiv tr.trOver td,.flexigrid.novstripe div.bDiv tr:hover td
 520         {
 521         border-left-color: #d9ebf5;
 522         border-right-color: #d9ebf5;
 523 }
 524
 525 /* end novstripe */
 526 .flexigrid div.pDiv {
 527         background: url(images/wbg.gif) repeat-x 0 -1px;
 528         border: 1px solid #ccc;
 529         border-top: 0px;
 530         overflow: hidden;
 531         white-space: nowrap;
 532         position: relative;
 533 }
 534
 535 .flexigrid div.pDiv div.pDiv2 {
 536         margin: 3px;
 537         margin-left: -2px;
 538         float: left;
 539         width: 1024px;
 540 }
 541
 542 div.pGroup {
 543         float: left;
 544         background: none;
 545         height: 24px;
 546         margin: 0px 5px;
 547 }
 548
 549 .flexigrid div.pDiv .pPageStat,.flexigrid div.pDiv .pcontrol {
 550         position: relative;
 551         top: 5px;
 552         overflow: visible;
 553 }
 554
 555 .flexigrid div.pDiv input {
 556         vertical-align: text-top;
 557         position: relative;
 558         top: -5px;
 559         margin: 3px;
 560 }
 561
 562 .flexigrid div.pDiv select {
 563         margin: 3px;
 564 }
 565
 566 .flexigrid div.pDiv  div.pButton {
 567         float: left;
 568         width: 22px;
 569         height: 22px;
 570         border: 0px;
 571         cursor: pointer;
 572         overflow: hidden;
 573 }
 574
 575 .flexigrid div.pDiv  div.pButton:hover,.flexigrid div.pDiv  div.pButton.pBtnOver
 576         {
 577         width: 20px;
 578         height: 20px;
 579         border: 1px solid #ccc;
 580         cursor: pointer;
 581 }
 582
 583 .flexigrid div.pDiv  div.pButton span {
 584         width: 20px;
 585         height: 20px;
 586         display: block;
 587         float: left;
 588 }
 589
 590 .flexigrid div.pDiv  div.pButton:hover span,.flexigrid div.pDiv  div.pButton.pBtnOver span
 591         {
 592         width: 19px;
 593         height: 19px;
 594         border-top: 1px solid #fff;
 595         border-left: 1px solid #fff;
 596 }
 597
 598 .flexigrid .pSearch {
 599         background: url(images/magnifier.png) no-repeat center;
 600 }
 601
 602 .flexigrid .pFirst {
 603         background: url(images/first.gif) no-repeat center;
 604 }
 605
 606 .flexigrid .pPrev {
 607         background: url(images/prev.gif) no-repeat center;
 608 }
 609
 610 .flexigrid .pNext {
 611         background: url(images/next.gif) no-repeat center;
 612 }
 613
 614 .flexigrid .pLast {
 615         background: url(images/last.gif) no-repeat center;
 616 }
 617
 618 .flexigrid .pReload {
 619         background: url(images/load.png) no-repeat center;
 620 }
 621
 622 .flexigrid .pReload.loading {
 623         background: url(images/load.gif) no-repeat center;
 624 }
 625
 626 /* ie adjustments */
 627 .flexigrid.ie div.hDiv th div,.flexigrid.ie  div.bDiv td  div,div.colCopy.ie div
 628         /* common inner cell properties*/ {
 629         overflow: hidden;
 630 }