www-thermferm/jqwidgets/styles/jqx.darkblue.css

changeset 617
b216f9d4b917
parent 511
2d1d43c3a2c2
equal deleted inserted replaced
616:e2b82881c13e 617:b216f9d4b917
2 .jqx-widget-darkblue{border-color:#004a73} 2 .jqx-widget-darkblue{border-color:#004a73}
3 .jqx-widget-content-darkblue{color:#004a73; border-color:#004a73} 3 .jqx-widget-content-darkblue{color:#004a73; border-color:#004a73}
4 .jqx-fill-state-normal-darkblue, .jqx-widget-header-darkblue, .jqx-menu-vertical-darkblue{color: #fff; border-color: #004a73; background-color:#449bca; background-image:-webkit-gradient(linear,0 0,0 100%,from(#3c91c2),to(#449bca)); background-image:-moz-linear-gradient(top,#3c91c2,#449bca); background-image:-o-linear-gradient(top,#3c91c2,#449bca)} 4 .jqx-fill-state-normal-darkblue, .jqx-widget-header-darkblue, .jqx-menu-vertical-darkblue{color: #fff; border-color: #004a73; background-color:#449bca; background-image:-webkit-gradient(linear,0 0,0 100%,from(#3c91c2),to(#449bca)); background-image:-moz-linear-gradient(top,#3c91c2,#449bca); background-image:-o-linear-gradient(top,#3c91c2,#449bca)}
5 .jqx-grid-cell-sort-darkblue, .jqx-grid-cell-filter-darkblue, .jqx-grid-cell-pinned-darkblue{color: #000; background-color:#deedf5} 5 .jqx-grid-cell-sort-darkblue, .jqx-grid-cell-filter-darkblue, .jqx-grid-cell-pinned-darkblue{color: #000; background-color:#deedf5}
6 .jqx-grid-cell-alt-darkblue, .jqx-grid-cell-sort-alt-darkblue, .jqx-grid-cell-filter-alt-darkblue{color: #000; background-color:#deedf5} 6 .jqx-grid-cell-alt-darkblue, .jqx-grid-cell-sort-alt-darkblue, .jqx-grid-cell-filter-alt-darkblue{color: #000; background-color:#deedf5}
7 .jqx-checkbox-check-checked-darkblue{background:transparent url(images/check_white.png) left top no-repeat} 7 .jqx-checkbox-check-checked-darkblue{background:transparent url(./images/check_white.png) left top no-repeat}
8 .jqx-checkbox-check-indeterminate-darkblue{background:transparent url(images/check_indeterminate_white.png) left top no-repeat} 8 .jqx-checkbox-check-indeterminate-darkblue{background:transparent url(./images/check_indeterminate_white.png) left top no-repeat}
9 .jqx-grid-darkblue, .jqx-grid-header-darkblue, .jqx-grid-cell-darkblue{border-color:#60aad2} 9 .jqx-grid-darkblue, .jqx-grid-header-darkblue, .jqx-grid-cell-darkblue{border-color:#60aad2}
10 .jqx-widget-darkblue .jqx-grid-cell-darkblue, .jqx-widget-darkblue .jqx-grid-group-cell-darkblue{border-color:#60aad2} 10 .jqx-widget-darkblue .jqx-grid-cell-darkblue, .jqx-widget-darkblue .jqx-grid-group-cell-darkblue{border-color:#60aad2}
11 .jqx-widget-darkblue .jqx-grid-column-menubutton-darkblue, .jqx-widget-darkblue .jqx-grid-column-sortascbutton-darkblue, .jqx-widget-darkblue .jqx-grid-column-sortdescbutton-darkblue, .jqx-widget-darkblue .jqx-grid-column-filterbutton-darkblue{ background-color:#449bca;border-color:#449bca} 11 .jqx-widget-darkblue .jqx-grid-column-menubutton-darkblue, .jqx-widget-darkblue .jqx-grid-column-sortascbutton-darkblue, .jqx-widget-darkblue .jqx-grid-column-sortdescbutton-darkblue, .jqx-widget-darkblue .jqx-grid-column-filterbutton-darkblue{ background-color:#449bca;border-color:#449bca}
12 .jqx-widget-darkblue .jqx-grid-column-header-darkblue{border-color:#449bca} 12 .jqx-widget-darkblue .jqx-grid-column-header-darkblue{border-color:#449bca}
13 .jqx-grid-bottomright-darkblue, .jqx-panel-bottomright-darkblue, .jqx-listbox-bottomright-darkblue{ background-color:#449bca} 13 .jqx-grid-bottomright-darkblue, .jqx-panel-bottomright-darkblue, .jqx-listbox-bottomright-darkblue{ background-color:#449bca}
28 .jqx-menu-item-arrow-left-darkblue{background-image:url('images/icon-left.png'); background-repeat:no-repeat; background-position:center} 28 .jqx-menu-item-arrow-left-darkblue{background-image:url('images/icon-left.png'); background-repeat:no-repeat; background-position:center}
29 .jqx-menu-item-arrow-right-darkblue{background-image:url('images/icon-right.png'); background-repeat:no-repeat; background-position:center} 29 .jqx-menu-item-arrow-right-darkblue{background-image:url('images/icon-right.png'); background-repeat:no-repeat; background-position:center}
30 30
31 .jqx-tabs-arrow-left-darkblue, .jqx-menu-item-arrow-left-selected-darkblue, .jqx-menu-item-arrow-top-left-darkblue, .jqx-icon-arrow-down-left-darkblue, .jqx-icon-arrow-left-selected-darkblue{background-image:url('images/icon-left-white.png');background-repeat:no-repeat;background-position:center} 31 .jqx-tabs-arrow-left-darkblue, .jqx-menu-item-arrow-left-selected-darkblue, .jqx-menu-item-arrow-top-left-darkblue, .jqx-icon-arrow-down-left-darkblue, .jqx-icon-arrow-left-selected-darkblue{background-image:url('images/icon-left-white.png');background-repeat:no-repeat;background-position:center}
32 .jqx-tabs-arrow-right-darkblue, .jqx-menu-item-arrow-right-selected-darkblue, .jqx-menu-item-arrow-top-right-darkblue, .jqx-icon-arrow-right-hover-darkblue, .jqx-icon-arrow-right-selected-darkblue{background-image:url('images/icon-right-white.png');background-repeat:no-repeat;background-position:center} 32 .jqx-tabs-arrow-right-darkblue, .jqx-menu-item-arrow-right-selected-darkblue, .jqx-menu-item-arrow-top-right-darkblue, .jqx-icon-arrow-right-hover-darkblue, .jqx-icon-arrow-right-selected-darkblue{background-image:url('images/icon-right-white.png');background-repeat:no-repeat;background-position:center}
33 .jqx-window-close-button-darkblue, .jqx-icon-close-darkblue, .jqx-tabs-close-button-darkblue, .jqx-tabs-close-button-hover-darkblue, .jqx-tabs-close-button-selected-darkblue{background-image:url(images/close_white.png); background-repeat:no-repeat; background-position:center} 33 .jqx-window-close-button-darkblue, .jqx-icon-close-darkblue, .jqx-tabs-close-button-darkblue, .jqx-tabs-close-button-hover-darkblue, .jqx-tabs-close-button-selected-darkblue{background-image:url(./images/close_white.png); background-repeat:no-repeat; background-position:center}
34 .jqx-icon-arrow-first-darkblue 34 .jqx-icon-arrow-first-darkblue
35 { 35 {
36 background-image: url('images/icon-first-white.png'); 36 background-image: url('images/icon-first-white.png');
37 background-repeat: no-repeat; 37 background-repeat: no-repeat;
38 background-position: center; 38 background-position: center;
43 background-repeat: no-repeat; 43 background-repeat: no-repeat;
44 background-position: center; 44 background-position: center;
45 } 45 }
46 .jqx-icon-search-darkblue 46 .jqx-icon-search-darkblue
47 { 47 {
48 background-image: url(images/search_white.png); 48 background-image: url(./images/search_white.png);
49 background-repeat: no-repeat; 49 background-repeat: no-repeat;
50 background-position: center; 50 background-position: center;
51 } 51 }
52 .jqx-icon-calendar-darkblue, .jqx-icon-calendar-hover-darkblue, .jqx-icon-calendar-pressed-darkblue { 52 .jqx-icon-calendar-darkblue, .jqx-icon-calendar-hover-darkblue, .jqx-icon-calendar-pressed-darkblue {
53 background-image: url('images/icon-calendar-white.png'); 53 background-image: url('images/icon-calendar-white.png');
71 { 71 {
72 background-image: url('images/icon-cancel-white.png'); 72 background-image: url('images/icon-cancel-white.png');
73 } 73 }
74 .jqx-icon-search-darkblue 74 .jqx-icon-search-darkblue
75 { 75 {
76 background-image: url(images/search_white.png); 76 background-image: url(./images/search_white.png);
77 } 77 }
78 .jqx-icon-plus-darkblue 78 .jqx-icon-plus-darkblue
79 { 79 {
80 background-image: url(images/plus_white.png); 80 background-image: url(./images/plus_white.png);
81 } 81 }
82 82
83 .jqx-grid-group-expand-darkblue, .jqx-grid-cell-darkblue>.jqx-grid-group-expand-darkblue, .jqx-tree-item-arrow-expand-darkblue { 83 .jqx-grid-group-expand-darkblue, .jqx-grid-cell-darkblue>.jqx-grid-group-expand-darkblue, .jqx-tree-item-arrow-expand-darkblue {
84 background-image: url('images/icon-down.png'); 84 background-image: url('images/icon-down.png');
85 background-repeat: no-repeat; 85 background-repeat: no-repeat;
160 .jqx-date-time-input-popup-darkblue .jqx-icon-arrow-up-darkblue { 160 .jqx-date-time-input-popup-darkblue .jqx-icon-arrow-up-darkblue {
161 background-image: url('images/icon-up.png'); 161 background-image: url('images/icon-up.png');
162 background-repeat: no-repeat; 162 background-repeat: no-repeat;
163 background-position: center; 163 background-position: center;
164 } 164 }
165
166 /* jqxPivotGrid */
167 .jqx-pivotgrid
168 {
169 background-color: #DEDEDE;
170 }
171
172 .jqx-pivotgrid-menu-button-darkblue
173 {
174 background-image: url('images/icon-menu-small-white.png');
175 }
176 .jqx-pivotgrid-expand-button-darkblue
177 {
178 }
179
180 .jqx-pivotgrid-collapse-button-darkblue
181 {
182 }
183
184 .jqx-pivotgrid-sortasc-icon-darkblue
185 {
186 background-image: url('images/icon-sort-asc-white.png');
187 }
188
189 .jqx-pivotgrid-sortdesc-icon-darkblue
190 {
191 background-image: url('images/icon-sort-desc-white.png');
192 }
193
194 .jqx-pivotgrid-sortremove-icon-darkblue
195 {
196 background-image: url('images/icon-sort-remove-white.png');
197 }
198
199 .jqx-pivotgrid-settings-icon-darkblue
200 {
201 background-image: url('images/icon-menu-small-white.png');
202 }
203
204
205 .jqx-grid-column-menubutton-darkblue {
206 border-style: solid;
207 border-width: 0px 0px 0px 1px;
208 border-color: transparent;
209 background-image: url('images/icon-menu-small-white.png') !important;
210 background-repeat: no-repeat;
211 background-position: center;
212 cursor: pointer;
213 }
214 .jqx-item-darkblue .jqx-grid-sortasc-icon
215 {
216 background-image: url('images/icon-sort-asc-white.png');
217 background-repeat: no-repeat;
218 background-position: left center;
219 width: 16px;
220 height: 16px;
221 float: left;
222 margin-left: -4px;
223 margin-right: 4px;
224 }
225 /*applied to the sort ascending menu item in the Grid's Context Menu*/
226 .jqx-item-darkblue .jqx-grid-sortdesc-icon
227 {
228 background-image: url('images/icon-sort-desc-white.png');
229 background-repeat: no-repeat;
230 background-position: left center;
231 width: 16px;
232 height: 16px;
233 float: left;
234 margin-left: -4px;
235 margin-right: 4px;
236 }
237 /*applied to the grid menu's sort remove item/*/
238 .jqx-item-darkblue .jqx-grid-sortremove-icon
239 {
240 background-image: url('images/icon-sort-remove-white.png');
241 background-repeat: no-repeat;
242 background-position: left center;
243 width: 16px;
244 height: 16px;
245 float: left;
246 margin-left: -4px;
247 margin-right: 4px;
248 }
249 /*applied to the timepicker*/
250 .jqx-label-darkblue {
251 fill: lightblue;
252 }
253 .jqx-needle-darkblue {
254 fill: rgb(0, 74, 115);
255 }
256 .jqx-needle-central-circle-darkblue {
257 fill: rgb(0, 74, 115);
258 }
259 .jqx-time-picker .jqx-header .jqx-selected-darkblue:focus {
260 outline: 1px solid rgba(255, 255, 255, 0.5);
261 }

mercurial