PluginProbe
LoftLoader / 2.2.0
LoftLoader v2.2.0
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.2.0, at assets/css/loftloader-settings.css

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