1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
| /* iOS Skin */
| .ios .dw {
| min-width: 134px;
| padding: 0;
| border: 1px solid #2d3034;
| background: none;
| color: #fff;
| border-radius: 0;
| -webkit-border-radius: 0;
| }
| .ios .dwo {
| background: none;
| }
| .ios .dwwr {
| position: relative;
| margin-top: 40px;
| background: #50515d;
| background: linear-gradient(#9f9fa6,#484a55 50%,#272836 50%,#282a39);
| background: -webkit-gradient(linear,left top,left bottom,from(#9f9fa6),color-stop(0.5, #484a55),color-stop(0.5, #272836),to(#282a39));
| background: -moz-linear-gradient(#9f9fa6,#484a55 50%,#272836 50%,#282a39);
| background: -o-linear-gradient(#9f9fa6,#484a55 50%,#272836 50%,#282a39);
| }
| .ios .dwi .dwwr {
| margin-top: 0;
| }
| .ios .dwv {
| display: none;
| }
| .ios .dwc {
| padding: 30px 0;
| margin: 0 2px;
| }
| .ios .dwhl {
| padding: 10px 0;
| }
| .ios .dwwc {
| background: transparent;
| }
| .ios .dwwl {
| margin: 4px 0;
| border-left: 1px solid #000;
| border-right: 1px solid #000;
| background: #cbcce0;
| background: linear-gradient(#2c2c38 0%,#cbcce0 35%, #cbcce0 65%,#2c2c38 100%);
| background: -webkit-gradient(linear,left bottom,left top,from(#2c2c38),color-stop(0.35, #cbcce0),color-stop(0.65, #cbcce0),to(#2c2c38));
| background: -moz-linear-gradient(#2c2c38 0%,#cbcce0 35%, #cbcce0 65%,#2c2c38 100%);
| background: -o-linear-gradient(#2c2c38 0%,#cbcce0 35%, #cbcce0 65%,#2c2c38 100%);
| box-shadow: 0 1px 1px rgba(255,255,255,0.3);
| -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.3);
| }
| .ios td:first-child .dwwl {
| border-top-left-radius: 3px;
| border-bottom-left-radius: 3px;
| -webkit-border-top-left-radius: 3px;
| -webkit-border-bottom-left-radius: 3px;
| }
| .ios td:last-child .dwwl {
| border-top-right-radius: 3px;
| border-bottom-right-radius: 3px;
| -webkit-border-top-right-radius: 3px;
| -webkit-border-bottom-right-radius: 3px;
| }
| .ios .dwsc .dwwl {
| border-radius: 0;
| -webkit-border-radius: 0;
| }
| .ios .dwsc .dww {
| margin: 0 3px;
| background: #fff;
| background: linear-gradient(#333 0%,#999 10%,#fff 30%,#fff 70%,#999 90%,#333 100%);
| background: -webkit-gradient(linear,left bottom,left top,from(#333),color-stop(0.10, #999),color-stop(0.30, #fff),color-stop(0.70, #fff),color-stop(0.90, #999),to(#333));
| background: -moz-linear-gradient(#333 0%,#999 10%,#fff 30%,#fff 70%,#999 90%,#333 100%);
| background: -o-linear-gradient(#333 0%,#999 10%,#fff 30%,#fff 70%,#999 90%,#333 100%);
| border-radius: 0;
| -webkit-border-radius: 0;
| }
| .ios .dw .dwpm .dww {
| background: linear-gradient(#000,#fff 48%,#fff 52%,#000);
| background: -webkit-gradient(linear,left bottom,left top,from(#333),color-stop(0.48, #fff),color-stop(0.52, #fff),to(#333));
| background: -moz-linear-gradient(#000 0%,#fff 48%,#fff 52%,#000 100%);
| background: -o-linear-gradient(#000 0%,#fff 48%,#fff 52%,#000 100%);
| }
| .ios .dw .dwpm .dwwl {
| margin: 4px 2px;
| border: 1px solid #000;
| }
| .ios .dw .dwpm .dww {
| margin: 0;
| border: 0;
| }
| .ios .dww .dw-li {
| color: #000;
| font-size: 20px;
| font-weight: bold;
| text-align: right;
| text-shadow: none;
| }
| .ios .dww .dw-li.dw-hl {
| background: linear-gradient(#0288f3,#005de6);
| background: -webkit-gradient(linear,left bottom,left top,from(#0288f3),to(#005de6));
| background: -moz-linear-gradient(#0288f3,#005de6);
| background: -o-linear-gradient(#0288f3,#005de6);
| color: #fff;
| }
| .ios .dwwo {
| display: none;
| }
| .ios .dwwol {
| height: 28px;
| padding: 1px;
| margin-top: -16px;
| border-color: #7b8699;
| background: #6f75b0;
| background: linear-gradient(rgba(151, 157, 197, 0.5) 50%,rgba(111, 117, 176, 0.5) 50%);
| background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, rgba(111, 117, 176, 0.5)),color-stop(0.5, rgba(151, 157, 197, 0.5)));
| background: -moz-linear-gradient(rgba(151, 157, 197, 0.5) 50%,rgba(111, 117, 176, 0.5) 50%);
| background: -o-linear-gradient(rgba(151, 157, 197, 0.5) 50%,rgba(111, 117, 176, 0.5) 50%);
| z-index: 10;
| left: -1px;
| box-shadow: 0 1px 3px rgba(0,0,0,0.5);
| -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
| filter: alpha(opacity=50);
| }
| .ios .dw .dwbc {
| position: absolute;
| top: -40px;
| left: 0;
| width: 100%;
| height: 28px;
| padding: 5px 0;
| background: #454545;
| background: linear-gradient(rgba(69,69,69,0.7),rgba(37,37,37,0.7) 50%,rgba(16,16,16,0.7) 50%,rgba(0,0,0,0.7));
| background: -webkit-gradient(linear,left top,left bottom,from(rgba(69,69,69,0.7)),color-stop(0.5, rgba(37,37,37,0.7)),color-stop(0.5, rgba(16,16,16,0.7)),to(rgba(0,0,0,0.7)));
| background: -moz-linear-gradient(rgba(69,69,69,0.7),rgba(37,37,37,0.7) 50%,rgba(16,16,16,0.7) 50%,rgba(0,0,0,0.7));
| background: -o-linear-gradient(rgba(69,69,69,0.7),rgba(37,37,37,0.7) 50%,rgba(16,16,16,0.7) 50%,rgba(0,0,0,0.7));
| border-bottom: 1px solid #888;
| border-bottom: 1px solid rgba(255,255,255,0.5);
| border-top: 1px solid #888;
| border-top: 1px solid rgba(255,255,255,0.5);
| }
| .ios .dw .dwb {
| margin: 0 5px;
| padding: 0 10px;
| display: inline-block;
| font-size: 12px;
| height: 26px;
| line-height: 26px;
| border: 1px solid #1f1f1f;
| background: #1a1a1a;
| background: linear-gradient(#7b7b7b,#1a1a1a 50%,#000 50%);
| background: -webkit-gradient(linear,left top,left bottom,from(#7b7b7b),color-stop(0.5, #1a1a1a),color-stop(0.5, #000));
| background: -moz-linear-gradient(#7b7b7b,#1a1a1a 50%,#000 50%);
| background: -o-linear-gradient(#7b7b7b,#1a1a1a 50%,#000 50%);
| box-shadow: 0 1px 0 rgba(255,255,255,0.3);
| -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3);
| }
| .ios .dwb-s .dwb {
| border: 1px solid #194aab;
| background: #194aab;
| background: linear-gradient(#82aaff,#3162c4 50%,#194aab 50%);
| background: -webkit-gradient(linear,left top,left bottom,from(#82aaff),color-stop(0.5,#3162c4),color-stop(0.5,#194aab));
| background: -moz-linear-gradient(#82aaff,#3162c4 50%,#194aab 50%);
| background: -o-linear-gradient(#82aaff,#3162c4 50%,#194aab 50%);
| }
| .ios .dwb-a {
| opacity: .8;
| filter: alpha(opacity=80);
| }
| .ios .dw .dwwb {
| color: #fff;
| border: 0;
| background: #3f4e68;
| background: linear-gradient(#c7d1e2 0%,#808ea6 50%,#75859f 50%,#3f4e68 100%);
| background: -webkit-gradient(linear,left bottom,left top,from(#3f4e68),color-stop(0.5, #75859f),color-stop(0.5, #808ea6),to(#c7d1e2));
| background: -moz-linear-gradient(#c7d1e2 0%,#808ea6 50%,#75859f 50%,#3f4e68 100%);
| background: -o-linear-gradient(#c7d1e2 0%,#808ea6 50%,#75859f 50%,#3f4e68 100%);
| }
| .ios .dw .dwwl .dwb-a {
| background: #252c36;
| background: linear-gradient(#6b6e75 0%,#272e38 50%,#171e28 50%,#252c36 100%);
| background: -webkit-gradient(linear,left bottom,left top,from(#252c36),color-stop(0.5, #171e28),color-stop(0.5, #272e38),to(#6b6e75));
| background: -moz-linear-gradient(#6b6e75 0%,#272e38 50%,#171e28 50%,#252c36 100%);
| background: -o-linear-gradient(#6b6e75 0%,#272e38 50%,#171e28 50%,#252c36 100%);
| }
| .ios .dwb-s, .ios .dwb-n {
| width: auto;
| float: right;
| text-align: right;
| }
| .ios .dwb-c {
| width: auto;
| float: left;
| text-align: left;
| }
| /* Bubble positioning */
| .ios.dw-bubble .dw {
| padding: 6px;
| background: #afafaf;
| background: linear-gradient(#afafaf, #1b2530 30%);
| background: -webkit-gradient(linear,left top,left bottom,from(#afafaf),color-stop(0.3, #1b2530));
| background: -moz-linear-gradient(#afafaf, #1b2530 30%);
| background: -o-linear-gradient(#afafaf, #1b2530 30%);
| box-shadow: 0 0 25px rgba(0,0,0,0.7);
| border-radius: 5px;
| -webkit-border-radius: 5px;
| -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.7);
| }
| .ios .dw-bubble-bottom .dw-arr {
| border-color: transparent transparent #2d3034 transparent;
| }
| .ios .dw-bubble-bottom .dw-arr:after {
| content: '';
| position: absolute;
| top: -16px;
| left: -17px;
| border: 17px solid #afafaf;
| border-color: transparent transparent #afafaf transparent;
| }
| .ios .dw-bubble-top .dw-arr {
| border-color: #1b2530 transparent transparent transparent;
| }
| /* Multiple select */
| .ios .dwwms .dwwol {
| display: none;
| }
| .ios .dwwms .dw-li {
| padding: 0 5px 0 30px;
| text-align: left;
| }
| .ios .dw-msel:after {
| width: 30px;
| }
| .ios .dww .dw-msel {
| color: #215085;
| }
|
|
