|
0
|
1 body {
|
|
|
2 background: rgb(0,0,0);
|
|
|
3 }
|
|
|
4
|
|
|
5 #jqt > * {
|
|
|
6 background: rgb(197,204,211) url(img/pinstripes.png);
|
|
|
7 }
|
|
|
8
|
|
|
9 #jqt h1, #jqt h2 {
|
|
|
10 font: bold 18px "Helvetica Neue", Helvetica;
|
|
|
11 text-shadow: rgba(255,255,255,.2) 0 1px 1px;
|
|
|
12 color: rgb(76, 86, 108);
|
|
|
13 margin: 10px 20px 6px;
|
|
|
14 }
|
|
|
15
|
|
|
16 /* @group Toolbar */
|
|
|
17
|
|
|
18 #jqt .toolbar {
|
|
|
19 -webkit-box-sizing: border-box;
|
|
|
20 border-bottom: 1px solid #2d3642;
|
|
|
21 padding: 10px;
|
|
|
22 height: 45px;
|
|
|
23 background: url(img/toolbar.png) #6d84a2 repeat-x;
|
|
|
24 position: relative;
|
|
|
25 }
|
|
|
26
|
|
|
27 #jqt .black-translucent .toolbar {
|
|
|
28 margin-top: 20px;
|
|
|
29 }
|
|
|
30
|
|
|
31 #jqt .toolbar > h1 {
|
|
|
32 position: absolute;
|
|
|
33 overflow: hidden;
|
|
|
34 left: 50%;
|
|
|
35 top: 10px;
|
|
|
36 line-height: 1em;
|
|
|
37 margin: 1px 0 0 -75px;
|
|
|
38 height: 40px;
|
|
|
39 font-size: 20px;
|
|
|
40 width: 150px;
|
|
|
41 font-weight: bold;
|
|
|
42 text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
|
|
|
43 text-align: center;
|
|
|
44 text-overflow: ellipsis;
|
|
|
45 white-space: nowrap;
|
|
|
46 color: #fff;
|
|
|
47 }
|
|
|
48
|
|
|
49 #jqt.landscape .toolbar > h1 {
|
|
|
50 margin-left: -125px;
|
|
|
51 width: 250px;
|
|
|
52 }
|
|
|
53
|
|
|
54 #jqt .button, #jqt .back, #jqt .cancel, #jqt .add {
|
|
|
55 position: absolute;
|
|
|
56 overflow: hidden;
|
|
|
57 top: 8px;
|
|
|
58 right: 6px;
|
|
|
59 margin: 0;
|
|
|
60 border-width: 0 5px;
|
|
|
61 padding: 0 3px;
|
|
|
62 width: auto;
|
|
|
63 height: 30px;
|
|
|
64 line-height: 30px;
|
|
|
65 font-family: inherit;
|
|
|
66 font-size: 12px;
|
|
|
67 font-weight: bold;
|
|
|
68 color: #fff;
|
|
|
69 text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0;
|
|
|
70 text-overflow: ellipsis;
|
|
|
71 text-decoration: none;
|
|
|
72 white-space: nowrap;
|
|
|
73 background: none;
|
|
|
74 -webkit-border-image: url(img/toolButton.png) 0 5 0 5;
|
|
|
75 }
|
|
|
76
|
|
|
77 #jqt .button.active, #jqt .cancel.active, #jqt .add.active {
|
|
|
78 -webkit-border-image: url(img/toolButton.png) 0 5 0 5;
|
|
|
79 }
|
|
|
80
|
|
|
81 #jqt .blueButton {
|
|
|
82 -webkit-border-image: url(img/activeButton.png) 0 5 0 5;
|
|
|
83 border-width: 0 5px;
|
|
|
84 }
|
|
|
85
|
|
|
86 #jqt .back {
|
|
|
87 left: 6px;
|
|
|
88 right: auto;
|
|
|
89 padding: 0;
|
|
|
90 max-width: 55px;
|
|
|
91 border-width: 0 8px 0 14px;
|
|
|
92 -webkit-border-image: url(img/backButton.png) 0 8 0 14;
|
|
|
93 }
|
|
|
94
|
|
|
95 #jqt .back.active {
|
|
|
96 -webkit-border-image: url(img/backButton.png) 0 8 0 14;
|
|
|
97 }
|
|
|
98
|
|
|
99 #jqt .leftButton, #jqt .cancel {
|
|
|
100 left: 6px;
|
|
|
101 right: auto;
|
|
|
102 }
|
|
|
103
|
|
|
104 #jqt .add {
|
|
|
105 font-size: 24px;
|
|
|
106 line-height: 24px;
|
|
|
107 font-weight: bold;
|
|
|
108 }
|
|
|
109
|
|
|
110 #jqt .whiteButton,
|
|
|
111 #jqt .grayButton, #jqt .redButton, #jqt .blueButton, #jqt .greenButton {
|
|
|
112 display: block;
|
|
|
113 border-width: 0 12px;
|
|
|
114 padding: 10px;
|
|
|
115 text-align: center;
|
|
|
116 font-size: 20px;
|
|
|
117 font-weight: bold;
|
|
|
118 text-decoration: inherit;
|
|
|
119 color: inherit;
|
|
|
120 }
|
|
|
121
|
|
|
122 #jqt .whiteButton.active, #jqt .grayButton.active, #jqt .redButton.active, #jqt .blueButton.active, #jqt .greenButton.active,
|
|
|
123 #jqt .whiteButton:active, #jqt .grayButton:active, #jqt .redButton:active, #jqt .blueButton:active, #jqt .greenButton:active {
|
|
|
124 -webkit-border-image: url(img/activeButton.png) 0 12 0 12;
|
|
|
125 }
|
|
|
126
|
|
|
127 #jqt .whiteButton {
|
|
|
128 -webkit-border-image: url(img/whiteButton.png) 0 12 0 12;
|
|
|
129 text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
|
|
|
130 }
|
|
|
131
|
|
|
132 #jqt .grayButton {
|
|
|
133 -webkit-border-image: url(img/grayButton.png) 0 12 0 12;
|
|
|
134 color: #FFFFFF;
|
|
|
135 }
|
|
|
136
|
|
|
137 #jqt .redButton {
|
|
|
138 -webkit-border-image: url(img/redButton.png) 0 12 0 12;
|
|
|
139 color: #FFFFFF;
|
|
|
140 }
|
|
|
141
|
|
|
142 #jqt .greenButton {
|
|
|
143 -webkit-border-image: url(img/greenButton.png) 0 12 0 12;
|
|
|
144 color: #FFFFFF;
|
|
|
145 }
|
|
|
146
|
|
|
147 /* @end */
|
|
|
148
|
|
|
149 /* @group Lists */
|
|
|
150
|
|
|
151 #jqt h1 + ul, #jqt h2 + ul, #jqt h3 + ul, #jqt h4 + ul, #jqt h5 + ul, #jqt h6 + ul {
|
|
|
152 margin-top: 0;
|
|
|
153 }
|
|
|
154
|
|
|
155 #jqt ul {
|
|
|
156 color: black;
|
|
|
157 background: #fff;
|
|
|
158 border: 1px solid #B4B4B4;
|
|
|
159 font: bold 17px "Helvetica Neue", Helvetica;
|
|
|
160 padding: 0;
|
|
|
161 margin: 15px 10px 17px 10px;
|
|
|
162 -webkit-border-radius: 8px;
|
|
|
163 }
|
|
|
164
|
|
|
165 #jqt ul li {
|
|
|
166 color: #666;
|
|
|
167 border-top: 1px solid #B4B4B4;
|
|
|
168 list-style-type: none;
|
|
|
169 padding: 10px 10px 10px 10px;
|
|
|
170 }
|
|
|
171
|
|
|
172 /* when you have a first LI item on any list */
|
|
|
173
|
|
|
174 #jqt li:first-child, #jqt li:first-child a {
|
|
|
175 border-top: 0;
|
|
|
176 -webkit-border-top-left-radius: 8px;
|
|
|
177 -webkit-border-top-right-radius: 8px;
|
|
|
178 }
|
|
|
179
|
|
|
180 #jqt li:last-child, #jqt li:last-child a {
|
|
|
181 -webkit-border-bottom-left-radius: 8px;
|
|
|
182 -webkit-border-bottom-right-radius: 8px;
|
|
|
183 }
|
|
|
184
|
|
|
185 /* universal arrows */
|
|
|
186
|
|
|
187 #jqt ul li.arrow {
|
|
|
188 background-image: url(img/chevron.png);
|
|
|
189 background-position: right center;
|
|
|
190 background-repeat: no-repeat;
|
|
|
191 }
|
|
|
192
|
|
|
193 #jqt ul li.arrow a {
|
|
|
194 padding: 12px 22px 12px 10px;
|
|
|
195 }
|
|
|
196
|
|
|
197 #jqt ul.plastic li.arrow, #jqt ul.metal li.arrow {
|
|
|
198 background-image: url(img/chevron.png);
|
|
|
199 background-position: right center;
|
|
|
200 background-repeat: no-repeat;
|
|
|
201 }
|
|
|
202
|
|
|
203 /* universal links on list */
|
|
|
204
|
|
|
205 #jqt ul li a, #jqt li.img a + a {
|
|
|
206 color: #000;
|
|
|
207 text-decoration: none;
|
|
|
208 text-overflow: ellipsis;
|
|
|
209 white-space: nowrap;
|
|
|
210 overflow: hidden;
|
|
|
211 display: block;
|
|
|
212 padding: 12px 10px 12px 10px;
|
|
|
213 margin: -10px;
|
|
|
214 -webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
|
215 }
|
|
|
216
|
|
|
217 #jqt ul li a.active {
|
|
|
218 background-color: #194fdb;
|
|
|
219 color: #fff;
|
|
|
220 }
|
|
|
221 #jqt ul li.arrow a.active {
|
|
|
222 background-image: url(img/listArrowSel.png);
|
|
|
223 background-position: right center;
|
|
|
224 background-repeat: no-repeat;
|
|
|
225 }
|
|
|
226
|
|
|
227 #jqt ul li a.button {
|
|
|
228 background-color: #194fdb;
|
|
|
229 color: #fff;
|
|
|
230 }
|
|
|
231
|
|
|
232 #jqt ul li.img a + a {
|
|
|
233 margin: -10px 10px -20px -5px;
|
|
|
234 font-size: 17px;
|
|
|
235 font-weight: bold;
|
|
|
236 }
|
|
|
237
|
|
|
238 #jqt ul li.img a + a + a {
|
|
|
239 font-size: 14px;
|
|
|
240 font-weight: normal;
|
|
|
241 margin-left: -10px;
|
|
|
242 margin-bottom: -10px;
|
|
|
243 margin-top: 0;
|
|
|
244 }
|
|
|
245
|
|
|
246 #jqt ul li.img a + small + a {
|
|
|
247 margin-left: -5px;
|
|
|
248 }
|
|
|
249
|
|
|
250 #jqt ul li.img a + small + a + a {
|
|
|
251 margin-left: -10px;
|
|
|
252 margin-top: -20px;
|
|
|
253 margin-bottom: -10px;
|
|
|
254 font-size: 14px;
|
|
|
255 font-weight: normal;
|
|
|
256 }
|
|
|
257
|
|
|
258 #jqt ul li.img a + small + a + a + a {
|
|
|
259 margin-left: 0px !important;
|
|
|
260 margin-bottom: 0;
|
|
|
261 }
|
|
|
262
|
|
|
263 #jqt ul li a + a {
|
|
|
264 color: #000;
|
|
|
265 font: 14px "Helvetica Neue", Helvetica;
|
|
|
266 text-overflow: ellipsis;
|
|
|
267 white-space: nowrap;
|
|
|
268 overflow: hidden;
|
|
|
269 display: block;
|
|
|
270 margin: 0;
|
|
|
271 padding: 0;
|
|
|
272 }
|
|
|
273
|
|
|
274 #jqt ul li a + a + a, #jqt ul li.img a + a + a + a, #jqt ul li.img a + small + a + a + a {
|
|
|
275 color: #666;
|
|
|
276 font: 13px "Helvetica Neue", Helvetica;
|
|
|
277 margin: 0;
|
|
|
278 text-overflow: ellipsis;
|
|
|
279 white-space: nowrap;
|
|
|
280 overflow: hidden;
|
|
|
281 display: block;
|
|
|
282 padding: 0;
|
|
|
283 }
|
|
|
284
|
|
|
285 /*
|
|
|
286 @end */
|
|
|
287
|
|
|
288 /* @group Forms */
|
|
|
289
|
|
|
290 #jqt ul.form li {
|
|
|
291 padding: 7px 10px;
|
|
|
292 }
|
|
|
293
|
|
|
294 #jqt ul.form li.error {
|
|
|
295 border: 2px solid red;
|
|
|
296 }
|
|
|
297
|
|
|
298 #jqt ul.form li.error + li.error {
|
|
|
299 border-top: 0;
|
|
|
300 }
|
|
|
301
|
|
|
302 #jqt ul.form li:hover {
|
|
|
303 background: #fff;
|
|
|
304 }
|
|
|
305
|
|
|
306 #jqt ul li input[type="text"],
|
|
|
307 #jqt ul li input[type="password"],
|
|
|
308 #jqt ul li input[type="tel"],
|
|
|
309 #jqt ul li input[type="number"],
|
|
|
310 #jqt ul li input[type="search"],
|
|
|
311 #jqt ul li input[type="email"],
|
|
|
312 #jqt ul li input[type="url"],
|
|
|
313 #jqt ul li textarea,
|
|
|
314 #jqt ul li select {
|
|
|
315 color: #777;
|
|
|
316 background: transparent url('data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==');
|
|
|
317 border: 0;
|
|
|
318 font: normal 17px "Helvetica Neue", Helvetica;
|
|
|
319 padding: 0;
|
|
|
320 display: inline-block;
|
|
|
321 margin-left: 0px;
|
|
|
322 width: 100%;
|
|
|
323 -webkit-appearance: textarea;
|
|
|
324 }
|
|
|
325
|
|
|
326 #jqt ul li textarea {
|
|
|
327 height: 120px;
|
|
|
328 padding: 0;
|
|
|
329 text-indent: -2px;
|
|
|
330 }
|
|
|
331
|
|
|
332 #jqt ul li select {
|
|
|
333 text-indent: 0px;
|
|
|
334 background: transparent url(img/chevron.png) no-repeat 103% 3px;
|
|
|
335 -webkit-appearance: textfield;
|
|
|
336 margin-left: -6px;
|
|
|
337 width: 104%;
|
|
|
338 }
|
|
|
339
|
|
|
340 #jqt ul li input[type="checkbox"], #jqt ul li input[type="radio"] {
|
|
|
341 margin: 0;
|
|
|
342 color: rgb(50,79,133);
|
|
|
343 padding: 10px 10px;
|
|
|
344 }
|
|
|
345
|
|
|
346 #jqt ul li input[type="checkbox"]:after, #jqt ul li input[type="radio"]:after {
|
|
|
347 content: attr(title);
|
|
|
348 font: 17px "Helvetica Neue", Helvetica;
|
|
|
349 display: block;
|
|
|
350 width: 246px;
|
|
|
351 margin: -12px 0 0 17px;
|
|
|
352 }
|
|
|
353
|
|
|
354 /* @end */
|
|
|
355
|
|
|
356 /* @group Edge to edge */
|
|
|
357 #jqt ul.edgetoedge, #jqt ul.edgetoedge * {
|
|
|
358 -webkit-border-radius: 0 !important;
|
|
|
359 }
|
|
|
360
|
|
|
361 #jqt ul.edgetoedge li.sep {
|
|
|
362 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(139, 159, 171, 1)), to(rgba(181, 193, 201, 1.0)));
|
|
|
363 border-bottom: 1px solid #b5c1c9;
|
|
|
364 border-top: 1px solid #b5c1c9;
|
|
|
365 color: #fff;
|
|
|
366 font-size: 16px;
|
|
|
367 margin: 1px 0 0 0;
|
|
|
368 padding: 2px 10px;
|
|
|
369 text-shadow: #636a6f 0 1px 0;
|
|
|
370 }
|
|
|
371
|
|
|
372 #jqt ul.edgetoedge h4 {
|
|
|
373 color: #fff;
|
|
|
374 background: rgb(154,159,170) url(img/listGroup.png) top left repeat-x;
|
|
|
375 border-top: 1px solid rgb(165,177,186);
|
|
|
376 text-shadow: #666 0 1px 0;
|
|
|
377 margin: 0;
|
|
|
378 padding: 2px 10px;
|
|
|
379 }
|
|
|
380
|
|
|
381 #jqt .edgetoedge, #jqt .metal {
|
|
|
382 margin: 0;
|
|
|
383 padding: 0;
|
|
|
384 background-color: rgb(255,255,255);
|
|
|
385 }
|
|
|
386
|
|
|
387 #jqt ul.edgetoedge, #jqt ul.metal, #jqt ul.plastic {
|
|
|
388 -webkit-border-radius: 0;
|
|
|
389 margin: 0;
|
|
|
390 border-left: 0;
|
|
|
391 border-right: 0;
|
|
|
392 border-top: 0;
|
|
|
393 }
|
|
|
394
|
|
|
395 #jqt ul.metal {
|
|
|
396 border-top: 0;
|
|
|
397 border-bottom: 0;
|
|
|
398 background: rgb(180,180,180);
|
|
|
399 }
|
|
|
400
|
|
|
401 #jqt ul.edgetoedge li:first-child,
|
|
|
402 #jqt ul.edgetoedge li:first-child a,
|
|
|
403 #jqt ul.edgetoedge li:last-child,
|
|
|
404 #jqt ul.edgetoedge li:last-child a,
|
|
|
405 #jqt ul.metal li:first-child a,
|
|
|
406 #jqt ul.metal li:last-child a {
|
|
|
407 -webkit-border-radius: 0;
|
|
|
408 }
|
|
|
409
|
|
|
410 #jqt ul.edgetoedge li small {
|
|
|
411 font-size: 16px;
|
|
|
412 line-height: 28px;
|
|
|
413 }
|
|
|
414
|
|
|
415 #jqt ul.edgetoedge li, #jqt .metal li {
|
|
|
416 -webkit-border-radius: 0;
|
|
|
417 }
|
|
|
418
|
|
|
419 #jqt ul.edgetoedge li em {
|
|
|
420 font-weight: normal;
|
|
|
421 font-style: normal;
|
|
|
422 }
|
|
|
423
|
|
|
424 #jqt ul.edgetoedge h4 + ul {
|
|
|
425 border-top: 1px solid rgb(152,158,164);
|
|
|
426 border-bottom: 1px solid rgb(113,125,133);
|
|
|
427 }
|
|
|
428
|
|
|
429 /* @end */
|
|
|
430
|
|
|
431 /* @group Mini Label */
|
|
|
432
|
|
|
433 #jqt ul li small {
|
|
|
434 color: #369;
|
|
|
435 font: 17px "Helvetica Neue", Helvetica;
|
|
|
436 text-align: right;
|
|
|
437 text-overflow: ellipsis;
|
|
|
438 white-space: nowrap;
|
|
|
439 overflow: hidden;
|
|
|
440 display: block;
|
|
|
441 width: 23%;
|
|
|
442 float: right;
|
|
|
443 padding: 3px 0px;
|
|
|
444 }
|
|
|
445
|
|
|
446 #jqt ul li.arrow small {
|
|
|
447 padding: 0 15px;
|
|
|
448 }
|
|
|
449
|
|
|
450 #jqt ul li small.counter {
|
|
|
451 font-size: 17px !important;
|
|
|
452 line-height: 13px !important;
|
|
|
453 font-weight: bold;
|
|
|
454 background: rgb(154,159,170);
|
|
|
455 color: #fff;
|
|
|
456 -webkit-border-radius: 11px;
|
|
|
457 padding: 4px 10px 5px 10px;
|
|
|
458 display: inline !important;
|
|
|
459 width: auto;
|
|
|
460 margin-top: -22px;
|
|
|
461 }
|
|
|
462
|
|
|
463 #jqt ul li.arrow small.counter {
|
|
|
464 margin-right: 15px;
|
|
|
465 }
|
|
|
466
|
|
|
467 /* @end */
|
|
|
468
|
|
|
469 /* @group Plastic */
|
|
|
470
|
|
|
471 #jqt #plastic ul li.arrow, #jqt #metal ul li.arrow {
|
|
|
472 background-image: url(img/chevron.png);
|
|
|
473 background-position: right center;
|
|
|
474 background-repeat: no-repeat;
|
|
|
475 }
|
|
|
476
|
|
|
477 #jqt ul.edgetoedge, #jqt ul.metal, #jqt ul.plastic {
|
|
|
478 -webkit-border-radius: 0;
|
|
|
479 margin: 0;
|
|
|
480 border-left: 0;
|
|
|
481 border-right: 0;
|
|
|
482 border-top: 0;
|
|
|
483 }
|
|
|
484
|
|
|
485 #jqt ul.metal li {
|
|
|
486 border-top: 1px solid rgb(238,238,238);
|
|
|
487 border-bottom: 1px solid rgb(156,158,165);
|
|
|
488 font-size: 26px;
|
|
|
489 text-shadow: #fff 0 1px 0;
|
|
|
490 }
|
|
|
491
|
|
|
492 #jqt ul.metal li a {
|
|
|
493 line-height: 26px;
|
|
|
494 margin: 0;
|
|
|
495 padding: 13px 0;
|
|
|
496 }
|
|
|
497
|
|
|
498 #jqt ul.metal li a:hover {
|
|
|
499 color: rgb(0,0,0);
|
|
|
500 }
|
|
|
501
|
|
|
502 #jqt ul.metal li:hover small {
|
|
|
503 color: inherit;
|
|
|
504 }
|
|
|
505
|
|
|
506 #jqt ul.metal li a em {
|
|
|
507 display: block;
|
|
|
508 font-size: 14px;
|
|
|
509 font-style: normal;
|
|
|
510 color: #444;
|
|
|
511 width: 50%;
|
|
|
512 line-height: 14px;
|
|
|
513 }
|
|
|
514
|
|
|
515 #jqt ul.metal li small {
|
|
|
516 float: right;
|
|
|
517 position: relative;
|
|
|
518 margin-top: 10px;
|
|
|
519 font-weight: bold;
|
|
|
520 }
|
|
|
521
|
|
|
522 #jqt ul.metal li.arrow a small {
|
|
|
523 padding-right: 0;
|
|
|
524 line-height: 17px;
|
|
|
525 }
|
|
|
526
|
|
|
527 #jqt ul.metal li.arrow {
|
|
|
528 background: url(img/chevron.png) right center no-repeat;
|
|
|
529 }
|
|
|
530
|
|
|
531 #jqt .plastic {
|
|
|
532 margin: 0;
|
|
|
533 padding: 0;
|
|
|
534 background: rgb(173,173,173);
|
|
|
535 }
|
|
|
536
|
|
|
537 #jqt ul.plastic {
|
|
|
538 -webkit-border-radius: 0;
|
|
|
539 margin: 0;
|
|
|
540 border-left: 0;
|
|
|
541 border-right: 0;
|
|
|
542 border-top: 0;
|
|
|
543 background-color: rgb(173,173,173);
|
|
|
544 }
|
|
|
545
|
|
|
546 #jqt ul.plastic li {
|
|
|
547 -webkit-border-radius: 0;
|
|
|
548 border-top: 1px solid rgb(191,191,191);
|
|
|
549 border-bottom: 1px solid rgb(157,157,157);
|
|
|
550 }
|
|
|
551
|
|
|
552 #jqt ul.plastic li:nth-child(odd) {
|
|
|
553 background-color: rgb(152,152,152);
|
|
|
554 border-top: 1px solid rgb(181,181,181);
|
|
|
555 border-bottom: 1px solid rgb(138,138,138);
|
|
|
556 }
|
|
|
557
|
|
|
558 #jqt ul.plastic + p {
|
|
|
559 font-size: 11px;
|
|
|
560 color: #2f3237;
|
|
|
561 text-shadow: none;
|
|
|
562 padding: 10px 10px;
|
|
|
563 }
|
|
|
564
|
|
|
565 #jqt ul.plastic + p strong {
|
|
|
566 font-size: 14px;
|
|
|
567 line-height: 18px;
|
|
|
568 text-shadow: #fff 0 1px 0;
|
|
|
569 }
|
|
|
570
|
|
|
571 #jqt ul.plastic li a {
|
|
|
572 text-shadow: rgb(211,211,211) 0 1px 0;
|
|
|
573 }
|
|
|
574
|
|
|
575 #jqt ul.plastic li:nth-child(odd) a {
|
|
|
576 text-shadow: rgb(191,191,191) 0 1px 0;
|
|
|
577 }
|
|
|
578
|
|
|
579 #jqt ul.plastic li small {
|
|
|
580 color: #3C3C3C;
|
|
|
581 text-shadow: rgb(211,211,211) 0 1px 0;
|
|
|
582 font-size: 13px;
|
|
|
583 font-weight: bold;
|
|
|
584 text-transform: uppercase;
|
|
|
585 line-height: 24px;
|
|
|
586 }
|
|
|
587
|
|
|
588 #jqt #plastic ul.minibanner, #jqt #plastic ul.bigbanner {
|
|
|
589 margin: 10px;
|
|
|
590 border: 0;
|
|
|
591 height: 81px;
|
|
|
592 clear: both;
|
|
|
593 }
|
|
|
594
|
|
|
595 #jqt #plastic ul.bigbanner {
|
|
|
596 height: 140px !important;
|
|
|
597 }
|
|
|
598
|
|
|
599 #jqt #plastic ul.minibanner li {
|
|
|
600 border: 1px solid rgb(138,138,138);
|
|
|
601 background-color: rgb(152,152,152);
|
|
|
602 width: 145px;
|
|
|
603 height: 81px;
|
|
|
604 float: left;
|
|
|
605 -webkit-border-radius: 5px;
|
|
|
606 padding: 0;
|
|
|
607 }
|
|
|
608
|
|
|
609 #jqt #plastic ul.bigbanner li {
|
|
|
610 border: 1px solid rgb(138,138,138);
|
|
|
611 background-color: rgb(152,152,152);
|
|
|
612 width: 296px;
|
|
|
613 height: 140px;
|
|
|
614 float: left;
|
|
|
615 -webkit-border-radius: 5px;
|
|
|
616 padding: 0;
|
|
|
617 margin-bottom: 4px;
|
|
|
618 }
|
|
|
619
|
|
|
620 #jqt #plastic ul.minibanner li:first-child {
|
|
|
621 margin-right: 6px;
|
|
|
622 }
|
|
|
623
|
|
|
624 #jqt #plastic ul.minibanner li a {
|
|
|
625 color: transparent;
|
|
|
626 text-shadow: none;
|
|
|
627 display: block;
|
|
|
628 width: 145px;
|
|
|
629 height: 81px;
|
|
|
630 }
|
|
|
631
|
|
|
632 #jqt #plastic ul.bigbanner li a {
|
|
|
633 color: transparent;
|
|
|
634 text-shadow: none;
|
|
|
635 display: block;
|
|
|
636 width: 296px;
|
|
|
637 height: 145px;
|
|
|
638 }
|
|
|
639
|
|
|
640 /* @end */
|
|
|
641
|
|
|
642 /* @group Individual */
|
|
|
643
|
|
|
644 #jqt ul.individual {
|
|
|
645 border: 0;
|
|
|
646 background: none;
|
|
|
647 clear: both;
|
|
|
648 overflow: hidden;
|
|
|
649 }
|
|
|
650
|
|
|
651 #jqt ul.individual li {
|
|
|
652 color: rgb(183,190,205);
|
|
|
653 background: white;
|
|
|
654 border: 1px solid rgb(180,180,180);
|
|
|
655 font-size: 14px;
|
|
|
656 text-align: center;
|
|
|
657 -webkit-border-radius: 8px;
|
|
|
658 -webkit-box-sizing: border-box;
|
|
|
659 width: 48%;
|
|
|
660 float: left;
|
|
|
661 display: block;
|
|
|
662 padding: 11px 10px 14px 10px;
|
|
|
663 }
|
|
|
664
|
|
|
665 #jqt ul.individual li + li {
|
|
|
666 float: right;
|
|
|
667 }
|
|
|
668
|
|
|
669 #jqt ul.individual li a {
|
|
|
670 color: rgb(50,79,133);
|
|
|
671 line-height: 16px;
|
|
|
672 margin: -11px -10px -14px -10px;
|
|
|
673 padding: 11px 10px 14px 10px;
|
|
|
674 -webkit-border-radius: 8px;
|
|
|
675 }
|
|
|
676
|
|
|
677 #jqt ul.individual li a:hover {
|
|
|
678 color: #fff;
|
|
|
679 background: #36c;
|
|
|
680 }
|
|
|
681
|
|
|
682 /* @end */
|
|
|
683
|
|
|
684 /* @group Toggle */
|
|
|
685
|
|
|
686
|
|
|
687 #jqt .toggle {
|
|
|
688 width: 94px;
|
|
|
689 position: relative;
|
|
|
690 height: 27px;
|
|
|
691 display: block;
|
|
|
692 overflow: hidden;
|
|
|
693 float: right;
|
|
|
694 }
|
|
|
695
|
|
|
696 #jqt .toggle input[type="checkbox"]:checked {
|
|
|
697 left: 0px;
|
|
|
698 }
|
|
|
699
|
|
|
700 #jqt .toggle input[type="checkbox"] {
|
|
|
701 -webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
|
702 margin: 0;
|
|
|
703 -webkit-border-radius: 5px;
|
|
|
704 background: #fff url(img/on_off.png) 0 0 no-repeat;
|
|
|
705 height: 27px;
|
|
|
706 overflow: hidden;
|
|
|
707 width: 149px;
|
|
|
708 border: 0;
|
|
|
709 -webkit-appearance: textarea;
|
|
|
710 background-color: transparent;
|
|
|
711 -webkit-transition: left .15s;
|
|
|
712 position: absolute;
|
|
|
713 top: 0;
|
|
|
714 left: -55px;
|
|
|
715 }
|
|
|
716 /* @end */
|
|
|
717
|
|
|
718
|
|
|
719
|
|
|
720 #jqt .info {
|
|
|
721 background: #dce1eb;
|
|
|
722 font-size: 12px;
|
|
|
723 line-height: 16px;
|
|
|
724 text-align: center;
|
|
|
725 text-shadow: rgba(255,255,255,.8) 0 1px 0;
|
|
|
726 color: rgb(76, 86, 108);
|
|
|
727 padding: 15px;
|
|
|
728 border-top: 1px solid rgba(76, 86, 108, .3);
|
|
|
729 font-weight: bold;
|
|
|
730 }
|
|
|
731 input[type='submit'] {
|
|
|
732 -webkit-border-radius: 4px;
|
|
|
733 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(238,238,238,1)), to(rgba(156,158,160,1)));
|
|
|
734 border: 1px outset #aaa;
|
|
|
735 display: block;
|
|
|
736 font-size: inherit;
|
|
|
737 font-weight: inherit;
|
|
|
738 padding: 10px;
|
|
|
739 }
|
