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

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