www/jqwidgets/styles/jqx.classic.css

changeset 1
37f1a08315f3
child 733
67bf19c50fcc
equal deleted inserted replaced
0:033898178630 1:37f1a08315f3
1 .jqx-widget-classic{}
2 .jqx-fill-state-normal-classic, .jqx-widget-header-classic{ border-color: #aaa; background-color:#E8E8E8; background-image:-webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#dadada)); background-image:-moz-linear-gradient(top,#fafafa,#dadada); background-image:-o-linear-gradient(top,#fafafa,#dadada)}
3 .jqx-fill-state-hover-classic{ border-color:#999; background-color:#E8E8E8; background-image:-webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#dadada)); background-image:-moz-linear-gradient(top,#fafafa,#dadada); background-image:-o-linear-gradient(top,#fafafa,#dadada)}
4 .jqx-fill-state-pressed-classic{ background-color:#7A7A7A; background-image:-webkit-gradient(linear,0 0,0 100%,from(#989898),to(#696969)); background-image:-moz-linear-gradient(top,#989898,#696969); background-image:-o-linear-gradient(top,#989898,#696969); border-color:#666; color:white; text-shadow:0 1px 0 #333; border-image:initial}
5
6 .jqx-grid-column-menubutton-classic{ background-color:transparent}
7 .jqx-calendar-row-header-classic, .jqx-calendar-top-left-header-classic{ background-color:#f2f2f2; border:0px solid #f2f2f2}
8 .jqx-calendar-column-header-classic{ background-color:#FFF; border-top:1px solid #FFF; border-bottom:1px solid #e9e9e9}
9 .jqx-scrollbar-state-normal-classic{ background-color:#efefef; border:1px solid #efefef}
10 .jqx-scrollbar-button-state-normal-classic{ border:1px solid #ececed; background-color:#ececed}
11 .jqx-scrollbar-thumb-state-normal-classic{ background-color:#E8E8E8; background-image:-webkit-gradient(linear,left top,right top,from(#fafafa),to(#dadada)); background-image:-moz-linear-gradient(left,#fafafa,#dadada); background-image:-o-linear-gradient(left,#fafafa,#dadada); border:1px solid #bbb}
12 .jqx-scrollbar-thumb-state-hover-classic{ background-color:#e8e8e8; border:1px solid #aaa}
13 .jqx-scrollbar-thumb-state-pressed-classic, .jqx-progressbar-value-vertical-classic{ background-color:#7A7A7A; background-image:-webkit-gradient(linear,left top,right top,from(#989898),to(#696969)); background-image:-moz-linear-gradient(left,#989898,#696969); background-image:-o-linear-gradient(left,#989898,#696969); border:1px solid #666}
14
15 .jqx-icon-arrow-up-selected-classic{background-image:url('images/icon-up-white.png'); background-repeat:no-repeat; background-position:center}
16 .jqx-icon-arrow-down-selected-classic{background-image:url('images/icon-down-white.png'); background-repeat:no-repeat; background-position:center}
17 .jqx-icon-arrow-left-selected-classic{background-image:url('images/icon-left-white.png'); background-repeat:no-repeat; background-position:center}
18 .jqx-icon-arrow-right-selected-classic{background-image:url('images/icon-right-white.png');background-repeat:no-repeat; background-position:center}
19 .jqx-scrollbar-classic .jqx-icon-arrow-up-selected-classic{background-image:url('images/icon-up.png'); background-repeat:no-repeat; background-position:center}
20 .jqx-scrollbar-classic .jqx-icon-arrow-down-selected-classic{background-image:url('images/icon-down.png'); background-repeat:no-repeat; background-position:center}
21 .jqx-scrollbar-classic .jqx-icon-arrow-left-selected-classic{background-image:url('images/icon-left.png'); background-repeat:no-repeat; background-position:center}
22 .jqx-scrollbar-classic .jqx-icon-arrow-right-selected-classic{background-image:url('images/icon-right.png');background-repeat:no-repeat; background-position:center}
23
24 .jqx-slider-track-horizontal-classic, .jqx-slider-track-vertical-classic{border-color: #e8e8e8; background: #e8e8e8;}
25 .jqx-slider-rangebar-classic{background:#7A7A7A;}
26 .jqx-menu-vertical-classic{ background:#E8E8E8; filter: none;}
27 .jqx-menu-item-arrow-right-selected-classic{background-image:url(images/icon-right-white.png); background-position:100% 50%; background-repeat:no-repeat}
28 .jqx-menu-item-arrow-down-selected-classic{background-image:url(images/icon-down-white.png); background-position:100% 50%; background-repeat:no-repeat}
29 .jqx-menu-item-arrow-up-selected-classic{background-image:url(images/icon-up-white.png);background-position:100% 50%; background-repeat:no-repeat}
30 .jqx-menu-item-arrow-left-selected-classic{background-image:url(images/icon-left-white.png); background-position:0 50%; background-repeat:no-repeat}
31 .jqx-icon-arrow-first-selected-classic
32 {
33 background-image: url('images/icon-first-white.png');
34 background-repeat: no-repeat;
35 background-position: center;
36 }
37 .jqx-icon-arrow-last-selected-classic
38 {
39 background-image: url('images/icon-last-white.png');
40 background-repeat: no-repeat;
41 background-position: center;
42 }
43 .jqx-radiobutton-classic{border:none; background: none;}
44 .jqx-radiobutton-default-classic{filter: none; background:transparent url(images/roundbg_classic_normal.png) left center scroll repeat-x; border:0px solid #c9c9c9; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px}
45 .jqx-radiobutton-hover-classic{filter: none; -moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;background:transparent url(images/roundbg_classic_hover.png) left center scroll repeat-x; border:0px solid #000}
46 .jqx-radiobutton-check-checked-classic{filter: none; margin:0px; width:12px;height:12px;background:transparent url(images/roundbg_check_black.png) left top no-repeat; border:none}
47 .jqx-radiobutton-check-indeterminate-classic{filter: none; background:transparent url(images/roundbg_check_indeterminate.png) left top no-repeat; border:none}
48 .jqx-radiobutton-check-indeterminate-disabled-classic{filter: none; background:transparent url(images/roundbg_check_disabled.png) left top no-repeat;border:none}
49 .jqx-fill-state-focus-classic { border-color: #747474;}
50 .jqx-grid-bottomright-classic, .jqx-panel-bottomright-classic, .jqx-listbox-bottomright-classic{background-color: #efefef;}
51 .jqx-tabs-title-selected-top-classic, .jqx-tabs-selection-tracker-top-classic {border-color: #aaa; border-bottom: 1px solid #fff; text-shadow:0 1px 0 #f2f2f2; filter: none; color: #222; background: #fff;}
52 .jqx-tabs-title-selected-bottom-classic, .jqx-tabs-selection-tracker-bottom-classic {border-color: #aaa; border-top: 1px solid #fff; text-shadow:0 1px 0 #f2f2f2; filter: none; color: #222; background: #fff;}
53 .jqx-icon-calendar-pressed-classic {
54 background-image: url('images/icon-calendar-white.png');
55 }
56 .jqx-icon-time-pressed-classic {
57 background-image: url('images/icon-time-white.png');
58 }
59 .jqx-grid-cell-classic.jqx-grid-cell-selected-classic>.jqx-grid-group-expand-classic {
60 background-image: url('images/icon-down-white.png');
61 background-repeat: no-repeat;
62 background-position: center;
63 }
64 .jqx-grid-cell-classic.jqx-grid-cell-selected-classic>.jqx-grid-group-collapse-classic{
65 background-image: url('images/icon-right-white.png');
66 background-repeat: no-repeat;
67 background-position: center;
68 }
69 .jqx-grid-cell-classic.jqx-grid-cell-selected-classic>.jqx-grid-group-collapse-rtl-classic {
70 background-image: url('images/icon-left-white.png');
71 background-repeat: no-repeat;
72 background-position: center;
73 }
74 .jqx-grid-cell-classic.jqx-grid-cell-selected-classic>.jqx-grid-group-expand-rtl-classic{
75 background-image: url('images/icon-down-white.png');
76 background-repeat: no-repeat;
77 background-position: center;
78 }
79 .jqx-layout-classic
80 {
81 background-color: #aaa;
82 }

mercurial