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