Kirki - Version 0.8.0

Version Description

=

March 30, 2014, dev time: 32 hours

  • Improvement: OOP redesign (props @vpratfr)
  • New: Added Palette control
  • New: Added Editor control (WYSIWYG - uses TinyMCE)
  • New: Added Custom control (free html)
  • New: Added a Kirki_Colourlovers class to use palettes from the colourlovers API
  • New: Added a composer file (props @vpratfr)
  • Fix: Wrong settings IDs
  • Fix: Color calculation on RGBA functions were off
  • Tweak: Restructuring the plugin (props @vpratfr)
  • New: added a functional kirki_get_option() function
  • Tweak: Simplified configuration options.
  • New: Turn Kirki into a singleton and a facade (props @vpratfr)
  • Tweak: Completely re-written the customizer styles
  • New: Using SASS for customizer styles
  • Tweak: Deprecating the group_title control in favor of the new custom control
  • Tweak: Changed the CSS for checkboxes

=

Download this release

Release Info

Developer aristath
Plugin Icon 128x128 Kirki
Version 0.8.0
Comparing to
See all releases

Code changes from version 0.7.1 to 0.8.0

Files changed (67) hide show
  1. assets/css/.sass-cache/c476fc92c5464e1edb465b10e5d2773148db0187/customizer.scssc +0 -0
  2. assets/css/customizer.css +308 -259
  3. assets/css/customizer.scss +406 -0
  4. assets/css/hint.css +0 -293
  5. assets/css/jquery-ui-1.10.0.custom.css +0 -1485
  6. assets/images/ui-bg_flat_0_aaaaaa_40x100.png +0 -0
  7. assets/images/ui-bg_glass_55_fbf9ee_1x400.png +0 -0
  8. assets/images/ui-bg_glass_65_ffffff_1x400.png +0 -0
  9. assets/images/ui-bg_glass_75_dadada_1x400.png +0 -0
  10. assets/images/ui-bg_glass_75_e6e6e6_1x400.png +0 -0
  11. assets/images/ui-bg_glass_75_ffffff_1x400.png +0 -0
  12. assets/images/ui-bg_highlight-soft_75_cccccc_1x100.png +0 -0
  13. assets/images/ui-bg_inset-soft_95_fef1ec_1x100.png +0 -0
  14. assets/images/ui-icons_222222_256x240.png +0 -0
  15. assets/images/ui-icons_2e83ff_256x240.png +0 -0
  16. assets/images/ui-icons_454545_256x240.png +0 -0
  17. assets/images/ui-icons_888888_256x240.png +0 -0
  18. assets/images/ui-icons_cd0a0a_256x240.png +0 -0
  19. assets/images/ui-icons_f6cf3b_256x240.png +0 -0
  20. assets/js/customizer.js +57 -0
  21. assets/xml/colourlovers-top.xml +2501 -0
  22. composer.json +22 -0
  23. config.codekit +928 -0
  24. includes/Config.php +77 -0
  25. includes/{class-kirki-controls.php → Control.php} +99 -74
  26. includes/Controls.php +68 -0
  27. includes/Controls/CustomControl.php +23 -0
  28. includes/Controls/EditorControl.php +28 -0
  29. includes/{controls/class-kirki-customize-multicheck-control.php → Controls/MultiCheckControl.php} +4 -3
  30. includes/Controls/NumberControl.php +25 -0
  31. includes/Controls/PaletteControl.php +46 -0
  32. includes/{controls/class-kirki-customize-radio-buttonset-control.php → Controls/RadioButtonSetControl.php} +3 -1
  33. includes/{controls/class-kirki-customize-radio-image-control.php → Controls/RadioImageControl.php} +3 -1
  34. includes/{controls/class-kirki-customize-slider-control.php → Controls/SliderControl.php} +3 -1
  35. includes/{controls/class-kirki-customize-sortable-control.php → Controls/SortableControl.php} +3 -3
  36. includes/{controls/class-kirki-customize-switch-control.php → Controls/SwitchControl.php} +6 -3
  37. includes/{controls/class-kirki-customize-toggle-control.php → Controls/ToggleControl.php} +3 -1
  38. includes/{class-kirki-fonts.php → Fonts/FontRegistry.php} +91 -114
  39. includes/Helpers/deprecated.php +79 -0
  40. includes/Helpers/helpers.php +107 -0
  41. includes/Helpers/libraries/class-kirki-color.php +465 -0
  42. includes/Helpers/libraries/class-kirki-colourlovers.php +188 -0
  43. includes/Helpers/sanitize.php +121 -0
  44. includes/Kirki.php +135 -0
  45. includes/Scripts/Customizer/Branding.php +37 -0
  46. includes/Scripts/Customizer/Dependencies.php +31 -0
  47. includes/Scripts/Customizer/PostMessage.php +74 -0
  48. includes/Scripts/Customizer/Required.php +130 -0
  49. includes/Scripts/Customizer/Tooltips.php +50 -0
  50. includes/Scripts/EnqueueScript.php +22 -0
  51. includes/{class-kirki-fonts-script.php → Scripts/Frontend/GoogleFonts.php} +12 -21
  52. includes/Scripts/ScriptRegistry.php +25 -0
  53. includes/Setting.php +193 -0
  54. includes/Styles.php +16 -0
  55. includes/Styles/Customizer.php +94 -0
  56. includes/{class-kirki-style.php → Styles/Frontend.php} +93 -66
  57. includes/class-kirki-color.php +0 -121
  58. includes/class-kirki-scripts.php +0 -393
  59. includes/class-kirki-settings.php +0 -245
  60. includes/controls/class-kirki-customize-group-title-control.php +0 -19
  61. includes/controls/class-kirki-customize-number-control.php +0 -23
  62. includes/deprecated.php +0 -21
  63. includes/required.php +0 -57
  64. kirki.php +29 -215
  65. languages/kirki-en_US.mo +0 -0
  66. languages/kirki-en_US.po +185 -0
  67. readme.txt +49 -6
assets/css/.sass-cache/c476fc92c5464e1edb465b10e5d2773148db0187/customizer.scssc ADDED
Binary file
assets/css/customizer.css CHANGED
@@ -1,277 +1,326 @@
1
- li.customize-control.customize-control-slider input[type=text] {
2
- width: 20%;
3
- float: left;
4
- text-align: center;
5
- }
6
-
7
- li.customize-control.customize-control-slider .ss-slider {
8
- width: 70%;
9
- margin-left: 25%;
10
- margin-top: 12px;
11
- }
12
- .wp-core-ui .button.tooltip {
13
- margin-top: 5px;
14
- color: #fff;
15
- border: 0px;
16
- border-radius: 50%;
17
- width: 20px;
18
- height: 20px;
19
- text-align: center;
20
- padding: 0;
21
- line-height: 20px;
22
- font-weight: bold;
23
- -webkit-box-shadow: none;
24
- box-shadow: none;
25
- float: right;
26
- overflow: visible !important;
27
- }
28
-
29
- .customize-control-radio label {
30
- line-height: 22px;
31
- padding: 5px 8px;
32
- }
33
-
34
- .image.ui-buttonset label.ui-button {
35
- padding: 2px;
36
- line-height: 0;
37
- border-radius: 0;
38
- margin-right: 0;
39
- background: #999;
40
- border: 0;
41
- }
42
-
43
- li .image.ui-buttonset label.ui-button {
44
- margin-bottom: 10px;
45
- margin-right: 15px;
46
- }
47
48
- div.kirki-customizer {
49
- height: 80px;
50
- }
51
-
52
- .wp-full-overlay.expanded {
53
- margin-left: 330px;
54
- }
55
- .wp-full-overlay-sidebar {
56
- width: 330px;
57
- }
58
-
59
- .wp-core-ui .button-primary {
60
- border: 0px;
61
- }
62
-
63
- .wp-core-ui .button-primary.focus,
64
- .wp-core-ui .button-primary.hover,
65
- .wp-core-ui .button-primary:focus,
66
- .wp-core-ui .button-primary:hover {
67
- border: 0px;
68
- }
69
-
70
- .wp-core-ui .button-primary-disabled,
71
- .wp-core-ui .button-primary.disabled,
72
- .wp-core-ui .button-primary:disabled,
73
- .wp-core-ui .button-primary[disabled] {
74
- border: 0px !important;
75
- }
76
77
li.customize-control {
78
- margin: 5px 0;
79
- }
80
81
- .wp-full-overlay-sidebar .wp-full-overlay-header,
82
- #customize-info .accordion-section-title,
83
- #customize-theme-controls .control-section:last-of-type .accordion-section-title,
84
- #customize-theme-controls .control-section:last-of-type.open,
85
- div.kirki-customizer {
86
- border-bottom: 1px solid rgba( 255, 255, 255, 0.2 );
87
- }
88
-
89
- .hide {
90
- display: none;
91
- }
92
93
- li.customize-control.customize-control-group_title {
94
- background: #f7f7f7;
95
- margin: 20px -20px;
96
- padding: 5px 20px 0;
97
- border-bottom: 1px solid #dedede;
98
- border-top: 1px solid #dedede;
99
- }
100
101
- a.hint--left:after {
102
- height: auto;
103
- margin-bottom: -14px;
104
- width: 170px;
105
- max-width: 170px;
106
- display: block;
107
- white-space: normal;
108
- text-align: right;
109
position: relative;
110
- top: -22px;
111
- left: -190px;
112
- }
113
114
- ul.ui-sortable li.kirki-sortable-item {
115
- padding: 3px;
116
- }
117
118
- ul.ui-sortable li.kirki-sortable-item .dashicons-menu {
119
float: right;
120
- }
121
-
122
- ul.ui-sortable li.kirki-sortable-item .visibility {
123
- padding-right: 10px;
124
- }
125
-
126
- ul.ui-sortable li.kirki-sortable-item.invisible,
127
- ul.ui-sortable li.kirki-sortable-item.invisible .visibility {
128
- color: #ccc;
129
- border: 1px solid rgba(0,0,0,0);
130
- }
131
132
- .wp-full-overlay-sidebar {
133
- background: #fff;
134
- }
135
-
136
- .wp-core-ui.wp-customizer .button,
137
- .press-this.wp-core-ui .button,
138
- .press-this input#publish,
139
- .press-this input#save-post,
140
- .press-this a.preview {
141
- border: none;
142
- cursor: pointer;
143
- overflow: hidden;
144
- -webkit-user-select: none;
145
- -moz-user-select: none;
146
- -ms-user-select: none;
147
- user-select: none;
148
- -webkit-tap-highlight-color: transparent;
149
- z-index: 1;
150
- will-change: opacity, transform;
151
- -webkit-transition: all 0.3s ease-out;
152
- -moz-transition: all 0.3s ease-out;
153
- -o-transition: all 0.3s ease-out;
154
- -ms-transition: all 0.3s ease-out;
155
- transition: all 0.3s ease-out;
156
- text-decoration: none;
157
- color: #FFF;
158
- background-color: #26a69a;
159
- text-align: center;
160
- letter-spacing: 0.5px;
161
- -webkit-transition: 0.2s ease-out;
162
- -moz-transition: 0.2s ease-out;
163
- -o-transition: 0.2s ease-out;
164
- -ms-transition: 0.2s ease-out;
165
- transition: 0.2s ease-out;
166
- cursor: pointer;
167
- display: inline-block;
168
- -webkit-border-radius: 2px;
169
- -moz-border-radius: 2px;
170
- border-radius: 2px;
171
- background-clip: padding-box;
172
- border: none;
173
- outline: 0;
174
- -webkit-tap-highlight-color: transparent;
175
176
- }
177
178
- .wp-core-ui.wp-customizer .button:hover,
179
- .press-this.wp-core-ui .button:hover,
180
- .press-this input#publish:hover,
181
- .press-this input#save-post:hover,
182
- .press-this a.preview:hover {
183
- background-color: #2bbbad;
184
- webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
185
- -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
186
- box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
187
- }
188
189
- .ui-button {
190
- border-color: #f2f2f2;
191
- background-color: #transparent !important;
192
- }
193
194
- .customize-control input[type="text"] {
195
border: none;
196
- border-radius: 0;
197
- border-bottom: 1px solid #ccc;
198
- -webkit-box-shadow: none;
199
box-shadow: none;
200
- }
201
-
202
- .customize-control input[type="text"]:focus {
203
- border-color: #333;
204
- }
205
-
206
- /*------------------------------------------------*/
207
- /* Switch SECTION START*/
208
- /*------------------------------------------------*/
209
- .Switch {
210
- position: relative;
211
- display: inline-block;
212
- font-size: 1.6em;
213
- font-weight: bold;
214
- color: #ccc;
215
- text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
216
- height: 18px;
217
- padding: 6px 6px 5px 6px;
218
- border: 1px solid #ccc;
219
- border: 1px solid rgba(0,0,0,0.2);
220
- border-radius: 4px;
221
- background: #ececec;
222
- box-shadow: 0px 0px 4px rgba(0,0,0,0.1), inset 0px 1px 3px 0px rgba(0,0,0,0.1);
223
- cursor: pointer;
224
- font-size: 16px;
225
- float: right;
226
- }
227
- body.IE7 .Switch { width: 78px; }
228
- .Switch span {
229
- display: inline-block;
230
- width: 35px;
231
position: relative;
232
- top: -5px;
233
- }
234
- .Switch span.On { color: #33d2da; }
235
- .Switch .Toggle {
236
- position: absolute;
237
- top: 1px;
238
- width: 37px;
239
- height: 25px;
240
- border: 1px solid #ccc;
241
- border: 1px solid rgba(0,0,0,0.3);
242
- border-radius: 4px;
243
- background: #fff;
244
- background: -moz-linear-gradient(top, #ececec 0%, #ffffff 100%);
245
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffffff));
246
- background: -webkit-linear-gradient(top, #ececec 0%, #ffffff 100%);
247
- background: -o-linear-gradient(top, #ececec 0%, #ffffff 100%);
248
- background: -ms-linear-gradient(top, #ececec 0%, #ffffff 100%);
249
- background: linear-gradient(top, #ececec 0%, #ffffff 100%);
250
- box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.5);
251
- z-index: 999;
252
- -webkit-transition: all 0.15s ease-in-out;
253
- -moz-transition: all 0.15s ease-in-out;
254
- -o-transition: all 0.15s ease-in-out;
255
- -ms-transition: all 0.15s ease-in-out;
256
- }
257
- .Switch.On .Toggle { left: 54%; }
258
- .Switch.Off .Toggle { left: 2%; }
259
- /* Round Switch */
260
- .Switch.Round {
261
- padding: 0px 20px;
262
- border-radius: 40px;
263
- margin-top: 5px;
264
- }
265
- body.IE7 .Switch.Round { width: 1px; }
266
- .Switch.Round .Toggle {
267
- border-radius: 40px;
268
- width: 14px;
269
- height: 14px;
270
- }
271
- .Switch.Round.Off .Toggle {
272
- left: 3%;
273
- }
274
- .Switch.Round.On .Toggle { left: 58%; }
275
- .switch-info {
276
- /*float: left;*/
277
- }
1
+ #customize-controls #customize-info .accordion-section-title {
2
+ border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
3
+ #customize-controls #customize-theme-controls .accordion-section > .accordion-section-title {
4
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
5
+ #customize-controls #customize-theme-controls .accordion-section > .accordion-section-title:after {
6
+ border-color: transparent !important;
7
+ border-color: transparent !important; }
8
9
+ .hint, [data-hint] {
10
+ position: relative;
11
+ display: inline-block; }
12
+ .hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
13
+ position: absolute;
14
+ -webkit-transform: translate3d(0, 0, 0);
15
+ -moz-transform: translate3d(0, 0, 0);
16
+ transform: translate3d(0, 0, 0);
17
+ visibility: hidden;
18
+ opacity: 0;
19
+ z-index: 998;
20
+ pointer-events: none;
21
+ transition: 0.3s ease;
22
+ transition-delay: 250ms; }
23
+ .hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after {
24
+ visibility: visible;
25
+ opacity: 1; }
26
+ .hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after {
27
+ transition-delay: 0ms; }
28
+ .hint:before, [data-hint]:before {
29
+ content: '';
30
+ position: absolute;
31
+ background: transparent;
32
+ border: none;
33
+ z-index: 999;
34
+ width: 0;
35
+ height: 0;
36
+ border-top: 5px solid transparent;
37
+ border-bottom: 5px solid transparent;
38
+ border-left: 5px solid #333;
39
+ left: -5px;
40
+ top: 5px; }
41
+ .hint:after, [data-hint]:after {
42
+ content: attr(data-hint);
43
+ background: #333;
44
+ color: white;
45
+ padding: 5px 10px;
46
+ font-size: 12px;
47
+ line-height: 14px;
48
+ height: auto;
49
+ margin-bottom: -14px;
50
+ width: 170px;
51
+ max-width: 170px;
52
+ display: block;
53
+ white-space: normal;
54
+ text-align: right;
55
+ position: relative;
56
+ top: -22px;
57
+ left: -195px; }
58
59
li.customize-control {
60
+ position: relative; }
61
+ li.customize-control a.tooltip.hint--left {
62
+ display: block;
63
+ position: absolute;
64
+ top: 5px;
65
+ right: -20px;
66
+ border-radius: 50%;
67
+ color: #999;
68
+ border: none;
69
+ line-height: 8px;
70
+ width: 20px;
71
+ height: 20px; }
72
73
+ .customize-control-radio-image .image.ui-buttonset input[type=radio] {
74
+ height: auto; }
75
+ .customize-control-radio-image .image.ui-buttonset label {
76
+ border: 1px solid transparent;
77
+ display: inline-block;
78
+ margin-right: 5px;
79
+ margin-bottom: 5px; }
80
+ .customize-control-radio-image .image.ui-buttonset label.ui-state-active {
81
+ background: none;
82
+ border-color: #333; }
83
84
+ .customize-control-multicheck input[type="checkbox"] {
85
+ position: relative;
86
+ margin: 0 1rem 0 0;
87
+ cursor: pointer;
88
+ margin-bottom: 5px;
89
+ width: 22px;
90
+ height: 22px; }
91
+ .customize-control-multicheck input[type="checkbox"]:before {
92
+ -webkit-transition: all 0.1s ease-in-out;
93
+ -moz-transition: all 0.1s ease-in-out;
94
+ transition: all 0.1s ease-in-out;
95
+ content: "";
96
+ position: absolute;
97
+ left: 0;
98
+ z-index: 1;
99
+ width: 16px;
100
+ height: 16px;
101
+ border: 2px solid #f2f2f2; }
102
+ .customize-control-multicheck input[type="checkbox"]:checked:before {
103
+ -webkit-transform: rotate(-45deg);
104
+ -moz-transform: rotate(-45deg);
105
+ -ms-transform: rotate(-45deg);
106
+ -o-transform: rotate(-45deg);
107
+ transform: rotate(-45deg);
108
+ height: 8px;
109
+ top: 4px;
110
+ left: 4px;
111
+ border-color: #009688;
112
+ border-top-style: none;
113
+ border-right-style: none; }
114
+ .customize-control-multicheck input[type="checkbox"]:after {
115
+ content: "";
116
+ position: absolute;
117
+ left: 0;
118
+ top: 0;
119
+ width: 18px;
120
+ height: 18px;
121
+ background: #fff;
122
+ cursor: pointer; }
123
124
+ .customize-control-checkbox input[type="checkbox"] {
125
position: relative;
126
+ margin: 0 1rem 0 0;
127
+ cursor: pointer;
128
+ margin-bottom: 5px;
129
+ width: 22px;
130
+ height: 22px; }
131
+ .customize-control-checkbox input[type="checkbox"]:before {
132
+ -webkit-transition: all 0.1s ease-in-out;
133
+ -moz-transition: all 0.1s ease-in-out;
134
+ transition: all 0.1s ease-in-out;
135
+ content: "";
136
+ position: absolute;
137
+ left: 0;
138
+ z-index: 1;
139
+ width: 16px;
140
+ height: 16px;
141
+ border: 2px solid #f2f2f2; }
142
+ .customize-control-checkbox input[type="checkbox"]:checked:before {
143
+ -webkit-transform: rotate(-45deg);
144
+ -moz-transform: rotate(-45deg);
145
+ -ms-transform: rotate(-45deg);
146
+ -o-transform: rotate(-45deg);
147
+ transform: rotate(-45deg);
148
+ height: 8px;
149
+ top: 4px;
150
+ left: 4px;
151
+ border-color: #009688;
152
+ border-top-style: none;
153
+ border-right-style: none; }
154
+ .customize-control-checkbox input[type="checkbox"]:after {
155
+ content: "";
156
+ position: absolute;
157
+ left: 0;
158
+ top: 0;
159
+ width: 18px;
160
+ height: 18px;
161
+ background: #fff;
162
+ cursor: pointer; }
163
164
+ .customize-control-radio-buttonset label {
165
+ padding: 5px 10px;
166
+ background: #f7f7f7;
167
+ border-left: 1px solid #dedede; }
168
+ .customize-control-radio-buttonset label.ui-state-active {
169
+ background: #dedede; }
170
+ .customize-control-radio-buttonset label.ui-corner-left {
171
+ border-radius: 3px 0 0 3px;
172
+ border-left: 0; }
173
+ .customize-control-radio-buttonset label.ui-corner-right {
174
+ border-radius: 0 3px 3px 0; }
175
176
+ .customize-control-switch .Switch,
177
+ .customize-control-toggle .Switch {
178
+ position: relative;
179
+ display: inline-block;
180
+ font-size: 16px;
181
+ font-weight: bold;
182
+ color: #aaa;
183
+ height: 18px;
184
+ line-height: 27px;
185
+ padding: 6px;
186
+ border: 1px solid #ccc;
187
+ border: 1px solid rgba(0, 0, 0, 0.2);
188
+ background: #f2f2f2;
189
+ cursor: pointer;
190
float: right;
191
+ transition: all 0.15s ease-in-out; }
192
+ .customize-control-switch .Switch .Toggle,
193
+ .customize-control-toggle .Switch .Toggle {
194
+ position: absolute;
195
+ top: 1px;
196
+ width: 37px;
197
+ height: 25px;
198
+ border: 1px solid #aaa;
199
+ border: 1px solid rgba(0, 0, 0, 0.2);
200
+ background: #fff;
201
+ z-index: 989;
202
+ transition: all 0.15s ease-in-out; }
203
+ .customize-control-switch .Switch .On,
204
+ .customize-control-switch .Switch .Off,
205
+ .customize-control-toggle .Switch .On,
206
+ .customize-control-toggle .Switch .Off {
207
+ display: inline-block;
208
+ width: 35px;
209
+ position: relative;
210
+ top: -5px; }
211
+ .customize-control-switch .Switch .On,
212
+ .customize-control-toggle .Switch .On {
213
+ color: #333; }
214
+ .customize-control-switch .Switch.On .Toggle,
215
+ .customize-control-toggle .Switch.On .Toggle {
216
+ left: 54%; }
217
+ .customize-control-switch .Switch.Off .Toggle,
218
+ .customize-control-toggle .Switch.Off .Toggle {
219
+ left: 2%; }
220
+ .customize-control-switch .Switch.Round,
221
+ .customize-control-toggle .Switch.Round {
222
+ padding: 0px 20px;
223
+ border-radius: 40px;
224
+ margin-top: 5px; }
225
+ .customize-control-switch .Switch.Round .Toggle,
226
+ .customize-control-toggle .Switch.Round .Toggle {
227
+ border-radius: 40px;
228
+ width: 14px;
229
+ height: 14px; }
230
+ .customize-control-switch .Switch.Round.Off .Toggle,
231
+ .customize-control-toggle .Switch.Round.Off .Toggle {
232
+ left: 3%; }
233
+ .customize-control-switch .Switch.Round.On,
234
+ .customize-control-toggle .Switch.Round.On {
235
+ color: #fff;
236
+ background: #333; }
237
+ .customize-control-switch .Switch.Round.On .Toggle,
238
+ .customize-control-toggle .Switch.Round.On .Toggle {
239
+ left: 58%; }
240
241
+ body.IE7 .Switch {
242
+ width: 78px; }
243
244
+ body.IE7 .Switch.Round {
245
+ width: 1px; }
246
247
+ .customize-control-sortable ul.ui-sortable li {
248
+ padding: 5px 10px;
249
+ border: 1px solid #333;
250
+ background: #fff; }
251
+ .customize-control-sortable ul.ui-sortable li .dashicons.dashicons-menu {
252
+ float: right; }
253
+ .customize-control-sortable ul.ui-sortable li .dashicons.visibility {
254
+ margin-right: 10px; }
255
+ .customize-control-sortable ul.ui-sortable li.invisible {
256
+ color: #aaa;
257
+ border: 1px dashed #aaa; }
258
+ .customize-control-sortable ul.ui-sortable li.invisible .dashicons.visibility {
259
+ color: #aaa; }
260
261
+ .customize-control-palette label.ui-button.ui-widget {
262
+ width: 95%;
263
+ background: none;
264
+ padding: 0; }
265
+ .customize-control-palette label.ui-button.ui-widget .ui-button-text {
266
+ border-top: 3px solid transparent;
267
+ border-bottom: 3px solid transparent;
268
+ margin-bottom: 5px;
269
+ display: flex; }
270
+ .customize-control-palette label.ui-button.ui-widget .ui-button-text span {
271
+ padding: 10px 0;
272
+ flex-grow: 1;
273
+ font-size: 0px;
274
+ line-height: 10px;
275
+ color: transparent;
276
+ -webkit-transition: all 200ms ease-in-out;
277
+ -moz-transition: all 200ms ease-in-out;
278
+ -ms-transition: all 200ms ease-in-out;
279
+ -o-transition: all 200ms ease-in-out;
280
+ transition: all 200ms ease-in-out; }
281
+ .customize-control-palette label.ui-button.ui-widget .ui-button-text span:hover {
282
+ padding: 10px;
283
+ flex-grow: 3;
284
+ min-width: 60px;
285
+ font-size: 10px;
286
+ line-height: 10px;
287
+ color: #000; }
288
+ .customize-control-palette label.ui-state-active.ui-button.ui-widget span.ui-button-text {
289
+ border: 3px solid #333; }
290
291
+ .customize-control-slider input[type="text"] {
292
border: none;
293
+ text-align: center;
294
+ padding: 0;
295
+ margin: 0;
296
+ font-size: 12px;
297
box-shadow: none;
298
+ color: #333; }
299
+ .customize-control-slider .ui-slider {
300
position: relative;
301
+ text-align: left;
302
+ height: 7px;
303
+ border-radius: 3px;
304
+ background: #f2f2f2;
305
+ border: 1px solid #dedede;
306
+ margin-top: 10px;
307
+ margin-bottom: 20px; }
308
+ .customize-control-slider .ui-slider .ui-slider-handle {
309
+ position: absolute;
310
+ z-index: 2;
311
+ width: 15px;
312
+ height: 15px;
313
+ top: -5px;
314
+ border-radius: 50%;
315
+ cursor: default;
316
+ -ms-touch-action: none;
317
+ touch-action: none;
318
+ background: #333;
319
+ border: 1px solid #333; }
320
+ .customize-control-slider .ui-slider .ui-slider-range {
321
+ position: absolute;
322
+ z-index: 1;
323
+ font-size: .7em;
324
+ display: block;
325
+ border: 0;
326
+ background-position: 0 0; }
assets/css/customizer.scss ADDED
@@ -0,0 +1,406 @@
1
+ @mixin material-checkbox() {
2
+ position: relative;
3
+ margin: 0 1rem 0 0;
4
+ cursor: pointer;
5
+ margin-bottom: 5px;
6
+ width: 22px;
7
+ height: 22px;
8
+ &:before {
9
+ -webkit-transition: all 0.1s ease-in-out;
10
+ -moz-transition: all 0.1s ease-in-out;
11
+ transition: all 0.1s ease-in-out;
12
+ content: "";
13
+ position: absolute;
14
+ left: 0;
15
+ z-index: 1;
16
+ width: 16px;
17
+ height: 16px;
18
+ border: 2px solid #f2f2f2;
19
+ }
20
+ &:checked {
21
+ &:before {
22
+ -webkit-transform: rotate(-45deg);
23
+ -moz-transform: rotate(-45deg);
24
+ -ms-transform: rotate(-45deg);
25
+ -o-transform: rotate(-45deg);
26
+ transform: rotate(-45deg);
27
+ height: 8px;
28
+ top:4px;
29
+ left: 4px;
30
+ border-color: #009688;
31
+ border-top-style: none;
32
+ border-right-style: none;
33
+ }
34
+ }
35
+ &:after {
36
+ content: "";
37
+ position: absolute;
38
+ left: 0;
39
+ top: 0;
40
+ width: 18px;
41
+ height: 18px;
42
+ background: #fff;
43
+ cursor: pointer;
44
+ }
45
+ }
46
+
47
+ // Generic styles
48
+ #customize-controls {
49
+ #customize-header-actions {
50
+
51
+ }
52
+ #customize-info {
53
+ .accordion-section-title {
54
+ border-bottom: 1px solid rgba(0,0,0,.3);
55
+ }
56
+ }
57
+ #customize-theme-controls {
58
+ #accordion-section-themes {
59
+
60
+ }
61
+ .accordion-section {
62
+ > .accordion-section-title {
63
+ border-bottom: 1px solid rgba(0,0,0,.1);
64
+ &:after {
65
+ border-color: rgba(0,0,0,0) !important;
66
+ border-color: transparent !important;
67
+ }
68
+ }
69
+ }
70
+ }
71
+ }
72
+
73
+ // Hints/Tooltips
74
+ .hint, [data-hint] {
75
+ position: relative;
76
+ display: inline-block;
77
+
78
+ &:before, &:after {
79
+ position: absolute;
80
+
81
+ // HACK: Trigger hardware accelerated rendering, otherwise transform was not
82
+ // working on a hidden element
83
+ -webkit-transform: translate3d(0, 0, 0);
84
+ -moz-transform: translate3d(0, 0, 0);
85
+ transform: translate3d(0, 0, 0);
86
+
87
+ // HACK: visibility is set to hidden because IE & Opera don't support
88
+ // pointer-events on HTML content yet because of which hovering a hidden tooltip
89
+ // shows the tooltip.
90
+ visibility: hidden;
91
+ opacity: 0;
92
+ z-index: 998;
93
+ // shouldn't receive pointer events, otherwise even hovering tooltip will make it appear
94
+ pointer-events: none;
95
+
96
+ transition: 0.3s ease;
97
+ transition-delay: 250ms;
98
+ }
99
+
100
+ &:hover:before, &:hover:after,
101
+ &:focus:before, &:focus:after {
102
+ visibility: visible;
103
+ opacity: 1;
104
+ }
105
+
106
+ &:hover:before, &:hover:after {
107
+ transition-delay: 0ms;
108
+ }
109
+ // tooltip arrow
110
+ &:before {
111
+ content: '';
112
+ position: absolute;
113
+ background: transparent;
114
+ border: none;
115
+ // move z-index 1 up than :after so that it shows over box-shadow
116
+ z-index: 999;
117
+ width: 0;
118
+ height: 0;
119
+ border-top: 5px solid transparent;
120
+ border-bottom: 5px solid transparent;
121
+ border-left: 5px solid #333;
122
+ left: -5px;
123
+ top: 5px;
124
+ }
125
+ // tooltip body
126
+ &:after {
127
+ content: attr(data-hint); // The magic!
128
+ background: #333;
129
+ color: white;
130
+ padding: 5px 10px;
131
+ font-size: 12px;
132
+ line-height: 14px;
133
+ height: auto;
134
+ margin-bottom: -14px;
135
+ width: 170px;
136
+ max-width: 170px;
137
+ display: block;
138
+ white-space: normal;
139
+ text-align: right;
140
+ position: relative;
141
+ top: -22px;
142
+ left: -195px;
143
+ }
144
+ }
145
+
146
+ // apply to all controls for tooltips
147
+ li.customize-control {
148
+ position: relative;
149
+ a.tooltip.hint--left {
150
+ display: block;
151
+ position: absolute;
152
+ top: 5px;
153
+ right: -20px;
154
+ border-radius: 50%;
155
+ color: #999;
156
+ border: none;
157
+ line-height: 8px;
158
+ width: 20px;
159
+ height: 20px;
160
+ }
161
+ }
162
+
163
+ // Radio-Image Controls
164
+ .customize-control-radio-image {
165
+ .image.ui-buttonset {
166
+ input[type=radio] {
167
+ height: auto;
168
+ }
169
+ label {
170
+ border: 1px solid transparent;
171
+ display: inline-block;
172
+ margin-right: 5px;
173
+ margin-bottom: 5px;
174
+ &.ui-state-active {
175
+ background: none;
176
+ border-color: #333;
177
+ }
178
+ }
179
+ }
180
+ }
181
+
182
+ // Multicheck Controls
183
+ .customize-control-multicheck {
184
+ input[type="checkbox"] {
185
+ @include material-checkbox();
186
+ }
187
+ }
188
+
189
+ // Checkbox Controls
190
+ // Multicheck Controls
191
+ .customize-control-checkbox {
192
+ input[type="checkbox"] {
193
+ @include material-checkbox();
194
+ }
195
+ }
196
+
197
+ // Radio-Buttonset Controls
198
+ .customize-control-radio-buttonset {
199
+ input[type=radio] {
200
+ }
201
+ label {
202
+ padding: 5px 10px;
203
+ background: #f7f7f7;
204
+ border-left: 1px solid #dedede;
205
+ &.ui-state-active {
206
+ background: #dedede;
207
+ }
208
+ &.ui-corner-left {
209
+ border-radius: 3px 0 0 3px;
210
+ border-left: 0;
211
+ }
212
+ &.ui-corner-right {
213
+ border-radius: 0 3px 3px 0;
214
+ }
215
+ }
216
+ }
217
+
218
+ // Switch & toggle Controls
219
+ .customize-control-switch,
220
+ .customize-control-toggle {
221
+ .Switch {
222
+ position: relative;
223
+ display: inline-block;
224
+ font-size: 16px;
225
+ font-weight: bold;
226
+ color: #aaa;
227
+ height: 18px;
228
+ line-height: 27px;
229
+ padding: 6px;
230
+ border: 1px solid #ccc;
231
+ border: 1px solid rgba(0,0,0,0.2);
232
+ background: #f2f2f2;
233
+ cursor: pointer;
234
+ float: right;
235
+ transition: all 0.15s ease-in-out;
236
+ .Toggle {
237
+ position: absolute;
238
+ top: 1px;
239
+ width: 37px;
240
+ height: 25px;
241
+ border: 1px solid #aaa;
242
+ border: 1px solid rgba(0,0,0,0.2);
243
+ background: #fff;
244
+ z-index: 989;
245
+ transition: all 0.15s ease-in-out;
246
+ }
247
+ .On,
248
+ .Off {
249
+ display: inline-block;
250
+ width: 35px;
251
+ position: relative;
252
+ top: -5px;
253
+ }
254
+ .On {
255
+ color: #333;
256
+ }
257
+ &.On {
258
+ .Toggle {
259
+ left: 54%;
260
+ }
261
+ }
262
+ &.Off {
263
+ .Toggle {
264
+ left: 2%;
265
+ }
266
+ }
267
+ &.Round {
268
+ padding: 0px 20px;
269
+ border-radius: 40px;
270
+ margin-top: 5px;
271
+ .Toggle {
272
+ border-radius: 40px;
273
+ width: 14px;
274
+ height: 14px;
275
+ }
276
+ &.Off {
277
+ .Toggle {
278
+ left: 3%;
279
+ }
280
+ }
281
+ &.On {
282
+ color: #fff;
283
+ background: #333;
284
+ .Toggle {
285
+ left: 58%;
286
+ }
287
+ }
288
+ }
289
+ }
290
+ }
291
+ body.IE7 .Switch { width: 78px; }
292
+ body.IE7 .Switch.Round { width: 1px; }
293
+
294
+ // Sortable Controls
295
+ .customize-control-sortable {
296
+ ul.ui-sortable {
297
+ li {
298
+ padding: 5px 10px;
299
+ border: 1px solid #333;
300
+ background: #fff;
301
+ .dashicons {
302
+ &.dashicons-menu {
303
+ float: right;
304
+ }
305
+ &.visibility {
306
+ margin-right: 10px;
307
+ }
308
+ }
309
+ &.invisible {
310
+ color: #aaa;
311
+ border: 1px dashed #aaa;
312
+ .dashicons.visibility {
313
+ color: #aaa;
314
+ }
315
+ }
316
+ }
317
+ }
318
+ }
319
+
320
+ // Palette controls
321
+ .customize-control-palette {
322
+ label {
323
+ &.ui-button.ui-widget {
324
+ width: 95%;
325
+ background: none;
326
+ padding: 0;
327
+ .ui-button-text {
328
+ border-top: 3px solid transparent;
329
+ border-bottom: 3px solid transparent;
330
+ margin-bottom: 5px;
331
+ display: flex;
332
+ span {
333
+ padding: 10px 0;
334
+ flex-grow: 1;
335
+ font-size: 0px;
336
+ line-height: 10px;
337
+ color: rgba(0,0,0,0);
338
+ -webkit-transition: all 200ms ease-in-out;
339
+ -moz-transition: all 200ms ease-in-out;
340
+ -ms-transition: all 200ms ease-in-out;
341
+ -o-transition: all 200ms ease-in-out;
342
+ transition: all 200ms ease-in-out;
343
+ &:hover {
344
+ padding: 10px;
345
+ flex-grow: 3;
346
+ min-width: 60px;
347
+ font-size: 10px;
348
+ line-height: 10px;
349
+ color: #000;
350
+ }
351
+ }
352
+ }
353
+ }
354
+ &.ui-state-active {
355
+ &.ui-button.ui-widget {
356
+ span.ui-button-text {
357
+ border: 3px solid #333;
358
+ }
359
+ }
360
+ }
361
+ }
362
+ }
363
+
364
+ // Slider Controls
365
+ .customize-control-slider {
366
+ input[type="text"] {
367
+ border: none;
368
+ text-align: center;
369
+ padding: 0;
370
+ margin: 0;
371
+ font-size: 12px;
372
+ box-shadow: none;
373
+ color: #333;
374
+ }
375
+ .ui-slider {
376
+ position: relative;
377
+ text-align: left;
378
+ height: 7px;
379
+ border-radius: 3px;
380
+ background: #f2f2f2;
381
+ border: 1px solid #dedede;
382
+ margin-top: 10px;
383
+ margin-bottom: 20px;
384
+ .ui-slider-handle {
385
+ position: absolute;
386
+ z-index: 2;
387
+ width: 15px;
388
+ height: 15px;
389
+ top: -5px;
390
+ border-radius: 50%;
391
+ cursor: default;
392
+ -ms-touch-action: none;
393
+ touch-action: none;
394
+ background: #333;
395
+ border: 1px solid #333;
396
+ }
397
+ .ui-slider-range {
398
+ position: absolute;
399
+ z-index: 1;
400
+ font-size: .7em;
401
+ display: block;
402
+ border: 0;
403
+ background-position: 0 0;
404
+ }
405
+ }
406
+ }
assets/css/hint.css CHANGED
@@ -1,293 +0,0 @@
1
- /*! Hint.css - v1.3.3 - 2014-07-06
2
- * http://kushagragour.in/lab/hint/
3
- * Copyright (c) 2014 Kushagra Gour; Licensed MIT */
4
-
5
- /*-------------------------------------*\
6
- HINT.css - A CSS tooltip library
7
- \*-------------------------------------*/
8
- /**
9
- * HINT.css is a tooltip library made in pure CSS.
10
- *
11
- * Source: https://github.com/chinchang/hint.css
12
- * Demo: http://kushagragour.in/lab/hint/
13
- *
14
- * Release under The MIT License
15
- *
16
- */
17
- /**
18
- * source: hint-core.scss
19
- *
20
- * Defines the basic styling for the tooltip.
21
- * Each tooltip is made of 2 parts:
22
- * 1) body (:after)
23
- * 2) arrow (:before)
24
- *
25
- * Classes added:
26
- * 1) hint
27
- */
28
- .hint, [data-hint] {
29
- position: relative;
30
- display: inline-block;
31
- /**
32
- * tooltip arrow
33
- */
34
- /**
35
- * tooltip body
36
- */ }
37
- .hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
38
- position: absolute;
39
- -webkit-transform: translate3d(0, 0, 0);
40
- -moz-transform: translate3d(0, 0, 0);
41
- transform: translate3d(0, 0, 0);
42
- visibility: hidden;
43
- opacity: 0;
44
- z-index: 1000000;
45
- pointer-events: none;
46
- -webkit-transition: 0.3s ease;
47
- -moz-transition: 0.3s ease;
48
- transition: 0.3s ease;
49
- -webkit-transition-delay: 0ms;
50
- -moz-transition-delay: 0ms;
51
- transition-delay: 0ms; }
52
- .hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after {
53
- visibility: visible;
54
- opacity: 1; }
55
- .hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after {
56
- -webkit-transition-delay: 100ms;
57
- -moz-transition-delay: 100ms;
58
- transition-delay: 100ms; }
59
- .hint:before, [data-hint]:before {
60
- content: '';
61
- position: absolute;
62
- background: transparent;
63
- border: 6px solid transparent;
64
- z-index: 1000001; }
65
- .hint:after, [data-hint]:after {
66
- content: attr(data-hint);
67
- background: #383838;
68
- color: white;
69
- padding: 8px 10px;
70
- font-size: 12px;
71
- line-height: 12px;
72
- white-space: nowrap; }
73
-
74
- /**
75
- * source: hint-position.scss
76
- *
77
- * Defines the positoning logic for the tooltips.
78
- *
79
- * Classes added:
80
- * 1) hint--top
81
- * 2) hint--bottom
82
- * 3) hint--left
83
- * 4) hint--right
84
- */
85
- /**
86
- * set default color for tooltip arrows
87
- */
88
- .hint--top:before {
89
- border-top-color: #383838; }
90
-
91
- .hint--bottom:before {
92
- border-bottom-color: #383838; }
93
-
94
- .hint--left:before {
95
- border-left-color: #383838; }
96
-
97
- .hint--right:before {
98
- border-right-color: #383838; }
99
-
100
- /**
101
- * top tooltip
102
- */
103
- .hint--top:before {
104
- margin-bottom: -12px; }
105
- .hint--top:after {
106
- margin-left: -18px; }
107
- .hint--top:before, .hint--top:after {
108
- bottom: 100%;
109
- left: 50%; }
110
- .hint--top:hover:after, .hint--top:hover:before, .hint--top:focus:after, .hint--top:focus:before {
111
- -webkit-transform: translateY(-8px);
112
- -moz-transform: translateY(-8px);
113
- transform: translateY(-8px); }
114
-
115
- /**
116
- * bottom tooltip
117
- */
118
- .hint--bottom:before {
119
- margin-top: -12px; }
120
- .hint--bottom:after {
121
- margin-left: -18px; }
122
- .hint--bottom:before, .hint--bottom:after {
123
- top: 100%;
124
- left: 50%; }
125
- .hint--bottom:hover:after, .hint--bottom:hover:before, .hint--bottom:focus:after, .hint--bottom:focus:before {
126
- -webkit-transform: translateY(8px);
127
- -moz-transform: translateY(8px);
128
- transform: translateY(8px); }
129
-
130
- /**
131
- * right tooltip
132
- */
133
- .hint--right:before {
134
- margin-left: -12px;
135
- margin-bottom: -6px; }
136
- .hint--right:after {
137
- margin-bottom: -14px; }
138
- .hint--right:before, .hint--right:after {
139
- left: 100%;
140
- bottom: 50%; }
141
- .hint--right:hover:after, .hint--right:hover:before, .hint--right:focus:after, .hint--right:focus:before {
142
- -webkit-transform: translateX(8px);
143
- -moz-transform: translateX(8px);
144
- transform: translateX(8px); }
145
-
146
- /**
147
- * left tooltip
148
- */
149
- .hint--left:before {
150
- margin-right: -12px;
151
- margin-bottom: -6px; }
152
- .hint--left:after {
153
- margin-bottom: -14px; }
154
- .hint--left:before, .hint--left:after {
155
- right: 100%;
156
- bottom: 50%; }
157
- .hint--left:hover:after, .hint--left:hover:before, .hint--left:focus:after, .hint--left:focus:before {
158
- -webkit-transform: translateX(-8px);
159
- -moz-transform: translateX(-8px);
160
- transform: translateX(-8px); }
161
-
162
- /**
163
- * source: hint-color-types.scss
164
- *
165
- * Contains tooltips of various types based on color differences.
166
- *
167
- * Classes added:
168
- * 1) hint--error
169
- * 2) hint--warning
170
- * 3) hint--info
171
- * 4) hint--success
172
- *
173
- */
174
- /**
175
- * Error
176
- */
177
- .hint--error:after {
178
- background-color: #b34e4d;
179
- text-shadow: 0 -1px 0px #592726; }
180
- .hint--error.hint--top:before {
181
- border-top-color: #b34e4d; }
182
- .hint--error.hint--bottom:before {
183
- border-bottom-color: #b34e4d; }
184
- .hint--error.hint--left:before {
185
- border-left-color: #b34e4d; }
186
- .hint--error.hint--right:before {
187
- border-right-color: #b34e4d; }
188
-
189
- /**
190
- * Warning
191
- */
192
- .hint--warning:after {
193
- background-color: #c09854;
194
- text-shadow: 0 -1px 0px #6c5328; }
195
- .hint--warning.hint--top:before {
196
- border-top-color: #c09854; }
197
- .hint--warning.hint--bottom:before {
198
- border-bottom-color: #c09854; }
199
- .hint--warning.hint--left:before {
200
- border-left-color: #c09854; }
201
- .hint--warning.hint--right:before {
202
- border-right-color: #c09854; }
203
-
204
- /**
205
- * Info
206
- */
207
- .hint--info:after {
208
- background-color: #3986ac;
209
- text-shadow: 0 -1px 0px #193b4d; }
210
- .hint--info.hint--top:before {
211
- border-top-color: #3986ac; }
212
- .hint--info.hint--bottom:before {
213
- border-bottom-color: #3986ac; }
214
- .hint--info.hint--left:before {
215
- border-left-color: #3986ac; }
216
- .hint--info.hint--right:before {
217
- border-right-color: #3986ac; }
218
-
219
- /**
220
- * Success
221
- */
222
- .hint--success:after {
223
- background-color: #458746;
224
- text-shadow: 0 -1px 0px #1a321a; }
225
- .hint--success.hint--top:before {
226
- border-top-color: #458746; }
227
- .hint--success.hint--bottom:before {
228
- border-bottom-color: #458746; }
229
- .hint--success.hint--left:before {
230
- border-left-color: #458746; }
231
- .hint--success.hint--right:before {
232
- border-right-color: #458746; }
233
-
234
- /**
235
- * source: hint-always.scss
236
- *
237
- * Defines a persisted tooltip which shows always.
238
- *
239
- * Classes added:
240
- * 1) hint--always
241
- *
242
- */
243
- .hint--always:after, .hint--always:before {
244
- opacity: 1;
245
- visibility: visible; }
246
- .hint--always.hint--top:after, .hint--always.hint--top:before {
247
- -webkit-transform: translateY(-8px);
248
- -moz-transform: translateY(-8px);
249
- transform: translateY(-8px); }
250
- .hint--always.hint--bottom:after, .hint--always.hint--bottom:before {
251
- -webkit-transform: translateY(8px);
252
- -moz-transform: translateY(8px);
253
- transform: translateY(8px); }
254
- .hint--always.hint--left:after, .hint--always.hint--left:before {
255
- -webkit-transform: translateX(-8px);
256
- -moz-transform: translateX(-8px);
257
- transform: translateX(-8px); }
258
- .hint--always.hint--right:after, .hint--always.hint--right:before {
259
- -webkit-transform: translateX(8px);
260
- -moz-transform: translateX(8px);
261
- transform: translateX(8px); }
262
-
263
- /**
264
- * source: hint-rounded.scss
265
- *
266
- * Defines rounded corner tooltips.
267
- *
268
- * Classes added:
269
- * 1) hint--rounded
270
- *
271
- */
272
- .hint--rounded:after {
273
- border-radius: 4px; }
274
-
275
- /**
276
- * source: hint-effects.scss
277
- *
278
- * Defines various transition effects for the tooltips.
279
- *
280
- * Classes added:
281
- * 1) hint--no-animate
282
- * 2) hint--bounce
283
- *
284
- */
285
- .hint--no-animate:before, .hint--no-animate:after {
286
- -webkit-transition-duration: 0ms;
287
- -moz-transition-duration: 0ms;
288
- transition-duration: 0ms; }
289
-
290
- .hint--bounce:before, .hint--bounce:after {
291
- -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
292
- -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
293
- transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); }
assets/css/jquery-ui-1.10.0.custom.css CHANGED
@@ -1,1485 +0,0 @@
1
- /*!
2
- * jQuery UI Bootstrap (0.5)
3
- * http://addyosmani.github.com/jquery-ui-bootstrap
4
- *
5
- * Copyright 2012 - 2013, Addy Osmani
6
- * Dual licensed under the MIT or GPL Version 2 licenses.
7
- *
8
- * Portions copyright jQuery UI & Twitter Bootstrap
9
- */
10
-
11
-
12
- /* Layout helpers
13
- ----------------------------------*/
14
- .ui-helper-hidden { display: none; }
15
- .ui-helper-hidden-accessible {
16
- border: 0; clip: rect(0 0 0 0);
17
- height: 1px;
18
- margin: -1px;
19
- overflow: hidden;
20
- padding: 0;
21
- position: absolute;
22
- width: 1px;
23
- }
24
- .ui-helper-reset {
25
- margin: 0;
26
- padding: 0;
27
- border: 0;
28
- outline: 0;
29
- line-height: 1.3;
30
- text-decoration: none;
31
- font-size: 100%;
32
- list-style: none;
33
- }
34
- .ui-helper-clearfix:before,
35
- .ui-helper-clearfix:after {
36
- content: "";
37
- display: table;
38
- }
39
- .ui-helper-clearfix:after {
40
- content: ".";
41
- display: block;
42
- height: 0;
43
- clear: both;
44
- visibility: hidden;
45
- }
46
- .ui-helper-clearfix {
47
- /*display: inline-block; */
48
- display:block;
49
- min-height: 0; /* support: IE7 */
50
- }
51
- /* required comment for clearfix to work in Opera \*/
52
- * html .ui-helper-clearfix {
53
- height:1%;
54
- }
55
-
56
- /* end clearfix */
57
- .ui-helper-zfix {
58
- width: 100%;
59
- height: 100%;
60
- top: 0;
61
- left: 0;
62
- position: absolute;
63
- opacity: 0;
64
- filter:Alpha(Opacity=0);
65
- }
66
- .ui-front {
67
- z-index: 100;
68
- }
69
-
70
-
71
- /* Interaction Cues
72
- ----------------------------------*/
73
- .ui-state-disabled { cursor: default !important; }
74
-
75
-
76
- /* Icons
77
- ----------------------------------*/
78
-
79
- /* states and images */
80
- .ui-icon {
81
- display: block;
82
- text-indent: -99999px;
83
- overflow: hidden;
84
- background-repeat: no-repeat;
85
- }
86
-
87
-
88
- /* Misc visuals
89
- ----------------------------------*/
90
-
91
- /* Overlays */
92
- .ui-widget-overlay {
93
- position: absolute;
94
- top: 0;
95
- left: 0;
96
- width: 100%;
97
- height: 100%;
98
- }
99
-
100
- /*
101
- * jQuery UI Resizable 1.10.0
102
- *
103
- * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
104
- * Dual licensed under the MIT or GPL Version 2 licenses.
105
- * http://jquery.org/license
106
- *
107
- * http://api.jqueryui.com/resizable/
108
- */
109
-
110
- .ui-resizable {
111
- position: relative;
112
- }
113
- .ui-resizable-handle {
114
- position: absolute;
115
- font-size: 0.1px;
116
- z-index: 99999;
117
- display: block;
118
- }
119
- .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
120
- display: none;
121
- }
122
- .ui-resizable-n {
123
- cursor: n-resize;
124
- height: 7px;
125
- width: 100%;
126
- top: -5px;
127
- left: 0;
128
- }
129
- .ui-resizable-s {
130
- cursor: s-resize;
131
- height: 7px;
132
- width: 100%;
133
- bottom: -5px;
134
- left: 0;
135
- }
136
- .ui-resizable-e {
137
- cursor: e-resize;
138
- width: 7px;
139
- right: -5px;
140
- top: 0;
141
- height: 100%;
142
- }
143
- .ui-resizable-w {
144
- cursor: w-resize;
145
- width: 7px;
146
- left: -5px;
147
- top: 0;
148
- height: 100%;
149
- }
150
- .ui-resizable-se {
151
- cursor: se-resize;
152
- width: 12px;
153
- height: 12px;
154
- right: 1px;
155
- bottom: 1px;
156
- }
157
- .ui-resizable-sw {
158
- cursor: sw-resize;
159
- width: 9px;
160
- height: 9px;
161
- left: -5px;
162
- bottom: -5px;
163
- }
164
- .ui-resizable-nw {
165
- cursor: nw-resize;
166
- width: 9px;
167
- height: 9px;
168
- left: -5px;
169
- top: -5px;
170
- }
171
- .ui-resizable-ne {
172
- cursor: ne-resize;
173
- width: 9px;
174
- height: 9px;
175
- right: -5px;
176
- top: -5px;
177
- }
178
-
179
- /*
180
- * jQuery UI Selectable 1.10.0
181
- *
182
- * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
183
- * Dual licensed under the MIT or GPL Version 2 licenses.
184
- * http://jquery.org/license
185
- *
186
- * http://jqueryui.com/selectable/
187
- */
188
- .ui-selectable-helper {
189
- position: absolute;
190
- z-index: 100;
191
- border:1px dotted black;
192
- }
193
-
194
- /*
195
- * jQuery UI CSS Framework 1.10.0
196
- *
197
- * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
198
- * Dual licensed under the MIT or GPL Version 2 licenses.
199
- * http://jquery.org/license
200
- *
201
- *
202
- *
203
- * To view and modify this theme, visit http://jqueryui.com/themeroller/
204
- */
205
-
206
- /* Component containers
207
- ----------------------------------*/
208
- .ui-widget { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; }
209
- .ui-widget .ui-widget { font-size: 1em; }
210
- .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; }
211
- .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(../images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x; color: #404040; }
212
- .ui-widget-content a { color: #404040; }
213
- .ui-widget-header {
214
- font-weight:bold;
215
- border-color: #0064cd #0064cd #003f81;
216
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
217
- border:1px solid #666;
218
-
219
- }
220
- .ui-widget-header a { color: #222222; }
221
-
222
- /* Interaction states
223
- ----------------------------------*/
224
- .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
225
-
226
- background-color: #FF5740;
227
-
228
- color: #333;
229
- font-size: 13px;
230
- line-height: normal;
231
- border: 1px solid #CC1424;
232
- -webkit-transition: 0.1s linear background-image;
233
- -moz-transition: 0.1s linear background-image;
234
- -ms-transition: 0.1s linear background-image;
235
- -o-transition: 0.1s linear background-image;
236
- transition: 0.1s linear background-image;
237
- overflow: visible;
238
-
239
- }
240
-
241
-
242
- .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
243
- .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
244
- background-position: 0 -15px;
245
- color: #333;
246
- text-decoration: none;
247
- }
248
-
249
- .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; }
250
- .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; font-weight: normal; color: #212121; }
251
- .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
252
- .ui-widget :active { outline: none; }
253
-
254
- /* Interaction Cues
255
- ----------------------------------*/
256
-
257
-
258
- .ui-state-highlight p, .ui-state-error p, .ui-state-default p{
259
- font-size: 13px;
260
- font-weight: normal;
261
- line-height: 18px;
262
- margin:7px 15px;
263
- }
264
- .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
265
-
266
-
267
- position: relative;
268
- margin-bottom: 18px;
269
- color: #404040;
270
- background-color: #eedc94;
271
- background-repeat: repeat-x;
272
- background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
273
- background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
274
- background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
275
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
276
- background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
277
- background-image: -o-linear-gradient(top, #fceec1, #eedc94);
278
- background-image: linear-gradient(top, #fceec1, #eedc94);
279
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
280
- border-color: #eedc94 #eedc94 #e4c652;
281
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
282
- border-width: 1px;
283
- border-style: solid;
284
- -webkit-border-radius: 2px;
285
- -moz-border-radius: 2px;
286
- border-radius: 2px;
287
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
288
- -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
289
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
290
-
291
-
292
- }
293
- .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
294
- .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
295
-
296
-
297
- position: relative;
298
- margin-bottom: 18px;
299
- color: #ffffff;
300
- border-width: 1px;
301
- border-style: solid;
302
- -webkit-border-radius: 2px;
303
- -moz-border-radius: 2px;
304
- border-radius: 2px;
305
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
306
- -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
307
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
308
- background-color: #c43c35;
309
- background-repeat: repeat-x;
310
- background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
311
- background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
312
- background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
313
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
314
- background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
315
- background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
316
- background-image: linear-gradient(top, #ee5f5b, #c43c35);
317
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
318
- border-color: #c43c35 #c43c35 #882a25;
319
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
320
-
321
-
322
- }
323
- .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
324
- .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
325
- .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
326
- .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
327
- .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
328
- .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */
329
-
330
-
331
- /* Icons
332
- ----------------------------------*/
333
-
334
- /* states and images */
335
- .ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_222222_256x240.png); }
336
- .ui-widget-content .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png); }
337
- .ui-widget-header .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png); }
338
- .ui-state-default .ui-icon { background-image: url(../images/ui-icons_888888_256x240.png); }
339
- .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png); }
340
- .ui-state-active .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png); }
341
- .ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_2e83ff_256x240.png); }
342
- .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_f6cf3b_256x240.png); }
343
-
344
- /* positioning */
345
- .ui-icon-carat-1-n { background-position: 0 0; }
346
- .ui-icon-carat-1-ne { background-position: -16px 0; }
347
- .ui-icon-carat-1-e { background-position: -32px 0; }
348
- .ui-icon-carat-1-se { background-position: -48px 0; }
349
- .ui-icon-carat-1-s { background-position: -64px 0; }
350
- .ui-icon-carat-1-sw { background-position: -80px 0; }
351
- .ui-icon-carat-1-w { background-position: -96px 0; }
352
- .ui-icon-carat-1-nw { background-position: -112px 0; }
353
- .ui-icon-carat-2-n-s { background-position: -128px 0; }
354
- .ui-icon-carat-2-e-w { background-position: -144px 0; }
355
- .ui-icon-triangle-1-n { background-position: 0 -16px; }
356
- .ui-icon-triangle-1-ne { background-position: -16px -16px; }
357
- .ui-icon-triangle-1-e { background-position: -32px -16px; }
358
- .ui-icon-triangle-1-se { background-position: -48px -16px; }
359
- .ui-icon-triangle-1-s { background-position: -64px -16px; }
360
- .ui-icon-triangle-1-sw { background-position: -80px -16px; }
361
- .ui-icon-triangle-1-w { background-position: -96px -16px; }
362
- .ui-icon-triangle-1-nw { background-position: -112px -16px; }
363
- .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
364
- .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
365
- .ui-icon-arrow-1-n { background-position: 0 -32px; }
366
- .ui-icon-arrow-1-ne { background-position: -16px -32px; }
367
- .ui-icon-arrow-1-e { background-position: -32px -32px; }
368
- .ui-icon-arrow-1-se { background-position: -48px -32px; }
369
- .ui-icon-arrow-1-s { background-position: -64px -32px; }
370
- .ui-icon-arrow-1-sw { background-position: -80px -32px; }
371
- .ui-icon-arrow-1-w { background-position: -96px -32px; }
372
- .ui-icon-arrow-1-nw { background-position: -112px -32px; }
373
- .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
374
- .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
375
- .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
376
- .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
377
- .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
378
- .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
379
- .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
380
- .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
381
- .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
382
- .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
383
- .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
384
- .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
385
- .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
386
- .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
387
- .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
388
- .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
389
- .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
390
- .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
391
- .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
392
- .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
393
- .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
394
- .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
395
- .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
396
- .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
397
- .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
398
- .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
399
- .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
400
- .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
401
- .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
402
- .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
403
- .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
404
- .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
405
- .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
406
- .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
407
- .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
408
- .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
409
- .ui-icon-arrow-4 { background-position: 0 -80px; }
410
- .ui-icon-arrow-4-diag { background-position: -16px -80px; }
411
- .ui-icon-extlink { background-position: -32px -80px; }
412
- .ui-icon-newwin { background-position: -48px -80px; }
413
- .ui-icon-refresh { background-position: -64px -80px; }
414
- .ui-icon-shuffle { background-position: -80px -80px; }
415
- .ui-icon-transfer-e-w { background-position: -96px -80px; }
416
- .ui-icon-transferthick-e-w { background-position: -112px -80px; }
417
- .ui-icon-folder-collapsed { background-position: 0 -96px; }
418
- .ui-icon-folder-open { background-position: -16px -96px; }
419
- .ui-icon-document { background-position: -32px -96px; }
420
- .ui-icon-document-b { background-position: -48px -96px; }
421
- .ui-icon-note { background-position: -64px -96px; }
422
- .ui-icon-mail-closed { background-position: -80px -96px; }
423
- .ui-icon-mail-open { background-position: -96px -96px; }
424
- .ui-icon-suitcase { background-position: -112px -96px; }
425
- .ui-icon-comment { background-position: -128px -96px; }
426
- .ui-icon-person { background-position: -144px -96px; }
427
- .ui-icon-print { background-position: -160px -96px; }
428
- .ui-icon-trash { background-position: -176px -96px; }
429
- .ui-icon-locked { background-position: -192px -96px; }
430
- .ui-icon-unlocked { background-position: -208px -96px; }
431
- .ui-icon-bookmark { background-position: -224px -96px; }
432
- .ui-icon-tag { background-position: -240px -96px; }
433
- .ui-icon-home { background-position: 0 -112px; }
434
- .ui-icon-flag { background-position: -16px -112px; }
435
- .ui-icon-calendar { background-position: -32px -112px; }
436
- .ui-icon-cart { background-position: -48px -112px; }
437
- .ui-icon-pencil { background-position: -64px -112px; }
438
- .ui-icon-clock { background-position: -80px -112px; }
439
- .ui-icon-disk { background-position: -96px -112px; }
440
- .ui-icon-calculator { background-position: -112px -112px; }
441
- .ui-icon-zoomin { background-position: -128px -112px; }
442
- .ui-icon-zoomout { background-position: -144px -112px; }
443
- .ui-icon-search { background-position: -160px -112px; }
444
- .ui-icon-wrench { background-position: -176px -112px; }
445
- .ui-icon-gear { background-position: -192px -112px; }
446
- .ui-icon-heart { background-position: -208px -112px; }
447
- .ui-icon-star { background-position: -224px -112px; }
448
- .ui-icon-link { background-position: -240px -112px; }
449
- .ui-icon-cancel { background-position: 0 -128px; }
450
- .ui-icon-plus { background-position: -16px -128px; }
451
- .ui-icon-plusthick { background-position: -32px -128px; }
452
- .ui-icon-minus { background-position: -48px -128px; }
453
- .ui-icon-minusthick { background-position: -64px -128px; }
454
- .ui-icon-close { background-position: -80px -128px; }
455
- .ui-icon-closethick { background-position: -96px -128px; }
456
- .ui-icon-key { background-position: -112px -128px; }
457
- .ui-icon-lightbulb { background-position: -128px -128px; }
458
- .ui-icon-scissors { background-position: -144px -128px; }
459
- .ui-icon-clipboard { background-position: -160px -128px; }
460
- .ui-icon-copy { background-position: -176px -128px; }
461
- .ui-icon-contact { background-position: -192px -128px; }
462
- .ui-icon-image { background-position: -208px -128px; }
463
- .ui-icon-video { background-position: -224px -128px; }
464
- .ui-icon-script { background-position: -240px -128px; }
465
- .ui-icon-alert { background-position: 0 -144px; }
466
- .ui-icon-info { background-position: -16px -144px; }
467
- .ui-icon-notice { background-position: -32px -144px; }
468
- .ui-icon-help { background-position: -48px -144px; }
469
- .ui-icon-check { background-position: -64px -144px; }
470
- .ui-icon-bullet { background-position: -80px -144px; }
471
- .ui-icon-radio-off { background-position: -96px -144px; }
472
- .ui-icon-radio-on { background-position: -112px -144px; }
473
- .ui-icon-pin-w { background-position: -128px -144px; }
474
- .ui-icon-pin-s { background-position: -144px -144px; }
475
- .ui-icon-play { background-position: 0 -160px; }
476
- .ui-icon-pause { background-position: -16px -160px; }
477
- .ui-icon-seek-next { background-position: -32px -160px; }
478
- .ui-icon-seek-prev { background-position: -48px -160px; }
479
- .ui-icon-seek-end { background-position: -64px -160px; }
480
- .ui-icon-seek-start { background-position: -80px -160px; }
481
- /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
482
- .ui-icon-seek-first { background-position: -80px -160px; }
483
- .ui-icon-stop { background-position: -96px -160px; }
484
- .ui-icon-eject { background-position: -112px -160px; }
485
- .ui-icon-volume-off { background-position: -128px -160px; }
486
- .ui-icon-volume-on { background-position: -144px -160px; }
487
- .ui-icon-power { background-position: 0 -176px; }
488
- .ui-icon-signal-diag { background-position: -16px -176px; }
489
- .ui-icon-signal { background-position: -32px -176px; }
490
- .ui-icon-battery-0 { background-position: -48px -176px; }
491
- .ui-icon-battery-1 { background-position: -64px -176px; }
492
- .ui-icon-battery-2 { background-position: -80px -176px; }
493
- .ui-icon-battery-3 { background-position: -96px -176px; }
494
- .ui-icon-circle-plus { background-position: 0 -192px; }
495
- .ui-icon-circle-minus { background-position: -16px -192px; }
496
- .ui-icon-circle-close { background-position: -32px -192px; }
497
- .ui-icon-circle-triangle-e { background-position: -48px -192px; }
498
- .ui-icon-circle-triangle-s { background-position: -64px -192px; }
499
- .ui-icon-circle-triangle-w { background-position: -80px -192px; }
500
- .ui-icon-circle-triangle-n { background-position: -96px -192px; }
501
- .ui-icon-circle-arrow-e { background-position: -112px -192px; }
502
- .ui-icon-circle-arrow-s { background-position: -128px -192px; }
503
- .ui-icon-circle-arrow-w { background-position: -144px -192px; }
504
- .ui-icon-circle-arrow-n { background-position: -160px -192px; }
505
- .ui-icon-circle-zoomin { background-position: -176px -192px; }
506
- .ui-icon-circle-zoomout { background-position: -192px -192px; }
507
- .ui-icon-circle-check { background-position: -208px -192px; }
508
- .ui-icon-circlesmall-plus { background-position: 0 -208px; }
509
- .ui-icon-circlesmall-minus { background-position: -16px -208px; }
510
- .ui-icon-circlesmall-close { background-position: -32px -208px; }
511
- .ui-icon-squaresmall-plus { background-position: -48px -208px; }
512
- .ui-icon-squaresmall-minus { background-position: -64px -208px; }
513
- .ui-icon-squaresmall-close { background-position: -80px -208px; }
514
- .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
515
- .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
516
- .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
517
- .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
518
- .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
519
- .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
520
-
521
-
522
- /* Misc visuals
523
- ----------------------------------*/
524
-
525
- /* Corner radius */
526
- .ui-corner-all,
527
- .ui-corner-top,
528
- .ui-corner-left,
529
- .ui-corner-tl {
530
- -moz-border-radius-topleft: 2px;
531
- -webkit-border-top-left-radius: 2px;
532
- -khtml-border-top-left-radius: 2px;
533
- border-top-left-radius: 2px;
534
- }
535
- .ui-corner-all,
536
- .ui-corner-top,
537
- .ui-corner-right,
538
- .ui-corner-tr {
539
- -moz-border-radius-topright: 2px;
540
- -webkit-border-top-right-radius: 2px;
541
- -khtml-border-top-right-radius: 2px;
542
- border-top-right-radius: 2px;
543
- }
544
- .ui-corner-all,
545
- .ui-corner-bottom,
546
- .ui-corner-left,
547
- .ui-corner-bl {
548
- -moz-border-radius-bottomleft: 2px;
549
- -webkit-border-bottom-left-radius: 2px;
550
- -khtml-border-bottom-left-radius: 2px;
551
- border-bottom-left-radius: 2px;
552
- }
553
- .ui-corner-all,
554
- .ui-corner-bottom,
555
- .ui-corner-right,
556
- .ui-corner-br {
557
- -moz-border-radius-bottomright: 2px;
558
- -webkit-border-bottom-right-radius: 2px;
559
- -khtml-border-bottom-right-radius: 2px;
560
- border-bottom-right-radius: 2px;
561
- }
562
-
563
-
564
- /* Overlays */
565
-
566
- .ui-widget-overlay {
567
- background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
568
- opacity: .30;
569
- filter:Alpha(Opacity=30);
570
- }
571
-
572
- .ui-widget-shadow {
573
- margin: -8px 0 0 -8px;
574
- padding: 8px;
575
- background: #aaaaaa;
576
- opacity: .30;filter:Alpha(Opacity=30);
577
- -moz-border-radius: 2px;
578
- -khtml-border-radius: 2px;
579
- -webkit-border-radius: 2px;
580
- border-radius: 2px;
581
- }
582
-
583
- /*
584
- * jQuery UI Accordion 1.10.0
585
- *
586
- * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
587
- * Dual licensed under the MIT or GPL Version 2 licenses.
588
- * http://jquery.org/license
589
- *
590
- * http://jqueryui.com/accordion/
591
- */
592
-
593
- /* IE/Win - Fix animation bug - #4615 */
594
-
595
- .ui-accordion {
596
- width: 100%;
597
- }
598
- .ui-accordion .ui-accordion-header {
599
- cursor: pointer;
600
- position: relative;
601
- margin-top: 1px;
602
- zoom: 1;
603
- font-weight:bold;
604
- }
605
- .ui-accordion .ui-accordion-li-fix {
606
- display: inline;
607
- }
608
- .ui-accordion .ui-accordion-header-active {
609
- border-bottom: 0 !important;
610
- }
611
- .ui-accordion .ui-accordion-header a {
612
- display: block;
613
- font-size: 1em;
614
- padding: .5em .5em .5em 1.7em;
615
- }
616
- .ui-accordion-icons .ui-accordion-header a {
617
- padding-left: 2.2em;
618
- }
619
- .ui-accordion .ui-accordion-header .ui-icon {
620
- position: absolute;
621
- left: .5em;
622
- top: 50%;
623
- margin-top: -8px;
624
- }
625
- .ui-accordion .ui-accordion-content {
626
- padding: 1em 2.2em;
627
- border-top: 0;
628
- margin-top: -2px;
629
- position: relative;
630
- top: 1px;
631
- margin-bottom: 2px;
632
- overflow: auto;
633
- display: none;
634
- zoom: 1;
635
- }
636
- .ui-accordion .ui-accordion-content-active {
637
- display: block;
638
- }
639
-
640
- /*
641
- * jQuery UI Autocomplete 1.10.0
642
- *
643
- * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
644
- * Dual licensed under the MIT or GPL Version 2 licenses.
645
- * http://jquery.org/license
646
- *
647
- * http://jqueryui.com/autocomplete/
648
- */
649
-
650
- .ui-autocomplete {
651
- position: absolute;
652
- top: 0;
653
- left: 0;
654
- cursor: default;
655
- }
656
-
657
- /*
658
- * jQuery UI Button 1.10.0
659
- *
660
- * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
661
- * Dual licensed under the MIT or GPL Version 2 licenses.
662
- * http://jquery.org/license
663
- *
664
- * http://docs.jquery.com/UI/Button#theming
665
- */
666
-
667
- .ui-button {
668
-
669
- cursor: pointer;
670
- display: inline-block;
671
- background-color: #f7f7f7;
672
- background-repeat: no-repeat;
673
- padding: 5px 14px 6px;
674
- margin: 0;
675
- color: #333;
676
- font-size: 13px;
677
- line-height: normal;
678
- border: 1px solid #efefef;
679
-
680
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
681
- -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
682
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
683
- -webkit-transition: 0.1s linear background-image;
684
- -moz-transition: 0.1s linear background-image;
685
- -ms-transition: 0.1s linear background-image;
686
- -o-transition: 0.1s linear background-image;
687
- transition: 0.1s linear background-image;
688
- overflow: visible;
689
- } /* the overflow property removes extra width in IE */
690
-
691
- .ui-button-primary {
692
- color: #ffffff;
693
- background-color: #0064cd;
694
- border-color: #0064cd #0064cd #003f81;
695
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
696
- }
697
-
698
-
699
- .ui-button-success{
700
- color:#ffffff;
701
- background-color: #57a957;
702
- background-repeat: repeat-x;
703
- border-color: #57a957 #57a957 #3d773d;
704
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
705
- }
706
-
707
- .ui-button-error{
708
- color:#ffffff;
709
- background-color: #c43c35;
710
- border-color: #c43c35 #c43c35 #882a25;
711
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
712
- }
713
-
714
- .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
715
- button.ui-button-icon-only { } /* button elements seem to need a little more width */
716
- .ui-button-icons-only { width: 3.4em; }
717
- button.ui-button-icons-only { width: 3.7em; }
718
-
719
- /*button text element */
720
-
721
- .ui-button .ui-button-text { display: block; }
722
- .ui-button-text-only .ui-button-text { }
723
- .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; /*tempfix*/ display:none;}
724
- .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
725
- .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
726
- .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
727
- /* no icon support for input elements, provide padding by default */
728
- /* input.ui-button { padding: .4em 1em; } */
729
-
730
- /*button icon element(s) */
731
- .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { top: 50%; margin-top:-3px; margin-bottom:3px; }
732
- .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
733
- .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
734
- .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
735
- .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
736
-
737
- /*button sets*/
738
-
739
-
740
- .ui-buttonset { margin-right: 7px; }
741
- .ui-buttonset .ui-state-active {
742
- color: #ffffff;
743
- background-color: #34495e;
744
- background-repeat: repeat-x;
745
- }
746
- .ui-buttonset .ui-button { margin-left: 0; margin-right: -.4em; }
747
-
748
- /* workarounds */
749
- button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
750
-
751
-
752
- /*
753
- * jQuery UI Menu 1.10.0
754
- *
755
- * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
756
- * Dual licensed under the MIT or GPL Version 2 licenses.
757
- * http://jquery.org/license
758
- *
759
- * http://docs.jquery.com/UI/Menu#theming
760
- */
761
-
762
- .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float:left; outline: none; }
763
- .ui-menu .ui-menu { margin-top: -3px; position: absolute; }
764
- .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1;float: left;clear: left; width: 100%; }
765
- .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
766
- .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
767
- .ui-menu .ui-menu-item a.ui-state-focus,
768
- .ui-menu .ui-menu-item a.ui-state-active {
769
- font-weight: normal;
770
- margin: 0;
771
- color: #ffffff;
772
- background: #0064cd;
773
- background-color: #0064cd;
774
- background-repeat: repeat-x;
775
- background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
776
- background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
777
- background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
778
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
779
- background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
780
- background-image: -o-linear-gradient(top, #049cdb, #0064cd);
781
- background-image: linear-gradient(top, #049cdb, #0064cd);
782
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
783
- border-color: #0064cd #0064cd #003f81;
784
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
785
- }
786
- /* Fix problem with border in ui-state-active */
787
- .ui-menu .ui-menu-item a.ui-state-active {
788
- padding: 1px .4em;
789
- }
790
-
791
- .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
792
- .ui-menu .ui-state-disabled a { cursor: default; }
793
-
794
- /* icon support */
795
- .ui-menu-icons { position: relative; }
796
- .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }
797
-
798
- /* left-aligned */
799
- .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }
800
-
801
- /* right-aligned */
802
- .ui-menu .ui-menu-icon { position: static; float: right; }
803
-
804
- .ui-menu { width: 200px; margin-bottom: 2em; }
805
-
806
-
807
- /*
808
- * jQuery UI spinner 1.10.0
809
- *
810
- * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
811
- * Dual licensed under the MIT or GPL Version 2 licenses.
812
- * http://jquery.org/license
813
- *
814
- * http://docs.jquery.com/UI/Menu#theming
815
- */
816
-
817
- .ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
818
- .ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
819
- .ui-spinner{}
820
- .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
821
- .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */
822
- .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
823
- .ui-spinner-up { top: 0; }
824
- .ui-spinner-down { bottom: 0; }
825
-
826
- /* TR overrides */
827
- .ui-spinner .ui-icon-triangle-1-s {
828
- /* need to fix icons sprite */
829
- background-position:-65px -16px;
830
- }
831
-
832
- /*
833
- * jQuery UI Dialog 1.10.0
834
- *
835
- * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
836
- * Dual licensed under the MIT or GPL Version 2 licenses.
837
- * http://jquery.org/license
838
- *
839
- * http://docs.jquery.com/UI/Dialog#theming
840
- */
841
- .ui-dialog {
842
- position: absolute;
843
- top: 0;
844
- left: 0;
845
- padding: .2em;
846
- width: 300px;
847
- overflow: hidden;
848
- outline: 0;
849
- background-clip: padding-box;
850
- background-color: #FFFFFF;
851
- border: 1px solid rgba(0, 0, 0, 0.3);
852
- border-radius: 2px;
853
- box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
854
- /*left: 50%;
855
- margin-left: -280px;*/
856
- outline: medium none;
857
- position: fixed;
858
- /*top: 10%;
859
- width: 560px;*/
860
- z-index: 1050;
861
- }
862
- .ui-dialog .ui-dialog-titlebar { /*padding: .4em 1em;*/
863
- position: relative;
864
- padding:5px 15px;
865
- border:0px 0px 0px 1px solid;
866
- border-color: white;
867
- padding: 5px 15px;
868
- font-size: 18px;
869
- text-decoration:none;
870
- background:none;
871
- -moz-border-radius-bottomright: 0px;
872
- -webkit-border-bottom-right-radius: 0px;
873
- -khtml-border-bottom-right-radius: 0px;
874
-
875
- -moz-border-radius-bottomleft: 0px;
876
- -webkit-border-bottom-left-radius: 0px;
877
- -khtml-border-bottom-left-radius: 0px;
878
- border-bottom-left-radius: 0px;
879
- border-bottom:1px solid #ccc;
880
- }
881
- .ui-dialog .ui-dialog-title {
882
- float: left;
883
- color:#404040;
884
- font-weight:bold;
885
- margin-top:5px;
886
- margin-bottom:5px;
887
- padding:5px;
888
- text-overflow: ellipsis;
889
- overflow: hidden;
890
- }
891
- .ui-dialog .ui-dialog-titlebar-close {
892
- position: absolute;
893
- right: .3em;
894
- top: 50%;
895
- width: 19px;
896
- margin: -20px 0 0 0;
897
- padding: 1px;
898
- height: 18px;
899
- font-size: 20px;
900
- font-weight: bold;
901
- line-height: 13.5px;
902
- filter: alpha(opacity=25);
903
- -khtml-opacity: 0.25;
904
- -moz-opacity: 0.25;
905
- opacity: 0.25;
906
- background:none;
907
- border-width: 0;
908
- border:none;
909
- box-shadow: none;
910
- }
911
-
912
- .ui-dialog .ui-dialog-titlebar-close span {
913
- display: block;
914
- margin: 1px;
915
- text-indent: 9999px;
916
- }
917
-
918
- .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 1px; filter: alpha(opacity=90);
919
- -khtml-opacity: 0.90;
920
- -moz-opacity: 0.90;
921
- opacity: 0.90;
922
- }
923
-
924
- .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
925
-
926
- .ui-dialog .ui-dialog-buttonpane {
927
- text-align: left;
928
- border-width: 1px 0 0 0;
929
- background-image: none;
930
- margin: .5em 0 0 0;
931
- background-color: #f5f5f5;
932
- padding: 5px 15px 5px;
933
- border-top: 1px solid #ddd;
934
- -webkit-border-radius: 0 0 2px 2px;
935
- -moz-border-radius: 0 0 2px 2px;
936
- border-radius: 0 0 2px 2px;
937
- -webkit-box-shadow: inset 0 1px 0 #ffffff;
938
- -moz-box-shadow: inset 0 1px 0 #ffffff;
939
- box-shadow: inset 0 1px 0 #ffffff;
940
- zoom: 1;
941
- margin-bottom: 0;
942
-
943
- }
944
- .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
945
- .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
946
- .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
947
- .ui-draggable .ui-dialog-titlebar { cursor: move; }
948
-
949
- .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{
950
- color: #ffffff;
951
- background-color: #0064cd;
952
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
953
- }
954
- /*
955
- * jQuery UI Slider 1.8.16
956
- *
957
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
958
- * Dual licensed under the MIT or GPL Version 2 licenses.
959
- * http://jquery.org/license
960
- *
961
- * http://docs.jquery.com/UI/Slider#theming
962
- */
963
- .ui-slider { position: relative; text-align: left; }
964
- .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
965
- .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0;
966
-
967
- color: #ffffff;
968
- background-color: #0064cd;
969
-
970
- }
971
-
972
- .ui-slider-horizontal { height: .8em; }
973
- .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; border-radius: 50%; }
974
- .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
975
- .ui-slider-horizontal .ui-slider-range-min { left: 0; }
976
- .ui-slider-horizontal .ui-slider-range-max { right: 0; }
977
-
978
- .ui-slider-vertical { width: .8em; height: 100px; }
979
- .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
980
- .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
981
- .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
982
- .ui-slider-vertical .ui-slider-range-max { top: 0; }
983
-
984
- /*
985
- * jQuery UI Tabs 1.9.2
986
- *
987
- * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
988
- * Dual licensed under the MIT or GPL Version 2 licenses.
989
- * http://jquery.org/license
990
- *
991
- * http://jqueryui.com/tabs/
992
- */
993
- .ui-tabs .ui-tabs-nav{ background:none; border-color: #ddd;border-style: solid;border-width: 0 0 1px;}
994
- .ui-tabs { position: relative; padding: .2em; zoom: 1; border:0px;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
995
-
996
-
997
- .ui-tabs .ui-tabs-nav li:hover, .ui-tabs .ui-tabs-nav li a:hover{
998
- background:whiteSmoke;
999
- border-bottom:1px solid #ddd;
1000
- padding-bottom:0px;
1001
- color:#00438A;
1002
- }
1003
-
1004
- .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; border-bottom:1px solid #DDD; }
1005
- .ui-tabs .ui-tabs-nav li { text-decoration: none; list-style: none; float: left; position: relative; top: 1px; padding: 0px 0px 1px 0px; white-space: nowrap; background:none; border:0px; }
1006
-
1007
- .ui-tabs-nav .ui-state-default{
1008
- -webkit-box-shadow: 0px 0px 0px #ffffff; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
1009
- -moz-box-shadow: 0px 0px 0px #ffffff; /* FF3.5 - 3.6 */
1010
- box-shadow: 0px 0px 0px #ffffff; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
1011
- }
1012
- .ui-tabs .ui-tabs-nav li a {
1013
- float: left;
1014
- text-decoration: none;
1015
- cursor: text;
1016
- padding: 0 15px;
1017
- margin-right: 2px;
1018
- line-height: 34px;
1019
- border: 1px solid transparent;
1020
- -webkit-border-radius: 2px 2px 0 0;
1021
- -moz-border-radius: 2px 2px 0 0;
1022
- border-radius: 2px 2px 0 0;
1023
-
1024
-
1025
- }
1026
-
1027
- .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; padding-bottom: 0px; outline:none;}
1028
- .ui-tabs .ui-tabs-nav li.ui-tabs-active , .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
1029
- background-color: #ffffff;
1030
- border: 1px solid #ddd;
1031
- border-bottom-color: #ffffff;
1032
- cursor: default;
1033
- color:gray;
1034
- outline:none;
1035
- }
1036
- .ui-tabs .ui-tabs-nav li.ui-tabs-active a{background-color: #ffffff;outline:none;border:none;}
1037
- .ui-tabs .ui-tabs-nav li.ui-tabs-active:hover{
1038
- background:#ffffff;
1039
- outline:none;
1040
- margin-bottom:0px;
1041
- }
1042
- .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
1043
- .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; color:#0069D6; background:none; font-weight:normal; margin-bottom:-1px;}
1044
- /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
1045
- .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
1046
- .ui-tabs-panel .ui-button{text-decoration:none;}
1047
- .ui-tabs .ui-tabs-hide { display: none !important; }
1048
-
1049
-
1050
- /* IE fix for background inheritance from ui-widget*/
1051
- .ui-tabs .ui-tabs-nav li{
1052
- filter:none;
1053
- }
1054
-
1055
- /*
1056
- * jQuery UI Tooltip 1.9.0
1057
- *
1058
- * Copyright 2012-10-11, AUTHORS.txt (http://jqueryui.com/about)
1059
- * Dual licensed under the MIT or GPL Version 2 licenses.
1060
- * http://jquery.org/license
1061
- *
1062
- * http://jqueryui.com/tooltip/
1063
- */
1064
- .ui-tooltip {
1065
- padding:8px;
1066
- position:absolute;
1067
- z-index:9999;
1068
- max-width: 300px;
1069
- -o-box-shadow: 0 0 5px #ddd;
1070
- -moz-box-shadow: 0 0 5px #ddd;
1071
- -webkit-box-shadow: 0 0 5px #ddd;
1072
- /*box-shadow: 0 2px 5px #ddd;*/
1073
- box-shadow: inset 0 1px 0 #ffffff;
1074
- }
1075
-
1076
- body .ui-tooltip { border-width:2px; }
1077
-
1078
- /*
1079
- * jQuery UI Datepicker 1.9.0
1080
- *
1081
- * Copyright 2012-10-11, AUTHORS.txt (http://jqueryui.com/about)
1082
- * Dual licensed under the MIT or GPL Version 2 licenses.
1083
- * http://jquery.org/license
1084
- *
1085
- * http://jqueryui.com/datepicker/
1086
- */
1087
- .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
1088
- .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; border:0px; font-weight: bold; width: 100%; padding: 4px 0; background-color: #f5f5f5; color: #808080; }
1089
- .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
1090
-
1091
- .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { /*top: 1px;*/ }
1092
- .ui-datepicker .ui-datepicker-prev { left:2px; }
1093
- .ui-datepicker .ui-datepicker-next { right:2px; }
1094
-
1095
- .ui-datepicker .ui-datepicker-prev-hover { /*left:1px;*/ }
1096
- .ui-datepicker .ui-datepicker-next-hover { /*right:1px;*/ }
1097
-
1098
- .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
1099
- .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
1100
- .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
1101
- .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
1102
- .ui-datepicker select.ui-datepicker-month,
1103
- .ui-datepicker select.ui-datepicker-year { width: 49%;}
1104
- .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
1105
- .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
1106
- .ui-datepicker td { border: 0; padding: 1px; }
1107
- .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
1108
- .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
1109
- .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
1110
- .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
1111
-
1112
- /* with multiple calendars */
1113
- .ui-datepicker.ui-datepicker-multi { width:auto; }
1114
- .ui-datepicker-multi .ui-datepicker-group { float:left; }
1115
-