1303 lines
26 KiB
CSS
1303 lines
26 KiB
CSS
/*
|
|
* UnderConstructionPage
|
|
* Main backend CSS
|
|
* (c) Web factory Ltd, 2015 - 2022
|
|
*/
|
|
|
|
@import url('//fonts.googleapis.com/css?family=Roboto:900');
|
|
|
|
.settings_page_ucp .button-primary,
|
|
.settings_page_ucp .button.button-primary {
|
|
background: #ff9900;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.settings_page_ucp .button,
|
|
.settings_page_ucp .button-primary,
|
|
.settings_page_ucp .button-secondary {
|
|
-webkit-border-radius: 0;
|
|
border-radius: 0;
|
|
border: 1px solid #ff9900;
|
|
background: transparent;
|
|
color: #ff9900;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.settings_page_ucp .epsilon-framework-notice {
|
|
display: none;
|
|
}
|
|
|
|
.settings_page_ucp input,
|
|
.settings_page_ucp select,
|
|
.settings_page_ucp textarea {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.ucp-notice-small {
|
|
border-left: 4px solid #00a0d2;
|
|
margin: 5px 0 15px;
|
|
padding: 1px 12px;
|
|
background-color: #fafafa;
|
|
display: inline-block;
|
|
max-width: 700px;
|
|
}
|
|
|
|
.settings_page_ucp .button:hover,
|
|
.settings_page_ucp .button-primary:hover,
|
|
.settings_page_ucp .button-secondary:hover,
|
|
.settings_page_ucp .button-primary:active,
|
|
.settings_page_ucp .button:active,
|
|
.settings_page_ucp .button-secondary:active,
|
|
.settings_page_ucp .button-primary:focus,
|
|
.settings_page_ucp .button-secondary:focus {
|
|
background: rgba(255, 153, 0, 0.7);
|
|
color: #ffffff;
|
|
border: 1px solid #ff9900;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.settings_page_ucp h1 {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
#ucp_content #wp-content-media-buttons {
|
|
display: none;
|
|
}
|
|
|
|
.settings_page_ucp h1 a {
|
|
color: black;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#ucp_tabs textarea {
|
|
box-sizing: border-box;
|
|
resize: none;
|
|
}
|
|
|
|
#ucp_tabs #wp-content-editor-tools {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.settings_page_ucp p {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.settings_page_ucp code {
|
|
line-height: 1.7;
|
|
}
|
|
|
|
.settings_page_ucp h2:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.settings_page_ucp h2 {
|
|
border-bottom: 1px solid #dddddd;
|
|
margin: 50px 0 0px 0;
|
|
}
|
|
|
|
.form-table th {
|
|
padding: 15px 10px 20px 0;
|
|
}
|
|
|
|
#ucp_design .form-table th {
|
|
width: 100px;
|
|
}
|
|
|
|
p.submit {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.button.loading {
|
|
pointer-events: none;
|
|
cursor: default !important;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.settings_page_ucp button,
|
|
.settings_page_ucp .button-primary,
|
|
.settings_page_ucp .button-secondary {
|
|
-webkit-border-radius: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.notice a.button-primary.open-ucp-upsell {
|
|
vertical-align: baseline;
|
|
margin-top: 15px;
|
|
font-weight: 600;
|
|
height: auto;
|
|
padding: 10px;
|
|
color: #111111;
|
|
background-color: #ffffff;
|
|
border-width: 2px;
|
|
}
|
|
.notice a.button-primary.open-ucp-upsell:hover {
|
|
background-color: #f1f1f1;
|
|
}
|
|
|
|
.button span {
|
|
display: none;
|
|
}
|
|
|
|
.button.loading span {
|
|
-webkit-animation: ucp-spin 2s infinite linear;
|
|
animation: ucp-spin 2s infinite linear;
|
|
padding: 0;
|
|
margin: 3px 7px 0 0;
|
|
display: inherit;
|
|
}
|
|
|
|
.settings_page_ucp h1 .ucp-logo-text {
|
|
max-height: 17px;
|
|
}
|
|
|
|
.settings_page_ucp h1:hover img.rotate {
|
|
transform: rotate(360deg);
|
|
}
|
|
|
|
.settings_page_ucp h1 img {
|
|
height: 23px;
|
|
margin-right: 10px;
|
|
margin-bottom: -2px;
|
|
transition: transform 1.5s ease-in-out;
|
|
}
|
|
|
|
.select2 {
|
|
width: 50%;
|
|
max-width: 300px;
|
|
}
|
|
|
|
div.ucp-thumb .ribbon {
|
|
width: 100px;
|
|
height: 100px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
div.ucp-thumb .ribbon::before,
|
|
div.ucp-thumb .ribbon::after {
|
|
position: absolute;
|
|
z-index: -1;
|
|
content: '';
|
|
display: block;
|
|
}
|
|
div.ucp-thumb .ribbon i {
|
|
position: absolute;
|
|
display: inline-block;
|
|
width: 100px;
|
|
padding: 32px 12px 0px 39px;
|
|
background-color: #ff7900e6;
|
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
|
color: #fff;
|
|
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
left: 38px;
|
|
top: -7px;
|
|
transform: rotate(45deg);
|
|
}
|
|
div.ucp-thumb .ribbon::before,
|
|
div.ucp-thumb .ribbon::after {
|
|
border-top-color: transparent;
|
|
border-right-color: transparent;
|
|
}
|
|
div.ucp-thumb .ribbon::before {
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
div.ucp-thumb .ribbon::after {
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
|
|
div.ucp-thumb,
|
|
div.ucp-thumb-special {
|
|
position: relative;
|
|
max-width: 300px;
|
|
width: calc(31% - 20px);
|
|
margin: 0 10px 5px 0;
|
|
display: inline-block;
|
|
text-align: center;
|
|
padding: 10px;
|
|
border: 2px solid rgba(241, 241, 241, 0.7);
|
|
}
|
|
|
|
div.ucp-thumb span {
|
|
text-align: left;
|
|
display: block;
|
|
padding: 4px 0 10px 0;
|
|
}
|
|
|
|
div.ucp-thumb .buttons {
|
|
text-align: left;
|
|
}
|
|
|
|
div.ucp-thumb .buttons a {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
div.ucp-thumb.active {
|
|
border: 2px solid rgba(255, 121, 0, 0.7);
|
|
}
|
|
|
|
div.ucp-thumb.active span {
|
|
font-weight: 500;
|
|
}
|
|
|
|
div.ucp-thumb img,
|
|
.ucp-thumb-special img {
|
|
margin-bottom: 6px;
|
|
max-width: 100%;
|
|
border: thin solid rgba(0, 0, 0, 0.35);
|
|
}
|
|
|
|
.ucp-list {
|
|
list-style-type: circle;
|
|
list-style-position: outside;
|
|
margin-left: 14px;
|
|
line-height: 150%;
|
|
}
|
|
|
|
input[type='url']:invalid,
|
|
input[type='email']:invalid,
|
|
input[type='tel']:invalid {
|
|
border-color: #ea1919;
|
|
-webkit-box-shadow: 0 0 2px rgba(234, 25, 25, 1);
|
|
box-shadow: 0 0 2px rgba(234, 25, 25, 1);
|
|
}
|
|
|
|
.settings_page_ucp #wp-content-editor-tools {
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
span.show-datepicker {
|
|
margin: 4px 0 0 -25px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
span.clear-datepicker {
|
|
margin: 4px 0 0 6px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
span.clear-datepicker:hover {
|
|
color: #ff7900;
|
|
}
|
|
|
|
input.datepicker {
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.settings_page_ucp .AnyTime-win {
|
|
border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
-webkit-border-radius: 0;
|
|
border: 1px solid silver;
|
|
z-index: 99;
|
|
}
|
|
|
|
.settings_page_ucp .AnyTime-pkr .AnyTime-hdr {
|
|
padding: 10px;
|
|
font-size: 15px;
|
|
background-color: #f1f1f1;
|
|
border-bottom: 1px solid silver;
|
|
}
|
|
|
|
.settings_page_ucp .AnyTime-pkr .AnyTime-hdr .AnyTime-x-btn {
|
|
display: none;
|
|
}
|
|
|
|
.settings_page_ucp .AnyTime-pkr .AnyTime-hr-btn .ui-state-default {
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
|
|
margin-top: 6px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
span.select2-container .select2-search--inline .select2-search__field {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.select2-container .select2-search__field:not([placeholder='']) {
|
|
width: 100% !important;
|
|
margin-right: 100000px;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--multiple {
|
|
border: 1px solid #dddddd;
|
|
}
|
|
|
|
.ucp-logo {
|
|
font-variant: small-caps;
|
|
font-family: Roboto, sans-serif;
|
|
font-weight: 900;
|
|
}
|
|
|
|
.ui-widget-overlay {
|
|
opacity: 0.85;
|
|
}
|
|
|
|
.ucp-survey-dialog .ui-dialog-titlebar {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.ucp-survey-dialog .ui-dialog-titlebar-close {
|
|
display: none;
|
|
}
|
|
|
|
.ucp-survey-dialog .ui-dialog-content {
|
|
padding: 20px 25px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.ucp-survey-dialog b {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.ucp-survey-dialog .footer {
|
|
margin: 20px 0 0 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.ucp-survey-dialog .footer #emailme {
|
|
margin: 0 5px -3px 0;
|
|
}
|
|
|
|
.ucp-survey-dialog .footer .button-primary {
|
|
border-radius: 0;
|
|
font-size: 15px;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.ucp-survey-dialog .footer .dismiss-survey {
|
|
padding-top: 25px;
|
|
display: block;
|
|
}
|
|
|
|
.ucp-survey-dialog .ui-dialog-content p {
|
|
margin: 0 0 20px 0;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.question-wrapper {
|
|
border: 2px solid rgba(0, 0, 0, 0.2);
|
|
padding: 15px 10px;
|
|
background-color: rgba(250, 250, 250, 0.55);
|
|
margin-bottom: 5px;
|
|
opacity: 0.75;
|
|
width: 100%;
|
|
display: inline-block;
|
|
text-align: center;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.question-wrapper:hover {
|
|
opacity: 1;
|
|
border: 2px solid rgba(0, 142, 194, 1);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.question-wrapper.selected {
|
|
opacity: 1;
|
|
border: 2px solid rgba(0, 142, 194, 1);
|
|
}
|
|
|
|
.question-wrapper b {
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.question-wrapper .dashicons.big {
|
|
color: rgba(0, 0, 0, 1);
|
|
display: inline;
|
|
font-size: 61px;
|
|
}
|
|
|
|
.question-wrapper img {
|
|
margin-bottom: 10px;
|
|
height: 50px;
|
|
}
|
|
|
|
.question-wrapper .question {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
.question-wrapper i {
|
|
padding-top: 5px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
@media screen and (max-width: 782px) {
|
|
.settings_page_ucp input[type='text'].datepicker {
|
|
max-width: 80%;
|
|
display: inline-block;
|
|
}
|
|
|
|
span.show-datepicker {
|
|
margin: 9px 0 0 -25px;
|
|
}
|
|
|
|
span.clear-datepicker {
|
|
margin: 9px 0 0 6px;
|
|
}
|
|
}
|
|
|
|
/* tabs */
|
|
|
|
.settings_page_ucp .ui-tabs {
|
|
max-width: 1000px;
|
|
width: 100%;
|
|
position: relative;
|
|
padding: 0px;
|
|
zoom: 1;
|
|
margin-top: 20px;
|
|
} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
|
|
|
|
.settings_page_ucp .ui-tabs .ui-tabs-nav {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.settings_page_ucp .ui-tabs .ui-tabs-nav li {
|
|
list-style: none;
|
|
position: relative;
|
|
top: 1px;
|
|
margin: 0 0.2em 1px 0;
|
|
border-bottom: 0 !important;
|
|
padding: 0;
|
|
white-space: nowrap;
|
|
}
|
|
.settings_page_ucp .ui-tabs .ui-tabs-nav li a {
|
|
text-decoration: none;
|
|
}
|
|
.settings_page_ucp .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
|
|
margin-bottom: 0;
|
|
border-bottom: 1px solid #f1f1f1 !important;
|
|
}
|
|
.settings_page_ucp ul.ui-tabs-nav.ucp-main-tab li.ui-state-active {
|
|
border-top: 3px solid #ff7900;
|
|
background: #ffffff;
|
|
}
|
|
.settings_page_ucp .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
|
|
.settings_page_ucp .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
|
|
.settings_page_ucp .ui-tabs .ui-tabs-nav li.ui-state-processing a {
|
|
cursor: text;
|
|
}
|
|
.settings_page_ucp .ui-tabs .ui-tabs-nav li a,
|
|
.settings_page_ucp .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
|
|
cursor: pointer;
|
|
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
|
|
.settings_page_ucp .ui-tabs .ui-tabs-panel {
|
|
display: block;
|
|
border-width: 0;
|
|
padding: 20px;
|
|
background: #ffffff;
|
|
}
|
|
.settings_page_ucp .ui-tabs .ui-tabs-hide {
|
|
display: none !important;
|
|
}
|
|
|
|
.settings_page_ucp .ui-tabs .ui-tabs-nav li a {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 32px;
|
|
color: #aaaaaa;
|
|
padding: 10px 20px;
|
|
display: block;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.settings_page_ucp .ui-tabs ul.ui-tabs-nav li.ui-state-active .icon {
|
|
color: #ff7900;
|
|
}
|
|
|
|
.settings_page_ucp .ui-tabs-nav:after {
|
|
content: '';
|
|
clear: both;
|
|
display: block;
|
|
}
|
|
|
|
.settings_page_ucp .ui-tabs-anchor,
|
|
.nav-tab {
|
|
outline: none !important;
|
|
}
|
|
|
|
.settings_page_ucp .ui-tabs ul.ui-tabs-nav li {
|
|
border: none;
|
|
color: #aaaaaa;
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
margin: 5px 5px -5px 5px;
|
|
text-decoration: none;
|
|
text-shadow: none;
|
|
background: rgba(255, 255, 255, 0.61);
|
|
padding: 0;
|
|
text-align: center;
|
|
letter-spacing: 0.5px;
|
|
min-width: 105px;
|
|
}
|
|
|
|
.settings_page_ucp .ui-tabs ul.ui-tabs-nav li .label {
|
|
display: block;
|
|
margin-top: -10px;
|
|
}
|
|
|
|
.settings_page_ucp .ui-tabs ul.ui-tabs-nav li:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.settings_page_ucp ul.ui-tabs-nav.ucp-main-tab {
|
|
padding-bottom: 0;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
border-bottom: 0px !important;
|
|
}
|
|
|
|
.settings_page_ucp .ui-state-hover a,
|
|
.settings_page_ucp .ui-state-active a,
|
|
.settings_page_ucp li.ui-state-hover,
|
|
.settings_page_ucp li.ui-state-hover a {
|
|
color: #000000 !important;
|
|
}
|
|
|
|
.settings_page_ucp li.ui-state-hover {
|
|
background-color: #ffffff !important;
|
|
}
|
|
|
|
.settings_page_ucp .ui-tabs-nav a:focus {
|
|
box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
}
|
|
|
|
@media screen and (max-width: 782px) {
|
|
.settings_page_ucp .ui-tabs ul.ui-tabs-nav li .label {
|
|
display: none;
|
|
}
|
|
.settings_page_ucp .ui-tabs .ui-tabs-nav li a {
|
|
padding: 8px 15px 0px 14px;
|
|
}
|
|
.settings_page_ucp .ui-tabs ul.ui-tabs-nav li {
|
|
margin: 5px 2px -5px 2px;
|
|
min-width: inherit;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1150px) {
|
|
.settings_page_ucp .ui-tabs .ui-tabs-nav li a {
|
|
padding: 10px 15px 10px 15px;
|
|
}
|
|
.settings_page_ucp .ui-tabs ul.ui-tabs-nav li {
|
|
min-width: inherit;
|
|
}
|
|
}
|
|
|
|
#ucp_tabs li span.dashicons-star-filled {
|
|
color: #ffc107;
|
|
}
|
|
|
|
.ucp-tab-content {
|
|
max-width: 1050px;
|
|
}
|
|
|
|
.settings_page_ucp .ucp-tabs-2nd-level {
|
|
margin: 0;
|
|
}
|
|
|
|
.settings_page_ucp .ucp-tabs-2nd-level ul.ui-tabs-nav li a {
|
|
padding: 0 5px;
|
|
margin: 0 0 -1px 0;
|
|
font-size: 1.3em;
|
|
font-weight: 600;
|
|
border-bottom: 2px solid transparent;
|
|
}
|
|
|
|
.settings_page_ucp .ucp-tabs-2nd-level ul.ui-tabs-nav li {
|
|
margin: 0 10px 1px 10px;
|
|
min-width: initial;
|
|
}
|
|
|
|
.settings_page_ucp .ucp-tabs-2nd-level ul.ui-tabs-nav {
|
|
border-bottom: 1px solid #dddddd;
|
|
}
|
|
|
|
s.settings_page_ucp .ucp-tabs-2nd-level li.ui-state-active a:before {
|
|
display: inline-block;
|
|
content: ' ';
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 2px;
|
|
background: #23282d;
|
|
bottom: 0;
|
|
}
|
|
|
|
.settings_page_ucp .ucp-tabs-2nd-level ul.ui-tabs-nav li.ui-state-active a {
|
|
border-bottom: 2px solid black;
|
|
}
|
|
|
|
.ucp-tabs-2nd-level .form-table {
|
|
margin: 0;
|
|
}
|
|
/* tabs */
|
|
|
|
/* anytime.5.1.2.min.css
|
|
Copyright 2008-2015 Andrew M. Andrews III.
|
|
License: creativecommons.org/licenses/by-nc-sa/3.0/
|
|
Any+Time is a trademark of Andrew M. Andrews III */
|
|
|
|
.AnyTime-pkr * {
|
|
border: 0;
|
|
font: inherit;
|
|
font-size: x-small;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
white-space: nowrap;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.AnyTime-win {
|
|
background-color: #f0f0f1;
|
|
border: 3px solid silver;
|
|
display: inline-block;
|
|
font: normal normal normal xx-small/normal sans-serif;
|
|
-moz-border-radius: 6px;
|
|
-webkit-border-radius: 6px;
|
|
border-radius: 6px;
|
|
}
|
|
.AnyTime-pkr,
|
|
.AnyTime-pkr * {
|
|
text-align: center;
|
|
}
|
|
.AnyTime-pkr .AnyTime-cloak {
|
|
background-color: #d7d7d7;
|
|
opacity: 0.7;
|
|
position: absolute;
|
|
filter: alpha(opacity=70);
|
|
}
|
|
.AnyTime-pkr .AnyTime-hdr {
|
|
background-color: #d0d0d1;
|
|
color: #606062;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: medium;
|
|
font-weight: 400;
|
|
-moz-border-radius: 2px;
|
|
-webkit-border-radius: 2px;
|
|
border-radius: 2px;
|
|
}
|
|
.AnyTime-pkr .AnyTime-x-btn {
|
|
background-color: #fcfcff;
|
|
border: 1px solid #f99;
|
|
color: #ff9f9f;
|
|
cursor: default;
|
|
float: right;
|
|
margin: 0.25em 0.25em 0 0;
|
|
width: 1.5em;
|
|
-moz-border-radius: 0.4em;
|
|
-webkit-border-radius: 0.4em;
|
|
border-radius: 0.4em;
|
|
}
|
|
.AnyTime-pkr .AnyTime-btn {
|
|
background-color: #fcfcfe;
|
|
border: 1px solid #999;
|
|
color: #606062;
|
|
cursor: default;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
margin: 0 0.1em 0.1em 0;
|
|
padding: 0.2em 0.3em;
|
|
-moz-border-radius: 0.1em;
|
|
-webkit-border-radius: 0.1em;
|
|
border-radius: 0.1em;
|
|
}
|
|
.AnyTime-pkr .AnyTime-body {
|
|
margin: 0 1em 1em 0;
|
|
}
|
|
.AnyTime-pkr .AnyTime-date {
|
|
display: inline-block;
|
|
margin-left: 1em;
|
|
vertical-align: top;
|
|
}
|
|
.AnyTime-pkr .AnyTime-lbl {
|
|
color: #606063;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 100%;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
margin-top: 0.8em;
|
|
}
|
|
.AnyTime-pkr .AnyTime-yrs {
|
|
width: 20em;
|
|
}
|
|
.AnyTime-pkr .AnyTime-yrs-past-btn,
|
|
.AnyTime-pkr .AnyTime-yrs-ahead-btn {
|
|
display: inline-block;
|
|
width: 2.4em;
|
|
}
|
|
.AnyTime-pkr .AnyTime-yr-prior-btn,
|
|
.AnyTime-pkr .AnyTime-yr-cur-btn,
|
|
.AnyTime-pkr .AnyTime-yr-next-btn {
|
|
display: inline-block;
|
|
width: 4.8em;
|
|
}
|
|
.AnyTime-pkr .AnyTime-mons {
|
|
width: 20em;
|
|
}
|
|
.AnyTime-pkr .AnyTime-mons:after {
|
|
content: '';
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
.AnyTime-pkr .AnyTime-mon-btn {
|
|
float: left;
|
|
width: 3.2em;
|
|
}
|
|
.AnyTime-pkr .AnyTime-mon7-btn {
|
|
clear: left;
|
|
}
|
|
.AnyTime-pkr .AnyTime-dom-table {
|
|
background-color: #f0f0f1;
|
|
border: 1px solid #e3e3e4;
|
|
border-spacing: 1px;
|
|
width: 20em;
|
|
}
|
|
.AnyTime-pkr th.AnyTime-dow {
|
|
background-color: #c0c0c1;
|
|
color: #fff;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 95%;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
padding: 0.1em 0.3em;
|
|
}
|
|
.AnyTime-pkr .AnyTime-dom-btn {
|
|
text-align: right;
|
|
padding-right: 0.5em;
|
|
}
|
|
.AnyTime-pkr .AnyTime-dom-btn-empty,
|
|
.AnyTime-pkr .AnyTime-min-ten-btn-empty,
|
|
.AnyTime-pkr .AnyTime-min-one-btn-empty,
|
|
.AnyTime-pkr .AnyTime-sec-ten-btn-empty,
|
|
.AnyTime-pkr .AnyTime-sec-one-btn-empty {
|
|
background-color: #f3f3f4;
|
|
border: 1px solid #c0c0c1;
|
|
}
|
|
.AnyTime-pkr .AnyTime-time,
|
|
.AnyTime-pkr .AnyTime-hrs-am,
|
|
.AnyTime-pkr .AnyTime-hrs-pm,
|
|
.AnyTime-pkr .AnyTime-mins-tens,
|
|
.AnyTime-pkr .AnyTime-mins-ones,
|
|
.AnyTime-pkr .AnyTime-secs-tens,
|
|
.AnyTime-pkr .AnyTime-secs-ones {
|
|
display: inline-block;
|
|
}
|
|
.AnyTime-pkr .AnyTime-hrs,
|
|
.AnyTime-pkr .AnyTime-mins,
|
|
.AnyTime-pkr .AnyTime-secs,
|
|
.AnyTime-pkr .AnyTime-offs {
|
|
display: inline-block;
|
|
margin-left: 1em;
|
|
}
|
|
.AnyTime-pkr .AnyTime-hr-btn {
|
|
text-align: right;
|
|
width: 3.5em;
|
|
}
|
|
.AnyTime-pkr .AnyTime-min-ten-btn,
|
|
.AnyTime-pkr .AnyTime-min-one-btn {
|
|
width: 2em;
|
|
}
|
|
.AnyTime-pkr .AnyTime-sec-ten-btn,
|
|
.AnyTime-pkr .AnyTime-sec-one-btn {
|
|
width: 2em;
|
|
}
|
|
.AnyTime-pkr .AnyTime-off-cur-btn {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
}
|
|
.AnyTime-pkr .AnyTime-off-select-btn {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 2em;
|
|
}
|
|
.AnyTime-pkr .AnyTime-yr-selector {
|
|
position: absolute;
|
|
}
|
|
.AnyTime-pkr .AnyTime-body-yr-selector {
|
|
margin: 0.8em 1em;
|
|
}
|
|
.AnyTime-pkr .AnyTime-yr-mil,
|
|
.AnyTime-pkr .AnyTime-yr-cent,
|
|
.AnyTime-pkr .AnyTime-yr-dec,
|
|
.AnyTime-pkr .AnyTime-yr-yr,
|
|
.AnyTime-pkr .AnyTime-yr-era {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.AnyTime-pkr .AnyTime-mil-btn,
|
|
.AnyTime-pkr .AnyTime-cent-btn,
|
|
.AnyTime-pkr .AnyTime-dec-btn,
|
|
.AnyTime-pkr .AnyTime-yr-btn {
|
|
width: 2em;
|
|
}
|
|
.AnyTime-pkr .AnyTime-era-btn {
|
|
margin-left: 1em;
|
|
}
|
|
.AnyTime-pkr .AnyTime-off-selector {
|
|
margin: 1em 2em;
|
|
position: absolute;
|
|
}
|
|
.AnyTime-pkr .AnyTime-body-off-selector {
|
|
margin: 0.8em 1em;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
white-space: nowrap;
|
|
}
|
|
.AnyTime-pkr .AnyTime-off-off-btn {
|
|
text-align: left;
|
|
}
|
|
.AnyTime-pkr .AnyTime-cur-btn {
|
|
border: 1px solid #333334;
|
|
background-color: #c0c0c1;
|
|
color: #fcfcfe;
|
|
font-weight: 700;
|
|
}
|
|
.AnyTime-pkr .AnyTime-out-btn {
|
|
background-color: #f0f0f1;
|
|
border: 1px solid #c0c0c1;
|
|
}
|
|
.AnyTime-pkr .AnyTime-focus-btn {
|
|
border: 1px dashed #000;
|
|
}
|
|
|
|
/* icon spin */
|
|
@-webkit-keyframes ucp-spin {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(359deg);
|
|
transform: rotate(359deg);
|
|
}
|
|
}
|
|
@keyframes ucp-spin {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(359deg);
|
|
transform: rotate(359deg);
|
|
}
|
|
}
|
|
|
|
.toggle-wrapper {
|
|
position: relative;
|
|
overflow: hidden;
|
|
display: inline-block;
|
|
}
|
|
.toggle-wrapper input {
|
|
position: absolute;
|
|
left: -99em;
|
|
}
|
|
.toggle-wrapper .toggle {
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
position: relative;
|
|
width: 121px;
|
|
height: 30px;
|
|
font-weight: 600;
|
|
background: transparent;
|
|
border: 2px solid #f1f1f1;
|
|
-webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
|
transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
|
}
|
|
.toggle-wrapper .toggle:before,
|
|
.toggle-wrapper .toggle:after {
|
|
position: absolute;
|
|
line-height: 30px;
|
|
font-size: 14px;
|
|
z-index: 2;
|
|
-webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
|
transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
|
}
|
|
.toggle-wrapper .toggle:before {
|
|
content: 'OFF';
|
|
left: 18px;
|
|
color: #ffffff;
|
|
}
|
|
.toggle-wrapper .toggle:after {
|
|
content: 'ON';
|
|
right: 20px;
|
|
color: #23282d;
|
|
}
|
|
.toggle-wrapper .toggle_handler {
|
|
display: inline-block;
|
|
position: relative;
|
|
z-index: 1;
|
|
background: #ea1919;
|
|
width: 55px;
|
|
height: 24px;
|
|
top: 3px;
|
|
left: 3px;
|
|
-webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
|
transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
|
-webkit-transform: translateX(0px);
|
|
transform: translateX(0px);
|
|
}
|
|
.toggle-wrapper input:checked + .toggle {
|
|
background: transparent;
|
|
}
|
|
.toggle-wrapper input:checked + .toggle:before {
|
|
color: #23282d;
|
|
}
|
|
.toggle-wrapper input:checked + .toggle:after {
|
|
color: #fff;
|
|
}
|
|
.toggle-wrapper input:checked + .toggle .toggle_handler {
|
|
width: 55px;
|
|
-webkit-transform: translateX(60px);
|
|
transform: translateX(60px);
|
|
background: #66b317;
|
|
}
|
|
|
|
.ucp-pro-feature {
|
|
display: inline-block;
|
|
width: 32%;
|
|
background: rgba(128, 128, 128, 0.03);
|
|
margin: 0 5px 20px 5px;
|
|
padding: 10px 20px 20px 20px;
|
|
box-sizing: border-box;
|
|
vertical-align: top;
|
|
position: relative;
|
|
border-top: 1px solid rgba(255, 121, 0, 0.54);
|
|
}
|
|
|
|
#ucp-earlybird {
|
|
width: calc(96% + 20px);
|
|
background: rgba(128, 128, 128, 0.03);
|
|
border-top: 1px solid rgba(255, 121, 0, 0.54);
|
|
padding: 10px 0 10px 0;
|
|
margin: 40px 5px 50px 5px;
|
|
}
|
|
|
|
.ucp-small-title {
|
|
text-align: center;
|
|
font-family: Roboto, sans-serif;
|
|
}
|
|
|
|
#ucp-earlybird span {
|
|
text-align: center;
|
|
display: block;
|
|
font-family: Roboto, sans-serif;
|
|
font-size: 18px;
|
|
line-height: 200%;
|
|
}
|
|
|
|
#ucp-earlybird span b {
|
|
color: #ff7920;
|
|
}
|
|
|
|
#ucp-earlybird p {
|
|
text-align: center;
|
|
}
|
|
|
|
.ucp-pro-feature span {
|
|
text-align: center;
|
|
display: block;
|
|
font-weight: bold;
|
|
font-family: Roboto, sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.ucp-pro-feature p {
|
|
margin: 10px 0 0 0;
|
|
text-align: left;
|
|
}
|
|
|
|
h3.ucp-pro-logo {
|
|
font-variant: small-caps;
|
|
font-family: Roboto, sans-serif;
|
|
font-weight: 900;
|
|
margin: 10px 0 40px 0;
|
|
text-align: center;
|
|
font-size: 40px;
|
|
}
|
|
|
|
h3.ucp-pro-logo img {
|
|
height: 64px;
|
|
}
|
|
|
|
h3.ucp-pro-logo span {
|
|
color: #ff7900;
|
|
vertical-align: super;
|
|
font-size: smaller;
|
|
}
|
|
|
|
/* upsell dialog */
|
|
.ucp-upsell-dialog .ui-dialog-titlebar {
|
|
background: #ff7900;
|
|
text-align: center;
|
|
height: 55px;
|
|
}
|
|
.ucp-upsell-dialog .ui-dialog-titlebar img {
|
|
height: 32px;
|
|
display: inline-block;
|
|
margin: 11px 0 0 0;
|
|
}
|
|
.ucp-upsell-dialog .ui-dialog-titlebar-close {
|
|
color: #fff;
|
|
height: 55px;
|
|
font-size: 0px;
|
|
}
|
|
.ucp-upsell-dialog .ui-dialog-titlebar-close:hover {
|
|
color: #333;
|
|
}
|
|
.ucp-upsell-dialog .ui-dialog-content {
|
|
padding: 0;
|
|
}
|
|
.ucp-upsell-dialog .ui-tabs-nav {
|
|
text-align: center;
|
|
}
|
|
.ucp-upsell-dialog .ui-tabs .upsell-tab {
|
|
padding: 20px 15px;
|
|
text-align: center;
|
|
}
|
|
.ucp-upsell-dialog a {
|
|
color: #333;
|
|
}
|
|
.ucp-upsell-dialog a:hover {
|
|
color: #000;
|
|
}
|
|
.ucp-upsell-dialog {
|
|
font-size: 14px;
|
|
}
|
|
#ucp-pricing-table {
|
|
width: 100%;
|
|
}
|
|
.upsell-header {
|
|
margin: 0 0 20px 0;
|
|
background: #ff7900;
|
|
color: #fefefe;
|
|
padding: 10px;
|
|
box-sizing: content-box;
|
|
border: 1px solid #111;
|
|
}
|
|
.upsell-header b {
|
|
font-weight: bolder;
|
|
}
|
|
#ucp-pricing-table,
|
|
#ucp-pricing-table tr,
|
|
#ucp-pricing-table td,
|
|
#ucp-pricing-table h3 {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
border-spacing: 0;
|
|
border-collapse: collapse;
|
|
}
|
|
#ucp-pricing-table tr:first-child td {
|
|
background-color: #fff;
|
|
padding: 10px;
|
|
text-align: center;
|
|
width: 33%;
|
|
}
|
|
#ucp-pricing-table tr:last-child td {
|
|
border-bottom: none;
|
|
}
|
|
#ucp-pricing-table h3 {
|
|
color: #111;
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
line-height: 105%;
|
|
}
|
|
#ucp-pricing-table td {
|
|
padding: 8px 15px;
|
|
border-bottom: solid thin #ff7900;
|
|
text-align: center;
|
|
}
|
|
#ucp-pricing-table .bb0 td {
|
|
border-bottom: none;
|
|
}
|
|
#ucp-pricing-table tr td:first-child {
|
|
border-right: 10px solid #fff;
|
|
}
|
|
#ucp-pricing-table tr td:last-child {
|
|
border-left: 10px solid #fff;
|
|
}
|
|
#ucp-pricing-table .dashicons {
|
|
color: #ff7900;
|
|
}
|
|
#ucp-pricing-table .dashicons.dashicons-no {
|
|
color: #000;
|
|
}
|
|
#ucp-pricing-table .hover {
|
|
background-color: #fff;
|
|
}
|
|
#ucp-pricing-table .promo-button u {
|
|
font-weight: bold;
|
|
}
|
|
#ucp-pricing-table .promo-button {
|
|
color: #111;
|
|
background: #fff;
|
|
padding: 10px 5px;
|
|
margin: 15px 0 10px 0;
|
|
text-align: center;
|
|
display: block;
|
|
text-decoration: none;
|
|
font-size: 22px;
|
|
line-height: 120%;
|
|
border: 2px solid #ff7900;
|
|
}
|
|
#ucp-pricing-table .promo-button del {
|
|
color: #333;
|
|
}
|
|
#ucp-pricing-table .promo-button:hover {
|
|
background-color: #f1f1f1;
|
|
}
|
|
#ucp-pricing-table .instant-download {
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-style: italic;
|
|
margin: 0 -5px 0 -5px;
|
|
}
|
|
#ucp-pricing-table .promo-button small {
|
|
font-size: x-small;
|
|
line-height: 0px;
|
|
}
|
|
.upsell-footer {
|
|
padding: 20px;
|
|
box-sizing: border-box;
|
|
text-align: center;
|
|
margin: 10px -15px -20px -15px;
|
|
background-color: rgba(128, 128, 128, 0.03);
|
|
}
|
|
#tab-upsell-features .upsell-footer {
|
|
margin-top: 0;
|
|
}
|
|
option.ucp-promo {
|
|
color: #e14d43;
|
|
}
|
|
/* upsell dialog */
|
|
|
|
/* weglot upsell dialog */
|
|
.weglot-upsell-dialog .ui-dialog-titlebar {
|
|
background: linear-gradient(140deg, #335ee2 10%, #271f50 90%);
|
|
text-align: center;
|
|
height: 55px;
|
|
}
|
|
.weglot-upsell-dialog .ui-dialog-titlebar img {
|
|
height: 32px;
|
|
display: inline-block;
|
|
margin: 11px 0 0 0;
|
|
}
|
|
.weglot-upsell-dialog .ui-dialog-titlebar-close {
|
|
color: #fff;
|
|
height: 55px;
|
|
}
|
|
.weglot-upsell-dialog .ui-dialog-titlebar-close:hover {
|
|
color: #333;
|
|
}
|
|
.weglot-upsell-dialog .ui-dialog-content {
|
|
padding: 0;
|
|
}
|
|
.weglot-upsell-dialog .ui-tabs-nav {
|
|
text-align: center;
|
|
}
|
|
.weglot-upsell-dialog .ui-tabs .upsell-tab {
|
|
padding: 20px 15px;
|
|
text-align: center;
|
|
}
|
|
.weglot-upsell-dialog a {
|
|
color: #333;
|
|
}
|
|
.weglot-upsell-dialog a:hover {
|
|
color: #000;
|
|
}
|
|
option.weglot-promo {
|
|
color: #2980b9;
|
|
}
|
|
/* upsell dialog */
|
|
|
|
#support-hero {
|
|
text-align: center;
|
|
margin: 40px 0;
|
|
}
|
|
|
|
#support-hero p {
|
|
font-size: 25px;
|
|
line-height: 1.5;
|
|
font-weight: 400;
|
|
}
|
|
|
|
#support-hero b {
|
|
font-weight: 800;
|
|
}
|
|
|
|
#support-hero .button {
|
|
padding: 15px 10px;
|
|
display: inline;
|
|
font-weight: 900;
|
|
font-size: 22px;
|
|
line-height: 120%;
|
|
}
|
|
|
|
.settings_page_ucp .put-dismiss-notice,
|
|
.settings_page_ucp .premio-notice,
|
|
.settings_page_ucp div.fs-notice {
|
|
display: none !important;
|
|
}
|
|
|
|
#wpfssl-ad {
|
|
border: 3px solid #42982e;
|
|
min-width: 300px;
|
|
max-width: 400px;
|
|
padding: 10px 20px;
|
|
background: white;
|
|
position: absolute;
|
|
top: 160px;
|
|
left: 1030px;
|
|
sdisplay: none;
|
|
}
|
|
|
|
@media screen and (max-width: 1600px) {
|
|
#wpfssl-ad {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
#wpfssl-ad a.button {
|
|
padding: 11px 20px;
|
|
color: white;
|
|
background: #42982e;
|
|
font-weight: 600;
|
|
border: none;
|
|
line-height: 1.5;
|
|
height: auto;
|
|
margin-bottom: 10px;
|
|
white-space: normal;
|
|
max-width: 90%;
|
|
}
|
|
|
|
#wpfssl-ad a.button:hover,
|
|
#wpfssl-ad a.button:active,
|
|
#wpfssl-ad a.button:focus {
|
|
box-shadow: 0px 0px 10px 0px rgb(50 138 210 / 52%);
|
|
background: #42982e;
|
|
color: white;
|
|
border: none;
|
|
}
|
|
|
|
.textcenter {
|
|
text-align: center;
|
|
}
|