| Current File : /home/cideo/sainchargny/wp-content/plugins/addons-for-elementor/admin/assets/css/lae-admin.scss |
@import "bourbon";
@import "neat";
@import "../../../assets/css/lae-lib";
/* =============== Common Styles ===================== */
.lae-icon {
position: relative;
display: inline-block;
margin-right: 5px;
}
.lae-row {
position: relative;
display: inline-block;
vertical-align: top;
padding: 15px 18px;
margin: 0 25px 0 0;
}
h3.lae-title {
padding: 8px 18px 0 18px !important;
font-size: 13px !important;
font-weight: bold;
}
.lae-title.description {
padding: 4px 18px 0 18px!important;
margin: 0;
font-size: 12px;
font-style: initial;
}
.lae-label {
font-weight: bold;
display: block;
font-size: 15px;
line-height: 24px;
cursor: default;
}
.lae-type-number {
margin: 0;
padding-right: 0;
max-height: 28px;
}
label.lae-inline {
display: inline-block;
vertical-align: baseline;
}
.lae-desc {
color: #666666;
line-height: 15px;
margin: 4px 0 12px 0;
font-size: 12px;
font-weight: normal;
}
.lae-sub-desc {
color: #666666;
line-height: 1.5;
margin: 4px 0 0 0;
font-size: 12px;
font-style: italic;
font-weight: normal;
}
.lae-select-wrap {
position: relative;
display: inline-block;
width: 200px;
height: 28px;
background: #ffffff;
}
[data-multiple="true"].lae-select-wrap {
height: auto;
}
/* ============= TABS ==================== */
.lae-tab-content {
position: relative;
display: none;
margin: 0;
}
.lae-tab-content:first-child {
display: block;
}
.lae-tabs-wrap {
margin: -7px -12px 15px;
background-color: #f1f1f1;
padding-top: 10px;
}
.lae-menu-options .lae-tabs-wrap {
padding: 0;
}
.lae-tab {
display: inline-block;
list-style: none;
margin: 0px 1px;
padding: 10px 15px;
line-height: 18px;
cursor: pointer;
color: #999;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
font-size: 14px;
line-height: 20px;
border: 1px solid transparent;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-width: 0;
white-space: nowrap;
transition: all .4s ease-in-out 0s;
}
.lae-menu-options .lae-tab {
padding: 15px;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
margin-top: 10px;
background: #f9f9f9;
&:hover {
background: #fff;
}
}
.lae-menu-options .lae-tab:first-child {
margin: 0 0 0 150px;
@include respond-to-max(600) {
margin: 0;
}
}
.lae-tab:hover {
background-color: #f9f9f9;
color: #666;
}
.lae-tab:first-child {
margin-left: 12px;
}
.lae-tab.selected {
background: #ffffff;
color: #666;
position: relative;
top: 1px;
z-index:1;
}
.lae-clearfix:after {
content:"";
display:table;
clear:both;
}
/* ====================== Inputs ====================== */
textarea.lae-textarea,
input[type=text].lae-text {
background: #f1f1f1;
-webkit-box-shadow: none;
box-shadow: none;
padding: 3px 5px !important;
}
input[type=text].lae-text {
height: 28px;
line-height: 26px;
}
.lae-text.number {
width: 65px;
background: #f1f1f1;
box-shadow: none;
}
.lae-number-label {
position: relative;
display: inline-block;
margin: 0 10px 0 0;
width: auto;
color: #888;
}
input[type=radio].lae-radio {
opacity: 1;
filter: alpha(opacity=100);
background: #ffffff;
margin-left: 15px;
padding: 0 !important;
color: #34495e;
border: 2px solid #34495e;
width: 14px !important;
height: 14px !important;
max-width: 14px !important;
min-width: 0px !important;
}
input[type=radio].first-input {
margin-left: 0;
}
input[type=radio].lae-radio:checked:before {
background-color: #2c3e50;
margin: 2px;
width: 6px;
height: 6px;
}
/* ======================== Checkbox ======================= */
.lae-toggle {
position: relative;
display: inline-block;
margin: 0 0 6px 0;
}
input[type=checkbox].lae-checkbox {
position: absolute;
display: block;
z-index: 2;
width: 100%;
height: 100%;
margin: 0;
opacity: 0 !important;
}
.lae-checkbox + label {
display: inline-block;
position: relative;
margin: 0 4px 0 0;
cursor: pointer;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input.lae-checkbox + label {
padding: 2px;
width: 43px;
height: 20px;
background-color: #2c3e50;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
-webkit-transition: background 0.2s;
-moz-transition: background 0.2s;
-o-transition: background 0.2s;
transition: background 0.2s;
}
input.lae-checkbox + label:before, input.lae-checkbox + label:after {
display: block;
position: absolute;
content: "";
}
input.lae-checkbox + label:before {
top: 2px;
left: 2px;
bottom: 2px;
right: 2px;
background-color: #ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
-webkit-transition: background 0.2s;
-moz-transition: background 0.2s;
-o-transition: background 0.2s;
transition: background 0.2s;
}
input.lae-checkbox + label:after {
top: 3px;
left: 3px;
bottom: 3px;
width: 18px;
background-color: #2c3e50;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
-webkit-transition: margin 0.2s, background 0.2s;
-moz-transition: margin 0.2s, background 0.2s;
-o-transition: margin 0.2s, background 0.2s;
transition: margin 0.2s, background 0.2s;
}
input.lae-checkbox:checked + label {
background-color: #4ECDC4;
}
input.lae-checkbox:checked + label:after {
margin-left: 23px;
background-color: #4ECDC4;
}
/* =========================== Buttons ==================== */
.lae-button {
border: none !important;
text-shadow: none !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
line-height: 26px !important;
height: auto !important;
margin: 0 !important;
padding: 0 10px !important;
color: #fff !important;
background: #f94213;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
vertical-align: top;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lae-button:hover {
opacity: 0.8;
}
/* ========================== Info box ====================== */
.lae-infobox {
position: relative;
display: block;
background: #f1f1f1;
margin: 30px;
padding: 15px;
line-height: 20px;
font-style: italic;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.lae-infobox .dashicons {
float: left;
margin-right: 10px;
-webkit-animation: flash linear 1s infinite;
animation: flash linear 1s infinite;
}
.lae-infobox-wrap {
margin-left: 40px 30px 30px 30px;
}
.lae-infobox h3 {
font-size: 14px;
padding: 0 !important;
margin: 0;
line-height: 1.4;
}
@-webkit-keyframes flash {
0% { opacity: 1; }
50% { opacity: .1; }
100% { opacity: 1; }
}
@keyframes flash {
0% { opacity: 1; }
50% { opacity: .1; }
100% { opacity: 1; }
}
/* ========= Misc ============= */
.wp-picker-container {
box-sizing: content-box;
}
.lae-elements-deactivate {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-content: space-between;
.lae-row {
width: 280px;
margin-bottom: 15px;
}
}