PluginProbe
LoftLoader / 2.3.3
LoftLoader v2.3.3
trunk 1.0.0 1.0.1 1.0.2 2.0.0 2.1.0 2.1.1 2.1.10 2.1.11 2.1.12 2.1.2 2.1.3 2.1.4 2.1.5 2.1.6 2.1.7 2.1.8 2.1.9 2.2.0 2.2.1 2.2.2 2.3 2.3.1 2.3.2 2.3.3 All 34 releases
loftloader / assets / css / loftloader-settings.css

loftloader-settings.css in LoftLoader 2.3.3, at assets/css/loftloader-settings.css

435 lines 20.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * LoftLoader Lite Setting Panel Style
3 *
4 * Plugin Name: LoftLoader
5 * Plugin URI: http://www.loftocean.com/loftloader
6 * Author: Kaylolo Yinxi Chen @Loft.Ocean
7 * Author URI: http://www.loftocean.com
8 * Description: LoftLoader (Lite Version) is a plugin for adding beautiful and smooth preload animation to your WordPress website. With setting options, you can choose from preset animations, add custom logo image, choose colours to match your branding, and amuse and impress your visitors while loading site content.
9 * Version: 2.3.3
10 */
11 @import url(https://fonts.googleapis.com/css?family=Lato:400,600);
12 #customize-theme-controls.loftloader-controls-wrapper {
13 font-family: Lato; }
14 #customize-theme-controls.loftloader-controls-wrapper .customize-section-title h3 {
15 font-size: 18px;
16 font-weight: 600;
17 letter-spacing: 0.05em;
18 color: #111; }
19 #customize-theme-controls.loftloader-controls-wrapper .customize-section-title h3 span {
20 letter-spacing: 0; }
21 #customize-theme-controls.loftloader-controls-wrapper .customize-control-title {
22 margin-top: 0;
23 font-size: 12px;
24 letter-spacing: 0.05em;
25 font-weight: bold;
26 text-transform: none;
27 color: #111; }
28 #customize-theme-controls.loftloader-controls-wrapper .customize-control-title + span.description {
29 margin-top: -6px; }
30 #customize-theme-controls.loftloader-controls-wrapper span.description {
31 margin-bottom: 12px;
32 font-size: 11px;
33 font-style: normal;
34 color: #888; }
35 #customize-theme-controls.loftloader-controls-wrapper span.description strong {
36 color: #111;
37 font-weight: bold; }
38 #customize-theme-controls.loftloader-controls-wrapper select,
39 #customize-theme-controls.loftloader-controls-wrapper input[type="text"],
40 #customize-theme-controls.loftloader-controls-wrapper input[type="number"],
41 #customize-theme-controls.loftloader-controls-wrapper button.button.remove-button,
42 #customize-theme-controls.loftloader-controls-wrapper button.button.upload-button {
43 font-size: 12px;
44 letter-spacing: 0.05em;
45 font-weight: bold;
46 color: #111;
47 border-color: #41C7D3;
48 box-shadow: none; }
49 #customize-theme-controls.loftloader-controls-wrapper input[type="text"],
50 #customize-theme-controls.loftloader-controls-wrapper input[type="number"],
51 #customize-theme-controls.loftloader-controls-wrapper button.button.remove-button,
52 #customize-theme-controls.loftloader-controls-wrapper button.button.upload-button {
53 background: #FFF;
54 text-align: center;
55 border-radius: 4px; }
56 #customize-theme-controls.loftloader-controls-wrapper input[type="text"],
57 #customize-theme-controls.loftloader-controls-wrapper input[type="number"],
58 #customize-theme-controls.loftloader-controls-wrapper button.button.remove-button {
59 width: 80px; }
60 #customize-theme-controls.loftloader-controls-wrapper #customize-control-loftloader_show_close_tip input[type="text"] {
61 width: 100%;
62 text-align: left; }
63 .rtl #customize-theme-controls.loftloader-controls-wrapper #customize-control-loftloader_show_close_tip input[type="text"] {
64 text-align: right; }
65 #customize-theme-controls.loftloader-controls-wrapper button.button.remove-button:hover {
66 opacity: 0.75; }
67 #customize-theme-controls.loftloader-controls-wrapper input[type="checkbox"] {
68 position: relative;
69 float: right;
70 width: 33px;
71 height: 33px;
72 border-radius: 50%;
73 background: none;
74 border: 2px solid #41C7D3;
75 box-shadow: none;
76 font-size: 0; }
77 .rtl #customize-theme-controls.loftloader-controls-wrapper input[type="checkbox"] {
78 float: left; }
79 #customize-theme-controls.loftloader-controls-wrapper input[type="checkbox"]:checked:before {
80 position: absolute;
81 top: 50%;
82 left: 50%;
83 -webkit-transform: translate(-50%, -50%);
84 -ms-transform: translate(-50%, -50%);
85 transform: translate(-50%, -50%);
86 margin: 0 0 0 -1px;
87 width: 21px;
88 height: 21px;
89 color: #41C7D3;
90 font: 21px dashicons; }
91 #customize-theme-controls.loftloader-controls-wrapper input[type="checkbox"]:hover {
92 opacity: 0.75; }
93 #customize-theme-controls.loftloader-controls-wrapper .loftloader-radiobtn {
94 display: none;
95 width: inherit;
96 height: inherit;
97 opacity: 0;
98 margin: 0; }
99 #customize-theme-controls.loftloader-controls-wrapper .loftloader-radiobtn + span {
100 position: absolute;
101 top: 0;
102 left: 0;
103 display: block;
104 width: inherit;
105 height: inherit;
106 border: 2px solid #DDD;
107 box-sizing: border-box; }
108 #customize-theme-controls.loftloader-controls-wrapper .loftloader-radiobtn:checked + span {
109 border-color: #41C7D3; }
110 #customize-theme-controls.loftloader-controls-wrapper .customize-control-btn label {
111 position: relative;
112 display: inline-block;
113 margin-left: 0;
114 padding: 0; }
115 #customize-theme-controls.loftloader-controls-wrapper .customize-control-btn span.customize-control-title {
116 display: inline; }
117 #customize-theme-controls.loftloader-controls-wrapper .customize-control-btn span.customize-control-title + div {
118 float: right; }
119 .rtl #customize-theme-controls.loftloader-controls-wrapper .customize-control-btn span.customize-control-title + div {
120 float: left; }
121 #customize-theme-controls.loftloader-controls-wrapper .accordion-section-content {
122 padding: 0;
123 background: #FFF; }
124 #customize-theme-controls.loftloader-controls-wrapper .accordion-section-content:before {
125 position: absolute;
126 top: 0;
127 left: 0;
128 z-index: -1;
129 display: block;
130 width: 100%;
131 height: 100%;
132 background: #FFF;
133 content: ""; }
134 #customize-theme-controls.loftloader-controls-wrapper .accordion-section-content li {
135 padding: 15px 12px;
136 margin-bottom: 0;
137 border-bottom: 1px solid #EEE;
138 box-sizing: border-box; }
139 #customize-theme-controls.loftloader-controls-wrapper .accordion-section-content li.customize-section-description-container {
140 padding: 12px 12px 0;
141 border-bottom: none; }
142 #customize-theme-controls.loftloader-controls-wrapper .accordion-section-content li:last-of-type {
143 border-bottom: none; }
144 #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container {
145 overflow: visible;
146 width: auto; }
147 #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-color-result {
148 width: 24px;
149 height: 24px;
150 max-height: 24px;
151 min-height: 24px;
152 padding: 0;
153 margin-top: 2px;
154 border: 1px solid rgba(0, 0, 0, 0.1);
155 border-radius: 50%;
156 box-shadow: none !important;
157 line-height: 28px; }
158 #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-color-result:after {
159 right: auto;
160 left: 24px;
161 width: 80px;
162 padding: 0 6px;
163 background: transparent;
164 border: none;
165 color: #555;
166 font-size: 11px;
167 text-align: left;
168 line-height: 24px; }
169 #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-color-result .wp-color-result-text {
170 margin-left: 24px;
171 background: none;
172 border: none;
173 color: inherit;
174 line-height: 24px; }
175 body.rtl #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-color-result .wp-color-result-text {
176 margin-right: 24px;
177 margin-left: 0; }
178 #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-picker-open + .wp-picker-input-wrap {
179 float: right;
180 margin-top: -2px;
181 width: auto; }
182 .rtl #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-picker-open + .wp-picker-input-wrap {
183 margin-left: 15px; }
184 #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container input[type="text"].wp-color-picker {
185 display: inline-block;
186 padding: 0 5px;
187 margin-top: 0;
188 width: 80px !important;
189 border: 1px solid #41C7D3;
190 vertical-align: top;
191 font-family: Lato;
192 line-height: 26px; }
193 #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .button.wp-picker-default {
194 display: none; }
195 #customize-theme-controls.loftloader-controls-wrapper .attachment-media-view,
196 #customize-theme-controls.loftloader-controls-wrapper .media-widget-preview.media_audio,
197 #customize-theme-controls.loftloader-controls-wrapper .media-widget-preview.media_image {
198 background: none; }
199 #customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider {
200 height: 16px;
201 margin-top: 12px;
202 background: none;
203 border-radius: 0;
204 border: none; }
205 #customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider:before {
206 position: absolute;
207 top: 50%;
208 left: 0;
209 -webkit-transform: translateY(-50%);
210 -ms-transform: translateY(-50%);
211 transform: translateY(-50%);
212 width: 100%;
213 height: 2px;
214 background: #DDD;
215 content: ""; }
216 #customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider .ui-slider-range {
217 top: 50%;
218 -webkit-transform: translateY(-50%);
219 -ms-transform: translateY(-50%);
220 transform: translateY(-50%);
221 height: 2px;
222 background: #41C7D3; }
223 #customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider .ui-slider-handle {
224 top: 50%;
225 -webkit-transform: translateY(-50%);
226 -ms-transform: translateY(-50%);
227 transform: translateY(-50%);
228 width: 16px;
229 height: 16px;
230 background: #41C7D3;
231 border: none;
232 border-radius: 50%; }
233 #customize-theme-controls.loftloader-controls-wrapper.loftloader-settings-disabled li#accordion-section-loftloader_switch ~ li {
234 pointer-events: none;
235 opacity: 0.5; }
236 #customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-image .thumbnail.thumbnail-image {
237 background-color: #EEE; }
238 #customize-theme-controls.loftloader-controls-wrapper li#accordion-section-loftloader_switch {
239 margin-bottom: 10px; }
240 #customize-theme-controls.loftloader-controls-wrapper li#accordion-section-loftloader_switch .accordion-section-title {
241 padding: 20px 10px 22px 14px; }
242 #customize-theme-controls.loftloader-controls-wrapper li#accordion-section-loftloader_switch .accordion-section-title:after {
243 display: none; }
244 #customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title {
245 display: inline; }
246 #customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title + span {
247 float: right;
248 padding-right: 5px;
249 font-size: 12px;
250 letter-spacing: 0.05em;
251 font-weight: bold;
252 color: #111; }
253 .rtl #customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title + span {
254 float: left;
255 padding-right: 0;
256 padding-left: 5px; }
257 #customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title + span input {
258 width: 60px;
259 padding-right: 0;
260 background: none;
261 border: none;
262 box-shadow: none;
263 font-size: 12px;
264 letter-spacing: 0.05em;
265 font-weight: bold;
266 color: #111;
267 text-align: right; }
268 .rtl #customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title + span input {
269 text-align: left; }
270 #customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-check span.customize-control-title {
271 display: inline; }
272 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle {
273 position: relative;
274 float: right;
275 -webkit-transform: rotate(135deg);
276 -ms-transform: rotate(135deg);
277 transform: rotate(135deg);
278 z-index: 9;
279 width: 20px;
280 height: 20px;
281 margin-top: -20px;
282 cursor: pointer;
283 -webkit-box-shadow: none;
284 box-shadow: none;
285 -webkit-appearance: none;
286 background: #41C7D3;
287 border-radius: 50%;
288 border: none; }
289 .rtl #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle {
290 float: left; }
291 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle:before {
292 position: absolute;
293 top: 50%;
294 left: 50%;
295 -webkit-transform: translate(-70%, -30%);
296 -ms-transform: translate(-70%, -30%);
297 transform: translate(-70%, -30%);
298 display: block;
299 width: 6px;
300 height: 6px;
301 border: 1px solid #FFF;
302 border-left: none;
303 border-bottom: none;
304 transform-origin: 50% 50%;
305 content: ""; }
306 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle:focus {
307 outline: none;
308 opacity: 0.5; }
309 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle.expanded {
310 -webkit-transform: rotate(-45deg);
311 -ms-transform: rotate(-45deg);
312 transform: rotate(-45deg); }
313 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle + span.description {
314 margin: 12px 0 0; }
315 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation {
316 margin-top: 12px; }
317 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label {
318 position: relative;
319 float: left;
320 width: 45px;
321 height: 45px;
322 margin: 0 -2px -2px 0;
323 padding: 0; }
324 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(1) .loftloader-radiobtn + span:after {
325 background-position: 0px -47px; }
326 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(2) .loftloader-radiobtn + span:after {
327 background-position: -45px -47px; }
328 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(3) .loftloader-radiobtn + span:after {
329 background-position: -90px -47px; }
330 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(4) .loftloader-radiobtn + span:after {
331 background-position: -135px -47px; }
332 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(5) .loftloader-radiobtn + span:after {
333 background-position: -180px -47px; }
334 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(6) .loftloader-radiobtn + span:after {
335 background-position: -225px -47px; }
336 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(7) .loftloader-radiobtn + span:after {
337 background-position: -270px -47px; }
338 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(8) .loftloader-radiobtn + span:after {
339 background-position: -315px -47px; }
340 .rtl #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label {
341 float: right; }
342 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn + span {
343 overflow: hidden; }
344 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn + span:after {
345 position: absolute;
346 top: 0;
347 left: 0;
348 display: block;
349 width: inherit;
350 height: inherit;
351 background-image: url(../img/animation-options.png);
352 background-size: 315px;
353 opacity: 0.25;
354 content: ""; }
355 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn:checked + span {
356 z-index: 8; }
357 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn:checked + span:after {
358 opacity: 1; }
359 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation:after {
360 position: relative;
361 display: block;
362 clear: both;
363 content: ""; }
364 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button {
365 position: relative;
366 float: right;
367 -webkit-transform: rotate(-45deg);
368 -ms-transform: rotate(-45deg);
369 transform: rotate(-45deg);
370 width: 33px;
371 height: 33px;
372 border-radius: 50%;
373 background: none;
374 border: 2px solid #41C7D3;
375 box-shadow: none;
376 font-size: 0; }
377 .rtl #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button {
378 float: left; }
379 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:before, #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:after {
380 position: absolute;
381 content: "";
382 display: block; }
383 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:before {
384 top: 50%;
385 left: 50%;
386 -webkit-transform: translate(-22%, -76%);
387 -ms-transform: translate(-22%, -76%);
388 transform: translate(-22%, -76%);
389 width: 6px;
390 height: 6px;
391 border: 2px solid #41C7D3;
392 border-left: none;
393 border-bottom: none;
394 transform-origin: 50% 50%; }
395 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:after {
396 top: 50%;
397 left: 50%;
398 -webkit-transform: translate(-50%, -50%) rotate(45deg);
399 -ms-transform: translate(-50%, -50%) rotate(45deg);
400 transform: translate(-50%, -50%) rotate(45deg);
401 width: 2px;
402 height: 16px;
403 background: #41C7D3; }
404 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:hover {
405 opacity: 0.75; }
406 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg .current {
407 margin-top: 15px; }
408 #customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label {
409 position: relative;
410 display: block; }
411 #customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label > span:last-child {
412 float: right;
413 z-index: 9;
414 font-size: 12px;
415 font-weight: bold;
416 letter-spacing: 0.05em;
417 color: #111; }
418 .rtl #customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label > span:last-child {
419 float: left; }
420 #customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label > span:last-child input[type="number"] {
421 margin-right: 5px; }
422 .rtl #customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label > span:last-child input[type="number"] {
423 margin-right: 0;
424 margin-left: 5px; }
425 #customize-theme-controls.loftloader-controls-wrapper li.customize-control-number span.customize-control-title {
426 display: inline; }
427
428 .wp-full-overlay > .customize-controls-close, .wp-full-overlay > .et-core-modal-overlay {
429 display: none;
430 visibility: hidden; }
431
432 .customize-partial-edit-shortcut,
433 .widget .customize-partial-edit-shortcut {
434 display: none !important; }
435