You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
5179 lines
124 KiB
5179 lines
124 KiB
.lepopup, .lepopup-admin {
|
|
font-size: 14px;
|
|
font-family: arial;
|
|
}
|
|
#uap-body .lepopup-admin {
|
|
margin: 0;
|
|
}
|
|
.lepopup-static {
|
|
position: static !important;
|
|
margin: 0; height: 100%; overflow: hidden
|
|
}
|
|
.lepopup-tooltip-content {
|
|
display: none;
|
|
}
|
|
.lepopup-fa-noicon:before {
|
|
content: "-";
|
|
}
|
|
.lepopup-half {
|
|
width: 50%;
|
|
}
|
|
.lepopup-third {
|
|
width: 33.3333% !important;
|
|
}
|
|
.lepopup-240 {
|
|
width: 240px;
|
|
min-width: 240px;
|
|
}
|
|
.lepopup-red {
|
|
color: #c00000;
|
|
}
|
|
.lepopup-number {
|
|
width: 100px !important;
|
|
text-align: right;
|
|
}
|
|
.lepopup-number input[type="text"]{
|
|
text-align: right;
|
|
}
|
|
|
|
/* Dialog Popup - begin */
|
|
.lepopup-dialog-overlay {
|
|
position: fixed !important;
|
|
z-index: 99988;
|
|
top: 0px;
|
|
left: 0px;
|
|
height: 100%;
|
|
width: 100%;
|
|
background-position: center center;
|
|
background: rgba(0,0,0,0.8);
|
|
display: none;
|
|
}
|
|
.lepopup-dialog {
|
|
position: fixed !important;
|
|
box-sizing: border-box;
|
|
z-index: 99989;
|
|
top: -3000px;
|
|
left: 50%;
|
|
width: 90%;
|
|
height: 600px;
|
|
background: #ffffff;
|
|
transform:translate(-50%, -50%) scale(0);
|
|
-webkit-transform:translate(-50%, -50%) scale(0);
|
|
box-shadow: 3px 3px 20px -5px #000000;
|
|
overflow: hidden;
|
|
transition-property: transform;
|
|
transition-timing-function: ease-in-out;
|
|
transition-duration: 300ms;
|
|
}
|
|
.lepopup-dialog * {
|
|
box-sizing: border-box;
|
|
}
|
|
.lepopup-dialog-inner {
|
|
height: 600px;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
}
|
|
.lepopup-dialog-title {
|
|
box-sizing: border-box;
|
|
height: 52px;
|
|
line-height: 52px;
|
|
padding: 0 0 0 20px;
|
|
text-align: left;
|
|
border-bottom: 1px solid #f0f0f0;
|
|
background: #f8f8f8;
|
|
}
|
|
.lepopup-dialog-title h3 {
|
|
font-weight: normal;
|
|
font-size: 20px;
|
|
font-family: arial;
|
|
color: #202020;
|
|
letter-spacing: 0;
|
|
text-transform: none;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
line-height: inherit;
|
|
}
|
|
.lepopup-dialog-title h3 i {
|
|
margin-right: 0.5em;
|
|
line-height: 52px;
|
|
vertical-align: top;
|
|
}
|
|
.lepopup-dialog-title h3 label {
|
|
cursor: default;
|
|
cursor: default;
|
|
line-height: 52px;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.lepopup-dialog-title a {
|
|
display: block;
|
|
float: right;
|
|
font-size: 20px;
|
|
width: 52px;
|
|
height: 52px;
|
|
color: #202020;
|
|
text-align: center;
|
|
text-shadow: none !important;
|
|
box-shadow: none !important;
|
|
outline: none !important;
|
|
border: none !important;
|
|
margin: 0 0 0 20px !important;
|
|
padding: 0 !important;
|
|
transition-property: all;
|
|
transition-timing-function: ease-in-out;
|
|
transition-duration: 300ms;
|
|
}
|
|
.lepopup-dialog-title a:hover {
|
|
color: #bd4070;
|
|
}
|
|
.lepopup-dialog-content {
|
|
height: 496px;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
background: #ffffff;
|
|
position: relative;
|
|
font-size: 15px;
|
|
line-height: 1.475;
|
|
}
|
|
.lepopup-dialog-content::-webkit-scrollbar {
|
|
width: 5px;
|
|
}
|
|
.lepopup-dialog-content::-webkit-scrollbar-track {
|
|
box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
|
|
}
|
|
.lepopup-dialog-content::-webkit-scrollbar-thumb {
|
|
background-color: #bd4070;
|
|
}
|
|
.lepopup-dialog-content hr {
|
|
margin: 0 30px;
|
|
}
|
|
.lepopup-dialog-loading {
|
|
position: absolute;
|
|
background: #fff;
|
|
top: 52px;
|
|
left: 0;
|
|
z-index: 99982;
|
|
width: 100%;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
.lepopup-dialog-loading i {
|
|
position: absolute;
|
|
z-index: 99983;
|
|
top: 50%;
|
|
left: 50%;
|
|
font-size: 24px;
|
|
margin-top: -12px;
|
|
margin-left: -12px;
|
|
}
|
|
.lepopup-dialog-content-html {
|
|
padding: 30px 50px;
|
|
}
|
|
.lepopup-dialog-message {
|
|
text-align: center;
|
|
}
|
|
.lepopup-dialog-buttons {
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
height: 52px;
|
|
line-height: 48px;
|
|
padding-right: 8px;
|
|
text-align: center;
|
|
border-top: 1px solid #f0f0f0;
|
|
}
|
|
.lepopup-dialog-button {
|
|
display: inline-block;
|
|
line-height: 40px;
|
|
height: 40px;
|
|
min-width: 140px;
|
|
margin: 0 5px 0px 5px;
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
-ms-touch-action: manipulation;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
background-image: none;
|
|
border: 1px solid transparent;
|
|
border-radius: 3px;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
color: #fff;
|
|
background: #bd4070;
|
|
border: 1px solid #a93a65;
|
|
text-decoration: none;
|
|
outline: none;
|
|
box-shadow: none;
|
|
box-sizing: border-box;
|
|
padding: 0 1em;
|
|
}
|
|
.lepopup-dialog-button-cancel {
|
|
color: #222;
|
|
background: #d0d0d0;
|
|
border: 1px solid #c0c0c0;
|
|
}
|
|
.lepopup-dialog-button-disabled {
|
|
opacity: 0.3;
|
|
cursor: default !important;
|
|
}
|
|
.lepopup-dialog-button:active {
|
|
background-image: none;
|
|
outline: 0;
|
|
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
|
|
box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
|
|
text-decoration: none;
|
|
color: #fff;
|
|
background: #a93a65;
|
|
background-image: none;
|
|
outline: none;
|
|
box-shadow: none;
|
|
transform:translateY(2px);
|
|
-webkit-transform:translateY(2px);
|
|
}
|
|
.lepopup-dialog-button:hover, .lepopup-dialog-button:focus {
|
|
text-decoration: none;
|
|
color: #fff;
|
|
background: #a93a65;
|
|
background-image: none;
|
|
outline: none;
|
|
box-shadow: none;
|
|
}
|
|
.lepopup-dialog-button-cancel:active, .lepopup-dialog-button-cancel:hover, .lepopup-dialog-button-cancel:focus {
|
|
color: #222;
|
|
background: #c0c0c0;
|
|
}
|
|
.lepopup-dialog-button label {
|
|
line-height: 38px;
|
|
display: inline-block;
|
|
margin-left: 8px;
|
|
vertical-align: top;
|
|
margin-bottom: 0;
|
|
font-weight: 400;
|
|
}
|
|
.lepopup-dialog-button i {
|
|
line-height: 38px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
/* Dialog Popup - end */
|
|
|
|
|
|
/* Properies Popup begin */
|
|
.lepopup-admin-popup-overlay {
|
|
position: fixed !important;
|
|
z-index: 99980;
|
|
top: 0px;
|
|
left: 0px;
|
|
height: 100%;
|
|
width: 100%;
|
|
background-position: center center;
|
|
background: rgba(0,0,0,0.8);
|
|
display: none;
|
|
}
|
|
#lepopup-stylemanager-overlay {
|
|
z-index: 99982;
|
|
}
|
|
.lepopup-admin-create-overlay {
|
|
position: fixed !important;
|
|
z-index: 11001;
|
|
top: 0px;
|
|
left: 0px;
|
|
bottom: 0px;
|
|
right: 0px;
|
|
height: 100%;
|
|
width: 100%;
|
|
background-position: center center;
|
|
background: rgba(241,241,241,0.8);
|
|
display: none;
|
|
display: block;
|
|
}
|
|
.lepopup-admin-create {
|
|
position: fixed !important;
|
|
box-sizing: border-box;
|
|
z-index: 99981;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 480px;
|
|
height: 190px;
|
|
background: #ffffff;
|
|
transform:translate(-50%, -50%);
|
|
-webkit-transform:translate(-50%, -50%);
|
|
box-shadow: 3px 3px 20px -5px #000000;
|
|
overflow: hidden;
|
|
transition-property: transform;
|
|
transition-timing-function: ease-in-out;
|
|
transition-duration: 300ms;
|
|
}
|
|
.lepopup-admin-create-content {
|
|
height: 200px;
|
|
padding: 32px 32px;
|
|
overflow-x: hidden;
|
|
overflow-y: hidden;
|
|
background: #ffffff;
|
|
position: relative;
|
|
}
|
|
.lepopup-admin-create-content input, .lepopup-admin-create-content input:focus, .lepopup-admin-create-content input:active {
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
border-radius: 3px;
|
|
padding: 0 1.6em;
|
|
line-height: 52px;
|
|
border: 1px solid #CCC;
|
|
border-spacing: 0;
|
|
font-family: arial, verdana;
|
|
box-sizing: border-box;
|
|
box-shadow: none;
|
|
margin: 0;
|
|
background: #FFF;
|
|
height: 52px;
|
|
min-width: 0px;
|
|
max-width: 100%;
|
|
outline: none;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.lepopup-admin-popup {
|
|
position: fixed !important;
|
|
box-sizing: border-box;
|
|
z-index: 99981;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 90%;
|
|
height: 600px;
|
|
background: #ffffff;
|
|
transform:translate(-50%, -50%);
|
|
-webkit-transform:translate(-50%, -50%);
|
|
display: none;
|
|
box-shadow: 3px 3px 20px -5px #000000;
|
|
overflow: hidden;
|
|
transition-property: transform;
|
|
transition-timing-function: ease-in-out;
|
|
transition-duration: 300ms;
|
|
}
|
|
#lepopup-stylemanager {
|
|
z-index: 99983;
|
|
}
|
|
.lepopup-admin-popup * {
|
|
box-sizing: border-box;
|
|
}
|
|
.lepopup-admin-popup-inner {
|
|
height: 600px;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
}
|
|
.lepopup-admin-popup-title {
|
|
box-sizing: border-box;
|
|
height: 52px;
|
|
line-height: 52px;
|
|
padding: 0 0 0 20px;
|
|
text-align: left;
|
|
border-bottom: 1px solid #f0f0f0;
|
|
background: #f8f8f8;
|
|
}
|
|
.lepopup-admin-popup-title>span {
|
|
float: right;
|
|
display: block;
|
|
width: 52px;
|
|
height: 52px;
|
|
line-height: 52px;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
color: #555;
|
|
transition-property: color;
|
|
transition-timing-function: ease-in-out;
|
|
transition-duration: 300ms;
|
|
cursor: pointer;
|
|
}
|
|
.lepopup-admin-popup-title>span:hover {
|
|
color: #bd4070;
|
|
}
|
|
.lepopup-admin-popup-title h3 {
|
|
font-weight: normal;
|
|
font-size: 20px;
|
|
font-family: arial;
|
|
color: #202020;
|
|
letter-spacing: 0;
|
|
text-transform: none;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
line-height: inherit;
|
|
}
|
|
.lepopup-admin-popup-title h3 span {
|
|
font-size: 16px;
|
|
color: #a0a0a0;
|
|
display: inline-block;
|
|
margin-left: 20px;
|
|
padding-left: 20px;
|
|
border-left: 1px dashed #e0e0e0;
|
|
line-height: 25px;
|
|
height: 25px;
|
|
vertical-align: middle;
|
|
}
|
|
.lepopup-admin-popup-title a {
|
|
display: block;
|
|
float: right;
|
|
font-size: 20px;
|
|
width: 52px;
|
|
height: 52px;
|
|
color: #202020;
|
|
text-align: center;
|
|
text-shadow: none !important;
|
|
box-shadow: none !important;
|
|
outline: none !important;
|
|
border: none !important;
|
|
margin: 0 0 0 20px !important;
|
|
padding: 0 !important;
|
|
transition-property: all;
|
|
transition-timing-function: ease-in-out;
|
|
transition-duration: 300ms;
|
|
}
|
|
.lepopup-admin-popup-title a:hover {
|
|
color: #bd4070;
|
|
}
|
|
.lepopup-admin-popup-content {
|
|
height: 496px;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
background: #ffffff;
|
|
position: relative;
|
|
}
|
|
.lepopup-admin-popup-content::-webkit-scrollbar {
|
|
width: 5px;
|
|
}
|
|
.lepopup-admin-popup-content::-webkit-scrollbar-track {
|
|
box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
|
|
}
|
|
.lepopup-admin-popup-content::-webkit-scrollbar-thumb {
|
|
background-color: #bd4070;
|
|
}
|
|
.lepopup-admin-popup-content hr {
|
|
margin: 0 30px;
|
|
}
|
|
.lepopup-admin-popup-loading {
|
|
position: absolute;
|
|
background: #fff;
|
|
top: 52px;
|
|
left: 0;
|
|
z-index: 99982;
|
|
width: 100%;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
.lepopup-admin-popup-loading i {
|
|
position: absolute;
|
|
z-index: 99983;
|
|
top: 50%;
|
|
left: 50%;
|
|
font-size: 24px;
|
|
margin-top: -12px;
|
|
margin-left: -12px;
|
|
}
|
|
.lepopup-admin-popup-content-form {
|
|
}
|
|
.lepopup-admin-popup-buttons {
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
height: 52px;
|
|
line-height: 48px;
|
|
padding-right: 8px;
|
|
text-align: right;
|
|
border-top: 1px solid #f0f0f0;
|
|
}
|
|
.lepopup-properties-item {
|
|
display: table;
|
|
margin: 20px 0;
|
|
width: 100%;
|
|
}
|
|
.lepopup-properties-noitem {
|
|
display: table;
|
|
margin: 20px 0;
|
|
width: 100%;
|
|
}
|
|
.lepopup-properties-message {
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
padding: 0.5em 1em !important;
|
|
background: #f0f0f0;
|
|
box-shadow: 1px 1px 10px -6px rgba(0, 0, 0, 0.5);
|
|
line-height: 1.5;
|
|
}
|
|
.lepopup-properties-label {
|
|
display: table-cell;
|
|
font-size: 15px;
|
|
width: 200px;
|
|
min-width: 200px;
|
|
vertical-align: top;
|
|
padding: 0 1em 0 2em;
|
|
}
|
|
.lepopup-properties-label label {
|
|
font-weight: 400;
|
|
margin-bottom: 0;
|
|
}
|
|
.lepopup-properties-tooltip {
|
|
display: table-cell;
|
|
font-size: 18px;
|
|
width: 2em;
|
|
min-width: 2em;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
}
|
|
.lepopup-tooltip {
|
|
font-size: 14px !important;
|
|
line-height: 1.3 !important;
|
|
z-index: 99999 !important;
|
|
}
|
|
.lepopup-tooltip pre {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
div.lepopup-properties-line {
|
|
display: table;
|
|
vertical-align: top;
|
|
position: relative;
|
|
margin-bottom: 10px;
|
|
padding-left: 0px !important;
|
|
}
|
|
.lepopup-properties-content>div.lepopup-properties-line:last-of-type {
|
|
margin-bottom: 0;
|
|
}
|
|
.lepopup-properties-content,
|
|
.lepopup-properties-group {
|
|
width: 100%;
|
|
vertical-align: top;
|
|
font-size: 14px;
|
|
}
|
|
.lepopup-properties-content {
|
|
padding-right: 20px;
|
|
display: table-cell;
|
|
position: relative;
|
|
}
|
|
.lepopup-properties-group {
|
|
display: table;
|
|
}
|
|
.lepopup-properties-content>div,
|
|
.lepopup-properties-group>div,
|
|
.lepopup-properties-line>div {
|
|
padding-left: 10px;
|
|
vertical-align: top;
|
|
position: relative;
|
|
}
|
|
.lepopup-properties-content>div:first-of-type,
|
|
.lepopup-properties-group>div:first-of-type,
|
|
.lepopup-properties-line>div:first-of-type {
|
|
padding-left: 0;
|
|
}
|
|
.lepopup-properties-content-two-third {
|
|
display: table-cell;
|
|
width: 67%;
|
|
}
|
|
.lepopup-properties-content-half {
|
|
display: table-cell;
|
|
width: 50%;
|
|
}
|
|
.lepopup-properties-content-quarter {
|
|
display: table-cell;
|
|
width: 25%;
|
|
}
|
|
.lepopup-properties-content-third {
|
|
display: table-cell;
|
|
width: 33%;
|
|
}
|
|
.lepopup-properties-content-dime {
|
|
display: table-cell;
|
|
width: 10%;
|
|
}
|
|
.lepopup-properties-content-9dimes {
|
|
display: table-cell;
|
|
width: 90%;
|
|
}
|
|
.lepopup-properties-content-full {
|
|
display: block;
|
|
width: 100%;
|
|
margin-bottom: 10px;
|
|
}
|
|
.lepopup-properties-content-full>label, .lepopup-properties-content-third>label, .lepopup-properties-content-two-third>label, .lepopup-properties-content-half>label, .lepopup-properties-content-quarter>label, .lepopup-properties-content-dime>label, .lepopup-properties-content-9dimes>label {
|
|
color: #ccc;
|
|
font-size: 14px;
|
|
font-style: italic;
|
|
cursor: default;
|
|
display: block;
|
|
}
|
|
|
|
.lepopup-style-save-row {
|
|
margin-bottom: 1em;
|
|
}
|
|
.lepopup-style-save-row label {
|
|
display: block;
|
|
cursor: default;
|
|
}
|
|
.lepopup-style-save-row input[type="text"], .lepopup-style-save-row select,
|
|
.lepopup-properties-content input[type="text"], .lepopup-properties-content select, .lepopup-properties-content input[type="email"], .lepopup-properties-content input[type="password"], .lepopup-properties-content textarea, .lepopup-bulk-editor textarea {
|
|
font-size: 15px;
|
|
font-weight: normal;
|
|
border-radius: 3px;
|
|
padding: 0 0.8em;
|
|
line-height: 40px;
|
|
border: 1px solid #CCC;
|
|
border-spacing: 0;
|
|
font-family: arial, verdana;
|
|
box-sizing: border-box;
|
|
box-shadow: none;
|
|
margin: 0;
|
|
/* background: #FFF; */
|
|
height: 40px;
|
|
min-width: 0px;
|
|
max-width: 100%;
|
|
outline: none;
|
|
width: 100%;
|
|
}
|
|
.lepopup-properties-content select {
|
|
height: 40px !important;
|
|
font-size: 15px !important;
|
|
}
|
|
.lepopup-properties-content textarea {
|
|
height: 10em !important;
|
|
line-height: 1.4;
|
|
padding: 0.4em 0.8em;
|
|
}
|
|
.lepopup-properties-content textarea.lepopup-tinymce {
|
|
height: 16em !important;
|
|
}
|
|
.lepopup-properties-content input[type="text"]:focus, .lepopup-properties-content select:focus, .lepopup-properties-content textarea:focus, .lepopup-bulk-editor textarea:focus {
|
|
border-color: #a93a65;
|
|
box-shadow: 0 0 16px -10px #a93a65;
|
|
}
|
|
.lepopup-properties-content input::-webkit-input-placeholder, .lepopup-properties-content textare::-webkit-input-placeholder {
|
|
color: inherit !important;
|
|
opacity: 0.3;
|
|
}
|
|
.lepopup-properties-content input::-moz-placeholder, .lepopup-properties-content textare::-moz-placeholder {
|
|
color: inherit !important;
|
|
opacity: 0.3;
|
|
}
|
|
.lepopup-properties-content input:-moz-placeholder, .lepopup-properties-content textare:-mox-placeholder {
|
|
color: inherit !important;
|
|
opacity: 0.3;
|
|
}
|
|
.lepopup-properties-content input:-ms-input-placeholder, .lepopup-properties-content textare::-ms-input-placeholder {
|
|
opacity: 0.3;
|
|
color: inherit !important;
|
|
}
|
|
.lepopup-properties-content .lepopup-input-units {
|
|
position: relative;
|
|
min-width: 100px;
|
|
}
|
|
.lepopup-properties-content .lepopup-100px {
|
|
min-width: 100px;
|
|
width: 100px;
|
|
max-width: 100px;
|
|
}
|
|
.lepopup-properties-content .lepopup-input-units::after {
|
|
position: absolute;
|
|
color: #ccc;
|
|
font-size: 13px;
|
|
line-height: 40px;
|
|
top: 0;
|
|
right: 5px;
|
|
}
|
|
.lepopup-properties-content .lepopup-input-px::after {
|
|
content: 'px';
|
|
}
|
|
.lepopup-properties-content .lepopup-input-ms::after {
|
|
content: 'ms';
|
|
}
|
|
.lepopup-properties-content .lepopup-input-mb::after {
|
|
content: 'Mb';
|
|
}
|
|
.lepopup-properties-content .lepopup-input-days::after {
|
|
content: 'days';
|
|
}
|
|
.lepopup-properties-content .lepopup-input-hrs::after {
|
|
content: 'hrs';
|
|
}
|
|
.lepopup-properties-content .lepopup-input-sec::after {
|
|
content: 'sec';
|
|
}
|
|
.lepopup-properties-content .lepopup-input-px input {
|
|
padding-right: 24px;
|
|
}
|
|
.lepopup-properties-content .lepopup-input-ms input {
|
|
padding-right: 26px;
|
|
}
|
|
.lepopup-properties-content .lepopup-input-mb input {
|
|
padding-right: 28px;
|
|
}
|
|
.lepopup-properties-content .lepopup-input-days input {
|
|
padding-right: 36px;
|
|
}
|
|
.lepopup-properties-content .lepopup-input-hrs input {
|
|
padding-right: 28px;
|
|
}
|
|
.lepopup-properties-content .lepopup-input-sec input {
|
|
padding-right: 28px;
|
|
}
|
|
.lepopup-properties-content .lepopup-media-id {
|
|
position: relative;
|
|
}
|
|
.lepopup-properties-content .lepopup-media-id input,
|
|
.lepopup-properties-content .lepopup-image-url input,
|
|
.lepopup-properties-content .lepopup-date>input,
|
|
.lepopup-properties-content .lepopup-time>input {
|
|
padding-right: 40px;
|
|
}
|
|
#uap-body .lepopup-properties-content .lepopup-image-url input {
|
|
padding-right: 0.8em !important;
|
|
}
|
|
.lepopup-properties-content .lepopup-media-id span,
|
|
.lepopup-properties-content .lepopup-image-url span,
|
|
.lepopup-properties-content .lepopup-date>span,
|
|
.lepopup-properties-content .lepopup-time>span,
|
|
.lepopup-properties-content .lepopup-input-shortcode-selector span {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 40px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
color: #888;
|
|
cursor: pointer !important;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
}
|
|
#uap-body .lepopup-properties-content .lepopup-image-url span {
|
|
display: none !important;
|
|
}
|
|
.lepopup-properties-content .lepopup-media-id span i,
|
|
.lepopup-properties-content .lepopup-image-url span i,
|
|
.lepopup-properties-content .lepopup-date>span i,
|
|
.lepopup-properties-content .lepopup-time>span i,
|
|
.lepopup-properties-content .lepopup-input-shortcode-selector span i {
|
|
font-size: 20px;
|
|
line-height: 40px;
|
|
}
|
|
.lepopup-properties-content .lepopup-input-shortcode-selector span i.fa-code {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.lepopup-properties-content .lepopup-media-id span:hover,
|
|
.lepopup-properties-content .lepopup-image-url span:hover,
|
|
.lepopup-properties-content .lepopup-date>span:hover,
|
|
.lepopup-properties-content .lepopup-time>span:hover,
|
|
.lepopup-properties-content .lepopup-input-shortcode-selector span:hover {
|
|
color: #a93a65;
|
|
}
|
|
|
|
|
|
.lepopup-properties-content .wp-picker-container {
|
|
position: relative;
|
|
white-space: nowrap;
|
|
}
|
|
.lepopup-properties-content .wp-picker-container .wp-color-result.button {
|
|
height: 40px;
|
|
width: 40px;
|
|
padding: 0;
|
|
margin: 0 6px 0 0;
|
|
font-size: 15px;
|
|
border-color: #ccc;
|
|
box-shadow: none;
|
|
display: inline-block;
|
|
}
|
|
.lepopup-properties-content .wp-picker-container .wp-color-result.button span {
|
|
display: none;
|
|
line-height: 38px;
|
|
}
|
|
.lepopup-properties-content .wp-picker-container .wp-color-result.button:active,
|
|
.lepopup-properties-content .wp-picker-container .wp-color-result.button:focus {
|
|
box-shadow: none;
|
|
border-color: #ccc;
|
|
}
|
|
.lepopup-properties-content .wp-picker-container input[type=text].wp-color-picker {
|
|
font-size: 15px;
|
|
width: 150px !important;
|
|
font-family: arial;
|
|
}
|
|
.lepopup-properties-content .wp-picker-container .wp-picker-input-wrap input[type=button] {
|
|
display: none;
|
|
}
|
|
.lepopup-properties-content .wp-picker-container .wp-picker-holder {
|
|
position: absolute;
|
|
z-index: 999999;
|
|
right: 0;
|
|
}
|
|
.lepopup-properties-content .wp-picker-container .wp-picker-holder .iris-picker {
|
|
border-radius: 3px;
|
|
}
|
|
.lepopup-properties-content-color .wp-picker-container .wp-picker-holder {
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
.lepopup-fa-selector-button {
|
|
display: inline-block;
|
|
font-family: arial;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
background-image: none;
|
|
border-radius: 3px;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
color: #444444;
|
|
border: 1px solid #ccc;
|
|
text-decoration: none;
|
|
outline: none;
|
|
box-shadow: none;
|
|
width: 80px;
|
|
height: 40px;
|
|
}
|
|
.lepopup-fa-selector-button i {
|
|
display: block;
|
|
font-size: 18px !important;
|
|
line-height: 40px !important;
|
|
}
|
|
.lepopup-fa-selector-button:active {
|
|
background-image: none;
|
|
outline: 0;
|
|
text-decoration: none;
|
|
border-color: #a93a65;
|
|
color: #a93a65;
|
|
background-image: none;
|
|
outline: none;
|
|
box-shadow: none;
|
|
transform:translateY(2px);
|
|
-webkit-transform:translateY(2px);
|
|
}
|
|
.lepopup-fa-selector-button:hover, .lepopup-fa-selector-button:focus {
|
|
text-decoration: none;
|
|
color: #a93a65;
|
|
border-color: #a93a65;
|
|
background-image: none;
|
|
outline: none;
|
|
box-shadow: none;
|
|
}
|
|
input[type="checkbox"].lepopup-checkbox-toggle {
|
|
display: none !important;
|
|
}
|
|
input[type="checkbox"].lepopup-checkbox-toggle+label {
|
|
appearance: none;
|
|
width: 64px;
|
|
height: 32px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 32px;
|
|
background: #ffffff;
|
|
position: relative;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
vertical-align: middle;
|
|
transition: background 0.3s;
|
|
box-sizing: border-box;
|
|
outline: none;
|
|
box-shadow: none;
|
|
cursor: pointer;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
input[type="checkbox"].lepopup-checkbox-toggle+label:before {
|
|
content: '';
|
|
}
|
|
input[type="checkbox"].lepopup-checkbox-toggle+label:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 26px;
|
|
height: 26px;
|
|
background: #ccc;
|
|
border: none;
|
|
border-radius: 26px;
|
|
transition: left 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
|
|
}
|
|
input[type="checkbox"].lepopup-checkbox-toggle:checked+label {
|
|
background: #a93a65;
|
|
border-color: #a93a65;
|
|
}
|
|
input[type="checkbox"].lepopup-checkbox-toggle:checked+label:after {
|
|
left: 34px;
|
|
background: #fff;
|
|
}
|
|
input[type="checkbox"].lepopup-checkbox-toggle:disabled+label {
|
|
opacity: 0.5;
|
|
}
|
|
.lepopup-properties-sub-item {
|
|
padding: 0px;
|
|
margin-bottom: 10px;
|
|
background: #f8f8f8;
|
|
border-radius: 3px;
|
|
border: 1px solid #ccc;
|
|
}
|
|
.lepopup-properties-sub-item-new {
|
|
display: none;
|
|
}
|
|
.lepopup-properties-sub-item-exist .lepopup-properties-sub-item-body {
|
|
display: none;
|
|
}
|
|
.lepopup-properties-sub-item-body hr {
|
|
margin: 0 20px;
|
|
}
|
|
.lepopup-properties-sub-item-body-loading {
|
|
padding: 1em 0 2em 0;
|
|
text-align: center;
|
|
}
|
|
.lepopup-properties-sub-item-body-loading i {
|
|
font-size: 24px;
|
|
}
|
|
.lepopup-properties-sub-item .lepopup-properties-label {
|
|
min-width: 160px;
|
|
padding: 0 1em 0 1em;
|
|
}
|
|
.lepopup-properties-sub-item-header {
|
|
padding: 1em;
|
|
font-size: 15px;
|
|
line-height: 24px;
|
|
}
|
|
.lepopup-properties-sub-item-header div.lepopup-properties-sub-item-header-tools {
|
|
float: right;
|
|
line-height: 24px;
|
|
}
|
|
.lepopup-properties-sub-item-header div.lepopup-properties-sub-item-header-tools span {
|
|
margin-left: 10px;
|
|
cursor: pointer;
|
|
font-size: 18px;
|
|
color: #888;
|
|
vertical-align: top;
|
|
}
|
|
.lepopup-properties-sub-item-header div.lepopup-properties-sub-item-header-tools span i {
|
|
vertical-align: top;
|
|
line-height: 24px;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
}
|
|
.lepopup-properties-sub-item-header div.lepopup-properties-sub-item-header-tools span i.fa-cog {
|
|
color: #444;
|
|
}
|
|
.lepopup-properties-sub-item-header div.lepopup-properties-sub-item-header-tools span:hover i,
|
|
.lepopup-properties-sub-item-header div.lepopup-properties-sub-item-header-tools span:hover i.fa-cog {
|
|
color: #a93a65;
|
|
}
|
|
.lepopup-properties-sub-item-header label {
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
height: 24px;
|
|
}
|
|
.lepopup-properties-content-validators-allowed a,
|
|
.lepopup-properties-content-filters-allowed a {
|
|
margin-bottom: 0.3em;
|
|
}
|
|
.lepopup-properties-css-toolbar {
|
|
margin-top: 5px;
|
|
}
|
|
.lepopup-properties-css-toolbar span {
|
|
color: #fff;
|
|
background-color: #444;
|
|
vertical-align: top;
|
|
margin: 0;
|
|
text-align: center;
|
|
line-height: 28px;
|
|
height: 28px;
|
|
width: 28px;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
}
|
|
.lepopup-properties-css-toolbar span:first-of-type {
|
|
border-radius: 3px 0 0 3px;
|
|
}
|
|
.lepopup-properties-css-toolbar span:last-of-type {
|
|
border-radius: 0 3px 3px 0;
|
|
}
|
|
.lepopup-properties-css-toolbar span:hover {
|
|
color: #fff;
|
|
background-color: #a93a65;
|
|
}
|
|
.lepopup-properties-options-box {
|
|
border-top: 1px solid #ccc;
|
|
border-bottom: 3px solid #a93a65;
|
|
min-height: 180px;
|
|
height: 240px;
|
|
}
|
|
.lepopup-properties-options-container {
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
height: 100%;
|
|
}
|
|
.lepopup-properties-options-container::-webkit-scrollbar {
|
|
width: 5px;
|
|
}
|
|
.lepopup-properties-options-container::-webkit-scrollbar-track {
|
|
box-shadow: inset 0 0 6px rgba(255,255,255,0.1);
|
|
}
|
|
.lepopup-properties-options-container::-webkit-scrollbar-thumb {
|
|
background-color: #bd4070;
|
|
}
|
|
.lepopup-properties-options-item {
|
|
padding: 10px;
|
|
margin-top: 10px;
|
|
margin-right: 10px;
|
|
background: #f8f8f8;
|
|
border-radius: 3px;
|
|
border: 1px solid #ccc;
|
|
}
|
|
.lepopup-properties-options-item:last-of-type {
|
|
margin-bottom: 10px;
|
|
}
|
|
.lepopup-properties-options-item-placeholder {
|
|
padding: 10px;
|
|
margin-top: 10px;
|
|
margin-right: 10px;
|
|
background: transparent;
|
|
border-radius: 3px;
|
|
border: 1px dashed #ccc;
|
|
}
|
|
.lepopup-properties-options-item i.fa-check {
|
|
color: #ccc !important;
|
|
}
|
|
.lepopup-properties-options-item-default i.fa-check {
|
|
color: #a93a65 !important;
|
|
}
|
|
.lepopup-properties-options-table,
|
|
.lepopup-properties-options-table-header {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
.lepopup-properties-options-table-header {
|
|
padding: 0 50px 5px 10px;
|
|
margin: 0 20px;
|
|
}
|
|
.lepopup-properties-options-table-footer {
|
|
text-align: right;
|
|
margin-top: 5px;
|
|
}
|
|
.lepopup-properties-options-table-footer a {
|
|
margin-left: 5px;
|
|
}
|
|
.lepopup-properties-options-table-footer-left {
|
|
display: table-cell;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
font-size: 15px;
|
|
font-style: italic;
|
|
}
|
|
.lepopup-properties-options-table-footer-right {
|
|
display: table-cell;
|
|
text-align: right;
|
|
vertical-align: middle;
|
|
}
|
|
.lepopup-properties-options-table>div {
|
|
display: table-cell;
|
|
width: 33.3333%;
|
|
padding-right: 10px;
|
|
text-align: right;
|
|
vertical-align: middle;
|
|
font-size: 16px;
|
|
position: relative;
|
|
}
|
|
.lepopup-properties-options-table>div.lepopup-image-url span {
|
|
margin-right: 10px;
|
|
}
|
|
.lepopup-properties-image-options-table .lepopup-properties-options-table>div {
|
|
width: 25%;
|
|
}
|
|
.lepopup-properties-options-table-header>div {
|
|
display: table-cell;
|
|
width: 33.3333%;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
font-size: 16px;
|
|
font-style: italic;
|
|
}
|
|
.lepopup-properties-image-options-table .lepopup-properties-options-table-header>div {
|
|
width: 25%;
|
|
}
|
|
.lepopup-properties-options-table>div:last-of-type {
|
|
padding-right: 0;
|
|
}
|
|
.lepopup-properties-options-table>div span {
|
|
margin-left: 10px;
|
|
color: #888;
|
|
cursor: pointer;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
}
|
|
.lepopup-properties-options-table>div span:hover {
|
|
color: #a93a65;
|
|
}
|
|
.lepopup-properties-options-table>div span:last-of-type {
|
|
cursor: move;
|
|
cursor: -webkit-grab;
|
|
cursor: grab;
|
|
}
|
|
.lepopup-properties-options-table>div input[type='text'] {
|
|
font-size: 14px;
|
|
padding: 0.6em 0.6em;
|
|
}
|
|
.lepopup-properties-options-table>div.lepopup-image-url input[type='text'] {
|
|
padding-right: 40px;
|
|
}
|
|
.lepopup-properties-preview-option {
|
|
position: relative;
|
|
padding: 0 !important;
|
|
width: 100px;
|
|
height: 100px;
|
|
line-height: 100px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
text-align: center;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
vertical-align: top;
|
|
}
|
|
input[type="radio"].lepopup-radio-image {
|
|
display: none !important;
|
|
}
|
|
input[type="radio"].lepopup-radio-image+label {
|
|
appearance: none;
|
|
display: inline-block;
|
|
border: 1px solid #c0c0c0;
|
|
border-radius: 5px;
|
|
box-sizing: border-box;
|
|
margin: 0 10px 10px 0;
|
|
-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
|
|
-o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
|
|
-webkit-filter: grayscale(100%);
|
|
filter: gray;
|
|
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
transition-property: border, filter;
|
|
-webkit-transition-property: border, filter;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
}
|
|
input[type="radio"].lepopup-radio-image:checked+label {
|
|
border: 2px solid #a93a65;
|
|
-moz-filter: none;
|
|
-o-filter: none;
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
filter: none;
|
|
}
|
|
|
|
.lepopup-properties-preview-option>input[type="radio"] {
|
|
display: none !important;
|
|
}
|
|
.lepopup-properties-preview-option>input[type="radio"]+label {
|
|
appearance: none;
|
|
font-size: 24px;
|
|
line-height: 24px;
|
|
width: 24px;
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 5px;
|
|
color: #ccc;
|
|
cursor: pointer;
|
|
text-align: left;
|
|
z-index: 999;
|
|
}
|
|
.lepopup-properties-preview-option>input[type="radio"]+label:before {
|
|
content: '';
|
|
}
|
|
.lepopup-properties-preview-option>input[type="radio"]+label:after {
|
|
content: "\f0c8";
|
|
}
|
|
.lepopup-properties-preview-option>input[type="radio"]:checked+label:after {
|
|
content: "\f14a" !important;
|
|
color: #a93a65;
|
|
}
|
|
.lepopup-properties-preview-option:hover {
|
|
border: 1px solid #a93a65;
|
|
}
|
|
.lepopup-properties-preview-option:hover>input[type="radio"]+label:after {
|
|
color: #a93a65;
|
|
}
|
|
.lepopup-properties-preview-option>div {
|
|
position: relative;
|
|
}
|
|
.lepopup-bar-options,
|
|
.lepopup-bar-selector {
|
|
color: #444;
|
|
white-space: nowrap;
|
|
display: inline-block;
|
|
}
|
|
.lepopup-bar-selector input[type="radio"],
|
|
.lepopup-bar-selector input[type="checkbox"] {
|
|
display: none !important;
|
|
}
|
|
.lepopup-bar-selector input[type="radio"]+label:before,
|
|
.lepopup-bar-selector input[type="radio"]+label:after,
|
|
.lepopup-bar-selector input[type="checkbox"]+label:before,
|
|
.lepopup-bar-selector input[type="checkbox"]+label:after {
|
|
content: '';
|
|
}
|
|
.lepopup-bar-options span,
|
|
.lepopup-bar-selector input[type="radio"]+label,
|
|
.lepopup-bar-selector input[type="checkbox"]+label {
|
|
appearance: none;
|
|
line-height: 40px;
|
|
display: inline-block;
|
|
min-width: 40px;
|
|
height: 40px;
|
|
text-align: center;
|
|
padding: 0 5px;
|
|
cursor: pointer;
|
|
border: 1px solid #ccc;
|
|
border-left: none;
|
|
border-right: none;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
}
|
|
.lepopup-bar-options span i,
|
|
.lepopup-bar-selector input[type="radio"]+label i,
|
|
.lepopup-bar-selector input[type="checkbox"]+label i {
|
|
line-height: 40px;
|
|
vertical-align: middle;
|
|
}
|
|
.lepopup-bar-options span:first-of-type,
|
|
.lepopup-bar-selector input[type="radio"]+label:first-of-type,
|
|
.lepopup-bar-selector input[type="checkbox"]+label:first-of-type {
|
|
border-radius: 3px 0 0 3px;
|
|
border-left: 1px solid #ccc;
|
|
}
|
|
.lepopup-bar-options span:last-of-type,
|
|
.lepopup-bar-selector input[type="radio"]+label:last-of-type,
|
|
.lepopup-bar-selector input[type="checkbox"]+label:last-of-type {
|
|
border-radius: 0 3px 3px 0;
|
|
border-right: 1px solid #ccc;
|
|
}
|
|
.lepopup-bar-options span.lepopup-bar-option-selected,
|
|
.lepopup-bar-selector input[type="radio"]:checked+label,
|
|
.lepopup-bar-selector input[type="checkbox"]:checked+label,
|
|
.lepopup-bar-options span:hover,
|
|
.lepopup-bar-selector input[type="radio"]+label:hover,
|
|
.lepopup-bar-selector input[type="radio"]:checked+label,
|
|
.lepopup-bar-selector input[type="checkbox"]+label:hover,
|
|
.lepopup-bar-selector input[type="checkbox"]:checked+label {
|
|
border-color: #a93a65;
|
|
background: #a93a65;
|
|
color: #fff;
|
|
opacity: 0.9;
|
|
}
|
|
.lepopup-bar-options span:hover,
|
|
.lepopup-bar-selector input[type="radio"]+label:hover,
|
|
.lepopup-bar-selector input[type="checkbox"]+label:hover {
|
|
opacity: 0.7;
|
|
}
|
|
.lepopup-bar-options span.lepopup-bar-option-selected:hover,
|
|
.lepopup-bar-selector input[type="radio"]:checked+label:hover,
|
|
.lepopup-bar-selector input[type="checkbox"]:checked+label:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.lepopup-position-element {
|
|
display: inline-block;
|
|
width: 120px;
|
|
height: 90px;
|
|
position: relative;
|
|
margin: 0 10px 10px 0;
|
|
cursor: pointer;
|
|
padding: 0 !important;
|
|
box-sizing: border-size;
|
|
}
|
|
.lepopup-position-element input[type="radio"] {
|
|
display: none !important;
|
|
}
|
|
.lepopup-position-element input[type="radio"]+label {
|
|
display: block;
|
|
border: 2px solid #CCC;
|
|
border-radius: 5px;
|
|
width: 120px;
|
|
height: 90px;
|
|
cursor: pointer;
|
|
box-sizing: border-size;
|
|
transition-duration: .3s;
|
|
transition-property: border;
|
|
}
|
|
.lepopup-position-element input[type="radio"]+label+label {
|
|
border: 2px solid #CCC;
|
|
border-radius: 4px;
|
|
width: 48px;
|
|
height: 36px;
|
|
box-sizing: border-size;
|
|
position: absolute;
|
|
transition-duration: .3s;
|
|
transition-property: border;
|
|
}
|
|
.lepopup-position-element:hover input[type="radio"]+label,
|
|
.lepopup-position-element:hover input[type="radio"]+label+label,
|
|
.lepopup-position-element input[type="radio"]:checked+label,
|
|
.lepopup-position-element input[type="radio"]:checked+label+label {
|
|
border-color: #a93a65;
|
|
}
|
|
.lepopup-position-element-top-left input[type="radio"]+label+label {
|
|
top: 5px;
|
|
left: 5px;
|
|
}
|
|
.lepopup-position-element-top-center input[type="radio"]+label+label {
|
|
top: 5px;
|
|
left: 36px;
|
|
}
|
|
.lepopup-position-element-top-right input[type="radio"]+label+label {
|
|
top: 5px;
|
|
right: 5px;
|
|
}
|
|
.lepopup-position-element-middle-left input[type="radio"]+label+label {
|
|
top: 27px;
|
|
left: 5px;
|
|
}
|
|
.lepopup-position-element-middle-center input[type="radio"]+label+label {
|
|
top: 27px;
|
|
left: 36px;
|
|
}
|
|
.lepopup-position-element-middle-right input[type="radio"]+label+label {
|
|
top: 27px;
|
|
right: 5px;
|
|
}
|
|
.lepopup-position-element-bottom-left input[type="radio"]+label+label {
|
|
bottom: 5px;
|
|
left: 5px;
|
|
}
|
|
.lepopup-position-element-bottom-center input[type="radio"]+label+label {
|
|
bottom: 5px;
|
|
left: 36px;
|
|
}
|
|
.lepopup-position-element-bottom-right input[type="radio"]+label+label {
|
|
bottom: 5px;
|
|
right: 5px;
|
|
}
|
|
.lepopup-properties-content-slider {
|
|
padding-left: 20px !important;
|
|
padding-right: 10px !important;
|
|
}
|
|
.lepopup-slider-container {
|
|
min-width: 200px;
|
|
height: 40px;
|
|
padding-top: 15px;
|
|
}
|
|
.lepopup-slider.ui-slider {
|
|
border: 1px solid #ccc !important;
|
|
}
|
|
.lepopup-slider .ui-slider-handle {
|
|
width: 3em !important;
|
|
height: 24px !important;
|
|
top: 50% !important;
|
|
margin-top: -12px !important;
|
|
text-align: center !important;
|
|
margin-left: -1.5em !important;
|
|
background: #a93a65 !important;
|
|
color: #fff !important;
|
|
font-size: 12px !important;
|
|
line-height: 24px !important;
|
|
border-color: #a93a65 !important;
|
|
}
|
|
.lepopup-col-width {
|
|
padding-left: 0 !important;
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
.lepopup-col-width label {
|
|
display: table-cell;
|
|
max-width: 40px;
|
|
min-width: 40px;
|
|
width: 40px;
|
|
margin-bottom: 0;
|
|
font-weight: 400;
|
|
}
|
|
.lepopup-col-width>div {
|
|
display: table-cell;
|
|
width: 100%
|
|
}
|
|
.lepopup-properties-content .mce-tinymce {
|
|
box-shadow: none !important;
|
|
}
|
|
.lepopup-properties-content .mce-tinymce .mce-top-part::before {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.lepopup-properties-content .wp-editor-container {
|
|
box-shadow: none;
|
|
}
|
|
.lepopup-properties-content .mce-notification-inner {
|
|
z-index: 9999999;
|
|
}
|
|
.lepopup-properties-content .wp-editor-container textarea {
|
|
border: none;
|
|
}
|
|
.lepopup-properties-content .wp-editor-tabs * {
|
|
box-sizing: content-box;
|
|
}
|
|
.lepopup-properties-content .mce-btn.mce-active button, .lepopup-properties-content .mce-btn.mce-active:hover button, .lepopup-properties-content .mce-btn.mce-active i, .lepopup-properties-content .mce-btn.mce-active:hover i {
|
|
color: #444;
|
|
}
|
|
.lepopup-properties-content .wp-core-ui {
|
|
padding-left: 0 !important;
|
|
}
|
|
.lepopup-shortcode-selector .lepopup-shortcode-selector-button {
|
|
width: 36px;
|
|
height: 36px;
|
|
position: absolute;
|
|
left: -36px;
|
|
top: 40px;
|
|
background: #f5f5f5;
|
|
color: #444;
|
|
border: 1px solid #ddd;
|
|
border-right: none;
|
|
border-radius: 3px 0 0 3px;
|
|
line-height: 36px;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
cursor: pointer;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
}
|
|
.lepopup-shortcode-selector .lepopup-shortcode-selector-button:hover,
|
|
.lepopup-shortcode-selector:hover .lepopup-shortcode-selector-button {
|
|
background: #fff;
|
|
border-color: #f5f5f5;
|
|
color: #a93a65;
|
|
}
|
|
.lepopup-textarea-shortcode-selector .lepopup-shortcode-selector {
|
|
height: 100%;
|
|
position: absolute !important;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.lepopup-input-shortcode-selector {
|
|
position: relative;
|
|
}
|
|
.lepopup-input-shortcode-selector .lepopup-shortcode-selector {
|
|
height: 100%;
|
|
position: absolute !important;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
.lepopup-input-shortcode-selector input, .lepopup-input-shortcode-selector textarea {
|
|
padding-right: 40px !important;
|
|
}
|
|
.lepopup-shortcode-selector ul {
|
|
width: 200px;
|
|
position: absolute;
|
|
background: #fff;
|
|
color: #444;
|
|
border: 1px solid #ddd;
|
|
display: none;
|
|
padding-left: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
z-index: 9;
|
|
box-shadow: 2px 2px 10px -7px rgba(0,0,0,0.9);
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
}
|
|
.lepopup-shortcode-selector ul.lepopup-shortcode-selector-list-wysiwyg {
|
|
max-height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.lepopup-shortcode-selector ul.lepopup-shortcode-selector-list-input {
|
|
right: 40px;
|
|
top: -120px;
|
|
max-height: 280px;
|
|
}
|
|
.lepopup-textarea-shortcode-selector .lepopup-shortcode-selector ul.lepopup-shortcode-selector-list-input {
|
|
left: 0;
|
|
right: auto;
|
|
top: -120px;
|
|
max-height: 280px;
|
|
}
|
|
|
|
|
|
.lepopup-shortcode-selector:hover ul {
|
|
display: block;
|
|
}
|
|
.lepopup-shortcode-selector ul::-webkit-scrollbar {
|
|
width: 5px;
|
|
}
|
|
.lepopup-shortcode-selector ul::-webkit-scrollbar-track {
|
|
box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
|
|
}
|
|
.lepopup-shortcode-selector ul::-webkit-scrollbar-thumb {
|
|
background-color: #bd4070;
|
|
}
|
|
.lepopup-shortcode-selector ul li.lepopup-shortcode-selector-group {
|
|
margin: 0;
|
|
padding: 0.7em 0.8em 0.3em 0.8em;
|
|
color: #444;
|
|
background: #fff;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
.lepopup-shortcode-selector ul li.lepopup-shortcode-selector-list-item {
|
|
margin: 0;
|
|
padding: 0.5em 0.5em 0.5em 1.5em;
|
|
color: #444;
|
|
background: #fff;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
}
|
|
.lepopup-shortcode-selector ul li.lepopup-shortcode-selector-list-item:hover {
|
|
background: #a93a65;
|
|
color: #fff;
|
|
}
|
|
.lepopup-shortcode-selector ul li.lepopup-shortcode-selector-list-item:active {
|
|
transform: scale(0.95);
|
|
}
|
|
.lepopup-shortcode-selector-list-item-form-data {
|
|
display: none;
|
|
}
|
|
.lepopup-properties-content-notifications .lepopup-textarea-shortcode-selector .lepopup-shortcode-selector-list-input>li.lepopup-shortcode-selector-list-item-form-data {
|
|
display: block !important;
|
|
}
|
|
.lepopup-shortcode-selector-list-input>li.lepopup-shortcode-selector-list-item-form-data {
|
|
display: none !important;
|
|
}
|
|
|
|
.lepopup-properties-logic-header {
|
|
margin-bottom: 10px;
|
|
}
|
|
.lepopup-properties-logic-buttons {
|
|
border-top: 3px solid #a93a65;
|
|
padding-top: 5px;
|
|
text-align: right;
|
|
}
|
|
.lepopup-properties-logic-rules {
|
|
padding: 0 !important;
|
|
}
|
|
.lepopup-properties-logic-rule {
|
|
padding: 10px;
|
|
margin-bottom: 10px;
|
|
background: #f8f8f8;
|
|
border-radius: 3px;
|
|
border: 1px solid #ccc;
|
|
}
|
|
.lepopup-properties-logic-rule-table {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
.lepopup-properties-logic-rule-table>div {
|
|
display: table-cell;
|
|
width: 33.3333%;
|
|
padding-right: 10px;
|
|
text-align: right;
|
|
vertical-align: middle;
|
|
font-size: 16px;
|
|
}
|
|
.lepopup-properties-logic-rule-table>div:last-of-type {
|
|
padding-right: 0;
|
|
}
|
|
.lepopup-properties-logic-rule-table>div span {
|
|
margin-left: 10px;
|
|
color: #888;
|
|
cursor: pointer;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
}
|
|
.lepopup-properties-logic-rule-table>div span:hover {
|
|
color: #a93a65;
|
|
}
|
|
.lepopup-properties-logic-rule-table>div input[type='text'], .lepopup-properties-logic-rule-table>div select {
|
|
font-size: 14px;
|
|
}
|
|
.lepopup-properties-inline-error {
|
|
display: inline-block;
|
|
line-height: 1.4;
|
|
border-radius: 4px;
|
|
padding: 0;
|
|
box-shadow: 1px 1px 10px -4px #000;
|
|
font-size: 15px;
|
|
color: #fff;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
text-decoration: none;
|
|
text-align: left;
|
|
background-color: #d9534f;
|
|
padding: 1em 1.5em !important;
|
|
}
|
|
.lepopup-properties-content-confirmations {
|
|
margin-top: 10px;
|
|
}
|
|
.lepopup-properties-content-notifications {
|
|
margin-top: 10px;
|
|
}
|
|
.lepopup-properties-content-integrations {
|
|
margin-top: 10px;
|
|
}
|
|
.lepopup-properties-content-payment-gateways {
|
|
margin-top: 10px;
|
|
}
|
|
.lepopup-properties-sub-item-placeholder {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
background: transparent;
|
|
border-radius: 3px;
|
|
border: 1px dashed #ccc;
|
|
}
|
|
.lepopup-properties-attachment-buttons {
|
|
padding-left: 0 !important;
|
|
}
|
|
.lepopup-properties-attachments {
|
|
padding: 0 !important;
|
|
}
|
|
.lepopup-properties-attachment {
|
|
padding: 10px;
|
|
margin-bottom: 10px;
|
|
background: #f8f8f8;
|
|
border-radius: 3px;
|
|
border: 1px solid #ccc;
|
|
}
|
|
.lepopup-properties-attachment-table {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
.lepopup-properties-attachment-table>div {
|
|
display: table-cell;
|
|
width: 50%;
|
|
padding-right: 10px;
|
|
text-align: right;
|
|
vertical-align: middle;
|
|
font-size: 16px;
|
|
}
|
|
.lepopup-properties-attachment-table>div:last-of-type {
|
|
padding-right: 0;
|
|
}
|
|
.lepopup-properties-attachment-table>div span {
|
|
margin-left: 10px;
|
|
color: #888;
|
|
cursor: pointer;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
}
|
|
.lepopup-properties-attachment-table>div span:hover {
|
|
color: #a93a65;
|
|
}
|
|
.lepopup-properties-attachment-table>div input[type='text'], .lepopup-properties-attachment-table>div select {
|
|
font-size: 14px !important;
|
|
padding: 0.6em 0.6em;
|
|
}
|
|
.lepopup-properties-attachment-table div.lepopup-media-id input[type='text'] {
|
|
padding-right: 40px;
|
|
}
|
|
/* Properies Popup - end */
|
|
|
|
/* Tabs - begin */
|
|
.lepopup-tabs {
|
|
border-bottom: 1px solid #ccc;
|
|
margin: 0;
|
|
padding-top: 9px;
|
|
padding-bottom: 0;
|
|
padding-left: 20px;
|
|
line-height: inherit;
|
|
display: block !important;
|
|
}
|
|
.lepopup-tabs:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
.lepopup-tab {
|
|
float: left;
|
|
border: 1px solid #ccc;
|
|
border-bottom: none;
|
|
margin-left: .5em;
|
|
padding: 0.3em 0.9em;
|
|
border-radius: 5px 5px 0 0;
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
line-height: 24px;
|
|
background: #f8f8f8;
|
|
color: #555;
|
|
text-decoration: none !important;
|
|
outline: none !important;
|
|
box-shadow: none !important;
|
|
transition-property: background;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
}
|
|
.lepopup-tab:focus, .lepopup-tab:focus:active, .lepopup-tab:hover {
|
|
background: #ffffff;
|
|
color: #555;
|
|
}
|
|
.lepopup-tabs-main .lepopup-tab:focus, .lepopup-tabs-main .lepopup-tab:focus:active, .lepopup-tabs-main .lepopup-tab:hover {
|
|
background: #f1f1f1;
|
|
color: #555;
|
|
}
|
|
.lepopup-tab-active, .lepopup-tab-active:focus, .lepopup-tab-active:focus:active, .lepopup-tab-active:hover {
|
|
border-bottom: 1px solid #ffffff;
|
|
background: #ffffff;
|
|
color: #555;
|
|
}
|
|
.lepopup-tabs-main .lepopup-tab-active, .lepopup-tabs-main .lepopup-tab-active:focus, .lepopup-tabs-main .lepopup-tab-active:focus:active, .lepopup-tabs-main .lepopup-tab-active:hover {
|
|
border-bottom: 1px solid #f1f1f1;
|
|
background: #f1f1f1;
|
|
color: #555;
|
|
}
|
|
.lepopup-tab-active {
|
|
margin-bottom: -1px;
|
|
color: #444;
|
|
}
|
|
.lepopup-tab-active, .lepopup-tab:focus:active {
|
|
box-shadow: none;
|
|
}
|
|
.lepopup-tab-content {
|
|
display: none;
|
|
position: relative;
|
|
}
|
|
/* Tabs - end */
|
|
|
|
/* Sections - begin */
|
|
.lepopup-sections {
|
|
margin: 0;
|
|
margin-top: 20px;
|
|
padding-bottom: 0;
|
|
padding-left: 20px;
|
|
line-height: inherit;
|
|
font-weight: normal;
|
|
}
|
|
.lepopup-sections a {
|
|
display: inline-block;
|
|
font-family: arial;
|
|
padding: 0.6em 1em;
|
|
font-size: 14px;
|
|
line-height: 1.4;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
-ms-touch-action: manipulation;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
background-image: none;
|
|
color: #444;
|
|
background: #f0f0f0;
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
text-decoration: none;
|
|
outline: none;
|
|
box-shadow: none;
|
|
margin-right: 10px;
|
|
}
|
|
.lepopup-sections a.lepopup-section-active, .lepopup-sections a.lepopup-section-active:hover, .lepopup-sections a.lepopup-section-active:active, .lepopup-sections a.lepopup-section-active:focus {
|
|
color: #fff;
|
|
background: #a93a65;
|
|
border-color: #a93a65;
|
|
position: relative;
|
|
}
|
|
.lepopup-sections a:hover {
|
|
border-color: #a93a65;
|
|
}
|
|
.lepopup-sections a::after {
|
|
transform: scale(0);
|
|
}
|
|
.lepopup-sections a.lepopup-section-active::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 50%;
|
|
width: 10px;
|
|
height: 10px;
|
|
margin-top: -5px;
|
|
margin-left: -5px;
|
|
background: #a93a65;
|
|
transform: rotate(45deg);
|
|
animation: lepopup-section-active-arrow 0.5s
|
|
}
|
|
@-webkit-keyframes lepopup-section-active-arrow {
|
|
0% {opacity: 0;}
|
|
60% {opacity: 0;}
|
|
100% {opacity: 1;}
|
|
}
|
|
@keyframes lepopup-section-active-arrow {
|
|
0% {opacity: 0;}
|
|
60% {opacity: 0;}
|
|
100% {opacity: 1;}
|
|
}
|
|
.lepopup-sections a i {
|
|
width: 1em;
|
|
text-align: center;
|
|
margin-right: 0.3em;
|
|
}
|
|
.lepopup-section-content {
|
|
display: none;
|
|
}
|
|
/* Sections - end */
|
|
|
|
/* Buttons - begin */
|
|
.lepopup-admin-button-container {
|
|
text-align: right;
|
|
margin: 10px 0;
|
|
}
|
|
.lepopup-admin-button {
|
|
display: inline-block;
|
|
font-family: arial;
|
|
padding: 0.6em 1em;
|
|
font-size: 14px;
|
|
line-height: 1.4;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
-ms-touch-action: manipulation;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
background-image: none;
|
|
border: 1px solid transparent;
|
|
border-radius: 3px;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
color: #fff;
|
|
background: #bd4070;
|
|
border: 1px solid #a93a65;
|
|
text-decoration: none;
|
|
outline: none;
|
|
box-shadow: none;
|
|
}
|
|
.lepopup-admin-button-gray {
|
|
color: #444;
|
|
background: #f0f0f0;
|
|
border: 1px solid #ccc;
|
|
}
|
|
.lepopup-admin-button-small {
|
|
font-size: 12px;
|
|
padding: 0.5em 1em;
|
|
}
|
|
.lepopup-admin-button-large {
|
|
font-size: 16px;
|
|
padding: 0.6em 1em;
|
|
}
|
|
.lepopup-admin-button-disabled {
|
|
opacity: 0.3;
|
|
cursor: default !important;
|
|
}
|
|
.lepopup-admin-button-disabled label {
|
|
cursor: default !important;
|
|
}
|
|
.lepopup-admin-button:active {
|
|
background-image: none;
|
|
outline: 0;
|
|
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
|
|
box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
|
|
text-decoration: none;
|
|
color: #fff;
|
|
background: #a93a65;
|
|
background-image: none;
|
|
outline: none;
|
|
box-shadow: none;
|
|
transform:translateY(2px);
|
|
-webkit-transform:translateY(2px);
|
|
}
|
|
.lepopup-admin-button-gray:active {
|
|
color: #222;
|
|
background: #e8e8e8;
|
|
border: 1px solid #ccc;
|
|
}
|
|
.lepopup-admin-button:hover, .lepopup-admin-button:focus {
|
|
text-decoration: none;
|
|
color: #fff;
|
|
background: #a93a65;
|
|
background-image: none;
|
|
outline: none;
|
|
box-shadow: none;
|
|
}
|
|
.lepopup-admin-button-gray:hover, .lepopup-admin-button-gray:focus {
|
|
color: #333;
|
|
background: #e8e8e8;
|
|
border: 1px solid #ccc;
|
|
}
|
|
.lepopup-admin-button label {
|
|
display: inline-block;
|
|
margin-left: 8px;
|
|
vertical-align: middle;
|
|
margin-bottom: 0;
|
|
font-weight: 400;
|
|
}
|
|
.lepopup-admin-button i {
|
|
vertical-align: middle;
|
|
}
|
|
.lepopup-admin-buttons-create {
|
|
text-align: center;
|
|
margin-top: 20px;
|
|
}
|
|
.lepopup-admin-button-create {
|
|
font-size: 16px;
|
|
padding: 0 1.6em;
|
|
line-height: 50px;
|
|
}
|
|
/* Buttons - end */
|
|
|
|
/* Layers List - begin */
|
|
.lepopup-layers {
|
|
position: absolute !important;
|
|
right: 0;
|
|
top: 160px;
|
|
z-index: 3000;
|
|
width: 320px;
|
|
height: auto !important;
|
|
background: #fcfcfc;
|
|
box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.9)
|
|
}
|
|
.lepopup-layers h4 {
|
|
background: #bd4070;
|
|
margin: 0;
|
|
padding: 1em 1.5em;
|
|
color: #fff;
|
|
font-weight: 700;
|
|
font-size: 15px;
|
|
text-transform: uppercase;
|
|
cursor: move;
|
|
}
|
|
.lepopup-layers h4 i {
|
|
float: right;
|
|
color: rgba(255,255,255,0.3);
|
|
font-size: 18px;
|
|
margin-top: -1px;
|
|
margin-right: -8px;
|
|
}
|
|
.lepopup-layers-list {
|
|
text-align: left;
|
|
line-height: 1.4;
|
|
display: block;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.lepopup-layers-list li {
|
|
position: relative;
|
|
display: block;
|
|
font-size: 15px;
|
|
padding: 0.7em 1.5em;
|
|
background: #f8f8f8;
|
|
border-top: 1px solid #f0f0f0;
|
|
border-left: 1px solid #f0f0f0;
|
|
border-bottom: 1px solid #f4f4f4;
|
|
border-right: 1px solid #f4f4f4;
|
|
margin: 0px;
|
|
overflow: hidden;
|
|
cursor: pointer;
|
|
transition-property: color, border, background;
|
|
-webkit-transition-property: color, border, background;
|
|
transition-duration: .2s;
|
|
-webkit-transition-duration: .2s;
|
|
}
|
|
.lepopup-layers-list li:hover,
|
|
.lepopup-layers-list li.lepopup-layer-hovered {
|
|
background: rgba(169, 58, 101, 0.1);
|
|
border-color: rgba(169, 58, 101, 0.1) !important;
|
|
}
|
|
.lepopup-layers-list li.lepopup-layer-selected {
|
|
background: rgba(169, 58, 101, 0.2);
|
|
border-color: rgba(169, 58, 101, 0.2) !important;
|
|
}
|
|
.lepopup-layers span {
|
|
position: relative;
|
|
display: block;
|
|
font-size: 13px;
|
|
font-style: italic;
|
|
color: #c0c0c0;
|
|
padding: 0.7em 1.5em;
|
|
background: #fcfcfc;
|
|
border-top: 1px solid #f0f0f0;
|
|
border-left: 1px solid #f0f0f0;
|
|
border-bottom: 1px solid #f4f4f4;
|
|
border-right: 1px solid #f4f4f4;
|
|
margin: 0px;
|
|
overflow: hidden;
|
|
cursor: pointer;
|
|
transition-duration: .2s;
|
|
-webkit-transition-duration: .2s;
|
|
}
|
|
/* Layers List - end */
|
|
|
|
/* FA begin */
|
|
.lepopup-fa-selector-overlay {
|
|
position: fixed !important;
|
|
z-index: 99988;
|
|
top: 0px;
|
|
left: 0px;
|
|
height: 100%;
|
|
width: 100%;
|
|
background-position: center center;
|
|
background: rgba(0,0,0,0.8);
|
|
display: none;
|
|
}
|
|
.lepopup-fa-selector {
|
|
position: fixed !important;
|
|
box-sizing: border-box;
|
|
z-index: 99989;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 925px;
|
|
height: 600px;
|
|
background: #ffffff;
|
|
transform:translate(-50%, -50%);
|
|
-webkit-transform:translate(-50%, -50%);
|
|
box-shadow: 3px 3px 20px -5px #000000;
|
|
display: none;
|
|
overflow: hidden;
|
|
}
|
|
.lepopup-fa-selector * {
|
|
box-sizing: border-box;
|
|
}
|
|
.lepopup-fa-selector-inner {
|
|
height: 600px;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
}
|
|
.lepopup-fa-selector-header {
|
|
box-sizing: border-box;
|
|
height: 72px;
|
|
line-height: 72px;
|
|
padding: 0 0 0 20px;
|
|
text-align: left;
|
|
border-bottom: 1px solid #ffffff;
|
|
background: #ffffff;
|
|
}
|
|
.lepopup-fa-selector-header input[type="text"] {
|
|
box-sizing: border-box;
|
|
margin: 30px 0 0 10px;
|
|
line-height: 32px;
|
|
padding: 0;
|
|
width: 50%;
|
|
font-size: 16px;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 2px solid #e0e0e0;
|
|
outline: none;
|
|
box-shadow: none;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
}
|
|
.lepopup-fa-selector-header input[type="text"]:focus {
|
|
border-bottom: 2px solid #bd4070;
|
|
}
|
|
.lepopup-fa-selector-header a {
|
|
display: block;
|
|
float: right;
|
|
font-size: 20px;
|
|
width: 52px;
|
|
height: 52px;
|
|
line-height: 52px;
|
|
color: #202020;
|
|
text-align: center;
|
|
text-shadow: none !important;
|
|
box-shadow: none !important;
|
|
outline: none !important;
|
|
border: none !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
transition-property: all;
|
|
transition-timing-function: ease-in-out;
|
|
transition-duration: 300ms;
|
|
}
|
|
.lepopup-fa-selector-header a:hover {
|
|
color: #bd4070;
|
|
}
|
|
.lepopup-fa-selector-content {
|
|
height: 528px;
|
|
padding: 10px 20px;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
background: #ffffff;
|
|
}
|
|
.lepopup-fa-selector-content::-webkit-scrollbar {
|
|
width: 5px;
|
|
}
|
|
.lepopup-fa-selector-content::-webkit-scrollbar-track {
|
|
box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
|
|
}
|
|
.lepopup-fa-selector-content::-webkit-scrollbar-thumb {
|
|
background-color: #bd4070;
|
|
}
|
|
|
|
.lepopup-fa-selector-content span {
|
|
float: left;
|
|
width: 40px;
|
|
text-align: center;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
color: #000;
|
|
opacity: 0.5;
|
|
font-size: 20px;
|
|
cursor: pointer;
|
|
}
|
|
.lepopup-fa-selector-content span:hover {
|
|
transform: scale(1);
|
|
-webkit-transform: scale(1.3);
|
|
opacity: 1;
|
|
border-radius: 3px;
|
|
background: #444444;
|
|
color: #ffffff;
|
|
overflow: hidden;
|
|
transition-property: transform;
|
|
transition-timing-function: ease-in-out;
|
|
transition-duration: 300ms;
|
|
}
|
|
/* FA - end */
|
|
/* Bulk Options - begin */
|
|
#lepopup-bulk-options-overlay {
|
|
z-index: 99988;
|
|
}
|
|
#lepopup-bulk-options {
|
|
z-index: 99989;
|
|
}
|
|
#lepopup-bulk-options .lepopup-admin-popup-content-form {
|
|
padding: 20px;
|
|
}
|
|
.lepopup-bulk-options-container:before, .lepopup-bulk-options-container:after {
|
|
content: " ";
|
|
display: block;
|
|
}
|
|
.lepopup-bulk-options-container:after {
|
|
clear: both;
|
|
}
|
|
.lepopup-bulk-categories {
|
|
float: left;
|
|
width: 48%;
|
|
}
|
|
.lepopup-bulk-categories ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
}
|
|
.lepopup-bulk-categories ul li {
|
|
display: block;
|
|
float: left;
|
|
width: 48%;
|
|
margin: 1%;
|
|
border: 1px solid #ccc;
|
|
background: #f0f0f0;
|
|
padding: 1em 1.3em;
|
|
cursor: pointer;
|
|
border-radius: 3px;
|
|
color: #444;
|
|
transition-duration: 300ms;
|
|
-webkit-transition-duration: 300ms;
|
|
}
|
|
.lepopup-bulk-categories ul li:hover {
|
|
background: #e8e8e8;
|
|
color: #222;
|
|
}
|
|
.lepopup-bulk-categories ul li:active {
|
|
transform:scale(0.95);
|
|
-webkit-transform:scale(0.95);
|
|
}
|
|
.lepopup-bulk-editor {
|
|
float: right;
|
|
width: 50%;
|
|
}
|
|
.lepopup-bulk-editor textarea {
|
|
width: 100%;
|
|
height: 300px !important;
|
|
line-height: 1.4;
|
|
}
|
|
.lepopup-bulk-editor textarea::-webkit-scrollbar {
|
|
width: 5px;
|
|
}
|
|
.lepopup-bulk-editor textarea::-webkit-scrollbar-track {
|
|
box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
|
|
}
|
|
.lepopup-bulk-editor textarea::-webkit-scrollbar-thumb {
|
|
background-color: #bd4070;
|
|
}
|
|
.lepopup-bulk-options-text {
|
|
margin: 10px;
|
|
font-style: italic;
|
|
font-size: 15px;
|
|
}
|
|
/* Bulk Options - end */
|
|
/* Context Menu - begin */
|
|
.lepopup-context-menu {
|
|
position: absolute;
|
|
z-index: 999;
|
|
top: 0;
|
|
left: 0;
|
|
display: none;
|
|
background: #fff;
|
|
border: 1px solid #c0c0c0;
|
|
box-sizing: border-box;
|
|
width: 200px;
|
|
box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.9);
|
|
}
|
|
.lepopup-body-shifted .lepopup-context-menu {
|
|
margin-left: 420px;
|
|
}
|
|
.lepopup-context-menu-high-priority {
|
|
z-index: 999999;
|
|
}
|
|
.lepopup-context-menu ul {
|
|
white-space: nowrap;
|
|
display: block;
|
|
height: auto;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.lepopup-context-menu ul li {
|
|
text-align: left;
|
|
position: relative;
|
|
height: 32px;
|
|
display: block;
|
|
line-height: 32px;
|
|
letter-spacing: normal;
|
|
background-color: transparent;
|
|
font-family: arial;
|
|
color: #2f353b;
|
|
font-size: 13px;
|
|
margin: 0;
|
|
}
|
|
.lepopup-context-menu ul li.lepopup-context-menu-line {
|
|
height: 1px;
|
|
display: block;
|
|
line-height: 1px;
|
|
background-color: #e0e0e0;
|
|
margin: 0;
|
|
}
|
|
.lepopup-context-menu ul li a {
|
|
display: block;
|
|
color: #2f353b;
|
|
cursor: pointer !important;
|
|
text-decoration: none !important;
|
|
box-shadow: none !important;
|
|
outline: none !important;
|
|
padding: 0 1em;
|
|
}
|
|
.lepopup-context-menu ul li:hover>a {
|
|
color: #a93a65;
|
|
background: #f8f8f8;
|
|
}
|
|
.lepopup-context-menu ul li a i {
|
|
width: 1em;
|
|
margin-right: 0.5em;
|
|
}
|
|
.lepopup-context-menu ul li a i.fa-caret-right {
|
|
float: right;
|
|
line-height: inherit;
|
|
margin-right: -10px;
|
|
}
|
|
.lepopup-context-menu ul li ul {
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
right: -160px;
|
|
width: 100px;
|
|
background: #fff;
|
|
border: 1px solid #c0c0c0;
|
|
box-sizing: border-box;
|
|
width: 160px;
|
|
box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.9);
|
|
}
|
|
.lepopup-context-menu ul li:hover ul {
|
|
display: block;
|
|
}
|
|
.lepopup-context-menu ul li ul li {
|
|
overflow: hidden;
|
|
}
|
|
/* Context Menu end */
|
|
|
|
|
|
.lepopup-admin {
|
|
font-family: arial;
|
|
margin: 10px 20px 20px 0px;
|
|
position: relative;
|
|
/* border: 1px solid #c0c0c0; */
|
|
}
|
|
.lepopup-admin>h2, .lepopup-admin>h1 {
|
|
font-size: 23px;
|
|
font-weight: 400;
|
|
margin: 0;
|
|
padding: 9px 0 4px;
|
|
line-height: 29px;
|
|
margin-bottom: 20px !important;
|
|
}
|
|
#uap-body .lepopup-admin>h2, #uap-body .lepopup-admin>h1 {
|
|
padding: 0;
|
|
}
|
|
#uap-body .wp-picker-container+em {
|
|
display: block;
|
|
}
|
|
|
|
.lepopup-admin-editor * {
|
|
box-sizing: border-box;
|
|
}
|
|
.lepopup-header {
|
|
background: #444;
|
|
height: 56px;
|
|
line-height: 56px;
|
|
}
|
|
.lepopup-header-settings,
|
|
.lepopup-header-using {
|
|
display: inline-block;
|
|
float: left;
|
|
width: 56px;
|
|
height: 56px;
|
|
}
|
|
.lepopup-header-using {
|
|
float: right;
|
|
}
|
|
.lepopup-header-settings>span,
|
|
.lepopup-header-using>span {
|
|
display: inline-block;
|
|
width: 56px;
|
|
cursor: pointer;
|
|
color: #fff;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
background: transparent;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
}
|
|
.lepopup-header-settings>span:hover,
|
|
.lepopup-header-using>span:hover {
|
|
background: #a93a65;
|
|
}
|
|
.lepopup-header-save {
|
|
display: inline-block;
|
|
float: right;
|
|
height: 56px;
|
|
}
|
|
.lepopup-header-save>span {
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
color: #fff;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
background: #bd4070;
|
|
padding: 0 1.5em;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
|
|
}
|
|
.lepopup-header-save>span>i {
|
|
width: 1em;
|
|
margin-right: 0.5em;
|
|
}
|
|
.lepopup-header-save>span:hover {
|
|
background: #a93a65;
|
|
}
|
|
.lepopup-header-slug {
|
|
display: inline-block;
|
|
float: left;
|
|
height: 56px;
|
|
min-width: 320px;
|
|
margin-left: 32px;
|
|
}
|
|
.lepopup-header-slug input, .lepopup-header-slug input:focus {
|
|
border-radius: 3px;
|
|
border: 1px solid #666;
|
|
background: rgba(0,0,0,.1);
|
|
width: 100%;
|
|
color: #fff;
|
|
padding: 0 1em;
|
|
margin: 0;
|
|
box-shadow: none;
|
|
box-sizing: border-box;
|
|
line-height: 2;
|
|
min-height: 30px;}
|
|
/*
|
|
.lepopup-canvas-items {
|
|
white-space: nowrap;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
float: right;
|
|
}
|
|
.lepopup-canvas-items>li {
|
|
display: inline-block;
|
|
}
|
|
.lepopup-canvas-light {
|
|
background: #f8f8f8 url(../images/builder-bg-light-2.png) 0 0 repeat;
|
|
}
|
|
.lepopup-canvas-dark {
|
|
background: #404040 url(../images/builder-bg-dark-2.png) 0 0 repeat;
|
|
}
|
|
.lepopup-canvas-items>li>span {
|
|
display: block;
|
|
width: 32px;
|
|
height: 32px;
|
|
border: 1px solid #d4d4d4;
|
|
border-radius: 3px;
|
|
overflow: hidden;
|
|
}
|
|
*/
|
|
.lepopup-toolbar {
|
|
background: #fff;
|
|
border-bottom: 1px solid #d4d4d4;
|
|
border-left: 1px solid #d4d4d4;
|
|
border-right: 1px solid #d4d4d4;
|
|
}
|
|
.lepopup-toolbar-list {
|
|
white-space: nowrap;
|
|
/*overflow: hidden;*/
|
|
height: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
}
|
|
.lepopup-toolbar-list::after {
|
|
display: table;
|
|
content: ' ';
|
|
clear: both;
|
|
}
|
|
.lepopup-toolbar-list>li {
|
|
position: relative;
|
|
height: 38px;
|
|
width: 38px;
|
|
line-height: 38px;
|
|
margin: 0;
|
|
padding: 0;
|
|
float: left;
|
|
}
|
|
.lepopup-toolbar-list>li>a {
|
|
text-align: center;
|
|
height: 38px;
|
|
width: 38px;
|
|
display: inline-block;
|
|
line-height: 38px;
|
|
cursor: pointer;
|
|
font-size: 15px;
|
|
letter-spacing: normal;
|
|
background-color: transparent;
|
|
color: #2f353b;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-decoration: none !important;
|
|
box-shadow: none !important;
|
|
outline: none !important;
|
|
border: none !important;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
}
|
|
.lepopup-toolbar-list>li>a:hover {
|
|
color: #a93a65;
|
|
background: #f8f8f8;
|
|
}
|
|
.lepopup-toolbar-list>li>ul {
|
|
position: absolute;
|
|
z-index: 99;
|
|
top: 38px;
|
|
left: 0px;
|
|
display: none;
|
|
background: #fff;
|
|
border: 1px solid #ccc;
|
|
box-sizing: border-box;
|
|
width: 120px;
|
|
box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.9);
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.lepopup-toolbar-list>li:hover>ul {
|
|
display: block;
|
|
}
|
|
.lepopup-toolbar-list>li>ul>li {
|
|
text-align: left;
|
|
position: relative;
|
|
height: 32px;
|
|
display: block;
|
|
line-height: 32px;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.lepopup-toolbar-list>li>ul>li>a {
|
|
text-align: left;
|
|
height: 32px;
|
|
display: block;
|
|
line-height: 32px;
|
|
letter-spacing: normal;
|
|
background-color: transparent;
|
|
font-family: arial;
|
|
color: #2f353b;
|
|
font-size: 13px;
|
|
margin: 0;
|
|
padding: 0 10px;
|
|
text-decoration: none !important;
|
|
box-shadow: none !important;
|
|
outline: none !important;
|
|
border: none !important;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
|
|
}
|
|
.lepopup-toolbar-list>li>ul>li>a:hover {
|
|
color: #a93a65;
|
|
background: #f8f8f8;
|
|
}
|
|
.lepopup-toolbar-tooltip {
|
|
font-size: 14px !important;
|
|
/* text-transform: uppercase;*/
|
|
z-index: 99999 !important;
|
|
}
|
|
|
|
.lepopup-pages-bar {
|
|
height: auto;
|
|
line-height: 48px;
|
|
background: #f4f4f4;
|
|
border-left: 1px solid #d4d4d4;
|
|
border-right: 1px solid #d4d4d4;
|
|
border-bottom: 1px solid #d4d4d4;
|
|
overflow: hidden;
|
|
}
|
|
.lepopup-pages-bar-items {
|
|
height: auto;
|
|
margin: -1px 0 0 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
}
|
|
.lepopup-pages-bar-items::after {
|
|
display: table;
|
|
content: ' ';
|
|
clear: both;
|
|
}
|
|
.lepopup-pages-bar-items>li {
|
|
position: relative;
|
|
height: 48px;
|
|
line-height: 48px;
|
|
margin: 1px 0 0 0;
|
|
padding: 0;
|
|
outline: 1px solid #d4d4d4;
|
|
outline-offset: 0px;
|
|
background: #f4f4f4;
|
|
float: left;
|
|
cursor: default;
|
|
transition-property: background;
|
|
-webkit-transition-property: background;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
white-space: nowrap;
|
|
min-width: 80px;
|
|
}
|
|
.lepopup-pages-bar-items>li:hover {
|
|
background: #f0f0f0;
|
|
}
|
|
.lepopup-pages-bar-item-placeholder {
|
|
border-right: 1px solid #d4d4d4;
|
|
}
|
|
.lepopup-pages-bar-item-helper {
|
|
border: 1px solid #d4d4d4 !important;
|
|
}
|
|
.lepopup-pages-bar-items>li label {
|
|
line-height: inherit;
|
|
display: block;
|
|
vertical-align: top;
|
|
overflow: hidden;
|
|
max-width: 160px;
|
|
cursor: pointer;
|
|
margin-bottom: 0;
|
|
font-weight: 400;
|
|
padding: 0 1em;
|
|
text-align: center;
|
|
}
|
|
.lepopup-pages-bar-items>li span {
|
|
display: inline-block;
|
|
line-height: 48px;
|
|
height: 43px;
|
|
vertical-align: top;
|
|
transition-property: width;
|
|
-webkit-transition-property: width;
|
|
transition-duration: .2s;
|
|
-webkit-transition-duration: .2s;
|
|
overflow: hidden;
|
|
width: 0;
|
|
text-align: right;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
padding: 0;
|
|
background: rgba(240,240,240,0.7);
|
|
}
|
|
.lepopup-pages-bar-items>li.lepopup-pages-bar-item-active,
|
|
.lepopup-pages-bar-items>li.lepopup-pages-bar-item-active.lepopup-pages-bar-item-confirmation {
|
|
border-bottom: 3px solid #a93a65;
|
|
}
|
|
.lepopup-pages-bar-items>li.lepopup-pages-bar-item-helper span,
|
|
/*.lepopup-pages-bar-items>li.lepopup-pages-bar-item-active span,*/
|
|
.lepopup-pages-bar-items>li:hover span {
|
|
width: 56px;
|
|
}
|
|
.lepopup-pages-bar-items>li.lepopup-pages-bar-item-helper.lepopup-pages-bar-item-confirmation span,
|
|
/*.lepopup-pages-bar-items>li.lepopup-pages-bar-item-active.lepopup-pages-bar-item-confirmation span,*/
|
|
.lepopup-pages-bar-items>li.lepopup-pages-bar-item-confirmation:hover span {
|
|
width: 32px;
|
|
}
|
|
.lepopup-pages-bar-items>li span a, .lepopup-pages-bar-items>li span a:visited {
|
|
display: inline-block;
|
|
font-size: 20px;
|
|
margin: 0 0.2em;
|
|
color: #666;
|
|
outline: none !important;
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
text-decoration: none !important;
|
|
}
|
|
.lepopup-pages-bar-items>li span a:hover i, .lepopup-pages-bar-items>li span a:active i {
|
|
color: #a93a65;
|
|
}
|
|
.lepopup-pages-bar-items>li span a i {
|
|
line-height: inherit;
|
|
vertical-align: top;
|
|
transition-property: color;
|
|
-webkit-transition-property: color;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
}
|
|
.lepopup-pages-bar-items>li span a:hover i.fa-trash, .lepopup-pages-bar-items>li span a:active i.fa-trash {
|
|
color: #E04000;
|
|
}
|
|
.lepopup-pages-bar-items>li span a i.fa-trash{
|
|
font-size: 16px;
|
|
}
|
|
.lepopup-pages-bar-item-delete-disabled i {
|
|
color: #ccc !important;
|
|
cursor: default !important;
|
|
}
|
|
.lepopup-builder {
|
|
overflow: hidden;
|
|
background: #f8f8f8 url(../images/builder-bg-light-2.png) 0 0 repeat;
|
|
padding: 20px 20px 60px 20px;
|
|
border-bottom: 1px solid #d4d4d4;
|
|
border-left: 1px solid #d4d4d4;
|
|
border-right: 1px solid #d4d4d4;
|
|
min-height: -webkit-fill-available;
|
|
}
|
|
.lepopup-form {
|
|
position: relative;
|
|
margin: 0px auto;
|
|
display: none;
|
|
}
|
|
.lepopup-basic-frame {
|
|
margin: 80px auto 240px auto;
|
|
outline: 2px dashed #808080;
|
|
border: none;
|
|
position: relative;
|
|
}
|
|
.lepopup-elements {
|
|
position: relative;
|
|
}
|
|
.lepopup-element {
|
|
outline: 1px dashed #aaa;
|
|
padding: 0;
|
|
display: block !important;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition-property: outline;
|
|
-webkit-transition-property: outline;
|
|
transition-duration: 0.2ms;
|
|
-webkit-transition-duration: 0.2ms;
|
|
}
|
|
.lepopup-element:hover,
|
|
.lepopup-element-hovered,
|
|
.lepopup-element-selected {
|
|
outline: 2px solid #bd4070 !important;
|
|
}
|
|
.lepopup-element::before {
|
|
display: table;
|
|
content: ' ';
|
|
}
|
|
.lepopup-element::after {
|
|
clear: both;
|
|
display: table;
|
|
content: ' ';
|
|
}
|
|
.lepopup-element-cover {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
}
|
|
div.lepopup-element-checkbox-container div.lepopup-element-cover {
|
|
display: none !important;
|
|
}
|
|
.lepopup-element-placeholder {
|
|
background: transparent;
|
|
border-radius: 3px;
|
|
border: 1px dashed #bd4070;
|
|
background-color: #bd4070;
|
|
opacity: 0.2;
|
|
height: 40px;
|
|
}
|
|
.lepopup-element-helper {
|
|
height: 40px !important;
|
|
width: 160px !important;
|
|
overflow: hidden !important;
|
|
}
|
|
.lepopup-element-helper .lepopup-element-cover {
|
|
display: block;
|
|
background: white;
|
|
}
|
|
.lepopup-col {
|
|
padding: 10px 10px !important;
|
|
float: left;
|
|
outline: 1px dashed #ccc;
|
|
}
|
|
.lepopup-col .lepopup-element:first-of-type {
|
|
margin-top: 0;
|
|
}
|
|
.lepopup-col .lepopup-element:last-of-type {
|
|
margin-bottom: 0;
|
|
}
|
|
.lepopup-col-1 {
|
|
width: 8.33333333%;
|
|
}
|
|
.lepopup-col-2 {
|
|
width: 16.66666666%;
|
|
}
|
|
.lepopup-col-3 {
|
|
width: 25%;
|
|
}
|
|
.lepopup-col-4 {
|
|
width: 33.33333333%;
|
|
}
|
|
.lepopup-col-5 {
|
|
width: 41.66666666%;
|
|
}
|
|
.lepopup-col-6 {
|
|
width: 50%;
|
|
}
|
|
.lepopup-col-7 {
|
|
width: 58.33333333%;
|
|
}
|
|
.lepopup-col-8 {
|
|
width: 66.66666666%;
|
|
}
|
|
.lepopup-col-9 {
|
|
width: 75%;
|
|
}
|
|
.lepopup-col-10 {
|
|
width: 83.33333333%;
|
|
}
|
|
.lepopup-col-11 {
|
|
width: 91.66666666%;
|
|
}
|
|
.lepopup-col-12 {
|
|
width: 100%;
|
|
}
|
|
|
|
#lepopup-global-message {
|
|
position: fixed;
|
|
top: 50px;
|
|
right: 10px;
|
|
display: none;
|
|
z-index: 9999999;
|
|
padding: 1em 1.5em;
|
|
border-radius: 3px;
|
|
font-size: 15px;
|
|
line-height: 1.4;
|
|
vertical-align: middle;
|
|
font-weight: 400;
|
|
box-shadow: 2px 2px 10px -6px #000000;
|
|
}
|
|
#uap-body #lepopup-global-message {
|
|
top: 16px !important;
|
|
}
|
|
.lepopup-global-message-info {
|
|
color: #fff;
|
|
background: #5bc0de;
|
|
}
|
|
.lepopup-global-message-success {
|
|
color: #fff;
|
|
background: #5cb85c;
|
|
}
|
|
.lepopup-global-message-danger {
|
|
color: #fff;
|
|
background: #d9534f;
|
|
}
|
|
.lepopup-top-forms {
|
|
overflow: hidden;
|
|
height: 100%;
|
|
}
|
|
.lepopup-top-form-left {
|
|
float: left;
|
|
}
|
|
.lepopup-top-form-right {
|
|
float: right;
|
|
}
|
|
.lepopup-filter-form {
|
|
margin-bottom: 10px;
|
|
}
|
|
.lepopup-filter-form .button-secondary {
|
|
height: 32px;
|
|
font-size: 14px;
|
|
box-shadow: none !important;
|
|
outline: none !important;
|
|
padding: 0 1em;
|
|
}
|
|
.lepopup-filter-form input[type="text"], .lepopup-filter-form select, .lepopup_records input[type="text"], .lepopup input[type="text"], .lepopup input[type="email"], .lepopup input[type="password"], .lepopup select, .lepopup textarea {
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
border-radius: 2px;
|
|
padding: 0.5em 0.8em;
|
|
border: 1px solid #CCC;
|
|
border-spacing: 0;
|
|
font-family: arial, verdana;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
background-color: #FFF;
|
|
height: auto;
|
|
min-width: 0px;
|
|
max-width: 100%;
|
|
box-shadow: none;
|
|
}
|
|
.lepopup-filter-form input[type="text"], .lepopup_records input[type="text"], .lepopup input[type="text"], .lepopup input[type="email"], .lepopup input[type="password"], .lepopup-filter-form select {
|
|
line-height: 1;
|
|
}
|
|
.lepopup select {
|
|
line-height: 1;
|
|
padding-right: 2em;
|
|
}
|
|
.lepopup-record-details {
|
|
padding: 10px 20px;
|
|
}
|
|
.lepopup-record-details h3 {
|
|
padding: 0 0.8em;
|
|
margin: 10px 0;
|
|
color: #fff;
|
|
display: inline-block;
|
|
background: #444;
|
|
line-height: 2.0em;
|
|
font-weight: 400;
|
|
vertical-align: middle;
|
|
font-size: 18px;
|
|
}
|
|
.lepopup-record-details h4 {
|
|
padding: 0 0.8em;
|
|
margin: 10px 2px;
|
|
color: #fff;
|
|
display: inline-block;
|
|
background: #999;
|
|
line-height: 2.0em;
|
|
font-weight: 400;
|
|
vertical-align: middle;
|
|
font-size: 16px;
|
|
}
|
|
.lepopup-record-details-table {
|
|
width: 100%;
|
|
}
|
|
.lepopup-record-details-table tr td {
|
|
vertical-align: top;
|
|
font-size: 15px;
|
|
padding: 0.4em 0.8em;
|
|
min-height: 28px;
|
|
}
|
|
.lepopup-record-details-table tr:nth-child(odd) {
|
|
background-color: #f9f9f9;
|
|
}
|
|
.lepopup-record-details-table-name {
|
|
width: 300px;
|
|
max-width: 33%;
|
|
font-weight: bold;
|
|
}
|
|
.lepopup-record-details-table-value {
|
|
position: relative;
|
|
padding-right: 96px !important;
|
|
}
|
|
.lepopup-admin-popup .lepopup-record-details-table-value .lepopup-record-details-toolbar {
|
|
display: none;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
transition-property: opacity;
|
|
transition-duration: 300ms;
|
|
color: #a0a0a0;
|
|
}
|
|
.lepopup-admin-popup .lepopup-record-details-table-value:hover .lepopup-record-details-toolbar {
|
|
display: block;
|
|
opacity: 1;
|
|
}
|
|
.lepopup-admin-popup .lepopup-record-details-table-value .lepopup-record-details-toolbar span {
|
|
display: inline-block;
|
|
width: 28px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
color: #a0a0a0;
|
|
transition-property: color;
|
|
transition-duration: 300ms;
|
|
}
|
|
.lepopup-admin-popup .lepopup-record-details-table-value .lepopup-record-details-toolbar span:hover {
|
|
color: #bd4070;
|
|
}
|
|
.lepopup-admin-popup .lepopup-record-details-table-value .lepopup-record-details-toolbar span:active {
|
|
transform:translateY(2px);
|
|
-webkit-transform:translateY(2px);
|
|
}
|
|
.lepopup-record-field-editor {
|
|
line-height: 1.5;
|
|
display: none;
|
|
}
|
|
.lepopup-record-field-editor input, .lepopup-record-field-editor select, .lepopup-record-field-editor textarea {
|
|
font-size: 15px;
|
|
font-weight: normal;
|
|
border-radius: 3px;
|
|
padding: 0 0.8em;
|
|
line-height: 40px;
|
|
border: 1px solid #CCC;
|
|
border-spacing: 0;
|
|
font-family: arial, verdana;
|
|
box-sizing: border-box;
|
|
box-shadow: none;
|
|
margin: 0;
|
|
background: #FFF;
|
|
height: 40px;
|
|
min-width: 0px;
|
|
max-width: 100%;
|
|
outline: none;
|
|
width: 100%;
|
|
}
|
|
.lepopup-record-field-editor select {
|
|
height: 40px !important;
|
|
font-size: 15px !important;
|
|
}
|
|
.lepopup-record-field-editor textarea {
|
|
height: 10em !important;
|
|
line-height: 1.4;
|
|
padding: 0.4em 0.8em;
|
|
}
|
|
.lepopup-record-field-editor input:focus, .lepopup-record-field-editor select:focus, .lepopup-record-field-editor textarea:focus {
|
|
border-color: #a93a65;
|
|
box-shadow: 0 0 16px -10px #a93a65;
|
|
}
|
|
.lepopup-record-field-editor-scrollbox {
|
|
height: 9em;
|
|
padding: 0.2em 0.5em;
|
|
border: 1px solid #CCC;
|
|
border-radius: 3px;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
background: #fff;
|
|
}
|
|
.lepopup-record-field-editor-scrollbox::-webkit-scrollbar {
|
|
width: 5px;
|
|
}
|
|
.lepopup-record-field-editor-scrollbox::-webkit-scrollbar-track {
|
|
box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
|
|
}
|
|
.lepopup-record-field-editor-scrollbox::-webkit-scrollbar-thumb {
|
|
background-color: #bd4070;
|
|
opacity: 0.8;
|
|
}
|
|
.lepopup-record-field-editor-buttons {
|
|
margin-top: 10px;
|
|
}
|
|
.lepopup-record-field-editor-buttons a {
|
|
margin-right: 10px;
|
|
}
|
|
.lepopup-stats-filter {
|
|
margin-bottom: 20px;
|
|
}
|
|
.lepopup-stats-select-container, .lepopup-stats-input-container, .lepopup-stats-radio-container {
|
|
display: inline-block;
|
|
margin-bottom: 5px;
|
|
vertical-align: top;
|
|
position: relative;
|
|
}
|
|
.lepopup-stats-select-container {
|
|
width: 240px;
|
|
}
|
|
.lepopup-stats-input-container {
|
|
width: 120px;
|
|
}
|
|
.lepopup-stats-radio-toggle-container {
|
|
height: 34px;
|
|
padding-top: 2px;
|
|
}
|
|
.lepopup-stats-radio-container {
|
|
}
|
|
.lepopup-stats-select-container label, .lepopup-stats-input-container label, .lepopup-stats-radio-container label {
|
|
font-style: italic;
|
|
font-size: 13px;
|
|
color: #a0a0a0;
|
|
display: block;
|
|
}
|
|
.lepopup-stats-filter input[type="text"], .lepopup-stats-filter select {
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
border-radius: 3px;
|
|
border: 1px solid #CCC;
|
|
border-spacing: 0;
|
|
font-family: arial, verdana;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
background-color: #FFF;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
min-width: 0px;
|
|
max-width: 100%;
|
|
width: 100%;
|
|
box-shadow: none;
|
|
vertical-align: top;
|
|
padding: 0 1em;
|
|
}
|
|
.lepopup-stats-button {
|
|
display: inline-block;
|
|
line-height: 36px;
|
|
height: 36px;
|
|
margin-bottom: 5px;
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: top;
|
|
-ms-touch-action: manipulation;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
background-image: none;
|
|
border: 1px solid transparent;
|
|
border-radius: 3px;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
color: #444;
|
|
background: #e8e8e8;
|
|
border: 1px solid #c0c0c0;
|
|
text-decoration: none;
|
|
outline: none;
|
|
box-shadow: none;
|
|
box-sizing: border-box;
|
|
padding: 0 1em;
|
|
}
|
|
.lepopup-stats-button-disabled {
|
|
opacity: 0.3;
|
|
cursor: default !important;
|
|
}
|
|
.lepopup-stats-button:active {
|
|
background-image: none;
|
|
outline: 0;
|
|
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
|
|
box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
|
|
text-decoration: none;
|
|
color: #444;
|
|
background: #e0e0e0;
|
|
background-image: none;
|
|
outline: none;
|
|
box-shadow: none;
|
|
transform:translateY(2px);
|
|
-webkit-transform:translateY(2px);
|
|
}
|
|
.lepopup-stats-button:hover, .lepopup-stats-button:focus {
|
|
text-decoration: none;
|
|
color: #444;
|
|
background: #e0e0e0;
|
|
background-image: none;
|
|
outline: none;
|
|
box-shadow: none;
|
|
}
|
|
.lepopup-stats-button label {
|
|
line-height: 34px;
|
|
display: inline-block;
|
|
margin-left: 8px;
|
|
vertical-align: top;
|
|
}
|
|
.lepopup-stats-button i {
|
|
line-height: 34px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.lepopup-using-details {
|
|
/*padding: 10px 20px;*/
|
|
}
|
|
.lepopup-using-details table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
.lepopup-using-details table tr {
|
|
border-bottom: 1px solid #f4f4f4;
|
|
}
|
|
.lepopup-using-details table tr:nth-child(even) {
|
|
background-color: #fcfcfc;
|
|
}
|
|
.lepopup-using-details table tr th, .lepopup-using-details table tr td {
|
|
vertical-align: top;
|
|
font-size: 15px;
|
|
padding: 1em 1.5em;
|
|
}
|
|
.lepopup-using-details table th {
|
|
width: 200px;
|
|
max-width: 33%;
|
|
font-weight: 400;
|
|
text-align: left;
|
|
}
|
|
.lepopup-using-details table td input, .lepopup-using-details table td textarea, .lepopup-using-details table td pre {
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
border-radius: 3px;
|
|
padding: 0 0.8em;
|
|
line-height: 36px;
|
|
border: 1px solid #CCC;
|
|
border-spacing: 0;
|
|
font-family: courier;
|
|
box-sizing: border-box;
|
|
box-shadow: none;
|
|
margin: 0;
|
|
background: #FFF;
|
|
height: 36px;
|
|
min-width: 0px;
|
|
max-width: 100%;
|
|
outline: none;
|
|
width: 100%;
|
|
}
|
|
.lepopup-using-details table td textarea {
|
|
line-height: 1.475em;
|
|
height: 7.5em;
|
|
padding: 0.5em 0.8em;
|
|
}
|
|
.lepopup-using-details table td pre {
|
|
line-height: 1.475em;
|
|
height: auto;
|
|
padding: 0.5em 0.8em;
|
|
margin: 0;
|
|
}
|
|
.lepopup-using-details table td input:focus, .lepopup-using-details table td textarea:focus {
|
|
border-color: #a93a65;
|
|
box-shadow: 0 0 16px -10px #a93a65;
|
|
}
|
|
.lepopup-using-details table td span {
|
|
font-style: italic;
|
|
display: block;
|
|
margin-bottom: 0.2em;
|
|
line-height: 1.4em;
|
|
}
|
|
.lepopup-using-details table td ol li span {
|
|
font-style: normal;
|
|
}
|
|
.lepopup-stylemanager-details {
|
|
/*padding: 10px 20px;*/
|
|
}
|
|
.lepopup-stylemanager-buttons {
|
|
margin: 30px 10px 10px 10px;
|
|
text-align: right;
|
|
}
|
|
.lepopup-stylemanager-details table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
border: 1px solid #f4f4f4;
|
|
}
|
|
.lepopup-stylemanager-details table tr {
|
|
border-bottom: 1px solid #f4f4f4;
|
|
}
|
|
.lepopup-stylemanager-details table tr:nth-child(even) {
|
|
background-color: #fcfcfc;
|
|
}
|
|
.lepopup-stylemanager-details table tr th, .lepopup-stylemanager-details table tr td {
|
|
vertical-align: middle;
|
|
font-size: 15px;
|
|
padding: 1em 1.5em;
|
|
}
|
|
.lepopup-stylemanager-details table th {
|
|
width: 100%;
|
|
max-width: 33%;
|
|
font-weight: 400;
|
|
text-align: left;
|
|
}
|
|
.lepopup-stylemanager-details.lepopup-stylemanager-empty table th {
|
|
text-align: center;
|
|
padding: 3em 1.5em;
|
|
}
|
|
.lepopup-settings table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
.lepopup-settings table em {
|
|
font-size: 13px;
|
|
color: #A0A0A0;
|
|
}
|
|
.lepopup-settings table tr {
|
|
|
|
}
|
|
.lepopup-settings table td,
|
|
.lepopup-settings table th {
|
|
padding: 5px 5px 15px 5px;
|
|
vertical-align: top;
|
|
border: 0px solid #C0C0C0;
|
|
text-align: left;
|
|
font-size: 14px;
|
|
}
|
|
.lepopup-settings table th {
|
|
width: 180px;
|
|
}
|
|
.lepopup-settings h3 {
|
|
padding: 0 0.8em;
|
|
margin: 32px 0 16px 0;
|
|
color: #fff;
|
|
display: inline-block;
|
|
background: #444;
|
|
line-height: 2.0em;
|
|
font-weight: 400;
|
|
vertical-align: middle;
|
|
cursor: default !important;
|
|
font-size: 1.3em;
|
|
}
|
|
.lepopup-settings input[type="checkbox"] {
|
|
display: none !important;
|
|
}
|
|
.lepopup-settings input[type="checkbox"]+label {
|
|
appearance: none;
|
|
width: 48px;
|
|
height: 24px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 24px;
|
|
background: #ffffff;
|
|
position: relative;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
vertical-align: middle;
|
|
transition: background 0.3s;
|
|
box-sizing: border-box;
|
|
outline: none;
|
|
box-shadow: none;
|
|
cursor: pointer;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.lepopup-settings input[type="checkbox"]+label:before {
|
|
content: '';
|
|
}
|
|
.lepopup-settings input[type="checkbox"]+label:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 18px;
|
|
height: 18px;
|
|
background: #ccc;
|
|
border: none;
|
|
border-radius: 18px;
|
|
transition: left 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
|
|
}
|
|
.lepopup-settings input[type="checkbox"]:checked+label {
|
|
background: #a93a65;
|
|
border-color: #a93a65;
|
|
}
|
|
.lepopup-settings input[type="checkbox"]:checked+label:after {
|
|
left: 26px;
|
|
background: #fff;
|
|
}
|
|
.lepopup-settings input[type="checkbox"]:disabled+label {
|
|
opacity: 0.5;
|
|
}
|
|
.lepopup-checkbox-toggle-container {
|
|
height: 40px;
|
|
padding-top: 4px;
|
|
}
|
|
.lepopup-settings-checkbox-container {
|
|
margin-bottom: 5px;
|
|
}
|
|
.lepopup-settings span, .lepopup-settings input[type="checkbox"]+label+label {
|
|
padding-left: 10px;
|
|
}
|
|
.lepopup-settings input[type="checkbox"]+label+label {
|
|
font-size: 15px;
|
|
}
|
|
.lepopup-settings input[type="checkbox"]+label+label span {
|
|
padding-left: 0.5em;
|
|
}
|
|
.lepopup-button-container {
|
|
text-align: right;
|
|
margin: 10px 0;
|
|
}
|
|
.lepopup-button-h2,
|
|
.lepopup-button-search {
|
|
display: inline-block;
|
|
font-family: arial;
|
|
font-size: 12px;
|
|
padding: 0.5em 1em;
|
|
margin: 0 0 0 0.3em;
|
|
line-height: 1.4;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
-ms-touch-action: manipulation;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
background-image: none;
|
|
border: 1px solid transparent;
|
|
border-radius: 3px;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
color: #a93a65;
|
|
background: trnasparent;
|
|
border: 1px solid #a93a65;
|
|
text-decoration: none;
|
|
outline: none;
|
|
box-shadow: none;
|
|
}
|
|
.lepopup-button-search {
|
|
line-height: 30px;
|
|
font-size: 14px;
|
|
padding: 0 1em;
|
|
height: 32px;
|
|
vertical-align: top;
|
|
transition-property: color, background, border;
|
|
-webkit-transition-property: color, background, border;
|
|
}
|
|
.lepopup-button-h2:active,
|
|
.lepopup-button-search:active {
|
|
background-image: none;
|
|
outline: 0;
|
|
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
|
|
box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
|
|
text-decoration: none;
|
|
color: #fff;
|
|
background: #a93a65;
|
|
background-image: none;
|
|
outline: none;
|
|
box-shadow: none;
|
|
transform:translateY(2px);
|
|
-webkit-transform:translateY(2px);
|
|
}
|
|
.lepopup-button-h2:hover, .lepopup-button-h2:focus,
|
|
.lepopup-button-search:hover, .lepopup-button-search:focus {
|
|
text-decoration: none;
|
|
color: #fff;
|
|
background: #a93a65;
|
|
background-image: none;
|
|
outline: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.lepopup-button {
|
|
display: inline-block;
|
|
font-family: arial;
|
|
padding: 0.6em 1em;
|
|
font-size: 14px;
|
|
line-height: 1.4;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
-ms-touch-action: manipulation;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
background-image: none;
|
|
border: 1px solid transparent;
|
|
border-radius: 3px;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
color: #fff;
|
|
background: #bd4070;
|
|
border: 1px solid #a93a65;
|
|
text-decoration: none;
|
|
outline: none;
|
|
box-shadow: none;
|
|
}
|
|
.lepopup-button-small {
|
|
font-size: 12px;
|
|
padding: 0.5em 1em;
|
|
}
|
|
.lepopup-button-large {
|
|
font-size: 16px;
|
|
padding: 0.6em 1em;
|
|
}
|
|
.lepopup-button-disabled {
|
|
opacity: 0.3;
|
|
cursor: default !important;
|
|
}
|
|
.lepopup-button-disabled label {
|
|
cursor: default !important;
|
|
}
|
|
.lepopup-button:active {
|
|
background-image: none;
|
|
outline: 0;
|
|
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
|
|
box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
|
|
text-decoration: none;
|
|
color: #fff;
|
|
background: #a93a65;
|
|
background-image: none;
|
|
outline: none;
|
|
box-shadow: none;
|
|
transform:translateY(2px);
|
|
-webkit-transform:translateY(2px);
|
|
}
|
|
.lepopup-button:hover, .lepopup-button:focus {
|
|
text-decoration: none;
|
|
color: #fff;
|
|
background: #a93a65;
|
|
background-image: none;
|
|
outline: none;
|
|
box-shadow: none;
|
|
}
|
|
.lepopup-button label {
|
|
display: inline-block;
|
|
margin: 0 0 0 8px;
|
|
vertical-align: middle;
|
|
font-weight: 400;
|
|
cursor: pointer;
|
|
}
|
|
.lepopup-button i {
|
|
vertical-align: middle;
|
|
width: 1em;
|
|
}
|
|
.lepopup-integrations-ajax-multiselect {
|
|
max-height: 200px;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
background: #fcfcfc;
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
min-height: 50px;
|
|
padding: 0.2em 0;
|
|
margin-bottom: 5px;
|
|
}
|
|
.lepopup-integrations-ajax-multiselect::-webkit-scrollbar {
|
|
width: 5px;
|
|
}
|
|
.lepopup-integrations-ajax-multiselect::-webkit-scrollbar-track {
|
|
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
|
}
|
|
.lepopup-integrations-ajax-multiselect::-webkit-scrollbar-thumb {
|
|
background-color: darkgrey;
|
|
}
|
|
.lepopup-integrations-ajax-multiselect-record {
|
|
white-space: nowrap;
|
|
padding: 0.2em 0.5em;
|
|
width: 1px;
|
|
}
|
|
.lepopup-integrations-ajax-multiselect-record label {
|
|
margin-left: 0.5em;
|
|
}
|
|
.lepopup-integrations-ajax-multiselect-loading {
|
|
text-align: center;
|
|
line-height: 40px;
|
|
font-size: 20px;
|
|
display: none;
|
|
}
|
|
.lepopup-integrations-ajax-options input {
|
|
cursor: default;
|
|
}
|
|
.lepopup-integrations-ajax-options::after {
|
|
font-family: 'Font Awesome 5 Free';
|
|
content: "\f107";
|
|
font-weight: 900;
|
|
display: inline-block;
|
|
text-align: center;
|
|
height: 40px;
|
|
width: 40px;
|
|
line-height: 40px;
|
|
color: #444;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
}
|
|
.lepopup-integrations-ajax-options:hover::after {
|
|
color: #bd4070;
|
|
}
|
|
.lepopup-integrations-ajax-options-list {
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
box-shadow: 2px 2px 10px -7px rgba(0,0,0,0.9);
|
|
max-width: 100%;
|
|
position: absolute !important;
|
|
display: none;
|
|
overflow-y: hidden;
|
|
overflow-x: hidden;
|
|
max-height: 640px;
|
|
z-index: 9999;
|
|
width: 100%;
|
|
background: #FFF;
|
|
text-align: center;
|
|
max-height: 128px;
|
|
}
|
|
.lepopup-integrations-ajax-options-list::-webkit-scrollbar {
|
|
width: 5px;
|
|
}
|
|
.lepopup-integrations-ajax-options-list::-webkit-scrollbar-track {
|
|
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
|
}
|
|
.lepopup-integrations-ajax-options-list::-webkit-scrollbar-thumb {
|
|
background-color: darkgrey;
|
|
}
|
|
.lepopup-integrations-ajax-options-list i {
|
|
line-height: 64px;
|
|
font-size: 20px;
|
|
}
|
|
.lepopup-integrations-ajax-options-list-data a, .lepopup-integrations-ajax-options-list-data a:visited {
|
|
font-family: arial !important;
|
|
color: #888 !important;
|
|
line-height: 32px !important;
|
|
display: block !important;
|
|
text-decoration: none !important;
|
|
text-align: left !important;
|
|
transition-duration: .2s;
|
|
-webkit-transition-duration: .2s;
|
|
padding: 0 15px !important;
|
|
outline-width: 0 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.lepopup-integrations-ajax-options-list-data a:hover, .lepopup-integrations-ajax-options-list-data a:active {
|
|
background: #F8F8F8 !important;
|
|
}
|
|
.lepopup-integrations-ajax-options-list-data-error {
|
|
line-height: 64px;
|
|
text-align: center;
|
|
}
|
|
.lepopup-vertical-scroll {
|
|
overflow-y: scroll !important;
|
|
}
|
|
.lepopup-integrations-description {
|
|
font-size: 14px;
|
|
color: #aaa;
|
|
font-style: italic;
|
|
cursor: default;
|
|
display: block;
|
|
}
|
|
.lepopup-integrations-important {
|
|
padding: 0 20px 20px 1em;
|
|
}
|
|
.lepopup-integrations-important-content {
|
|
border: 1px dashed #c0c0c0;
|
|
border-radius: 5px;
|
|
background: #f0f0f0;
|
|
}
|
|
.lepopup-integrations-important-content h4 {
|
|
margin: 1.33em 1em;
|
|
padding: 0;
|
|
font-size: 1em;
|
|
}
|
|
.lepopup-integrations-ajax-inline, .lepopup-integrations-static-inline {
|
|
padding-left: 0 !important;
|
|
}
|
|
.lepopup-integrations-ajax-inline table, .lepopup-integrations-static-inline table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
.lepopup-integrations-ajax-inline table th, .lepopup-integrations-static-inline table th {
|
|
width: 33%;
|
|
font-weight: 400;
|
|
}
|
|
.lepopup-integrations-ajax-inline table th, .lepopup-integrations-ajax-inline table td,
|
|
.lepopup-integrations-static-inline table th, .lepopup-integrations-static-inline table td {
|
|
padding-bottom: 5px;
|
|
vertical-align: top;
|
|
text-align: left;
|
|
}
|
|
.lepopup-integrations-ajax-inline table td.lepopup-middle-center, .lepopup-integrations-static-inline table td.lepopup-middle-center {
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
}
|
|
.lepopup-properties-content-integrations-providers {
|
|
padding-left: 0 !important;
|
|
}
|
|
.lepopup-properties-content-integrations-providers a {
|
|
margin-right: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.lepopup-properties-content-payment-gateways-providers {
|
|
padding-left: 0 !important;
|
|
}
|
|
.lepopup-properties-content-payment-gateways-providers a {
|
|
margin-right: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
a.lepopup-integrations-custom-remove {
|
|
text-decoration: none !important;
|
|
display: inline-block;
|
|
text-align: center;
|
|
color: #aaa !important;
|
|
box-shadow: none !important;
|
|
font-size: 16px;
|
|
width: 18px;
|
|
height: 18px;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
}
|
|
a.lepopup-integrations-custom-remove:hover {
|
|
color: #bd4070 !important;
|
|
}
|
|
a.lepopup-integrations-custom-remove:active {
|
|
transform: translateY(2px);
|
|
-webkit-transform: translateY(2px);
|
|
}
|
|
.lepopup-integrations-content .lepopup-properties-pure input+label+label {
|
|
margin-left: 0.7em;
|
|
}
|
|
.lepopup-widget-label {
|
|
clear: right;
|
|
min-width: 40%;
|
|
display: inline-block;
|
|
}
|
|
.lepopup-widget-tiny-text {
|
|
width: 60px;
|
|
}
|
|
.lepopup-hidden-container {
|
|
margin-top: 30px;
|
|
}
|
|
.lepopup-hidden-container>label {
|
|
font-weight: 700;
|
|
display: block;
|
|
margin-bottom: 5px;
|
|
}
|
|
.lepopup-hidden-element {
|
|
width: 230px;
|
|
padding: 0.7em 1em;
|
|
font-size: 15px;
|
|
line-height: 24px;
|
|
margin: 0 7px 7px 0;
|
|
outline: 1px dashed #aaa;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
cursor: default;
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.lepopup-hidden-element:hover {
|
|
outline: 2px solid #bd4070 !important;
|
|
}
|
|
.lepopup-properties-content .lepopup-color {
|
|
min-width: 130px !important;
|
|
padding-left: 40px !important;
|
|
}
|
|
.lepopup-properties-content .minicolors-swatch {
|
|
width: 30px !important;
|
|
height: 30px !important;
|
|
border-radius: 3px !important;
|
|
}
|
|
.lepopup-properties-content .minicolors-panel {
|
|
right: 0 !important;
|
|
top: 43px !important;
|
|
}
|
|
#toplevel_page_lepopup .wp-menu-image {
|
|
background: url(../images/icon.png) 50% 50% no-repeat;
|
|
background-size: contain;
|
|
height: 22px !important;
|
|
margin-top: 6px !important;
|
|
}
|
|
/* Table List - begin */
|
|
.lepopup-table-list-buttons {
|
|
text-align: right;
|
|
margin-bottom: 10px;
|
|
margin-top: 10px;
|
|
float: right;
|
|
position: relative;
|
|
}
|
|
.lepopup-pageswitcher {
|
|
margin-right: 200px;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
float: left;
|
|
}
|
|
.lepopup-table-list-pages>span>a {
|
|
display: inline-block;
|
|
line-height: 25px;
|
|
border: 1px solid #ccc;
|
|
text-align: center;
|
|
min-width: 20px;
|
|
border-radius: 3px;
|
|
text-decoration: none !important;
|
|
color: #23282d;
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
outline: none !important;
|
|
box-shadow: none !important;
|
|
font-size: 13px;
|
|
padding: 0 0.2em;
|
|
}
|
|
.lepopup-table-list-pages>span>a:hover {
|
|
color: #fff !important;
|
|
background: #a93a65 !important;
|
|
border: 1px solid #a93a65 !important;
|
|
}
|
|
.lepopup-table-list-pages>span>a.lepopup-table-list-page-active {
|
|
color: #fff;
|
|
background: #bd4070;
|
|
border: 1px solid #bd4070;
|
|
}
|
|
.lepopup-table-list {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin-top: 10px;
|
|
border: 1px solid #e5e5e5;
|
|
box-shadow: 0 1px 1px rgba(0,0,0,.04);
|
|
background: #fff;
|
|
}
|
|
.lepopup-table-list tr:nth-child(even) {
|
|
background-color: #f9f9f9;
|
|
}
|
|
.lepopup-table-list th {
|
|
font-size: 14px;
|
|
text-align: left;
|
|
font-weight: 400;
|
|
border-bottom: 1px solid #e1e1e1;
|
|
vertical-align: middle;
|
|
padding: 0.5em 1em 0.5em 1em;
|
|
}
|
|
.lepopup-table-list td {
|
|
font-size: 14px;
|
|
text-align: left;
|
|
font-weight: 400;
|
|
vertical-align: middle;
|
|
padding: 0.7em 1em 0.7em 1em;
|
|
}
|
|
.lepopup-table-list .lepopup-table-list-column-shortcode div {
|
|
display: block;
|
|
margin-right: 32px;
|
|
height: 32px;
|
|
}
|
|
.lepopup-table-list .lepopup-table-list-column-shortcode input, .lepopup-using-page input[type="text"], input[type="text"].lepopup-input-code {
|
|
font-family: courier;
|
|
font-size: 12px;
|
|
line-height: 1em;
|
|
border: 1px solid #ccc !important;
|
|
outline: none !important;
|
|
box-shadow: none !important;
|
|
border-radius: 3px;
|
|
height: 100%;
|
|
width: 100%;
|
|
padding: 0.7em 0.8em;
|
|
border-spacing: 0;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
background-color: #eee;
|
|
color: #32373c;
|
|
}
|
|
.lepopup-table-list .lepopup-table-list-column-shortcode span,
|
|
.lepopup-table-list .lepopup-table-list-column-preview a,
|
|
.lepopup-table-list .lepopup-table-list-column-preview a:visited {
|
|
float: right;
|
|
display: block;
|
|
width: 32px;
|
|
line-height: 32px;
|
|
font-size: 18px;
|
|
text-align: center;
|
|
color: #888;
|
|
cursor: pointer;
|
|
transition: color 0.3s;
|
|
-webkit-transition: color 0.3s;
|
|
text-decoration: none !important;
|
|
outline: none;
|
|
border: none;
|
|
background: none;
|
|
}
|
|
.lepopup-table-list .lepopup-table-list-column-shortcode span:hover,
|
|
.lepopup-table-list .lepopup-table-list-column-preview a:hover {
|
|
color: #bd4070;
|
|
}
|
|
.lepopup-table-list .lepopup-table-list-column-shortcode span:active,
|
|
.lepopup-table-list .lepopup-table-list-column-preview a:active {
|
|
transform: translateY(2px);
|
|
-webkit-transform: translateY(2px);
|
|
}
|
|
.lepopup-table-list .lepopup-table-list-column-shortcode span i {
|
|
vertical-align: middle;
|
|
}
|
|
.lepopup-table-list a {
|
|
border: none !important;
|
|
outline: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.lepopup-table-list-created {
|
|
font-size: 12px;
|
|
line-height: 1.4;
|
|
color: #ccc;
|
|
display: block;
|
|
font-style: italic;
|
|
cursor: default;
|
|
}
|
|
.lepopup-table-list-actions {
|
|
position: relative;
|
|
text-align: right;
|
|
}
|
|
.lepopup-table-list-actions>span {
|
|
display: inline-block;
|
|
width: 32px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
font-size: 21px;
|
|
color: #888;
|
|
cursor: pointer;
|
|
border: 1px solid transparent;
|
|
text-align: center;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
|
|
}
|
|
.lepopup-table-list-actions:hover>span {
|
|
color: #fff;
|
|
background: #bd4070;
|
|
border: 1px solid #a93a65;
|
|
}
|
|
.lepopup-table-list-menu {
|
|
position: absolute;
|
|
z-index: 9999999;
|
|
top: 31px;
|
|
right: 0px;
|
|
display: none;
|
|
background: #fff;
|
|
border: 1px solid #c0c0c0;
|
|
box-sizing: border-box;
|
|
width: 200px;
|
|
box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.9);
|
|
}
|
|
.lepopup-table-list-actions:hover .lepopup-table-list-menu {
|
|
display: block;
|
|
}
|
|
.lepopup-table-list-menu ul {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
display: block;
|
|
height: auto;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.lepopup-table-list-menu ul li {
|
|
text-align: left;
|
|
position: relative;
|
|
height: 32px;
|
|
display: block;
|
|
line-height: 32px;
|
|
letter-spacing: normal;
|
|
background-color: transparent;
|
|
font-family: arial;
|
|
color: #2f353b;
|
|
font-size: 13px;
|
|
margin: 0;
|
|
}
|
|
.lepopup-table-list-menu ul li.lepopup-table-list-menu-line {
|
|
height: 1px;
|
|
display: block;
|
|
line-height: 1px;
|
|
background-color: #e0e0e0;
|
|
margin: 0;
|
|
}
|
|
.lepopup-table-list-menu ul li a {
|
|
display: block;
|
|
color: #2f353b;
|
|
cursor: pointer !important;
|
|
text-decoration: none !important;
|
|
box-shadow: none !important;
|
|
outline: none !important;
|
|
padding: 0 1em;
|
|
}
|
|
.lepopup-table-list-menu ul li:hover a {
|
|
color: #a93a65;
|
|
background: #f8f8f8;
|
|
}
|
|
.lepopup-table-list-menu ul li a i {
|
|
width: 1em;
|
|
margin-right: 0.5em;
|
|
}
|
|
.lepopup-column-settings {
|
|
position: relative;
|
|
text-align: right;
|
|
}
|
|
.lepopup-column-settings>span {
|
|
display: inline-block;
|
|
width: 32px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
font-size: 18px;
|
|
color: #888;
|
|
cursor: pointer;
|
|
border: 1px solid transparent;
|
|
border-radius: 3px;
|
|
text-align: center;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
|
|
}
|
|
.lepopup-column-settings:hover>span {
|
|
background: rgba(0,0,0,0.05);
|
|
border: 1px solid rgba(0,0,0,0.2);
|
|
}
|
|
.lepopup-column-menu {
|
|
position: absolute;
|
|
z-index: 9999999;
|
|
top: 31px;
|
|
right: 0px;
|
|
display: none;
|
|
background: #fff;
|
|
border: 1px solid #c0c0c0;
|
|
box-sizing: border-box;
|
|
width: 200px;
|
|
box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.9);
|
|
}
|
|
.lepopup-column-settings:hover .lepopup-column-menu {
|
|
display: block;
|
|
}
|
|
.lepopup-column-menu ul {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
display: block;
|
|
height: auto;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0.5em 0em;
|
|
}
|
|
.lepopup-column-menu ul li {
|
|
text-align: left;
|
|
position: relative;
|
|
height: 32px;
|
|
display: block;
|
|
line-height: 32px;
|
|
letter-spacing: normal;
|
|
background-color: transparent;
|
|
font-family: arial;
|
|
color: #2f353b;
|
|
font-size: 13px;
|
|
margin: 0;
|
|
padding: 0 1em;
|
|
}
|
|
.lepopup-column-menu ul li.lepopup-column-menu-line {
|
|
height: 1px;
|
|
display: block;
|
|
line-height: 1px;
|
|
background-color: #e0e0e0;
|
|
margin: 0;
|
|
}
|
|
.lepopup-column-menu ul li input+label+label {
|
|
display: inline-block;
|
|
margin-left: 0.5em;
|
|
}
|
|
.lepopup-column-menu ul li a {
|
|
display: block;
|
|
color: #2f353b;
|
|
cursor: pointer !important;
|
|
text-decoration: none !important;
|
|
box-shadow: none !important;
|
|
outline: none !important;
|
|
padding: 0 1em;
|
|
}
|
|
.lepopup-column-menu ul li:hover a {
|
|
color: #a93a65;
|
|
background: #f8f8f8;
|
|
}
|
|
.lepopup-column-menu ul li a i {
|
|
width: 1em;
|
|
margin-right: 0.5em;
|
|
}
|
|
/* Table List - end */
|
|
|
|
.lepopup-badge {
|
|
display: inline-block;
|
|
padding: 0px 5px !important;
|
|
margin: 0 0.5em;
|
|
font-size: 11px;
|
|
font-family: arial;
|
|
text-transform: uppercase;
|
|
line-height: 1.6;
|
|
color: #FFFFFF;
|
|
}
|
|
.lepopup-badge-danger {
|
|
background-color: #C02020;
|
|
}
|
|
.lepopup-badge-info {
|
|
background-color: #5DB0BF;
|
|
}
|
|
.lepopup-badge-success {
|
|
background-color: #208020;
|
|
}
|
|
#lepopup-import-form, #lepopup-import-style-form {
|
|
display: none;
|
|
}
|
|
#lepopup-import-style-iframe {
|
|
display: none;
|
|
}
|
|
.lepopup-using-page li {
|
|
margin-bottom: 10px;
|
|
}
|
|
.lepopup-error {
|
|
background: #dd3d36 !important;
|
|
color: #FFF !important;
|
|
}
|
|
.lepopup-error a, .lepopup-error-plugins-list a {
|
|
color: #FFF !important;
|
|
text-decoration: underline;
|
|
}
|
|
@-webkit-keyframes lepopup-error-animated {
|
|
0%, 50%, 100% {opacity: 1;}
|
|
25%, 75% {opacity: 0.5;}
|
|
}
|
|
@keyframes lepopup-error-animated {
|
|
0%, 50%, 100% {opacity: 1;}
|
|
25%, 75% {opacity: 0.5;}
|
|
}
|
|
.lepopup-error-animated {
|
|
-webkit-animation-duration: 3s;
|
|
animation-duration: 3s;
|
|
-webkit-animation-fill-mode: forwards;
|
|
animation-fill-mode: forwards;
|
|
-webkit-animation-name: lepopup-error-animated;
|
|
animation-name: lepopup-error-animated;
|
|
animation-iteration-count: 100;
|
|
animation-timing-function: ease-out;
|
|
}
|
|
|
|
/* Gutenberg Blocks - begin */
|
|
.editor-block-list-item-lepopup-form .block-editor-block-icon {
|
|
background: url(../images/icon.png) 0 0 no-repeat;
|
|
background-size: contain;
|
|
}
|
|
.lepopup-block-form {
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 20px;
|
|
border: 2px dashed green;
|
|
border-radius: 8px;
|
|
}
|
|
.lepopup-block-form-label-icon {
|
|
display: flex;
|
|
vertical-align: top;
|
|
cursor: default;
|
|
line-height: 36px;
|
|
height: 36px;
|
|
width: 40px;
|
|
background: url(../images/icon.png) 0 0 no-repeat;
|
|
background-size: contain;
|
|
}
|
|
.lepopup-block-form-label {
|
|
font-family: arial;
|
|
vertical-align: top;
|
|
line-height: 32px;
|
|
display: flex;
|
|
margin-top: 4px;
|
|
font-size: 14px;
|
|
margin: 4px 8px 0 8px;
|
|
white-space: nowrap;
|
|
}
|
|
select.lepopup-block-form-value {
|
|
vertical-align: top;
|
|
line-height: 36px !important;
|
|
display: flex;
|
|
width: 100%;
|
|
font-size: 14px !important;
|
|
height: 36px;
|
|
}
|
|
/* Gutenberg Blocks - end */
|
|
|
|
/* Field Analytics - begin */
|
|
.lepopup-field-analytics-noform {
|
|
text-align: center;
|
|
margin-top: 60px;
|
|
}
|
|
.lepopup-field-analytics-columns {
|
|
}
|
|
.lepopup-field-analytics-columns>div {
|
|
float: left;
|
|
box-sizing: border-box;
|
|
width: 49%;
|
|
padding: 10px;
|
|
}
|
|
.lepopup-field-analytics-chart-box {
|
|
margin-bottom: 32px;
|
|
}
|
|
/* Field Analytics - end */
|
|
|
|
/* Library - begin */
|
|
.lepopup-library-container {
|
|
margin-top: 20px;
|
|
}
|
|
.lepopup-library-item-box {
|
|
display: inline-block;
|
|
margin: 0 20px 20px 0;
|
|
width: 240px;
|
|
height: 144px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
border: 4px solid transparent;
|
|
border-radius: 3px;
|
|
transition: all 0.3s ease 0s;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.7);
|
|
|
|
}
|
|
.lepopup-library-item-box img {
|
|
max-width: 100%;
|
|
border-radius: 2px;
|
|
}
|
|
.lepopup-library-item-box-hover {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
background: rgba(0,0,0,0.5);
|
|
opacity: 0;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
text-align: center;
|
|
text-decoration: none !important;
|
|
color: #fff !important;
|
|
font-weight: 100;
|
|
font-size: 14px;
|
|
padding: 60px 10px;
|
|
text-shadow: 1px 1px 1px rgba(0,0,0,.8);
|
|
box-sizing: border-box;
|
|
}
|
|
.lepopup-library-item-box:hover .lepopup-library-item-box-hover {
|
|
opacity: 1;
|
|
}
|
|
.lepopup-library-item-box:hover {
|
|
border: 4px solid #a93a65;
|
|
transform: scale(1.05);
|
|
}
|
|
.lepopup-library-label {
|
|
color: #FFF;
|
|
position: absolute;
|
|
left: 5px;
|
|
top: 1px;
|
|
text-shadow: 1px 1px 1px rgba(0,0,0,.8);
|
|
}
|
|
.lepopup-library-error {
|
|
margin-top: 120px;
|
|
text-align: center;
|
|
}
|
|
/* Library - end */
|
|
|
|
|
|
/* Get Started - begin */
|
|
.lepopup-gettingstarted-overlay {
|
|
position: fixed;
|
|
z-index: 1000000;
|
|
top: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
height: 100%;
|
|
width: 100%;
|
|
background-position: center center;
|
|
background: rgba(0,0,0,0.9);
|
|
display: none;
|
|
}
|
|
.lepopup-gettingstarted-highlight {
|
|
display: block;
|
|
position: relative;
|
|
z-index: 1000001 !important;
|
|
overflow: visible !important;
|
|
}
|
|
.lepopup-gettingstarted-highlight::after {
|
|
content: ' ';
|
|
position: absolute;
|
|
z-index: 1000002;
|
|
top: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.lepopup-gettingstarted-bubble {
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
z-index: 1000003;
|
|
line-height: 1.4;
|
|
text-align: center !important;
|
|
display: none;
|
|
}
|
|
.lepopup-gettingstarted-bubble p {
|
|
font-size: 18px !important;
|
|
font-weight: 100 !important;
|
|
font-family: arial !important;
|
|
color: #ffffff !important;
|
|
padding: 0;
|
|
margin: 0;
|
|
text-align: left;
|
|
text-shadow: 1px 1px 2px rgba(0,0,0,0.8) !important;
|
|
}
|
|
.lepopup-gettingstarted-bubble-bottom-left {
|
|
background: transparent url(../images/arrow-bottom-left.png) 0px 0px no-repeat;
|
|
padding: 50px 0 0 90px;
|
|
left: 0;
|
|
}
|
|
.lepopup-gettingstarted-bubble-bottom-right {
|
|
background: transparent url(../images/arrow-bottom-right.png) 100% 0px no-repeat;
|
|
padding: 50px 90px 0 0;
|
|
right: 0;
|
|
}
|
|
.lepopup-gettingstarted-bubble-left {
|
|
background: transparent url(../images/arrow-left.png) 0px 0px no-repeat;
|
|
padding: 30px 0 0 120px;
|
|
left: 0;
|
|
}
|
|
.lepopup-gettingstarted-bubble span {
|
|
font-size: 18px !important;
|
|
font-weight: 100;
|
|
font-family: arial;
|
|
color: #ffffff !important;
|
|
cursor: pointer;
|
|
display: inline-block !important;
|
|
padding: 8px 30px;
|
|
line-height: 1.4;
|
|
border: 2px solid #ffffff;
|
|
border-radius: 5px;
|
|
margin-top: 10px;
|
|
transition-property: background, color;
|
|
transition-duration: 0.3s;
|
|
text-shadow: none;
|
|
font-style: normal;
|
|
background: transparent;
|
|
}
|
|
.lepopup-gettingstarted-bubble span:hover {
|
|
background: #ffffff;
|
|
color: #000000 !important;
|
|
text-shadow: none;
|
|
}
|
|
.lepopup-signature-view {
|
|
background: transparent url(../images/builder-bg-light-2.png) 0 0 repeat;
|
|
max-width: 100%;
|
|
}
|
|
.lepopup-admin .ui-slider { position: relative; text-align: left; border-radius: 4px;}
|
|
.lepopup-admin .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; border-radius: 4px;}
|
|
.lepopup-admin .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
|
|
.lepopup-admin .ui-slider-horizontal { height: .8em; }
|
|
.lepopup-admin .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
|
|
.lepopup-admin .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
|
|
.lepopup-admin .ui-slider-horizontal .ui-slider-range-min { left: 0; }
|
|
.lepopup-admin .ui-slider-horizontal .ui-slider-range-max { right: 0; }
|
|
|
|
.lepopup-admin .ui-slider-vertical { width: .8em; height: 100px; }
|
|
.lepopup-admin .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
|
|
.lepopup-admin .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
|
|
.lepopup-admin .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
|
|
.lepopup-admin .ui-slider-vertical .ui-slider-range-max { top: 0; }
|
|
|
|
.lepopup-number-icon:before {
|
|
content: "42";
|
|
font-size: 100%;
|
|
font-family: verdana;
|
|
}
|
|
.lepopup-numspinner-minus,
|
|
.lepopup-numspinner-plus {
|
|
cursor: pointer;
|
|
}
|
|
.lepopup-numspinner-minus:before,
|
|
.lepopup-numspinner-plus:before {
|
|
font-size: 12px;
|
|
}
|
|
.lepopup-tile-icon:before {
|
|
display: inline-block;
|
|
content: "tile";
|
|
font-size: 70%;
|
|
font-family: verdana;
|
|
border: 1px solid #444;
|
|
border-radius: 3px;
|
|
line-height: 1;
|
|
padding: 0.1em 0.3em;
|
|
vertical-align: middle;
|
|
box-shadow: 0 0 1px 1px rgba(0,0,0,0.05);
|
|
}
|
|
.lepopup-email-validator-options {
|
|
display: none;
|
|
}
|
|
.lepopup-geoip-service-options {
|
|
display: none;
|
|
}
|
|
.lepopup-toolbars {
|
|
/*position: absolute;
|
|
left: 0;
|
|
right: 0;*/
|
|
}
|
|
.lepopup-form-editor {
|
|
position: relative;
|
|
}
|
|
html.lepopup-toolbars-fixed .lepopup-toolbars {
|
|
position: fixed;
|
|
z-index: 10000;
|
|
top: 0;
|
|
left: unset !important;
|
|
right: unset !important;
|
|
}
|
|
html.wp-toolbar.lepopup-toolbars-fixed .lepopup-toolbars {
|
|
top: 32px;
|
|
}
|
|
html.wp-toolbar .lepopup-toolbar-tooltipster {
|
|
margin-top: -32px;
|
|
}
|
|
html.wp-toolbar.lepopup-toolbars-fixed .lepopup-toolbar-tooltipster {
|
|
margin-top: 0;
|
|
}
|
|
.lepopup-body-shifted .lepopup-toolbar-tooltipster {
|
|
margin-left: 420px;
|
|
}
|
|
/* Targeting - begin */
|
|
.lepopup-targets-events {
|
|
margin: 20px 0 10px;
|
|
font-size: 0;
|
|
}
|
|
.lepopup-targets-event-item {
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
font-weight: 100;
|
|
border: 1px solid #888;
|
|
border-radius: 3px;
|
|
color: #888;
|
|
padding: 0.6em 1em;
|
|
margin: 5px 5px 0 0;
|
|
text-decoration: none;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
box-shadow: none;
|
|
outline: none;
|
|
}
|
|
.lepopup-targets-event-item i {
|
|
width: 16px;
|
|
}
|
|
.lepopup-targets-event-item-selected,
|
|
.lepopup-targets-event-item:hover, .lepopup-targets-event-item:active, .lepopup-targets-event-item:focus {
|
|
text-decoration: none;
|
|
box-shadow: none;
|
|
outline: none;
|
|
color: #FFF;
|
|
background: #a93a65;
|
|
border-color: #a93a65;
|
|
}
|
|
.lepopup-targets-page {
|
|
margin-top: 24px;
|
|
position: relative;
|
|
}
|
|
.lepopup-targets-page h2 {
|
|
font-weight: 400;
|
|
font-size: 20px;
|
|
color: #222;
|
|
margin: 0 0 16px 0;
|
|
padding: 0;
|
|
}
|
|
.lepopup-notargets-message {
|
|
margin: 200px auto;
|
|
text-align: center;
|
|
font-size: 1.5em;
|
|
color: #aaa;
|
|
line-height: 1.475;
|
|
font-weight: 100;
|
|
}
|
|
.lepopup-targets-noitems-message {
|
|
margin: 40px auto;
|
|
width: 100%;
|
|
text-align: center;
|
|
font-size: 1.3em;
|
|
color: #aaa;
|
|
line-height: 1.475;
|
|
font-weight: 100;
|
|
position: absolute;
|
|
}
|
|
.lepopup-targets-list {
|
|
min-height: 100px;
|
|
}
|
|
.lepopup-targets-list-item {
|
|
background: #f8f8f8;
|
|
border: 1px solid #c0c0c0;
|
|
margin: 5px 0;
|
|
box-shadow: 2px 2px 10px -6px #000;
|
|
border-left: 5px solid #bd4070;
|
|
}
|
|
#lepopup-targets-list-passive .lepopup-targets-list-item {
|
|
opacity: 0.5;
|
|
}
|
|
#lepopup-targets-list-passive .ui-sortable-helper {
|
|
opacity: 1 !important;
|
|
}
|
|
.lepopup-targets-list-item-buttons {
|
|
transition-duration: .3s;
|
|
-moz-transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
-o-transition-duration: .3s;
|
|
-khtml-transition-duration: .3s;
|
|
opacity: 0;
|
|
}
|
|
.lepopup-targets-list-item:hover .lepopup-targets-list-item-buttons {
|
|
opacity: 1;
|
|
}
|
|
.lepopup-targets-list-item-content {
|
|
padding: 7px 20px 10px 20px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.lepopup-targets-list-item-placeholder {
|
|
border: 1px dashed #c0c0c0;
|
|
}
|
|
.lepopup-targets-list-item-content h4 {
|
|
background: transaprent !important;
|
|
border: 1px solid transparent !important;
|
|
color: #666;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
margin: 0;
|
|
padding: 0;
|
|
white-space: nowrap;
|
|
line-height: 1.475;
|
|
cursor: default;
|
|
}
|
|
.lepopup-targets-list-item-content span {
|
|
color: #aaa;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
margin: 0;
|
|
padding: 0;
|
|
white-space: nowrap;
|
|
display: block;
|
|
line-height: 1.475;
|
|
cursor: default;
|
|
}
|
|
.lepopup-targets-list-item-content span label {
|
|
display: inline-block;
|
|
min-width: 130px;
|
|
cursor: default;
|
|
line-height: 1.475;
|
|
vertical-align: top;
|
|
}
|
|
.lepopup-targets-list-item-buttons {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
padding: 5px 7px;
|
|
background: #f8f8f8;
|
|
}
|
|
.lepopup-targets-list-item-buttons a {
|
|
text-decoration: none;
|
|
color: #aaa;
|
|
font-size: 14px;
|
|
box-shadow: none;
|
|
outline: none;
|
|
display: inline-block;
|
|
margin-left: 10px;
|
|
transition-duration: .3s;
|
|
-moz-transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
-o-transition-duration: .3s;
|
|
-khtml-transition-duration: .3s;
|
|
}
|
|
.lepopup-targets-list-item-buttons a:hover {
|
|
color: #666;
|
|
}
|
|
@-webkit-keyframes lepopup-targets-list-item-animate-bg {
|
|
0%, 50%, 100% {
|
|
background: #f8f8f8;
|
|
}
|
|
25%, 75% {
|
|
background: rgb(224, 255, 208);
|
|
}
|
|
}
|
|
@keyframes lepopup-targets-list-item-animate-bg {
|
|
0%, 50%, 100% {
|
|
background: #f8f8f8;
|
|
}
|
|
25%, 75% {
|
|
background: rgb(224, 255, 208);
|
|
}
|
|
}
|
|
.lepopup-targets-list-item-animate {
|
|
-webkit-animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-iteration-count: 2;
|
|
animation-iteration-count: 2;
|
|
-webkit-animation-name: lepopup-targets-list-item-animate-bg;
|
|
animation-name: lepopup-targets-list-item-animate-bg;
|
|
}
|
|
/* Targeting - end */
|
|
/* Targeting checkboxes/radio - begin */
|
|
#lepopup-target-properties .lepopup-bar-selector input[type="radio"]+label {
|
|
font-size: 15px;
|
|
padding: 0 0.5em;
|
|
line-height: 36px;
|
|
}
|
|
input[type="checkbox"].lepopup-target-checkbox,
|
|
input[type="radio"].lepopup-target-radio {
|
|
display: none !important;
|
|
}
|
|
input[type="checkbox"].lepopup-target-checkbox+label,
|
|
input[type="radio"].lepopup-target-radio+label {
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
appearance: none;
|
|
cursor: pointer;
|
|
position: relative;
|
|
transition-property: border, background, color, transform;
|
|
-webkit-transition-property: border, background, color, transform;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
border: 1px solid #ccc;
|
|
color: #32373c;
|
|
border-radius: 3px;
|
|
padding: 7px 20px;
|
|
margin: 5px 5px 0 0;
|
|
text-decoration: none;
|
|
box-shadow: none;
|
|
outline: none;
|
|
}
|
|
input[type="checkbox"].lepopup-target-checkbox+label:before,
|
|
input[type="checkbox"].lepopup-target-checkbox+label:after,
|
|
input[type="radio"].lepopup-target-radio+label:before,
|
|
input[type="radio"].lepopup-target-radio+label:after {
|
|
content: '';
|
|
}
|
|
input[type="checkbox"].lepopup-target-checkbox+label:before {
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 400;
|
|
content: "\f0c8";
|
|
margin-right: 0.5em;
|
|
}
|
|
input[type="radio"].lepopup-target-radio+label:before {
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 400;
|
|
content: "\f111";
|
|
margin-right: 0.5em;
|
|
}
|
|
input[type="checkbox"].lepopup-target-checkbox+label:hover,
|
|
input[type="checkbox"].lepopup-target-checkbox:checked+label,
|
|
input[type="radio"].lepopup-target-radio+label:hover,
|
|
input[type="radio"].lepopup-target-radio:checked+label {
|
|
color: #FFF;
|
|
background: #a93a65;
|
|
border-color: #a93a65;
|
|
}
|
|
input[type="checkbox"].lepopup-target-checkbox:checked+label:before {
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 400;
|
|
content: "\f14a"
|
|
}
|
|
input[type="radio"].lepopup-target-radio:checked+label:before {
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 400;
|
|
content: "\f192";
|
|
color: #fff;
|
|
}
|
|
.lepopup-target-disabled-all input[type="checkbox"].lepopup-target-checkbox+label, input[type="checkbox"].lepopup-target-checkbox:disabled+label {
|
|
opacity: 0.3;
|
|
cursor: default;
|
|
}
|
|
input[type="checkbox"].lepopup-target-checkbox:disabled+label:hover {
|
|
border-color: #ccc;
|
|
color: #32373c;
|
|
background: transparent;
|
|
}
|
|
|
|
input[type="checkbox"].lepopup-target-checkbox2 {
|
|
display: none !important;
|
|
}
|
|
input[type="checkbox"].lepopup-target-checkbox2+label {
|
|
vertical-align: top;
|
|
display: block;
|
|
appearance: none;
|
|
cursor: pointer;
|
|
position: relative;
|
|
transition-property: border, background, color, transform;
|
|
-webkit-transition-property: border, background, color, transform;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
font-size: 16px;
|
|
line-height: 1.6em;
|
|
padding: 0 0.5em;
|
|
font-weight: 100;
|
|
color: #888;
|
|
text-decoration: none;
|
|
box-shadow: none;
|
|
outline: none;
|
|
}
|
|
input[type="checkbox"].lepopup-target-checkbox2+label:before,
|
|
input[type="checkbox"].lepopup-target-checkbox2+label:after {
|
|
content: '';
|
|
}
|
|
input[type="checkbox"].lepopup-target-checkbox2+label:before {
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 400;
|
|
content: "\f0c8";
|
|
margin-right: 0.5em;
|
|
}
|
|
input[type="checkbox"].lepopup-target-checkbox2+label:hover,
|
|
input[type="checkbox"].lepopup-target-checkbox2:checked+label {
|
|
color: #FFF;
|
|
background: #a93a65;
|
|
}
|
|
input[type="checkbox"].lepopup-target-checkbox2:checked+label:before {
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 400;
|
|
content: "\f14a"
|
|
}
|
|
.lepopup-targets-disabled-all input[type="checkbox"].lepopup-target-checkbox2+label, input[type="checkbox"].lepopup-target-checkbox2:disabled+label {
|
|
opacity: 0.3;
|
|
cursor: default;
|
|
}
|
|
input[type="checkbox"].lepopup-target-checkbox2:disabled+label:hover {
|
|
color: #888;
|
|
background: transparent;
|
|
}
|
|
|
|
input[type="checkbox"].lepopup-target-checkbox3 {
|
|
display: none !important;
|
|
}
|
|
input[type="checkbox"].lepopup-target-checkbox3+label {
|
|
appearance: none;
|
|
width: 36px;
|
|
height: 20px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 24px;
|
|
background: #ffffff;
|
|
position: relative;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
vertical-align: middle;
|
|
transition: background 0.3s;
|
|
box-sizing: border-box;
|
|
outline: none;
|
|
box-shadow: none;
|
|
cursor: pointer;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
input[type="checkbox"].lepopup-target-checkbox3+label:before {
|
|
content: '';
|
|
}
|
|
input[type="checkbox"].lepopup-target-checkbox3+label:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 14px;
|
|
height: 14px;
|
|
background: #ccc;
|
|
border: none;
|
|
border-radius: 18px;
|
|
transition: left 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
|
|
}
|
|
input[type="checkbox"].lepopup-target-checkbox3:checked+label {
|
|
background: #a93a65;
|
|
border-color: #a93a65;
|
|
}
|
|
input[type="checkbox"].lepopup-target-checkbox3:checked+label:after {
|
|
left: 18px;
|
|
background: #fff;
|
|
}
|
|
input[type="checkbox"].lepopup-target-checkbox3:disabled+label {
|
|
opacity: 0.5;
|
|
}
|
|
input[type="checkbox"].lepopup-target-checkbox3+label+label {
|
|
margin-left: 5px;
|
|
line-height: 20px;
|
|
font-size: 15px;
|
|
}
|
|
#lepopup-target-content-loading {
|
|
text-align: center;
|
|
padding: 40px;
|
|
font-size: 20px;
|
|
display: none;
|
|
}
|
|
#lepopup-target-posts-loading {
|
|
text-align: center;
|
|
padding: 10px;
|
|
font-size: 20px;
|
|
}
|
|
#lepopup-target-posts-container {
|
|
position: relative;
|
|
}
|
|
#lepopup-target-posts-container-overlay {
|
|
position: absolute;
|
|
top: 0px;
|
|
bottom: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
background: rgba(248, 248, 248, 0.7);
|
|
}
|
|
#lepopup-target-content-posts {
|
|
margin-top: 5px;
|
|
min-height: 60px;
|
|
max-height: 140px;
|
|
border: 1px solid #f0f0f0;
|
|
overflow-y: scroll;
|
|
overflow-x: hidden;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
}
|
|
#lepopup-target-content-posts::-webkit-scrollbar {
|
|
width: 5px;
|
|
}
|
|
#lepopup-target-content-posts::-webkit-scrollbar-track {
|
|
background-color: #F8F8F8;
|
|
//box-shadow: inset 0 0 6px rgba(0,116,162,0.3);
|
|
}
|
|
#lepopup-target-content-posts::-webkit-scrollbar-thumb {
|
|
background-color: #a93a65;
|
|
}
|
|
.lepopup-target-posts-item a, .lepopup-target-posts-item a:visited, .lepopup-target-posts-item a:focus, .lepopup-target-posts-item a:active {
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
color: #888;
|
|
line-height: 32px;
|
|
text-decoration: none !important;
|
|
white-space: nowrap;
|
|
box-shadow: none;
|
|
outline: none;
|
|
display: block;
|
|
padding: 0 5px;
|
|
transition-duration: .1s;
|
|
-webkit-transition-duration: .1s;
|
|
}
|
|
.lepopup-target-posts-item a:hover, .lepopup-target-posts-item a.lepopup-target-posts-item-selected {
|
|
color: #fff !important;
|
|
background: #a93a65 !important;
|
|
}
|
|
.lepopup-target-posts-item a i {
|
|
width: 1.2em;
|
|
}
|
|
#lepopup-target-noposts {
|
|
line-height: 50px;
|
|
text-align: center;
|
|
color: #888;
|
|
}
|
|
/* Targeting checkboxes - end */
|
|
/* Dots - begin */
|
|
.lepopup-dots {
|
|
margin-top: 10px;
|
|
}
|
|
span.lepopup-dot {
|
|
display: inline-block !important;
|
|
height: 16px;
|
|
width: 16px;
|
|
border-radius: 10px;
|
|
box-sizing: border-box;
|
|
border: none;
|
|
margin: 0 5px;
|
|
margin-bottom: -3px !important;
|
|
padding: 0;
|
|
box-shadow: 1px 1px 5px -3px rgba(0,0,0,0.7);
|
|
clear: none;
|
|
}
|
|
.lepopup-dot-blue {
|
|
background: #31b5dd;
|
|
}
|
|
.lepopup-dot-green {
|
|
background: #6be877;
|
|
}
|
|
/* Dots - end */
|
|
/* Intro - begin */
|
|
.lepopup-intro-logo-container {
|
|
text-align: center;
|
|
margin: 60px auto 0 auto;
|
|
}
|
|
.lepopup-intro-logo-container img {
|
|
width: 80px;
|
|
height: 80px;
|
|
}
|
|
.lepopup-intro h1 {
|
|
font-size: 40px;
|
|
font-weight: 100;
|
|
text-align: center;
|
|
font-family: arial;
|
|
margin: 30px 0 0 0;
|
|
padding: 0;
|
|
color: rgba(0,0,0,0.7);
|
|
text-transform: uppercase;
|
|
}
|
|
.lepopup-intro h2 {
|
|
font-size: 24px;
|
|
font-weight: 100;
|
|
text-align: center;
|
|
font-family: arial;
|
|
margin-top: 10px;
|
|
color: rgba(0,0,0,0.5);
|
|
}
|
|
.lepopup-intro-buttons {
|
|
text-align: center;
|
|
margin: 60px auto 0 auto;
|
|
}
|
|
.lepopup-intro-buttons span {
|
|
display: inline-block;
|
|
border: 2px solid #bd4070;
|
|
padding: 0em;
|
|
text-align: center;
|
|
width: 340px;
|
|
color: #bd4070;
|
|
font-size: 20px;
|
|
border-radius: 8px;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
user-select: none;
|
|
margin: 10px;
|
|
height: 64px;
|
|
line-height: 60px;
|
|
text-decoration: none;
|
|
box-sizing: border-box;
|
|
box-shadow: none;
|
|
outline: none;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
transition-property: background, border, color;
|
|
-webkit-transition-property: background, border, color;
|
|
}
|
|
.lepopup-intro-buttons span:hover {
|
|
color: #fff;
|
|
background: #a93a65;
|
|
border-color: #a93a65;
|
|
}
|
|
.lepopup-intro-buttons span:active {
|
|
transform: translateY(2px);
|
|
}
|
|
.lepopup-intro-buttons span.lepopup-intro-button-disabled,
|
|
.lepopup-intro-buttons span.lepopup-intro-button-disabled:hover,
|
|
.lepopup-intro-buttons span.lepopup-intro-button-disabled:active {
|
|
border-color: #ccc;
|
|
color: #ccc;
|
|
background: transparent;
|
|
transform: none;
|
|
cursor: default;
|
|
}
|
|
#lepopup-intro-status {
|
|
width: 520px;
|
|
margin: 30px auto;
|
|
}
|
|
#lepopup-intro-status th,
|
|
#lepopup-intro-status td {
|
|
font-weight: 400;
|
|
text-align: left;
|
|
font-size: 16px;
|
|
padding: 0.2em 0;
|
|
}
|
|
#lepopup-intro-status td {
|
|
text-align: right;
|
|
}
|
|
.lepopup-intro-danger {
|
|
padding: 1em 1.5em;
|
|
border-radius: 3px;
|
|
font-size: 15px;
|
|
line-height: 1.4;
|
|
vertical-align: middle;
|
|
font-weight: 400;
|
|
box-shadow: 2px 2px 10px -6px #000000;
|
|
color: #fff;
|
|
background: #d9534f;
|
|
width: 640px;
|
|
margin: 5px auto;
|
|
}
|
|
.lepopup-intro-info {
|
|
padding: 1em 1.5em;
|
|
border-radius: 3px;
|
|
font-size: 15px;
|
|
line-height: 1.4;
|
|
vertical-align: middle;
|
|
font-weight: 400;
|
|
box-shadow: 2px 2px 10px -6px #000000;
|
|
color: #fff;
|
|
background: #5bc0de;
|
|
width: 640px;
|
|
margin: 5px auto;
|
|
}
|
|
/* Intro - end */
|
|
/* Properties Panel - begin */
|
|
.lepopup-properties-panel {
|
|
position: fixed;
|
|
right: -420px;
|
|
width: 420px;
|
|
top: 0;
|
|
bottom: 0;
|
|
background: #fcfcfc;
|
|
z-index: 2999;
|
|
overflow-x: auto;
|
|
overflow-y: scroll;
|
|
box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.9);
|
|
}
|
|
.lepopup-properties-panel::-webkit-scrollbar {
|
|
width: 5px;
|
|
}
|
|
.lepopup-properties-panel::-webkit-scrollbar-track {
|
|
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
|
}
|
|
.lepopup-properties-panel::-webkit-scrollbar-thumb {
|
|
background-color: #a93a65;
|
|
}
|
|
.lepopup-properties-panel-inner {
|
|
margin: 32px 0 0 0;
|
|
font-family: arial;
|
|
font-size: 14px;
|
|
position: relative;
|
|
}
|
|
#uap-body .lepopup-properties-panel-inner {
|
|
margin: 0;
|
|
}
|
|
.lepopup-properties-panel-close {
|
|
position: fixed;
|
|
display: none;
|
|
top: 50px;
|
|
right: -420px;
|
|
margin-right: 420px;
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 5px 0 0 5px;
|
|
background: #fcfcfc;
|
|
z-index: 3000;
|
|
box-shadow: -2px 2px 10px -8px rgba(0,0,0,0.9);
|
|
line-height: 40px;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
cursor: pointer;
|
|
color: #a93a65;
|
|
transition-duration: .3s;
|
|
-webkit-transition-duration: .3s;
|
|
transition-property: background, border, color;
|
|
-webkit-transition-property: background, border, color;
|
|
}
|
|
.lepopup-properties-panel-close:hover {
|
|
background: #a93a65;
|
|
color: #fff;
|
|
}
|
|
.lepopup-properties-panel-close:active {
|
|
transform: translateY(2px);
|
|
-webkit-transform: translateY(2px);
|
|
}
|
|
#uap-body .lepopup-properties-panel-close {
|
|
top: 10px;
|
|
}
|
|
.lepopup-properties-panel-loading {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 3000;
|
|
background: #fcfcfc;
|
|
display: none;
|
|
}
|
|
.lepopup-properties-panel-loading i {
|
|
position: sticky;
|
|
top: 45%;
|
|
left: 198px;
|
|
font-size: 24px;
|
|
width: 24px;
|
|
height: 24px;
|
|
display: block;
|
|
}
|
|
.lepopup-properties-panel .lepopup-tabs {
|
|
padding-left: 0;
|
|
}
|
|
.lepopup-properties-panel .lepopup-tab-active,
|
|
.lepopup-properties-panel .lepopup-tab-active:focus,
|
|
.lepopup-properties-panel .lepopup-tab-active:focus:active,
|
|
.lepopup-properties-panel .lepopup-tab-active:hover {
|
|
background: #fcfcfc;
|
|
}
|
|
.lepopup-properties-panel .lepopup-properties-item {
|
|
margin: 20px 0;
|
|
display: block;
|
|
}
|
|
.lepopup-properties-panel .lepopup-properties-label {
|
|
display: inline-block;
|
|
padding-left: 20px;
|
|
width: auto;
|
|
padding-right: 0;
|
|
min-width: auto;
|
|
}
|
|
.lepopup-properties-panel .lepopup-properties-tooltip {
|
|
display: inline-block;
|
|
width: 1.5em;
|
|
min-width: 1.5em;
|
|
line-height: 1;
|
|
}
|
|
.lepopup-properties-panel .lepopup-properties-content {
|
|
display: block;
|
|
padding-left: 20px;
|
|
}
|
|
.lepopup-properties-panel .lepopup-properties-content>div,
|
|
.lepopup-properties-panel .lepopup-properties-group>div,
|
|
.lepopup-properties-panel .lepopup-properties-line>div {
|
|
padding-left: 0px;
|
|
}
|
|
.lepopup-properties-panel .lepopup-properties-line,
|
|
.lepopup-properties-panel .lepopup-properties-group {
|
|
display: block;
|
|
margin: 0;
|
|
}
|
|
.lepopup-properties-panel .lepopup-properties-panel-block {
|
|
display: block;
|
|
padding-left: 0px !important;
|
|
width: auto !important;
|
|
margin-bottom: 5px;
|
|
}
|
|
.lepopup-properties-panel .lepopup-properties-panel-inline {
|
|
display: inline-block !important;
|
|
width: auto !important;
|
|
margin-right: 10px;
|
|
margin-bottom: 5px;
|
|
padding: 0 !important;
|
|
}
|
|
.lepopup-properties-panel .lepopup-properties-panel-inline.lepopup-input-units {
|
|
width: 100px !important;
|
|
}
|
|
.lepopup-properties-panel .minicolors-theme-default.minicolors {
|
|
display: block;
|
|
}
|
|
.lepopup-properties-panel .lepopup-properties-item>.lepopup-properties-label,
|
|
.lepopup-properties-panel .lepopup-properties-noitem>.lepopup-properties-label {
|
|
color: #888;
|
|
margin-bottom: 5px;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
}
|
|
.lepopup-properties-panel .lepopup-properties-item>.lepopup-properties-label label,
|
|
.lepopup-properties-panel .lepopup-properties-noitem>.lepopup-properties-label label {
|
|
font-weight: bold;
|
|
}
|
|
.lepopup-properties-panel .lepopup-properties-logic-rule-table {
|
|
display: block;
|
|
}
|
|
.lepopup-properties-panel .lepopup-properties-logic-rule-table>div {
|
|
display: block;
|
|
padding: 0;
|
|
margin-bottom: 5px;
|
|
width: auto;
|
|
}
|
|
.lepopup-properties-panel .lepopup-properties-logic-rule-table>div.lepopup-properties-logic-rule-icons {
|
|
margin-bottom: 0;
|
|
}
|
|
.lepopup-properties-panel .lepopup-textarea-shortcode-selector .lepopup-shortcode-selector {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.lepopup-properties-panel .lepopup-textarea-shortcode-selector .lepopup-shortcode-selector .lepopup-shortcode-selector-button {
|
|
top: -36px;
|
|
right: 10px;
|
|
left: auto;
|
|
border-radius: 3px 3px 0 0;
|
|
border-bottom: none;
|
|
border-right: 1px solid #ddd;
|
|
}
|
|
.lepopup-properties-panel .lepopup-textarea-shortcode-selector .lepopup-shortcode-selector ul.lepopup-shortcode-selector-list-input {
|
|
left: auto;
|
|
right: 46px;
|
|
}
|
|
.lepopup-properties-panel .lepopup-properties-options-table-header {
|
|
display: none;
|
|
}
|
|
.lepopup-properties-panel .lepopup-properties-options-box {
|
|
height: 480px;
|
|
}
|
|
.lepopup-properties-panel .lepopup-properties-image-options-table .lepopup-properties-options-table>div,
|
|
.lepopup-properties-panel .lepopup-properties-options-table>div {
|
|
width: auto;
|
|
display: block;
|
|
padding: 0;
|
|
margin-bottom: 8px;
|
|
}
|
|
.lepopup-properties-panel .lepopup-properties-options-table>div.lepopup-image-url span {
|
|
margin-right: 0;
|
|
}
|
|
.lepopup-properties-panel .lepopup-properties-image-options-table .lepopup-properties-options-table>div.lepopup-properties-options-table-icons,
|
|
.lepopup-properties-panel .lepopup-properties-options-table>div.lepopup-properties-options-table-icons {
|
|
margin-bottom: 0;
|
|
}
|
|
.lepopup-properties-panel .lepopup-properties-options-table-label::after {
|
|
content: 'Label';
|
|
position: absolute;
|
|
top: -6px;
|
|
right: 10px;
|
|
font-size: 12px;
|
|
background: #fff;
|
|
line-height: 1;
|
|
padding: 0px 3px;
|
|
color: #bbb;
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
}
|
|
.lepopup-properties-panel .lepopup-properties-options-table-value::after {
|
|
content: 'Value';
|
|
position: absolute;
|
|
top: -6px;
|
|
right: 10px;
|
|
font-size: 12px;
|
|
background: #fff;
|
|
line-height: 1;
|
|
padding: 0px 3px;
|
|
color: #bbb;
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
}
|
|
.lepopup-properties-panel .lepopup-properties-options-table-image::after {
|
|
content: 'Image';
|
|
position: absolute;
|
|
top: -6px;
|
|
right: 10px;
|
|
font-size: 12px;
|
|
background: #fff;
|
|
line-height: 1;
|
|
padding: 0px 3px;
|
|
color: #bbb;
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
}
|
|
/* Properties Panel - begin */
|
|
.lepopup-element-style {
|
|
display: none;
|
|
visibility: hidden;
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
@media screen and (max-width: 782px) {
|
|
html.wp-toolbar.lepopup-toolbars-fixed .lepopup-toolbars {
|
|
top: 46px;
|
|
}
|
|
html.wp-toolbar .lepopup-toolbar-tooltipster {
|
|
margin-top: -46px;
|
|
}
|
|
html.wp-toolbar.lepopup-toolbars-fixed .lepopup-toolbar-tooltipster {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
@media screen and (max-width: 600px) {
|
|
html.wp-toolbar.lepopup-toolbars-fixed .lepopup-toolbars {
|
|
top: 0px;
|
|
}
|
|
html.wp-toolbar .lepopup-toolbar-tooltipster {
|
|
margin-top: 0px;
|
|
}
|
|
}
|
|
|