PluginProbe
LoftLoader / trunk
LoftLoader vtrunk
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 trunk, at assets/css/loftloader-settings.css

445 lines 21.0 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: https://www.loftocean.com/loftloader
6 * Author: The Loft.Ocean Team
7 * Author URI: https://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.5.0
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.025em;
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.025em;
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.025em;
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, #customize-theme-controls.loftloader-controls-wrapper input[type="checkbox"]:checked:after {
80 position: absolute;
81 top: 50%;
82 left: 50%;
83 display: block;
84 height: 2px;
85 background: #41C7D3;
86 content: ""; }
87 #customize-theme-controls.loftloader-controls-wrapper input[type="checkbox"]:checked:before {
88 transform: translate(-50%, -50%) rotate(45deg);
89 margin: 2px 0 0 -4px;
90 width: 5px; }
91 #customize-theme-controls.loftloader-controls-wrapper input[type="checkbox"]:checked:after {
92 transform: translate(-50%, -50%) rotate(135deg);
93 margin: 1px 0 0 2px;
94 width: 12px; }
95 #customize-theme-controls.loftloader-controls-wrapper input[type="checkbox"]:hover {
96 opacity: 0.75; }
97 #customize-theme-controls.loftloader-controls-wrapper .loftloader-radiobtn {
98 display: none;
99 width: inherit;
100 height: inherit;
101 opacity: 0;
102 margin: 0; }
103 #customize-theme-controls.loftloader-controls-wrapper .loftloader-radiobtn + span {
104 position: absolute;
105 top: 0;
106 left: 0;
107 display: block;
108 width: inherit;
109 height: inherit;
110 border: 2px solid #DDD;
111 box-sizing: border-box; }
112 #customize-theme-controls.loftloader-controls-wrapper .loftloader-radiobtn:checked + span {
113 border-color: #41C7D3; }
114 #customize-theme-controls.loftloader-controls-wrapper .customize-control-btn label {
115 position: relative;
116 display: inline-block;
117 margin-left: 0;
118 padding: 0; }
119 #customize-theme-controls.loftloader-controls-wrapper .customize-control-btn span.customize-control-title {
120 display: inline; }
121 #customize-theme-controls.loftloader-controls-wrapper .customize-control-btn span.customize-control-title + div {
122 float: right; }
123 .rtl #customize-theme-controls.loftloader-controls-wrapper .customize-control-btn span.customize-control-title + div {
124 float: left; }
125 #customize-theme-controls.loftloader-controls-wrapper .accordion-section-content {
126 padding: 0;
127 background: #FFF; }
128 #customize-theme-controls.loftloader-controls-wrapper .accordion-section-content:before {
129 position: absolute;
130 top: 0;
131 left: 0;
132 z-index: -1;
133 display: block;
134 width: 100%;
135 height: 100%;
136 background: #FFF;
137 content: ""; }
138 #customize-theme-controls.loftloader-controls-wrapper .accordion-section-content li {
139 padding: 15px 12px;
140 margin-bottom: 0;
141 border-bottom: 1px solid #EEE;
142 box-sizing: border-box; }
143 #customize-theme-controls.loftloader-controls-wrapper .accordion-section-content li.customize-section-description-container {
144 padding: 12px 12px 0;
145 border-bottom: none; }
146 #customize-theme-controls.loftloader-controls-wrapper .accordion-section-content li:last-of-type {
147 border-bottom: none; }
148 #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container {
149 overflow: visible;
150 width: auto; }
151 #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-color-result {
152 width: 24px;
153 height: 24px;
154 max-height: 24px;
155 min-height: 24px;
156 padding: 0;
157 margin-top: 2px;
158 border: 1px solid rgba(0, 0, 0, 0.1);
159 border-radius: 50%;
160 box-shadow: none !important;
161 line-height: 28px; }
162 #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-color-result:after {
163 right: auto;
164 left: 24px;
165 width: 80px;
166 padding: 0 6px;
167 background: transparent;
168 border: none;
169 color: #555;
170 font-size: 11px;
171 text-align: left;
172 line-height: 24px; }
173 #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-color-result .wp-color-result-text {
174 margin-left: 24px;
175 background: none;
176 border: none;
177 color: inherit;
178 line-height: 24px; }
179 body.rtl #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-color-result .wp-color-result-text {
180 margin-right: 24px;
181 margin-left: 0; }
182 #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-picker-open + .wp-picker-input-wrap {
183 float: right;
184 margin-top: -2px;
185 width: auto; }
186 .rtl #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-picker-open + .wp-picker-input-wrap {
187 margin-left: 15px; }
188 #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container input[type="text"].wp-color-picker {
189 display: inline-block;
190 padding: 0 5px;
191 margin-top: 0;
192 width: 80px !important;
193 border: 1px solid #41C7D3;
194 vertical-align: top;
195 font-family: Lato;
196 line-height: 26px; }
197 #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .button.wp-picker-default {
198 display: none; }
199 #customize-theme-controls.loftloader-controls-wrapper .attachment-media-view,
200 #customize-theme-controls.loftloader-controls-wrapper .media-widget-preview.media_audio,
201 #customize-theme-controls.loftloader-controls-wrapper .media-widget-preview.media_image {
202 background: none; }
203 #customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider {
204 height: 16px;
205 margin-top: 12px;
206 background: none;
207 border-radius: 0;
208 border: none; }
209 #customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider:before {
210 position: absolute;
211 top: 50%;
212 left: 0;
213 -webkit-transform: translateY(-50%);
214 -ms-transform: translateY(-50%);
215 transform: translateY(-50%);
216 width: 100%;
217 height: 2px;
218 background: #DDD;
219 content: ""; }
220 #customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider .ui-slider-range {
221 top: 50%;
222 -webkit-transform: translateY(-50%);
223 -ms-transform: translateY(-50%);
224 transform: translateY(-50%);
225 height: 2px;
226 background: #41C7D3; }
227 #customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider .ui-slider-handle {
228 top: 50%;
229 -webkit-transform: translateY(-50%);
230 -ms-transform: translateY(-50%);
231 transform: translateY(-50%);
232 width: 16px;
233 height: 16px;
234 background: #41C7D3;
235 border: none;
236 border-radius: 50%; }
237 #customize-theme-controls.loftloader-controls-wrapper.loftloader-settings-disabled li#accordion-section-loftloader_switch ~ li {
238 pointer-events: none;
239 opacity: 0.5; }
240 #customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-image .thumbnail.thumbnail-image {
241 background-color: #EEE; }
242 #customize-theme-controls.loftloader-controls-wrapper li#accordion-section-loftloader_switch {
243 margin-bottom: 10px; }
244 #customize-theme-controls.loftloader-controls-wrapper li#accordion-section-loftloader_switch .accordion-section-title {
245 padding: 20px 10px 22px 14px; }
246 #customize-theme-controls.loftloader-controls-wrapper li#accordion-section-loftloader_switch .accordion-section-title:after {
247 display: none; }
248 #customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title {
249 display: inline; }
250 #customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title + span {
251 float: right;
252 padding-right: 5px;
253 font-size: 12px;
254 letter-spacing: 0.025em;
255 font-weight: bold;
256 color: #111; }
257 .rtl #customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title + span {
258 float: left;
259 padding-right: 0;
260 padding-left: 5px; }
261 #customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title + span input {
262 width: 60px;
263 padding-right: 0;
264 background: none;
265 border: none;
266 box-shadow: none;
267 font-size: 12px;
268 letter-spacing: 0.025em;
269 font-weight: bold;
270 color: #111;
271 text-align: right; }
272 .rtl #customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title + span input {
273 text-align: left; }
274 #customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-check span.customize-control-title {
275 display: inline; }
276 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle {
277 position: relative;
278 float: right;
279 -webkit-transform: rotate(135deg);
280 -ms-transform: rotate(135deg);
281 transform: rotate(135deg);
282 z-index: 9;
283 width: 20px;
284 height: 20px;
285 margin-top: -20px;
286 cursor: pointer;
287 -webkit-box-shadow: none;
288 box-shadow: none;
289 -webkit-appearance: none;
290 background: #41C7D3;
291 border-radius: 50%;
292 border: none; }
293 .rtl #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle {
294 float: left; }
295 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle:before {
296 position: absolute;
297 top: 50%;
298 left: 50%;
299 -webkit-transform: translate(-70%, -30%);
300 -ms-transform: translate(-70%, -30%);
301 transform: translate(-70%, -30%);
302 display: block;
303 width: 6px;
304 height: 6px;
305 border: 1px solid #FFF;
306 border-left: none;
307 border-bottom: none;
308 transform-origin: 50% 50%;
309 content: ""; }
310 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle:focus {
311 outline: none;
312 opacity: 0.5; }
313 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle.expanded {
314 -webkit-transform: rotate(-45deg);
315 -ms-transform: rotate(-45deg);
316 transform: rotate(-45deg); }
317 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle + span.description {
318 margin: 12px 0 0; }
319 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation {
320 margin-top: 12px; }
321 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label {
322 position: relative;
323 float: left;
324 width: 45px;
325 height: 45px;
326 margin: 0 -2px -2px 0;
327 padding: 0; }
328 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(1) .loftloader-radiobtn + span:after {
329 background-position: 0px -47px; }
330 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(2) .loftloader-radiobtn + span:after {
331 background-position: -45px -47px; }
332 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(3) .loftloader-radiobtn + span:after {
333 background-position: -90px -47px; }
334 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(4) .loftloader-radiobtn + span:after {
335 background-position: -135px -47px; }
336 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(5) .loftloader-radiobtn + span:after {
337 background-position: -180px -47px; }
338 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(6) .loftloader-radiobtn + span:after {
339 background-position: -225px -47px; }
340 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(7) .loftloader-radiobtn + span:after {
341 background-position: -270px -47px; }
342 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(8) .loftloader-radiobtn + span:after {
343 background-position: -315px -47px; }
344 .rtl #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label {
345 float: right; }
346 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn + span {
347 overflow: hidden; }
348 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn + span:after {
349 position: absolute;
350 top: 0;
351 left: 0;
352 display: block;
353 width: inherit;
354 height: inherit;
355 background-image: url(../img/animation-options.png);
356 background-size: 315px;
357 opacity: 0.25;
358 content: ""; }
359 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn:checked + span {
360 z-index: 8; }
361 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn:checked + span:after {
362 opacity: 1; }
363 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation:after {
364 position: relative;
365 display: block;
366 clear: both;
367 content: ""; }
368 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button {
369 position: relative;
370 float: right;
371 -webkit-transform: rotate(-45deg);
372 -ms-transform: rotate(-45deg);
373 transform: rotate(-45deg);
374 width: 33px;
375 height: 33px;
376 border-radius: 50%;
377 background: none;
378 border: 2px solid #41C7D3;
379 box-shadow: none;
380 font-size: 0; }
381 .rtl #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button {
382 float: left; }
383 #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 {
384 position: absolute;
385 content: "";
386 display: block; }
387 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:before {
388 top: 50%;
389 left: 50%;
390 -webkit-transform: translate(-22%, -76%);
391 -ms-transform: translate(-22%, -76%);
392 transform: translate(-22%, -76%);
393 width: 6px;
394 height: 6px;
395 border: 2px solid #41C7D3;
396 border-left: none;
397 border-bottom: none;
398 transform-origin: 50% 50%; }
399 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:after {
400 top: 50%;
401 left: 50%;
402 -webkit-transform: translate(-50%, -50%) rotate(45deg);
403 -ms-transform: translate(-50%, -50%) rotate(45deg);
404 transform: translate(-50%, -50%) rotate(45deg);
405 width: 2px;
406 height: 16px;
407 background: #41C7D3; }
408 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:hover {
409 opacity: 0.75; }
410 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg .current {
411 margin-top: 15px; }
412 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_remove_settings .customize-control-title,
413 #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_inline_js .customize-control-title {
414 display: block;
415 margin-bottom: 10px; }
416 #customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label {
417 position: relative;
418 display: block; }
419 #customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label > span:last-child {
420 float: right;
421 z-index: 9;
422 font-size: 12px;
423 font-weight: bold;
424 letter-spacing: 0.025em;
425 color: #111; }
426 .rtl #customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label > span:last-child {
427 float: left; }
428 #customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label > span:last-child input[type="number"] {
429 margin-right: 5px; }
430 .rtl #customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label > span:last-child input[type="number"] {
431 margin-right: 0;
432 margin-left: 5px; }
433 #customize-theme-controls.loftloader-controls-wrapper li.customize-control-number span.customize-control-title {
434 display: inline; }
435
436 .wp-full-overlay > .customize-controls-close, .wp-full-overlay > .et-core-modal-overlay {
437 display: none;
438 visibility: hidden; }
439
440 .customize-partial-edit-shortcut,
441 .widget .customize-partial-edit-shortcut {
442 display: none !important; }
443
444 /*# sourceMappingURL=loftloader-settings.css.map */
445