1529 lines
32 KiB
CSS
1529 lines
32 KiB
CSS
/* ================================================
|
|
* DUPLICATOR STYLE
|
|
* Common elements shared across the duplicator plugin
|
|
* ================================================ */
|
|
|
|
/*Global Elements*/
|
|
.duplicator-pages #wpcontent{
|
|
padding-left: 0px;
|
|
position: relative;
|
|
}
|
|
.duplicator-pages #wpbody{
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.duplicator-pages #wpbody-content {
|
|
padding-bottom: 200px;
|
|
}
|
|
|
|
input[type=button]{cursor:pointer;padding:5px;cursor:pointer;}
|
|
input[type=submit]{cursor:pointer;padding:5px;cursor:pointer;}
|
|
fieldset {border:1px solid gray; padding:0px 5px 5px 5px; }
|
|
label {font-size:13px}
|
|
.no-select {user-select:none; -o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none;}
|
|
hr {border:0; border-top:1px solid #cecece; border-bottom:1px solid #fafafa; margin:10px 0px 10px 0px;}
|
|
i[data-tooltip].fa-question-circle {cursor:pointer; color:#C3C3C3}
|
|
i[data-tooltip].fa-lightbulb-o {cursor:pointer; color:gray}
|
|
span.btn-separator {content:''; display:inline-block; background:silver; margin:2px 3px; height:25px; width:1px; vertical-align:top;}
|
|
a.grey-icon i.fa {color:#777}
|
|
i.grey-icon {color:#777}
|
|
.maroon {color:maroon}
|
|
|
|
.no-display {display:none !important;}
|
|
.link-style {color:#0074ab; cursor:pointer; text-decoration:underline;}
|
|
.link-style:hover {color:#00a0d2;}
|
|
.no-decoration {text-decoration:none;}
|
|
p.description {padding-top:3px}
|
|
.dup-guide-txt-color {color:#b0b0b0;}
|
|
i.shield-on {color:#337114}
|
|
i.shield-off {color:maroon}
|
|
.green {color: #008000;}
|
|
.red {color: #DB4B38;}
|
|
ul.dup-pro-simple-style-disc {list-style: disc; margin-left: 20px;}
|
|
|
|
/*TABS*/
|
|
ul.category-tabs li {
|
|
cursor:pointer;
|
|
user-select: none;
|
|
}
|
|
|
|
ul.category-tabs {
|
|
font-size: 14px;
|
|
}
|
|
|
|
/*BOXES:Expandable sections */
|
|
div.dup-box {padding:0px; display:block; background-color:#fff; border:1px solid #e5e5e5; box-shadow:0 1px 1px rgba(0,0,0,.04);}
|
|
div.dup-box-title {font-size:20px; padding:12px 0 3px 12px; font-weight:bold; cursor:pointer; height:30px; margin:0; color:#000; user-select:none; }
|
|
div.dup-box-title:hover {background-color: #f9f9f9;}
|
|
div.dup-box-arrow {text-decoration:none!important; float:right; width:27px; height:30px; font-size:16px; cursor:pointer; padding:1px 0 0 0; white-space:nowrap}
|
|
div.dup-box-panel {padding:10px 15px 10px 15px; border-top:1px solid #EEEEEE; margin:-1px 0 0 0;}
|
|
div.dup-redirect {font-size:16px; font-weight:bold; padding:10px}
|
|
|
|
/*PANELS:Boxes that do not exapand */
|
|
div.dup-panel {padding:0px; display:block; background-color:#fff; border:1px solid #e5e5e5; box-shadow:0 1px 1px rgba(0,0,0,.04);}
|
|
div.dup-panel-title {font-size:14px; padding:10px 0 0 15px; font-weight:600; height:28px; margin:0px; color:#000; }
|
|
div.dup-panel-panel {padding:10px 15px 10px 15px; border-top:1px solid #EEEEEE; margin:-1px 0 0 0;}
|
|
|
|
/*INFO-BOX:Simple box with no title */
|
|
div.dup-info-box {padding:8px; border:1px solid #ccc; border-radius:4px; background-color:#F7FCFE; margin:0px 0px 5px 20px; line-height:16px}
|
|
div.dup-info-box small {margin-top:10px; display:block}
|
|
|
|
/*PACKAGE:Progress Boxes */
|
|
div#dup-scan-progress-bar-wrapper,
|
|
div#dup-build-progress-bar-wrapper {
|
|
width: 700px;
|
|
margin: 40px auto 0px auto;
|
|
border: 1px solid #ccc;
|
|
box-shadow: 0 8px 6px -6px #999;
|
|
text-align: center;
|
|
border-radius: 4px;
|
|
color: #000;
|
|
overflow: hidden;
|
|
}
|
|
div#dup-progress-bar-area {padding:40px 50px;}
|
|
div#dup-progress-bar-area h2 {margin-bottom:15px}
|
|
|
|
/*HEADER MESSAGES*/
|
|
div.dup-hdr-success {color:#23282d; font-size:22px; font-weight:bold}
|
|
div.dup-hdr-error {color:#A62426; font-size:22px; font-weight:bold}
|
|
|
|
/*DIALOGS:THICKBOX */
|
|
#TB_title { padding-bottom:3px!important; margin-bottom:5px!important; font-size:16px!important;}
|
|
div.dup-dlg-alert-txt {padding:8px 0; font-size:16px; line-height:22px}
|
|
div.dup-dlg-alert-btns {position:absolute; bottom:20px; right:20px;}
|
|
div.dup-dlg-confirm-txt {padding:10px 0; font-size:16px}
|
|
div.dup-dlg-confirm-btns {position:absolute; bottom:20px; right:20px;}
|
|
div.dup-dlg-confirm-progress {display:none}
|
|
|
|
/*ADMIN:NOTICES */
|
|
div.dup-global-error-reserved-files p {font-size:14px}
|
|
div.dup-global-error-reserved-files b.pass-msg {color:green; font-size:20px}
|
|
div.dup-global-error-reserved-files p.pass-lnks {line-height:24px; margin:-7px 0 0 5px}
|
|
div.dup-global-error-reserved-files div.pass-msg {padding:5px 0 0 10px; font-size:11px; color:#999; font-style:italic}
|
|
div.dup-wpnotice-box {display:none;}
|
|
|
|
.dup-migration-pass-wrapper p {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.dup-migration-pass-title {
|
|
color: green;
|
|
font-size: 20px;
|
|
margin: 10px 0;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.dup-stored-minstallation-files {
|
|
margin-left: 20px;
|
|
line-height: 1;
|
|
font-style: italic;
|
|
margin-top: 0;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.dup-migration-pass-wrapper .sub-note {
|
|
font-size: 12px;
|
|
}
|
|
|
|
label.dup-store-lbl:hover {
|
|
color:#000;
|
|
font-weight:500;
|
|
}
|
|
|
|
/*================================================
|
|
PARSLEY:Overrides*/
|
|
input.parsley-error, textarea.parsley-error {
|
|
color:#B94A48 !important;
|
|
background-color:#F2DEDE !important;
|
|
border:1px solid #EED3D7 !important;
|
|
}
|
|
div.qtip-content {line-height:16px}
|
|
ul.parsley-error-list {margin:1px 0px -7px 0px}
|
|
div.notice-safemode {color:maroon;}
|
|
div.cleanup-notice b.title {color:green;font-size:20px;}
|
|
|
|
/*SCREEN TABS*/
|
|
div.dup-screen-hlp-info {line-height:26px; padding:10px 0 10px 0}
|
|
#screen-meta-links .button { font-size:13px !important; height:auto !important;font-weight:normal; padding:3px 6px 3px 16px !important;min-width:72px !important}
|
|
|
|
/*= Duplicator Message
|
|
---------------------------------------*/
|
|
.notice.duplicator-message {
|
|
border:none;
|
|
padding:20px;
|
|
}
|
|
|
|
.notice.duplicator-message .duplicator-message-inner {
|
|
display:-webkit-box;
|
|
display:-webkit-flex;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-align:center;
|
|
-webkit-align-items:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
}
|
|
|
|
.notice.duplicator-message .duplicator-message-icon {
|
|
font-size:20px;
|
|
}
|
|
|
|
.notice.duplicator-message .duplicator-message-content {
|
|
padding:0 20px;
|
|
}
|
|
|
|
.notice.duplicator-message p {
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
|
|
.notice.duplicator-message h3 {
|
|
margin:0 0 5px;
|
|
}
|
|
|
|
.notice.duplicator-message .duplicator-message-action {
|
|
text-align:center;
|
|
display:-webkit-box;
|
|
display:-webkit-flex;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-orient:vertical;
|
|
-webkit-box-direction:normal;
|
|
-webkit-flex-direction:column;
|
|
-ms-flex-direction:column;
|
|
flex-direction:column;
|
|
margin-left:auto;
|
|
}
|
|
|
|
.notice.duplicator-message .duplicator-message-action .duplicator-button {
|
|
background-color:#D30C5C;
|
|
color:#fff;
|
|
border-color:#7c1337;
|
|
-webkit-box-shadow:0 1px 0 #7c1337;
|
|
box-shadow:0 1px 0 #7c1337;
|
|
padding:5px 30px;
|
|
height:auto;
|
|
line-height:20px;
|
|
text-transform:capitalize;
|
|
}
|
|
|
|
.notice.duplicator-message .duplicator-message-action .duplicator-button i {
|
|
margin-right:5px;
|
|
}
|
|
|
|
.notice.duplicator-message .duplicator-message-action .duplicator-button:hover {
|
|
background-color:#a0124a;
|
|
}
|
|
|
|
.notice.duplicator-message .duplicator-message-action .duplicator-button:active {
|
|
-webkit-box-shadow:inset 0 1px 0 #7c1337;
|
|
box-shadow:inset 0 1px 0 #7c1337;
|
|
-webkit-transform:translateY(1px);
|
|
-ms-transform:translateY(1px);
|
|
transform:translateY(1px);
|
|
}
|
|
|
|
.notice.duplicator-message .duplicator-message-action .duplicator-link {
|
|
padding-top:5px;
|
|
}
|
|
|
|
.notice.duplicator-message .duplicator-message-actions {
|
|
margin-top:10px;
|
|
}
|
|
|
|
.notice.duplicator-message .duplicator-message-actions .button.button-primary {
|
|
margin-right:5px;
|
|
}
|
|
|
|
.notice.duplicator-message-announcement {
|
|
border-color:#D30C5C;
|
|
}
|
|
|
|
.notice.duplicator-message-announcement a {
|
|
color:#D30C5C;
|
|
}
|
|
|
|
@media (min-width:1200px) {
|
|
.duplicator-message-action {
|
|
padding-right:10px;
|
|
}
|
|
}
|
|
|
|
@media (max-width:600px) {
|
|
.notice.duplicator-message {
|
|
padding:20px;
|
|
}
|
|
.notice.duplicator-message .duplicator-message-inner {
|
|
display:block;
|
|
text-align:center;
|
|
}
|
|
.notice.duplicator-message .duplicator-message-inner .duplicator-message-icon,
|
|
.notice.duplicator-message .duplicator-message-inner .duplicator-message-content,
|
|
.notice.duplicator-message .duplicator-message-inner .duplicator-message-action {
|
|
display:block;
|
|
}
|
|
.notice.duplicator-message .duplicator-message-inner .duplicator-message-action {
|
|
text-align:center;
|
|
}
|
|
.notice.duplicator-message .duplicator-message-inner .duplicator-message-icon {
|
|
width:auto;
|
|
}
|
|
.notice.duplicator-message .duplicator-message-inner .duplicator-message-content {
|
|
padding:10px 0;
|
|
}
|
|
}
|
|
|
|
/** Settings **/
|
|
.dup-settings-pages p.description {max-width:700px; font-size:13px; color:#666; padding-left:15px; text-align:justify; }
|
|
.licenses-table .description p {margin-bottom: 15px;}
|
|
.licenses-table .description p.discount-note {font-style: italic;color: #666;}
|
|
.licenses-table .description p.discount-note strong {color: green;}
|
|
#dup-lite-inst-mode-details p { margin:1em 0; max-width:700px; font-size:13px; color:#666; padding-left:15px; text-align:justify;}
|
|
#installer-name-mode-option {
|
|
line-height:25px;
|
|
}
|
|
|
|
#dup-lite-inst-mode-details {
|
|
display:none;
|
|
max-width:825px;
|
|
padding-left:20px;
|
|
line-height:18px;
|
|
}
|
|
|
|
|
|
|
|
.storage_pos_fixed_label {
|
|
display:inline-block;
|
|
width:120px;
|
|
}
|
|
|
|
/** Call to action **/
|
|
div.txt-call-action-title {
|
|
margin:40px auto 20px auto;
|
|
font-size:22px;
|
|
line-height:30px;
|
|
font-weight:bold;
|
|
width:100%;
|
|
}
|
|
|
|
div.txt-call-action-sub {
|
|
font-size:16px; line-height:24px; font-weight:bold; width:100%;
|
|
margin:20px auto 40px auto;
|
|
}
|
|
|
|
a.dup-btn-call-action {
|
|
box-shadow:0px 10px 14px -7px #3e7327;
|
|
background:linear-gradient(to bottom, #5ca53a 5%, #72b352 100%);
|
|
background-color:#4f8e32;
|
|
border-radius:4px;
|
|
border:1px solid #4b8f29;
|
|
display:block;
|
|
cursor:pointer;
|
|
color:#ffffff;
|
|
font-family:Arial;
|
|
font-size:18px;
|
|
font-weight:bold;
|
|
padding:10px 30px;
|
|
text-decoration:none;
|
|
text-shadow:0px 1px 0px #5b8a3c;
|
|
width:150px;
|
|
margin:auto;
|
|
text-align:center;
|
|
}
|
|
|
|
a.dup-btn-call-action:hover {
|
|
background:linear-gradient(to bottom, #72b352 5%, #337114 100%);
|
|
background-color:#337114;
|
|
color:#fff;
|
|
}
|
|
|
|
.dup-btn-call-action:active {
|
|
color:#fff;
|
|
}
|
|
|
|
td.dup-store-promo-area {
|
|
padding:7px 0 7px 7px;
|
|
border-top:1px solid silver;
|
|
background-color: #fcf9e8
|
|
}
|
|
|
|
td.dup-store-promo-area i[data-tooltip].fa-question-circle {
|
|
color: #e27730;
|
|
}
|
|
|
|
/* Notice bar */
|
|
#dup-notice-bar {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: #dddddd!important;
|
|
color: #777777;
|
|
text-align: center;
|
|
position: relative;
|
|
padding: 7px;
|
|
margin-bottom: -4px;
|
|
max-height: 100px;
|
|
overflow: hidden;
|
|
border-top: #fe4716 3px solid;
|
|
z-index: 999;
|
|
}
|
|
|
|
#dup-notice-bar a {
|
|
color: #fe4716;
|
|
}
|
|
|
|
#dup-notice-bar .dup-dismiss-button{
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
border: none;
|
|
padding: 5px;
|
|
margin-top: 1px;
|
|
background: 0 0;
|
|
color: #777777;
|
|
cursor: pointer;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#dup-notice-bar .dup-dismiss-button:before {
|
|
background: 0 0;
|
|
content: "\f335";
|
|
display: block;
|
|
font: normal 20px/20px dashicons;
|
|
height: 20px;
|
|
text-align: center;
|
|
width: 20px;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
#dup-notice-bar .dup-upgrade-arrow {
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#dup-notice-bar .dup-notice-logo {
|
|
line-height: 0;
|
|
}
|
|
|
|
#dup-notice-bar .dup-notice-logo img {
|
|
width: 20px;
|
|
height: 20px;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.dup-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
width: calc(100% - 40px);
|
|
border-top: 3px solid #fe4716;
|
|
padding: 20px;
|
|
padding-bottom: 0px;
|
|
position: relative;
|
|
left: 0px;
|
|
}
|
|
|
|
.duplicator-help-open {
|
|
border-radius: 100%;
|
|
width: 40px;
|
|
height: 40px;
|
|
border-color: transparent;
|
|
background: #c8c8c8;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.duplicator-help-open .fa-question-circle {
|
|
color: #535252;
|
|
font-size: 23px;
|
|
}
|
|
|
|
/* Allow screen meta to go over other content and not push it */
|
|
#dup-meta-screen {
|
|
margin: 0;
|
|
position: absolute;
|
|
top: -1px;
|
|
left: 0px;
|
|
right: 0;
|
|
z-index: 99;
|
|
}
|
|
|
|
#dup-notice-bar+#dup-meta-screen {
|
|
top:34px
|
|
}
|
|
|
|
.duplicator-pages #screen-meta {
|
|
margin: 0 20px -1px 20px;
|
|
position: relative;
|
|
background-color: #fff;
|
|
border: 1px solid #c3c4c7;
|
|
border-top: none;
|
|
box-shadow: 0 0 0 transparent;
|
|
}
|
|
|
|
#screen-meta-links .screen-meta-toggle {
|
|
position: absolute;
|
|
right: 20px;
|
|
top: auto;
|
|
}
|
|
|
|
.duplicator-pages #screen-meta-links,
|
|
.duplicator-pages #screen-meta {
|
|
display: none;
|
|
}
|
|
|
|
.duplicator-pages .wrap > h1 {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.mock-blur {
|
|
filter: blur(4px);
|
|
pointer-events: none;
|
|
}
|
|
|
|
.dup-clearfix:before {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
|
|
.dup-clearfix:after {
|
|
clear: both;
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
|
|
/* New button designs in the red color of the logo */
|
|
.dup-btn {
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
white-space: nowrap;
|
|
box-shadow: none;
|
|
border: none;
|
|
}
|
|
|
|
.dup-btn-block {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.dup-btn-lg {
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
padding: 16px 28px;
|
|
}
|
|
|
|
.dup-btn-md {
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
padding: 8px 12px;
|
|
}
|
|
|
|
.dup-btn-orange {
|
|
background-color: #fe4716;
|
|
color: white;
|
|
}
|
|
|
|
.dup-btn-orange:hover,
|
|
.dup-btn-orange:focus {
|
|
color: white;
|
|
background-color: #b85a1b;
|
|
}
|
|
|
|
.dup-btn-orange:focus {
|
|
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #b85a1b;
|
|
}
|
|
|
|
.dup-btn-grey {
|
|
background-color: #eee;
|
|
border: 1px solid #ccc;
|
|
color: #666;
|
|
}
|
|
|
|
.dup-btn-grey:hover,
|
|
.dup-btn-grey:focus {
|
|
background-color: #d7d7d7;
|
|
color: #444;
|
|
}
|
|
|
|
.dup-btn-grey:focus {
|
|
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d7d7d7;
|
|
}
|
|
|
|
.dup-btn-green {
|
|
background-color: #1da867;
|
|
color: white;
|
|
}
|
|
|
|
.dup-btn-green:hover,
|
|
.dup-btn-green:focus {
|
|
color: white;
|
|
background-color: #199a5e;
|
|
}
|
|
|
|
.dup-btn-green:focus {
|
|
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #199a5e;
|
|
}
|
|
|
|
.dup-btn-trans-green {
|
|
color: #1da867;
|
|
}
|
|
|
|
.dup-btn-trans-green:hover,
|
|
.dup-btn-trans-green:focus {
|
|
color: white;
|
|
background-color: #1da867;
|
|
}
|
|
|
|
.dup-btn-trans-green:focus {
|
|
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #1da867;
|
|
}
|
|
|
|
.dup-btn-trans-green .underline {
|
|
position: relative;
|
|
}
|
|
|
|
.dup-btn-trans-green .underline:after {
|
|
content: " ";
|
|
border-bottom: 1px dashed #1da867;
|
|
position: absolute;
|
|
bottom: -5px;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
/* ADDONS LIST STYLE */
|
|
.dup-btn-green {
|
|
background-color: #1da867;
|
|
color: white;
|
|
}
|
|
|
|
.dup-btn-green:hover,
|
|
.dup-btn-green:focus {
|
|
color: white;
|
|
background-color: #199a5e;
|
|
}
|
|
|
|
.dup-btn-green:focus {
|
|
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #199a5e;
|
|
}
|
|
|
|
/* STORAGE PAGE STYLE */
|
|
|
|
#dup-admin-addons *,
|
|
#dup-admin-addons *::before,
|
|
#dup-admin-addons *::after {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#dup-admin-addons #dup-admin-addons-list .list {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: stretch;
|
|
margin-left: -20px;
|
|
margin-right: -20px;
|
|
}
|
|
|
|
#dup-admin-addons #dup-admin-addons-list .list .action-button button,
|
|
#dup-admin-addons #dup-admin-addons-list .list .action-button a {
|
|
border: 1px solid #ddd;
|
|
border-radius: 3px;
|
|
box-shadow: none;
|
|
font-weight: 600;
|
|
width: 140px;
|
|
text-align: center;
|
|
}
|
|
|
|
#dup-admin-addons #dup-admin-addons-list .list .action-button button:focus,
|
|
#dup-admin-addons #dup-admin-addons-list .list .action-button a:focus {
|
|
border-color: #2271b1;
|
|
box-shadow: 0 0 0 1px #2271b1;
|
|
outline: none;
|
|
}
|
|
|
|
#dup-admin-addons .unlock-msg h4 {
|
|
margin: 1.5em 0 8px;
|
|
}
|
|
|
|
#dup-admin-addons .unlock-msg p {
|
|
margin: 0 0 1.5em;
|
|
}
|
|
|
|
#dup-admin-addons .addons-container {
|
|
padding: 0 20px;
|
|
width: 33.333333%;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
@media (max-width: 1249px) {
|
|
#dup-admin-addons .addons-container {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
#dup-admin-addons .addons-container {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
#dup-admin-addons.full .addons-container {
|
|
padding: 0;
|
|
width: 100%;
|
|
margin-bottom: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
#dup-admin-addons.full .addon-item h5 {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
#dup-admin-addons h4 {
|
|
font-size: 17px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
#dup-admin-addons .addon-item {
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
border-radius: 3px;
|
|
margin: 0;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#dup-admin-addons .addon-item img {
|
|
border: 1px solid #eee;
|
|
float: left;
|
|
width: 75px;
|
|
}
|
|
|
|
#dup-admin-addons .addon-item h5 {
|
|
margin: 0 0 0 100px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
#dup-admin-addons .addon-item h5 a {
|
|
color: #444;
|
|
display: inline-block;
|
|
margin: 0 10px 10px 0;
|
|
}
|
|
|
|
#dup-admin-addons .addon-item h5 a:hover {
|
|
color: #006799;
|
|
}
|
|
|
|
#dup-admin-addons .addon-item p {
|
|
margin: 0 0 0 100px;
|
|
}
|
|
|
|
#dup-admin-addons .addon-item .status {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
#dup-admin-addons .addon-item .details {
|
|
padding: 30px 20px;
|
|
}
|
|
|
|
#dup-admin-addons .addon-item .actions {
|
|
display: flex;
|
|
align-items: center;
|
|
background-color: #f7f7f7;
|
|
border-top: 1px solid #ddd;
|
|
padding: 20px;
|
|
min-height: 75px;
|
|
position: relative;
|
|
}
|
|
|
|
#dup-admin-addons .addon-item .actions .msg p {
|
|
margin: 0;
|
|
}
|
|
|
|
#dup-admin-addons .addon-item .actions .msg a,
|
|
#dup-admin-addons .addon-item .actions .msg a:hover {
|
|
color: inherit;
|
|
}
|
|
|
|
#dup-admin-addons .addon-item .upgrade-button {
|
|
text-align: center;
|
|
}
|
|
|
|
#dup-admin-addons .addon-item .upgrade-button a {
|
|
font-weight: 600;
|
|
width: 140px;
|
|
text-align: center;
|
|
padding: 8px 5px;
|
|
}
|
|
|
|
#dup-admin-addons .addon-item .action-button button {
|
|
width: 140px;
|
|
}
|
|
|
|
#dup-admin-addons .addon-item .dup-storage-recommended i {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.addon-item .upgrade-button {
|
|
text-align: center;
|
|
}
|
|
|
|
.addon-item .upgrade-button a {
|
|
font-weight: 600;
|
|
width: 140px;
|
|
text-align: center;
|
|
}
|
|
|
|
.addon-item .action-button button {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.addon-item .action-button a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
#dup-admin-addons .addon-item .status .status-active {
|
|
color: #00a32a
|
|
}
|
|
|
|
#dup-admin-addons .addon-item .status .status-installed {
|
|
color: #d63638
|
|
}
|
|
|
|
#dup-admin-addons .addon-item .actions .msg.error {
|
|
color: #d63638
|
|
}
|
|
|
|
.addon-item .action-button button.status-installed .fa {
|
|
color: #d63638
|
|
}
|
|
|
|
.addon-item .action-button button.status-active .fa {
|
|
color: #00a32a
|
|
}
|
|
|
|
.addon-item .action-button button.loading .fa {
|
|
color: #666
|
|
}
|
|
|
|
|
|
/* COLUMN STYLES */
|
|
|
|
.dup-admin-columns > div[class*="-column-"] {
|
|
float: left;
|
|
}
|
|
|
|
.dup-admin-columns .dup-admin-column-20 {
|
|
width: 20%;
|
|
}
|
|
|
|
.dup-admin-columns .dup-admin-column-33 {
|
|
width: 33.33333%;
|
|
}
|
|
|
|
.dup-admin-columns .dup-admin-column-40 {
|
|
width: 40%;
|
|
}
|
|
|
|
.dup-admin-columns .dup-admin-column-50 {
|
|
width: 50%;
|
|
}
|
|
|
|
.dup-admin-columns .dup-admin-column-60 {
|
|
width: 60%;
|
|
}
|
|
|
|
.dup-admin-columns .dup-admin-column-80 {
|
|
width: 80%;
|
|
}
|
|
|
|
.dup-admin-columns .dup-admin-column-last {
|
|
float: right !important;
|
|
}
|
|
|
|
.dup-admin-columns:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
|
|
.dup-subscribe-form{
|
|
color: #3c434a;
|
|
}
|
|
|
|
#dup-scan-progress-bar-wrapper .dup-subscribe-form,
|
|
#dup-build-progress-bar-wrapper .dup-subscribe-form {
|
|
padding-bottom: 35px;
|
|
}
|
|
|
|
#dup-msg-success .dup-subscribe-form {
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.dup-subscribe-form input[type=email] {
|
|
padding: 4px 12px;
|
|
vertical-align: middle;
|
|
margin: 0;
|
|
width: 320px;
|
|
border-radius: 3px 0 0 3px;
|
|
font-size: 14px;
|
|
border: 1px solid #c5c5c5;
|
|
border-right: 0;
|
|
}
|
|
|
|
.dup-subscribe-form .dup-btn {
|
|
border-radius: 0 3px 3px 0;
|
|
margin: 0;
|
|
font-size: 15px;
|
|
padding: 10px 12px;
|
|
}
|
|
|
|
.dup-subscribe-form .desc {
|
|
margin-top: 10px;
|
|
}
|
|
.dup-subscribe-form small {
|
|
font-size: 13px;
|
|
}
|
|
|
|
/* PACKAGES BOTTOM BAR */
|
|
#dup-packages-bottom-bar {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
|
|
#dup-packages-bottom-bar .feature {
|
|
flex-grow: 4;
|
|
}
|
|
|
|
#dup-packages-bottom-bar .fa-info-circle {
|
|
text-align: center;
|
|
padding: 0 20px 0 10px;
|
|
font-size: 40px;
|
|
color: #fe4716;
|
|
}
|
|
|
|
#dup-packages-bottom-bar p {
|
|
margin: 0;
|
|
white-space: normal;
|
|
word-break: break-word;
|
|
max-width: 600px;
|
|
}
|
|
|
|
#dup-packages-bottom-bar-dismiss {
|
|
margin: 0;
|
|
padding: 0 0 0 15px;
|
|
border: 0 none;
|
|
background: transparent;
|
|
color: #787c82;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/** Callout CTA */
|
|
|
|
.dup-settings-lite-cta {
|
|
background-color: #fff;
|
|
border: 1px solid #dadada;
|
|
padding: 25px 20px;
|
|
margin: 10px 0 0 0;
|
|
position: relative;
|
|
}
|
|
|
|
.dup-settings-lite-cta .dismiss {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 10px;
|
|
color: #666;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.dup-settings-lite-cta h5 {
|
|
margin: 0 0 16px;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.dup-settings-lite-cta h6 {
|
|
font-weight: 700;
|
|
font-size: 14px;
|
|
margin: 0 0 16px;
|
|
}
|
|
|
|
.dup-settings-lite-cta p {
|
|
color: #555;
|
|
font-size: 14px;
|
|
margin: 0 0 16px;
|
|
}
|
|
|
|
.dup-settings-lite-cta p:last-of-type {
|
|
margin: 0;
|
|
}
|
|
|
|
.dup-settings-lite-cta p a {
|
|
color: #fe4716;
|
|
}
|
|
|
|
.dup-settings-lite-cta p a:hover {
|
|
color: #b85a1b;
|
|
}
|
|
|
|
.dup-settings-lite-cta .list {
|
|
display: flex;
|
|
margin: 0 0 16px 0;
|
|
overflow: auto;
|
|
max-width: 900px;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
color: #555;
|
|
font-size: 14px;
|
|
list-style: none;
|
|
}
|
|
|
|
.dup-settings-lite-cta .list > .item {
|
|
flex: 33.33% 0;
|
|
box-sizing: border-box;
|
|
padding: 0 0 2px 0;
|
|
}
|
|
|
|
.dup-settings-lite-cta .list > .item > span::before {
|
|
content: '+ ';
|
|
}
|
|
|
|
@media (max-width: 900px) {
|
|
.dup-settings-lite-cta .list > .item {
|
|
flex: 50% 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.dup-settings-lite-cta .list > .item {
|
|
flex: 100% 1;
|
|
}
|
|
}
|
|
|
|
.dup-settings-lite-cta .green {
|
|
color: #218900;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.dup-settings-lite-cta .fa-star {
|
|
color: #ff982d;
|
|
}
|
|
|
|
/* DID YOU KNOW STYLE */
|
|
|
|
#duplicator-did-you-know {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 10px;
|
|
text-align: center;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-size: 15px;
|
|
line-height: 24px;
|
|
color: #444444;
|
|
background: #fcf9e8;
|
|
border-bottom: 1px solid #ede2a0;
|
|
}
|
|
|
|
#duplicator-did-you-know a {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
#duplicator-did-you-know .fa-info-circle {
|
|
font-size: 20px;
|
|
margin-right: 5px;
|
|
vertical-align: text-top;
|
|
color: #e27730;
|
|
}
|
|
|
|
/* ADVANCED STORAGES POPUP */
|
|
.advanced-storages-popup-content {
|
|
text-align: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 20px
|
|
}
|
|
|
|
.advanced-storages-popup-content img {
|
|
width: 250px;
|
|
}
|
|
|
|
.advanced-storages-popup-content .storage-icon {
|
|
vertical-align: middle;
|
|
margin-right: 5px;
|
|
width: 20px
|
|
}
|
|
|
|
.advanced-storages-popup-content ul {
|
|
text-align: left;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
color: #555;
|
|
font-size: 14px;
|
|
list-style: none;
|
|
margin: 0 auto;
|
|
justify-content: end;
|
|
}
|
|
|
|
.advanced-storages-popup-content ul li {
|
|
flex: 45% 0;
|
|
box-sizing: border-box;
|
|
padding: 0 0 8px 0;
|
|
}
|
|
|
|
#dup-settings-upgrade-license-key {
|
|
background-color: #fff;
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
box-shadow: none;
|
|
color: #333;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
padding: 7px 12px;
|
|
margin: 0 10px 0 0;
|
|
width: 400px;
|
|
min-height: 35px;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
#redirect-to-remote-upgrade-endpoint {
|
|
visibility: hidden;
|
|
position: absolute;
|
|
left: -1000;
|
|
top: -1000;
|
|
}
|
|
|
|
/** Package Components **/
|
|
|
|
.filter-files-tab-content {
|
|
padding: 0!important;
|
|
}
|
|
|
|
.dup-package-components {
|
|
display: flex;
|
|
flex-direction: row;
|
|
border-bottom: 1px solid #dcdcde;
|
|
min-height: 300px;
|
|
}
|
|
|
|
.dup-radio-button-group-wrapper {
|
|
width: 100%;
|
|
display: flex;
|
|
border-top: 1px solid #dcdcde;
|
|
border-bottom: 1px solid #dcdcde;
|
|
}
|
|
|
|
.dup-radio-button-group-wrapper input[type="radio"] {
|
|
position: absolute;
|
|
left: -9999em;
|
|
}
|
|
|
|
.dup-radio-button-group-wrapper label {
|
|
flex: 1 1 25%;
|
|
padding: .5em 1em;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
color: #2271b1;
|
|
border-right: 1px solid #dcdcde;
|
|
background: #f6f7f7;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.dup-radio-button-group-wrapper input[type="radio"] + label:last-child {
|
|
border-right: none;
|
|
}
|
|
|
|
.dup-radio-button-group-wrapper input[type="radio"] + label:hover,
|
|
.dup-radio-button-group-wrapper input[type="radio"]:focus + label,
|
|
.dup-radio-button-group-wrapper input[type="radio"]:checked + label {
|
|
background: #2271b1;
|
|
border-color: #2271b1;
|
|
color: #fff;
|
|
}
|
|
|
|
#dup-upgrade-license-info {
|
|
padding: 10px;
|
|
background: #fcf9e8;
|
|
}
|
|
|
|
@media only screen and (max-width: 1150px) {
|
|
.dup-package-components {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.dup-package-components .section-title {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.dup-package-components .filter-section {
|
|
border-left: 0 none!important;
|
|
}
|
|
|
|
.dup-package-components .section-title {
|
|
height: auto!important;
|
|
}
|
|
|
|
.dup-package-components .component-section {
|
|
max-width: 100%!important;
|
|
}
|
|
}
|
|
|
|
.dup-package-components label input[type="checkbox"] {
|
|
margin: 0!important;
|
|
}
|
|
|
|
.dup-package-components .section-title {
|
|
margin: 0;
|
|
height: 20px;
|
|
padding: 10px;
|
|
background: #f0f0f1;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.dup-package-components .section-title label {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.dup-package-components .db-only-message {
|
|
display: none;
|
|
padding: 40px 20px 20px;
|
|
}
|
|
|
|
.dup-package-components .component-section {
|
|
flex: 1 1 33.33%;
|
|
max-width: 500px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.dup-package-components .component-section label.secondary {
|
|
margin-left: 40px;
|
|
}
|
|
|
|
.dup-package-components .custom-components-select {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.dup-package-components .component-section label.disabled,
|
|
.dup-package-components .component-section label.disabled input {
|
|
pointer-events: none;
|
|
color: gray;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.dup-package-components .filter-section {
|
|
flex: 1 3 66.66%;
|
|
border-left: 1px solid #dcdcde;
|
|
}
|
|
|
|
.dup-package-components .filter-section .filters {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.dup-package-components .component-section {
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.dup-package-components .filter-section .filters{
|
|
height: 100%;
|
|
}
|
|
.dup-package-components .filter-section textarea{
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.dup-package-components .filter-section textarea[readonly]{
|
|
background-image: linear-gradient(45deg, #f0f0f0 41.67%, #e0e0e0 41.67%, #e0e0e0 50%, #f0f0f0 50%, #f0f0f0 91.67%, #e0e0e0 91.67%, #e0e0e0 100%);
|
|
background-size: 12px 12px;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.dup-package-components .filter-section textarea#filter-paths{
|
|
flex: 4 1 auto;
|
|
}
|
|
|
|
.dup-package-components .filter-section .section-title .filter-links {
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.dup-package-components i[data-tooltip].fa-question-circle {
|
|
color: gray;
|
|
}
|
|
|
|
.dup-tabs-opts-help {
|
|
font-style: italic;
|
|
font-size: 12px;
|
|
padding: 10px;
|
|
color: #666;
|
|
}
|
|
|
|
.dup-package-components .pro-badge {
|
|
display: inline-block;
|
|
padding: 0px 5px;
|
|
background: #e27730;
|
|
color: #fff;
|
|
font-size: 8px;
|
|
font-weight: bold;
|
|
border-radius: 10px;
|
|
margin-left: 5px;
|
|
text-decoration: none;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#component-section-title {
|
|
position: relative;
|
|
}
|
|
|
|
#component-section-title i[data-tooltip].fa-question-circle {
|
|
color: #e27730;
|
|
}
|
|
|
|
/* Ajax loader */
|
|
#duplicator-ajax-loader {
|
|
display: none;
|
|
opacity: 0;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 100000000;
|
|
width: 100%;
|
|
height: 100%;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
background-color: rgba(200, 200, 200, 0.3);
|
|
}
|
|
|
|
#duplicator-ajax-loader-img-wrapper {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
opacity: 0.8;
|
|
}
|
|
|
|
#duplicator-ajax-loader-img-wrapper img {
|
|
animation-name: ajax-loader-spin;
|
|
animation-duration: 2s;
|
|
animation-iteration-count: infinite;
|
|
animation-timing-function: linear;
|
|
width: 100px;
|
|
}
|
|
|
|
@keyframes ajax-loader-spin {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
/** General styles */
|
|
.margin-top-0 {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.margin-top-1 {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.margin-top-2 {
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.margin-bottom-0 {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.margin-bottom-1 {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.margin-bottom-2 {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.margin-left-0 {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.margin-left-1 {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.margin-left-2 {
|
|
margin-left: 40px;
|
|
}
|
|
|
|
.margin-right-0 {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.margin-right-1 {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.margin-right-2 {
|
|
margin-right: 40px;
|
|
}
|
|
|
|
#dup-notice-duplicator_cross_promotion {
|
|
border-left-width: 1px;
|
|
}
|
|
|
|
#dup-cross-promotion > p {
|
|
font-size: 14px;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
#dup-cross-promotion .list {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 20px;
|
|
margin-bottom: 20px;
|
|
max-width: 1920px;
|
|
}
|
|
|
|
#dup-cross-promotion .plugin-item {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 20px;
|
|
align-items: center;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
@media (max-width: 1000px) {
|
|
#dup-cross-promotion .list {
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
#dup-cross-promotion .plugin-item h5 {
|
|
font-size: 16px;
|
|
margin: 0;
|
|
}
|
|
|
|
#dup-cross-promotion .plugin-item img {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
|
|
#dup-cross-promotion .plugin-item .details {
|
|
flex-grow: 2;
|
|
}
|
|
|
|
#dup-cross-promotion .plugin-item .details .addon-desc {
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-webkit-line-clamp: 2;
|
|
line-height: 1.4em;
|
|
height: 2.8em;
|
|
transition: height 0.3s ease;
|
|
}
|
|
|
|
#dup-cross-promotion:hover .plugin-item .details .addon-desc {
|
|
display: block;
|
|
overflow: none;
|
|
height: 7em;
|
|
}
|
|
|
|
.duplicator-multisite-notice {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 20px 10px;
|
|
}
|
|
|
|
.duplicator-multisite-notice .fa-exclamation-triangle {
|
|
display: none;
|
|
}
|
|
|
|
.duplicator-multisite-notice .dashicons-warning {
|
|
font-size: 60px;
|
|
width: 60px;
|
|
height: 60px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#wpfooter .duplicator-footer-promotion {
|
|
text-align: center;
|
|
font-weight: 400;
|
|
font-size: 13px;
|
|
line-height: normal;
|
|
color: #646970;
|
|
padding: 30px 0;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
#wpfooter .duplicator-footer-promotion p {
|
|
font-weight: 600;
|
|
}
|
|
|
|
#wpfooter .duplicator-footer-promotion-links,
|
|
#wpfooter .duplicator-footer-promotion-social {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
#wpfooter .duplicator-footer-promotion-links {
|
|
margin: 10px 0;
|
|
color: #646970;
|
|
}
|
|
|
|
#wpfooter .duplicator-footer-promotion-links a {
|
|
color: #056aab;
|
|
}
|
|
|
|
#wpfooter .duplicator-footer-promotion-links a:hover {
|
|
color: #04558a;
|
|
}
|
|
|
|
#wpfooter .duplicator-footer-promotion-links span {
|
|
color: #c3c4c7;
|
|
padding: 0 7px;
|
|
}
|
|
|
|
#wpfooter .duplicator-footer-promotion-social {
|
|
gap: 10px;
|
|
margin: 0;
|
|
}
|
|
|
|
#wpfooter .duplicator-footer-promotion-social li {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#wpfooter .duplicator-footer-promotion-social li path {
|
|
color: #646970;
|
|
}
|
|
|
|
#wpfooter .duplicator-footer-promotion-social li:hover path {
|
|
fill: #50575e;
|
|
}
|
|
|
|
#wpfooter .duplicator-footer-promotion-social a {
|
|
display: block;
|
|
height: 16px;
|
|
}
|