jQuery UI Widgets Forums Grid Grid cells change color on hover

This topic contains 3 replies, has 2 voices, and was last updated by  fritzfrancis 10 years, 10 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • Grid cells change color on hover #56253

    fritzfrancis
    Participant

    If you click , you can see the issue. In-motion hovering will cause the text in the cells to be black, while still hovering will allow the text to become white (which is obviously the preferred color for this grid). I do not want this effect, only plain white text on the hover. I have searched and searched throughout the Theme Builder to see where I could have made this mistake, but cannot find it. Does anyone know where this color is being assigned?

    Grid cells change color on hover #56254

    fritzfrancis
    Participant

    Here is the URL which did not appear in the above post (thanks a lot built-in link generator)

    http://1drv.ms/1j7O3j1

    Grid cells change color on hover #56267

    Dimitar
    Participant

    Hello fritzfrancis,

    ​Thank you for your feedback. We will investigate the reported issue and will contact you as soon as we have more information on the matter.

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    Grid cells change color on hover #56295

    fritzfrancis
    Participant

    Dimitar,

    Thank you. I created another theme first which is not seeming to have the problem, and will paste it below if it will help you investigate. They are very similar, and the only intentional differences I made are that the one from my original post has a few minor color differences and some transparent borders.

    .jqx-widget-S101Blue
    {
    font-family: Verdana;
    }
    .jqx-widget-content-S101Blue
    {
    color: #000000;
    text-shadow: none;
    border-color: #AAAAAA;
    background: #ffffff;
    font-family: Verdana;
    }
    .jqx-widget-header-S101Blue, .jqx-grid-S101Blue .jqx-widget-header-S101Blue
    {
    color: #FFFFFF;
    text-shadow: none;
    border-color: #AAAAAA;
    background-color: #3C7FB6;
    background-image: -moz-linear-gradient(top, #3C7FB6, #285E8C);
    background-image: -ms-linear-gradient(top, #3C7FB6, #285E8C);
    background-image: -o-linear-gradient(top, #3C7FB6, #285E8C);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#3C7FB6), to(#285E8C));
    background-image: -webkit-linear-gradient(top, #3C7FB6, #285E8C);
    background-image: linear-gradient(top, #3C7FB6, #285E8C);
    background-image: linear-gradient(to bottom, #3C7FB6, #285E8C);
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    font-family: Verdana;
    }
    .jqx-grid-column-menubutton-S101Blue, .jqx-widget-S101Blue.jqx-grid-column-menubutton-S101Blue
    {
    border-color: #AAAAAA;
    }
    .jqx-grid-cell-S101Blue, .jqx-widget-S101Blue .jqx-grid-cell-S101Blue
    {
    background-color: #ffffff;
    color: #222222;
    text-shadow: none;
    }
    .jqx-fill-state-normal-S101Blue
    {
    color: #FFFFFF;
    text-shadow: none;
    border-color: #aaaaaa;
    background-color: #3C7FB6;
    background-image: -moz-linear-gradient(top, #3C7FB6, #285E8C);
    background-image: -ms-linear-gradient(top, #3C7FB6, #285E8C);
    background-image: -o-linear-gradient(top, #3C7FB6, #285E8C);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#3C7FB6), to(#285E8C));
    background-image: -webkit-linear-gradient(top, #3C7FB6, #285E8C);
    background-image: linear-gradient(top, #3C7FB6, #285E8C);
    background-image: linear-gradient(to bottom, #3C7FB6, #285E8C);
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    font-family: Verdana;
    }
    .jqx-button-S101Blue
    {
    color: #FFFFFF;
    text-shadow: none;
    border-color: #aaaaaa;
    background-color: #3C7FB6;
    background-image: -moz-linear-gradient(top, #3C7FB6, #285E8C);
    background-image: -ms-linear-gradient(top, #3C7FB6, #285E8C);
    background-image: -o-linear-gradient(top, #3C7FB6, #285E8C);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#3C7FB6), to(#285E8C));
    background-image: -webkit-linear-gradient(top, #3C7FB6, #285E8C);
    background-image: linear-gradient(top, #3C7FB6, #285E8C);
    background-image: linear-gradient(to bottom, #3C7FB6, #285E8C);
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    font-family: Verdana;
    }
    .jqx-grid-selectionarea-S101Blue
    {
    border-color: #aaaaaa;
    background-color: #3C7FB6;
    }
    .jqx-widget-S101Blue .jqx-grid-cell-sort-S101Blue, .jqx-widget-S101Blue .jqx-grid-cell-filter-S101Blue, .jqx-widget-S101Blue .jqx-grid-cell-pinned-S101Blue, .jqx-grid-cell-sort-S101Blue, .jqx-grid-cell-filter-S101Blue, .jqx-grid-cell-pinned-S101Blue
    {
    background-color: #C5E6FF;
    color: #222222;
    text-shadow: none;
    }
    .jqx-widget-S101Blue .jqx-grid-cell-alt-S101Blue, .jqx-widget-S101Blue .jqx-grid-cell-sort-alt-S101Blue, .jqx-widget-S101Blue .jqx-grid-cell-pinned-alt-S101Blue, .jqx-widget-S101Blue .jqx-grid-cell-filter-alt-S101Blue, .jqx-grid-cell-alt-S101Blue, .jqx-grid-cell-sort-alt-S101Blue, .jqx-grid-cell-filter-alt-S101Blue
    {
    background-color: #C5E6FF;
    color: #222222;
    text-shadow: none;
    }
    .jqx-fill-state-hover-S101Blue, .jqx-widget-S101Blue .jqx-grid-cell-hover-S101Blue
    {
    color: #FFFFFF;
    text-shadow: none;
    border-color: #999;
    background-color: #285E8C;
    background-image: -moz-linear-gradient(top, #285E8C, #0E3E64);
    background-image: -ms-linear-gradient(top, #285E8C, #0E3E64);
    background-image: -o-linear-gradient(top, #285E8C, #0E3E64);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#285E8C), to(#0E3E64));
    background-image: -webkit-linear-gradient(top, #285E8C, #0E3E64);
    background-image: linear-gradient(top, #285E8C, #0E3E64);
    background-image: linear-gradient(to bottom, #285E8C, #0E3E64);
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    font-family: Verdana;
    }
    .jqx-fill-state-pressed-S101Blue, .jqx-widget-S101Blue .jqx-grid-cell-selected-S101Blue
    {
    color: #FFFFFF;
    text-shadow: none;
    border-color: #999999;
    background-color: #0E3E64;
    background-image: -moz-linear-gradient(top, #0E3E64, #0E3E64);
    background-image: -ms-linear-gradient(top, #0E3E64, #0E3E64);
    background-image: -o-linear-gradient(top, #0E3E64, #0E3E64);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#0E3E64), to(#0E3E64));
    background-image: -webkit-linear-gradient(top, #0E3E64, #0E3E64);
    background-image: linear-gradient(top, #0E3E64, #0E3E64);
    background-image: linear-gradient(to bottom, #0E3E64, #0E3E64);
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    font-family: Verdana;
    }
    .jqx-switchbutton-label-on-S101Blue
    {
    color: #FFFFFF;
    text-shadow: none;
    border-color: #999999;
    background-color: #0E3E64;
    background-image: -moz-linear-gradient(top, #0E3E64, #0E3E64);
    background-image: -ms-linear-gradient(top, #0E3E64, #0E3E64);
    background-image: -o-linear-gradient(top, #0E3E64, #0E3E64);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#0E3E64), to(#0E3E64));
    background-image: -webkit-linear-gradient(top, #0E3E64, #0E3E64);
    background-image: linear-gradient(top, #0E3E64, #0E3E64);
    background-image: linear-gradient(to bottom, #0E3E64, #0E3E64);
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    }
    .jqx-tabs-title-selected-top-S101Blue, .jqx-tabs-selection-tracker-top-S101Blue
    {
    color: #000000;
    text-shadow: none;
    border-color: #AAAAAA;
    border-bottom: 1px solid #ffffff;
    background-image: none ;
    background-color: #ffffff;
    }
    .jqx-tabs-title-selected-bottom-S101Blue, .jqx-tabs-selection-tracker-bottom-S101Blue
    {
    color: #000000;
    text-shadow: none;
    border-color: #AAAAAA;
    border-top: 1px solid #ffffff;
    background-image: none ;
    background-color: #ffffff;
    }
    .jqx-splitter-splitbar-hover-S101Blue
    {
    background: #285E8C;
    }
    .jqx-splitter-splitbar-vertical-S101Blue, .jqx-splitter-splitbar-horizontal-S101Blue, .jqx-slider-track-horizontal-S101Blue, .jqx-slider-track-vertical-S101Blue
    {
    background: #3C7FB6;
    }
    .jqx-splitter-collapse-button-horizontal-S101Blue, .jqx-splitter-collapse-button-vertical-S101Blue, .jqx-slider-rangebar-S101Blue
    {
    background: #0E3E64;
    }
    .jqx-scrollbar-state-normal-S101Blue
    {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    }
    .jqx-grid-bottomright-S101Blue, .jqx-panel-bottomright-S101Blue, .jqx-listbox-bottomright-S101Blue
    {
    background-color: #FFFFFF;
    }
    .jqx-scrollbar-thumb-state-normal-S101Blue
    {
    background-color: #3C7FB6;
    background-color: #3C7FB6;
    background-image: -moz-linear-gradient(left, #3C7FB6, #3C7FB6);
    background-image: -ms-linear-gradient(left, #3C7FB6, #3C7FB6);
    background-image: -o-linear-gradient(left, #3C7FB6, #3C7FB6);
    background-image: -webkit-gradient(linear, left top, right top, from(#3C7FB6), to(#3C7FB6));
    background-image: -webkit-linear-gradient(left, #3C7FB6, #3C7FB6);
    background-image: linear-gradient(left, #3C7FB6, #3C7FB6);
    background-image: linear-gradient(left right, #3C7FB6, #3C7FB6);
    }
    .jqx-scrollbar-thumb-state-normal-horizontal-S101Blue
    {
    background-color: #3C7FB6;
    background-color: #3C7FB6;
    background-image: -moz-linear-gradient(top, #3C7FB6, #3C7FB6);
    background-image: -ms-linear-gradient(top, #3C7FB6, #3C7FB6);
    background-image: -o-linear-gradient(top, #3C7FB6, #3C7FB6);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#3C7FB6), to(#3C7FB6));
    background-image: -webkit-linear-gradient(top, #3C7FB6, #3C7FB6);
    background-image: linear-gradient(top, #3C7FB6, #3C7FB6);
    background-image: linear-gradient(to bottom, #3C7FB6, #3C7FB6);
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    }
    .jqx-scrollbar-thumb-state-hover-S101Blue
    {
    background-color: #285E8C;
    border-color: #285E8C;
    background-image: -moz-linear-gradient(left, #285E8C, #285E8C);
    background-image: -ms-linear-gradient(left, #285E8C, #285E8C);
    background-image: -o-linear-gradient(left, #285E8C, #285E8C);
    background-image: -webkit-gradient(linear, left top, right top, from(#285E8C), to(#285E8C));
    background-image: -webkit-linear-gradient(left, #285E8C, #285E8C);
    background-image: linear-gradient(left, #285E8C, #285E8C);
    background-image: linear-gradient(left right, #285E8C, #285E8C);
    }
    .jqx-scrollbar-thumb-state-hover-horizontal-S101Blue
    {
    background-color: #285E8C;
    border-color: #285E8C;
    background-image: -moz-linear-gradient(top, #285E8C, #285E8C);
    background-image: -ms-linear-gradient(top, #285E8C, #285E8C);
    background-image: -o-linear-gradient(top, #285E8C, #285E8C);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#285E8C), to(#285E8C));
    background-image: -webkit-linear-gradient(top, #285E8C, #285E8C);
    background-image: linear-gradient(top, #285E8C, #285E8C);
    background-image: linear-gradient(to bottom, #285E8C, #285E8C);
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    }
    .jqx-scrollbar-thumb-state-pressed-S101Blue
    {
    background-color: #0E3E64;
    border-color: #0E3E64;
    background-image: -moz-linear-gradient(left, #0E3E64, #0E3E64);
    background-image: -ms-linear-gradient(left, #0E3E64, #0E3E64);
    background-image: -o-linear-gradient(left, #0E3E64, #0E3E64);
    background-image: -webkit-gradient(linear, left top, right top, from(#0E3E64), to(#0E3E64));
    background-image: -webkit-linear-gradient(left, #0E3E64, #0E3E64);
    background-image: linear-gradient(left, #0E3E64, #0E3E64);
    background-image: linear-gradient(left right, #0E3E64, #0E3E64);
    }
    .jqx-scrollbar-thumb-state-pressed-horizontal-S101Blue
    {
    background-color: #0E3E64;
    border-color: #0E3E64;
    background-image: -moz-linear-gradient(top, #0E3E64, #0E3E64);
    background-image: -ms-linear-gradient(top, #0E3E64, #0E3E64);
    background-image: -o-linear-gradient(top, #0E3E64, #0E3E64);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#0E3E64), to(#0E3E64));
    background-image: -webkit-linear-gradient(top, #0E3E64, #0E3E64);
    background-image: linear-gradient(top, #0E3E64, #0E3E64);
    background-image: linear-gradient(to bottom, #0E3E64, #0E3E64);
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    }
    .jqx-scrollbar-button-state-normal-S101Blue
    {
    background-color: #3C7FB6;
    background-image: -moz-linear-gradient(top, #3C7FB6, #3C7FB6);
    background-image: -ms-linear-gradient(top, #3C7FB6, #3C7FB6);
    background-image: -o-linear-gradient(top, #3C7FB6, #3C7FB6);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#3C7FB6), to(#3C7FB6));
    background-image: -webkit-linear-gradient(top, #3C7FB6, #3C7FB6);
    background-image: linear-gradient(top, #3C7FB6, #3C7FB6);
    background-image: linear-gradient(to bottom, #3C7FB6, #3C7FB6);
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    }
    .jqx-scrollbar-button-state-hover-S101Blue
    {
    background-color: #285E8C;
    border-color: #aaaaaa;
    background-image: -moz-linear-gradient(top, #285E8C, #285E8C);
    background-image: -ms-linear-gradient(top, #285E8C, #285E8C);
    background-image: -o-linear-gradient(top, #285E8C, #285E8C);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#285E8C), to(#285E8C));
    background-image: -webkit-linear-gradient(top, #285E8C, #285E8C);
    background-image: linear-gradient(top, #285E8C, #285E8C);
    background-image: linear-gradient(to bottom, #285E8C, #285E8C);
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    }
    .jqx-scrollbar-button-state-pressed-S101Blue
    {
    background-color: #0E3E64;
    border-color: #909090;
    background-image: -moz-linear-gradient(top, #0E3E64, #0E3E64);
    background-image: -ms-linear-gradient(top, #0E3E64, #0E3E64);
    background-image: -o-linear-gradient(top, #0E3E64, #0E3E64);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#0E3E64), to(#0E3E64));
    background-image: -webkit-linear-gradient(top, #0E3E64, #0E3E64);
    background-image: linear-gradient(top, #0E3E64, #0E3E64);
    background-image: linear-gradient(to bottom, #0E3E64, #0E3E64);
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    }
    .jqx-radiobutton-check-checked-S101Blue
    {
    background: #111111;
    width: 7px;
    height: 7px;
    margin-left: 2px;
    margin-top: 2px;
    border-width: 1px;
    border-style: solid;
    }
    .jqx-rc-tl-S101Blue
    {
    -moz-border-radius-topleft: 2px;
    -webkit-border-radius-topleft: 2px;
    border-radius-topleft: 2px;
    }
    .jqx-rc-tr-S101Blue
    {
    -moz-border-radius-topright: 2px;
    -webkit-border-radius-topright: 2px;
    border-radius-topright: 2px;
    }
    .jqx-rc-bl-S101Blue
    {
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-radius-bottomleft: 2px;
    border-radius-bottomleft: 2px;
    }
    .jqx-rc-br-S101Blue
    {
    -moz-border-radius-bottomright: 2px;
    -webkit-border-radius-bottomright: 2px;
    border-radius-bottomright: 2px;
    }
    .jqx-rc-t-S101Blue
    {
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    }
    .jqx-rc-b-S101Blue
    {
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    }
    .jqx-rc-r-S101Blue
    {
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    }
    .jqx-rc-l-S101Blue
    {
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    }
    .jqx-radiobutton-default-S101Blue, .jqx-radiobutton-S101Blue, .jqx-radiobutton-check-checked-S101Blue, .jqx-radiobutton-hover-S101Blue, .jqx-radiobutton-check-indeterminate-S101Blue, .jqx-radiobutton-check-indeterminate-disabled-S101Blue, .jqx-slider-button-S101Blue
    {
    -moz-border-radius: 100% !important;
    -webkit-border-radius: 100% !important;
    border-radius: 100% !important;
    }
    .jqx-rc-all-S101Blue, .jqx-tooltip-S101Blue, .jqx-tooltip-text-S101Blue, .jqx-tooltip-main-S101Blue
    {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    }
    .jqx-grid-column-sortascbutton-S101Blue, .jqx-expander-arrow-bottom-S101Blue, .jqx-window-collapse-button-S101Blue, .jqx-menu-item-arrow-up-S101Blue, .jqx-menu-item-arrow-top-up-S101Blue, .jqx-icon-arrow-up-S101Blue
    {
    background-image: url(‘images/metro-icon-up-white.png’);
    }
    .jqx-icon-arrow-up-hover-S101Blue
    {
    background-image: url(‘images/metro-icon-up-white.png’);
    }
    .jqx-menu-item-arrow-up-selected-S101Blue, .jqx-icon-arrow-up-selected-S101Blue.jqx-expander-arrow-expanded-S101Blue
    {
    background-image: url(‘images/metro-icon-up-white.png’);
    }
    .jqx-grid-column-menubutton-S101Blue, .jqx-grid-column-sortdescbutton-S101Blue, .jqx-expander-arrow-top-S101Blue, .jqx-window-collapse-button-collapsed-S101Blue, .jqx-menu-item-arrow-down-S101Blue, .jqx-menu-item-arrow-down-S101Blue, .jqx-tree-item-arrow-expand-S101Blue, .jqx-grid-group-expand-S101Blue, .jqx-widget-S101Blue .jqx-grid-group-expand-S101Blue, .jqx-icon-arrow-down-S101Blue
    {
    background-image: url(‘images/metro-icon-down-white.png’);
    }
    .jqx-icon-arrow-down-hover-S101Blue
    {
    background-image: url(‘images/metro-icon-down-white.png’);
    }
    .jqx-menu-item-arrow-down-selected-S101Blue, .jqx-icon-arrow-down-selected-S101Blue
    {
    background-image: url(‘images/metro-icon-down-white.png’);
    }
    .jqx-tabs-arrow-left-S101Blue, .jqx-menu-item-arrow-top-left-S101Blue, .jqx-grid-group-collapse-rtl-S101Blue, .jqx-widget-S101Blue .jqx-grid-group-collapse-rtl-S101Blue, .jqx-icon-arrow-left-S101Blue, .jqx-icon-arrow-down-left-S101Blue
    {
    background-image: url(‘images/metro-icon-left-white.png’);
    }
    .jqx-icon-arrow-left-hover-S101Blue
    {
    background-image: url(‘images/metro-icon-left-white.png’);
    }
    .jqx-menu-vertical-S101Blue
    {
    background: #FFFFFF;
    }
    .jqx-menu-item-arrow-left-selected-S101Blue, .jqx-icon-arrow-left-selected-S101Blue
    {
    background-image: url(‘images/metro-icon-left-white.png’);
    }
    .jqx-tabs-arrow-right-S101Blue, .jqx-menu-item-arrow-top-right-S101Blue, .jqx-menu-item-arrow-collapse-S101Blue, .jqx-grid-group-collapse-S101Blue, .jqx-widget-S101Blue .jqx-grid-group-collapse-S101Blue, .jqx-icon-arrow-right-S101Blue
    {
    background-image: url(‘images/metro-icon-right-white.png’);
    }
    .jqx-icon-arrow-right-hover-S101Blue
    {
    background-image: url(‘images/metro-icon-right-white.png’);
    }
    .jqx-menu-item-arrow-right-selected-S101Blue, .jqx-icon-arrow-right-selected-S101Blue
    {
    background-image: url(‘images/metro-icon-right-white.png’);
    }
    .jqx-window-close-button-S101Blue, .jqx-tabs-close-button-S101Blue, .icon-close-S101Blue
    {
    background-image: url(‘images/close_white.png’);
    }
    .jqx-tabs-close-button-selected-S101Blue
    {
    background-image: url(‘images/close_white.png’);
    }
    .jqx-tabs-close-button-hover-S101Blue
    {
    background-image: url(‘images/close_white.png’);
    }
    .jqx-widget-S101Blue .jqx-grid-column-header-S101Blue, .jqx-widget-S101Blue .jqx-grid-cell-S101Blue, .jqx-widget-S101Blue .jqx-grid-group-cell-S101Blue, .jqx-grid-cell-S101Blue
    {
    border-color: #aaaaaa;
    }
    .jqx-checkbox-check-checked-S101Blue
    {
    background-image: url(‘images/check_white.png’);
    }
    .jqx-checkbox-check-indeterminate-S101Blue
    {
    background-image: url(‘images/check_indeterminate_white.png’);
    }
    .jqx-tooltip-S101Blue, .jqx-tooltip-main-S101Blue
    {
    color: #000000;
    text-shadow: none;
    border-color: #aaaaaa;
    background-color: #efefef;
    }
    .jqx-combobox-content-S101Blue, .jqx-input-S101Blue
    {
    color: #000000;
    text-shadow: none;
    border-color: #aaaaaa;
    background-color: #ffffff;
    }
    .jqx-combobox-input-S101Blue
    {
    color: #000000;
    text-shadow: none;
    }
    .jqx-input-content-S101Blue
    {
    color: #000000;
    text-shadow: none;
    background-color: #ffffff;
    }
    .jqx-fill-state-focus-S101Blue, .jqx-popup-S101Blue .jqx-fill-state-focus-S101Blue
    {
    border-color: #111111;
    }
    .jqx-popup-S101Blue.jqx-listbox-S101Blue, .jqx-popup-S101Blue.jqx-calendar-S101Blue,.jqx-menu-dropdown-S101Blue, .jqx-popup-S101Blue.jqx-dropdownbutton-popup-S101Blue
    {
    color: #000000;
    text-shadow: none;
    border-color: #111111;
    background-color: #FFFFFF;
    }
    .jqx-menu-item-arrow-right-S101Blue, .jqx-tree-item-arrow-collapse-S101Blue
    {
    background-image: url(‘images/metro-icon-right-white.png’);
    }
    .jqx-menu-item-arrow-left-S101Blue
    {
    background-image: url(‘images/metro-icon-left-white.png’);
    }
    .jqx-tree-item-arrow-expand-S101Blue
    {
    background-image: url(‘images/metro-icon-down-white.png’);
    }
    .jqx-scrollbar-S101Blue .jqx-icon-arrow-up-S101Blue
    {
    background-image: url(‘images/metro-icon-up-white.png’);
    }
    .jqx-scrollbar-S101Blue .jqx-icon-arrow-left-S101Blue
    {
    background-image: url(‘images/metro-icon-left-white.png’);
    }
    .jqx-scrollbar-S101Blue .jqx-icon-arrow-right-S101Blue
    {
    background-image: url(‘images/metro-icon-right-white.png’);
    }
    .jqx-scrollbar-S101Blue .jqx-icon-arrow-bottom-S101Blue
    {
    background-image: url(‘images/metro-icon-bottom-white.png’);
    }
    .jqx-scrollbar-S101Blue .jqx-icon-arrow-up-hover-S101Blue
    {
    background-image: url(‘images/metro-icon-up-white.png’);
    }
    .jqx-scrollbar-S101Blue .jqx-icon-arrow-left-hover-S101Blue
    {
    background-image: url(‘images/metro-icon-left-white.png’);
    }
    .jqx-scrollbar-S101Blue .jqx-icon-arrow-right-hover-S101Blue
    {
    background-image: url(‘images/metro-icon-right-white.png’);
    }
    .jqx-scrollbar-S101Blue .jqx-icon-arrow-bottom-hover-S101Blue
    {
    background-image: url(‘images/metro-icon-bottom-white.png’);
    }
    .jqx-scrollbar-S101Blue .jqx-icon-arrow-up-selected-S101Blue
    {
    background-image: url(‘images/metro-icon-up-white.png’);
    }
    .jqx-scrollbar-S101Blue .jqx-icon-arrow-left-selected-S101Blue
    {
    background-image: url(‘images/metro-icon-left-white.png’);
    }
    .jqx-scrollbar-S101Blue .jqx-icon-arrow-right-selected-S101Blue
    {
    background-image: url(‘images/metro-icon-right-white.png’);
    }
    .jqx-scrollbar-S101Blue .jqx-icon-arrow-bottom-selected-S101Blue
    {
    background-image: url(‘images/metro-icon-bottom-white.png’);
    }
    .jqx-calendar-S101Blue .jqx-icon-arrow-up-S101Blue, .jqx-tabs-header-S101Blue .jqx-icon-arrow-up-S101Blue
    {
    }
    .jqx-calendar-S101Blue .jqx-icon-arrow-left-S101Blue, .jqx-tabs-header-S101Blue .jqx-icon-arrow-left-S101Blue
    {
    }
    .jqx-calendar-S101Blue .jqx-icon-arrow-right-S101Blue, .jqx-tabs-header-S101Blue .jqx-icon-arrow-right-S101Blue
    {
    }
    .jqx-calendar-S101Blue .jqx-icon-arrow-bottom-S101Blue, .jqx-tabs-header-S101Blue .jqx-icon-arrow-bottom-S101Blue
    {
    }
    .jqx-widget-S101Blue .jqx-grid-cell-S101Blue, .jqx-listitem-state-normal-S101Blue, .jqx-menu-item-normal-S101Blue, .jqx-tree-item-normal-S101Blue, .jqx-calendar-cell-S101Blue, .jqx-grid-cell-S101Blue,.jqx-menu-vertical-S101Blue .jqx-menu-item-top-normal-S101Blue, .jqx-input-popup-S101Blue .jqx-fill-state-normal-S101Blue,
    {
    font-family: Verdana;
    }
    .jqx-widget-S101Blue .jqx-grid-cell-hover-S101Blue, .jqx-listitem-state-hover-S101Blue, .jqx-menu-item-hover-S101Blue, .jqx-tree-item-hover-S101Blue, .jqx-calendar-cell-hover-S101Blue, .jqx-grid-cell-hover-S101Blue,.jqx-menu-vertical-S101Blue .jqx-menu-item-top-hover-S101Blue, .jqx-input-popup-S101Blue .jqx-fill-state-hover-S101Blue,.jqx-input-button-header-S101Blue, .jqx-input-popup-S101Blue .jqx-fill-state-pressed-S101Blue,.jqx-input-button-header-S101Blue
    {
    font-family: Verdana;
    }
    .jqx-widget-S101Blue .jqx-grid-cell-selected-S101Blue, .jqx-listitem-state-selected-S101Blue, .jqx-menu-item-selected-S101Blue, .jqx-tree-item-selected-S101Blue, .jqx-calendar-cell-selected-S101Blue, .jqx-grid-cell-selected-S101Blue,.jqx-menu-vertical-S101Blue .jqx-menu-item-top-selected-S101Blue, .jqx-grid-selectionarea-S101Blue
    {
    font-family: Verdana;
    }
    .jqx-icon-calendar-S101Blue
    {
    background-image: url(‘images/icon-calendar-white.png’);
    }
    .jqx-icon-calendar-hover-S101Blue
    {
    background-image: url(‘images/icon-calendar-white.png’);
    }
    .jqx-icon-calendar-pressed-S101Blue
    {
    background-image: url(‘images/icon-calendar-white.png’);
    }
    .jqx-icon-first-S101Blue
    {
    background-image: url(‘images/metro-icon-first-white.png’);
    }
    .jqx-icon-first-hover-S101Blue
    {
    background-image: url(‘images/metro-icon-first-white.png’);
    }
    .jqx-icon-first-selected-S101Blue
    {
    background-image: url(‘images/metro-icon-first-white.png’);
    }
    .jqx-icon-last-S101Blue
    {
    background-image: url(‘images/metro-icon-last-white.png’);
    }
    .jqx-icon-last-hover-S101Blue
    {
    background-image: url(‘images/metro-icon-last-white.png’);
    }
    .jqx-icon-last-selected-S101Blue
    {
    background-image: url(‘images/metro-icon-last-white.png’);
    }
    .jqx-grid-cell-S101Blue.jqx-grid-cell-S101Blue>.jqx-grid-group-expand-S101Blue
    {
    background-image: url(‘images/metro-icon-down-white.png’);
    }
    .jqx-grid-cell-S101Blue.jqx-grid-cell-hover-S101Blue>.jqx-grid-group-expand-S101Blue
    {
    background-image: url(‘images/metro-icon-down-white.png’);
    }
    .jqx-grid-cell-S101Blue.jqx-grid-cell-selected-S101Blue>.jqx-grid-group-expand-S101Blue
    {
    background-image: url(‘images/metro-icon-down-white.png’);
    }
    .jqx-grid-cell-S101Blue.jqx-grid-cell-S101Blue>.jqx-grid-group-collapse-S101Blue
    {
    background-image: url(‘images/metro-icon-right-white.png’);
    }
    .jqx-grid-cell-S101Blue.jqx-grid-cell-hover-S101Blue>.jqx-grid-group-collapse-S101Blue
    {
    background-image: url(‘images/metro-icon-right-white.png’);
    }
    .jqx-grid-cell-S101Blue.jqx-grid-cell-selected-S101Blue>.jqx-grid-group-collapse-S101Blue
    {
    background-image: url(‘images/metro-icon-right-white.png’);
    }
    .jqx-grid-cell-S101Blue.jqx-grid-cell-S101Blue>.jqx-grid-group-expand-rtl-S101Blue
    {
    background-image: url(‘images/metro-icon-down-white.png’);
    }
    .jqx-grid-cell-S101Blue.jqx-grid-cell-hover-S101Blue>.jqx-grid-group-expand-rtl-S101Blue
    {
    background-image: url(‘images/metro-icon-down-white.png’);
    }
    .jqx-grid-cell-S101Blue.jqx-grid-cell-selected-S101Blue>.jqx-grid-group-expand-rtl-S101Blue
    {
    background-image: url(‘images/metro-icon-down-white.png’);
    }
    .jqx-grid-cell-S101Blue.jqx-grid-cell-S101Blue>.jqx-grid-group-collapse-rtl-S101Blue
    {
    background-image: url(‘images/metro-icon-left-white.png’);
    }
    .jqx-grid-cell-S101Blue.jqx-grid-cell-hover-S101Blue>.jqx-grid-group-collapse-rtl-S101Blue
    {
    background-image: url(‘images/metro-icon-left-white.png’);
    }
    .jqx-grid-cell-S101Blue.jqx-grid-cell-selected-S101Blue>.jqx-grid-group-collapse-rtl-S101Blue
    {
    background-image: url(‘images/metro-icon-left-white.png’);
    }
    .jqx-grid-column-menubutton-S101Blue, .jqx-grid-column-sortdescbutton-S101Blue
    {
    background-image: url(‘images/metro-icon-down-white.png’);
    }
    .jqx-grid-column-sortascbutton-S101Blue
    {
    background-image: url(‘images/metro-icon-up-white.png’);
    }
    .jqx-icon-delete-S101Blue
    {
    background-image: url(‘images/metro-icon-delete-white.png’);
    }
    .jqx-icon-edit-S101Blue
    {
    background-image: url(‘images/metro-icon-edit-white.png’);
    }
    .jqx-icon-save-S101Blue
    {
    background-image: url(‘images/metro-icon-save-white.png’);
    }
    .jqx-icon-cancel-S101Blue
    {
    background-image: url(‘images/metro-icon-cancel-white.png’);
    }
    .jqx-icon-search-S101Blue
    {
    background-image: url(‘images/icon-search_white.png’);
    }
    .jqx-icon-plus-S101Blue
    {
    background-image: url(‘images/icon-plus_white.png’);
    }

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.