css/design40/less/jquery-ui.less

   1 /* ------------------------------------------------------------- */
   2 /* JQUERY UI (jquery-ui.less)                                    */
   3 /* ------------------------------------------------------------- */
   4
   5
   6 // ----------------------------------------------------------------------------
   7 //
   8 // jQuery UI (Version 1.10.3 / 2014-01-14 / http://jqueryui.com)
   9 //
  10 // ----------------------------------------------------------------------------
  11 // DESCRIPTION:
  12 // Includes...
  13 // - jquery.ui.core.css
  14 // - jquery.ui.resizable.css
  15 // - jquery.ui.selectable.css
  16 // - jquery.ui.accordion.css
  17 // - jquery.ui.autocomplete.css
  18 // - jquery.ui.button.css
  19 // - jquery.ui.datepicker.css
  20 // - jquery.ui.dialog.css
  21 // - jquery.ui.menu.css
  22 // - jquery.ui.progressbar.css
  23 // - jquery.ui.slider.css
  24 // - jquery.ui.spinner.css
  25 // - jquery.ui.tabs.css
  26 // - jquery.ui.tooltip.css
  27 // - jquery.ui.theme.css
  28 //
  29 // To view and modify this theme, visit:
  30 // http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
  31 //
  32 // Copyright 2014 jQuery Foundation and other contributors; Licensed MIT
  33 //
  34 //
  35 // CONTENTS:
  36 // - LAYOUT HELPERS
  37 // - INTERACTION CUES (Addition?)
  38 // - ICONS
  39 // - MISC VISUALS
  40 // - RESIZABLE
  41 // - ACCORDION
  42 // - AUTOCOMPLETE
  43 // - UI-BUTTON
  44 // - DATEPICKER
  45 // - UI-DIALOG
  46 // - UI-MENU
  47 // - PROGRESSBAR
  48 // - SLIDER
  49 // - UI-SPINNER
  50 // - UI-TABS
  51 // - UI-TOOLTIP
  52 // - COMPONENT CONTAINERS (UI-WIDGET)
  53 // - INTERACTION STATES (UI-STATE)
  54 // - INTERACTION CUES (UI-STATE)
  55 // - ICONS
  56 //   - STATES AND IMAGES
  57 //   - POSITIONING
  58 // - MISC VISUALS
  59 //   - CORNER RADIUS (UI-CORNER)
  60 //   - OVERLAYS (UI-Widget-Overlay/-Shadow)
  61 // ----------------------------------------------------------------------------
  62
  63
  64 // --------------------------------------
  65 // LAYOUT HELPERS
  66 // --------------------------------------
  67
  68 .ui-helper-hidden {
  69   display: none;
  70 }
  71 .ui-helper-hidden-accessible {
  72   border: 0;
  73   clip: rect(0 0 0 0);
  74   height: 1px;
  75   margin: -1px;
  76   overflow: hidden;
  77   padding: 0;
  78   position: absolute;
  79   width: 1px;
  80 }
  81 .ui-helper-reset {
  82   margin: 0;
  83   padding: 0;
  84   border: 0;
  85   outline: 0;
  86   line-height: 1.3;
  87   text-decoration: none;
  88   font-size: @font-size-base;
  89   list-style: none;
  90 }
  91 .ui-helper-clearfix:before,
  92 .ui-helper-clearfix:after {
  93   content: "";
  94   display: table;
  95   border-collapse: collapse;
  96 }
  97 .ui-helper-clearfix:after {
  98   clear: both;
  99 }
 100 .ui-helper-clearfix {
 101   min-height: 0; //  support: IE7
 102 }
 103 .ui-helper-zfix {
 104   width: 100%;
 105   height: 100%;
 106   top: 0;
 107   left: 0;
 108   position: absolute;
 109   opacity: 0;
 110   //filter:Alpha(Opacity=0); // PENDENT: abklaeren
 111 }
 112
 113 .ui-front {
 114   z-index: 100;
 115 }
 116
 117
 118
 119 // --------------------------------------
 120 // INTERACTION CUES
 121 // --------------------------------------
 122
 123 .ui-state-disabled {
 124   cursor: default !important;
 125 }
 126
 127
 128
 129 // --------------------------------------
 130 // ICONS
 131 // --------------------------------------
 132 // states and images
 133
 134 .ui-icon {
 135   display: block;
 136   text-indent: -99999px;
 137   overflow: hidden;
 138   background-repeat: no-repeat;
 139 }
 140
 141
 142
 143 // ----------------------------------
 144 // MISC VISUALS
 145 // ----------------------------------
 146 //  Overlays
 147 .ui-widget-overlay {
 148   position: fixed;
 149   top: 0;
 150   left: 0;
 151   width: 100%;
 152   height: 100%;
 153 }
 154
 155
 156
 157 // --------------------------------------
 158 // RESIZABLE
 159 // --------------------------------------
 160
 161 .ui-resizable {
 162   position: relative;
 163 }
 164 .ui-resizable-handle {
 165   position: absolute;
 166   font-size: 0.1px;
 167   display: block;
 168 }
 169 .ui-resizable-disabled .ui-resizable-handle,
 170 .ui-resizable-autohide .ui-resizable-handle {
 171   display: none;
 172 }
 173 .ui-resizable-n {
 174   cursor: n-resize;
 175   height: 7px;
 176   width: 100%;
 177   top: -5px;
 178   left: 0;
 179 }
 180 .ui-resizable-s {
 181   cursor: s-resize;
 182   height: 7px;
 183   width: 100%;
 184   bottom: -5px;
 185   left: 0;
 186 }
 187 .ui-resizable-e {
 188   cursor: e-resize;
 189   width: 7px;
 190   right: -5px;
 191   top: 0;
 192   height: 100%;
 193 }
 194 .ui-resizable-w {
 195   cursor: w-resize;
 196   width: 7px;
 197   left: -5px;
 198   top: 0;
 199   height: 100%;
 200 }
 201 .ui-resizable-se {
 202   cursor: se-resize;
 203   width: 12px;
 204   height: 12px;
 205   right: 1px;
 206   bottom: 1px;
 207 }
 208 .ui-resizable-sw {
 209   cursor: sw-resize;
 210   width: 9px;
 211   height: 9px;
 212   left: -5px;
 213   bottom: -5px;
 214 }
 215 .ui-resizable-nw {
 216   cursor: nw-resize;
 217   width: 9px;
 218   height: 9px;
 219   left: -5px;
 220   top: -5px;
 221 }
 222 .ui-resizable-ne {
 223   cursor: ne-resize;
 224   width: 9px;
 225   height: 9px;
 226   right: -5px;
 227   top: -5px;
 228 }
 229 .ui-selectable-helper {
 230   position: absolute;
 231   z-index: 100;
 232   border: 1px dotted black;
 233 }
 234
 235
 236
 237 // --------------------------------------
 238 // ACCORDION
 239 // --------------------------------------
 240
 241 .ui-accordion {
 242
 243   .ui-accordion-header {
 244     display: block;
 245     cursor: pointer;
 246     position: relative;
 247     margin-top: 2px;
 248     padding: .5em .5em .5em .7em;
 249     min-height: 0; //  support: IE7
 250
 251     .ui-accordion-header-icon {
 252       position: absolute;
 253       left: .5em;
 254       top: 50%;
 255       margin-top: -8px;
 256     }
 257   } // /.ui-accordion-header
 258
 259   .ui-accordion-content {
 260     padding: 1em 2.2em;
 261     border-top: 0;
 262     overflow: auto;
 263   }
 264
 265   .ui-accordion-icons {
 266     padding-left: 2.2em;
 267     .ui-accordion-icons { padding-left: 2.2em; }
 268   }
 269   .ui-accordion-noicons { padding-left: .7em; }
 270
 271 } // /.ui-accordion
 272
 273
 274
 275
 276 // --------------------------------------
 277 // AUTOCOMPLETE
 278 // --------------------------------------
 279
 280 .ui-autocomplete {
 281   position: absolute;
 282   top: 0;
 283   left: 0;
 284   cursor: default;
 285   z-index: 9000 ;
 286
 287   .ui-menu-item {
 288     a {
 289       &:hover{
 290          background-color: @base-dark;
 291          color: #fff ;
 292       }
 293     }
 294   }
 295   li{
 296     a{
 297       display: block ;
 298       font-size: 80% ;
 299       padding-top: 0.4em !important;
 300       padding-bottom: 0.4em !important;
 301       &:hover{
 302         background-color: #C9C9C9;
 303         border: none ;
 304         color: #000 ;
 305       }
 306     }
 307   }
 308 }
 309
 310
 311
 312
 313
 314
 315 // --------------------------------------
 316 // UI-BUTTON
 317 // --------------------------------------
 318
 319 .ui-button {
 320   display: inline-block;
 321   position: relative;
 322   padding: 0;
 323   line-height: normal;
 324   margin-right: .1em;
 325   cursor: pointer;
 326   vertical-align: middle;
 327   text-align: center;
 328   overflow: visible; //  removes extra width in IE
 329
 330   &:link,
 331   &:visited,
 332   &:hover,
 333   &:active {
 334     text-decoration: none;
 335   }
 336 }
 337
 338 //  to make room for the icon, a width needs to be set here
 339 .ui-button-icon-only {
 340   width: 2.2em;
 341 }
 342 //  button elements seem to need a little more width
 343 button.ui-button-icon-only {
 344   width: 2.4em;
 345 }
 346 .ui-button-icons-only {
 347   width: 3.4em;
 348 }
 349 button.ui-button-icons-only {
 350   width: 3.7em;
 351 }
 352 //  button text element
 353 .ui-button .ui-button-text {
 354   display: block;
 355   line-height: normal;
 356 }
 357 .ui-button-text-only .ui-button-text {
 358   padding: .4em 1em;
 359 }
 360 .ui-button-icon-only .ui-button-text,
 361 .ui-button-icons-only .ui-button-text {
 362   padding: .4em;
 363   text-indent: -9999999px;
 364 }
 365 .ui-button-text-icon-primary .ui-button-text,
 366 .ui-button-text-icons .ui-button-text {
 367   padding: .4em 1em .4em 2.1em;
 368 }
 369 .ui-button-text-icon-secondary .ui-button-text,
 370 .ui-button-text-icons .ui-button-text {
 371   padding: .4em 2.1em .4em 1em;
 372 }
 373 .ui-button-text-icons .ui-button-text {
 374   padding-left: 2.1em;
 375   padding-right: 2.1em;
 376 }
 377 //  no icon support for input elements, provide padding by default
 378 input.ui-button {
 379   padding: .4em 1em;
 380 }
 381
 382 //  button icon element(s)
 383 .ui-button-icon-only .ui-icon,
 384 .ui-button-text-icon-primary .ui-icon,
 385 .ui-button-text-icon-secondary .ui-icon,
 386 .ui-button-text-icons .ui-icon,
 387 .ui-button-icons-only .ui-icon {
 388   position: absolute;
 389   top: 50%;
 390   margin-top: -8px;
 391 }
 392 .ui-button-icon-only .ui-icon {
 393   left: 50%;
 394   margin-left: -8px;
 395 }
 396 .ui-button-text-icon-primary .ui-button-icon-primary,
 397 .ui-button-text-icons .ui-button-icon-primary,
 398 .ui-button-icons-only .ui-button-icon-primary {
 399   left: .5em;
 400 }
 401 .ui-button-text-icon-secondary .ui-button-icon-secondary,
 402 .ui-button-text-icons .ui-button-icon-secondary,
 403 .ui-button-icons-only .ui-button-icon-secondary {
 404   right: .5em;
 405 }
 406
 407 //  button sets
 408 .ui-buttonset {
 409   margin-right: 7px;
 410 }
 411 .ui-buttonset .ui-button {
 412   margin-left: 0;
 413   margin-right: -.3em;
 414 }
 415
 416 //  workarounds
 417 //  reset extra padding in Firefox, see h5bp.com/l
 418 input.ui-button::-moz-focus-inner,
 419 button.ui-button::-moz-focus-inner {
 420   border: 0;
 421   padding: 0;
 422 }
 423
 424
 425
 426
 427 // --------------------------------------
 428 // DATEPICKER
 429 // --------------------------------------
 430
 431 .ui-datepicker {
 432   width:             17em;
 433   padding:           .2em .2em 0;
 434   display:           none;
 435   &.ui-widget-content{
 436     background-color: @jquery_datepicker-bg-color;
 437     border: @controlpanel-border ;
 438   }
 439
 440
 441   // -----------------------
 442   // Header with Select-Elements
 443   // -----------------------
 444   .ui-datepicker-header {
 445     position:       relative;
 446     padding:         0.2em 0;
 447
 448     &.ui-datepicker-prev,
 449     &.ui-datepicker-next {
 450       position:     absolute;
 451       top:           2px;
 452       width:         1.8em;
 453       height:       1.8em;
 454
 455       &-hover { top: 1px; }
 456
 457       span {
 458         display:       block;
 459         position:     absolute;
 460         left:         50%;
 461         margin-left: -8px;
 462         top:           50%;
 463         margin-top:  -8px;
 464       }
 465     }
 466     .ui-datepicker-prev {
 467       float:           left;
 468       left:           2px;
 469       &-hover { left: 1px; background-position: 25% 25% ; }
 470     }
 471     .ui-datepicker-next {
 472       float:           right ;
 473       right:           2px;
 474       &-hover { right: 1px; background-position: 25% 25% ; }
 475     }
 476
 477     .ui-datepicker-title {
 478       margin:       0 2.3em;
 479       line-height:   1.8em;
 480       text-align:   center;
 481
 482       select {
 483         margin:     1px 0;
 484         &.ui-datepicker-month{ margin-right: 0.2em ; }
 485       }
 486     }
 487
 488     select.ui-datepicker-month-year {
 489       width: 100%;
 490     }
 491     select.ui-datepicker-month,
 492     select.ui-datepicker-year {
 493       width: 49%;
 494     }
 495
 496     &.ui-corner-all{
 497       cursor: pointer ;
 498       &.ui-state-hover {
 499         border: none !important ;
 500         curser: pointer ;
 501       }
 502     }
 503
 504     &.ui-widget-header {
 505       .ui-icon {
 506         background-image: url(ui-lightne../../images/ui-icons_222222_256x240.png);
 507       }
 508       .ui-state-hover{
 509         .ui-icon{
 510           background-image: url(ui-lightne../../images/ui-icons_ef8c08_256x240.png);
 511           //background: #ffffff;
 512         }
 513       }
 514     }
 515   } // /.ui-datepicker-header
 516
 517
 518   // -----------------------
 519   // Table with Calendar
 520   // -----------------------
 521   table {
 522     width:             100%;
 523     font-size:         @font-size-smaller;
 524     border-collapse:   collapse;
 525     margin:           0 0 0.4em;
 526
 527     th {
 528       padding:         0.7em 0.3em;
 529       text-align:     center;
 530       font-weight:     bold;
 531       border:         0;
 532     }
 533     td {
 534       border:         0;
 535       padding:         1px;
 536
 537       span,
 538       a {
 539         display:           block;
 540         padding:           0.2em;
 541         text-align:       right;
 542         text-decoration:   none;
 543       }
 544       a.ui-state-hover{
 545         color: #ffffff ;
 546         background-color: @base-darker;
 547       }
 548     }
 549
 550     &.ui-datepicker-calendar {
 551       // current date
 552       .ui-state-highlight{
 553         color: #ffffff ;
 554         background-color: @base-darker;
 555         border: 1px @gray-standard solid
 556       }
 557       // Days
 558       td a {
 559         &.ui-state-default { color: @base-dark; }
 560         &.ui-state-hover {
 561           color: #ffffff ;
 562           background-color: #000000;
 563           border: #000000 ;
 564         }
 565         &.ui-state-active {
 566           border: 1px solid @base-dark;
 567           background-color: @base-dark;
 568           color: @base-verylight;
 569         }
 570       } // /td
 571     }    // /.ui-datepicker-calendar
 572   }  // /table
 573
 574   .ui-datepicker-buttonpane {
 575     background-image:   none;
 576     margin:             0.7em 0 0 0;
 577     padding:             0 0.2em;
 578     border-left:         0;
 579     border-right:       0;
 580     border-bottom:       0;
 581
 582     button {
 583       float:       right;
 584       margin:     .5em .2em .4em;
 585       cursor:     pointer;
 586       padding:     .2em .6em .3em .6em;
 587       width:       auto;
 588       overflow:   visible;
 589
 590       &.ui-datepicker-current {
 591         float:     left;
 592       }
 593       &.ui-datepicker-current,
 594       &.ui-datepicker-close {
 595         .mx-button-neutral ;
 596         font-weight: normal ;
 597       }
 598
 599
 600
 601     }
 602   }  // /.ui-datepicker-buttonpane
 603
 604
 605   // -----------------------
 606   // Multiple Calendars
 607   // -----------------------
 608   //  with multiple calendars
 609   &.ui-datepicker-multi {
 610     width: auto;
 611     .ui-datepicker-group {
 612       float: left;
 613       table {
 614         width:   95%;
 615         margin: 0 auto .4em;
 616       }
 617     }
 618     .ui-datepicker-group-last,
 619     .ui-datepicker-group-middle {
 620        .ui-datepicker-header{ border-left-width: 0; }
 621     }
 622     .ui-datepicker-buttonpane { clear: left; }
 623   }  // .&.ui-datepicker-multi
 624
 625 } // /.ui-datepicker
 626
 627 //  Date picker with multiple calendars
 628 .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
 629 .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
 630 .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
 631 //
 632 .ui-datepicker-row-break {
 633   clear: both;
 634   width: 100%;
 635   font-size: 0;
 636 }
 637
 638 // -----------------------
 639 // Calendar symbol
 640 // -----------------------
 641 img.ui-datepicker-trigger{
 642   vertical-align: middle;
 643   margin-left: 0.2em ;
 644 }
 645
 646
 647
 648 //  RTL support properties removed
 649
 650
 651
 652
 653
 654
 655 // --------------------------------------
 656 // UI-DIALOG
 657 // --------------------------------------
 658
 659 .ui-dialog {
 660   z-index:         8001 ;
 661   position:       absolute;
 662   top:             0;
 663   left:           0;
 664   outline:         0;
 665   border:         @controlpanel-border ; // Custom
 666   border-radius:   @controlpanel-radius;
 667   //color:           #333333;
 668
 669   .ui-dialog-titlebar {
 670     padding:          0.4em 1.0em;
 671     border:           none;
 672     background-color: @base-h1-bg !important;
 673     color:            @base-h1-color !important;
 674     font-weight:      normal;
 675     position:         relative;
 676     text-align:       left;
 677     font-size:        @h3-size;
 678
 679     .ui-dialog-title {
 680       float:          left;
 681       white-space:    nowrap;
 682       overflow:       hidden;
 683       text-overflow:  ellipsis;
 684       display:        block;
 685     }
 686
 687     .ui-dialog-titlebar-close {
 688       position:     absolute;
 689       right:        0.3em;
 690       //top:        50%;
 691       top:           0;
 692       width:        21px;
 693       //margin:     10px 0 0 0;
 694       margin:       5px 0 0 0;
 695       padding:      1px;
 696       height:       20px;
 697 //      background: #bbb !important;
 698     }
 699   } // /.ui-dialog-titlebar
 700
 701   .ui-dialog-content {
 702     position:         relative;
 703     border:           0;
 704     padding:           0.5em 1em;
 705     background-color: @jquery_ui_dialog-bg-color !important;
 706     background:       @jquery_ui_dialog-bg-style !important;
 707     overflow:         auto;
 708   }
 709   .wrapper {
 710     margin: 0 ;
 711   }
 712
 713   .ui-dialog-buttonpane {
 714     text-align:       left;
 715     border-width:     1px 0 0 0;
 716     background-image: none;
 717     margin-top:       0.5em;
 718     padding:           0.3em 1em 0.5em 0.4em;
 719
 720     .ui-dialog-buttonset {
 721       float:           right;
 722     }
 723
 724     button {
 725       margin: .5em .4em .5em 0;
 726       cursor: pointer;
 727     }
 728   }
 729   // /.ui-dialog-buttonpane
 730
 731   .ui-resizable-se {
 732     width: 12px;
 733     height: 12px;
 734     right: -5px;
 735     bottom: -5px;
 736     background-position: 16px 16px;
 737   }
 738
 739 //  .ui-widget-header {
 740 //    button.ui-dialog-titlebar-close {
 741 //      right: 0.3em;
 742 //      top: 0;
 743 //      width: 21px;
 744 //      margin: 5px 0 0 0;
 745 //    }
 746 //  }
 747
 748   &.ui-draggable .ui-dialog-titlebar {
 749     cursor: move;
 750   }
 751
 752 } // /.ui-dialog
 753
 754
 755
 756
 757 // --------------------------------------
 758 // UI-MENU
 759 // --------------------------------------
 760
 761 .ui-menu {
 762   list-style: none;
 763   padding: 2px;
 764   margin: 0;
 765   display: block;
 766   outline: none;
 767   display: inline-table ;
 768   border-collapse: collapse ;
 769
 770   &.ui-widget-content {
 771     border: 1px @_menu_border_color solid ;
 772   }
 773
 774   .ui-menu-item {
 775     margin: 0;
 776     padding: 0;
 777     width: 100%;
 778     background-color: @base-lighter;
 779     color: @base-darker;  // improved contrast
 780     border-bottom: 1px @_menu_border_color solid ;
 781
 782     a {
 783       text-decoration: none;
 784       display: block;
 785       padding: 2px .4em;
 786       line-height: 1.5;
 787       min-height: 0; //  support: IE7
 788       font-weight: normal;
 789       border: 0 ;
 790       background: none ;
 791       border: 0 ;
 792
 793       &.ui-state-focus,
 794       &.ui-state-active {
 795         font-weight: normal;
 796         margin: -1px;
 797       }
 798     }
 799   } // /.ui-menu-item
 800
 801   .ui-menu-divider {
 802     margin: 5px -2px 5px -2px;
 803     height: 0;
 804     font-size: 0;
 805     line-height: 0;
 806     border-width: 1px 0 0 0;
 807   }
 808
 809   .ui-state-disabled {
 810     font-weight: normal;
 811     margin: .4em 0 .2em;
 812     line-height: 1.5;
 813     a { cursor: default; }
 814   }
 815
 816   // ui-menu within a ui-menu
 817   .ui-menu {
 818     margin-top: -3px;
 819     position: absolute;
 820   }
 821
 822   //  icon support
 823   &.ui-menu-icons {
 824     position: relative;
 825
 826     .ui-menu-item a {
 827       position: relative;
 828       padding-left: 2em;
 829     }
 830   }
 831
 832   //  left-aligned
 833   .ui-icon {
 834     position: absolute;
 835     top: .2em;
 836     left: .2em;
 837   }
 838   //  right-aligned
 839   .ui-menu-icon {
 840     position: static;
 841     float: right;
 842   }
 843
 844 } // /.ui-menu
 845
 846
 847
 848 // --------------------------------------
 849 // CONTEXT MENU
 850 // --------------------------------------
 851
 852 // -----------------------
 853 // Context Menu List
 854 // -----------------------
 855 ul.context-menu-list{
 856   margin:             0;
 857   padding:            0;
 858   min-width:          120px;
 859   max-width:          250px;
 860   display:            inline-block;
 861   position:           absolute;
 862   list-style-type:    none;
 863   border:             1px solid #DDD;
 864   background:         #EEE;
 865
 866   -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
 867      -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
 868       -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
 869        -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
 870           box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
 871
 872   //font-family: Verdana, Arial, Helvetica, sans-serif;
 873   //font-size: 11px;
 874
 875   &.context-menu-root {}
 876
 877
 878         // -----------------------
 879         // Context Menu Item
 880         // -----------------------
 881   li.context-menu-item {
 882     padding:              2px 2px 2px 24px;
 883     background-color:     #EEE;
 884     position:             relative;
 885     -webkit-user-select:  none;
 886        -moz-user-select:  -moz-none;
 887         -ms-user-select:  none;
 888             user-select:  none;
 889
 890     // Header within the menu
 891     &.context-menu-heading {
 892       text-decoration: underline;
 893       font-weight: bold;
 894     }
 895
 896     // States
 897     &.hover {
 898       cursor: pointer;
 899       background-color: #39F;
 900
 901       & > .context-menu-list {
 902         display: block ;
 903       }
 904     }
 905     &.disabled { color: #666; }
 906     &.hover,
 907     &.disabled.hover {
 908         cursor: default ;
 909         background-color: #EEE ;
 910     }
 911
 912
 913
 914     // -----------------------
 915     // Icons in Menu Item
 916     // -----------------------
 917     .icon {
 918       // Original code
 919       min-height:           18px;
 920       background-repeat:    no-repeat;
 921       background-position:  4px 2px;
 922
 923       // Original Code (but now disabled)
 924       // &.icon-edit   { background-image: url(../../image/jquery.contextMenu/page_white_edit.png)  ; }
 925       // &.icon-cut    { background-image: url(../../image/jquery.contextMenu/cut.png)              ; }
 926       // &.icon-copy   { background-image: url(../../image/jquery.contextMenu/page_white_copy.png)  ; }
 927       // &.icon-paste  { background-image: url(../../image/jquery.contextMenu/page_white_paste.png) ; }
 928       // &.icon-delete { background-image: url(../../image/jquery.contextMenu/page_white_delete.png); }
 929       // &.icon-add    { background-image: url(../../image/jquery.contextMenu/page_white_add.png)   ; }
 930       // &.icon-quit   { background-image: url(../../image/jquery.contextMenu/door.png)             ; }
 931
 932       // All Icons are listed here
 933       &.icon-add      {  }
 934       &.icon-edit     {  }
 935       &.icon-delete   {  }
 936       &.icon-flag     {  }
 937       &.icon-copy     {  }
 938       &.icon-paste    {  }
 939       &.icon-pdf      {  }
 940       &.icon-new      {  }
 941       &.icon-renumber {  }
 942     }
 943
 944     span {}
 945
 946     &.context-menu-separator {
 947       padding-bottom:0;
 948       border-bottom: 1px solid #DDD;
 949
 950       &.not-selectable {}
 951     }
 952
 953     // Item has submenu
 954     &.context-menu-submenu:after {
 955       content: ">";
 956       color: #666;
 957       position: absolute;
 958       top: 0;
 959       right: 3px;
 960       z-index: 1;
 961     }
 962
 963     // Submenu-List
 964     & > .context-menu-list {
 965       display: none;
 966       /* re-positioned by js */
 967       right: -5px;
 968       top: 5px;
 969     }
 970
 971     .context-menu-accesskey {
 972         text-decoration: underline;
 973     }
 974
 975
 976     & > label > input,
 977     & > label > textarea {
 978       -webkit-user-select: text;
 979          -moz-user-select: text;
 980           -ms-user-select: text;
 981               user-select: text;
 982     }
 983
 984
 985   } // /li.context-menu-item
 986
 987
 988
 989         // -----------------------
 990         // Context Menu Input
 991         // -----------------------
 992
 993   .context-menu-input {
 994     /* vertically align inside labels */
 995     & > label > * { vertical-align: top; }
 996
 997     /* position checkboxes and radios as icons */
 998     & > label > input[type="checkbox"],
 999     & > label > input[type="radio"] {  margin-left: -17px; }
1000     & > label,
1001     & > label > input[type="text"],
1002     & > label > textarea,
1003     & > label > select {
1004       display: block;
1005       width: 100%;
1006       -webkit-box-sizing: border-box;
1007          -moz-box-sizing: border-box;
1008           -ms-box-sizing: border-box;
1009            -o-box-sizing: border-box;
1010               box-sizing: border-box;
1011     }
1012
1013     & > label > span {  margin-left: 5px ; }
1014     & > label > textarea { height: 100px; }
1015
1016   } // /.context-menu-input
1017
1018
1019 } // /ul.context-menu-list
1020
1021
1022
1023
1024
1025 // --------------------------------------
1026 // PROGRESSBAR
1027 // --------------------------------------
1028
1029 .ui-progressbar {
1030   height: 2em;
1031   text-align: left;
1032   overflow: hidden;
1033
1034   .ui-progressbar-value {
1035     margin: -1px;
1036     height: 100%;
1037   }
1038   .ui-progressbar-overlay {
1039     background: url("ui-lightne../../images/animated-overlay.gif");
1040     height: 100%;
1041     filter: alpha(opacity=25);
1042     opacity: 0.25;
1043   }
1044   .ui-progressbar-indeterminate .ui-progressbar-value {
1045     background-image: none;
1046   }
1047 } // /.ui-progressbar
1048
1049
1050
1051
1052
1053 // --------------------------------------
1054 // SLIDER
1055 // --------------------------------------
1056
1057 .ui-slider {
1058   position: relative;
1059   text-align: left;
1060
1061   .ui-slider-handle {
1062     position: absolute;
1063     z-index: 2;
1064     width: 1.2em;
1065     height: 1.2em;
1066     cursor: default;
1067   }
1068
1069   .ui-slider-range {
1070     position: absolute;
1071     z-index: 1;
1072     //font-size: @font-size-smaller;
1073     display: block;
1074     border: 0;
1075     background-position: 0 0;
1076   }
1077
1078   //  For IE8 - See #6727
1079   &.ui-state-disabled .ui-slider-handle,
1080   &.ui-state-disabled .ui-slider-range {
1081     filter: inherit;
1082   }
1083 } // /.ui-slider
1084
1085 .ui-slider-horizontal {
1086   height: .8em;
1087
1088   .ui-slider-handle {
1089     top: -.3em;
1090     margin-left: -.6em;
1091   }
1092   .ui-slider-range {
1093     top: 0;
1094     height: 100%;
1095   }
1096   .ui-slider-range-min { left: 0;  }
1097   .ui-slider-range-max { right: 0; }
1098 }// /.ui-slider-horizontal
1099
1100 .ui-slider-vertical {
1101   width: .8em;
1102   height: 100px;
1103
1104   .ui-slider-handle {
1105     left: -.3em;
1106     margin-left: 0;
1107     margin-bottom: -.6em;
1108   }
1109   .ui-slider-range {
1110     left: 0;
1111     width: 100%;
1112   }
1113   .ui-slider-range-min {
1114     bottom: 0;
1115   }
1116   .ui-slider-range-max {
1117     top: 0;
1118   }
1119
1120
1121 } // /.ui-slider-vertical
1122
1123
1124
1125
1126 // --------------------------------------
1127 // UI-SPINNER
1128 // --------------------------------------
1129
1130 .ui-spinner {
1131   position: relative;
1132   display: inline-block;
1133   overflow: hidden;
1134   padding: 0;
1135   vertical-align: middle;
1136
1137   .ui-spinner-input {
1138     border: none;
1139     background: none;
1140     color: inherit;
1141     padding: 0;
1142     margin: .2em 0;
1143     vertical-align: middle;
1144     margin-left: .4em;
1145     margin-right: 22px;
1146   }
1147   .ui-spinner-button {
1148     width: 16px;
1149     height: 50%;
1150     //font-size: @font-size-smaller;
1151     padding: 0;
1152     margin: 0;
1153     text-align: center;
1154     position: absolute;
1155     cursor: default;
1156     display: block;
1157     overflow: hidden;
1158     right: 0;
1159   }
1160   //  more specificity required here to overide default borders
1161   a.ui-spinner-button {
1162     border-top: none;
1163     border-bottom: none;
1164     border-right: none;
1165   }
1166   //  vertical centre icon
1167   .ui-icon {
1168     position: absolute;
1169     margin-top: -8px;
1170     top: 50%;
1171     left: 0;
1172   }
1173   .ui-spinner-up   { top: 0; }
1174   .ui-spinner-down { bottom: 0; }
1175
1176   //  TR overrides
1177   .ui-spinner .ui-icon-triangle-1-s {
1178     //  need to fix icons sprite
1179     background-position: -65px -16px;
1180   }
1181 } // /.ui-spinner
1182
1183
1184
1185
1186 // --------------------------------------
1187 // UI-TABS
1188 // --------------------------------------
1189
1190 .ui-tabs {
1191   // position: relative prevents IE scroll bug
1192   // (element with position: relative inside container with overflow:
1193   // auto appear as "fixed")
1194   position: relative;
1195   padding: .2em;
1196
1197   .ui-tabs-nav {
1198     margin: 0;
1199     padding: .2em .2em 0;
1200
1201     li {
1202       list-style: none;
1203       float: left;
1204       position: relative;
1205       top: 0;
1206       margin: 1px .2em 0 0;
1207       border-bottom-width: 0;
1208       padding: 0;
1209       white-space: nowrap;
1210
1211       a {
1212         float: left;
1213         padding: .5em 1em;
1214         text-decoration: none;
1215         cursor: pointer;
1216       }
1217
1218       .ui-tabs-active {
1219         margin-bottom: -1px;
1220         padding-bottom: 1px;
1221       }
1222       .ui-tabs-active,
1223       .ui-state-disabled,
1224       .ui-tabs-loading {
1225         a {
1226           cursor: text;
1227           outline: 0 ; // hps: gepunketen Rahmen nach Klick ausblenden
1228         }
1229       }
1230
1231     } // /li
1232   } // /.ui-tabs-nav
1233
1234   .ui-tabs-panel {
1235     display: block;
1236     border-width: 0;
1237     padding: 0.4em 0 1.0em 0;
1238     //background: none;
1239   }
1240
1241 } // /.ui-tabs
1242
1243
1244 // first selector in group seems obsolete,
1245 // but required to overcome bug in Opera applying cursor:
1246 // text overall if defined elsewhere...
1247 .ui-tabs .ui-tabs-nav li a,
1248 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
1249   cursor: pointer;
1250 }
1251
1252
1253
1254
1255 // --------------------------------------
1256 // UI-TOOLTIP
1257 // --------------------------------------
1258
1259 .ui-tooltip {
1260   position:           absolute;
1261   z-index:            9999;
1262   max-width:          300px;
1263   padding:            8px;
1264   -webkit-box-shadow: 0 0 5px #aaa ;
1265   box-shadow:         0 0 5px #aaa;
1266   background-color:   @jquery_ui_tooltipster-bg-color !important ;
1267
1268   .ui-tooltip-content{
1269     color:            #ffffff ;
1270   }
1271 }
1272 body .ui-tooltip {
1273   border-width: 2px ;
1274 }
1275
1276
1277
1278
1279
1280 // ----------------------------------
1281 // Component containers (UI-WIDGET)
1282 // ----------------------------------
1283 .ui-widget {
1284   //font-size: @font-size-smaller;
1285
1286   .ui-widget-header {
1287     background: none;
1288     color: #ffffff;
1289     font-weight: bold;
1290
1291     a { color: #ffffff; }
1292   }
1293
1294   .ui-widget-content {
1295     //border: 1px solid #dddddd;
1296     border: none;
1297     background: none ;
1298     //background-color: #ffffff ; // or Transparent
1299     //color: #333333;
1300
1301     a {
1302       //color: #333333;
1303     }
1304   } // .ui-widget-content
1305
1306   .ui-widget { font-size: @font-size-small; }
1307
1308   input,
1309   select,
1310   textarea,
1311   button {
1312     //font-size: @font-size-smaller ;
1313   }
1314
1315 } // /.ui-widget
1316
1317
1318
1319
1320
1321 // --------------------------------------
1322 // CKEditor
1323 // --------------------------------------
1324 .cke_editable {
1325   background-color: white;
1326   padding: 6px;
1327   //margin-left: -0.3em ;
1328   border-top: 1px #999 solid;
1329   border-right: 1px #ddd solid;
1330   border-left: 1px #ddd solid;
1331   overflow: auto ;
1332   font-size: 11pt ;
1333   min-width: @textarea-wi-lightwide ;
1334   min-height: 4.0em ;
1335   &:focus {
1336     outline: none ;
1337     background-color: @formelement-focus-bg ;
1338     border: @formelement-focus-border ;
1339   }
1340
1341   p {
1342     font-size: 10pt !important;
1343     padding: 0  ;
1344     margin: 0 0 0.4em 0 ;
1345     font-weight: normal;
1346   }
1347 }
1348 div.cke_editable.wi-small-wide{
1349   margin-right: 24px !important ;
1350 }
1351 body > .ui-dialog > .ui-dialog-content > p > .cke_editable {
1352   border: 1px #dcdcdc solid !important;
1353   padding: 0.4em;
1354   margin: 0;
1355   font-size: 100%;
1356   width: 100% !important;
1357 }
1358
1359
1360
1361
1362
1363 // ----------------------------------
1364 // Interaction states
1365 // ----------------------------------
1366
1367 .ui-state-default,
1368 .ui-state-hover,
1369 .ui-state-focus,
1370 .ui-state-active {
1371   .ui-icon {
1372     background-image: url(ui-lightne../../images/ui-icons_777777_256x240.png) !important;
1373   }
1374 }
1375
1376 .ui-state-default {
1377   border: 1px solid #cccccc;
1378   //background: #f6f6f6 url(ui-lightne../../images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
1379   background: none ;
1380   font-weight: bold;
1381   color: @base-darker;
1382   a,
1383   a:link,
1384   a:visited {
1385     color: #1c94c4;
1386     text-decoration: none;
1387   }
1388 } // /.ui-state-default
1389
1390 .ui-state-hover,
1391 .ui-state-focus {
1392   //border: 1px solid #fbcb09;
1393   //background: #fdf5ce url(ui-lightne../../images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
1394   background: none ;
1395   font-weight: bold;
1396   color: #c77405;
1397   a,
1398   a:hover,
1399   a:link,
1400   a:visited {
1401     color: #000;
1402     text-decoration: underline;
1403   }
1404 } // .ui-state-hover, .ui-state-focus
1405
1406 .ui-state-active {
1407   border: 1px solid #fbd850;
1408   //background: #ffffff url(ui-lightne../../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
1409   background: none ;
1410   font-weight: bold;
1411   color: #eb8f00;
1412   a,
1413   a:link,
1414   a:visited {
1415     color: #eb8f00;
1416     text-decoration: none;
1417   }
1418 } // .ui-state-active
1419
1420
1421
1422 // ----------------------------------
1423 // Interaction Cues
1424 // ----------------------------------
1425 .ui-state-highlight {
1426   border: 1px solid #fed22f;
1427   //background: #ffe45c url(ui-lightne../../images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
1428   background: none ;
1429   color: #363636;
1430   a { color: #363636; }
1431 }
1432
1433 .ui-state-error {
1434   border: 1px solid #cd0a0a;
1435   //background: #b81900 url(ui-lightne../../images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
1436   background: none ;
1437   color: #ffffff;
1438   a { color: #ffffff; }
1439 }
1440
1441 .ui-state-error-text {
1442   color: #ffffff;
1443 }
1444
1445 .ui-priority-primary {
1446   font-weight: bold;
1447 }
1448 .ui-priority-secondary {
1449   opacity: .7;
1450   filter:Alpha(Opacity=70);
1451   font-weight: normal;
1452 }
1453
1454 .ui-state-disabled {
1455   opacity: .35;
1456   filter:Alpha(Opacity=35);
1457   background-image: none;
1458   .ui-icon { filter:Alpha(Opacity=35); } //  For IE8 - See #6059
1459 }
1460
1461 // Overrides
1462
1463
1464
1465
1466
1467
1468
1469
1470 // ----------------------------------
1471 // Icons
1472 // ----------------------------------
1473 //  states and images
1474 .ui-icon {
1475   width: 16px;
1476   height: 16px;
1477 }
1478 .ui-icon,
1479 .ui-widget-content .ui-icon {
1480   background-image: url(ui-lightne../../images/ui-icons_222222_256x240.png);
1481 }
1482 .ui-widget-header .ui-icon {
1483   background-image: url(ui-lightne../../images/ui-icons_ffffff_256x240.png);
1484 }
1485 .ui-state-default .ui-icon {
1486   background-image: url(ui-lightne../../images/ui-icons_ef8c08_256x240.png);
1487 }
1488 .ui-state-hover .ui-icon,
1489 .ui-state-focus .ui-icon {
1490   background-image: url(ui-lightne../../images/ui-icons_ef8c08_256x240.png);
1491 }
1492 .ui-state-active .ui-icon {
1493   background-image: url(ui-lightne../../images/ui-icons_ef8c08_256x240.png);
1494 }
1495 .ui-state-highlight .ui-icon {
1496   background-image: url(ui-lightne../../images/ui-icons_228ef1_256x240.png);
1497 }
1498 .ui-state-error .ui-icon,
1499 .ui-state-error-text .ui-icon {
1500   background-image: url(ui-lightne../../images/ui-icons_ffd27a_256x240.png);
1501 }
1502
1503 //  positioning
1504 .ui-icon-blank { background-position: 16px 16px; }
1505 .ui-icon-carat-1-n { background-position: 0 0; }
1506 .ui-icon-carat-1-ne { background-position: -16px 0; }
1507 .ui-icon-carat-1-e { background-position: -32px 0; }
1508 .ui-icon-carat-1-se { background-position: -48px 0; }
1509 .ui-icon-carat-1-s { background-position: -64px 0; }
1510 .ui-icon-carat-1-sw { background-position: -80px 0; }
1511 .ui-icon-carat-1-w { background-position: -96px 0; }
1512 .ui-icon-carat-1-nw { background-position: -112px 0; }
1513 .ui-icon-carat-2-n-s { background-position: -128px 0; }
1514 .ui-icon-carat-2-e-w { background-position: -144px 0; }
1515 .ui-icon-triangle-1-n { background-position: 0 -16px; }
1516 .ui-icon-triangle-1-ne { background-position: -16px -16px; }
1517 .ui-icon-triangle-1-e { background-position: -32px -16px; }
1518 .ui-icon-triangle-1-se { background-position: -48px -16px; }
1519 .ui-icon-triangle-1-s { background-position: -64px -16px; }
1520 .ui-icon-triangle-1-sw { background-position: -80px -16px; }
1521 .ui-icon-triangle-1-w { background-position: -96px -16px; }
1522 .ui-icon-triangle-1-nw { background-position: -112px -16px; }
1523 .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
1524 .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
1525 .ui-icon-arrow-1-n { background-position: 0 -32px; }
1526 .ui-icon-arrow-1-ne { background-position: -16px -32px; }
1527 .ui-icon-arrow-1-e { background-position: -32px -32px; }
1528 .ui-icon-arrow-1-se { background-position: -48px -32px; }
1529 .ui-icon-arrow-1-s { background-position: -64px -32px; }
1530 .ui-icon-arrow-1-sw { background-position: -80px -32px; }
1531 .ui-icon-arrow-1-w { background-position: -96px -32px; }
1532 .ui-icon-arrow-1-nw { background-position: -112px -32px; }
1533 .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
1534 .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
1535 .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
1536 .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
1537 .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
1538 .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
1539 .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
1540 .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
1541 .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
1542 .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
1543 .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
1544 .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
1545 .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
1546 .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
1547 .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
1548 .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
1549 .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
1550 .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
1551 .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
1552 .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
1553 .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
1554 .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
1555 .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
1556 .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
1557 .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
1558 .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
1559 .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
1560 .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
1561 .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
1562 .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
1563 .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
1564 .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
1565 .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
1566 .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
1567 .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
1568 .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
1569 .ui-icon-arrow-4 { background-position: 0 -80px; }
1570 .ui-icon-arrow-4-diag { background-position: -16px -80px; }
1571 .ui-icon-extlink { background-position: -32px -80px; }
1572 .ui-icon-newwin { background-position: -48px -80px; }
1573 .ui-icon-refresh { background-position: -64px -80px; }
1574 .ui-icon-shuffle { background-position: -80px -80px; }
1575 .ui-icon-transfer-e-w { background-position: -96px -80px; }
1576 .ui-icon-transferthick-e-w { background-position: -112px -80px; }
1577 .ui-icon-folder-collapsed { background-position: 0 -96px; }
1578 .ui-icon-folder-open { background-position: -16px -96px; }
1579 .ui-icon-document { background-position: -32px -96px; }
1580 .ui-icon-document-b { background-position: -48px -96px; }
1581 .ui-icon-note { background-position: -64px -96px; }
1582 .ui-icon-mail-closed { background-position: -80px -96px; }
1583 .ui-icon-mail-open { background-position: -96px -96px; }
1584 .ui-icon-suitcase { background-position: -112px -96px; }
1585 .ui-icon-comment { background-position: -128px -96px; }
1586 .ui-icon-person { background-position: -144px -96px; }
1587 .ui-icon-print { background-position: -160px -96px; }
1588 .ui-icon-trash { background-position: -176px -96px; }
1589 .ui-icon-locked { background-position: -192px -96px; }
1590 .ui-icon-unlocked { background-position: -208px -96px; }
1591 .ui-icon-bookmark { background-position: -224px -96px; }
1592 .ui-icon-tag { background-position: -240px -96px; }
1593 .ui-icon-home { background-position: 0 -112px; }
1594 .ui-icon-flag { background-position: -16px -112px; }
1595 .ui-icon-calendar { background-position: -32px -112px; }
1596 .ui-icon-cart { background-position: -48px -112px; }
1597 .ui-icon-pencil { background-position: -64px -112px; }
1598 .ui-icon-clock { background-position: -80px -112px; }
1599 .ui-icon-disk { background-position: -96px -112px; }
1600 .ui-icon-calculator { background-position: -112px -112px; }
1601 .ui-icon-zoomin { background-position: -128px -112px; }
1602 .ui-icon-zoomout { background-position: -144px -112px; }
1603 .ui-icon-search { background-position: -160px -112px; }
1604 .ui-icon-wrench { background-position: -176px -112px; }
1605 .ui-icon-gear { background-position: -192px -112px; }
1606 .ui-icon-heart { background-position: -208px -112px; }
1607 .ui-icon-star { background-position: -224px -112px; }
1608 .ui-icon-link { background-position: -240px -112px; }
1609 .ui-icon-cancel { background-position: 0 -128px; }
1610 .ui-icon-plus { background-position: -16px -128px; }
1611 .ui-icon-plusthick { background-position: -32px -128px; }
1612 .ui-icon-minus { background-position: -48px -128px; }
1613 .ui-icon-minusthick { background-position: -64px -128px; }
1614 .ui-icon-close { background-position: -80px -128px; }
1615 .ui-icon-closethick { background-position: -96px -128px; }
1616 .ui-icon-key { background-position: -112px -128px; }
1617 .ui-icon-lightbulb { background-position: -128px -128px; }
1618 .ui-icon-scissors { background-position: -144px -128px; }
1619 .ui-icon-clipboard { background-position: -160px -128px; }
1620 .ui-icon-copy { background-position: -176px -128px; }
1621 .ui-icon-contact { background-position: -192px -128px; }
1622 .ui-icon-image { background-position: -208px -128px; }
1623 .ui-icon-video { background-position: -224px -128px; }
1624 .ui-icon-script { background-position: -240px -128px; }
1625 .ui-icon-alert { background-position: 0 -144px; }
1626 .ui-icon-info { background-position: -16px -144px; }
1627 .ui-icon-notice { background-position: -32px -144px; }
1628 .ui-icon-help { background-position: -48px -144px; }
1629 .ui-icon-check { background-position: -64px -144px; }
1630 .ui-icon-bullet { background-position: -80px -144px; }
1631 .ui-icon-radio-on { background-position: -96px -144px; }
1632 .ui-icon-radio-off { background-position: -112px -144px; }
1633 .ui-icon-pin-w { background-position: -128px -144px; }
1634 .ui-icon-pin-s { background-position: -144px -144px; }
1635 .ui-icon-play { background-position: 0 -160px; }
1636 .ui-icon-pause { background-position: -16px -160px; }
1637 .ui-icon-seek-next { background-position: -32px -160px; }
1638 .ui-icon-seek-prev { background-position: -48px -160px; }
1639 .ui-icon-seek-end { background-position: -64px -160px; }
1640 .ui-icon-seek-start { background-position: -80px -160px; }
1641 //  ui-icon-seek-first is deprecated, use ui-icon-seek-start instead
1642 .ui-icon-seek-first { background-position: -80px -160px; }
1643 .ui-icon-stop { background-position: -96px -160px; }
1644 .ui-icon-eject { background-position: -112px -160px; }
1645 .ui-icon-volume-off { background-position: -128px -160px; }
1646 .ui-icon-volume-on { background-position: -144px -160px; }
1647 .ui-icon-power { background-position: 0 -176px; }
1648 .ui-icon-signal-diag { background-position: -16px -176px; }
1649 .ui-icon-signal { background-position: -32px -176px; }
1650 .ui-icon-battery-0 { background-position: -48px -176px; }
1651 .ui-icon-battery-1 { background-position: -64px -176px; }
1652 .ui-icon-battery-2 { background-position: -80px -176px; }
1653 .ui-icon-battery-3 { background-position: -96px -176px; }
1654 .ui-icon-circle-plus { background-position: 0 -192px; }
1655 .ui-icon-circle-minus { background-position: -16px -192px; }
1656 .ui-icon-circle-close { background-position: -32px -192px; }
1657 .ui-icon-circle-triangle-e { background-position: -48px -192px; }
1658 .ui-icon-circle-triangle-s { background-position: -64px -192px; }
1659 .ui-icon-circle-triangle-w { background-position: -80px -192px; }
1660 .ui-icon-circle-triangle-n { background-position: -96px -192px; }
1661 .ui-icon-circle-arrow-e { background-position: -112px -192px; }
1662 .ui-icon-circle-arrow-s { background-position: -128px -192px; }
1663 .ui-icon-circle-arrow-w { background-position: -144px -192px; }
1664 .ui-icon-circle-arrow-n { background-position: -160px -192px; }
1665 .ui-icon-circle-zoomin { background-position: -176px -192px; }
1666 .ui-icon-circle-zoomout { background-position: -192px -192px; }
1667 .ui-icon-circle-check { background-position: -208px -192px; }
1668 .ui-icon-circlesmall-plus { background-position: 0 -208px; }
1669 .ui-icon-circlesmall-minus { background-position: -16px -208px; }
1670 .ui-icon-circlesmall-close { background-position: -32px -208px; }
1671 .ui-icon-squaresmall-plus { background-position: -48px -208px; }
1672 .ui-icon-squaresmall-minus { background-position: -64px -208px; }
1673 .ui-icon-squaresmall-close { background-position: -80px -208px; }
1674 .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
1675 .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
1676 .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
1677 .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
1678 .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
1679 .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
1680
1681
1682
1683 // ----------------------------------
1684 // Misc visuals
1685 // ----------------------------------
1686
1687 // Corner radius
1688 .ui-corner-all,
1689 .ui-corner-top,
1690 .ui-corner-left,
1691 .ui-corner-tl {
1692   //border-top-left-radius: @tabs-border-radius;
1693 }
1694 .ui-corner-all,
1695 .ui-corner-top,
1696 .ui-corner-right,
1697 .ui-corner-tr {
1698   //border-top-right-radius: @tabs-border-radius;
1699 }
1700 .ui-corner-all,
1701 .ui-corner-bottom,
1702 .ui-corner-left,
1703 .ui-corner-bl {
1704   //border-bottom-left-radius: @tabs-border-radius;
1705 }
1706 .ui-corner-all,
1707 .ui-corner-bottom,
1708 .ui-corner-right,
1709 .ui-corner-br {
1710   //border-bottom-right-radius: @tabs-border-radius;
1711 }
1712
1713 // Overlays */
1714 .ui-widget-overlay {
1715   //background: #666666 url(ui-lightne../../images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
1716   background: #666666 ;
1717   opacity: .5;
1718   filter: Alpha(Opacity=50);
1719 }
1720 .ui-widget-shadow {
1721   margin: -5px 0 0 -5px;
1722   padding: 5px;
1723   //background: #000000 url(ui-lightne../../images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
1724   background: #000000 ;
1725   opacity: .2;
1726   filter: Alpha(Opacity=20);
1727   border-radius: @controlpanel-radius;
1728 }
1729
1730
1731
1732 // --------------------------------------
1733 // KIVITENDO STUFF
1734 // --------------------------------------
1735
1736
1737 // -----------------------
1738 // Part, Chart & Customer Vendor Picker
1739 // -----------------------
1740
1741 //  Chart-Picker
1742 //  Entnommen aus main.less, gehoert vielleicht zu Autocomplete
1743
1744 .chart_picker,
1745 .project_picker,
1746 .part_picker {
1747   display: inline-block;
1748
1749   &:before{
1750     display: inline-block;
1751     vertical-align: middle;
1752     height: 100%;
1753   }
1754 }
1755
1756 span.chart_picker,
1757 span.project_picker,
1758 span.part_picker {
1759   white-space: nowrap ;
1760   padding-top: 0 !important;
1761   padding-bottom: 0 !important;
1762   input {
1763     //  padding-right: 20px;
1764     box-sizing: border-box;
1765     -moz-box-sizing: border-box;
1766     -webkit-box-sizing: border-box;
1767   }
1768 }
1769
1770 div.part_picker_part,
1771 div.project_picker_project,
1772 div.chart_picker_chart {
1773   padding: 5px;
1774   margin: 5px;
1775   border: 1px;
1776   border-color: darkgray;
1777   border-style: solid;
1778   -webkit-border-radius: 4px;
1779   -moz-border-radius: 4px;
1780   border-radius: 4px;
1781   background-color: white;
1782   cursor: pointer;
1783
1784   &:hover {
1785     color: #000;
1786     text-decoration: underline;
1787   }
1788 }
1789
1790
1791
1792
1793 // Part_Picker
1794 // Select Customer in input-fields
1795 // PENDENT: Ausrichtung vertikal in Zelle
1796 span.customer_vendor_picker{
1797   margin: 0 !important;
1798   padding: 0 !important;
1799 }
1800
1801 .customer-vendor-picker-undefined,
1802 .chartpicker-undefined,
1803 .projectpicker-undefined,
1804 .partpicker-undefined {
1805   color: red;
1806   font-style: italic;
1807 }