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; }
<