Current Path : /storage/v11800/affypharma/public_html/wp-content/plugins/loftloader/assets/scss/ |
Linux v11800 5.3.0-1023-aws #25~18.04.1-Ubuntu SMP Fri Jun 5 15:19:18 UTC 2020 aarch64
|
Current File : /storage/v11800/affypharma/public_html/wp-content/plugins/loftloader/assets/scss/loftloader-settings.scss |
/**
* LoftLoader Lite Setting Panel Style
*
* Plugin Name: LoftLoader
* Plugin URI: https://www.loftocean.com/loftloader
* Author: The Loft.Ocean Team
* Author URI: https://www.loftocean.com
* 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.
* Version: 2.4.0
*/
// Define base colors
$primary-color: #41C7D3;
$secondary-color: #DDD;
$text-color: #111;
$description-color: #888;
@mixin animations($max-count) {
@for $i from 1 through $max-count {
&:nth-child(#{$i}) {
.loftloader-radiobtn + span:after {
background-position: (-45*($i - 1))*1px -47px;
}
}
}
}
@mixin roundedcorner {
border-radius: 4px;
}
@mixin transform($transform) {
-webkit-transform: $transform;
-ms-transform: $transform;
transform: $transform;
}
@mixin optionsdisabled {
pointer-events: none;
opacity: 0.5;
}
@mixin slidervalue {
span.customize-control-title {
display: inline;
& + span {
float: right;
padding-right: 5px;
font-size: 12px;
letter-spacing: 0.05em;
font-weight: bold;
color: $text-color;
.rtl & {
float: left;
padding-right: 0;
padding-left: 5px;
}
input {
width: 60px;
padding-right: 0;
background: none;
border: none;
box-shadow: none;
font-size: 12px;
letter-spacing: 0.05em;
font-weight: bold;
color: $text-color;
text-align: right;
.rtl & {
text-align: left;
}
}
}
}
}
@import url(https://fonts.googleapis.com/css?family=Lato:400,600);
#customize-theme-controls.loftloader-controls-wrapper {
font-family: Lato;
.customize-section-title h3 {
font-size: 18px;
font-weight: 600;
letter-spacing: 0.05em;
color: $text-color;
span {
letter-spacing: 0;
}
}
.customize-control-title {
margin-top: 0;
font-size: 12px;
letter-spacing: 0.05em;
font-weight: bold;
text-transform: none;
color: $text-color;
+ span.description {
margin-top: -6px;
}
}
span.description {
margin-bottom: 12px;
font-size: 11px;
font-style: normal;
color: $description-color;
strong {
color: $text-color;
font-weight: bold;
}
}
select,
input[type="text"],
input[type="number"],
button.button.remove-button,
button.button.upload-button {
font-size: 12px;
letter-spacing: 0.05em;
font-weight: bold;
color: $text-color;
border-color: $primary-color;
box-shadow: none;
}
input[type="text"],
input[type="number"],
button.button.remove-button,
button.button.upload-button {
background: #FFF;
text-align: center;
@include roundedcorner;
}
input[type="text"],
input[type="number"],
button.button.remove-button {
width: 80px;
}
#customize-control-loftloader_show_close_tip input[type="text"] {
width: 100%;
text-align: left;
.rtl & {
text-align: right;
}
}
button.button.remove-button:hover {
opacity: 0.75;
}
input[type="checkbox"] {
position: relative;
float: right;
width: 33px;
height: 33px;
border-radius: 50%;
background: none;
border: 2px solid $primary-color;
box-shadow: none;
font-size: 0;
.rtl & {
float: left;
}
&:checked:before {
position: absolute;
top: 50%;
left: 50%;
@include transform(translate(-50%, -50%));
margin: 0 0 0 -1px;
width: 21px;
height: 21px;
color: $primary-color;
font: 21px dashicons;
}
&:hover {
opacity: 0.75;
}
}
.loftloader-radiobtn {
display: none;
width: inherit;
height: inherit;
opacity: 0;
margin: 0;
+ span {
position: absolute;
top: 0;
left: 0;
display: block;
width: inherit;
height: inherit;
border: 2px solid $secondary-color;
box-sizing: border-box;
}
&:checked + span {
border-color: $primary-color;
}
}
.customize-control-btn {
label {
position: relative;
display: inline-block;
margin-left: 0;
padding: 0;
}
span.customize-control-title {
display: inline;
& + div {
float: right;
.rtl & {
float: left;
}
}
}
}
.accordion-section-content {
padding: 0;
background: #FFF;
&:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: block;
width: 100%;
height: 100%;
background: #FFF;
content: "";
}
li {
padding: 15px 12px;
margin-bottom: 0;
border-bottom: 1px solid #EEE;
box-sizing: border-box;
&.customize-section-description-container {
padding: 12px 12px 0;
border-bottom: none;
}
&:last-of-type {
border-bottom: none;
}
}
}
.wp-picker-container {
overflow: visible;
width: auto;
.wp-color-result {
width: 24px;
height: 24px;
max-height: 24px;
min-height: 24px;
padding: 0;
margin-top: 2px;
border: 1px solid rgba(#000, 0.1);
border-radius: 50%;
box-shadow: none !important;
line-height: 28px;
&:after {
right: auto;
left: 24px;
width: 80px;
padding: 0 6px;
background: transparent;
border: none;
color: #555;
font-size: 11px;
text-align: left;
line-height: 24px;
}
.wp-color-result-text {
margin-left: 24px;
background: none;
border: none;
color: inherit;
line-height: 24px;
body.rtl & {
margin-right: 24px;
margin-left: 0;
}
}
}
.wp-picker-open + .wp-picker-input-wrap {
float: right;
margin-top: -2px;
width: auto;
.rtl & {
margin-left: 15px;
}
}
input[type="text"].wp-color-picker {
display: inline-block;
padding: 0 5px;
margin-top: 0;
width: 80px !important;
border: 1px solid $primary-color;
vertical-align: top;
font-family: Lato;
line-height: 26px;
}
.button.wp-picker-default {
display: none;
}
}
.attachment-media-view,
.media-widget-preview.media_audio,
.media-widget-preview.media_image {
background: none;
}
.loader-ui-slider {
height: 16px;
margin-top: 12px;
background: none;
border-radius: 0;
border: none;
&:before {
position: absolute;
top: 50%;
left: 0;
@include transform(translateY(-50%));
width: 100%;
height: 2px;
background: $secondary-color;
content: "";
}
.ui-slider-range {
top: 50%;
@include transform(translateY(-50%));
height: 2px;
background: $primary-color;
}
.ui-slider-handle {
top: 50%;
@include transform(translateY(-50%));
width: 16px;
height: 16px;
background: $primary-color;
border: none;
border-radius: 50%;
}
}
&.loftloader-settings-disabled {
li#accordion-section-loftloader_switch ~ li {
@include optionsdisabled;
}
}
li.customize-control.customize-control-image .thumbnail.thumbnail-image {
background-color: #EEE;
}
li#accordion-section-loftloader_switch {
margin-bottom: 10px;
.accordion-section-title {
padding: 20px 10px 22px 14px;
&:after {
display: none;
}
}
}
li.customize-control.customize-control-slider {
@include slidervalue;
}
li.customize-control.customize-control-check {
span.customize-control-title {
display: inline;
}
}
li#customize-control-loftloader_loader_type {
.customize-more-toggle {
position: relative;
float: right;
@include transform(rotate(135deg));
z-index: 9;
width: 20px;
height: 20px;
margin-top: -20px;
cursor: pointer;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
background: $primary-color;
border-radius: 50%;
border: none;
.rtl & {
float: left;
}
&:before {
position: absolute;
top: 50%;
left: 50%;
@include transform(translate(-70%, -30%));
display: block;
width: 6px;
height: 6px;
border: 1px solid #FFF;
border-left: none;
border-bottom: none;
transform-origin: 50% 50%;
content: "";
}
&:focus {
outline: none;
opacity: 0.5;
}
&.expanded {
@include transform(rotate(-45deg));
}
& + span.description {
margin: 12px 0 0;
}
}
#loftloader_option_animation {
margin-top: 12px;
label {
position: relative;
float: left;
width: 45px;
height: 45px;
margin: 0 -2px -2px 0;
padding: 0;
@include animations(8);
.rtl & {
float: right;
}
.loftloader-radiobtn {
& + span {
overflow: hidden;
&:after {
position: absolute;
top: 0;
left: 0;
display: block;
width: inherit;
height: inherit;
background-image: url(../img/animation-options.png);
background-size: 315px;
opacity: 0.25;
content: "";
}
}
}
.loftloader-radiobtn:checked + span {
z-index: 8;
&:after {
opacity: 1;
}
}
}
&:after {
position: relative;
display: block;
clear: both;
content: "";
}
}
}
li#customize-control-loftloader_customimg {
button.upload-button {
position: relative;
float: right;
@include transform(rotate(-45deg));
width: 33px;
height: 33px;
border-radius: 50%;
background: none;
border: 2px solid $primary-color;
box-shadow: none;
font-size: 0;
.rtl & {
float: left;
}
&:before,
&:after {
position: absolute;
content: "";
display: block;
}
&:before {
top: 50%;
left: 50%;
@include transform(translate(-22%, -76%));
width: 6px;
height: 6px;
border: 2px solid $primary-color;
border-left: none;
border-bottom: none;
transform-origin: 50% 50%;
}
&:after {
top: 50%;
left: 50%;
@include transform(translate(-50%, -50%) rotate(45deg));
width: 2px;
height: 16px;
background: $primary-color;
}
&:hover {
opacity: 0.75;
}
}
.current {
margin-top: 15px;
}
}
li.customize-control-number {
label {
position: relative;
display: block;
> span:last-child {
float: right;
z-index: 9;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.05em;
color: $text-color;
.rtl & {
float: left;
}
input[type="number"] {
margin-right: 5px;
.rtl & {
margin-right: 0;
margin-left: 5px;
}
}
}
}
span.customize-control-title {
display: inline;
}
}
}
// Hide extra elements created by Divi Theme
.wp-full-overlay {
& > .customize-controls-close,
& > .et-core-modal-overlay {
display: none;
visibility: hidden;
}
}
.customize-partial-edit-shortcut,
.widget .customize-partial-edit-shortcut {
display: none !important;
}