card-mod-style 0.11.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (29) hide show
  1. checksums.yaml +7 -0
  2. data/lib/stylesheets/style_bootstrap_compatible.css +68 -0
  3. data/lib/stylesheets/style_cards.scss +1261 -0
  4. data/lib/stylesheets/style_jquery_ui_smoothness.css +909 -0
  5. data/public/assets/jquery-ui-smoothness/ui-bg_glass_55_fbf9ee_1x400.png +0 -0
  6. data/public/assets/jquery-ui-smoothness/ui-bg_glass_65_ffffff_1x400.png +0 -0
  7. data/public/assets/jquery-ui-smoothness/ui-bg_glass_75_dadada_1x400.png +0 -0
  8. data/public/assets/jquery-ui-smoothness/ui-bg_glass_75_e6e6e6_1x400.png +0 -0
  9. data/public/assets/jquery-ui-smoothness/ui-bg_glass_95_fef1ec_1x400.png +0 -0
  10. data/public/assets/jquery-ui-smoothness/ui-bg_highlight-soft_75_cccccc_1x100.png +0 -0
  11. data/public/assets/jquery-ui-smoothness/ui-icons_222222_256x240.png +0 -0
  12. data/public/assets/jquery-ui-smoothness/ui-icons_2e83ff_256x240.png +0 -0
  13. data/public/assets/jquery-ui-smoothness/ui-icons_454545_256x240.png +0 -0
  14. data/public/assets/jquery-ui-smoothness/ui-icons_888888_256x240.png +0 -0
  15. data/public/assets/jquery-ui-smoothness/ui-icons_cd0a0a_256x240.png +0 -0
  16. data/set/abstract/skin_box.rb +33 -0
  17. data/set/abstract/skin_box/box_bottom.haml +4 -0
  18. data/set/right/style.rb +56 -0
  19. data/set/right/style/input.haml +6 -0
  20. data/set/self/style.rb +4 -0
  21. data/set/self/style_bootstrap_compatible.rb +1 -0
  22. data/set/self/style_cards.rb +1 -0
  23. data/set/self/style_jquery_ui_smoothness.rb +1 -0
  24. data/set/self/style_libraries.rb +1 -0
  25. data/set/self/style_mods.rb +1 -0
  26. data/set/type/css.rb +85 -0
  27. data/set/type/scss.rb +21 -0
  28. data/set/type/skin.rb +10 -0
  29. metadata +115 -0
@@ -0,0 +1,909 @@
1
+ /*! jQuery UI - v1.12.1 - 2018-05-16
2
+ * http://jqueryui.com
3
+ * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, dialog.css, theme.css
4
+ * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=smoothness&cornerRadiusShadow=8px&offsetLeftShadow=-8px&offsetTopShadow=-8px&thicknessShadow=8px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=aaaaaa&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cd0a0a&fcError=cd0a0a&borderColorError=cd0a0a&bgImgOpacityError=95&bgTextureError=glass&bgColorError=fef1ec&iconColorHighlight=2e83ff&fcHighlight=363636&borderColorHighlight=fcefa1&bgImgOpacityHighlight=55&bgTextureHighlight=glass&bgColorHighlight=fbf9ee&iconColorActive=454545&fcActive=212121&borderColorActive=aaaaaa&bgImgOpacityActive=65&bgTextureActive=glass&bgColorActive=ffffff&iconColorHover=454545&fcHover=212121&borderColorHover=999999&bgImgOpacityHover=75&bgTextureHover=glass&bgColorHover=dadada&iconColorDefault=888888&fcDefault=555555&borderColorDefault=d3d3d3&bgImgOpacityDefault=75&bgTextureDefault=glass&bgColorDefault=e6e6e6&iconColorContent=222222&fcContent=222222&borderColorContent=aaaaaa&bgImgOpacityContent=75&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=222222&fcHeader=222222&borderColorHeader=aaaaaa&bgImgOpacityHeader=75&bgTextureHeader=highlight_soft&bgColorHeader=cccccc&cornerRadius=4px&fsDefault=1.1em&fwDefault=normal&ffDefault=Verdana%2CArial%2Csans-serif
5
+ * Copyright jQuery Foundation and other contributors; Licensed MIT */
6
+
7
+ .ui-draggable-handle {
8
+ -ms-touch-action: none;
9
+ touch-action: none;
10
+ }
11
+ /* Layout helpers
12
+ ----------------------------------*/
13
+ .ui-helper-hidden {
14
+ display: none;
15
+ }
16
+ .ui-helper-hidden-accessible {
17
+ border: 0;
18
+ clip: rect(0 0 0 0);
19
+ height: 1px;
20
+ margin: -1px;
21
+ overflow: hidden;
22
+ padding: 0;
23
+ position: absolute;
24
+ width: 1px;
25
+ }
26
+ .ui-helper-reset {
27
+ margin: 0;
28
+ padding: 0;
29
+ border: 0;
30
+ outline: 0;
31
+ line-height: 1.3;
32
+ text-decoration: none;
33
+ font-size: 100%;
34
+ list-style: none;
35
+ }
36
+ .ui-helper-clearfix:before,
37
+ .ui-helper-clearfix:after {
38
+ content: "";
39
+ display: table;
40
+ border-collapse: collapse;
41
+ }
42
+ .ui-helper-clearfix:after {
43
+ clear: both;
44
+ }
45
+ .ui-helper-zfix {
46
+ width: 100%;
47
+ height: 100%;
48
+ top: 0;
49
+ left: 0;
50
+ position: absolute;
51
+ opacity: 0;
52
+ filter:Alpha(Opacity=0); /* support: IE8 */
53
+ }
54
+
55
+ .ui-front {
56
+ z-index: 100;
57
+ }
58
+
59
+
60
+ /* Interaction Cues
61
+ ----------------------------------*/
62
+ .ui-state-disabled {
63
+ cursor: default !important;
64
+ pointer-events: none;
65
+ }
66
+
67
+
68
+ /* Icons
69
+ ----------------------------------*/
70
+ .ui-icon {
71
+ display: inline-block;
72
+ vertical-align: middle;
73
+ margin-top: -.25em;
74
+ position: relative;
75
+ text-indent: -99999px;
76
+ overflow: hidden;
77
+ background-repeat: no-repeat;
78
+ }
79
+
80
+ .ui-widget-icon-block {
81
+ left: 50%;
82
+ margin-left: -8px;
83
+ display: block;
84
+ }
85
+
86
+ /* Misc visuals
87
+ ----------------------------------*/
88
+
89
+ /* Overlays */
90
+ .ui-widget-overlay {
91
+ position: fixed;
92
+ top: 0;
93
+ left: 0;
94
+ width: 100%;
95
+ height: 100%;
96
+ }
97
+ .ui-resizable {
98
+ position: relative;
99
+ }
100
+ .ui-resizable-handle {
101
+ position: absolute;
102
+ font-size: 0.1px;
103
+ display: block;
104
+ -ms-touch-action: none;
105
+ touch-action: none;
106
+ }
107
+ .ui-resizable-disabled .ui-resizable-handle,
108
+ .ui-resizable-autohide .ui-resizable-handle {
109
+ display: none;
110
+ }
111
+ .ui-resizable-n {
112
+ cursor: n-resize;
113
+ height: 7px;
114
+ width: 100%;
115
+ top: -5px;
116
+ left: 0;
117
+ }
118
+ .ui-resizable-s {
119
+ cursor: s-resize;
120
+ height: 7px;
121
+ width: 100%;
122
+ bottom: -5px;
123
+ left: 0;
124
+ }
125
+ .ui-resizable-e {
126
+ cursor: e-resize;
127
+ width: 7px;
128
+ right: -5px;
129
+ top: 0;
130
+ height: 100%;
131
+ }
132
+ .ui-resizable-w {
133
+ cursor: w-resize;
134
+ width: 7px;
135
+ left: -5px;
136
+ top: 0;
137
+ height: 100%;
138
+ }
139
+ .ui-resizable-se {
140
+ cursor: se-resize;
141
+ width: 12px;
142
+ height: 12px;
143
+ right: 1px;
144
+ bottom: 1px;
145
+ }
146
+ .ui-resizable-sw {
147
+ cursor: sw-resize;
148
+ width: 9px;
149
+ height: 9px;
150
+ left: -5px;
151
+ bottom: -5px;
152
+ }
153
+ .ui-resizable-nw {
154
+ cursor: nw-resize;
155
+ width: 9px;
156
+ height: 9px;
157
+ left: -5px;
158
+ top: -5px;
159
+ }
160
+ .ui-resizable-ne {
161
+ cursor: ne-resize;
162
+ width: 9px;
163
+ height: 9px;
164
+ right: -5px;
165
+ top: -5px;
166
+ }
167
+ .ui-selectable {
168
+ -ms-touch-action: none;
169
+ touch-action: none;
170
+ }
171
+ .ui-selectable-helper {
172
+ position: absolute;
173
+ z-index: 100;
174
+ border: 1px dotted black;
175
+ }
176
+ .ui-sortable-handle {
177
+ -ms-touch-action: none;
178
+ touch-action: none;
179
+ }
180
+ .ui-autocomplete {
181
+ position: absolute;
182
+ top: 0;
183
+ left: 0;
184
+ cursor: default;
185
+ }
186
+ .ui-menu {
187
+ list-style: none;
188
+ padding: 0;
189
+ margin: 0;
190
+ display: block;
191
+ outline: 0;
192
+ }
193
+ .ui-menu .ui-menu {
194
+ position: absolute;
195
+ }
196
+ .ui-menu .ui-menu-item {
197
+ margin: 0;
198
+ cursor: pointer;
199
+ /* support: IE10, see #8844 */
200
+ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
201
+ }
202
+ .ui-menu .ui-menu-item-wrapper {
203
+ position: relative;
204
+ padding: 3px 1em 3px .4em;
205
+ }
206
+ .ui-menu .ui-menu-divider {
207
+ margin: 5px 0;
208
+ height: 0;
209
+ font-size: 0;
210
+ line-height: 0;
211
+ border-width: 1px 0 0 0;
212
+ }
213
+ .ui-menu .ui-state-focus,
214
+ .ui-menu .ui-state-active {
215
+ margin: -1px;
216
+ }
217
+
218
+ /* icon support */
219
+ .ui-menu-icons {
220
+ position: relative;
221
+ }
222
+ .ui-menu-icons .ui-menu-item-wrapper {
223
+ padding-left: 2em;
224
+ }
225
+
226
+ /* left-aligned */
227
+ .ui-menu .ui-icon {
228
+ position: absolute;
229
+ top: 0;
230
+ bottom: 0;
231
+ left: .2em;
232
+ margin: auto 0;
233
+ }
234
+
235
+ /* right-aligned */
236
+ .ui-menu .ui-menu-icon {
237
+ left: auto;
238
+ right: 0;
239
+ }
240
+ .ui-button {
241
+ padding: .4em 1em;
242
+ display: inline-block;
243
+ position: relative;
244
+ line-height: normal;
245
+ margin-right: .1em;
246
+ cursor: pointer;
247
+ vertical-align: middle;
248
+ text-align: center;
249
+ -webkit-user-select: none;
250
+ -moz-user-select: none;
251
+ -ms-user-select: none;
252
+ user-select: none;
253
+
254
+ /* Support: IE <= 11 */
255
+ overflow: visible;
256
+ }
257
+
258
+ .ui-button,
259
+ .ui-button:link,
260
+ .ui-button:visited,
261
+ .ui-button:hover,
262
+ .ui-button:active {
263
+ text-decoration: none;
264
+ }
265
+
266
+ /* to make room for the icon, a width needs to be set here */
267
+ .ui-button-icon-only {
268
+ width: 2em;
269
+ box-sizing: border-box;
270
+ text-indent: -9999px;
271
+ white-space: nowrap;
272
+ }
273
+
274
+ /* no icon support for input elements */
275
+ input.ui-button.ui-button-icon-only {
276
+ text-indent: 0;
277
+ }
278
+
279
+ /* button icon element(s) */
280
+ .ui-button-icon-only .ui-icon {
281
+ position: absolute;
282
+ top: 50%;
283
+ left: 50%;
284
+ margin-top: -8px;
285
+ margin-left: -8px;
286
+ }
287
+
288
+ .ui-button.ui-icon-notext .ui-icon {
289
+ padding: 0;
290
+ width: 2.1em;
291
+ height: 2.1em;
292
+ text-indent: -9999px;
293
+ white-space: nowrap;
294
+
295
+ }
296
+
297
+ input.ui-button.ui-icon-notext .ui-icon {
298
+ width: auto;
299
+ height: auto;
300
+ text-indent: 0;
301
+ white-space: normal;
302
+ padding: .4em 1em;
303
+ }
304
+
305
+ /* workarounds */
306
+ /* Support: Firefox 5 - 40 */
307
+ input.ui-button::-moz-focus-inner,
308
+ button.ui-button::-moz-focus-inner {
309
+ border: 0;
310
+ padding: 0;
311
+ }
312
+ .ui-controlgroup {
313
+ vertical-align: middle;
314
+ display: inline-block;
315
+ }
316
+ .ui-controlgroup > .ui-controlgroup-item {
317
+ float: left;
318
+ margin-left: 0;
319
+ margin-right: 0;
320
+ }
321
+ .ui-controlgroup > .ui-controlgroup-item:focus,
322
+ .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
323
+ z-index: 9999;
324
+ }
325
+ .ui-controlgroup-vertical > .ui-controlgroup-item {
326
+ display: block;
327
+ float: none;
328
+ width: 100%;
329
+ margin-top: 0;
330
+ margin-bottom: 0;
331
+ text-align: left;
332
+ }
333
+ .ui-controlgroup-vertical .ui-controlgroup-item {
334
+ box-sizing: border-box;
335
+ }
336
+ .ui-controlgroup .ui-controlgroup-label {
337
+ padding: .4em 1em;
338
+ }
339
+ .ui-controlgroup .ui-controlgroup-label span {
340
+ font-size: 80%;
341
+ }
342
+ .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
343
+ border-left: none;
344
+ }
345
+ .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
346
+ border-top: none;
347
+ }
348
+ .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
349
+ border-right: none;
350
+ }
351
+ .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
352
+ border-bottom: none;
353
+ }
354
+
355
+ /* Spinner specific style fixes */
356
+ .ui-controlgroup-vertical .ui-spinner-input {
357
+
358
+ /* Support: IE8 only, Android < 4.4 only */
359
+ width: 75%;
360
+ width: calc( 100% - 2.4em );
361
+ }
362
+ .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
363
+ border-top-style: solid;
364
+ }
365
+
366
+ .ui-checkboxradio-label .ui-icon-background {
367
+ box-shadow: inset 1px 1px 1px #ccc;
368
+ border-radius: .12em;
369
+ border: none;
370
+ }
371
+ .ui-checkboxradio-radio-label .ui-icon-background {
372
+ width: 16px;
373
+ height: 16px;
374
+ border-radius: 1em;
375
+ overflow: visible;
376
+ border: none;
377
+ }
378
+ .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
379
+ .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
380
+ background-image: none;
381
+ width: 8px;
382
+ height: 8px;
383
+ border-width: 4px;
384
+ border-style: solid;
385
+ }
386
+ .ui-checkboxradio-disabled {
387
+ pointer-events: none;
388
+ }
389
+ .ui-dialog {
390
+ position: absolute;
391
+ top: 0;
392
+ left: 0;
393
+ padding: .2em;
394
+ outline: 0;
395
+ }
396
+ .ui-dialog .ui-dialog-titlebar {
397
+ padding: .4em 1em;
398
+ position: relative;
399
+ }
400
+ .ui-dialog .ui-dialog-title {
401
+ float: left;
402
+ margin: .1em 0;
403
+ white-space: nowrap;
404
+ width: 90%;
405
+ overflow: hidden;
406
+ text-overflow: ellipsis;
407
+ }
408
+ .ui-dialog .ui-dialog-titlebar-close {
409
+ position: absolute;
410
+ right: .3em;
411
+ top: 50%;
412
+ width: 20px;
413
+ margin: -10px 0 0 0;
414
+ padding: 1px;
415
+ height: 20px;
416
+ }
417
+ .ui-dialog .ui-dialog-content {
418
+ position: relative;
419
+ border: 0;
420
+ padding: .5em 1em;
421
+ background: none;
422
+ overflow: auto;
423
+ }
424
+ .ui-dialog .ui-dialog-buttonpane {
425
+ text-align: left;
426
+ border-width: 1px 0 0 0;
427
+ background-image: none;
428
+ margin-top: .5em;
429
+ padding: .3em 1em .5em .4em;
430
+ }
431
+ .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
432
+ float: right;
433
+ }
434
+ .ui-dialog .ui-dialog-buttonpane button {
435
+ margin: .5em .4em .5em 0;
436
+ cursor: pointer;
437
+ }
438
+ .ui-dialog .ui-resizable-n {
439
+ height: 2px;
440
+ top: 0;
441
+ }
442
+ .ui-dialog .ui-resizable-e {
443
+ width: 2px;
444
+ right: 0;
445
+ }
446
+ .ui-dialog .ui-resizable-s {
447
+ height: 2px;
448
+ bottom: 0;
449
+ }
450
+ .ui-dialog .ui-resizable-w {
451
+ width: 2px;
452
+ left: 0;
453
+ }
454
+ .ui-dialog .ui-resizable-se,
455
+ .ui-dialog .ui-resizable-sw,
456
+ .ui-dialog .ui-resizable-ne,
457
+ .ui-dialog .ui-resizable-nw {
458
+ width: 7px;
459
+ height: 7px;
460
+ }
461
+ .ui-dialog .ui-resizable-se {
462
+ right: 0;
463
+ bottom: 0;
464
+ }
465
+ .ui-dialog .ui-resizable-sw {
466
+ left: 0;
467
+ bottom: 0;
468
+ }
469
+ .ui-dialog .ui-resizable-ne {
470
+ right: 0;
471
+ top: 0;
472
+ }
473
+ .ui-dialog .ui-resizable-nw {
474
+ left: 0;
475
+ top: 0;
476
+ }
477
+ .ui-draggable .ui-dialog-titlebar {
478
+ cursor: move;
479
+ }
480
+
481
+ /* Component containers
482
+ ----------------------------------*/
483
+ .ui-widget {
484
+ font-family: Verdana,Arial,sans-serif;
485
+ font-size: 1.1em;
486
+ }
487
+ .ui-widget .ui-widget {
488
+ font-size: 1em;
489
+ }
490
+ .ui-widget input,
491
+ .ui-widget select,
492
+ .ui-widget textarea,
493
+ .ui-widget button {
494
+ font-family: Verdana,Arial,sans-serif;
495
+ font-size: 1em;
496
+ }
497
+ .ui-widget.ui-widget-content {
498
+ border: 1px solid #d3d3d3;
499
+ }
500
+ .ui-widget-content {
501
+ border: 1px solid #aaaaaa;
502
+ background: #ffffff;
503
+ color: #222222;
504
+ }
505
+ .ui-widget-content a {
506
+ color: #222222;
507
+ }
508
+ .ui-widget-header {
509
+ border: 1px solid #aaaaaa;
510
+ background: #cccccc url([[/assets/card-mod-style/jquery-ui-smoothness/ui-bg_highlight-soft_75_cccccc_1x100.png]]) 50% 50% repeat-x;
511
+ color: #222222;
512
+ font-weight: bold;
513
+ }
514
+ .ui-widget-header a {
515
+ color: #222222;
516
+ }
517
+
518
+ /* Interaction states
519
+ ----------------------------------*/
520
+ .ui-state-default,
521
+ .ui-widget-content .ui-state-default,
522
+ .ui-widget-header .ui-state-default,
523
+ .ui-button,
524
+
525
+ /* We use html here because we need a greater specificity to make sure disabled
526
+ works properly when clicked or hovered */
527
+ html .ui-button.ui-state-disabled:hover,
528
+ html .ui-button.ui-state-disabled:active {
529
+ border: 1px solid #d3d3d3;
530
+ background: #e6e6e6 url([[/assets/card-mod-style/jquery-ui-smoothness/ui-bg_glass_75_e6e6e6_1x400.png]]) 50% 50% repeat-x;
531
+ font-weight: normal;
532
+ color: #555555;
533
+ }
534
+ .ui-state-default a,
535
+ .ui-state-default a:link,
536
+ .ui-state-default a:visited,
537
+ a.ui-button,
538
+ a:link.ui-button,
539
+ a:visited.ui-button,
540
+ .ui-button {
541
+ color: #555555;
542
+ text-decoration: none;
543
+ }
544
+ .ui-state-hover,
545
+ .ui-widget-content .ui-state-hover,
546
+ .ui-widget-header .ui-state-hover,
547
+ .ui-state-focus,
548
+ .ui-widget-content .ui-state-focus,
549
+ .ui-widget-header .ui-state-focus,
550
+ .ui-button:hover,
551
+ .ui-button:focus {
552
+ border: 1px solid #999999;
553
+ background: #dadada url([[/assets/card-mod-style/jquery-ui-smoothness/ui-bg_glass_75_dadada_1x400.png]]) 50% 50% repeat-x;
554
+ font-weight: normal;
555
+ color: #212121;
556
+ }
557
+ .ui-state-hover a,
558
+ .ui-state-hover a:hover,
559
+ .ui-state-hover a:link,
560
+ .ui-state-hover a:visited,
561
+ .ui-state-focus a,
562
+ .ui-state-focus a:hover,
563
+ .ui-state-focus a:link,
564
+ .ui-state-focus a:visited,
565
+ a.ui-button:hover,
566
+ a.ui-button:focus {
567
+ color: #212121;
568
+ text-decoration: none;
569
+ }
570
+
571
+ .ui-visual-focus {
572
+ box-shadow: 0 0 3px 1px rgb(94, 158, 214);
573
+ }
574
+ .ui-state-active,
575
+ .ui-widget-content .ui-state-active,
576
+ .ui-widget-header .ui-state-active,
577
+ a.ui-button:active,
578
+ .ui-button:active,
579
+ .ui-button.ui-state-active:hover {
580
+ border: 1px solid #aaaaaa;
581
+ background: #ffffff url([[/assets/card-mod-style/jquery-ui-smoothness/ui-bg_glass_65_ffffff_1x400.png]]) 50% 50% repeat-x;
582
+ font-weight: normal;
583
+ color: #212121;
584
+ }
585
+ .ui-icon-background,
586
+ .ui-state-active .ui-icon-background {
587
+ border: #aaaaaa;
588
+ background-color: #212121;
589
+ }
590
+ .ui-state-active a,
591
+ .ui-state-active a:link,
592
+ .ui-state-active a:visited {
593
+ color: #212121;
594
+ text-decoration: none;
595
+ }
596
+
597
+ /* Interaction Cues
598
+ ----------------------------------*/
599
+ .ui-state-highlight,
600
+ .ui-widget-content .ui-state-highlight,
601
+ .ui-widget-header .ui-state-highlight {
602
+ border: 1px solid #fcefa1;
603
+ background: #fbf9ee url([[/assets/card-mod-style/jquery-ui-smoothness/ui-bg_glass_55_fbf9ee_1x400.png]]) 50% 50% repeat-x;
604
+ color: #363636;
605
+ }
606
+ .ui-state-checked {
607
+ border: 1px solid #fcefa1;
608
+ background: #fbf9ee;
609
+ }
610
+ .ui-state-highlight a,
611
+ .ui-widget-content .ui-state-highlight a,
612
+ .ui-widget-header .ui-state-highlight a {
613
+ color: #363636;
614
+ }
615
+ .ui-state-error,
616
+ .ui-widget-content .ui-state-error,
617
+ .ui-widget-header .ui-state-error {
618
+ border: 1px solid #cd0a0a;
619
+ background: #fef1ec url([[/assets/card-mod-style/jquery-ui-smoothness/ui-bg_glass_95_fef1ec_1x400.png]]) 50% 50% repeat-x;
620
+ color: #cd0a0a;
621
+ }
622
+ .ui-state-error a,
623
+ .ui-widget-content .ui-state-error a,
624
+ .ui-widget-header .ui-state-error a {
625
+ color: #cd0a0a;
626
+ }
627
+ .ui-state-error-text,
628
+ .ui-widget-content .ui-state-error-text,
629
+ .ui-widget-header .ui-state-error-text {
630
+ color: #cd0a0a;
631
+ }
632
+ .ui-priority-primary,
633
+ .ui-widget-content .ui-priority-primary,
634
+ .ui-widget-header .ui-priority-primary {
635
+ font-weight: bold;
636
+ }
637
+ .ui-priority-secondary,
638
+ .ui-widget-content .ui-priority-secondary,
639
+ .ui-widget-header .ui-priority-secondary {
640
+ opacity: .7;
641
+ filter:Alpha(Opacity=70); /* support: IE8 */
642
+ font-weight: normal;
643
+ }
644
+ .ui-state-disabled,
645
+ .ui-widget-content .ui-state-disabled,
646
+ .ui-widget-header .ui-state-disabled {
647
+ opacity: .35;
648
+ filter:Alpha(Opacity=35); /* support: IE8 */
649
+ background-image: none;
650
+ }
651
+ .ui-state-disabled .ui-icon {
652
+ filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
653
+ }
654
+
655
+ /* Icons
656
+ ----------------------------------*/
657
+
658
+ /* states and images */
659
+ .ui-icon {
660
+ width: 16px;
661
+ height: 16px;
662
+ }
663
+ .ui-icon,
664
+ .ui-widget-content .ui-icon {
665
+ background-image: url([[/assets/card-mod-style/jquery-ui-smoothness/ui-icons_222222_256x240.png]]);
666
+ }
667
+ .ui-widget-header .ui-icon {
668
+ background-image: url([[/assets/card-mod-style/jquery-ui-smoothness/ui-icons_222222_256x240.png]]);
669
+ }
670
+ .ui-state-hover .ui-icon,
671
+ .ui-state-focus .ui-icon,
672
+ .ui-button:hover .ui-icon,
673
+ .ui-button:focus .ui-icon {
674
+ background-image: url([[/assets/card-mod-style/jquery-ui-smoothness/ui-icons_454545_256x240.png]]);
675
+ }
676
+ .ui-state-active .ui-icon,
677
+ .ui-button:active .ui-icon {
678
+ background-image: url([[/assets/card-mod-style/jquery-ui-smoothness/ui-icons_454545_256x240.png]]);
679
+ }
680
+ .ui-state-highlight .ui-icon,
681
+ .ui-button .ui-state-highlight.ui-icon {
682
+ background-image: url([[/assets/card-mod-style/jquery-ui-smoothness/ui-icons_2e83ff_256x240.png]]);
683
+ }
684
+ .ui-state-error .ui-icon,
685
+ .ui-state-error-text .ui-icon {
686
+ background-image: url([[/assets/card-mod-style/jquery-ui-smoothness/ui-icons_cd0a0a_256x240.png]]);
687
+ }
688
+ .ui-button .ui-icon {
689
+ background-image: url([[/assets/card-mod-style/jquery-ui-smoothness/ui-icons_888888_256x240.png]]);
690
+ }
691
+
692
+ /* positioning */
693
+ .ui-icon-blank { background-position: 16px 16px; }
694
+ .ui-icon-caret-1-n { background-position: 0 0; }
695
+ .ui-icon-caret-1-ne { background-position: -16px 0; }
696
+ .ui-icon-caret-1-e { background-position: -32px 0; }
697
+ .ui-icon-caret-1-se { background-position: -48px 0; }
698
+ .ui-icon-caret-1-s { background-position: -65px 0; }
699
+ .ui-icon-caret-1-sw { background-position: -80px 0; }
700
+ .ui-icon-caret-1-w { background-position: -96px 0; }
701
+ .ui-icon-caret-1-nw { background-position: -112px 0; }
702
+ .ui-icon-caret-2-n-s { background-position: -128px 0; }
703
+ .ui-icon-caret-2-e-w { background-position: -144px 0; }
704
+ .ui-icon-triangle-1-n { background-position: 0 -16px; }
705
+ .ui-icon-triangle-1-ne { background-position: -16px -16px; }
706
+ .ui-icon-triangle-1-e { background-position: -32px -16px; }
707
+ .ui-icon-triangle-1-se { background-position: -48px -16px; }
708
+ .ui-icon-triangle-1-s { background-position: -65px -16px; }
709
+ .ui-icon-triangle-1-sw { background-position: -80px -16px; }
710
+ .ui-icon-triangle-1-w { background-position: -96px -16px; }
711
+ .ui-icon-triangle-1-nw { background-position: -112px -16px; }
712
+ .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
713
+ .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
714
+ .ui-icon-arrow-1-n { background-position: 0 -32px; }
715
+ .ui-icon-arrow-1-ne { background-position: -16px -32px; }
716
+ .ui-icon-arrow-1-e { background-position: -32px -32px; }
717
+ .ui-icon-arrow-1-se { background-position: -48px -32px; }
718
+ .ui-icon-arrow-1-s { background-position: -65px -32px; }
719
+ .ui-icon-arrow-1-sw { background-position: -80px -32px; }
720
+ .ui-icon-arrow-1-w { background-position: -96px -32px; }
721
+ .ui-icon-arrow-1-nw { background-position: -112px -32px; }
722
+ .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
723
+ .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
724
+ .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
725
+ .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
726
+ .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
727
+ .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
728
+ .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
729
+ .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
730
+ .ui-icon-arrowthick-1-n { background-position: 1px -48px; }
731
+ .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
732
+ .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
733
+ .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
734
+ .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
735
+ .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
736
+ .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
737
+ .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
738
+ .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
739
+ .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
740
+ .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
741
+ .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
742
+ .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
743
+ .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
744
+ .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
745
+ .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
746
+ .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
747
+ .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
748
+ .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
749
+ .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
750
+ .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
751
+ .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
752
+ .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
753
+ .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
754
+ .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
755
+ .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
756
+ .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
757
+ .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
758
+ .ui-icon-arrow-4 { background-position: 0 -80px; }
759
+ .ui-icon-arrow-4-diag { background-position: -16px -80px; }
760
+ .ui-icon-extlink { background-position: -32px -80px; }
761
+ .ui-icon-newwin { background-position: -48px -80px; }
762
+ .ui-icon-refresh { background-position: -64px -80px; }
763
+ .ui-icon-shuffle { background-position: -80px -80px; }
764
+ .ui-icon-transfer-e-w { background-position: -96px -80px; }
765
+ .ui-icon-transferthick-e-w { background-position: -112px -80px; }
766
+ .ui-icon-folder-collapsed { background-position: 0 -96px; }
767
+ .ui-icon-folder-open { background-position: -16px -96px; }
768
+ .ui-icon-document { background-position: -32px -96px; }
769
+ .ui-icon-document-b { background-position: -48px -96px; }
770
+ .ui-icon-note { background-position: -64px -96px; }
771
+ .ui-icon-mail-closed { background-position: -80px -96px; }
772
+ .ui-icon-mail-open { background-position: -96px -96px; }
773
+ .ui-icon-suitcase { background-position: -112px -96px; }
774
+ .ui-icon-comment { background-position: -128px -96px; }
775
+ .ui-icon-person { background-position: -144px -96px; }
776
+ .ui-icon-print { background-position: -160px -96px; }
777
+ .ui-icon-trash { background-position: -176px -96px; }
778
+ .ui-icon-locked { background-position: -192px -96px; }
779
+ .ui-icon-unlocked { background-position: -208px -96px; }
780
+ .ui-icon-bookmark { background-position: -224px -96px; }
781
+ .ui-icon-tag { background-position: -240px -96px; }
782
+ .ui-icon-home { background-position: 0 -112px; }
783
+ .ui-icon-flag { background-position: -16px -112px; }
784
+ .ui-icon-calendar { background-position: -32px -112px; }
785
+ .ui-icon-cart { background-position: -48px -112px; }
786
+ .ui-icon-pencil { background-position: -64px -112px; }
787
+ .ui-icon-clock { background-position: -80px -112px; }
788
+ .ui-icon-disk { background-position: -96px -112px; }
789
+ .ui-icon-calculator { background-position: -112px -112px; }
790
+ .ui-icon-zoomin { background-position: -128px -112px; }
791
+ .ui-icon-zoomout { background-position: -144px -112px; }
792
+ .ui-icon-search { background-position: -160px -112px; }
793
+ .ui-icon-wrench { background-position: -176px -112px; }
794
+ .ui-icon-gear { background-position: -192px -112px; }
795
+ .ui-icon-heart { background-position: -208px -112px; }
796
+ .ui-icon-star { background-position: -224px -112px; }
797
+ .ui-icon-link { background-position: -240px -112px; }
798
+ .ui-icon-cancel { background-position: 0 -128px; }
799
+ .ui-icon-plus { background-position: -16px -128px; }
800
+ .ui-icon-plusthick { background-position: -32px -128px; }
801
+ .ui-icon-minus { background-position: -48px -128px; }
802
+ .ui-icon-minusthick { background-position: -64px -128px; }
803
+ .ui-icon-close { background-position: -80px -128px; }
804
+ .ui-icon-closethick { background-position: -96px -128px; }
805
+ .ui-icon-key { background-position: -112px -128px; }
806
+ .ui-icon-lightbulb { background-position: -128px -128px; }
807
+ .ui-icon-scissors { background-position: -144px -128px; }
808
+ .ui-icon-clipboard { background-position: -160px -128px; }
809
+ .ui-icon-copy { background-position: -176px -128px; }
810
+ .ui-icon-contact { background-position: -192px -128px; }
811
+ .ui-icon-image { background-position: -208px -128px; }
812
+ .ui-icon-video { background-position: -224px -128px; }
813
+ .ui-icon-script { background-position: -240px -128px; }
814
+ .ui-icon-alert { background-position: 0 -144px; }
815
+ .ui-icon-info { background-position: -16px -144px; }
816
+ .ui-icon-notice { background-position: -32px -144px; }
817
+ .ui-icon-help { background-position: -48px -144px; }
818
+ .ui-icon-check { background-position: -64px -144px; }
819
+ .ui-icon-bullet { background-position: -80px -144px; }
820
+ .ui-icon-radio-on { background-position: -96px -144px; }
821
+ .ui-icon-radio-off { background-position: -112px -144px; }
822
+ .ui-icon-pin-w { background-position: -128px -144px; }
823
+ .ui-icon-pin-s { background-position: -144px -144px; }
824
+ .ui-icon-play { background-position: 0 -160px; }
825
+ .ui-icon-pause { background-position: -16px -160px; }
826
+ .ui-icon-seek-next { background-position: -32px -160px; }
827
+ .ui-icon-seek-prev { background-position: -48px -160px; }
828
+ .ui-icon-seek-end { background-position: -64px -160px; }
829
+ .ui-icon-seek-start { background-position: -80px -160px; }
830
+ /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
831
+ .ui-icon-seek-first { background-position: -80px -160px; }
832
+ .ui-icon-stop { background-position: -96px -160px; }
833
+ .ui-icon-eject { background-position: -112px -160px; }
834
+ .ui-icon-volume-off { background-position: -128px -160px; }
835
+ .ui-icon-volume-on { background-position: -144px -160px; }
836
+ .ui-icon-power { background-position: 0 -176px; }
837
+ .ui-icon-signal-diag { background-position: -16px -176px; }
838
+ .ui-icon-signal { background-position: -32px -176px; }
839
+ .ui-icon-battery-0 { background-position: -48px -176px; }
840
+ .ui-icon-battery-1 { background-position: -64px -176px; }
841
+ .ui-icon-battery-2 { background-position: -80px -176px; }
842
+ .ui-icon-battery-3 { background-position: -96px -176px; }
843
+ .ui-icon-circle-plus { background-position: 0 -192px; }
844
+ .ui-icon-circle-minus { background-position: -16px -192px; }
845
+ .ui-icon-circle-close { background-position: -32px -192px; }
846
+ .ui-icon-circle-triangle-e { background-position: -48px -192px; }
847
+ .ui-icon-circle-triangle-s { background-position: -64px -192px; }
848
+ .ui-icon-circle-triangle-w { background-position: -80px -192px; }
849
+ .ui-icon-circle-triangle-n { background-position: -96px -192px; }
850
+ .ui-icon-circle-arrow-e { background-position: -112px -192px; }
851
+ .ui-icon-circle-arrow-s { background-position: -128px -192px; }
852
+ .ui-icon-circle-arrow-w { background-position: -144px -192px; }
853
+ .ui-icon-circle-arrow-n { background-position: -160px -192px; }
854
+ .ui-icon-circle-zoomin { background-position: -176px -192px; }
855
+ .ui-icon-circle-zoomout { background-position: -192px -192px; }
856
+ .ui-icon-circle-check { background-position: -208px -192px; }
857
+ .ui-icon-circlesmall-plus { background-position: 0 -208px; }
858
+ .ui-icon-circlesmall-minus { background-position: -16px -208px; }
859
+ .ui-icon-circlesmall-close { background-position: -32px -208px; }
860
+ .ui-icon-squaresmall-plus { background-position: -48px -208px; }
861
+ .ui-icon-squaresmall-minus { background-position: -64px -208px; }
862
+ .ui-icon-squaresmall-close { background-position: -80px -208px; }
863
+ .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
864
+ .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
865
+ .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
866
+ .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
867
+ .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
868
+ .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
869
+
870
+
871
+ /* Misc visuals
872
+ ----------------------------------*/
873
+
874
+ /* Corner radius */
875
+ .ui-corner-all,
876
+ .ui-corner-top,
877
+ .ui-corner-left,
878
+ .ui-corner-tl {
879
+ border-top-left-radius: 4px;
880
+ }
881
+ .ui-corner-all,
882
+ .ui-corner-top,
883
+ .ui-corner-right,
884
+ .ui-corner-tr {
885
+ border-top-right-radius: 4px;
886
+ }
887
+ .ui-corner-all,
888
+ .ui-corner-bottom,
889
+ .ui-corner-left,
890
+ .ui-corner-bl {
891
+ border-bottom-left-radius: 4px;
892
+ }
893
+ .ui-corner-all,
894
+ .ui-corner-bottom,
895
+ .ui-corner-right,
896
+ .ui-corner-br {
897
+ border-bottom-right-radius: 4px;
898
+ }
899
+
900
+ /* Overlays */
901
+ .ui-widget-overlay {
902
+ background: #aaaaaa;
903
+ opacity: .3;
904
+ filter: Alpha(Opacity=30); /* support: IE8 */
905
+ }
906
+ .ui-widget-shadow {
907
+ -webkit-box-shadow: -8px -8px 8px #aaaaaa;
908
+ box-shadow: -8px -8px 8px #aaaaaa;
909
+ }