www/jqwidgets/styles/jqx.shinyblack.css

changeset 733
67bf19c50fcc
parent 451
259c97782bf8
equal deleted inserted replaced
732:db4de4f37b65 733:67bf19c50fcc
1 .jqx-widget-shinyblack{border-color:#222} 1 .jqx-widget-shinyblack{border-color:#222}
2 .jqx-widget-content-shinyblack{color:#222; border-color:#262626} 2 .jqx-widget-content-shinyblack{color:#222; border-color:#262626}
3 .jqx-fill-state-normal-shinyblack, .jqx-widget-header-shinyblack{color:#fff; border-color:#000; background:#000 url(images/bg_black.png) left center scroll repeat-x} 3 .jqx-fill-state-normal-shinyblack, .jqx-widget-header-shinyblack{color:#fff; border-color:#000; background:#000 url(./images/bg_black.png) left center scroll repeat-x}
4 .jqx-fill-state-hover-shinyblack{background:transparent url(images/bg_blackhover.png) left center scroll repeat-x; border-color:#262626; color:#fff} 4 .jqx-fill-state-hover-shinyblack{background:transparent url(./images/bg_blackhover.png) left center scroll repeat-x; border-color:#262626; color:#fff}
5 .jqx-fill-state-pressed-shinyblack, .jqx-menu-item-top-hover-shinyblack{background:transparent url(images/bg_blackpressed.png) left center scroll repeat-x; border-color:#262626; color:#fff} 5 .jqx-fill-state-pressed-shinyblack, .jqx-menu-item-top-hover-shinyblack{background:transparent url(./images/bg_blackpressed.png) left center scroll repeat-x; border-color:#262626; color:#fff}
6 6
7 .jqx-checkbox-check-checked-shinyblack{background:transparent url(images/check_white.png) left top no-repeat} 7 .jqx-checkbox-check-checked-shinyblack{background:transparent url(./images/check_white.png) left top no-repeat}
8 .jqx-checkbox-check-indeterminate-shinyblack{background:transparent url(images/check_indeterminate_white.png) left top no-repeat} 8 .jqx-checkbox-check-indeterminate-shinyblack{background:transparent url(./images/check_indeterminate_white.png) left top no-repeat}
9 .jqx-grid-shinyblack, .jqx-grid-header-shinyblack, .jqx-grid-cell-shinyblack{border-color:#262626} 9 .jqx-grid-shinyblack, .jqx-grid-header-shinyblack, .jqx-grid-cell-shinyblack{border-color:#262626}
10 .jqx-widget-shinyblack .jqx-grid-cell-shinyblack, .jqx-widget-shinyblack .jqx-grid-group-cell-shinyblack{border-color:#262626} 10 .jqx-widget-shinyblack .jqx-grid-cell-shinyblack, .jqx-widget-shinyblack .jqx-grid-group-cell-shinyblack{border-color:#262626}
11 .jqx-widget-shinyblack .jqx-grid-column-menubutton-shinyblack, .jqx-widget-shinyblack .jqx-grid-column-sortascbutton-shinyblack, .jqx-widget-shinyblack .jqx-grid-column-sortdescbutton-shinyblack, .jqx-widget-shinyblack .jqx-grid-column-filterbutton-shinyblack{border-color:#262626} 11 .jqx-widget-shinyblack .jqx-grid-column-menubutton-shinyblack, .jqx-widget-shinyblack .jqx-grid-column-sortascbutton-shinyblack, .jqx-widget-shinyblack .jqx-grid-column-sortdescbutton-shinyblack, .jqx-widget-shinyblack .jqx-grid-column-filterbutton-shinyblack{border-color:#262626}
12 .jqx-widget-shinyblack .jqx-grid-column-header-shinyblack{border-color:#262626} 12 .jqx-widget-shinyblack .jqx-grid-column-header-shinyblack{border-color:#262626}
13 .jqx-grid-bottomright-shinyblack, .jqx-panel-bottomright-shinyblack, .jqx-listbox-bottomright-shinyblack{background-color:#262626} 13 .jqx-grid-bottomright-shinyblack, .jqx-panel-bottomright-shinyblack, .jqx-listbox-bottomright-shinyblack{background-color:#262626}
19 .jqx-grid-cell-selected-shinyblack{background:#262626; color:#fff} 19 .jqx-grid-cell-selected-shinyblack{background:#262626; color:#fff}
20 .jqx-grid-cell-hover-shinyblack{background:#646464; color:#fff} 20 .jqx-grid-cell-hover-shinyblack{background:#646464; color:#fff}
21 .jqx-menu-vertical-shinyblack{background: #222; color:#fff;} 21 .jqx-menu-vertical-shinyblack{background: #222; color:#fff;}
22 .jqx-scrollbar-state-normal-shinyblack{background:#555; border:1px solid #555} 22 .jqx-scrollbar-state-normal-shinyblack{background:#555; border:1px solid #555}
23 .jqx-scrollbar-button-state-normal-shinyblack{border:1px solid #555; background:#555} 23 .jqx-scrollbar-button-state-normal-shinyblack{border:1px solid #555; background:#555}
24 .jqx-scrollbar-button-state-hover-shinyblack{background:#555 url(images/bg_blackhover.png) left top scroll repeat-x; border:1px solid #000} 24 .jqx-scrollbar-button-state-hover-shinyblack{background:#555 url(./images/bg_blackhover.png) left top scroll repeat-x; border:1px solid #000}
25 .jqx-scrollbar-button-state-pressed-shinyblack{background:#555 url(images/bg_blackpressed.png) left top scroll repeat-x; border:1px solid #000} 25 .jqx-scrollbar-button-state-pressed-shinyblack{background:#555 url(./images/bg_blackpressed.png) left top scroll repeat-x; border:1px solid #000}
26 .jqx-scrollbar-thumb-state-normal-horizontal-shinyblack{background:#555 url(images/bg_black.png) left top scroll repeat-x; border:1px solid #000} 26 .jqx-scrollbar-thumb-state-normal-horizontal-shinyblack{background:#555 url(./images/bg_black.png) left top scroll repeat-x; border:1px solid #000}
27 .jqx-scrollbar-thumb-state-hover-horizontal-shinyblack{ background:#555 url(images/bg_blackhover.png) left top scroll repeat-x; border:1px solid #000} 27 .jqx-scrollbar-thumb-state-hover-horizontal-shinyblack{ background:#555 url(./images/bg_blackhover.png) left top scroll repeat-x; border:1px solid #000}
28 .jqx-scrollbar-thumb-state-pressed-horizontal-shinyblack{background:#555 url(images/bg_blackpressed.png) left top scroll repeat-x; border:1px solid #000} 28 .jqx-scrollbar-thumb-state-pressed-horizontal-shinyblack{background:#555 url(./images/bg_blackpressed.png) left top scroll repeat-x; border:1px solid #000}
29 .jqx-scrollbar-thumb-state-normal-shinyblack{background:#555 url(images/bg_black_horizontal.png) left top scroll repeat-x; border:1px solid #000} 29 .jqx-scrollbar-thumb-state-normal-shinyblack{background:#555 url(./images/bg_black_horizontal.png) left top scroll repeat-x; border:1px solid #000}
30 .jqx-scrollbar-thumb-state-hover-shinyblack{background:#555 url(images/bg_blackhover_horizontal.png) left top scroll repeat-x; border:1px solid #000} 30 .jqx-scrollbar-thumb-state-hover-shinyblack{background:#555 url(./images/bg_blackhover_horizontal.png) left top scroll repeat-x; border:1px solid #000}
31 .jqx-scrollbar-thumb-state-pressed-shinyblack{background:#555 url(images/bg_blackpressed_horizontal.png) left top scroll repeat-x; border:1px solid #000} 31 .jqx-scrollbar-thumb-state-pressed-shinyblack{background:#555 url(./images/bg_blackpressed_horizontal.png) left top scroll repeat-x; border:1px solid #000}
32 .jqx-splitter-splitbar-horizontal-shinyblack, .jqx-splitter-splitbar-vertical-shinyblack, .jqx-splitter-splitbar-hover-shinyblack, .jqx-splitter-splitbar-hover-horizontal-shinyblack{background: #555;} 32 .jqx-splitter-splitbar-horizontal-shinyblack, .jqx-splitter-splitbar-vertical-shinyblack, .jqx-splitter-splitbar-hover-shinyblack, .jqx-splitter-splitbar-hover-horizontal-shinyblack{background: #555;}
33 .jqx-splitter-collapse-button-horizontal-shinyblack, .jqx-splitter-collapse-button-vertical-shinyblack{background: #7f7f7f;} 33 .jqx-splitter-collapse-button-horizontal-shinyblack, .jqx-splitter-collapse-button-vertical-shinyblack{background: #7f7f7f;}
34 .jqx-grid-column-sortascbutton-shinyblack, .jqx-expander-arrow-bottom-shinyblack, .jqx-window-collapse-button-shinyblack, .jqx-menu-item-arrow-up-shinyblack, .jqx-menu-item-arrow-up-selected-shinyblack, .jqx-menu-item-arrow-top-up-shinyblack, .jqx-icon-arrow-up-shinyblack, .jqx-icon-arrow-up-hover-shinyblack, .jqx-icon-arrow-up-selected-shinyblack{background-image:url('images/icon-up-white.png'); background-repeat:no-repeat; background-position:center} 34 .jqx-grid-column-sortascbutton-shinyblack, .jqx-expander-arrow-bottom-shinyblack, .jqx-window-collapse-button-shinyblack, .jqx-menu-item-arrow-up-shinyblack, .jqx-menu-item-arrow-up-selected-shinyblack, .jqx-menu-item-arrow-top-up-shinyblack, .jqx-icon-arrow-up-shinyblack, .jqx-icon-arrow-up-hover-shinyblack, .jqx-icon-arrow-up-selected-shinyblack{background-image:url('images/icon-up-white.png'); background-repeat:no-repeat; background-position:center}
35 .jqx-grid-column-menubutton-shinyblack, .jqx-grid-column-sortdescbutton-shinyblack, .jqx-expander-arrow-top-shinyblack, .jqx-window-collapse-button-collapsed-shinyblack, .jqx-menu-item-arrow-down-shinyblack, .jqx-menu-item-arrow-down-selected-shinyblack, .jqx-menu-item-arrow-down-shinyblack, .jqx-icon-arrow-down-shinyblack, .jqx-icon-arrow-down-hover-shinyblack, .jqx-icon-arrow-down-selected-shinyblack{background-image:url('images/icon-down-white.png'); background-repeat:no-repeat; background-position:center} 35 .jqx-grid-column-menubutton-shinyblack, .jqx-grid-column-sortdescbutton-shinyblack, .jqx-expander-arrow-top-shinyblack, .jqx-window-collapse-button-collapsed-shinyblack, .jqx-menu-item-arrow-down-shinyblack, .jqx-menu-item-arrow-down-selected-shinyblack, .jqx-menu-item-arrow-down-shinyblack, .jqx-icon-arrow-down-shinyblack, .jqx-icon-arrow-down-hover-shinyblack, .jqx-icon-arrow-down-selected-shinyblack{background-image:url('images/icon-down-white.png'); background-repeat:no-repeat; background-position:center}
36 36
39 .jqx-menu-item-arrow-left-shinyblack{background-image:url('images/icon-left.png'); background-repeat:no-repeat; background-position:center} 39 .jqx-menu-item-arrow-left-shinyblack{background-image:url('images/icon-left.png'); background-repeat:no-repeat; background-position:center}
40 .jqx-menu-item-arrow-right-shinyblack{background-image:url('images/icon-right.png'); background-repeat:no-repeat; background-position:center} 40 .jqx-menu-item-arrow-right-shinyblack{background-image:url('images/icon-right.png'); background-repeat:no-repeat; background-position:center}
41 41
42 .jqx-tabs-arrow-left-shinyblack, .jqx-menu-item-arrow-left-selected-shinyblack, .jqx-menu-item-arrow-top-left, .jqx-icon-arrow-down-left-shinyblack, .jqx-icon-arrow-left-selected-shinyblack{background-image:url('images/icon-left-white.png'); background-repeat:no-repeat; background-position:center} 42 .jqx-tabs-arrow-left-shinyblack, .jqx-menu-item-arrow-left-selected-shinyblack, .jqx-menu-item-arrow-top-left, .jqx-icon-arrow-down-left-shinyblack, .jqx-icon-arrow-left-selected-shinyblack{background-image:url('images/icon-left-white.png'); background-repeat:no-repeat; background-position:center}
43 .jqx-tabs-arrow-right-shinyblack, .jqx-menu-item-arrow-right-selected-shinyblack, .jqx-menu-item-arrow-top-right-shinyblack, .jqx-icon-arrow-right-hover-shinyblack, .jqx-icon-arrow-right-selected-shinyblack{background-image:url('images/icon-right-white.png'); background-repeat:no-repeat; background-position:center} 43 .jqx-tabs-arrow-right-shinyblack, .jqx-menu-item-arrow-right-selected-shinyblack, .jqx-menu-item-arrow-top-right-shinyblack, .jqx-icon-arrow-right-hover-shinyblack, .jqx-icon-arrow-right-selected-shinyblack{background-image:url('images/icon-right-white.png'); background-repeat:no-repeat; background-position:center}
44 .jqx-window-close-button-shinyblack, .jqx-icon-close-shinyblack, .jqx-tabs-close-button-shinyblack, .jqx-tabs-close-button-hover-shinyblack, .jqx-tabs-close-button-selected-shinyblack{background-image:url(images/close_white.png); background-repeat:no-repeat; background-position:center} 44 .jqx-window-close-button-shinyblack, .jqx-icon-close-shinyblack, .jqx-tabs-close-button-shinyblack, .jqx-tabs-close-button-hover-shinyblack, .jqx-tabs-close-button-selected-shinyblack{background-image:url(./images/close_white.png); background-repeat:no-repeat; background-position:center}
45 /*applied to the progressbar's value element*/ 45 /*applied to the progressbar's value element*/
46 .jqx-progressbar-value-shinyblack{background: #555;} 46 .jqx-progressbar-value-shinyblack{background: #555;}
47 .jqx-progressbar-value-vertical-shinyblack{background: #555;} 47 .jqx-progressbar-value-vertical-shinyblack{background: #555;}
48 .jqx-icon-arrow-first-shinyblack 48 .jqx-icon-arrow-first-shinyblack
49 { 49 {
113 background-repeat: no-repeat; 113 background-repeat: no-repeat;
114 background-position: center; 114 background-position: center;
115 } 115 }
116 .jqx-icon-search-shinyblack 116 .jqx-icon-search-shinyblack
117 { 117 {
118 background-image: url(images/search_white.png); 118 background-image: url(./images/search_white.png);
119 background-repeat: no-repeat; 119 background-repeat: no-repeat;
120 background-position: center; 120 background-position: center;
121 } 121 }
122 .jqx-icon-calendar-shinyblack, .jqx-icon-calendar-hover-shinyblack, .jqx-icon-calendar-pressed-shinyblack { 122 .jqx-icon-calendar-shinyblack, .jqx-icon-calendar-hover-shinyblack, .jqx-icon-calendar-pressed-shinyblack {
123 background-image: url('images/icon-calendar-white.png'); 123 background-image: url('images/icon-calendar-white.png');
141 { 141 {
142 background-image: url('images/icon-cancel-white.png'); 142 background-image: url('images/icon-cancel-white.png');
143 } 143 }
144 .jqx-icon-search-shinyblack 144 .jqx-icon-search-shinyblack
145 { 145 {
146 background-image: url(images/search_white.png); 146 background-image: url(./images/search_white.png);
147 } 147 }
148 .jqx-icon-plus-shinyblack 148 .jqx-icon-plus-shinyblack
149 { 149 {
150 background-image: url(images/plus_white.png); 150 background-image: url(./images/plus_white.png);
151 } 151 }
152 .jqx-menu-minimized-button-shinyblack { 152 .jqx-menu-minimized-button-shinyblack {
153 background-image: url('images/icon-menu-minimized-white.png'); 153 background-image: url('images/icon-menu-minimized-white.png');
154 } 154 }
155 .jqx-editor-toolbar-icon-shinyblack { 155 .jqx-editor-toolbar-icon-shinyblack {

mercurial