975 lines
16 KiB
CSS
975 lines
16 KiB
CSS
:root {
|
|
--onecom-green: #76B82A;
|
|
--onecom-light-green: #EAF4DF;
|
|
--onecom-blue: #0078C8;
|
|
--onecom-red: #D20019;
|
|
--onecom-dark: #3C3C3C;
|
|
--onecom-light-grey: #8A8989;
|
|
--onecom-disabled-grey: #BBBBBB;
|
|
--onecom-pink-background: #F7E7EF;
|
|
--onecom-modal-bg: #E5E5E5;
|
|
}
|
|
.wrap.ocsh-wrap {
|
|
color: var(--onecom-dark);
|
|
font-family: 'Open Sans', sans-serif;
|
|
margin-left: 20px;
|
|
margin-right: 40px;
|
|
-webkit-font-smoothing: antialiased;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.one_wrap a {
|
|
cursor: pointer;
|
|
color: var(--onecom-blue);
|
|
}
|
|
.one_wrap a.oc-fix-button {
|
|
cursor: pointer;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.onecom_head,
|
|
.onecom_head_right {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.onecom_head {
|
|
margin: 0 0 0 0;
|
|
}
|
|
|
|
.onecom_heading {
|
|
margin: -24px 0 16px 0;
|
|
}
|
|
.onecom_heading,
|
|
.wrap-top-onecom-heading-desc .onecom-main-heading {
|
|
font-size: 32px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
line-height: 40px;
|
|
letter-spacing: -0.6px;
|
|
color: var(--onecom-dark);
|
|
}
|
|
|
|
.onecom_description,
|
|
.osch-desc,
|
|
.onecom_subheading,
|
|
.onecom_card_title,
|
|
.oc-fix-button,
|
|
.oc-mark-resolved,
|
|
.ocsh-scan-title,
|
|
button.ocsh-open-modal,
|
|
.onecom_status__heading,
|
|
.onecom_unignore,
|
|
.one_wrap p,
|
|
.onecom-main-desc{
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 24px;
|
|
letter-spacing: 0px;
|
|
}
|
|
|
|
.onecom_description,
|
|
.osch-desc {
|
|
font-style: normal;
|
|
color: var(--onecom-dark);
|
|
}
|
|
|
|
.onecom_subheading {
|
|
font-weight: 600;
|
|
color: var(--onecom-green);
|
|
margin-left: 16px;
|
|
}
|
|
|
|
.onecom_subheading_lite {
|
|
color: var(--onecom-light-grey);
|
|
}
|
|
|
|
.onecom_head__inner {
|
|
flex: 0.45;
|
|
align-items: center;
|
|
}
|
|
.onecom_head_left
|
|
{
|
|
flex: 0.50
|
|
}
|
|
|
|
.onecom_card {
|
|
background: #F7F7F7;
|
|
flex: 0.45;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
display: flex;
|
|
padding: 24px;
|
|
width: 132px;
|
|
height: 88px;
|
|
}
|
|
|
|
.onecom_info_icon {
|
|
vertical-align: middle;
|
|
margin: 5px 0 5px 8px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.onecom_card_value {
|
|
font-size: 48px;
|
|
font-weight: 700;
|
|
line-height: 56px;
|
|
}
|
|
|
|
#onecom_card_result {
|
|
color: var(--onecom-green);
|
|
}
|
|
|
|
#onecom_card_todo_score {
|
|
color: var(--onecom-blue);
|
|
}
|
|
|
|
/**
|
|
Color coded scores
|
|
*/
|
|
.poor {
|
|
color: #D20019;
|
|
}
|
|
|
|
.ok {
|
|
color: #FF755A;
|
|
}
|
|
|
|
.good {
|
|
color: var(--onecom-green);
|
|
}
|
|
|
|
.onecom_card_title {
|
|
display: flex;
|
|
font-weight: 600;
|
|
color: #3C3C3C;
|
|
}
|
|
|
|
/* Extra spacing to align with other cards due to no tooltip exits */
|
|
.onecom_card:last-child .onecom_card_title {
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
.onecom_body {
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.onecom_hr {
|
|
border-bottom: 1px solid #CECECE;
|
|
}
|
|
|
|
.onecom_tabs_panels {
|
|
margin: 24px 0 0 0;
|
|
}
|
|
|
|
.onecom_tab {
|
|
display: inline-block;
|
|
height: 40px;
|
|
padding: 0 24px;
|
|
position: relative;
|
|
/* top: 2px; */
|
|
cursor: pointer;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
line-height: 24px;
|
|
letter-spacing: 0px;
|
|
color: var(--onecom-light-grey);
|
|
border-bottom: 1px solid #E5E5E5;
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
.onecom_tab.active {
|
|
color: var(--onecom-dark);
|
|
}
|
|
|
|
.onecom_tab.active {
|
|
border-bottom: 1px solid var(--onecom-dark);
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
.oc_hidden {
|
|
display: none;
|
|
}
|
|
.h-parent{
|
|
width:100%;
|
|
position: relative;
|
|
overflow-x: scroll !important;
|
|
overflow-y: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* Hide scrollbar for Chrome, Safari and Opera */
|
|
.h-parent::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
/* Hide scrollbar for IE, Edge and Firefox */
|
|
.h-parent {
|
|
-ms-overflow-style: none; /* IE and Edge */
|
|
scrollbar-width: none; /* Firefox */
|
|
}
|
|
.h-child{
|
|
width: max-content;
|
|
white-space: nowrap;
|
|
overflow-y: hidden;
|
|
min-width: 100%;
|
|
}
|
|
.h-parent .onecom_tabs_container {
|
|
border-bottom: 1px solid #E5E5E5;
|
|
}
|
|
.h-parent-wrap {
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
.h-parent-wrap:after {
|
|
content: '';
|
|
background: linear-gradient(
|
|
270deg
|
|
, #F0F0F1 0%, rgba(240, 240, 241, 0) 100%);
|
|
width: 40px;
|
|
position: absolute;
|
|
right: 0;
|
|
height: 40px;
|
|
top: 0;
|
|
}
|
|
/*
|
|
Need separate CSS to menu scroll for touch or mobile devices
|
|
https://ferie.medium.com/detect-a-touch-device-with-only-css-9f8e30fa1134
|
|
*/
|
|
@media (hover: none) and (pointer: coarse) {
|
|
.h-child{
|
|
width: 100%;
|
|
overflow-x: scroll;
|
|
background: transparent; /* Optional: just make scrollbar invisible */
|
|
-ms-overflow-style: none; /* Internet Explorer 10+ */
|
|
scrollbar-width: none; /* Firefox */
|
|
}
|
|
.h-child::-webkit-scrollbar {
|
|
display: none; /* Safari and Chrome */
|
|
}
|
|
}
|
|
|
|
.ocsh-bullet {
|
|
background-color: #F7F7F7;
|
|
padding: 0;
|
|
margin: 8px 0;
|
|
border-left: 4px solid var(--onecom-blue);
|
|
}
|
|
.ocsh-bullet h4.ocsh-scan-title.onecom__scan-title-bg {
|
|
padding: 24px 28px;
|
|
}
|
|
|
|
.ocsh-bullet .ocsh-desc-wrap {
|
|
padding: 0 28px 24px;
|
|
}
|
|
|
|
.ocsh-bullet.ocsh-fix-success {
|
|
border-left: 4px solid var(--onecom-green);
|
|
}
|
|
|
|
.onecom_hm__notice {
|
|
border: none;
|
|
padding: 0;
|
|
}
|
|
|
|
/* WPIN-2963 : Hide discourage plugin list in done section as they cannot be tracked after deletion */
|
|
.onecom_tabs_panel.done #ocsh-dis_plugin .ocsh-desc-li {
|
|
display: none;
|
|
}
|
|
|
|
ul.done .ocsh-bullet {
|
|
border-left: 4px solid var(--onecom-green);
|
|
}
|
|
|
|
ul.ignored .ocsh-bullet {
|
|
border-left: 4px solid var(--onecom-disabled-grey);
|
|
}
|
|
|
|
ul.ignored .ocsh-bullet.ocsh-fix-success {
|
|
border-left: 4px solid var(--onecom-green);
|
|
}
|
|
|
|
.onecom_ignored {
|
|
padding: 24px;
|
|
background: #F7F7F7;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: start;
|
|
}
|
|
|
|
ul .onecom_ignored {
|
|
background: #E6F2FA;
|
|
}
|
|
|
|
.onecom_ignored p {
|
|
margin: 0 0 0 30px;
|
|
}
|
|
|
|
ul.critical .ocsh-bullet {
|
|
border-left: 4px solid var(--onecom-red);
|
|
}
|
|
|
|
.ocsh-scan-title {
|
|
font-weight: 600;
|
|
margin: 0;
|
|
background-repeat: no-repeat;
|
|
background-position: right center;
|
|
}
|
|
|
|
.onecom__scan-title-bg {
|
|
background-image: url(../images/caret-down.svg);
|
|
cursor: pointer;
|
|
padding-right: 20px;
|
|
background-position: 97.5% 50%;
|
|
}
|
|
|
|
.ocsh-fix-success .onecom__scan-title-bg {
|
|
background: none;
|
|
cursor: inherit;
|
|
}
|
|
|
|
.expanded .onecom__scan-title-bg {
|
|
background-image: url(../images/caret-up.svg);
|
|
}
|
|
|
|
.ocsh-desc-wrap {
|
|
margin: 0;
|
|
}
|
|
|
|
h3.onecom_status__heading {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.onecom_status__wrap {
|
|
margin: 40px 0;
|
|
}
|
|
|
|
.oc-noscroll {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.onecom_status__inner {
|
|
padding: 24px;
|
|
background-color: #F7E7EF;
|
|
}
|
|
|
|
.onecom_status__inner .ocsh-desc-li {
|
|
margin: 40px 0 0 0;
|
|
list-style: disc inside;
|
|
}
|
|
|
|
.one_wrap a.onecom_unignore,
|
|
.one_wrap a.oc-mark-resolved{
|
|
color: #3C3C3C;
|
|
border: 1px solid #BBBBBB;
|
|
border-radius: 100px;
|
|
padding: 13px 23px;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 22px;
|
|
letter-spacing: .25px;
|
|
font-family: 'Montserrat', sans-serif;
|
|
}
|
|
.oc-fix-button {
|
|
vertical-align: middle;
|
|
background-color: var(--onecom-blue);
|
|
color: #fff;
|
|
border: none;
|
|
padding: 12px 24px;
|
|
border-radius: 100px;
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 22px;
|
|
letter-spacing: .25px;
|
|
font-family: 'Montserrat', sans-serif;
|
|
}
|
|
|
|
a.onecom__revert_action {
|
|
font-family: "Open Sans", sans-serif;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
line-height: 24px;
|
|
letter-spacing: 0px;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.ocsh-actions {
|
|
margin: 24px 0;
|
|
}
|
|
|
|
.ocsh-fix-wrap {
|
|
display: inline-block;
|
|
margin: 0 24px 0 0;
|
|
}
|
|
|
|
.ocsh-resolve-wrap{
|
|
margin: 0 24px 0 0;
|
|
}
|
|
|
|
.ocsh-actions span {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.onecom__save_user,
|
|
button.ocsh-open-modal {
|
|
vertical-align: middle;
|
|
background-color: var(--onecom-blue);
|
|
color: #fff;
|
|
border: none;
|
|
padding: 8px 32px;
|
|
border-radius: 100px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.onecom__input_user {
|
|
margin: 0 10px;
|
|
}
|
|
|
|
.onecom__save_user {
|
|
padding: 6px 24px;
|
|
}
|
|
|
|
.onecom_empty_list {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
margin: 60px 0 0 0;
|
|
}
|
|
|
|
.onecom_empty_list p {
|
|
text-align: center;
|
|
}
|
|
|
|
.onecom_tag {
|
|
font-family: 'Montserrat', sans-serif;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 18px;
|
|
letter-spacing: 0.4px;
|
|
text-align: center;
|
|
color: #0078C8;
|
|
background-color: #FFFFFF;
|
|
padding: 2px 7px;
|
|
border-radius: 4px;
|
|
margin: 0 0 0 16px;
|
|
cursor: default;
|
|
border: 1px solid #0078C8;
|
|
display: inline-block;
|
|
}
|
|
|
|
.osch-desc .onecom_tag {
|
|
display: none;
|
|
}
|
|
|
|
ul.critical .onecom_tag {
|
|
background: var(--onecom-red);
|
|
color: #fff;
|
|
}
|
|
|
|
.onecom__overview {
|
|
margin: 0 0 40px 0;
|
|
}
|
|
|
|
.onecom__scan_content__wrap {
|
|
margin: 24px 0 40px 0;
|
|
padding: 24px;
|
|
background-color: #E6F2FA;
|
|
}
|
|
|
|
ul.done .onecom__scan_content__wrap,
|
|
.ocsh-bullet.ocsh-fix-success .onecom__scan_content__wrap {
|
|
background-color: var(--onecom-light-green);
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.onecom__fix_title {
|
|
margin: 0 0 24px 0;
|
|
}
|
|
|
|
code {
|
|
background: #fff;
|
|
}
|
|
|
|
code p {
|
|
margin: 0;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.ocsh-desc-li {
|
|
margin: 16px 0 0 8px;
|
|
list-style: disc;
|
|
list-style-position: inside;
|
|
}
|
|
|
|
|
|
li a.ocsh-delete-link,
|
|
a.onecom__show_fields {
|
|
margin-left: 40px;
|
|
color: var(--onecom-blue);
|
|
}
|
|
|
|
.ocsh_input-fields {
|
|
margin: 30px 0;
|
|
}
|
|
|
|
.ocsh_input-fields label {
|
|
font-weight: 700;
|
|
display: block;
|
|
}
|
|
|
|
.ocsh_input-fields input[type="text"] {
|
|
width: 40%;
|
|
}
|
|
|
|
#oc_um_body ul {
|
|
font-family: "Open Sans", sans-serif;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
line-height: 24px;
|
|
letter-spacing: 0px;
|
|
}
|
|
|
|
#oc_um_body ul li {
|
|
margin: 16px 0;
|
|
}
|
|
|
|
/** Tooltip **/
|
|
.oc-tooltip {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
/* Tooltip text */
|
|
.oc-tooltip .tooltiptext {
|
|
visibility: hidden;
|
|
background-color: black;
|
|
color: #fff;
|
|
top: 100%;
|
|
left: 50%;
|
|
margin-left: -109px;
|
|
position: absolute;
|
|
z-index: 1;
|
|
width: 203px;
|
|
padding: 12px 16px;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
letter-spacing: 0.2px;
|
|
line-height: 14.63px;
|
|
margin-top: -1px;
|
|
/*font-family: "Montserrat";*/
|
|
}
|
|
|
|
.onecom_up-arrow {
|
|
margin-left: 8px;
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* Show the tooltip text when you mouse over the tooltip container */
|
|
.oc-tooltip:hover .tooltiptext,
|
|
.oc-tooltip:hover .onecom_up-arrow {
|
|
visibility: visible;
|
|
}
|
|
|
|
/** Tooltip End**/
|
|
|
|
input[type="text"].onecom__error,
|
|
input[type="text"].ocsh-error-field {
|
|
border: 1px solid var(--onecom-red);
|
|
}
|
|
|
|
p.oc-error-message {
|
|
margin: 5px 0;
|
|
color: var(--onecom-red);
|
|
font-size: 14px;
|
|
}
|
|
|
|
/** Loader **/
|
|
.components-spinner::before {
|
|
content: "";
|
|
position: absolute;
|
|
background-color: #fff;
|
|
top: 3px;
|
|
left: 3px;
|
|
width: 4px;
|
|
height: 4px;
|
|
border-radius: 100%;
|
|
transform-origin: 6px 6px;
|
|
animation: components-spinner__animation 1s infinite linear;
|
|
}
|
|
|
|
.components-spinner {
|
|
display: inline-block;
|
|
background-color: #7e8993;
|
|
width: 18px;
|
|
height: 18px;
|
|
opacity: 0.7;
|
|
border-radius: 100%;
|
|
position: relative;
|
|
margin-left: 5px;
|
|
vertical-align: middle;
|
|
bottom: 2px;
|
|
}
|
|
|
|
.onecom_card .components-spinner {
|
|
position: relative;
|
|
bottom: -15px;
|
|
}
|
|
|
|
/* plugin redesign changes */
|
|
.onecom_card:nth-child(2) {
|
|
margin: 0 30px;
|
|
}
|
|
.bg_box_main_container{
|
|
background: #ffffff;
|
|
padding: 33px 24px 15px 26px;
|
|
margin-top:0;
|
|
}
|
|
h2.onecom_heading img.onecom-heading-icon {
|
|
margin-right: 14px;
|
|
vertical-align: middle;
|
|
}
|
|
.wrap-top-onecom-heading-desc .onecom-main-heading {
|
|
margin-top: 27px;
|
|
}
|
|
.onecom_tabs_container .onecom_tab .count {
|
|
width: 34px;
|
|
height: 24px;
|
|
background: #F7F7F7;
|
|
border-radius: 16px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
margin-left: 8px;
|
|
}
|
|
.wrap-top-onecom-heading-desc p.onecom-main-desc {
|
|
margin-top: 16px;
|
|
margin-bottom:49px;
|
|
}
|
|
.onecom_head__inner.onecom_head_left p.onecom_description {
|
|
margin-top: 10px;
|
|
max-width: 490px;
|
|
width: 100%;
|
|
}
|
|
|
|
div#ignored .onecom_empty_list {
|
|
margin-top: 27px;
|
|
padding-bottom:27px;
|
|
}
|
|
/* plugin redesign changes end */
|
|
|
|
#ocsh-debug_log_size .oc-error-message{
|
|
margin-top:8px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
@keyframes components-spinner__animation {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
/** Loader End**/
|
|
/** Responsive */
|
|
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
|
|
.onecom_head__inner.onecom_head_left p.onecom_description{
|
|
width:434px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1024px) and (max-width: 1190px) and (orientation: landscape){
|
|
.onecom_card {
|
|
width: 95px;
|
|
height: 75px;
|
|
padding-left:14px;
|
|
}
|
|
.onecom_subheading{
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 768px){
|
|
.bg_box_main_container .h-parent-wrap:after{
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.onecom_head {
|
|
display: block;
|
|
}
|
|
|
|
.onecom_head__inner {
|
|
margin: 0 0 40px 0;
|
|
}
|
|
|
|
.onecom_card {
|
|
width: initial;
|
|
margin: 8px 0;
|
|
}
|
|
|
|
.onecom_ignored p {
|
|
margin: 10px 0;
|
|
}
|
|
.onecom_ignored img {
|
|
margin-right: 30px;
|
|
}
|
|
|
|
.bg_box_main_container{
|
|
padding-top:42px;
|
|
}
|
|
.onecom_head__inner.onecom_head_left {
|
|
margin-bottom: 32px;
|
|
}
|
|
img.oc-small-screen{
|
|
display:block;
|
|
}
|
|
img.oc-large-screen{
|
|
display: none;
|
|
}
|
|
h2.onecom_heading.oc_multisite {
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
line-height: 22px;
|
|
letter-spacing: 0.3px;
|
|
margin-top: 8px;
|
|
}
|
|
.oc_left_multisite.onecom_head_left {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.onecom_head_right_multisite p.oc-last-scan{
|
|
margin-top:0px;
|
|
margin-bottom:0;
|
|
}
|
|
.onecom_head .onecom_head__inner.onecom_head_right_multisite {
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
}
|
|
|
|
/*staging specific*/
|
|
.oc_multisite_container h3.oc_multisite{
|
|
font-size:16px;
|
|
font-weight: 500;
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
line-height:22px
|
|
}
|
|
.onecom-staging-wrap .oc_multisite_container p.oc-last-scan{
|
|
margin-top:0;
|
|
}
|
|
.onecom-staging-wrap .oc_multisite_container .onecom_head_right_multisite{
|
|
margin-left:0;
|
|
}
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 1190px) {
|
|
.one_wrap a.oc-fix-button {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.ocsh-actions span {
|
|
display: block;
|
|
margin-top: 24px;
|
|
text-align:center;
|
|
}
|
|
.ocsh-actions button.oc-fix-button,
|
|
.ocsh-actions form
|
|
{
|
|
width:100%;
|
|
}
|
|
.one_wrap a.oc-fix-button {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
.one_wrap a.oc-mark-resolved, .one_wrap a.onecom_unignore{
|
|
display: block;
|
|
padding: 11px 23px;
|
|
}
|
|
.onecom_subheading{
|
|
margin-left:10px;
|
|
}
|
|
.bg_box_main_container .onecom_tab{
|
|
line-height:40px;
|
|
}
|
|
.onecom_tabs_container .onecom_tab .count{
|
|
line-height:24px;
|
|
}
|
|
.onecom__scan-title-bg{
|
|
background-position: 94% 33px;
|
|
}
|
|
.bg_box_main_container .ocsh-bullet{
|
|
padding:0;
|
|
}
|
|
.ocsh-bullet h4.ocsh-scan-title.onecom__scan-title-bg{
|
|
padding: 24px 24px 8px 24px;
|
|
}
|
|
.ocsh-bullet .ocsh-desc-wrap {
|
|
padding: 0 24px 24px;
|
|
}
|
|
.bg_box_main_container .ocsh-actions {
|
|
margin: 24px 0 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.ocsh-resolve-wrap{
|
|
order: 2;
|
|
}
|
|
.ocsh-fix-wrap{
|
|
order: 1;
|
|
}
|
|
.oc-fix-button{
|
|
padding: 12px 23px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.ocsh-actions span {
|
|
display: block;
|
|
margin: 10px 0 0 0;
|
|
}
|
|
.one_wrap a.oc-fix-button {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 576px) {
|
|
|
|
.onecom_head_right {
|
|
display: block;
|
|
}
|
|
|
|
.osch-desc .onecom_tag {
|
|
margin: 0 0 24px 0;
|
|
display: inline-block;
|
|
}
|
|
h4 .onecom_tag {
|
|
display: none;
|
|
}
|
|
.bg_box_main_container{
|
|
padding: 38px 22px 15px;
|
|
}
|
|
h2.onecom_heading img.onecom-heading-icon{
|
|
display:block;
|
|
}
|
|
.onecom_card:nth-child(2){
|
|
margin:0;
|
|
}
|
|
.wrap.ocsh-wrap{
|
|
margin-left:10px;
|
|
margin-right:20px;
|
|
}
|
|
}
|
|
|
|
/** Responsive End*/
|
|
|
|
|
|
/** imagify check css added **/
|
|
.oc-fix-button.updating-message:before
|
|
{
|
|
margin: 3px 5px 0 -2px;
|
|
animation: rotation 2s infinite linear;
|
|
color: #fff;
|
|
content: "\f463";
|
|
display: inline-block;
|
|
font: normal 20px/1 "dashicons";
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
vertical-align: text-bottom;
|
|
|
|
}
|
|
.one_wrap p.oc-last-scan{
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
font-weight: 400;
|
|
letter-spacing: 0.25px;
|
|
margin-top: 8px;
|
|
margin-bottom: 0;
|
|
}
|
|
.oc-last-scan span:nth-child(2)
|
|
{
|
|
color: #8A8989;
|
|
margin-left: 4px;
|
|
}
|
|
.oc-trigger-hmscan{
|
|
margin-left: 15px;
|
|
font-weight: 500;
|
|
}
|
|
.one_wrap .oc-disabled{
|
|
pointer-events: none;
|
|
color: #BBBBBB;
|
|
}
|
|
|
|
a.ocsh-delete-link.ocsh-processed{
|
|
pointer-events: none;
|
|
color: var(--onecom-disabled-grey);
|
|
}
|
|
.oc_hide_tag{
|
|
display: none;
|
|
}
|
|
.oc_multisite_container .oc_multisite{
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
font-weight: 400;
|
|
}
|
|
.onecom_head__inner.onecom_head_right_multisite{
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
flex: 1.03;
|
|
margin-left: 48px;
|
|
}
|
|
.oc_left_multisite{
|
|
flex: 0.45
|
|
}
|
|
.oc_multisite_container{
|
|
padding: 24px;
|
|
|
|
}
|
|
.oc-small-screen{
|
|
display:none;
|
|
}
|
|
|
|
/*Staging Specific styles*/
|
|
.onecom-staging-wrap p.oc-last-scan{
|
|
margin-top: 8px;
|
|
margin-bottom: 0;
|
|
}
|
|
.onecom-staging-wrap ul
|
|
{
|
|
list-style: disc;
|
|
padding-inline-start: 27px;
|
|
margin-bottom:0;
|
|
margin-top:0;
|
|
}
|
|
.onecom_head_right_multisite ul li{
|
|
margin-top:0;
|
|
margin-bottom:0
|
|
}
|
|
#onestaging-clonepage-wrapper .staging-multisite {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|