3517 lines
105 KiB
CSS
3517 lines
105 KiB
CSS
@charset "UTF-8";
|
|
/**
|
|
*
|
|
* Prefix everything
|
|
* Name descriptively
|
|
* Structure radically
|
|
*
|
|
* CSS Structure
|
|
* css/
|
|
* ├─ admin/
|
|
* │ ├─ base.scss
|
|
* │ ├─ layout.scss
|
|
* │ ├─ modules/
|
|
* │ │ ├─ modal.scss
|
|
* │ │ ├─ button.scss
|
|
* │ │ ├─ modal.scss
|
|
* │ │ ├─ notices.scss
|
|
* │ │ ├─ tips-and-tricks.scss
|
|
* │ │ ├─ etc.....
|
|
* │ ├─ states.scss
|
|
* │ ├─ theme.scss
|
|
* ├─ admin.scss
|
|
* ├─ admin.min.css
|
|
* ├─ admin.css
|
|
* ├─ variables.scss
|
|
*
|
|
*/
|
|
:root {
|
|
--rsp-spacing-xxs: 5px;
|
|
--rsp-spacing-xs: 10px;
|
|
--rsp-spacing-s: 15px;
|
|
--rsp-spacing-m: 20px;
|
|
--rsp-spacing-l: 25px;
|
|
--rsp-spacing-xl: 30px;
|
|
--rsp-grid-margin: var(--rsp-spacing-s);
|
|
--rsp-grid-gap: var(--rsp-spacing-m);
|
|
--rsp-border-radius: 12px;
|
|
--rsp-border-radius-s: 8px;
|
|
--rsp-border-radius-xs: 3px;
|
|
--rsp-border: 1px solid var(--rsp-border-color);
|
|
--rsp-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
|
|
--rsp-box-shadow-dark: rgba(0, 0, 0, 0.2) 0px 4px 6px -1px, rgba(0, 0, 0, 0.12) 1px 0px 4px 1px;
|
|
--rsp-border-color: #dfdfdf;
|
|
--rsp-black: #333;
|
|
--rsp-white: #fff;
|
|
--rsp-yellow: #fbc43e;
|
|
--rsp-blue: #009fff;
|
|
--rsp-dark-yellow: #e6a800;
|
|
--rsp-dark-blue: #1E73BE;
|
|
--rsp-green: #2e8a37;
|
|
--rsp-red: #D7263D;
|
|
--rsp-dark-red: #9b0212;
|
|
--rsp-pink: #E35899;
|
|
--rsp-wp-blue: #007cba;
|
|
--rsp-yellow-faded: #fdf4df;
|
|
--rsp-blue-faded: #ecf8fe;
|
|
--rsp-dark-blue-faded: #ebf2f9;
|
|
--rsp-green-faded: #ecf4ed;
|
|
--rsp-red-faded: #fbebed;
|
|
--rsp-pink-faded: #fceff5;
|
|
--rsp-wp-blue-faded: #c6e0ef;
|
|
--rsp-background-block-color: var(--rsp-white);
|
|
--rsp-background-color: #f0f0f1;
|
|
--rsp-input-background-color: #fff;
|
|
--rsp-input-text-color: var(--rsp-text-color);
|
|
--rsp-input-border-color: var(--rsp-grey-400);
|
|
--rsp-text-color: rgba(26, 26, 26, 0.9);
|
|
--rsp-text-color-invert: rgba(255, 255, 255, 0.9);
|
|
--rsp-text-color-white: rgba(255, 255, 255, 0.9);
|
|
--rsp-text-color-light: rgba(69, 69, 82, 0.9);
|
|
--rsp-text-color-hover: var(--rsp-green);
|
|
--rsp-grey-100: #fafafa;
|
|
--rsp-grey-200: #f7f7f7;
|
|
--rsp-grey-300: #ededed;
|
|
--rsp-grey-400: #c6c6c6;
|
|
--rsp-grey-500: #737373;
|
|
--rsp-grey-600: #696969;
|
|
--rsp-color-success: var(--rsp-green);
|
|
--rsp-color-error: var(--rsp-red);
|
|
--rsp-color-warning: var(--rsp-yellow);
|
|
--rsp-color-open: var(--rsp-yellow);
|
|
--rsp-color-disabled: var(--rsp-grey-300);
|
|
--rsp-fs-100: 0.6875rem;
|
|
--rsp-fs-200: 0.75rem;
|
|
--rsp-fs-300: 0.8125rem;
|
|
--rsp-fs-400: 0.875rem;
|
|
--rsp-fs-500: 1rem;
|
|
--rsp-fs-600: 1.125rem;
|
|
--rsp-fs-700: 1.25rem;
|
|
--rsp-fs-800: 1.5rem;
|
|
--rsp-fs-850: 2.8rem;
|
|
--rsp-fs-900: 3.5rem;
|
|
}
|
|
|
|
@keyframes fade-in {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.rsssl {
|
|
font-variant-numeric: tabular-nums;
|
|
margin: 0;
|
|
margin-left: -20px;
|
|
font-size: var(--rsp-fs-300);
|
|
box-sizing: border-box;
|
|
color: var(--rsp-text-color);
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
}
|
|
@media only screen and (max-width: 768px) {
|
|
.rsssl {
|
|
margin-left: -9px;
|
|
}
|
|
}
|
|
.rsssl *, .rsssl *:before, .rsssl *:after {
|
|
box-sizing: inherit;
|
|
}
|
|
.rsssl body, .rsssl h1, .rsssl h2, .rsssl h3, .rsssl h4, .rsssl h5, .rsssl h6, .rsssl p, .rsssl ol, .rsssl ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.rsssl img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
.rsssl h1, .rsssl h2, .rsssl h3, .rsssl h4, .rsssl h5, .rsssl h6 {
|
|
color: var(--rsp-text-color);
|
|
line-height: 1.5;
|
|
}
|
|
.rsssl .rsssl-h0 {
|
|
font-size: var(--rsp-fs-900);
|
|
font-weight: 700;
|
|
letter-spacing: 0.025rem;
|
|
}
|
|
.rsssl h1, .rsssl .rsssl-h1 {
|
|
font-size: var(--rsp-fs-800);
|
|
line-height: 1.5;
|
|
font-weight: 500;
|
|
letter-spacing: 0.025rem;
|
|
}
|
|
.rsssl h2, .rsssl .rsssl-h2 {
|
|
font-size: var(--rsp-fs-700);
|
|
font-weight: 700;
|
|
letter-spacing: 0.025rem;
|
|
}
|
|
.rsssl h3, .rsssl .rsssl-h3 {
|
|
font-size: var(--rsp-fs-600);
|
|
font-weight: 600;
|
|
letter-spacing: 0.0125rem;
|
|
}
|
|
.rsssl h4, .rsssl .rsssl-h4 {
|
|
font-size: var(--rsp-fs-500);
|
|
font-weight: 600;
|
|
letter-spacing: 0.0125rem;
|
|
}
|
|
.rsssl h5, .rsssl .rsssl-h5 {
|
|
font-size: var(--rsp-fs-400);
|
|
font-weight: 400;
|
|
letter-spacing: 0.1px;
|
|
}
|
|
.rsssl h6, .rsssl .rsssl-h6 {
|
|
font-size: var(--rsp-fs-300);
|
|
letter-spacing: 0.1px;
|
|
}
|
|
.rsssl p {
|
|
color: var(--rsp-text-color);
|
|
font-weight: 400;
|
|
font-size: var(--rsp-fs-300);
|
|
line-height: 1.5;
|
|
}
|
|
.rsssl .rsssl-small-text {
|
|
font-size: var(--rsp-fs-200);
|
|
line-height: 1.5;
|
|
color: var(--rsp-text-color-light);
|
|
}
|
|
.rsssl a {
|
|
font-size: 1em;
|
|
}
|
|
.rsssl .rsssl-notice-hook-element {
|
|
display: none !important;
|
|
}
|
|
.rsssl .rsssl-divider {
|
|
width: 1px;
|
|
height: 1.3rem;
|
|
background-color: #cccccc;
|
|
}
|
|
|
|
.error:not(.really-simple-plugins), .notice:not(.really-simple-plugins), .update-nag:not(.really-simple-plugins), .notice-info:not(.really-simple-plugins) {
|
|
display: none !important;
|
|
}
|
|
.error.really-simple-plugins, .notice.really-simple-plugins, .update-nag.really-simple-plugins, .notice-info.really-simple-plugins {
|
|
margin: var(--rsp-grid-gap);
|
|
}
|
|
|
|
/* Grid */
|
|
.rsssl .rsssl-header, .rsssl .rsssl-content-area {
|
|
max-width: clamp(300px, 100% - var(--rsp-grid-gap) * 2, 1600px);
|
|
margin: 0 auto;
|
|
}
|
|
@media (max-width: 1599px) {
|
|
.rsssl .rsssl-header, .rsssl .rsssl-content-area {
|
|
--rsp-grid-gap: var(--rsp-spacing-m);
|
|
}
|
|
}
|
|
@media (max-width: 1440px) {
|
|
.rsssl .rsssl-header, .rsssl .rsssl-content-area {
|
|
--rsp-grid-gap: var(--rsp-spacing-s);
|
|
}
|
|
}
|
|
@media (max-width: 1366px) {
|
|
.rsssl .rsssl-header, .rsssl .rsssl-content-area {
|
|
--rsp-grid-gap: var(--rsp-spacing-xs);
|
|
}
|
|
}
|
|
.rsssl .rsssl-header-container .rsssl-header {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
height: 70px;
|
|
box-sizing: border-box;
|
|
background-color: var(--rsp-background-block-color);
|
|
}
|
|
@media (max-width: 1080px) {
|
|
.rsssl .rsssl-header-container .rsssl-header {
|
|
height: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 576px) {
|
|
.rsssl .rsssl-logo {
|
|
display: none;
|
|
}
|
|
}
|
|
.rsssl .rsssl-header-left {
|
|
display: flex;
|
|
font-size: var(--rsp-fs-400);
|
|
}
|
|
@media (max-width: 1080px) {
|
|
.rsssl .rsssl-header-left {
|
|
justify-content: center;
|
|
margin: var(--rsp-spacing-xs) 0;
|
|
order: 3;
|
|
width: 100%;
|
|
background-color: var(--rsp-background-block-color);
|
|
}
|
|
}
|
|
.rsssl .rsssl-header-left .rsssl-header-menu {
|
|
margin: auto 15px;
|
|
}
|
|
.rsssl .rsssl-header-left .rsssl-header-menu ul {
|
|
display: flex;
|
|
}
|
|
.rsssl .rsssl-header-left .rsssl-header-menu li {
|
|
margin-bottom: 0;
|
|
}
|
|
.rsssl .rsssl-header-left .rsssl-header-menu a {
|
|
padding: 23px 15px;
|
|
text-decoration: none;
|
|
color: var(--rsp-text-color);
|
|
height: 100%;
|
|
border-bottom: 4px solid transparent;
|
|
transition: border 0.3s ease-out;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
@media (max-width: 1080px) {
|
|
.rsssl .rsssl-header-left .rsssl-header-menu a {
|
|
padding: 10px 15px;
|
|
}
|
|
}
|
|
.rsssl .rsssl-header-left .rsssl-header-menu a.active {
|
|
border-bottom: 4px solid var(--rsp-brand-primary);
|
|
}
|
|
.rsssl .rsssl-header-left .rsssl-header-menu a:hover {
|
|
color: var(--rsp-brand-primary);
|
|
}
|
|
.rsssl .rsssl-header-right {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
margin-left: auto;
|
|
gap: var(--rsp-spacing-s);
|
|
min-height: 52px;
|
|
}
|
|
.rsssl .rsssl-header-right select {
|
|
max-width: 60ch;
|
|
}
|
|
@media (max-width: 576px) {
|
|
.rsssl .rsssl-header-right {
|
|
display: none;
|
|
}
|
|
}
|
|
@media (max-width: 768px) {
|
|
.rsssl .rsssl-header-right .button {
|
|
display: none;
|
|
}
|
|
}
|
|
.rsssl .rsssl-content-area {
|
|
margin-top: var(--rsp-grid-gap);
|
|
}
|
|
.rsssl .rsssl-header-container {
|
|
background: var(--rsp-background-block-color);
|
|
}
|
|
.rsssl .rsssl-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
grid-auto-rows: max-content;
|
|
gap: var(--rsp-grid-gap);
|
|
min-height: calc(100vh - 32px - 80px - 20px - var(--rsp-grid-gap));
|
|
}
|
|
.rsssl .rsssl-grid.rsssl-settings, .rsssl .rsssl-grid.rsssl-letsencrypt {
|
|
grid-template-columns: minmax(235px, max-content) 2fr minmax(min-content, 1fr);
|
|
}
|
|
@media only screen and (max-width: 1080px) {
|
|
.rsssl .rsssl-grid.rsssl-settings, .rsssl .rsssl-grid.rsssl-letsencrypt {
|
|
grid-template-columns: repeat(4, 1fr);
|
|
}
|
|
.rsssl .rsssl-grid.rsssl-settings .rsssl-wizard-menu, .rsssl .rsssl-grid.rsssl-settings .rsssl-wizard-settings, .rsssl .rsssl-grid.rsssl-settings .rsssl-wizard-help, .rsssl .rsssl-grid.rsssl-letsencrypt .rsssl-wizard-menu, .rsssl .rsssl-grid.rsssl-letsencrypt .rsssl-wizard-settings, .rsssl .rsssl-grid.rsssl-letsencrypt .rsssl-wizard-help {
|
|
grid-column: 1/-1;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1280px) {
|
|
.rsssl .rsssl-grid {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1080px) {
|
|
.rsssl .rsssl-grid {
|
|
max-width: 790px;
|
|
width: calc(100% - var(--rsp-grid-gap) * 2);
|
|
}
|
|
}
|
|
.rsssl .rsssl-grid-item {
|
|
background: var(--rsp-background-block-color);
|
|
box-shadow: var(--rsp-box-shadow);
|
|
border-radius: var(--rsp-border-radius);
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
flex-direction: column;
|
|
flex-basis: 100%;
|
|
grid-column: span 1;
|
|
grid-row: span 1;
|
|
}
|
|
.rsssl .rsssl-grid-item.rsssl-disabled {
|
|
min-height: 320px;
|
|
}
|
|
.rsssl .rsssl-grid-item.rsssl-two_fa_users .rsssl-grid-item-content .rsssl-field-wrap {
|
|
margin-top: -50px;
|
|
}
|
|
@media (max-width: 1080px) {
|
|
.rsssl .rsssl-grid-item {
|
|
grid-column: span 4;
|
|
}
|
|
}
|
|
.rsssl .rsssl-grid-item.no-background {
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
.rsssl .rsssl-grid-item.rsssl-column-2 {
|
|
grid-column: span 2;
|
|
}
|
|
@media (max-width: 1080px) {
|
|
.rsssl .rsssl-grid-item.rsssl-column-2 {
|
|
grid-column: span 4;
|
|
}
|
|
}
|
|
.rsssl .rsssl-grid-item.rsssl-row-2 {
|
|
grid-row: span 2;
|
|
min-height: 400px;
|
|
}
|
|
.rsssl .rsssl-grid-item-header {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
min-height: calc(30px + var(--rsp-spacing-s) * 2);
|
|
padding: var(--rsp-spacing-m) var(--rsp-spacing-l);
|
|
}
|
|
@media screen and (max-width: 1280px) {
|
|
.rsssl .rsssl-grid-item-header {
|
|
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
|
|
}
|
|
}
|
|
@media screen and (max-width: 1080px) {
|
|
.rsssl .rsssl-grid-item-header {
|
|
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
|
|
}
|
|
}
|
|
.rsssl .rsssl-grid-item-header:empty {
|
|
display: none;
|
|
}
|
|
.rsssl .rsssl-grid-item-title {
|
|
margin: 4px 0 4px 0;
|
|
}
|
|
.rsssl .rsssl-grid-item-controls {
|
|
font-size: var(--rsp-fs-200);
|
|
display: flex;
|
|
gap: var(--rsp-spacing-s);
|
|
}
|
|
.rsssl .rsssl-grid-item-content {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding-inline: var(--rsp-spacing-l);
|
|
flex-grow: 100;
|
|
}
|
|
@media screen and (max-width: 1280px) {
|
|
.rsssl .rsssl-grid-item-content {
|
|
padding-inline: var(--rsp-spacing-m);
|
|
}
|
|
}
|
|
@media screen and (max-width: 1080px) {
|
|
.rsssl .rsssl-grid-item-content {
|
|
padding-inline: var(--rsp-spacing-s);
|
|
}
|
|
}
|
|
.rsssl .rsssl-grid-item-content:empty {
|
|
display: none;
|
|
}
|
|
.rsssl .rsssl-grid-item-footer {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: var(--rsp-grid-margin);
|
|
width: 100%;
|
|
min-height: calc(30px + var(--rsp-spacing-s) * 2);
|
|
box-sizing: border-box;
|
|
padding: var(--rsp-spacing-m) var(--rsp-spacing-l);
|
|
align-self: flex-end;
|
|
}
|
|
@media screen and (max-width: 1280px) {
|
|
.rsssl .rsssl-grid-item-footer {
|
|
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
|
|
}
|
|
}
|
|
@media screen and (max-width: 1080px) {
|
|
.rsssl .rsssl-grid-item-footer {
|
|
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
|
|
}
|
|
}
|
|
.rsssl .rsssl-grid-item-footer .rsssl-legend {
|
|
display: flex;
|
|
}
|
|
.rsssl .rsssl-grid-item-footer .rsssl-legend span {
|
|
padding-left: 5px;
|
|
}
|
|
.rsssl .rsssl-grid-item-footer:empty {
|
|
display: none;
|
|
}
|
|
.rsssl .rsssl-grid-item .rsssl-flex-push-right {
|
|
margin-left: auto;
|
|
}
|
|
.rsssl .rsssl-grid-item .rsssl-flex-push-left {
|
|
margin-right: auto;
|
|
}
|
|
|
|
.rsssl-header-container .rsssl-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
height: 70px;
|
|
box-sizing: border-box;
|
|
}
|
|
.rsssl-header-container .rsssl-header img {
|
|
margin: auto 0;
|
|
height: 26px;
|
|
}
|
|
.rsssl-header-container .rsssl-header .rsssl-header-menu {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 100%;
|
|
padding: 0 20px;
|
|
box-sizing: border-box;
|
|
}
|
|
.rsssl-header-container .rsssl-header .rsssl-header-menu .rsssl-header-menu-item {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 100%;
|
|
padding: 0 20px;
|
|
box-sizing: border-box;
|
|
}
|
|
.rsssl-header-container .rsssl-header .rsssl-header-menu .rsssl-header-menu-item:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.rsssl-header-container .rsssl-header .rsssl-header-menu .rsssl-header-menu-item:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.rsssl-header-container .rsssl-header .rsssl-header-menu .rsssl-header-menu-item.rsssl-header-menu-item-active {
|
|
background-color: #f5f5f5;
|
|
}
|
|
.rsssl-header-container .rsssl-header .rsssl-header-actions {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-left: auto;
|
|
gap: var(--rsp-spacing-s);
|
|
}
|
|
.rsssl-header-container .rsssl-header .rsssl-header-actions select {
|
|
max-width: 60ch;
|
|
}
|
|
|
|
.rsssl-grid .border-to-border .rsssl-grid-item-content {
|
|
padding: 0;
|
|
}
|
|
.rsssl-grid .border-to-border .rsssl-grid-item-content > * {
|
|
padding-inline: var(--rsp-spacing-l);
|
|
width: 100%;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
}
|
|
.rsssl-grid .border-to-border.rsssl-ssllabs .rsssl-grid-item-content > *, .rsssl-grid .border-to-border.rsssl-wpvul .rsssl-grid-item-content > * {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.rsssl .rsssl-wpvul .rsssl-icon {
|
|
margin-top: 5px;
|
|
}
|
|
.rsssl .rsssl-ssl-labs-select, .rsssl .rsssl-hardening-select {
|
|
background: var(--rsp-grey-200);
|
|
padding-inline: var(--rsp-spacing-l);
|
|
padding-block: var(--rsp-spacing-m);
|
|
display: grid;
|
|
width: 100%;
|
|
grid-template-columns: calc(50% - var(--rsp-spacing-s) / 2) calc(50% - var(--rsp-spacing-s) / 2);
|
|
gap: var(--rsp-spacing-s);
|
|
transition: background-color 0.3s ease-in-out;
|
|
}
|
|
.rsssl .rsssl-ssl-labs-select.rsssl-error, .rsssl .rsssl-hardening-select.rsssl-error {
|
|
background: var(--rsp-red-faded);
|
|
}
|
|
.rsssl .rsssl-ssl-labs-select.rsssl-warning, .rsssl .rsssl-hardening-select.rsssl-warning {
|
|
background: var(--rsp-yellow-faded);
|
|
}
|
|
.rsssl .rsssl-ssl-labs-select.rsssl-success, .rsssl .rsssl-hardening-select.rsssl-success {
|
|
background: var(--rsp-green-faded);
|
|
}
|
|
.rsssl .rsssl-ssl-labs-select-item, .rsssl .rsssl-hardening-select-item {
|
|
border-radius: var(--rsp-border-radius-xs);
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
text-align: center;
|
|
padding-block: var(--rsp-spacing-s);
|
|
justify-items: center;
|
|
flex-wrap: wrap;
|
|
background: var(--rsp-white);
|
|
min-height: 118px;
|
|
}
|
|
.rsssl .rsssl-ssl-labs-select-item.active, .rsssl .rsssl-hardening-select-item.active {
|
|
box-shadow: inset 0 0 3px 2px var(--rsp-green-faded);
|
|
border: 2px solid var(--rsp-green);
|
|
}
|
|
.rsssl .rsssl-ssl-labs-select-item h2, .rsssl .rsssl-hardening-select-item h2 {
|
|
margin-top: var(--rsp-spacing-xxs);
|
|
font-weight: 800;
|
|
}
|
|
.rsssl .rsssl-ssl-labs-select-item h2.big-number, .rsssl .rsssl-hardening-select-item h2.big-number {
|
|
font-size: var(--rsp-fs-850);
|
|
}
|
|
.rsssl .rsssl-ssl-labs-select-item span, .rsssl .rsssl-hardening-select-item span {
|
|
display: flex;
|
|
gap: 3px;
|
|
justify-content: center;
|
|
font-size: var(--rsp-fs-100);
|
|
}
|
|
.rsssl .rsssl-ssl-labs-list, .rsssl .rsssl-hardening-list {
|
|
width: 100%;
|
|
}
|
|
.rsssl .rsssl-ssl-labs-list-item, .rsssl .rsssl-hardening-list-item {
|
|
width: 100%;
|
|
display: grid;
|
|
justify-items: flex-start;
|
|
grid-template-columns: auto 1fr auto;
|
|
gap: var(--rsp-spacing-s);
|
|
padding-block: var(--rsp-spacing-xs);
|
|
padding-inline: var(--rsp-spacing-l);
|
|
}
|
|
.rsssl .rsssl-ssl-labs-list-item:nth-of-type(even), .rsssl .rsssl-hardening-list-item:nth-of-type(even) {
|
|
background: var(--rsp-grey-200);
|
|
}
|
|
.rsssl .rsssl-ssl-labs-list-item-text, .rsssl .rsssl-hardening-list-item-text {
|
|
width: 100%;
|
|
margin-right: auto;
|
|
}
|
|
.rsssl .rsssl-ssl-labs-list-item-number, .rsssl .rsssl-hardening-list-item-number {
|
|
font-weight: 600;
|
|
}
|
|
.rsssl .rsssl-ssl-labs-list-item .rsssl-icon, .rsssl .rsssl-hardening-list-item .rsssl-icon {
|
|
align-items: start;
|
|
margin-top: 2px;
|
|
}
|
|
.rsssl .rsssl-ssl-labs-select-item {
|
|
padding-inline: var(--rsp-spacing-s);
|
|
gap: var(--rsp-spacing-xxs);
|
|
}
|
|
.rsssl .rsssl-ssl-labs .rsssl-score-snippet {
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
padding-inline: var(--rsp-spacing-xxs);
|
|
font-size: var(--rsp-fs-100);
|
|
border-radius: var(--rsp-border-radius-xs);
|
|
color: var(--rsp-text-color);
|
|
text-align: left;
|
|
}
|
|
.rsssl .rsssl-ssl-labs .rsssl-score-snippet.rsssl-hover {
|
|
height: initial;
|
|
line-height: initial;
|
|
}
|
|
.rsssl .rsssl-ssl-labs .rsssl-score-snippet.rsssl-test-inactive {
|
|
background-color: var(--rsp-grey-200);
|
|
color: var(--rsp-color-disabled);
|
|
}
|
|
.rsssl .rsssl-ssl-labs .rsssl-score-snippet.rsssl-test-processing {
|
|
background-color: var(--rsp-yellow);
|
|
color: var(--rsp-black);
|
|
}
|
|
.rsssl .rsssl-ssl-labs .rsssl-score-snippet.rsssl-test-success {
|
|
background-color: var(--rsp-color-success);
|
|
color: var(--rsp-text-color-white);
|
|
}
|
|
.rsssl .rsssl-ssl-labs .rsssl-score-snippet.rsssl-test-error {
|
|
background-color: var(--rsp-brand-primary);
|
|
color: var(--rsp-black);
|
|
}
|
|
.rsssl .rsssl-hardening-select-item .rsssl-badge {
|
|
margin-top: var(--rsp-spacing-xxs);
|
|
}
|
|
|
|
.rsssl-gridblock-progress-container.rsssl-error .rsssl-gridblock-progress {
|
|
background: var(--rsp-color-warning);
|
|
}
|
|
.rsssl-gridblock-progress-container.rsssl-inactive {
|
|
height: 4px;
|
|
width: 100%;
|
|
display: flex;
|
|
background: var(--rsp-grey-300);
|
|
}
|
|
.rsssl-gridblock-progress-container.rsssl-inactive .rsssl-gridblock-progress {
|
|
transition: width 1s ease-in-out;
|
|
background: var(--rsp-green);
|
|
}
|
|
|
|
.rsssl .rsssl-field-button button.button {
|
|
display: flex;
|
|
}
|
|
.rsssl a.button, .rsssl button.button, .rsssl input.button, .rsssl span.button {
|
|
font-size: var(--rsp-fs-300);
|
|
font-weight: 400;
|
|
transition: all 0.3s ease;
|
|
min-height: 10px;
|
|
}
|
|
.rsssl a.button.button-secondary, .rsssl a.button.button-default, .rsssl button.button.button-secondary, .rsssl button.button.button-default, .rsssl input.button.button-secondary, .rsssl input.button.button-default, .rsssl span.button.button-secondary, .rsssl span.button.button-default {
|
|
background: transparent;
|
|
}
|
|
.rsssl a.button .rsssl-icon, .rsssl button.button .rsssl-icon, .rsssl input.button .rsssl-icon, .rsssl span.button .rsssl-icon {
|
|
padding-top: 7px;
|
|
padding-left: 7px;
|
|
}
|
|
.rsssl a.button.button-black, .rsssl button.button.button-black, .rsssl input.button.button-black, .rsssl span.button.button-black {
|
|
border: 1px solid var(--rsp-black);
|
|
background: var(--rsp-black);
|
|
color: var(--rsp-text-color-white);
|
|
}
|
|
.rsssl a.button.button-black:hover, .rsssl a.button.button-black:focus, .rsssl a.button.button-black:active, .rsssl button.button.button-black:hover, .rsssl button.button.button-black:focus, .rsssl button.button.button-black:active, .rsssl input.button.button-black:hover, .rsssl input.button.button-black:focus, .rsssl input.button.button-black:active, .rsssl span.button.button-black:hover, .rsssl span.button.button-black:focus, .rsssl span.button.button-black:active {
|
|
box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--rsp-black);
|
|
}
|
|
.rsssl a.button.button-tertiary, .rsssl a.button.button-red, .rsssl button.button.button-tertiary, .rsssl button.button.button-red, .rsssl input.button.button-tertiary, .rsssl input.button.button-red, .rsssl span.button.button-tertiary, .rsssl span.button.button-red {
|
|
border: 0 solid transparent;
|
|
background: var(--rsp-red);
|
|
color: var(--rsp-text-color-white);
|
|
}
|
|
.rsssl a.button.button-tertiary:hover, .rsssl a.button.button-tertiary:focus, .rsssl a.button.button-tertiary:active, .rsssl a.button.button-red:hover, .rsssl a.button.button-red:focus, .rsssl a.button.button-red:active, .rsssl button.button.button-tertiary:hover, .rsssl button.button.button-tertiary:focus, .rsssl button.button.button-tertiary:active, .rsssl button.button.button-red:hover, .rsssl button.button.button-red:focus, .rsssl button.button.button-red:active, .rsssl input.button.button-tertiary:hover, .rsssl input.button.button-tertiary:focus, .rsssl input.button.button-tertiary:active, .rsssl input.button.button-red:hover, .rsssl input.button.button-red:focus, .rsssl input.button.button-red:active, .rsssl span.button.button-tertiary:hover, .rsssl span.button.button-tertiary:focus, .rsssl span.button.button-tertiary:active, .rsssl span.button.button-red:hover, .rsssl span.button.button-red:focus, .rsssl span.button.button-red:active {
|
|
box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--rsp-red);
|
|
background: var(--rsp-red);
|
|
color: var(--rsp-text-color-white);
|
|
}
|
|
|
|
.rsssl a.rsssl-button-small, .rsssl button.rsssl-button-small, .rsssl input.rsssl-button-small {
|
|
font-size: var(--rsp-fs-100);
|
|
font-weight: 300;
|
|
min-height: auto;
|
|
}
|
|
.rsssl .rsssl-button-small + .rsssl-button-small {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
/* Documents overview */
|
|
.rsssl-shortcode {
|
|
right: 10000px;
|
|
position: absolute;
|
|
background-color: #fff;
|
|
padding: 0;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.shortcode {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.rsssl-action-buttons {
|
|
/* Making sure we use the full width of the container */
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.rsssl-action-buttons__inner {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.rsssl-action-buttons__inner {
|
|
float: right;
|
|
}
|
|
|
|
.rsssl-action-buttons__button {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
/* Remove margin for the last button to ensure clean alignment */
|
|
.rsssl-action-buttons__inner:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
/**
|
|
For the mixed content scan we need to do some extra tweaking
|
|
*/
|
|
.rsssl-mixed-content-scan .rsssl-grid-item-content-footer {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
padding-left: 25px;
|
|
}
|
|
.rsssl-mixed-content-scan .rsssl-grid-item-content-footer .button {
|
|
display: block;
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
}
|
|
.rsssl-mixed-content-scan .rsssl-grid-item-content-footer .components-toggle-control {
|
|
margin-top: 12px;
|
|
}
|
|
.rsssl-mixed-content-scan .rsssl-grid-item-content-footer label {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.rsssl .rsssl-bullet {
|
|
height: 13px;
|
|
width: 13px;
|
|
flex: 0 0 13px;
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
background-color: var(--rsp-grey-300);
|
|
}
|
|
.rsssl .rsssl-bullet.rsp-yellow {
|
|
background-color: var(--rsp-yellow);
|
|
}
|
|
.rsssl .rsssl-bullet.rsp-blue {
|
|
background-color: var(--rsp-blue);
|
|
}
|
|
.rsssl .rsssl-bullet.rsp-pink {
|
|
background-color: var(--rsp-pink);
|
|
}
|
|
.rsssl .rsssl-bullet.rsp-red, .rsssl .rsssl-bullet.rsssl-bullet-error {
|
|
background-color: var(--rsp-red);
|
|
}
|
|
.rsssl .rsssl-bullet.rsp-green, .rsssl .rsssl-bullet.rsssl-bullet-success {
|
|
background-color: var(--rsp-green);
|
|
}
|
|
.rsssl .rsssl-bullet.rsp-blue-yellow {
|
|
background: var(--rsp-blue);
|
|
background: linear-gradient(77deg, rgb(0, 159, 255) 0%, rgb(0, 159, 255) 30%, rgb(244, 191, 62) 70%, rgb(244, 191, 62) 100%);
|
|
animation: gradient 2s ease infinite;
|
|
background-size: 200% 200%;
|
|
}
|
|
.rsssl .rsssl-legend {
|
|
display: flex;
|
|
width: -moz-max-content;
|
|
width: max-content;
|
|
color: var(--rsp-text-color-light);
|
|
align-items: center;
|
|
min-width: 0;
|
|
gap: var(--rsp-spacing-xxs);
|
|
text-decoration: none;
|
|
}
|
|
.rsssl .rsssl-legend:first-of-type {
|
|
margin-left: auto;
|
|
}
|
|
@keyframes gradient {
|
|
0% {
|
|
background-position: 0% 50%;
|
|
}
|
|
50% {
|
|
background-position: 100% 50%;
|
|
}
|
|
100% {
|
|
background-position: 0% 50%;
|
|
}
|
|
}
|
|
|
|
.rsssl-icon {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.rsssl-icon > div {
|
|
display: flex;
|
|
}
|
|
.rsssl-icon svg {
|
|
fill: currentColor;
|
|
}
|
|
.rsssl-icon-loading svg {
|
|
animation: spin 2s linear infinite;
|
|
}
|
|
@keyframes spin {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
.rsssl-icon.rsssl-click-animation {
|
|
animation: beat 0.4s ease-out;
|
|
}
|
|
|
|
button.button .cmplz-icon.rsssl-icon-loading {
|
|
padding-top: 6px;
|
|
}
|
|
button.button .cmplz-icon.rsssl-icon-loading > div {
|
|
line-height: inherit;
|
|
}
|
|
|
|
.rsssl .rsssl-badge {
|
|
--badge-height: 20px;
|
|
height: var(--badge-height);
|
|
line-height: var(--badge-height);
|
|
padding-inline: 8px;
|
|
min-width: 100px;
|
|
text-align: center;
|
|
border-radius: var(--rsp-border-radius-xs);
|
|
color: var(--rsp-white);
|
|
display: table;
|
|
margin: auto auto;
|
|
font-size: var(--rsp-fs-100);
|
|
}
|
|
.rsssl .rsssl-badge.rsp-dark {
|
|
background-color: var(--rsp-black);
|
|
color: var(--rsp-white);
|
|
}
|
|
.rsssl .rsssl-badge.rsp-low {
|
|
background-color: var(--rsp-yellow-faded);
|
|
color: var(--rsp-black);
|
|
}
|
|
.rsssl .rsssl-badge.rsp-medium {
|
|
background-color: var(--rsp-yellow);
|
|
color: var(--rsp-black);
|
|
}
|
|
.rsssl .rsssl-badge.rsp-high {
|
|
background-color: var(--rsp-red-faded);
|
|
color: var(--rsp-black);
|
|
}
|
|
.rsssl .rsssl-badge.rsp-critical {
|
|
background-color: var(--rsp-red);
|
|
color: var(--rsp-white);
|
|
}
|
|
.rsssl .rsssl-badge.rsp-success {
|
|
background-color: var(--rsp-color-success);
|
|
color: var(--rsp-white);
|
|
}
|
|
.rsssl .rsssl-badge.rsp-default {
|
|
background-color: var(--rsp-grey-200);
|
|
color: black;
|
|
}
|
|
.rsssl .rsssl-badge-large {
|
|
--badge-height: 28px;
|
|
height: var(--badge-height);
|
|
line-height: var(--badge-height);
|
|
padding: 0 10px;
|
|
text-align: center;
|
|
border-radius: var(--rsp-border-radius-xs);
|
|
color: var(--rsp-white);
|
|
display: table;
|
|
margin: auto auto;
|
|
font-size: var(--rsp-fs-300);
|
|
font-weight: 400;
|
|
}
|
|
.rsssl .rsssl-badge-large.rsp-dark {
|
|
background-color: var(--rsp-black);
|
|
color: var(--rsp-white);
|
|
}
|
|
.rsssl .rsssl-badge-large.rsp-risk-level-l {
|
|
background-color: var(--rsp-yellow-faded);
|
|
color: var(--rsp-black);
|
|
}
|
|
.rsssl .rsssl-badge-large.rsp-risk-level-m {
|
|
background-color: var(--rsp-yellow);
|
|
color: var(--rsp-black);
|
|
}
|
|
.rsssl .rsssl-badge-large.rsp-risk-level-h {
|
|
background-color: var(--rsp-red-faded);
|
|
color: var(--rsp-black);
|
|
}
|
|
.rsssl .rsssl-badge-large.rsp-risk-level-c {
|
|
background-color: var(--rsp-red);
|
|
color: var(--rsp-white);
|
|
}
|
|
.rsssl .rsssl-badge-large.rsp-success {
|
|
background-color: var(--rsp-color-success);
|
|
color: var(--rsp-white);
|
|
}
|
|
.rsssl .rsssl-badge-large.rsp-default {
|
|
background-color: var(--rsp-grey-200);
|
|
color: black;
|
|
}
|
|
|
|
:root {
|
|
--toastify-color-light: var(--rsp-white);
|
|
--toastify-color-dark: var(--rsp-black);
|
|
--toastify-color-info: var(--rsp-yellow);
|
|
--toastify-color-success: var(--rsp-green);
|
|
--toastify-color-warning: var(--rsp-orange);
|
|
--toastify-color-error: var(--rsp-red);
|
|
--toastify-color-transparent: rgba(255, 255, 255, 0.7);
|
|
--toastify-icon-color-info: var(--toastify-color-info);
|
|
--toastify-icon-color-success: var(--rsp-green);
|
|
--toastify-icon-color-warning: var(--toastify-color-warning);
|
|
--toastify-icon-color-error: var(--toastify-color-error);
|
|
--toastify-toast-width: 320px;
|
|
--toastify-toast-background: #fff;
|
|
--toastify-toast-min-height: 42px;
|
|
--toastify-toast-max-height: 800px;
|
|
--toastify-font-family: sans-serif;
|
|
--toastify-z-index: 999999;
|
|
--toastify-text-color-light: var(--rsp-text-color);
|
|
--toastify-text-color-dark: var(--rsp-text-color-white);
|
|
--toastify-text-color-info: #fff;
|
|
--toastify-text-color-success: #fff;
|
|
--toastify-text-color-warning: #fff;
|
|
--toastify-text-color-error: #fff;
|
|
--toastify-spinner-color: #616161;
|
|
--toastify-spinner-color-empty-area: #e0e0e0;
|
|
--toastify-color-progress-light: linear-gradient(
|
|
to right,
|
|
var(--rsp-green),
|
|
#5ac8fa,
|
|
#007aff,
|
|
#34aadc,
|
|
#5856d6,
|
|
#ff2d55
|
|
);
|
|
--toastify-color-progress-dark: #bb86fc;
|
|
--toastify-color-progress-info: var(--toastify-color-info);
|
|
--toastify-color-progress-success: var(--rsp-green);
|
|
--toastify-color-progress-warning: var(--toastify-color-warning);
|
|
--toastify-color-progress-error: var(--toastify-color-error);
|
|
}
|
|
|
|
.Toastify__toast-container {
|
|
z-index: var(--toastify-z-index);
|
|
-webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
|
|
position: fixed;
|
|
padding: 4px;
|
|
width: var(--toastify-toast-width);
|
|
box-sizing: border-box;
|
|
color: #fff;
|
|
}
|
|
.Toastify__toast-container--top-left {
|
|
top: 1em;
|
|
left: 1em;
|
|
}
|
|
.Toastify__toast-container--top-center {
|
|
top: calc(2em + 32px);
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
.Toastify__toast-container--top-right {
|
|
top: 1em;
|
|
right: 1em;
|
|
}
|
|
.Toastify__toast-container--bottom-left {
|
|
bottom: 1em;
|
|
left: 1em;
|
|
}
|
|
.Toastify__toast-container--bottom-center {
|
|
bottom: 1em;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
.Toastify__toast-container--bottom-right {
|
|
bottom: 1em;
|
|
right: 1em;
|
|
}
|
|
|
|
@media only screen and (max-width : 480px) {
|
|
.Toastify__toast-container {
|
|
width: 100vw;
|
|
padding: 0;
|
|
left: 0;
|
|
margin: 0;
|
|
}
|
|
.Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
|
|
top: 0;
|
|
transform: translateX(0);
|
|
}
|
|
.Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
|
|
bottom: 0;
|
|
transform: translateX(0);
|
|
}
|
|
.Toastify__toast-container--rtl {
|
|
right: 0;
|
|
left: initial;
|
|
}
|
|
}
|
|
.Toastify__toast {
|
|
position: relative;
|
|
min-height: var(--toastify-toast-min-height);
|
|
box-sizing: border-box;
|
|
margin-bottom: 1rem;
|
|
padding: 8px;
|
|
border-radius: var(--rsp-border-radius);
|
|
border: 1px solid #eeeeee;
|
|
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
|
|
box-shadow: var(--rsp-box-shadow);
|
|
display: flex;
|
|
justify-content: space-between;
|
|
max-height: var(--toastify-toast-max-height);
|
|
overflow: hidden;
|
|
font-family: var(--toastify-font-family);
|
|
cursor: default;
|
|
direction: ltr;
|
|
/* webkit only issue #791 */
|
|
z-index: 0;
|
|
}
|
|
.Toastify__toast--rtl {
|
|
direction: rtl;
|
|
}
|
|
.Toastify__toast--close-on-click {
|
|
cursor: pointer;
|
|
}
|
|
.Toastify__toast-body {
|
|
margin: auto 0;
|
|
flex: 1 1 auto;
|
|
padding: 6px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.Toastify__toast-body > div:last-child {
|
|
word-break: break-word;
|
|
flex: 1;
|
|
}
|
|
.Toastify__toast-icon {
|
|
margin-inline-end: 10px;
|
|
width: 20px;
|
|
flex-shrink: 0;
|
|
display: flex;
|
|
}
|
|
|
|
.Toastify--animate {
|
|
animation-fill-mode: both;
|
|
animation-duration: 0.7s;
|
|
}
|
|
|
|
.Toastify--animate-icon {
|
|
animation-fill-mode: both;
|
|
animation-duration: 0.3s;
|
|
}
|
|
|
|
@media only screen and (max-width : 480px) {
|
|
.Toastify__toast {
|
|
margin-bottom: 0;
|
|
border-radius: 0;
|
|
}
|
|
}
|
|
.Toastify__toast-theme--dark {
|
|
background: var(--toastify-color-dark);
|
|
color: var(--toastify-text-color-dark);
|
|
}
|
|
.Toastify__toast-theme--light {
|
|
background: var(--toastify-color-light);
|
|
color: var(--toastify-text-color-light);
|
|
}
|
|
.Toastify__toast-theme--colored.Toastify__toast--default {
|
|
background: var(--toastify-color-light);
|
|
color: var(--toastify-text-color-light);
|
|
}
|
|
.Toastify__toast-theme--colored.Toastify__toast--info {
|
|
color: var(--toastify-text-color-info);
|
|
background: var(--toastify-color-info);
|
|
}
|
|
.Toastify__toast-theme--colored.Toastify__toast--success {
|
|
color: var(--toastify-text-color-success);
|
|
background: var(--rsp-green);
|
|
}
|
|
.Toastify__toast-theme--colored.Toastify__toast--warning {
|
|
color: var(--toastify-text-color-warning);
|
|
background: var(--toastify-color-warning);
|
|
}
|
|
.Toastify__toast-theme--colored.Toastify__toast--error {
|
|
color: var(--toastify-text-color-error);
|
|
background: var(--toastify-color-error);
|
|
}
|
|
|
|
.Toastify__progress-bar-theme--light {
|
|
background: var(--toastify-color-progress-light);
|
|
}
|
|
.Toastify__progress-bar-theme--dark {
|
|
background: var(--toastify-color-progress-dark);
|
|
}
|
|
.Toastify__progress-bar--info {
|
|
background: var(--toastify-color-progress-info);
|
|
}
|
|
.Toastify__progress-bar--success {
|
|
background: var(--toastify-color-progress-success);
|
|
}
|
|
.Toastify__progress-bar--warning {
|
|
background: var(--toastify-color-progress-warning);
|
|
}
|
|
.Toastify__progress-bar--error {
|
|
background: var(--toastify-color-progress-error);
|
|
}
|
|
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
|
|
background: var(--toastify-color-transparent);
|
|
}
|
|
|
|
.Toastify__close-button {
|
|
color: #fff;
|
|
background: transparent;
|
|
outline: none;
|
|
border: none;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
opacity: 0.7;
|
|
transition: 0.3s ease;
|
|
align-self: flex-start;
|
|
}
|
|
.Toastify__close-button--light {
|
|
color: #000;
|
|
opacity: 0.3;
|
|
}
|
|
.Toastify__close-button > svg {
|
|
fill: currentColor;
|
|
height: 16px;
|
|
width: 14px;
|
|
}
|
|
.Toastify__close-button:hover, .Toastify__close-button:focus {
|
|
opacity: 1;
|
|
}
|
|
|
|
@keyframes Toastify__trackProgress {
|
|
0% {
|
|
transform: scaleX(1);
|
|
}
|
|
100% {
|
|
transform: scaleX(0);
|
|
}
|
|
}
|
|
.Toastify__progress-bar {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 5px;
|
|
z-index: var(--toastify-z-index);
|
|
opacity: 0.7;
|
|
transform-origin: left;
|
|
}
|
|
.Toastify__progress-bar--animated {
|
|
animation: Toastify__trackProgress linear 1 forwards;
|
|
}
|
|
.Toastify__progress-bar--controlled {
|
|
transition: transform 0.2s;
|
|
}
|
|
.Toastify__progress-bar--rtl {
|
|
right: 0;
|
|
left: initial;
|
|
transform-origin: right;
|
|
}
|
|
|
|
.Toastify__spinner {
|
|
width: 20px;
|
|
height: 20px;
|
|
box-sizing: border-box;
|
|
border: 2px solid;
|
|
border-radius: 100%;
|
|
border-color: var(--toastify-spinner-color-empty-area);
|
|
border-right-color: var(--toastify-spinner-color);
|
|
animation: Toastify__spin 0.65s linear infinite;
|
|
}
|
|
|
|
@keyframes Toastify__bounceInRight {
|
|
from, 60%, 75%, 90%, to {
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
from {
|
|
opacity: 0;
|
|
transform: translate3d(3000px, 0, 0);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
transform: translate3d(-25px, 0, 0);
|
|
}
|
|
75% {
|
|
transform: translate3d(10px, 0, 0);
|
|
}
|
|
90% {
|
|
transform: translate3d(-5px, 0, 0);
|
|
}
|
|
to {
|
|
transform: none;
|
|
}
|
|
}
|
|
@keyframes Toastify__bounceOutRight {
|
|
20% {
|
|
opacity: 1;
|
|
transform: translate3d(-20px, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
transform: translate3d(2000px, 0, 0);
|
|
}
|
|
}
|
|
@keyframes Toastify__bounceInLeft {
|
|
from, 60%, 75%, 90%, to {
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate3d(-3000px, 0, 0);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
transform: translate3d(25px, 0, 0);
|
|
}
|
|
75% {
|
|
transform: translate3d(-10px, 0, 0);
|
|
}
|
|
90% {
|
|
transform: translate3d(5px, 0, 0);
|
|
}
|
|
to {
|
|
transform: none;
|
|
}
|
|
}
|
|
@keyframes Toastify__bounceOutLeft {
|
|
20% {
|
|
opacity: 1;
|
|
transform: translate3d(20px, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
transform: translate3d(-2000px, 0, 0);
|
|
}
|
|
}
|
|
@keyframes Toastify__bounceInUp {
|
|
from, 60%, 75%, 90%, to {
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
from {
|
|
opacity: 0;
|
|
transform: translate3d(0, 3000px, 0);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
transform: translate3d(0, -20px, 0);
|
|
}
|
|
75% {
|
|
transform: translate3d(0, 10px, 0);
|
|
}
|
|
90% {
|
|
transform: translate3d(0, -5px, 0);
|
|
}
|
|
to {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes Toastify__bounceOutUp {
|
|
20% {
|
|
transform: translate3d(0, -10px, 0);
|
|
}
|
|
40%, 45% {
|
|
opacity: 1;
|
|
transform: translate3d(0, 20px, 0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
transform: translate3d(0, -2000px, 0);
|
|
}
|
|
}
|
|
@keyframes Toastify__bounceInDown {
|
|
from, 60%, 75%, 90%, to {
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate3d(0, -3000px, 0);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
transform: translate3d(0, 25px, 0);
|
|
}
|
|
75% {
|
|
transform: translate3d(0, -10px, 0);
|
|
}
|
|
90% {
|
|
transform: translate3d(0, 5px, 0);
|
|
}
|
|
to {
|
|
transform: none;
|
|
}
|
|
}
|
|
@keyframes Toastify__bounceOutDown {
|
|
20% {
|
|
transform: translate3d(0, 10px, 0);
|
|
}
|
|
40%, 45% {
|
|
opacity: 1;
|
|
transform: translate3d(0, -20px, 0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
transform: translate3d(0, 2000px, 0);
|
|
}
|
|
}
|
|
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
|
|
animation-name: Toastify__bounceInLeft;
|
|
}
|
|
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
|
|
animation-name: Toastify__bounceInRight;
|
|
}
|
|
.Toastify__bounce-enter--top-center {
|
|
animation-name: Toastify__bounceInDown;
|
|
}
|
|
.Toastify__bounce-enter--bottom-center {
|
|
animation-name: Toastify__bounceInUp;
|
|
}
|
|
|
|
.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
|
|
animation-name: Toastify__bounceOutLeft;
|
|
}
|
|
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
|
|
animation-name: Toastify__bounceOutRight;
|
|
}
|
|
.Toastify__bounce-exit--top-center {
|
|
animation-name: Toastify__bounceOutUp;
|
|
}
|
|
.Toastify__bounce-exit--bottom-center {
|
|
animation-name: Toastify__bounceOutDown;
|
|
}
|
|
|
|
@keyframes Toastify__zoomIn {
|
|
from {
|
|
opacity: 0;
|
|
transform: scale3d(0.3, 0.3, 0.3);
|
|
}
|
|
50% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes Toastify__zoomOut {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
opacity: 0;
|
|
transform: scale3d(0.3, 0.3, 0.3);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.Toastify__zoom-enter {
|
|
animation-name: Toastify__zoomIn;
|
|
}
|
|
|
|
.Toastify__zoom-exit {
|
|
animation-name: Toastify__zoomOut;
|
|
}
|
|
|
|
@keyframes Toastify__flipIn {
|
|
from {
|
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
animation-timing-function: ease-in;
|
|
opacity: 0;
|
|
}
|
|
40% {
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
animation-timing-function: ease-in;
|
|
}
|
|
60% {
|
|
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
opacity: 1;
|
|
}
|
|
80% {
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
}
|
|
to {
|
|
transform: perspective(400px);
|
|
}
|
|
}
|
|
@keyframes Toastify__flipOut {
|
|
from {
|
|
transform: perspective(400px);
|
|
}
|
|
30% {
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.Toastify__flip-enter {
|
|
animation-name: Toastify__flipIn;
|
|
}
|
|
|
|
.Toastify__flip-exit {
|
|
animation-name: Toastify__flipOut;
|
|
}
|
|
|
|
@keyframes Toastify__slideInRight {
|
|
from {
|
|
transform: translate3d(110%, 0, 0);
|
|
visibility: visible;
|
|
}
|
|
to {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes Toastify__slideInLeft {
|
|
from {
|
|
transform: translate3d(-110%, 0, 0);
|
|
visibility: visible;
|
|
}
|
|
to {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes Toastify__slideInUp {
|
|
from {
|
|
transform: translate3d(0, 110%, 0);
|
|
visibility: visible;
|
|
}
|
|
to {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes Toastify__slideInDown {
|
|
from {
|
|
transform: translate3d(0, -110%, 0);
|
|
visibility: visible;
|
|
}
|
|
to {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes Toastify__slideOutRight {
|
|
from {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
to {
|
|
visibility: hidden;
|
|
transform: translate3d(110%, 0, 0);
|
|
}
|
|
}
|
|
@keyframes Toastify__slideOutLeft {
|
|
from {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
to {
|
|
visibility: hidden;
|
|
transform: translate3d(-110%, 0, 0);
|
|
}
|
|
}
|
|
@keyframes Toastify__slideOutDown {
|
|
from {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
to {
|
|
visibility: hidden;
|
|
transform: translate3d(0, 500px, 0);
|
|
}
|
|
}
|
|
@keyframes Toastify__slideOutUp {
|
|
from {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
to {
|
|
visibility: hidden;
|
|
transform: translate3d(0, -500px, 0);
|
|
}
|
|
}
|
|
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
|
|
animation-name: Toastify__slideInLeft;
|
|
}
|
|
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
|
|
animation-name: Toastify__slideInRight;
|
|
}
|
|
.Toastify__slide-enter--top-center {
|
|
animation-name: Toastify__slideInDown;
|
|
}
|
|
.Toastify__slide-enter--bottom-center {
|
|
animation-name: Toastify__slideInUp;
|
|
}
|
|
|
|
.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
|
|
animation-name: Toastify__slideOutLeft;
|
|
}
|
|
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
|
|
animation-name: Toastify__slideOutRight;
|
|
}
|
|
.Toastify__slide-exit--top-center {
|
|
animation-name: Toastify__slideOutUp;
|
|
}
|
|
.Toastify__slide-exit--bottom-center {
|
|
animation-name: Toastify__slideOutDown;
|
|
}
|
|
|
|
@keyframes Toastify__spin {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
.rsssl-modal.rsssl-onboarding {
|
|
width: clamp(300px, 100ch, 100vw);
|
|
}
|
|
.rsssl-modal.rsssl-onboarding .rsssl-logo {
|
|
height: 26px;
|
|
}
|
|
.rsssl-modal.rsssl-onboarding .rsssl-modal-content {
|
|
display: flex;
|
|
padding-top: var(--rsp-spacing-m);
|
|
line-height: 2.2;
|
|
min-height: 295px;
|
|
}
|
|
.rsssl-modal.rsssl-onboarding .rsssl-modal-content .rsssl-onboarding-placeholder {
|
|
flex-grow: 1;
|
|
}
|
|
.rsssl-modal.rsssl-onboarding .rsssl-modal-content-step {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
}
|
|
.rsssl-modal.rsssl-onboarding .rsssl-modal-content .rsssl-processing {
|
|
opacity: 0.5;
|
|
}
|
|
.rsssl-modal.rsssl-onboarding .rsssl-modal-content ul li .rsssl-icon {
|
|
margin-top: 7px;
|
|
}
|
|
.rsssl-modal.rsssl-onboarding .rsssl-modal-content ul li .components-button.is-link {
|
|
padding: 5px 0;
|
|
}
|
|
|
|
.rsssl-grid-item.rsssl-progress .rsssl-grid-item-content {
|
|
padding: 0;
|
|
}
|
|
.rsssl-grid-item.rsssl-progress .rsssl-placeholder {
|
|
padding: var(--rsp-spacing-m) var(--rsp-spacing-l);
|
|
}
|
|
@media screen and (max-width: 1280px) {
|
|
.rsssl-grid-item.rsssl-progress .rsssl-placeholder {
|
|
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
|
|
}
|
|
}
|
|
@media screen and (max-width: 1080px) {
|
|
.rsssl-grid-item.rsssl-progress .rsssl-placeholder {
|
|
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
|
|
}
|
|
}
|
|
|
|
.rsssl-progress-block .rsssl-progress {
|
|
overflow: hidden;
|
|
height: 20px;
|
|
border-radius: 5px;
|
|
background-color: #f7f7f7;
|
|
}
|
|
.rsssl-progress-block .rsssl-progress .rsssl-bar {
|
|
height: 100%;
|
|
background-color: var(--rsp-color-success);
|
|
transition: width 1s ease;
|
|
}
|
|
.rsssl-progress-block .rsssl-progress .rsssl-bar.rsssl-orange {
|
|
background-color: var(--rsp-color-warning);
|
|
}
|
|
.rsssl-progress-block .rsssl-progress-bar {
|
|
padding: var(--rsp-spacing-m) var(--rsp-spacing-l);
|
|
padding-block: 0;
|
|
border-radius: 5px;
|
|
}
|
|
@media screen and (max-width: 1280px) {
|
|
.rsssl-progress-block .rsssl-progress-bar {
|
|
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
|
|
}
|
|
}
|
|
@media screen and (max-width: 1080px) {
|
|
.rsssl-progress-block .rsssl-progress-bar {
|
|
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
|
|
}
|
|
}
|
|
.rsssl-progress-block .rsssl-progress-text {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: var(--rsp-spacing-m) var(--rsp-spacing-l);
|
|
padding-block: var(--rsp-spacing-s);
|
|
justify-content: flex-start;
|
|
gap: var(--rsp-spacing-m);
|
|
}
|
|
@media screen and (max-width: 1280px) {
|
|
.rsssl-progress-block .rsssl-progress-text {
|
|
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
|
|
}
|
|
}
|
|
@media screen and (max-width: 1080px) {
|
|
.rsssl-progress-block .rsssl-progress-text {
|
|
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
|
|
}
|
|
}
|
|
.rsssl-progress-block .rsssl-progress-text .rsssl-progress-percentage {
|
|
font-size: var(--rsp-fs-800);
|
|
font-weight: 700;
|
|
}
|
|
.rsssl-progress-block .rsssl-progress-text .rsssl-progress-text-span {
|
|
font-weight: 500;
|
|
font-size: var(--rsp-fs-600);
|
|
}
|
|
.rsssl-progress-block .rsssl-progress-text .rsssl-progress-text-span a {
|
|
margin-left: 3px;
|
|
}
|
|
@media only screen and (max-width: 1366px) and (min-width: 1280px) {
|
|
.rsssl-progress-block .rsssl-progress-text .rsssl-progress-text-span {
|
|
font-size: var(--rsp-fs-500);
|
|
}
|
|
}
|
|
|
|
.rsssl-header-html {
|
|
display: flex;
|
|
color: var(--rsp-text-color-light);
|
|
}
|
|
.rsssl-header-html .rsssl-toggle-active {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.rsssl-task-switcher-container {
|
|
display: flex;
|
|
border-radius: var(--rsp-border-radius);
|
|
}
|
|
.rsssl-task-switcher-container .rsssl-task-switcher:first-of-type {
|
|
border-right: 1px solid var(--rsp-grey-400);
|
|
padding-right: 10px;
|
|
}
|
|
.rsssl-task-switcher-container .rsssl-task-switcher:last-of-type {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.rsssl-task-switcher {
|
|
font-size: var(--rsp-fs-200);
|
|
cursor: pointer;
|
|
transition: 0.3s;
|
|
}
|
|
.rsssl-task-switcher:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.rsssl-active-filter-remaining .rsssl-remaining-tasks, .rsssl-active-filter-all .rsssl-all-tasks {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/**
|
|
* Task element, list of tasks
|
|
*/
|
|
.rsssl-task-element {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: center;
|
|
gap: var(--rsp-spacing-m);
|
|
padding-bottom: var(--rsp-spacing-s);
|
|
}
|
|
@media (max-width: 1280px) {
|
|
.rsssl-task-element {
|
|
gap: var(--rsp-spacing-xs);
|
|
}
|
|
}
|
|
.rsssl-task-element .rsssl-task-message {
|
|
flex: 1;
|
|
font-size: var(--rsp-fs-300);
|
|
}
|
|
.rsssl-task-element .rsssl-task-form {
|
|
margin-top: var(--rsp-spacing-xxs);
|
|
display: flex;
|
|
gap: var(--rsp-spacing-xs);
|
|
}
|
|
.rsssl-task-element .rsssl-task-enable {
|
|
cursor: pointer;
|
|
line-height: 1.5;
|
|
}
|
|
.rsssl-task-element .rsssl-task-dismiss:hover {
|
|
transform: scale(1.1);
|
|
}
|
|
.rsssl-task-element .rsssl-task-dismiss button {
|
|
all: initial;
|
|
cursor: pointer;
|
|
padding: 4px;
|
|
}
|
|
.rsssl-task-element .rsssl-task-dismiss svg {
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
|
|
.rsssl-scroll-container {
|
|
padding: var(--rsp-spacing-m) var(--rsp-spacing-l);
|
|
height: 230px;
|
|
overflow-y: auto;
|
|
padding-block: 0;
|
|
padding-top: var(--rsp-spacing-s);
|
|
border-radius: 0;
|
|
}
|
|
@media screen and (max-width: 1280px) {
|
|
.rsssl-scroll-container {
|
|
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
|
|
}
|
|
}
|
|
@media screen and (max-width: 1080px) {
|
|
.rsssl-scroll-container {
|
|
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
|
|
}
|
|
}
|
|
.rsssl-scroll-container::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
|
|
background-color: transparent;
|
|
}
|
|
.rsssl-scroll-container::-webkit-scrollbar {
|
|
width: 8px;
|
|
border-radius: 10px;
|
|
background-color: var(--rsp-grey-300);
|
|
}
|
|
.rsssl-scroll-container::-webkit-scrollbar-thumb {
|
|
background-color: var(--rsp-grey-400);
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.rsssl-progress-status-container {
|
|
margin-right: 40px;
|
|
}
|
|
|
|
.rsssl-task-status, .rsssl-locked-overlay .rsssl-progress-status {
|
|
display: block;
|
|
min-width: 100px;
|
|
text-align: center;
|
|
border-radius: var(--rsp-border-radius-xs);
|
|
padding: 4px 8px;
|
|
font-size: var(--rsp-fs-100);
|
|
font-weight: 600;
|
|
}
|
|
@media (max-width: 1280px) {
|
|
.rsssl-task-status, .rsssl-locked-overlay .rsssl-progress-status {
|
|
min-width: 80px;
|
|
}
|
|
}
|
|
.rsssl-task-status.rsssl-completed, .rsssl-locked-overlay .rsssl-completed.rsssl-progress-status, .rsssl-task-status.rsssl-success, .rsssl-locked-overlay .rsssl-success.rsssl-progress-status {
|
|
background-color: var(--rsp-color-success);
|
|
color: var(--rsp-text-color-white);
|
|
}
|
|
.rsssl-task-status.rsssl-open, .rsssl-locked-overlay .rsssl-open.rsssl-progress-status {
|
|
background-color: var(--rsp-color-open);
|
|
}
|
|
.rsssl-task-status.rsssl-warning, .rsssl-locked-overlay .rsssl-warning.rsssl-progress-status {
|
|
background-color: var(--rsp-color-error);
|
|
color: var(--rsp-text-color-white);
|
|
}
|
|
.rsssl-task-status.rsssl-premium, .rsssl-locked-overlay .rsssl-premium.rsssl-progress-status {
|
|
background-color: var(--rsp-blue);
|
|
color: var(--rsp-text-color-white);
|
|
}
|
|
.rsssl-task-status.rsssl-loading, .rsssl-locked-overlay .rsssl-loading.rsssl-progress-status {
|
|
background-color: var(--rsp-grey-200);
|
|
}
|
|
|
|
@media (max-width: 1080px) {
|
|
.rsssl-scroll-container .rsssl-task-status, .rsssl-scroll-container .rsssl-locked-overlay .rsssl-progress-status, .rsssl-locked-overlay .rsssl-scroll-container .rsssl-progress-status {
|
|
aspect-ratio: 1/1;
|
|
min-width: 10px;
|
|
height: 16px;
|
|
border-radius: 100%;
|
|
text-indent: -9999px; /* sends the text off-screen */
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
.rsssl-plusone {
|
|
min-width: 15px;
|
|
height: 16px;
|
|
font-size: var(--rsp-fs-100);
|
|
line-height: 1.5;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
box-sizing: border-box;
|
|
margin: 1px 0 -1px 2px;
|
|
padding: 0 5px;
|
|
border-radius: 9px;
|
|
background-color: #d63638;
|
|
color: #fff;
|
|
text-align: center;
|
|
}
|
|
|
|
@media only screen and (max-width: 1366px) {
|
|
.rsssl-footer-left {
|
|
display: none;
|
|
}
|
|
}
|
|
.rsssl-datatable-placeholder div {
|
|
background-color: var(--rsp-grey-300);
|
|
height: 25px;
|
|
}
|
|
.rsssl-datatable-placeholder div:nth-child(even) {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.rsssl-rest-error-message {
|
|
margin: 30px;
|
|
}
|
|
.rsssl-rest-error-message ul {
|
|
list-style: disc;
|
|
margin: 20px;
|
|
}
|
|
|
|
.rsssl-placeholder {
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
text-align: left;
|
|
margin: 0;
|
|
padding-bottom: 24px;
|
|
color: #1e1e1e;
|
|
-moz-font-smoothing: subpixel-antialiased;
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
|
border-radius: 2px;
|
|
flex-grow: 100;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line {
|
|
float: left;
|
|
width: 100%;
|
|
height: 16px;
|
|
margin-top: 12px;
|
|
border-radius: 7px;
|
|
background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
|
|
background-size: 600px;
|
|
animation: shine-lines 1.6s infinite linear;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line:last-of-type {
|
|
margin-bottom: 24px;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(1) {
|
|
width: 84%;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(2) {
|
|
width: 68%;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(3) {
|
|
width: 64%;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(4) {
|
|
width: 81%;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(5) {
|
|
width: 80%;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(6) {
|
|
width: 64%;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(7) {
|
|
width: 80%;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(8) {
|
|
width: 82%;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(9) {
|
|
width: 81%;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(10) {
|
|
width: 62%;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(11) {
|
|
width: 61%;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(12) {
|
|
width: 100%;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(13) {
|
|
width: 77%;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(14) {
|
|
width: 96%;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(15) {
|
|
width: 66%;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(16) {
|
|
width: 80%;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(17) {
|
|
width: 95%;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(18) {
|
|
width: 81%;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(19) {
|
|
width: 65%;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line:nth-of-type(20) {
|
|
width: 76%;
|
|
}
|
|
.rsssl-placeholder .rsssl-placeholder-line ~ .rsssl-placeholder-line {
|
|
background-color: #ddd;
|
|
}
|
|
|
|
.rsssl-dashboard-placeholder.rsssl-grid-item.rsssl-row-2 {
|
|
grid-row: span 1;
|
|
}
|
|
|
|
.rsssl-settings-placeholder .rsssl-grid-item {
|
|
min-height: 400px;
|
|
}
|
|
|
|
.rsssl-menu-placeholder {
|
|
min-height: 400px;
|
|
}
|
|
|
|
@keyframes shine-lines {
|
|
0% {
|
|
background-position: -400px;
|
|
}
|
|
100% {
|
|
background-position: 220px;
|
|
}
|
|
}
|
|
.rsssl .rsssl-other-plugins .rsssl-placeholder {
|
|
background-color: transparent;
|
|
}
|
|
.rsssl .rsssl-other-plugins .rsp-logo img {
|
|
height: 20px;
|
|
}
|
|
.rsssl .rsssl-other-plugins-container {
|
|
display: flex !important;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
margin-bottom: 10px;
|
|
font-size: var(--rsp-fs-300);
|
|
line-height: 1.7;
|
|
gap: var(--rsp-spacing-xxs);
|
|
}
|
|
@media screen and (max-width: 992px) {
|
|
.rsssl .rsssl-other-plugins-container {
|
|
flex-direction: row;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
.rsssl .rsssl-other-plugins-container .rsssl-other-plugins-element {
|
|
width: 100%;
|
|
display: flex;
|
|
align-content: space-between;
|
|
justify-content: space-between;
|
|
gap: 10px;
|
|
--rsp-other-plugins-color: var(---rsp-brand-primary);
|
|
}
|
|
.rsssl .rsssl-other-plugins-container .rsssl-other-plugins-element.rsssl-zip-recipes {
|
|
--rsp-other-plugins-color: var(--rsp-pink);
|
|
}
|
|
.rsssl .rsssl-other-plugins-container .rsssl-other-plugins-element.rsssl-burst-statistics {
|
|
--rsp-other-plugins-color: var(--rsp-green);
|
|
}
|
|
.rsssl .rsssl-other-plugins-container .rsssl-other-plugins-element.rsssl-complianz-gdpr {
|
|
--rsp-other-plugins-color: var(--rsp-blue);
|
|
}
|
|
.rsssl .rsssl-other-plugins-container .rsssl-other-plugins-element.rsssl-complianz-terms-conditions {
|
|
--rsp-other-plugins-color: var(--rsp-black);
|
|
}
|
|
.rsssl .rsssl-other-plugins-container .rsssl-other-plugins-element.rsssl-really-simple-ssl {
|
|
--rsp-other-plugins-color: var(--rsp-yellow);
|
|
}
|
|
.rsssl .rsssl-other-plugins-container .rsssl-other-plugins-element a {
|
|
width: -moz-max-content;
|
|
width: max-content;
|
|
color: var(--rsp-text-color-light);
|
|
transition: color 0.3s ease;
|
|
display: flex;
|
|
align-items: center;
|
|
min-width: 0;
|
|
gap: var(--rsp-spacing-xs);
|
|
text-decoration: none;
|
|
}
|
|
.rsssl .rsssl-other-plugins-container .rsssl-other-plugins-element a:hover {
|
|
color: var(--rsp-other-plugins-color);
|
|
text-decoration: underline;
|
|
}
|
|
.rsssl .rsssl-other-plugins-container .rsssl-other-plugins-element a:hover .rsssl-bullet {
|
|
background-color: var(--rsp-other-plugins-color);
|
|
}
|
|
.rsssl .rsssl-other-plugins-container .rsssl-other-plugins-element a:hover .rsssl-other-plugins-content {
|
|
text-decoration: underline;
|
|
}
|
|
.rsssl .rsssl-other-plugins-container .rsssl-other-plugins-element .rsssl-bullet {
|
|
transition: background-color 0.3s ease;
|
|
background-color: var(--rsp-other-plugins-color);
|
|
}
|
|
.rsssl .rsssl-other-plugins-container .rsssl-other-plugins-element .rsssl-other-plugins-content {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.rsssl .rsssl-other-plugins-container .rsssl-other-plugins-element .rsssl-other-plugin-status {
|
|
min-width: -moz-fit-content;
|
|
min-width: fit-content;
|
|
}
|
|
|
|
.rsssl-tips_tricks .rsssl-grid-item-header .rsssl-grid-item-controls {
|
|
height: 28px;
|
|
}
|
|
|
|
.rsssl-tips-tricks-container {
|
|
display: flex !important;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
margin-bottom: 10px;
|
|
font-size: var(--rsp-fs-300);
|
|
line-height: 1.7;
|
|
gap: var(--rsp-spacing-xxs);
|
|
}
|
|
@media screen and (max-width: 992px) {
|
|
.rsssl-tips-tricks-container {
|
|
flex-direction: row;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
.rsssl-tips-tricks-container .rsssl-tips-tricks-element {
|
|
width: calc(50% - var(--rsp-spacing-xxs));
|
|
}
|
|
@media (max-width: 768px) {
|
|
.rsssl-tips-tricks-container .rsssl-tips-tricks-element {
|
|
width: 100%;
|
|
}
|
|
}
|
|
.rsssl-tips-tricks-container .rsssl-tips-tricks-element a {
|
|
color: var(--rsp-text-color-light);
|
|
transition: color 0.3s ease;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--rsp-spacing-xs);
|
|
min-width: 0; /* or some value */
|
|
text-decoration: none;
|
|
}
|
|
.rsssl-tips-tricks-container .rsssl-tips-tricks-element a:hover {
|
|
color: var(--rsp-brand-primary);
|
|
text-decoration: underline;
|
|
}
|
|
.rsssl-tips-tricks-container .rsssl-tips-tricks-element a:hover svg path {
|
|
fill: var(--rsp-brand-primary);
|
|
}
|
|
.rsssl-tips-tricks-container .rsssl-tips-tricks-element a:hover .rsssl-tips-tricks-content {
|
|
text-decoration: underline;
|
|
}
|
|
.rsssl-tips-tricks-container .rsssl-tips-tricks-element .rsssl-bullet {
|
|
transition: background-color 0.3s ease;
|
|
background-color: var(--rsp-grey-300);
|
|
}
|
|
.rsssl-tips-tricks-container .rsssl-tips-tricks-element .rsssl-tips-tricks-content {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-helplink {
|
|
color: var(--rsp-text-color);
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-grid-item {
|
|
position: relative;
|
|
margin-bottom: var(--rsp-grid-gap);
|
|
}
|
|
@media (max-width: 1080px) {
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-grid-item {
|
|
grid-column: span 4;
|
|
}
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-].rsssl-column-2 {
|
|
grid-column: span 2;
|
|
}
|
|
@media (max-width: 1080px) {
|
|
.rsssl div[class^=rsssl-wizard-].rsssl-column-2 {
|
|
grid-column: span 4;
|
|
}
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-locked {
|
|
position: absolute;
|
|
z-index: 10;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: rgba(255, 255, 255, 0.8);
|
|
border-radius: var(--rsp-border-radius);
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-locked .rsssl-shield-overlay {
|
|
height: 0;
|
|
top: calc(100% - 190px);
|
|
position: relative;
|
|
align-items: center;
|
|
justify-content: center;
|
|
display: flex;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-locked .rsssl-locked-overlay {
|
|
z-index: 1;
|
|
top: calc(100% - 110px);
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--rsp-spacing-s);
|
|
background-color: var(--rsp-white);
|
|
padding: var(--rsp-spacing-m) var(--rsp-spacing-l);
|
|
border-radius: var(--rsp-border-radius-input);
|
|
margin: var(--rsp-spacing-s);
|
|
box-shadow: var(--rsp-box-shadow);
|
|
}
|
|
@media screen and (max-width: 1280px) {
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-locked .rsssl-locked-overlay {
|
|
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
|
|
}
|
|
}
|
|
@media screen and (max-width: 1080px) {
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-locked .rsssl-locked-overlay {
|
|
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
|
|
}
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-locked .rsssl-locked-overlay .rsssl-open {
|
|
float: left;
|
|
margin-right: 12px;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-locked .rsssl-locked-overlay .rsssl-progress-status {
|
|
float: left;
|
|
margin-right: 20px;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] > div:nth-last-of-type(2) {
|
|
margin-bottom: 0;
|
|
border-radius: var(--rsp-border-radius) var(--rsp-border-radius) 0 0;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-grid-item-footer-container {
|
|
position: sticky;
|
|
bottom: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
z-index: 12;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-grid-item-footer-container .rsssl-grid-item-footer-buttons a.button, .rsssl div[class^=rsssl-wizard-] .rsssl-grid-item-footer-container .rsssl-grid-item-footer-buttons button {
|
|
box-shadow: none !important;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-grid-item-footer-container .rsssl-grid-item-footer-buttons a.button:focus, .rsssl div[class^=rsssl-wizard-] .rsssl-grid-item-footer-container .rsssl-grid-item-footer-buttons a.button:active, .rsssl div[class^=rsssl-wizard-] .rsssl-grid-item-footer-container .rsssl-grid-item-footer-buttons button:focus, .rsssl div[class^=rsssl-wizard-] .rsssl-grid-item-footer-container .rsssl-grid-item-footer-buttons button:active {
|
|
box-shadow: none !important;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-grid-item-footer-scroll-progress-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
height: 3px;
|
|
background-color: var(--rsp-grey-300);
|
|
overflow: hidden;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-grid-item-footer-scroll-progress {
|
|
height: 100%;
|
|
background-color: var(--rsp-blue);
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-grid-item-footer {
|
|
background: var(--rsp-grey-100);
|
|
padding: var(--rsp-spacing-m) var(--rsp-spacing-l);
|
|
box-shadow: var(--rsp-box-shadow);
|
|
border-radius: 0 0 var(--rsp-border-radius) var(--rsp-border-radius);
|
|
border-top: 1px solid var(--rsp-grey-300);
|
|
box-sizing: border-box;
|
|
align-items: center;
|
|
gap: var(--rsp-grid-margin);
|
|
width: 100%;
|
|
min-height: 20px;
|
|
justify-content: space-around;
|
|
}
|
|
@media screen and (max-width: 1280px) {
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-grid-item-footer {
|
|
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
|
|
}
|
|
}
|
|
@media screen and (max-width: 1080px) {
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-grid-item-footer {
|
|
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
|
|
}
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-grid-item-footer > div:last-of-type {
|
|
margin-left: auto;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-grid-item-footer-buttons {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
gap: var(--rsp-spacing-s);
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-grid-item-footer .rsssl-legend {
|
|
display: flex;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-grid-item-footer .rsssl-legend span {
|
|
padding-left: 5px;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-grid-item-footer-upsell-bar .button {
|
|
display: inline-block !important;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-grid-item-footer:empty {
|
|
display: none;
|
|
}
|
|
|
|
.rsssl-wizard-help {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-content: flex-start;
|
|
gap: var(--rsp-spacing-xs);
|
|
}
|
|
.rsssl-wizard-help details {
|
|
font-size: var(--rsp-fs-200);
|
|
}
|
|
.rsssl-wizard-help details .rsssl-help-more-info {
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-top: 12px;
|
|
}
|
|
.rsssl-wizard-help details summary {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
justify-content: space-between;
|
|
font-size: var(--rsp-fs-300);
|
|
font-weight: 600;
|
|
cursor: pointer;
|
|
}
|
|
.rsssl-wizard-help details summary::-webkit-details-marker {
|
|
display: none;
|
|
}
|
|
.rsssl-wizard-help details summary:first-of-type {
|
|
list-style-type: none;
|
|
}
|
|
.rsssl-wizard-help details summary .rsssl-icon {
|
|
transition: all 0.3s ease-in-out;
|
|
transform: rotate(0deg);
|
|
}
|
|
.rsssl-wizard-help code {
|
|
white-space: pre-line;
|
|
display: block;
|
|
}
|
|
.rsssl-wizard-help summary, .rsssl-wizard-help p {
|
|
font-size: var(--rsp-fs-200);
|
|
}
|
|
.rsssl-wizard-help details[open] {
|
|
padding: var(--rsp-spacing-s) var(--rsp-spacing-m);
|
|
}
|
|
.rsssl-wizard-help details[open] summary {
|
|
padding: 0;
|
|
padding-bottom: var(--rsp-spacing-xs);
|
|
}
|
|
.rsssl-wizard-help details[open] summary .rsssl-icon {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
.rsssl-wizard-help .rsssl-help-header {
|
|
width: 100%;
|
|
display: flex;
|
|
padding: 10px;
|
|
}
|
|
.rsssl-wizard-help .rsssl-help-header .rsssl-help-title {
|
|
font-size: 18px;
|
|
}
|
|
.rsssl-wizard-help .rsssl-help-header .rsssl-help-control {
|
|
margin-left: auto;
|
|
cursor: pointer;
|
|
}
|
|
.rsssl-wizard-help > div {
|
|
flex-grow: 1;
|
|
width: 100%;
|
|
}
|
|
|
|
.rsssl-wizard-help-notice {
|
|
width: 100%;
|
|
background: var(--rsp-background-block-color);
|
|
box-shadow: var(--rsp-box-shadow);
|
|
border-radius: var(--rsp-border-radius);
|
|
border-radius: var(--rsp-border-radius-s);
|
|
height: -moz-fit-content;
|
|
height: fit-content;
|
|
background-color: var(--rsp-dark-blue-faded);
|
|
}
|
|
.rsssl-wizard-help-notice.rsssl-warning {
|
|
background-color: var(--rsp-red-faded);
|
|
}
|
|
.rsssl-wizard-help-notice.rsssl-open {
|
|
background-color: var(--rsp-yellow-faded);
|
|
}
|
|
.rsssl-wizard-help-notice summary, .rsssl-wizard-help-notice p {
|
|
padding: var(--rsp-spacing-s) var(--rsp-spacing-m);
|
|
}
|
|
|
|
.rsssl-wizard-menu {
|
|
height: -moz-fit-content;
|
|
height: fit-content;
|
|
background: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.rsssl-wizard-menu .rsssl-grid-item-header {
|
|
padding-left: var(--rsp-spacing-xs);
|
|
}
|
|
.rsssl-wizard-menu .rsssl-grid-item-content {
|
|
padding: 0;
|
|
padding-bottom: var(--rsp-spacing-l);
|
|
}
|
|
|
|
.rsssl-wizard-menu-items > .rsssl-menu-item > a {
|
|
font-weight: 600 !important;
|
|
padding-inline: var(--rsp-spacing-xs) !important;
|
|
}
|
|
|
|
.rsssl-wizard-menu-items .rsssl-main-menu .rsssl-active {
|
|
border-radius: var(--rsp-border-radius-s);
|
|
background: var(--rsp-yellow-faded);
|
|
box-shadow: var(--rsp-box-shadow);
|
|
}
|
|
.rsssl-wizard-menu-items .rsssl-main-menu .rsssl-active a:hover {
|
|
text-decoration: none;
|
|
}
|
|
.rsssl-wizard-menu-items .rsssl-main-menu .rsssl-menu-item a span {
|
|
font-weight: 600;
|
|
}
|
|
.rsssl-wizard-menu-items .rsssl-menu-item a {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--rsp-spacing-xs);
|
|
text-decoration: none;
|
|
color: var(--rsp-text-color);
|
|
font-size: var(--rsp-fs-400);
|
|
padding-block: var(--rsp-spacing-xs);
|
|
transition: all 0.2s ease-in-out;
|
|
padding-left: var(--rsp-spacing-xs);
|
|
}
|
|
.rsssl-wizard-menu-items .rsssl-menu-item a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.rsssl-wizard-menu-items .rsssl-menu-item.rsssl-active > a {
|
|
font-weight: 600;
|
|
}
|
|
.rsssl-wizard-menu-items .rsssl-menu-item.rsssl-active a:focus {
|
|
box-shadow: none !important;
|
|
}
|
|
.rsssl-wizard-menu-items .rsssl-menu-item.rsssl-featured.rsssl-active .rsssl-menu-item-beta-pill {
|
|
color: var(--rsp-dark-blue);
|
|
}
|
|
.rsssl-wizard-menu-items .rsssl-menu-item.rsssl-featured a {
|
|
flex-wrap: wrap;
|
|
}
|
|
.rsssl-wizard-menu-items .rsssl-menu-item.rsssl-featured a .rsssl-menu-item-featured-pill {
|
|
background: var(--rsp-green);
|
|
color: var(--rsp-text-color-white);
|
|
padding: 4px 8px;
|
|
border-radius: var(--rsp-border-radius-xs);
|
|
font-size: var(--rsp-fs-100);
|
|
}
|
|
.rsssl-wizard-menu-items .rsssl-menu-item.rsssl-featured a .rsssl-menu-item-beta-pill {
|
|
color: var(--rsp-dark-blue);
|
|
}
|
|
.rsssl-wizard-menu-items .rsssl-menu-item.rsssl-new .rsssl-menu-item-new-pill {
|
|
background: var(--rsp-yellow);
|
|
color: var(--rsp-text-color-dark);
|
|
padding: 4px 8px;
|
|
border-radius: var(--rsp-border-radius-xs);
|
|
font-size: var(--rsp-fs-100);
|
|
}
|
|
.rsssl-wizard-menu-items .rsssl-menu-item.rsssl-new.rsssl-active .rsssl-menu-item-new-pill {
|
|
color: var(--rsp-text-color-dark);
|
|
}
|
|
.rsssl-wizard-menu-items .rsssl-menu-item.rsssl-new a {
|
|
flex-wrap: wrap;
|
|
}
|
|
.rsssl-wizard-menu-items .rsssl-menu-item.rsssl-premium a {
|
|
flex-wrap: wrap;
|
|
}
|
|
.rsssl-wizard-menu-items .rsssl-menu-item.rsssl-premium a .rsssl-menu-item-featured-pill {
|
|
background: var(--rsp-dark-blue);
|
|
color: var(--rsp-text-color-white);
|
|
padding: 2px 9px;
|
|
border-radius: var(--rsp-border-radius);
|
|
font-size: var(--rsp-fs-100);
|
|
}
|
|
.rsssl-wizard-menu-items .rsssl-premium-menu-item {
|
|
background: var(--rsp-dark-blue-faded);
|
|
}
|
|
.rsssl-wizard-menu-items .rsssl-premium-menu-item div {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--rsp-spacing-xs);
|
|
text-decoration: none;
|
|
color: var(--rsp-text-color);
|
|
font-size: var(--rsp-fs-400);
|
|
padding-block: var(--rsp-spacing-xs);
|
|
padding-inline: var(--rsp-spacing-l);
|
|
transition: all 0.2s ease-in-out;
|
|
border-left: 4px solid transparent;
|
|
}
|
|
@media screen and (max-width: 1280px) {
|
|
.rsssl-wizard-menu-items .rsssl-premium-menu-item div {
|
|
padding-inline: var(--rsp-spacing-m);
|
|
}
|
|
}
|
|
@media screen and (max-width: 1080px) {
|
|
.rsssl-wizard-menu-items .rsssl-premium-menu-item div {
|
|
padding-inline: var(--rsp-spacing-s);
|
|
}
|
|
}
|
|
.rsssl-wizard-menu-items .rsssl-submenu-item a {
|
|
padding-left: calc(var(--rsp-spacing-xs) + var(--rsp-spacing-s)) !important;
|
|
font-size: var(--rsp-fs-300);
|
|
}
|
|
.rsssl-wizard-menu-items .rsssl-submenu-item .rsssl-active a {
|
|
text-decoration: none;
|
|
position: relative;
|
|
}
|
|
.rsssl-wizard-menu-items .rsssl-submenu-item .rsssl-active a span {
|
|
color: initial;
|
|
}
|
|
.rsssl-wizard-menu-items .rsssl-submenu-item .rsssl-active a::before {
|
|
content: "•";
|
|
color: var(--rsp-dark-blue);
|
|
font-size: 3em;
|
|
position: absolute;
|
|
left: var(--rsp-spacing-xxs) !important;
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
.rsssl div[class^=rsssl-wizard-] .components-flex {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .components-flex .components-flex-item label {
|
|
margin: 0;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .components-flex .rsssl-tooltip {
|
|
flex-grow: 1;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .components-flex .components-input-control__container {
|
|
max-width: -moz-max-content;
|
|
max-width: max-content;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-grid-item-content label {
|
|
font-size: var(--rsp-fs-300);
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
text-transform: unset;
|
|
box-sizing: border-box;
|
|
display: inherit;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .components-base-control__field {
|
|
margin-bottom: 0;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .components-toggle-control .components-base-control__field, .rsssl div[class^=rsssl-wizard-] .components-toggle-control .components-flex {
|
|
display: flex;
|
|
flex-direction: row-reverse;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .components-toggle-control .components-base-control__field .components-form-toggle, .rsssl div[class^=rsssl-wizard-] .components-toggle-control .components-flex .components-form-toggle {
|
|
margin-right: 0;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] select option {
|
|
font-size: var(--rsp-fs-300);
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .components-form-toggle.is-checked .components-form-toggle__track {
|
|
background-color: var(--rsp-dark-blue);
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] input.components-form-toggle__input[type=checkbox]:disabled {
|
|
background: var(--rsp-grey-100);
|
|
opacity: 0.7;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-grid-item .rsssl-grid-item-content {
|
|
padding: var(--rsp-spacing-xs) 0;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-field-wrap .rsssl-comment {
|
|
font-style: italic;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-field-wrap, .rsssl div[class^=rsssl-wizard-] .rsssl-settings-block-intro {
|
|
padding-block: var(--rsp-spacing-s);
|
|
padding-inline: var(--rsp-spacing-l);
|
|
overflow: hidden;
|
|
}
|
|
@media screen and (max-width: 1280px) {
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-field-wrap, .rsssl div[class^=rsssl-wizard-] .rsssl-settings-block-intro {
|
|
padding-inline: var(--rsp-spacing-m);
|
|
}
|
|
}
|
|
@media screen and (max-width: 1080px) {
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-field-wrap, .rsssl div[class^=rsssl-wizard-] .rsssl-settings-block-intro {
|
|
padding-inline: var(--rsp-spacing-s);
|
|
}
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-field-wrap > .rsssl-field-wrap, .rsssl div[class^=rsssl-wizard-] .rsssl-settings-block-intro > .rsssl-field-wrap {
|
|
padding: 0;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-field-button {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
}
|
|
.rsssl .rsssl-highlight {
|
|
background-color: transparent;
|
|
border-left: 4px solid var(--rsp-green);
|
|
animation: fadeIt 3s ease-in-out;
|
|
scroll-margin-top: 100px;
|
|
scroll-padding-top: 100px;
|
|
}
|
|
@keyframes fadeIt {
|
|
0% {
|
|
background-color: transparent;
|
|
border-right: 0;
|
|
}
|
|
30% {
|
|
background-color: var(--rsp-green-faded);
|
|
}
|
|
100% {
|
|
background-color: inherit;
|
|
}
|
|
}
|
|
|
|
.rsssl-email-verified {
|
|
position: absolute;
|
|
bottom: 23px;
|
|
right: 35px;
|
|
}
|
|
|
|
.rsssl-license .rsssl-task-element {
|
|
padding-top: var(--rsp-spacing-s);
|
|
padding-bottom: 0;
|
|
}
|
|
.rsssl-license .rsssl-license-field {
|
|
display: flex;
|
|
}
|
|
|
|
.input-container {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
input.rsssl-input.full {
|
|
width: 100%;
|
|
padding-right: 40px;
|
|
}
|
|
input.rsssl-input.rsssl-error {
|
|
border: 2px solid var(--rsp-red);
|
|
outline: none;
|
|
}
|
|
input.rsssl-input.rsssl-error:focus {
|
|
border-color: var(--rsp-red) !important;
|
|
}
|
|
input.rsssl-input.rsssl-success {
|
|
border: 2px solid var(--rsp-green);
|
|
outline: none;
|
|
}
|
|
input.rsssl-input.rsssl-success:focus {
|
|
border-color: var(--rsp-green) !important;
|
|
}
|
|
|
|
.wp-core-ui select {
|
|
/* Your styles here */
|
|
flex-grow: 1 !important;
|
|
max-width: 33%;
|
|
}
|
|
|
|
.icon-button {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
border: none;
|
|
background: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.rsssl-group-filter {
|
|
min-width: 25%;
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
.rsssl .components-snackbar-list.edit-site-notices {
|
|
width: -moz-max-content;
|
|
width: max-content;
|
|
position: fixed;
|
|
bottom: var(--rsp-spacing-m);
|
|
right: var(--rsp-spacing-l);
|
|
}
|
|
.rsssl .components-snackbar-list.edit-site-notices > div {
|
|
margin-left: auto;
|
|
}
|
|
.rsssl .components-snackbar-list.edit-site-notices .components-snackbar {
|
|
background: var(--rsp-background-block-color);
|
|
box-shadow: var(--rsp-box-shadow);
|
|
border-radius: var(--rsp-border-radius);
|
|
color: var(--rsp-color-success);
|
|
background-color: #fff;
|
|
font-weight: 700;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.rsssl-mixed-content-scan .rsssl-mixed-content-placeholder {
|
|
height: 250px;
|
|
}
|
|
.rsssl-mixed-content-scan .rsssl-mixed-content-placeholder div {
|
|
background-color: var(--rsp-grey-200);
|
|
margin: 10px 0;
|
|
height: 20px;
|
|
}
|
|
.rsssl-mixed-content-scan .rsssl-shield-overlay {
|
|
height: 250px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
display: flex;
|
|
}
|
|
.rsssl-mixed-content-scan .rsssl-field-wrap .rdt_TableCell[data-column-id="2"] {
|
|
display: grid;
|
|
}
|
|
.rsssl-mixed-content-scan .rsssl-field-wrap .rdt_TableCol, .rsssl-mixed-content-scan .rsssl-field-wrap .rdt_TableCell {
|
|
min-width: 110px;
|
|
}
|
|
.rsssl-mixed-content-scan .rsssl-progress-container .rsssl-progress-bar {
|
|
border-radius: 5px;
|
|
height: 20px;
|
|
background-color: var(--rsp-green);
|
|
}
|
|
.rsssl-mixed-content-scan .rsssl-task-status, .rsssl-mixed-content-scan .rsssl-locked-overlay .rsssl-progress-status, .rsssl-locked-overlay .rsssl-mixed-content-scan .rsssl-progress-status {
|
|
min-width: -moz-min-content;
|
|
min-width: min-content;
|
|
}
|
|
.rsssl-mixed-content-scan .rsssl-task-status.rsssl-warning, .rsssl-mixed-content-scan .rsssl-locked-overlay .rsssl-warning.rsssl-progress-status, .rsssl-locked-overlay .rsssl-mixed-content-scan .rsssl-warning.rsssl-progress-status {
|
|
background-color: var(--rsp-yellow);
|
|
color: var(--rsp-text-color);
|
|
}
|
|
.rsssl-mixed-content-scan button.button {
|
|
line-height: 1.5;
|
|
min-height: 10px;
|
|
}
|
|
.rsssl-mixed-content-scan .rsssl-grid-item-content-footer {
|
|
display: flex;
|
|
gap: var(--rsp-spacing-s);
|
|
}
|
|
.rsssl-mixed-content-scan .rsssl-current-scan-action, .rsssl-mixed-content-scan .rsssl-mixed-content-description {
|
|
margin: 10px 5px;
|
|
font-size: var(--rsp-fs-300);
|
|
}
|
|
|
|
.rsssl-learningmode-placeholder {
|
|
height: 150px;
|
|
}
|
|
.rsssl-learningmode-placeholder div {
|
|
background-color: var(--rsp-grey-200);
|
|
margin: 10px 0;
|
|
height: 20px;
|
|
}
|
|
|
|
.rsssl-learning-mode-delete {
|
|
cursor: pointer;
|
|
background: none;
|
|
border: none;
|
|
font-size: 1.5em;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.rsssl-locked-overlay .rsssl-open {
|
|
float: left;
|
|
margin-right: 12px;
|
|
}
|
|
.rsssl-locked-overlay .rsssl-progress-status.rsssl-learning-mode-completed, .rsssl-locked-overlay .rsssl-progress-status.rsssl-learning-mode-enforced {
|
|
background-color: var(--rsp-color-success);
|
|
color: #fff;
|
|
}
|
|
.rsssl-locked-overlay .rsssl-progress-status.rsssl-learning-mode {
|
|
background-color: var(--rsp-color-open);
|
|
}
|
|
.rsssl-locked-overlay .rsssl-progress-status.rsssl-learning-mode-error {
|
|
background-color: var(--rsp-color-error);
|
|
color: #fff;
|
|
}
|
|
.rsssl-locked-overlay .rsssl-progress-status.rsssl-disabled, .rsssl-locked-overlay .rsssl-progress-status.rsssl-learning-mode-disabled {
|
|
background-color: var(--rsp-color-disabled);
|
|
}
|
|
|
|
.rsssl-learning-mode-footer {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
gap: var(--rsp-spacing-s);
|
|
}
|
|
.rsssl-learning-mode-footer select {
|
|
margin-left: auto;
|
|
}
|
|
.rsssl-learning-mode-footer label {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.rsssl-learning-mode-footer label input {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.rsssl-lets-encrypt-tests {
|
|
margin: var(--rsp-spacing-xs) var(--rsp-spacing-xl);
|
|
}
|
|
.rsssl-lets-encrypt-tests .rsssl-progress-bar {
|
|
padding-block: 0;
|
|
margin-bottom: var(--rsp-spacing-m);
|
|
}
|
|
.rsssl-lets-encrypt-tests .rsssl-progress-bar .rsssl-progress {
|
|
overflow: hidden;
|
|
height: var(--rsp-spacing-m);
|
|
border-radius: 5px;
|
|
background-color: var(--rsp-grey-200);
|
|
}
|
|
.rsssl-lets-encrypt-tests .rsssl-progress-bar .rsssl-progress .rsssl-bar {
|
|
height: 100%;
|
|
background-color: var(--rsp-color-success);
|
|
}
|
|
.rsssl-lets-encrypt-tests .rsssl-progress-bar .rsssl-progress .rsssl-bar.rsssl-orange {
|
|
background-color: var(--rsp-color-warning);
|
|
}
|
|
.rsssl-lets-encrypt-tests p {
|
|
margin-bottom: var(--rsp-spacing-m);
|
|
}
|
|
.rsssl-lets-encrypt-tests .rsssl-progress-text {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: var(--rsp-spacing-m) var(--rsp-spacing-l);
|
|
padding-block: 0;
|
|
padding-top: var(--rsp-spacing-xs);
|
|
}
|
|
@media screen and (max-width: 1280px) {
|
|
.rsssl-lets-encrypt-tests .rsssl-progress-text {
|
|
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
|
|
}
|
|
}
|
|
@media screen and (max-width: 1080px) {
|
|
.rsssl-lets-encrypt-tests .rsssl-progress-text {
|
|
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
|
|
}
|
|
}
|
|
.rsssl-lets-encrypt-tests .rsssl-progress-text .rsssl-progress-percentage {
|
|
font-size: 32px;
|
|
font-weight: 700;
|
|
}
|
|
.rsssl-lets-encrypt-tests .rsssl-progress-text .rsssl-progress-text-span {
|
|
margin-left: 35px;
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
}
|
|
.rsssl-lets-encrypt-tests .rsssl-progress-text .rsssl-progress-text-span a {
|
|
margin-left: 3px;
|
|
}
|
|
.rsssl-lets-encrypt-tests ul li {
|
|
display: flex;
|
|
margin-bottom: 15px;
|
|
/*Nested li */
|
|
}
|
|
.rsssl-lets-encrypt-tests ul li .rsssl-icon {
|
|
margin-right: 7px;
|
|
}
|
|
.rsssl-lets-encrypt-tests ul li ul li:before {
|
|
background-color: var(--rsp-grey-500);
|
|
color: #fff;
|
|
height: 6px;
|
|
width: 6px;
|
|
border-radius: 50%;
|
|
content: "";
|
|
position: absolute;
|
|
margin-top: 7px;
|
|
margin-left: -19px;
|
|
}
|
|
.rsssl-lets-encrypt-tests .rsssl-test-results ul li {
|
|
display: block;
|
|
}
|
|
.rsssl-lets-encrypt-tests .rsssl-test-results h4 {
|
|
margin: var(--rsp-spacing-m) 0;
|
|
}
|
|
.rsssl-lets-encrypt-tests .rsssl-test-results a + button {
|
|
margin-left: var(--rsp-spacing-m);
|
|
}
|
|
.rsssl-lets-encrypt-tests .rsssl-test-results .rsssl-certificate-data {
|
|
display: none;
|
|
}
|
|
.rsssl-lets-encrypt-tests .rsssl-test-results .rsssl-dns-text-records div {
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-right: 20px;
|
|
}
|
|
.rsssl-lets-encrypt-tests .rsssl-test-results .rsssl-dns-text-records div .rsssl-dns-domain, .rsssl-lets-encrypt-tests .rsssl-test-results .rsssl-dns-text-records div .rsssl-dns-field {
|
|
margin-right: var(--rsp-spacing-m);
|
|
width: 50%;
|
|
}
|
|
.rsssl-lets-encrypt-tests .rsssl-modal-subtitle {
|
|
display: none;
|
|
}
|
|
.rsssl-lets-encrypt-tests .components-toggle-control {
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-permissions_policy .rdt_TableCell, .rsssl div[class^=rsssl-wizard-] .rsssl-permissions_policy .rdt_TableCol {
|
|
min-width: -moz-fit-content;
|
|
min-width: fit-content;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-permissions_policy .rsssl-locked .rsssl-shield-overlay {
|
|
top: calc(100% - 300px);
|
|
}
|
|
|
|
.rsssl-vulnerability-action a.button {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.rsssl-processing {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.rsssl-vulnerabilities_measures .rsssl-locked-overlay input[type=checkbox] {
|
|
margin-top: 0;
|
|
}
|
|
|
|
/**
|
|
Admin notice
|
|
*/
|
|
.rsssl-field-wrap .rdt_TableCol, .rsssl-field-wrap .rdt_TableCell, .rsssl-field-wrap .rdt_TableCol_Sortable {
|
|
flex-direction: row;
|
|
}
|
|
.rsssl-field-wrap .rdt_TableCol:first-child, .rsssl-field-wrap .rdt_TableCell:first-child {
|
|
min-width: initial;
|
|
}
|
|
.rsssl-field-wrap .rdt_TableHeadRow .rdt_TableCol:last-child {
|
|
flex-grow: 0;
|
|
flex-direction: row-reverse;
|
|
min-width: initial;
|
|
}
|
|
.rsssl-field-wrap .rdt_TableRow {
|
|
padding: var(--rsp-spacing-xs) 0;
|
|
}
|
|
.rsssl-field-wrap .rdt_TableRow:nth-child(odd) {
|
|
background-color: var(--rsp-grey-200);
|
|
}
|
|
.rsssl-field-wrap .rdt_TableRow .rdt_TableCell:last-child {
|
|
flex-grow: 0;
|
|
}
|
|
.rsssl-field-wrap .rdt_TableRow .rsssl-status-allowed, .rsssl-field-wrap .rdt_TableRow .rsssl-status-revoked {
|
|
min-width: 110px;
|
|
margin-right: 10px;
|
|
}
|
|
.rsssl-field-wrap .rsssl-csp-revoked > div:nth-child(-n+3) {
|
|
opacity: 0.3;
|
|
}
|
|
|
|
.rsssl-content_security_policy .rsssl-field-wrap .rdt_TableHeadRow .rdt_TableCol:last-child {
|
|
flex-grow: 0;
|
|
min-width: initial;
|
|
justify-content: flex-end;
|
|
}
|
|
.rsssl-content_security_policy .rsssl-field-wrap .rdt_TableRow .rdt_TableCell:last-child {
|
|
flex-grow: 0;
|
|
min-width: initial;
|
|
}
|
|
.rsssl-content_security_policy .rsssl-field-wrap .rsssl-csp-revoked > div:nth-child(-n+3) {
|
|
opacity: 0.3;
|
|
}
|
|
|
|
nav.rdt_Pagination > div > svg {
|
|
display: none !important;
|
|
}
|
|
|
|
.rsssl-content_security_policy .rsssl-field-wrap > div > div, .rsssl-xml_rpc .rsssl-field-wrap > div > div {
|
|
overflow-x: inherit;
|
|
overflow-y: inherit;
|
|
}
|
|
|
|
.rsssl-permissions_policy .rdt_TableRow .rdt_TableCell:last-child {
|
|
min-width: -moz-fit-content;
|
|
min-width: fit-content;
|
|
}
|
|
.rsssl-permissions_policy .rdt_TableRow .rdt_TableCell:last-child .components-input-control__container {
|
|
min-width: -moz-fit-content;
|
|
min-width: fit-content;
|
|
}
|
|
|
|
.rsssl-mixed-content-datatable > div > div {
|
|
display: flex;
|
|
}
|
|
|
|
.rsssl-vulnerabilities_measures .rdt_TableRow .rdt_TableCell:nth-child(3) {
|
|
max-width: 50%;
|
|
}
|
|
|
|
.rsssl-vulnerabilities_overview .rsssl-field-wrap, .two_fa_users_table .rsssl-field-wrap, .rsssl-vulnerabilities_measures .rsssl-field-wrap, .rsssl-limit_login_attempts_country .rsssl-field-wrap, .rsssl-limit_login_attempts_users .rsssl-field-wrap, .rsssl-limit_login_attempts_event_log .rsssl-field-wrap, .rsssl-mixed-content-scan .rsssl-field-wrap, .rsssl-limit_login_attempts_ip_address .rsssl-field-wrap, .rsssl-permissions_policy .rsssl-field-wrap, .rsssl-content_security_policy .rsssl-field-wrap, .rsssl-two_fa_users .rsssl-field-wrap, .rsssl-hardening-xml .rsssl-field-wrap {
|
|
margin-left: calc(-1 * var(--rsp-spacing-l));
|
|
margin-right: calc(-1 * var(--rsp-spacing-l));
|
|
}
|
|
@media (max-width: 1280px) {
|
|
.rsssl-vulnerabilities_overview .rsssl-field-wrap, .two_fa_users_table .rsssl-field-wrap, .rsssl-vulnerabilities_measures .rsssl-field-wrap, .rsssl-limit_login_attempts_country .rsssl-field-wrap, .rsssl-limit_login_attempts_users .rsssl-field-wrap, .rsssl-limit_login_attempts_event_log .rsssl-field-wrap, .rsssl-mixed-content-scan .rsssl-field-wrap, .rsssl-limit_login_attempts_ip_address .rsssl-field-wrap, .rsssl-permissions_policy .rsssl-field-wrap, .rsssl-content_security_policy .rsssl-field-wrap, .rsssl-two_fa_users .rsssl-field-wrap, .rsssl-hardening-xml .rsssl-field-wrap {
|
|
margin-left: calc(-1 * var(--rsp-spacing-m));
|
|
margin-right: calc(-1 * var(--rsp-spacing-m));
|
|
}
|
|
}
|
|
@media (max-width: 1080px) {
|
|
.rsssl-vulnerabilities_overview .rsssl-field-wrap, .two_fa_users_table .rsssl-field-wrap, .rsssl-vulnerabilities_measures .rsssl-field-wrap, .rsssl-limit_login_attempts_country .rsssl-field-wrap, .rsssl-limit_login_attempts_users .rsssl-field-wrap, .rsssl-limit_login_attempts_event_log .rsssl-field-wrap, .rsssl-mixed-content-scan .rsssl-field-wrap, .rsssl-limit_login_attempts_ip_address .rsssl-field-wrap, .rsssl-permissions_policy .rsssl-field-wrap, .rsssl-content_security_policy .rsssl-field-wrap, .rsssl-two_fa_users .rsssl-field-wrap, .rsssl-hardening-xml .rsssl-field-wrap {
|
|
margin-left: calc(-1 * var(--rsp-spacing-s));
|
|
margin-right: calc(-1 * var(--rsp-spacing-s));
|
|
}
|
|
}
|
|
.rsssl-vulnerabilities_overview .rsssl-field-wrap > .components-base-control, .rsssl-vulnerabilities_overview .rsssl-field-wrap .rsssl-comment,
|
|
.rsssl-vulnerabilities_overview .rsssl-field-wrap .rsssl-progress-container,
|
|
.rsssl-vulnerabilities_overview .rsssl-field-wrap > div > button,
|
|
.rsssl-vulnerabilities_overview .rsssl-field-wrap .rsssl-learning-mode-footer,
|
|
.rsssl-vulnerabilities_overview .rsssl-field-wrap .rsssl-mixed-content-description,
|
|
.rsssl-vulnerabilities_overview .rsssl-field-wrap .rsssl-current-scan-action, .two_fa_users_table .rsssl-field-wrap > .components-base-control, .two_fa_users_table .rsssl-field-wrap .rsssl-comment,
|
|
.two_fa_users_table .rsssl-field-wrap .rsssl-progress-container,
|
|
.two_fa_users_table .rsssl-field-wrap > div > button,
|
|
.two_fa_users_table .rsssl-field-wrap .rsssl-learning-mode-footer,
|
|
.two_fa_users_table .rsssl-field-wrap .rsssl-mixed-content-description,
|
|
.two_fa_users_table .rsssl-field-wrap .rsssl-current-scan-action, .rsssl-vulnerabilities_measures .rsssl-field-wrap > .components-base-control, .rsssl-vulnerabilities_measures .rsssl-field-wrap .rsssl-comment,
|
|
.rsssl-vulnerabilities_measures .rsssl-field-wrap .rsssl-progress-container,
|
|
.rsssl-vulnerabilities_measures .rsssl-field-wrap > div > button,
|
|
.rsssl-vulnerabilities_measures .rsssl-field-wrap .rsssl-learning-mode-footer,
|
|
.rsssl-vulnerabilities_measures .rsssl-field-wrap .rsssl-mixed-content-description,
|
|
.rsssl-vulnerabilities_measures .rsssl-field-wrap .rsssl-current-scan-action, .rsssl-limit_login_attempts_country .rsssl-field-wrap > .components-base-control, .rsssl-limit_login_attempts_country .rsssl-field-wrap .rsssl-comment,
|
|
.rsssl-limit_login_attempts_country .rsssl-field-wrap .rsssl-progress-container,
|
|
.rsssl-limit_login_attempts_country .rsssl-field-wrap > div > button,
|
|
.rsssl-limit_login_attempts_country .rsssl-field-wrap .rsssl-learning-mode-footer,
|
|
.rsssl-limit_login_attempts_country .rsssl-field-wrap .rsssl-mixed-content-description,
|
|
.rsssl-limit_login_attempts_country .rsssl-field-wrap .rsssl-current-scan-action, .rsssl-limit_login_attempts_users .rsssl-field-wrap > .components-base-control, .rsssl-limit_login_attempts_users .rsssl-field-wrap .rsssl-comment,
|
|
.rsssl-limit_login_attempts_users .rsssl-field-wrap .rsssl-progress-container,
|
|
.rsssl-limit_login_attempts_users .rsssl-field-wrap > div > button,
|
|
.rsssl-limit_login_attempts_users .rsssl-field-wrap .rsssl-learning-mode-footer,
|
|
.rsssl-limit_login_attempts_users .rsssl-field-wrap .rsssl-mixed-content-description,
|
|
.rsssl-limit_login_attempts_users .rsssl-field-wrap .rsssl-current-scan-action, .rsssl-limit_login_attempts_event_log .rsssl-field-wrap > .components-base-control, .rsssl-limit_login_attempts_event_log .rsssl-field-wrap .rsssl-comment,
|
|
.rsssl-limit_login_attempts_event_log .rsssl-field-wrap .rsssl-progress-container,
|
|
.rsssl-limit_login_attempts_event_log .rsssl-field-wrap > div > button,
|
|
.rsssl-limit_login_attempts_event_log .rsssl-field-wrap .rsssl-learning-mode-footer,
|
|
.rsssl-limit_login_attempts_event_log .rsssl-field-wrap .rsssl-mixed-content-description,
|
|
.rsssl-limit_login_attempts_event_log .rsssl-field-wrap .rsssl-current-scan-action, .rsssl-mixed-content-scan .rsssl-field-wrap > .components-base-control, .rsssl-mixed-content-scan .rsssl-field-wrap .rsssl-comment,
|
|
.rsssl-mixed-content-scan .rsssl-field-wrap .rsssl-progress-container,
|
|
.rsssl-mixed-content-scan .rsssl-field-wrap > div > button,
|
|
.rsssl-mixed-content-scan .rsssl-field-wrap .rsssl-learning-mode-footer,
|
|
.rsssl-mixed-content-scan .rsssl-field-wrap .rsssl-mixed-content-description,
|
|
.rsssl-mixed-content-scan .rsssl-field-wrap .rsssl-current-scan-action, .rsssl-limit_login_attempts_ip_address .rsssl-field-wrap > .components-base-control, .rsssl-limit_login_attempts_ip_address .rsssl-field-wrap .rsssl-comment,
|
|
.rsssl-limit_login_attempts_ip_address .rsssl-field-wrap .rsssl-progress-container,
|
|
.rsssl-limit_login_attempts_ip_address .rsssl-field-wrap > div > button,
|
|
.rsssl-limit_login_attempts_ip_address .rsssl-field-wrap .rsssl-learning-mode-footer,
|
|
.rsssl-limit_login_attempts_ip_address .rsssl-field-wrap .rsssl-mixed-content-description,
|
|
.rsssl-limit_login_attempts_ip_address .rsssl-field-wrap .rsssl-current-scan-action, .rsssl-permissions_policy .rsssl-field-wrap > .components-base-control, .rsssl-permissions_policy .rsssl-field-wrap .rsssl-comment,
|
|
.rsssl-permissions_policy .rsssl-field-wrap .rsssl-progress-container,
|
|
.rsssl-permissions_policy .rsssl-field-wrap > div > button,
|
|
.rsssl-permissions_policy .rsssl-field-wrap .rsssl-learning-mode-footer,
|
|
.rsssl-permissions_policy .rsssl-field-wrap .rsssl-mixed-content-description,
|
|
.rsssl-permissions_policy .rsssl-field-wrap .rsssl-current-scan-action, .rsssl-content_security_policy .rsssl-field-wrap > .components-base-control, .rsssl-content_security_policy .rsssl-field-wrap .rsssl-comment,
|
|
.rsssl-content_security_policy .rsssl-field-wrap .rsssl-progress-container,
|
|
.rsssl-content_security_policy .rsssl-field-wrap > div > button,
|
|
.rsssl-content_security_policy .rsssl-field-wrap .rsssl-learning-mode-footer,
|
|
.rsssl-content_security_policy .rsssl-field-wrap .rsssl-mixed-content-description,
|
|
.rsssl-content_security_policy .rsssl-field-wrap .rsssl-current-scan-action, .rsssl-two_fa_users .rsssl-field-wrap > .components-base-control, .rsssl-two_fa_users .rsssl-field-wrap .rsssl-comment,
|
|
.rsssl-two_fa_users .rsssl-field-wrap .rsssl-progress-container,
|
|
.rsssl-two_fa_users .rsssl-field-wrap > div > button,
|
|
.rsssl-two_fa_users .rsssl-field-wrap .rsssl-learning-mode-footer,
|
|
.rsssl-two_fa_users .rsssl-field-wrap .rsssl-mixed-content-description,
|
|
.rsssl-two_fa_users .rsssl-field-wrap .rsssl-current-scan-action, .rsssl-hardening-xml .rsssl-field-wrap > .components-base-control, .rsssl-hardening-xml .rsssl-field-wrap .rsssl-comment,
|
|
.rsssl-hardening-xml .rsssl-field-wrap .rsssl-progress-container,
|
|
.rsssl-hardening-xml .rsssl-field-wrap > div > button,
|
|
.rsssl-hardening-xml .rsssl-field-wrap .rsssl-learning-mode-footer,
|
|
.rsssl-hardening-xml .rsssl-field-wrap .rsssl-mixed-content-description,
|
|
.rsssl-hardening-xml .rsssl-field-wrap .rsssl-current-scan-action {
|
|
margin-left: var(--rsp-spacing-l);
|
|
margin-right: var(--rsp-spacing-l);
|
|
}
|
|
.rsssl-vulnerabilities_overview .rdt_TableCell:first-child, .rsssl-vulnerabilities_overview .rdt_TableCol:first-child, .two_fa_users_table .rdt_TableCell:first-child, .two_fa_users_table .rdt_TableCol:first-child, .rsssl-vulnerabilities_measures .rdt_TableCell:first-child, .rsssl-vulnerabilities_measures .rdt_TableCol:first-child, .rsssl-limit_login_attempts_country .rdt_TableCell:first-child, .rsssl-limit_login_attempts_country .rdt_TableCol:first-child, .rsssl-limit_login_attempts_users .rdt_TableCell:first-child, .rsssl-limit_login_attempts_users .rdt_TableCol:first-child, .rsssl-limit_login_attempts_event_log .rdt_TableCell:first-child, .rsssl-limit_login_attempts_event_log .rdt_TableCol:first-child, .rsssl-mixed-content-scan .rdt_TableCell:first-child, .rsssl-mixed-content-scan .rdt_TableCol:first-child, .rsssl-limit_login_attempts_ip_address .rdt_TableCell:first-child, .rsssl-limit_login_attempts_ip_address .rdt_TableCol:first-child, .rsssl-permissions_policy .rdt_TableCell:first-child, .rsssl-permissions_policy .rdt_TableCol:first-child, .rsssl-content_security_policy .rdt_TableCell:first-child, .rsssl-content_security_policy .rdt_TableCol:first-child, .rsssl-two_fa_users .rdt_TableCell:first-child, .rsssl-two_fa_users .rdt_TableCol:first-child, .rsssl-hardening-xml .rdt_TableCell:first-child, .rsssl-hardening-xml .rdt_TableCol:first-child {
|
|
padding-left: var(--rsp-spacing-l);
|
|
padding-right: var(--rsp-spacing-l);
|
|
}
|
|
.rsssl-vulnerabilities_overview .rdt_TableCell:last-child, .rsssl-vulnerabilities_overview .rdt_TableCol:last-child, .two_fa_users_table .rdt_TableCell:last-child, .two_fa_users_table .rdt_TableCol:last-child, .rsssl-vulnerabilities_measures .rdt_TableCell:last-child, .rsssl-vulnerabilities_measures .rdt_TableCol:last-child, .rsssl-limit_login_attempts_country .rdt_TableCell:last-child, .rsssl-limit_login_attempts_country .rdt_TableCol:last-child, .rsssl-limit_login_attempts_users .rdt_TableCell:last-child, .rsssl-limit_login_attempts_users .rdt_TableCol:last-child, .rsssl-limit_login_attempts_event_log .rdt_TableCell:last-child, .rsssl-limit_login_attempts_event_log .rdt_TableCol:last-child, .rsssl-mixed-content-scan .rdt_TableCell:last-child, .rsssl-mixed-content-scan .rdt_TableCol:last-child, .rsssl-limit_login_attempts_ip_address .rdt_TableCell:last-child, .rsssl-limit_login_attempts_ip_address .rdt_TableCol:last-child, .rsssl-permissions_policy .rdt_TableCell:last-child, .rsssl-permissions_policy .rdt_TableCol:last-child, .rsssl-content_security_policy .rdt_TableCell:last-child, .rsssl-content_security_policy .rdt_TableCol:last-child, .rsssl-two_fa_users .rdt_TableCell:last-child, .rsssl-two_fa_users .rdt_TableCol:last-child, .rsssl-hardening-xml .rdt_TableCell:last-child, .rsssl-hardening-xml .rdt_TableCol:last-child {
|
|
padding-right: var(--rsp-spacing-l);
|
|
}
|
|
|
|
.rsssl-search-bar {
|
|
float: right;
|
|
padding: 0;
|
|
}
|
|
|
|
.rsssl-search-bar__inner {
|
|
display: flex;
|
|
align-items: center;
|
|
background-color: gray;
|
|
border-radius: 3px;
|
|
transition: background-color 0.3s ease;
|
|
}
|
|
|
|
.rsssl-search-bar__inner:focus-within {
|
|
background-color: #fff;
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.rsssl-search-bar__icon {
|
|
/* Add styles for the search icon */
|
|
}
|
|
|
|
.rsssl-search-bar__input {
|
|
border: none;
|
|
outline: none;
|
|
background: gray;
|
|
padding: 3px 5px;
|
|
width: 150px; /* Adjust width as needed */
|
|
transition: width 0.3s ease;
|
|
}
|
|
|
|
.rsssl-search-bar__input:focus {
|
|
width: 200px; /* Adjust width as needed */
|
|
}
|
|
|
|
.rsssl-container {
|
|
padding: 2em;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.rsssl-multiselect-datatable-form {
|
|
display: flex;
|
|
Justify-content: space-between;
|
|
width: 100%;
|
|
padding: 1em 2em;
|
|
background: var(--rsp-blue-faded);
|
|
}
|
|
|
|
.rdt_TableRow .rdt_TableCell:last-child {
|
|
min-width: 20px;
|
|
}
|
|
|
|
.rdt_TableRow .rdt_TableCell:last-child button,
|
|
.rdt_TableRow .rdt_TableCell:last-child span {
|
|
min-width: 20px;
|
|
}
|
|
|
|
/* Section for EdgeCases and other specific styling */
|
|
/* EdgeCase: EventLog */
|
|
.rsssl-content_security_policy .rdt_TableCell, .rsssl-content_security_policy .rdt_TableCol,
|
|
.rsssl-hardening-xml .rdt_TableCell,
|
|
.rsssl-hardening-xml .rdt_TableCol,
|
|
.rsssl-vulnerabilities_overview .rdt_TableCell,
|
|
.rsssl-vulnerabilities_overview .rdt_TableCol,
|
|
.rsssl-limit_login_attempts_ip_address .rdt_TableCell,
|
|
.rsssl-limit_login_attempts_ip_address .rdt_TableCol,
|
|
.rsssl-limit_login_attempts_users .rdt_TableCell,
|
|
.rsssl-limit_login_attempts_users .rdt_TableCol,
|
|
.rsssl-limit_login_attempts_country .rdt_TableCell,
|
|
.rsssl-limit_login_attempts_country .rdt_TableCol,
|
|
.rsssl-limit_login_attempts_event_log .rdt_TableCell,
|
|
.rsssl-limit_login_attempts_event_log .rdt_TableCol {
|
|
min-width: initial;
|
|
}
|
|
.rsssl-content_security_policy .rdt_Pagination,
|
|
.rsssl-hardening-xml .rdt_Pagination,
|
|
.rsssl-vulnerabilities_overview .rdt_Pagination,
|
|
.rsssl-limit_login_attempts_ip_address .rdt_Pagination,
|
|
.rsssl-limit_login_attempts_users .rdt_Pagination,
|
|
.rsssl-limit_login_attempts_country .rdt_Pagination,
|
|
.rsssl-limit_login_attempts_event_log .rdt_Pagination {
|
|
margin-top: 0;
|
|
padding: 0 25px;
|
|
}
|
|
.rsssl-content_security_policy .rdt_tableCell:has(div > .rsssl-action-buttons),
|
|
.rsssl-hardening-xml .rdt_tableCell:has(div > .rsssl-action-buttons),
|
|
.rsssl-vulnerabilities_overview .rdt_tableCell:has(div > .rsssl-action-buttons),
|
|
.rsssl-limit_login_attempts_ip_address .rdt_tableCell:has(div > .rsssl-action-buttons),
|
|
.rsssl-limit_login_attempts_users .rdt_tableCell:has(div > .rsssl-action-buttons),
|
|
.rsssl-limit_login_attempts_country .rdt_tableCell:has(div > .rsssl-action-buttons),
|
|
.rsssl-limit_login_attempts_event_log .rdt_tableCell:has(div > .rsssl-action-buttons) {
|
|
position: relative;
|
|
}
|
|
.rsssl-content_security_policy .rsssl-field-wrap,
|
|
.rsssl-hardening-xml .rsssl-field-wrap,
|
|
.rsssl-vulnerabilities_overview .rsssl-field-wrap,
|
|
.rsssl-limit_login_attempts_ip_address .rsssl-field-wrap,
|
|
.rsssl-limit_login_attempts_users .rsssl-field-wrap,
|
|
.rsssl-limit_login_attempts_country .rsssl-field-wrap,
|
|
.rsssl-limit_login_attempts_event_log .rsssl-field-wrap {
|
|
padding: 0;
|
|
}
|
|
.rsssl-content_security_policy .rsssl-field-wrap .rdt_TableHeadRow .rdt_TableCol:last-child,
|
|
.rsssl-hardening-xml .rsssl-field-wrap .rdt_TableHeadRow .rdt_TableCol:last-child,
|
|
.rsssl-vulnerabilities_overview .rsssl-field-wrap .rdt_TableHeadRow .rdt_TableCol:last-child,
|
|
.rsssl-limit_login_attempts_ip_address .rsssl-field-wrap .rdt_TableHeadRow .rdt_TableCol:last-child,
|
|
.rsssl-limit_login_attempts_users .rsssl-field-wrap .rdt_TableHeadRow .rdt_TableCol:last-child,
|
|
.rsssl-limit_login_attempts_country .rsssl-field-wrap .rdt_TableHeadRow .rdt_TableCol:last-child,
|
|
.rsssl-limit_login_attempts_event_log .rsssl-field-wrap .rdt_TableHeadRow .rdt_TableCol:last-child {
|
|
flex-grow: 1;
|
|
}
|
|
.rsssl-content_security_policy .rsssl-field-wrap .rdt_TableBody .rdt_TableRow .rdt_TableCell:last-child,
|
|
.rsssl-hardening-xml .rsssl-field-wrap .rdt_TableBody .rdt_TableRow .rdt_TableCell:last-child,
|
|
.rsssl-vulnerabilities_overview .rsssl-field-wrap .rdt_TableBody .rdt_TableRow .rdt_TableCell:last-child,
|
|
.rsssl-limit_login_attempts_ip_address .rsssl-field-wrap .rdt_TableBody .rdt_TableRow .rdt_TableCell:last-child,
|
|
.rsssl-limit_login_attempts_users .rsssl-field-wrap .rdt_TableBody .rdt_TableRow .rdt_TableCell:last-child,
|
|
.rsssl-limit_login_attempts_country .rsssl-field-wrap .rdt_TableBody .rdt_TableRow .rdt_TableCell:last-child,
|
|
.rsssl-limit_login_attempts_event_log .rsssl-field-wrap .rdt_TableBody .rdt_TableRow .rdt_TableCell:last-child {
|
|
flex-grow: 1;
|
|
}
|
|
.rsssl-content_security_policy .rsssl-field-wrap .rdt_TableBody .rdt_Expanding .rdt_TableRow .rdt_TableCell:first-child,
|
|
.rsssl-hardening-xml .rsssl-field-wrap .rdt_TableBody .rdt_Expanding .rdt_TableRow .rdt_TableCell:first-child,
|
|
.rsssl-vulnerabilities_overview .rsssl-field-wrap .rdt_TableBody .rdt_Expanding .rdt_TableRow .rdt_TableCell:first-child,
|
|
.rsssl-limit_login_attempts_ip_address .rsssl-field-wrap .rdt_TableBody .rdt_Expanding .rdt_TableRow .rdt_TableCell:first-child,
|
|
.rsssl-limit_login_attempts_users .rsssl-field-wrap .rdt_TableBody .rdt_Expanding .rdt_TableRow .rdt_TableCell:first-child,
|
|
.rsssl-limit_login_attempts_country .rsssl-field-wrap .rdt_TableBody .rdt_Expanding .rdt_TableRow .rdt_TableCell:first-child,
|
|
.rsssl-limit_login_attempts_event_log .rsssl-field-wrap .rdt_TableBody .rdt_Expanding .rdt_TableRow .rdt_TableCell:first-child {
|
|
padding: 0;
|
|
flex-direction: row;
|
|
}
|
|
.rsssl-content_security_policy .rsssl-field-wrap .rdt_TableBody .rdt_TableRow .rdt_TableCell:first-child,
|
|
.rsssl-hardening-xml .rsssl-field-wrap .rdt_TableBody .rdt_TableRow .rdt_TableCell:first-child,
|
|
.rsssl-vulnerabilities_overview .rsssl-field-wrap .rdt_TableBody .rdt_TableRow .rdt_TableCell:first-child,
|
|
.rsssl-limit_login_attempts_ip_address .rsssl-field-wrap .rdt_TableBody .rdt_TableRow .rdt_TableCell:first-child,
|
|
.rsssl-limit_login_attempts_users .rsssl-field-wrap .rdt_TableBody .rdt_TableRow .rdt_TableCell:first-child,
|
|
.rsssl-limit_login_attempts_country .rsssl-field-wrap .rdt_TableBody .rdt_TableRow .rdt_TableCell:first-child,
|
|
.rsssl-limit_login_attempts_event_log .rsssl-field-wrap .rdt_TableBody .rdt_TableRow .rdt_TableCell:first-child {
|
|
padding: 0 25px;
|
|
flex-direction: row;
|
|
}
|
|
.rsssl-content_security_policy .rsssl-field-wrap .rsssl-learning-mode-delete,
|
|
.rsssl-hardening-xml .rsssl-field-wrap .rsssl-learning-mode-delete,
|
|
.rsssl-vulnerabilities_overview .rsssl-field-wrap .rsssl-learning-mode-delete,
|
|
.rsssl-limit_login_attempts_ip_address .rsssl-field-wrap .rsssl-learning-mode-delete,
|
|
.rsssl-limit_login_attempts_users .rsssl-field-wrap .rsssl-learning-mode-delete,
|
|
.rsssl-limit_login_attempts_country .rsssl-field-wrap .rsssl-learning-mode-delete,
|
|
.rsssl-limit_login_attempts_event_log .rsssl-field-wrap .rsssl-learning-mode-delete {
|
|
float: right;
|
|
}
|
|
.rsssl-content_security_policy .rsssl-field-wrap .rdt_TableCell:last-child div,
|
|
.rsssl-hardening-xml .rsssl-field-wrap .rdt_TableCell:last-child div,
|
|
.rsssl-vulnerabilities_overview .rsssl-field-wrap .rdt_TableCell:last-child div,
|
|
.rsssl-limit_login_attempts_ip_address .rsssl-field-wrap .rdt_TableCell:last-child div,
|
|
.rsssl-limit_login_attempts_users .rsssl-field-wrap .rdt_TableCell:last-child div,
|
|
.rsssl-limit_login_attempts_country .rsssl-field-wrap .rdt_TableCell:last-child div,
|
|
.rsssl-limit_login_attempts_event_log .rsssl-field-wrap .rdt_TableCell:last-child div {
|
|
width: 100%;
|
|
}
|
|
.rsssl-content_security_policy .rsssl-field-wrap .rdt_TableCell:last-child div button, .rsssl-content_security_policy .rsssl-field-wrap .rdt_TableCell:last-child div a,
|
|
.rsssl-hardening-xml .rsssl-field-wrap .rdt_TableCell:last-child div button,
|
|
.rsssl-hardening-xml .rsssl-field-wrap .rdt_TableCell:last-child div a,
|
|
.rsssl-vulnerabilities_overview .rsssl-field-wrap .rdt_TableCell:last-child div button,
|
|
.rsssl-vulnerabilities_overview .rsssl-field-wrap .rdt_TableCell:last-child div a,
|
|
.rsssl-limit_login_attempts_ip_address .rsssl-field-wrap .rdt_TableCell:last-child div button,
|
|
.rsssl-limit_login_attempts_ip_address .rsssl-field-wrap .rdt_TableCell:last-child div a,
|
|
.rsssl-limit_login_attempts_users .rsssl-field-wrap .rdt_TableCell:last-child div button,
|
|
.rsssl-limit_login_attempts_users .rsssl-field-wrap .rdt_TableCell:last-child div a,
|
|
.rsssl-limit_login_attempts_country .rsssl-field-wrap .rdt_TableCell:last-child div button,
|
|
.rsssl-limit_login_attempts_country .rsssl-field-wrap .rdt_TableCell:last-child div a,
|
|
.rsssl-limit_login_attempts_event_log .rsssl-field-wrap .rdt_TableCell:last-child div button,
|
|
.rsssl-limit_login_attempts_event_log .rsssl-field-wrap .rdt_TableCell:last-child div a {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
/* EdgeCase: CountryTable */
|
|
.rsssl-vulnerabilities_measures .rdt_TableCell:nth-child(2) select {
|
|
max-width: 100%;
|
|
}
|
|
|
|
/* EdgeCase: hardening-xml */
|
|
.rsssl-hardening-xml .rdt_TableCol:first-child {
|
|
padding: 0 25px !important;
|
|
}
|
|
.rsssl-hardening-xml .rdt_TableCell:last-child {
|
|
padding: 0 25px !important;
|
|
}
|
|
.rsssl-hardening-xml .rdt_TableRow .rdt_TableCell:last-child {
|
|
flex: 1;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
/* EdgeCase: Permission_Policy */
|
|
.rsssl-content_security_policy .rdt_TableCol:last-child,
|
|
.rsssl-permissions_policy .rdt_TableCol:last-child {
|
|
flex-grow: 1;
|
|
text-align: right;
|
|
}
|
|
.rsssl-content_security_policy .rdt_TableCol:last-child div,
|
|
.rsssl-permissions_policy .rdt_TableCol:last-child div {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
}
|
|
.rsssl-content_security_policy .rdt_TableCell:last-child,
|
|
.rsssl-permissions_policy .rdt_TableCell:last-child {
|
|
flex-grow: 1;
|
|
text-align: right;
|
|
}
|
|
.rsssl-content_security_policy .rdt_TableCell:last-child div,
|
|
.rsssl-permissions_policy .rdt_TableCell:last-child div {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
.rsssl-content_security_policy .rdt_TableCell:last-child div button,
|
|
.rsssl-permissions_policy .rdt_TableCell:last-child div button {
|
|
margin-right: 0px !important;
|
|
}
|
|
|
|
.rsssl .rsssl-new-features-block .rsssl-grid-item-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
.rsssl .rsssl-new-features {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
gap: var(--rsp-spacing-xs);
|
|
}
|
|
@media only screen and (max-width: 1599px) and (min-width: 1280px) {
|
|
.rsssl .rsssl-new-features {
|
|
gap: var(--rsp-spacing-xxs);
|
|
}
|
|
}
|
|
.rsssl .rsssl-new-feature {
|
|
width: 100%;
|
|
color: var(--rsp-text-color-light);
|
|
display: flex;
|
|
align-items: flex-start;
|
|
min-width: 0;
|
|
gap: var(--rsp-spacing-xs);
|
|
text-decoration: none;
|
|
}
|
|
.rsssl .rsssl-new-feature .rsssl-icon {
|
|
margin-top: 2px;
|
|
}
|
|
.rsssl .rsssl-new-feature .rsssl-new-feature-desc p {
|
|
font-size: var(--rsp-fs-300);
|
|
}
|
|
|
|
a.rsssl-skip-link {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin: 15px 0 20px;
|
|
}
|
|
|
|
.rsssl-two_fa_users div[data-column-id="4"].rdt_TableCol {
|
|
display: none;
|
|
}
|
|
|
|
.rsssl-two_fa_users .rdt_TableRow .rdt_TableCell:last-child {
|
|
flex: 1;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.rsssl-two_fa_users .rdt_TableHeadRow .rdt_TableCol:last-child {
|
|
flex-grow: 1;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.rsssl-modal {
|
|
/* spinner for React Icons */
|
|
}
|
|
.rsssl-modal .rsssl-intro-logo {
|
|
width: 7em;
|
|
position: absolute;
|
|
right: 1.6em;
|
|
height: auto;
|
|
bottom: 0.15em;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
@media (max-width: 768px) {
|
|
.rsssl-modal .rsssl-intro-logo {
|
|
display: none;
|
|
}
|
|
}
|
|
.rsssl-modal .rsssl-ssl-intro-container .rsssl-details {
|
|
display: flex;
|
|
padding: var(--rsp-spacing-xs) var(--rsp-spacing-m);
|
|
gap: var(--rsp-spacing-xs);
|
|
}
|
|
.rsssl-modal .rsssl-ssl-intro-container .rsssl-details .rsssl-icon {
|
|
min-width: 25px;
|
|
}
|
|
.rsssl-modal .rsssl-modal-footer {
|
|
padding: var(--rsp-spacing-m) var(--rsp-spacing-m);
|
|
}
|
|
.rsssl-modal .icon-spin {
|
|
animation: spin 2s linear infinite;
|
|
}
|
|
@keyframes spin {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.rsssl .rsssl-locked.rsssl-locked-premium .rsssl-locked-overlay {
|
|
top: calc(100% - 190px) !important;
|
|
flex-direction: column;
|
|
}
|
|
.rsssl .rsssl-locked .rsssl-locked-overlay {
|
|
display: flex;
|
|
top: calc(100% - 100px) !important;
|
|
text-align: left;
|
|
margin-bottom: 20px;
|
|
padding: 0;
|
|
}
|
|
.rsssl .rsssl-locked .rsssl-locked-overlay.rsssl-premium {
|
|
top: calc(100% - 190px) !important;
|
|
flex-direction: column;
|
|
}
|
|
.rsssl .rsssl-locked .rsssl-locked-overlay .rsssl-locked-header {
|
|
width: 100%;
|
|
flex-direction: row;
|
|
}
|
|
.rsssl .rsssl-locked .rsssl-locked-overlay .rsssl-locked-header .rsssl-locked-header-title {
|
|
font-weight: 600;
|
|
color: var(--rsp-blue);
|
|
}
|
|
.rsssl .rsssl-locked .rsssl-locked-overlay .rsssl-locked-content {
|
|
flex-direction: row;
|
|
width: 100%;
|
|
}
|
|
.rsssl .rsssl-locked .rsssl-locked-overlay .rsssl-locked-footer {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
width: 100%;
|
|
}
|
|
.rsssl .rsssl-locked .rsssl-locked-overlay .rsssl-locked-footer a {
|
|
position: relative;
|
|
float: left !important;
|
|
}
|
|
.rsssl .rsssl-locked .rsssl-locked-overlay .rsssl-locked-footer::after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
.rsssl .rsssl-disabled .rsssl-field-wrap .rsssl-locked {
|
|
background: transparent;
|
|
}
|
|
|
|
/* Accordeon */
|
|
.rsssl-accordeon {
|
|
/* Basic styling for the accordion container */
|
|
border: 1px solid #ccc;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.rsssl-accordeon__header {
|
|
/* Styling for the accordion header */
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
background-color: #f5f5f5;
|
|
padding: 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.rsssl-accordeon__header__inner {
|
|
/* Styling for the inner container of the header */
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.rsssl-accordeon__header__icon {
|
|
/* You can set a background-image or other styling here for the icon */
|
|
width: 20px;
|
|
height: 20px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.rsssl-accordeon__header__title {
|
|
/* Styling for the title text */
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.rsssl-accordeon__header__button__inner {
|
|
/* Styling for the button inside the header */
|
|
background: none;
|
|
border: none;
|
|
cursor: pointer;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.rsssl-accordeon__content {
|
|
/* By default, hide the content */
|
|
max-height: 0;
|
|
overflow: hidden;
|
|
transition: max-height 0.3s ease;
|
|
}
|
|
|
|
.rsssl-accordeon--open .rsssl-accordeon__content {
|
|
/* When the accordion is open, show the content */
|
|
max-height: 300px; /* You may need to adjust this value */
|
|
}
|
|
|
|
.rsssl-accordeon__content__inner {
|
|
/* Basic styling for the inner content container */
|
|
padding: 15px;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-tooltip-icon .react-tooltip {
|
|
max-width: 300px;
|
|
white-space: pre-wrap;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-field-wrap label {
|
|
display: flex;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-field-wrap label .cmplz-label-text {
|
|
margin-right: 10px;
|
|
}
|
|
.rsssl div[class^=rsssl-wizard-] .rsssl-field-wrap .rsssl-icon {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.rsssl {
|
|
/*skeleton*/
|
|
/*loader*/
|
|
}
|
|
.rsssl .rsssl-skeleton:empty {
|
|
margin: auto;
|
|
margin-bottom: 25px;
|
|
width: 100%;
|
|
height: 235px; /* change height to see repeat-y behavior */
|
|
background-image: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0.5) 15%), linear-gradient(#f2f2f2 38px, transparent 0), linear-gradient(#f2f2f2 38px, transparent 0), linear-gradient(#f2f2f2 38px, transparent 0), linear-gradient(#f2f2f2 38px, transparent 0);
|
|
background-repeat: repeat-y;
|
|
background-size: 50px 200px, 100% 117px, 100% 117px, 100% 117px, 100% 117px;
|
|
background-position: 0 0, 1px 1px, 1px 40px, 1px 79px, 1px 118px;
|
|
background-color: #d6d8db;
|
|
border-right: 1px solid #d6d8db;
|
|
animation: shine 2.5s infinite;
|
|
}
|
|
@keyframes shine {
|
|
to {
|
|
background-position: 100% 0, 1px 1px, 1px 40px, 1px 79px, 1px 118px;
|
|
}
|
|
}
|
|
.rsssl .rsssl-loader {
|
|
margin: 0;
|
|
width: 50px;
|
|
height: 15px;
|
|
text-align: center;
|
|
font-size: 10px;
|
|
}
|
|
.rsssl .rsssl-loader > div {
|
|
margin: 1px;
|
|
background-color: #333;
|
|
height: 100%;
|
|
width: 3px;
|
|
display: inline-block;
|
|
animation: sk-stretchdelay 1.2s infinite ease-in-out;
|
|
}
|
|
.rsssl .rsssl-loader.rsssl-loader-white > div {
|
|
background-color: #fff;
|
|
}
|
|
.rsssl .rsssl-loader .rect2 {
|
|
animation-delay: -1.1s;
|
|
}
|
|
.rsssl .rsssl-loader .rect3 {
|
|
animation-delay: -1s;
|
|
}
|
|
.rsssl .rsssl-loader .rect4 {
|
|
animation-delay: -0.9s;
|
|
}
|
|
.rsssl .rsssl-loader .rect5 {
|
|
animation-delay: -0.8s;
|
|
}
|
|
.rsssl .button-primary .rsssl-loader div {
|
|
background-color: #fff;
|
|
}
|
|
@keyframes sk-stretchdelay {
|
|
0%, 40%, 100% {
|
|
transform: scaleY(0.4);
|
|
-webkit-transform: scaleY(0.4);
|
|
}
|
|
20% {
|
|
transform: scaleY(1);
|
|
-webkit-transform: scaleY(1);
|
|
}
|
|
}
|
|
|
|
.rsssl {
|
|
--rsp-brand-primary: var(--rsp-yellow);
|
|
--rsp-brand-secondary: var(--rsp-blue);
|
|
--rsp-brand-primary-faded: var(--rsp-yellow-faded);
|
|
}/*# sourceMappingURL=admin.css.map */ |