Project-Pro/torebki-fabiola.pl
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Roman Pyrih
2026-03-05 13:07:40 +01:00
commit 64ba0721ee
25709 changed files with 4691006 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/animations.scss Normal file
View File

@@ -0,0 +1,64 @@
/* 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;
}

101
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/badges.scss Normal file
View File

@@ -0,0 +1,101 @@
.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);
&.rsp-dark {
background-color: var(--rsp-black);
color: var(--rsp-white);
}
&.rsp-low {
background-color: var(--rsp-yellow-faded);
color: var(--rsp-black);
}
&.rsp-medium {
background-color: var(--rsp-yellow);
color: var(--rsp-black);
}
&.rsp-high {
background-color: var(--rsp-red-faded);
color: var(--rsp-black);
}
&.rsp-critical {
background-color: var(--rsp-red);
color: var(--rsp-white);
}
&.rsp-success {
background-color: var(--rsp-color-success);
color: var(--rsp-white);
}
&.rsp-default {
background-color: var(--rsp-grey-200);
color:black;
}
}
.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;
&.rsp-dark {
background-color: var(--rsp-black);
color: var(--rsp-white);
}
&.rsp-risk-level-l {
background-color: var(--rsp-yellow-faded);
color: var(--rsp-black);
}
&.rsp-risk-level-m {
background-color: var(--rsp-yellow);
color: var(--rsp-black);
}
&.rsp-risk-level-h {
background-color: var(--rsp-red-faded);
color: var(--rsp-black);
}
&.rsp-risk-level-c {
background-color: var(--rsp-red);
color: var(--rsp-white);
}
&.rsp-success {
background-color: var(--rsp-color-success);
color: var(--rsp-white);
}
&.rsp-default {
background-color: var(--rsp-grey-200);
color:black;
}
}
}

61
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/bullets.scss Normal file
View File

@@ -0,0 +1,61 @@
.rsssl{
// rsssl bullets
.rsssl-bullet {
height: 13px;
width: 13px;
flex: 0 0 13px;
border-radius: 50%;
display: inline-block;
background-color: var(--rsp-grey-300);
&.rsp-yellow {
background-color: var(--rsp-yellow);
}
&.rsp-blue {
background-color: var(--rsp-blue);
}
&.rsp-pink {
background-color: var(--rsp-pink);
}
&.rsp-red, &.rsssl-bullet-error {
background-color: var(--rsp-red);
}
&.rsp-green, &.rsssl-bullet-success {
background-color: var(--rsp-green);
}
&.rsp-blue-yellow {
background: var(--rsp-blue);
background: linear-gradient(77deg, rgba(0,159,255, 1) 0%, rgba(0,159,255, 1) 30%, rgba(244, 191, 62, 1) 70%, rgba(244, 191, 62, 1) 100%);
animation: gradient 2s ease infinite;
background-size: 200% 200%;
}
}
.rsssl-legend{
display: flex;
width: max-content;
color: var(--rsp-text-color-light);
align-items: center;
min-width: 0;
gap: var(--rsp-spacing-xxs);
text-decoration: none;
&:first-of-type{
margin-left: auto;
}
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
}

121
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/buttons.scss Normal file
View File

@@ -0,0 +1,121 @@
.rsssl {
.rsssl-field-button {
button.button {
display:flex;
}
}
a.button, button.button, input.button, span.button {
font-size: var(--rsp-fs-300);
font-weight: 400;
transition: all 0.3s ease;
min-height: 10px;
&.button-secondary, &.button-default {
background: transparent;
}
.rsssl-icon {
padding-top: 7px;
padding-left: 7px;
}
&.button-black {
border: 1px solid var(--rsp-black);
background: var(--rsp-black);
color: var(--rsp-text-color-white);
&:hover, &:focus, &:active {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--rsp-black);
}
}
&.button-tertiary, &.button-red {
border: 0 solid transparent;
background: var(--rsp-red);
color: var(--rsp-text-color-white);
&:hover, &:focus, &: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, button.rsssl-button-small, input.rsssl-button-small {
font-size: var(--rsp-fs-100);
font-weight: 300;
min-height: auto;
}
//on the dashboard, keep a minimum distance between two buttons
.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 {
//all buttons are floating right
float: right;
}
.rsssl-action-buttons__button {
//add some spacing between the buttons
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;
.button {
display: block;
margin-right: 0;
margin-left: 0;
}
.components-toggle-control {
margin-top: calc(12px);
}
label {
display: flex;
align-items: center;
justify-content: center;
}
}
}

192
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/dashboard.scss Normal file
View File

@@ -0,0 +1,192 @@
.rsssl {
&-grid{
.border-to-border {
.rsssl-grid-item-content {
padding: 0;
& > * {
padding-inline: var(--rsp-spacing-l);
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
}
}
}
.border-to-border.rsssl-ssllabs, .border-to-border.rsssl-wpvul {
.rsssl-grid-item-content {
& > * {
padding-left: 0;
padding-right: 0;
}
}
}
}
.rsssl-wpvul {
.rsssl-icon {
margin-top:5px;
}
}
.rsssl-ssl-labs, .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-error {
background: var(--rsp-red-faded);
}
&.rsssl-warning {
background: var(--rsp-yellow-faded);
}
&.rsssl-success {
background: var(--rsp-green-faded);
}
&-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;
&.active {
box-shadow: inset 0 0 3px 2px var(--rsp-green-faded);
border: 2px solid var(--rsp-green);
}
h2 {
margin-top: var(--rsp-spacing-xxs);
font-weight: 800;
&.big-number{
font-size: var(--rsp-fs-850);
}
}
span {
display: flex;
gap: 3px;
justify-content: center;
font-size: var(--rsp-fs-100);
}
}
}
&-list {
width: 100%;
&-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);
&:nth-of-type(even) {
background: var(--rsp-grey-200);
}
&-text {
width: 100%;
margin-right: auto;
}
&-number {
font-weight: 600;
}
.rsssl-icon{
align-items: start;
margin-top: 2px;
}
}
}
}
.rsssl-ssl-labs {
&-select {
&-item{
padding-inline: var(--rsp-spacing-s);
gap: var(--rsp-spacing-xxs);
}
}
.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-hover {
height:initial;
//white-space: nowrap;
line-height:initial;
}
&.rsssl-test-inactive {
background-color: var(--rsp-grey-200);
color: var(--rsp-color-disabled);
}
&.rsssl-test-processing {
background-color: var(--rsp-yellow);
color: var(--rsp-black);
}
&.rsssl-test-success {
background-color: var(--rsp-color-success);
color: var(--rsp-text-color-white);
}
&.rsssl-test-error {
background-color: var(--rsp-brand-primary);
color: var(--rsp-black);
}
}
}
.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-inactive {
height: 4px;
width: 100%;
display: flex;
background: var(--rsp-grey-300);
.rsssl-gridblock-progress {
transition: width 1s ease-in-out;
background: var(--rsp-green);
}
}
}

353
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/datatables.scss Normal file
View File

@@ -0,0 +1,353 @@
.rsssl-field-wrap {
.rdt_TableCol, .rdt_TableCell, .rdt_TableCol_Sortable {
//all text to the left
flex-direction: row;
}
.rdt_TableCol:first-child, .rdt_TableCell:first-child {
min-width: initial;
}
.rdt_TableHeadRow {
.rdt_TableCol:last-child {
flex-grow: 0;
flex-direction: row-reverse;
min-width: initial;
}
}
.rdt_TableRow {
&:nth-child(odd) {
background-color: var(--rsp-grey-200)
}
padding: var(--rsp-spacing-xs) 0;
.rdt_TableCell:last-child {
flex-grow: 0;
}
.rsssl-status-allowed, .rsssl-status-revoked {
min-width: 110px;
margin-right: 10px;
}
}
.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;
}
.rdt_TableCol:nth-last-child(2) {
//flex-direction: row-reverse;
}
}
.rdt_TableRow {
.rsssl-status-allowed, .rsssl-status-revoked, .rsssl-learning-mode-delete {
//margin-right:0;
}
.rdt_TableCell:last-child {
flex-grow: 0;
min-width: initial;
}
.rdt_TableCell:nth-last-child(2) {
//flex-direction: row-reverse;
//margin-right:10px;
}
}
.rsssl-csp-revoked > div:nth-child(-n+3) {
opacity: 0.3;
}
}
//wp-core also adds an svg for the select dropdown, so we hide the one from the react datatables component
nav.rdt_Pagination > div > svg {
display: none !important;
}
.rsssl-content_security_policy, .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: fit-content;
.components-input-control__container {
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, .two_fa_users_table, .rsssl-vulnerabilities_measures, .rsssl-limit_login_attempts_country, .rsssl-limit_login_attempts_users, .rsssl-limit_login_attempts_event_log, .rsssl-mixed-content-scan, .rsssl-limit_login_attempts_ip_address, .rsssl-permissions_policy, .rsssl-content_security_policy, .rsssl-two_fa_users, .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: $rsp-break-m) { // 1280px
margin-left: CALC(-1 * var(--rsp-spacing-m));
margin-right: CALC(-1 * var(--rsp-spacing-m));
}
@media(max-width: $rsp-break-s) { // 1280px
margin-left: CALC(-1 * var(--rsp-spacing-s));
margin-right: CALC(-1 * var(--rsp-spacing-s));
}
//should be s on <1280px
> .components-base-control, .rsssl-comment,
//.rsssl-grid-item-content-footer,
.rsssl-progress-container,
> div > button,
.rsssl-learning-mode-footer,
.rsssl-mixed-content-description,
.rsssl-current-scan-action {
margin-left: var(--rsp-spacing-l);
margin-right: var(--rsp-spacing-l);
}
}
.rdt_TableCell, .rdt_TableCol {
&:first-child {
padding-left: var(--rsp-spacing-l);
padding-right: var(--rsp-spacing-l);
}
&: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,
.rsssl-hardening-xml,
.rsssl-vulnerabilities_overview,
.rsssl-limit_login_attempts_ip_address,
.rsssl-limit_login_attempts_users,
.rsssl-limit_login_attempts_country,
.rsssl-limit_login_attempts_event_log {
//first off we remove the min-width from table cell and table col
.rdt_TableCell, .rdt_TableCol {
min-width: initial;
}
.rdt_Pagination {
margin-top: 0;
padding: 0 25px;
}
.rdt_tableCell {
&:has(div > .rsssl-action-buttons) {
position: relative;
}
}
.rsssl-container, .rdt_TableRow {
//Horizontal padding;
// padding: var(--rsp-spacing-m) var(--rsp-spacing-l);
}
.rsssl-field-wrap {
padding: 0;
.rdt_TableHeadRow {
// Somehow the default for the last child is to make it small, well we dont want that.
.rdt_TableCol:last-child {
//we calculate the remaining width of the table and set it to the last column
flex-grow: 1;
}
}
.rdt_TableBody {
.rdt_TableRow {
.rdt_TableCell:last-child {
//we calculate the remaining width of the table and set it to the last column
flex-grow: 1;
}
}
//This is for the Expandable rows in the table
.rdt_Expanding {
.rdt_TableRow {
.rdt_TableCell:first-child {
//we remove all padding
padding: 0;
flex-direction: row;
}
}
}
//This is for the multiselect table
.rdt_TableRow {
.rdt_TableCell:first-child {
//we remove all padding
padding: 0 25px;
flex-direction: row;
}
}
}
.rsssl-learning-mode-delete {
float: right;
}
// in the tableCell we remove all previous styling of the last child
.rdt_TableCell:last-child {
div {
width: 100%;
button,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;
}
.rdt_TableCell:last-child {
padding: 0 25px !important;
}
.rdt_TableRow .rdt_TableCell:last-child {
flex:1;
display: flex;
justify-content: flex-end;
}
}
/* EdgeCase: Permission_Policy */
.rsssl-content_security_policy,
.rsssl-permissions_policy {
.rdt_TableCol {
&:last-child {
//we calculate the remaining width of the table and set it to the last column
flex-grow: 1;
text-align: right;
div {
width: 100%;
display: flex;
justify-content: flex-start;
}
}
}
.rdt_TableCell {
&:last-child {
//we calculate the remaining width of the table and set it to the last column
flex-grow: 1;
text-align: right;
div {
width: 100%;
display: flex;
justify-content: flex-end;
button {
margin-right: 0px !important;
}
}
}
}
}

45
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/header.scss Normal file
View File

@@ -0,0 +1,45 @@
.rsssl-header-container .rsssl-header {
display: flex;
justify-content: space-between;
height: 70px;
box-sizing: border-box;
img {
margin: auto 0;
height: 26px;
}
.rsssl-header-menu {
display: flex;
align-items: center;
height: 100%;
padding: 0 20px;
box-sizing: border-box;
.rsssl-header-menu-item {
display: flex;
align-items: center;
height: 100%;
padding: 0 20px;
box-sizing: border-box;
&:first-child {
margin-left: 0;
}
&:last-child {
margin-right: 0;
}
&.rsssl-header-menu-item-active {
background-color: #f5f5f5;
}
}
}
.rsssl-header-actions {
display: flex;
align-items: center;
margin-left: auto;
gap: var(--rsp-spacing-s);
select {
max-width: 60ch;
}
}
}

29
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/icons.scss Normal file
View File

@@ -0,0 +1,29 @@
.rsssl-icon{
display: flex;
align-items: center;
justify-content: center;
> div {
display:flex;
}
svg{
fill: currentColor;
}
&-loading svg{
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
&.rsssl-click-animation{
animation: beat 0.4s ease-out;
}
}
//loaders in buttons
button.button .cmplz-icon.rsssl-icon-loading {
padding-top: 6px;
>div {line-height: inherit;}
}

69
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/introcontainer.scss Normal file
View File

@@ -0,0 +1,69 @@
.rsssl-modal {
//.rsssl-modal-header, .components-modal__header {
// background-color: var(--rsp-yellow-faded);
// padding: var(--rsp-spacing-m) var(--rsp-spacing-m)!important;
// //no border radius on bottom
// border-bottom-left-radius: 0;
// border-bottom-right-radius: 0;
// border-bottom: 0;
//}
//
//.components-modal__content {
// padding: 0;
// &:before {
// margin-bottom:initial;
// }
//}
//.rsssl-header-extension {
// background-color: var(--rsp-yellow-faded);
// margin: 0;
// padding: 0 var(--rsp-spacing-m);
// p {
// margin: 0;
// padding: var(--rsp-spacing-m) 0;
// padding-top: 0;
// }
//}
.rsssl-intro-logo {
width: 7em;
position: absolute;
right: 1.6em;
height: auto;
bottom: 0.15em;
margin: 0;
padding: 0;
}
@media (max-width: 768px) {
.rsssl-intro-logo {
display:none;
}
}
.rsssl-ssl-intro-container {
.rsssl-details {
display:flex;
padding: var(--rsp-spacing-xs) var(--rsp-spacing-m);
gap: var(--rsp-spacing-xs);
.rsssl-icon {
min-width:25px;
}
}
}
.rsssl-modal-footer {
padding: var(--rsp-spacing-m) var(--rsp-spacing-m);
}
/* spinner for React Icons */
.icon-spin {
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
}

135
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/modal.scss Normal file
View File

@@ -0,0 +1,135 @@
//.rsssl-modal-backdrop {
// position: fixed;
// top: 0;
// right: 0;
// bottom: 0;
// left: 0;
// background-color: rgba(0, 0, 0, 0.6);
// width: 100%;
// height: 100%;
// z-index: 12; //higher than rsssl-locked
//}
//
//.rsssl-modal {
// width: clamp(300px, 75ch, 100vw - 50px);
// height: max-content;
// position: absolute;
// z-index: 9999;//ensure the modal is over the WP menu in the sidebar.
// border-radius: var(--rsp-border-radius);
// background-color: var(--rsp-white);
// top: 25vh;
// left: -20px;
// right: 0;
// bottom: 0;
// /* transform: translate(-50%, -50%); */
// margin: 25px auto;
//
// &-header {
// @include rsssl-block-padding;
// display: flex;
// justify-content: space-between;
// align-items: center;
// border-radius: var(--rsp-border-radius);
// .modal-title {
// margin: 0;
// }
// .rsssl-modal-close {
// cursor: pointer;
// background: none;
// border: none;
// font-weight: 700;
// }
// button {
// img {
// height: 16px;
// width: 16px;
// }
// }
// }
//
// &-content {
// position: relative;
// font-size: var(--rsp-fs-300);
// line-height: 1.5;
// @include rsssl-block-padding;
// &-subtitle {
// font-size: var(--rsp-fs-600);
// font-weight: 600;
// margin-bottom: var(--rsp-spacing-xs);
// }
// &-description {
// overflow-wrap: anywhere;
// margin-top: 0;
// font-weight: 400;
// line-height: 1.5;
// margin-bottom: var(--rsp-spacing-s);
// }
// }
// &-footer {
// display: flex;
// flex-direction: row;
// @include rsssl-block-padding;
// gap:10px;
// // text-align: right;
// .button {
// display: flex;
// align-items: flex-start;
// justify-content: center;
// min-width: 105px;
//
// //height: 45px;
// //width: 100%;
// text-align: center;
// // margin-right: 20px;
// border-radius: 6px;
// }
//
// .rsssl-button-help {
// background-color: #D7263D;
// color: white;
// border-color: #D7263D;
// &:hover {
// opacity: 0.9;
// }
// }
// }
//}
////this has to apply both to modal and LE activation step
//.rsssl-modal-content-step {
//
// ul{
// margin-bottom: var(--rsp-spacing-m);
// li {
// display: flex;
// align-items: flex-start;
// margin-bottom: var(--rsp-spacing-xxs);
// &.rsssl-is-plugin{
// background-color: var(--rsp-grey-100);
// border: none;
// margin: 10px 0 0 0;
// padding:2px 0;
// position:relative;
// a.button-default.rsssl-read-more{
// position:absolute;
// display:none;
// top:17px;
// right:20px;
// z-index:5;
// @media(max-width: 620px) {
// position:relative;
// margin-left:20px;
// z-index:5;
// }
// }
// }
// .rsssl-icon{
// margin-right:7px;
// }
//
// }
// }
//}
//
//.components-modal__frame {
// width: clamp(300px, 75ch, 100vw - 50px);
//}

35
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/new-features.scss Normal file
View File

@@ -0,0 +1,35 @@
.rsssl{
.rsssl-new-features-block{
.rsssl-grid-item-content{
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
.rsssl-new-features{
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--rsp-spacing-xs);
@media only screen and (max-width: $rsp-break-xxl) and (min-width: $rsp-break-m) {
gap: var(--rsp-spacing-xxs);
}
}
.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-icon{
margin-top: 2px;
}
.rsssl-new-feature-desc {
p {
font-size:var(--rsp-fs-300);
}
}
}
}

4
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/notices.scss Normal file
View File

@@ -0,0 +1,4 @@
/**
Admin notice
*/

37
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/onboarding.scss Normal file
View File

@@ -0,0 +1,37 @@
.rsssl-modal.rsssl-onboarding {
width: clamp(300px, 100ch, 100vw );
.rsssl-logo {
height: 26px;
}
.rsssl-modal-content{
display:flex;
.rsssl-onboarding-placeholder {
flex-grow:1
}
&-step {
display:flex;
flex-direction: column;
width:100%;
}
padding-top: var(--rsp-spacing-m);
line-height: 2.2;
min-height:295px;
.rsssl-processing {
opacity:0.5;
}
ul{
li {
.rsssl-icon{
margin-top: 7px;
}
.components-button.is-link {
padding:5px 0;
}
}
}
}
}

93
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/other-plugins.scss Normal file
View File

@@ -0,0 +1,93 @@
.rsssl {
.rsssl-other-plugins {
.rsssl-placeholder {
background-color:transparent;
}
.rsp-logo img {
height: 20px;
}
}
.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) {
flex-direction: row;
overflow: hidden;
}
.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-zip-recipes {
--rsp-other-plugins-color: var(--rsp-pink);
}
&.rsssl-burst-statistics {
--rsp-other-plugins-color: var(--rsp-green);
}
&.rsssl-complianz-gdpr {
--rsp-other-plugins-color: var(--rsp-blue);
}
&.rsssl-complianz-terms-conditions {
--rsp-other-plugins-color: var(--rsp-black);
}
&.rsssl-really-simple-ssl {
--rsp-other-plugins-color: var(--rsp-yellow);
}
a {
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;
&:hover {
color: var(--rsp-other-plugins-color);
text-decoration: underline;
.rsssl-bullet {
background-color: var(--rsp-other-plugins-color);
}
.rsssl-other-plugins-content {
text-decoration: underline;
}
}
}
.rsssl-bullet {
transition: background-color 0.3s ease;
background-color: var(--rsp-other-plugins-color);
}
.rsssl-other-plugins-content {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.rsssl-other-plugin-status {
min-width: fit-content;
}
}
}
}

89
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/placeholder.scss Normal file
View File

@@ -0,0 +1,89 @@
@function randomNum($min, $max) {
$rand: random();
$randomNum: $min + floor($rand * (($max - $min) + 1));
@return $randomNum;
}
$base-color: #ddd;
$shine-color: #e8e8e8;
$animation-duration: 1.6s;
@mixin background-gradient {
background-image: linear-gradient(90deg, $base-color 0px, $shine-color 40px, $base-color 80px);
background-size: 600px;
}
.rsssl-datatable-placeholder {
div {
background-color:var(--rsp-grey-300);
height:25px;
&:nth-child(even) {
background-color:#fff;
}
}
}
.rsssl-rest-error-message {
margin:30px;
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-line {
float: left;
width: 100%;
height: 16px;
margin-top: 12px;
border-radius: 7px;
&:last-of-type{
margin-bottom: 24px;
}
@include background-gradient;
animation: shine-lines $animation-duration infinite linear;
@for $i from 1 through 20 {
&:nth-of-type( #{$i} ) {
width: ( random(40) + 60 ) * 1%;
}
}
}
.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;
}
}

71
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/premium_overlay.scss Normal file
View File

@@ -0,0 +1,71 @@
.rsssl {
.rsssl-locked {
&.rsssl-locked-premium {
.rsssl-locked-overlay {
top: calc(100% - 190px) !important;
flex-direction: column;
}
}
.rsssl-locked-overlay {
display: flex;
top: calc(100% - 100px) !important;
text-align: left;
margin-bottom: 20px;
padding: 0;
&.rsssl-premium {
top: calc(100% - 190px) !important;
flex-direction: column;
}
.rsssl-locked-header {
width: 100%;
flex-direction: row;
.rsssl-locked-header-title {
font-weight: 600;
color: var(--rsp-blue)
}
.rsssl-locked-header-subtitle {
}
}
.rsssl-locked-content {
flex-direction: row;
width: 100%;
.rsssl-locked-content-text {
}
}
.rsssl-locked-footer {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
// we want the a to be displayed on the left side
a {
position: relative;
float: left !important;
}
}
.rsssl-locked-footer::after {
content: "";
display: table;
clear: both;
}
}
}
//if a field is both disabled, and the group is premium, we don't want a duplicate opacity on the overlay.
.rsssl-disabled .rsssl-field-wrap {
.rsssl-locked {
background:transparent;
}
}
}

257
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/progress.scss Normal file
View File

@@ -0,0 +1,257 @@
.rsssl-grid-item.rsssl-progress {
.rsssl-grid-item-content {
padding: 0;
}
.rsssl-placeholder {
@include rsssl-block-padding;
}
}
.rsssl-progress-block {
.rsssl-progress {
overflow: hidden;
height: 20px;
border-radius: 5px;
background-color: #f7f7f7;
.rsssl-bar {
height: 100%;
background-color: var(--rsp-color-success);
transition: width 1s ease;
&.rsssl-orange {
background-color: var(--rsp-color-warning);
}
}
}
.rsssl-progress-bar {
@include rsssl-block-padding;
padding-block: 0;
border-radius:5px;
}
.rsssl-progress-text {
display: flex;
align-items: center;
@include rsssl-block-padding;
padding-block: var(--rsp-spacing-s);
justify-content: flex-start;
gap: var(--rsp-spacing-m);
.rsssl-progress-percentage {
font-size: var(--rsp-fs-800);
font-weight: 700;
}
.rsssl-progress-text-span {
font-weight: 500;
font-size: var(--rsp-fs-600);
a {
margin-left: 3px;
}
@media only screen and (max-width: $rsp-break-l) and (min-width: $rsp-break-m) {
font-size: var(--rsp-fs-500);
}
}
}
}
.rsssl-header-html {
display: flex;
color: var(--rsp-text-color-light);
.rsssl-toggle-active {
text-decoration: underline;
}
}
.rsssl-task-switcher-container {
display: flex;
border-radius: var(--rsp-border-radius);
.rsssl-task-switcher {
&:first-of-type {
border-right: 1px solid var(--rsp-grey-400);
padding-right: 10px;
}
&:last-of-type {
padding-left: 10px;
}
}
}
.rsssl-task-switcher {
font-size: var(--rsp-fs-200);
cursor: pointer;
transition: 0.3s;
&: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: $rsp-break-m) {
gap: var(--rsp-spacing-xs);
}
.rsssl-task-message {
flex: 1;
font-size: var(--rsp-fs-300);
}
.rsssl-task-form {
margin-top: var(--rsp-spacing-xxs);
display: flex;
gap: var(--rsp-spacing-xs);
}
.rsssl-task-enable {
cursor: pointer;
line-height: 1.5;
}
.rsssl-task-dismiss {
&:hover {
transform: scale(1.1);
}
button {
all: initial; //remove default button styles
cursor: pointer;
padding: 4px;
}
svg {
height: 12px;
width: 12px;
}
}
}
.rsssl-scroll-container {
@include rsssl-block-padding;
//--rsp-scroll-bg-clr: var(--rsp-white);
height: 230px;
overflow-y: auto;
padding-block: 0;
padding-top: var(--rsp-spacing-s);
border-radius: 0;
//background-image: linear-gradient(to top, var(--rsp-scroll-bg-clr), var(--rsp-scroll-bg-clr)),
//linear-gradient(to top, var(--rsp-scroll-bg-clr), var(--rsp-scroll-bg-clr)),
//linear-gradient(to top, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0)),
//linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0));
//background-position: bottom center, top center, bottom center, top center;
//background-color: var(--rsp-scroll-bg-clr);
//background-repeat: no-repeat;
//background-size: 100% 25px, 100% 25px, 100% 15px, 100% 15px;
//background-attachment: local, local, scroll, scroll;
&::-webkit-scrollbar-track {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
background-color: transparent;
}
&::-webkit-scrollbar {
width: 8px;
border-radius: 10px;
background-color: var(--rsp-grey-300);
}
&::-webkit-scrollbar-thumb {
background-color: var(--rsp-grey-400);
border-radius: 10px;
}
}
.rsssl-progress-status-container {
margin-right: 40px;
}
.rsssl-task-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: $rsp-break-m) {
min-width: 80px;
}
&.rsssl-completed, &.rsssl-success {
background-color: var(--rsp-color-success);
color: var(--rsp-text-color-white);
}
&.rsssl-open {
background-color: var(--rsp-color-open);
}
&.rsssl-warning {
background-color: var(--rsp-color-error);
color: var(--rsp-text-color-white);
}
&.rsssl-premium {
background-color: var(--rsp-blue);
color: var(--rsp-text-color-white);
}
&.rsssl-loading {
background-color: var(--rsp-grey-200);
}
}
.rsssl-scroll-container .rsssl-task-status{
@media(max-width: $rsp-break-s) {
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: $rsp-break-l) {
.rsssl-footer-left {
display:none;
}
}

0
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/ssltest.scss Normal file
View File

60
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/tips-tricks.scss Normal file
View File

@@ -0,0 +1,60 @@
.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) {
flex-direction: row;
overflow: hidden;
}
.rsssl-tips-tricks-element {
width: calc(50% - var(--rsp-spacing-xxs));
@media( max-width: $rsp-break-xs ){
width: 100%;
}
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;
&:hover {
color: var(--rsp-brand-primary);
text-decoration: underline;
svg path{
fill: var(--rsp-brand-primary);
}
.rsssl-tips-tricks-content {
text-decoration: underline;
}
}
}
.rsssl-bullet {
transition: background-color 0.3s ease;
background-color: var(--rsp-grey-300);
}
.rsssl-tips-tricks-content {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
}

27
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/toast/_closeButton.scss Normal file
View File

@@ -0,0 +1,27 @@
.#{$rt-namespace}__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;
&--light {
color: #000;
opacity: 0.3;
}
& > svg {
fill: currentColor;
height: 16px;
width: 14px;
}
&:hover,
&:focus {
opacity: 1;
}
}

10
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/toast/_icons.scss Normal file
View File

@@ -0,0 +1,10 @@
.#{$rt-namespace}__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: #{$rt-namespace}__spin 0.65s linear infinite;
}

33
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/toast/_progressBar.scss Normal file
View File

@@ -0,0 +1,33 @@
@keyframes #{$rt-namespace}__trackProgress {
0% {
transform: scaleX(1);
}
100% {
transform: scaleX(0);
}
}
.#{$rt-namespace}__progress-bar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 5px;
z-index: var(--toastify-z-index);
opacity: 0.7;
transform-origin: left;
&--animated {
animation: #{$rt-namespace}__trackProgress linear 1 forwards;
}
&--controlled {
transition: transform 0.2s;
}
&--rtl {
right: 0;
left: initial;
transform-origin: right;
}
}

57
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/toast/_theme.scss Normal file
View File

@@ -0,0 +1,57 @@
.#{$rt-namespace}__toast {
&-theme--dark {
background: var(--toastify-color-dark);
color: var(--toastify-text-color-dark);
}
&-theme--light {
background: var(--toastify-color-light);
color: var(--toastify-text-color-light);
}
&-theme--colored#{&}--default {
background: var(--toastify-color-light);
color: var(--toastify-text-color-light);
}
&-theme--colored#{&}--info {
color: var(--toastify-text-color-info);
background: var(--toastify-color-info);
}
&-theme--colored#{&}--success {
color: var(--toastify-text-color-success);
background: var(--rsp-green);
}
&-theme--colored#{&}--warning {
color: var(--toastify-text-color-warning);
background: var(--toastify-color-warning);
}
&-theme--colored#{&}--error {
color: var(--toastify-text-color-error);
background: var(--toastify-color-error);
}
}
.#{$rt-namespace}__progress-bar {
&-theme--light {
background: var(--toastify-color-progress-light);
}
&-theme--dark {
background: var(--toastify-color-progress-dark);
}
&--info {
background: var(--toastify-color-progress-info);
}
&--success {
background: var(--toastify-color-progress-success);
}
&--warning {
background: var(--toastify-color-progress-warning);
}
&--error {
background: var(--toastify-color-progress-error);
}
&-theme--colored#{&}--info,
&-theme--colored#{&}--success,
&-theme--colored#{&}--warning,
&-theme--colored#{&}--error {
background: var(--toastify-color-transparent);
}
}

60
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/toast/_toast.scss Normal file
View File

@@ -0,0 +1,60 @@
.#{$rt-namespace}__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;
&--rtl {
direction: rtl;
}
&--close-on-click {
cursor: pointer;
}
&-body {
margin: auto 0;
flex: 1 1 auto;
padding: 6px;
display: flex;
align-items: center;
& > div:last-child {
word-break: break-word;
flex: 1;
}
}
&-icon {
margin-inline-end: 10px;
width: 20px;
flex-shrink: 0;
display: flex;
}
}
.#{$rt-namespace}--animate {
animation-fill-mode: both;
animation-duration: 0.7s;
}
.#{$rt-namespace}--animate-icon {
animation-fill-mode: both;
animation-duration: 0.3s;
}
@media #{$rt-mobile} {
.#{$rt-namespace}__toast {
margin-bottom: 0;
border-radius: 0;
}
}

60
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/toast/_toastContainer.scss Normal file
View File

@@ -0,0 +1,60 @@
.#{$rt-namespace}__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;
&--top-left {
top: 1em;
left: 1em;
}
&--top-center {
top: calc( 2em + 32px);
left: 50%;
transform: translateX(-50%);
}
&--top-right {
top: 1em;
right: 1em;
}
&--bottom-left {
bottom: 1em;
left: 1em;
}
&--bottom-center {
bottom: 1em;
left: 50%;
transform: translateX(-50%);
}
&--bottom-right {
bottom: 1em;
right: 1em;
}
}
@media #{$rt-mobile} {
.#{$rt-namespace}__toast-container {
width: 100vw;
padding: 0;
left: 0;
margin: 0;
&--top-left,
&--top-center,
&--top-right {
top: 0;
transform: translateX(0);
}
&--bottom-left,
&--bottom-center,
&--bottom-right {
bottom: 0;
transform: translateX(0);
}
&--rtl {
right: 0;
left: initial;
}
}
}

53
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/toast/_variables.scss Normal file
View File

@@ -0,0 +1,53 @@
$rt-namespace: 'Toastify';
$rt-mobile: 'only screen and (max-width : 480px)' !default;
: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);
//Used only for colored theme
--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;
// Used when no type is provided
--toastify-color-progress-light: linear-gradient(
to right,
var(--rsp-green),
#5ac8fa,
#007aff,
#34aadc,
#5856d6,
#ff2d55
);
// Used when no type is provided
--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);
}

197
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/toast/animations/_bounce.scss Normal file
View File

@@ -0,0 +1,197 @@
@mixin timing-function {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@keyframes #{$rt-namespace}__bounceInRight {
from,
60%,
75%,
90%,
to {
@include timing-function;
}
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 #{$rt-namespace}__bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
@keyframes #{$rt-namespace}__bounceInLeft {
from,
60%,
75%,
90%,
to {
@include timing-function;
}
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 #{$rt-namespace}__bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes #{$rt-namespace}__bounceInUp {
from,
60%,
75%,
90%,
to {
@include timing-function;
}
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 #{$rt-namespace}__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 #{$rt-namespace}__bounceInDown {
from,
60%,
75%,
90%,
to {
@include timing-function;
}
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 #{$rt-namespace}__bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.#{$rt-namespace}__bounce-enter {
&--top-left,
&--bottom-left {
animation-name: #{$rt-namespace}__bounceInLeft;
}
&--top-right,
&--bottom-right {
animation-name: #{$rt-namespace}__bounceInRight;
}
&--top-center {
animation-name: #{$rt-namespace}__bounceInDown;
}
&--bottom-center {
animation-name: #{$rt-namespace}__bounceInUp;
}
}
.#{$rt-namespace}__bounce-exit {
&--top-left,
&--bottom-left {
animation-name: #{$rt-namespace}__bounceOutLeft;
}
&--top-right,
&--bottom-right {
animation-name: #{$rt-namespace}__bounceOutRight;
}
&--top-center {
animation-name: #{$rt-namespace}__bounceOutUp;
}
&--bottom-center {
animation-name: #{$rt-namespace}__bounceOutDown;
}
}

43
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/toast/animations/_flip.scss Normal file
View File

@@ -0,0 +1,43 @@
@keyframes #{$rt-namespace}__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 #{$rt-namespace}__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;
}
}
.#{$rt-namespace}__flip-enter {
animation-name: #{$rt-namespace}__flipIn;
}
.#{$rt-namespace}__flip-exit {
animation-name: #{$rt-namespace}__flipOut;
}

117
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/toast/animations/_slide.scss Normal file
View File

@@ -0,0 +1,117 @@
@mixin transform {
transform: translate3d(0, 0, 0);
}
@keyframes #{$rt-namespace}__slideInRight {
from {
transform: translate3d(110%, 0, 0);
visibility: visible;
}
to {
@include transform;
}
}
@keyframes #{$rt-namespace}__slideInLeft {
from {
transform: translate3d(-110%, 0, 0);
visibility: visible;
}
to {
@include transform;
}
}
@keyframes #{$rt-namespace}__slideInUp {
from {
transform: translate3d(0, 110%, 0);
visibility: visible;
}
to {
@include transform;
}
}
@keyframes #{$rt-namespace}__slideInDown {
from {
transform: translate3d(0, -110%, 0);
visibility: visible;
}
to {
@include transform;
}
}
@keyframes #{$rt-namespace}__slideOutRight {
from {
@include transform;
}
to {
visibility: hidden;
transform: translate3d(110%, 0, 0);
}
}
@keyframes #{$rt-namespace}__slideOutLeft {
from {
@include transform;
}
to {
visibility: hidden;
transform: translate3d(-110%, 0, 0);
}
}
@keyframes #{$rt-namespace}__slideOutDown {
from {
@include transform;
}
to {
visibility: hidden;
transform: translate3d(0, 500px, 0);
}
}
@keyframes #{$rt-namespace}__slideOutUp {
from {
@include transform;
}
to {
visibility: hidden;
transform: translate3d(0, -500px, 0);
}
}
.#{$rt-namespace}__slide-enter {
&--top-left,
&--bottom-left {
animation-name: #{$rt-namespace}__slideInLeft;
}
&--top-right,
&--bottom-right {
animation-name: #{$rt-namespace}__slideInRight;
}
&--top-center {
animation-name: #{$rt-namespace}__slideInDown;
}
&--bottom-center {
animation-name: #{$rt-namespace}__slideInUp;
}
}
.#{$rt-namespace}__slide-exit {
&--top-left,
&--bottom-left {
animation-name: #{$rt-namespace}__slideOutLeft;
}
&--top-right,
&--bottom-right {
animation-name: #{$rt-namespace}__slideOutRight;
}
&--top-center {
animation-name: #{$rt-namespace}__slideOutUp;
}
&--bottom-center {
animation-name: #{$rt-namespace}__slideOutDown;
}
}

8
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/toast/animations/_spin.scss Normal file
View File

@@ -0,0 +1,8 @@
@keyframes #{$rt-namespace}__spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

30
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/toast/animations/_zoom.scss Normal file
View File

@@ -0,0 +1,30 @@
@keyframes #{$rt-namespace}__zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes #{$rt-namespace}__zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.#{$rt-namespace}__zoom-enter {
animation-name: #{$rt-namespace}__zoomIn;
}
.#{$rt-namespace}__zoom-exit {
animation-name: #{$rt-namespace}__zoomOut;
}

16
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/toast/main.scss Normal file
View File

@@ -0,0 +1,16 @@
@charset "UTF-8";
@import 'variables';
@import 'toastContainer';
@import 'toast';
@import 'theme';
@import 'closeButton';
@import 'progressBar';
@import 'icons';
// entrance and exit animations
@import 'animations/bounce.scss';
@import 'animations/zoom.scss';
@import 'animations/flip.scss';
@import 'animations/slide.scss';
@import 'animations/spin.scss';

16
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/toast/minimal.scss Normal file
View File

@@ -0,0 +1,16 @@
@charset "UTF-8";
@import 'variables';
@keyframes #{$rt-namespace}__trackProgress {
0% {
transform: scaleX(1);
}
100% {
transform: scaleX(0);
}
}
.#{$rt-namespace}__progress-bar {
animation: #{$rt-namespace}__trackProgress linear 1 forwards;
}

20
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/tooltip.scss Normal file
View File

@@ -0,0 +1,20 @@
.rsssl div[class^=rsssl-wizard-] {
.rsssl-tooltip-icon .react-tooltip {
max-width:300px;
white-space: pre-wrap;
}
.rsssl-field-wrap {
label {
display: flex;
.cmplz-label-text {
margin-right: 10px;
}
}
.rsssl-icon {
cursor: pointer;
}
}
}

21
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/two-fa.scss Normal file
View File

@@ -0,0 +1,21 @@
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;
}

162
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/wizard.scss Normal file
View File

@@ -0,0 +1,162 @@
.rsssl {
div[class^="rsssl-wizard-"] { // starts with selector
.rsssl-helplink {
color: var(--rsp-text-color);
}
.rsssl-grid-item {
position: relative; //to ensure the rsssl-lock stays within the div
margin-bottom: var(--rsp-grid-gap);
@media(max-width: $rsp-break-s) {
grid-column: span 4;
}
}
&.rsssl-column-2{
grid-column: span 2;
@media(max-width: $rsp-break-s) {
grid-column: span 4;
}
}
.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-shield-overlay {
height: 0;
top: calc(100% - 190px);
position: relative;
align-items: center;
justify-content: center;
display: flex;
}
.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);
@include rsssl-block-padding;
border-radius: var(--rsp-border-radius-input);
margin: var(--rsp-spacing-s);
box-shadow: var(--rsp-box-shadow);
.rsssl-open {
float: left;
margin-right: 12px;
}
.rsssl-progress-status {
float: left;
margin-right: 20px;
}
}
}
//.rsssl-grid-item-footer {
// justify-content: flex-end;
// padding: 0;
// display: flex;
// flex-wrap: wrap;
// align-items: center;
// gap: var(--rsp-grid-margin);
// width: 100%;
// min-height: 20px;
// box-sizing: border-box;
// align-self: flex-end;
//
// .rsssl-legend {
// display: flex;
// span {
// padding-left: 5px;
// }
// }
//
// &:empty {
// display: none;
// }
//}
& > div:nth-last-of-type(2) {
margin-bottom: 0;
border-radius: var(--rsp-border-radius) var(--rsp-border-radius) 0 0;
}
.rsssl-grid-item-footer-container {
position: sticky;
bottom: 0;
display: flex;
flex-direction: column;
z-index: 12; //should be above 10, for the text editor, which has 10.
.rsssl-grid-item-footer-buttons {
a.button, button {
box-shadow: none !important;
&:focus, &:active {
box-shadow: none !important;
}
}
}
}
.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-grid-item-footer-scroll-progress {
height: 100%;
background-color: var(--rsp-blue);
}
.rsssl-grid-item-footer {
background: var(--rsp-grey-100);
@include rsssl-block-padding();
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;
// last item within the footer
& > div:last-of-type {
margin-left: auto;
}
&-buttons{
display: flex;
justify-content: flex-end;
align-items: center;
gap: var(--rsp-spacing-s);
}
.rsssl-legend {
display: flex;
span {
padding-left: 5px;
}
}
&-upsell-bar {
.button {
display:inline-block !important;
}
}
&:empty {
display: none;
}
}
}
}

176
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/wizard/fields.scss Normal file
View File

@@ -0,0 +1,176 @@
html {
scroll-behavior: smooth;
}
.rsssl{
div[class^="rsssl-wizard-"]{ // starts with selector
.components-flex{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
.components-flex-item label{
margin: 0;
}
.rsssl-tooltip {
flex-grow:1;
}
.components-input-control__container {
max-width: max-content;
}
}
.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%;
//z-index: 1; => this conflicts with the tooltip z-index
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.components-base-control__field{
margin-bottom: 0;
}
.components-toggle-control{
.components-base-control__field, .components-flex{
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
width:100%;
.components-form-toggle{
margin-right: 0;
}
}
}
select option {
font-size: var(--rsp-fs-300);
}
.components-form-toggle.is-checked .components-form-toggle__track{
background-color: var(--rsp-dark-blue);
}
input.components-form-toggle__input[type=checkbox]:disabled, {
background: var(--rsp-grey-100);
opacity:0.7
}
.rsssl-grid-item{
.rsssl-grid-item-content{
padding: var(--rsp-spacing-xs) 0;
}
}
.rsssl-field-wrap {
.rsssl-comment {
font-style:italic;
}
}
.rsssl-field-wrap, .rsssl-settings-block-intro{
padding-block: var(--rsp-spacing-s);
@include rsssl-inline-block-padding;
overflow: hidden;
& > .rsssl-field-wrap{
padding: 0;
}
}
.rsssl-field-button{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
}
.rsssl-highlight {
background-color: transparent;
border-left: 4px solid var(--rsp-green);
-o-animation: fadeIt 3s ease-in-out;
animation: fadeIt 3s ease-in-out;
scroll-margin-top: 100px;
scroll-padding-top:100px;
}
@-o-keyframes fadeIt {
0% { background-color: transparent; }
30% { background-color: var(--rsp-green-faded); }
100% {
border-right: 0;
background-color: inherit;
}
}
@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;
}
//switch padding to top, to prevent tasks from getting stuck to text field
.rsssl-license {
.rsssl-task-element {
padding-top: var(--rsp-spacing-s);
padding-bottom: 0;
}
.rsssl-license-field{
display:flex;
}
}
.input-container {
position: relative;
display: inline-block;
width: 100%;
}
input.rsssl-input {
&.full {
width: 100%;
padding-right: 40px;
}
&.rsssl-error {
border: 2px solid var(--rsp-red);
outline: none;
&:focus {
border-color: var(--rsp-red) !important;
}
}
&.rsssl-success {
border: 2px solid var(--rsp-green);
outline: none;
&: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;
}

60
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/wizard/learning-mode.scss Normal file
View File

@@ -0,0 +1,60 @@
.rsssl-learningmode-placeholder {
height:150px;
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-progress-status {
@extend .rsssl-task-status;
&.rsssl-learning-mode-completed, &.rsssl-learning-mode-enforced {
background-color: var(--rsp-color-success);
color:#fff;
}
&.rsssl-learning-mode {
background-color: var(--rsp-color-open);
}
&.rsssl-learning-mode-error {
background-color: var(--rsp-color-error);
color:#fff;
}
&.rsssl-disabled, &.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);
select {
margin-left:auto;
}
label {
display: flex;
align-items: center;
input{
margin-top: 0;
}
}
}

108
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/wizard/letsencrypt.scss Normal file
View File

@@ -0,0 +1,108 @@
.rsssl-lets-encrypt-tests {
margin:var(--rsp-spacing-xs) var(--rsp-spacing-xl);
.rsssl-progress-bar {
padding-block: 0;
margin-bottom:var(--rsp-spacing-m);
.rsssl-progress {
overflow: hidden;
height: var(--rsp-spacing-m);
border-radius: 5px;
background-color: var(--rsp-grey-200);
.rsssl-bar {
height: 100%;
background-color: var(--rsp-color-success);
&.rsssl-orange {
background-color: var(--rsp-color-warning);
}
}
}
}
p {
margin-bottom:var(--rsp-spacing-m);
}
.rsssl-progress-text {
display: flex;
align-items: center;
@include rsssl-block-padding;
padding-block: 0;
padding-top: var(--rsp-spacing-xs);
.rsssl-progress-percentage {
font-size: 32px;
font-weight: 700;
}
.rsssl-progress-text-span {
margin-left: 35px;
font-size: 18px;
font-weight: 600;
a {
margin-left: 3px;
}
}
}
ul {
li {
display:flex;
margin-bottom:15px;
.rsssl-icon {
margin-right:7px;
}
/*Nested 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-test-results {
ul {
li {
display:block;
}
}
h4 {
margin:var(--rsp-spacing-m) 0;
}
a+button {
margin-left:var(--rsp-spacing-m);
}
.rsssl-certificate-data {
display:none;
}
.rsssl-dns-text-records {
div {
display:flex;
flex-direction: row;
margin-right:20px;
.rsssl-dns-domain, .rsssl-dns-field {
margin-right:var(--rsp-spacing-m);
width: 50%;
}
}
}
}
.rsssl-modal-subtitle {
display:none;
}
.components-toggle-control {
margin: 20px 0;
}
}

158
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/wizard/menu.scss Normal file
View File

@@ -0,0 +1,158 @@
.rsssl-wizard-menu{
height: fit-content;
background: none !important;
box-shadow: none !important;
.rsssl-grid-item-header {
padding-left: var(--rsp-spacing-xs);
}
.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);
a:hover {
text-decoration: none;
}
}
.rsssl-menu-item {
a {
span {
font-weight: 600;
}
}
}
}
.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);
&:hover {
text-decoration: underline;
}
}
&.rsssl-active{
> a{
font-weight: 600;
}
a {
&:focus {
box-shadow: none !important;
}
}
}
&.rsssl-featured{
&.rsssl-active {
.rsssl-menu-item-beta-pill {
color: var(--rsp-dark-blue);
}
}
a{
flex-wrap: wrap;
.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-menu-item-beta-pill{
color: var(--rsp-dark-blue);
}
}
}
&.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-active {
.rsssl-menu-item-new-pill {
color: var(--rsp-text-color-dark);
}
}
a{
flex-wrap: wrap;
}
}
&.rsssl-premium{
a{
flex-wrap: wrap;
.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-premium-menu-item {
background: var(--rsp-dark-blue-faded);
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);
@include rsssl-inline-block-padding;
transition: all 0.2s ease-in-out;
border-left: 4px solid transparent;
}
}
.rsssl-submenu-item{
a{
padding-left: calc(var(--rsp-spacing-xs) + var(--rsp-spacing-s)) !important;
font-size: var(--rsp-fs-300);
}
.rsssl-active {
a {
text-decoration: none;
position: relative;
span {
color: initial;
}
&::before {
content: '\2022';
color: var(--rsp-dark-blue);
font-size: 3em;
position: absolute;
left: var(--rsp-spacing-xxs) !important;
margin-bottom: 7px;
}
}
}
}
}

53
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/wizard/mixed-content-scan.scss Normal file
View File

@@ -0,0 +1,53 @@
.rsssl-mixed-content-scan {
.rsssl-mixed-content-placeholder {
height:250px;
div {
background-color:var(--rsp-grey-200);
margin:10px 0;
height:20px;
}
}
.rsssl-shield-overlay {
height:250px;
align-items: center;
justify-content: center;
display:flex;
}
.rsssl-field-wrap {
.rdt_TableCell[data-column-id="2"] {
display:grid;
}
.rdt_TableCol, .rdt_TableCell {
min-width: 110px;
}
}
.rsssl-progress-container {
.rsssl-progress-bar {
border-radius:5px;
height:20px;
background-color:var(--rsp-green);
}
}
.rsssl-task-status{
min-width: min-content;
&.rsssl-warning {
background-color: var(--rsp-yellow);
color: var(--rsp-text-color);
}
}
button.button{
line-height: 1.5;
min-height: 10px;
}
.rsssl-grid-item-content-footer{
display: flex;
gap: var(--rsp-spacing-s);
}
.rsssl-current-scan-action, .rsssl-mixed-content-description {
margin:10px 5px;
font-size: var(--rsp-fs-300);
}
}

88
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/wizard/notice.scss Normal file
View File

@@ -0,0 +1,88 @@
.rsssl-wizard-help {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
gap: var(--rsp-spacing-xs);
details{
font-size: var(--rsp-fs-200);
.rsssl-help-more-info {
display: flex;
flex-direction: row;
margin-top: 12px;
}
summary {
display: grid;
grid-template-columns: 1fr auto;
justify-content: space-between;
font-size: var(--rsp-fs-300);
font-weight: 600;
cursor:pointer;
&::-webkit-details-marker {
display:none;
}
&:first-of-type {
list-style-type: none;
}
.rsssl-icon{
transition: all .3s ease-in-out;
transform: rotate(0deg);
}
}
}
code{
white-space: pre-line;
display: block;
}
summary, p {
font-size: var(--rsp-fs-200);
}
details[open]{
padding: var(--rsp-spacing-s) var(--rsp-spacing-m);
summary{
padding: 0;
padding-bottom: var(--rsp-spacing-xs);
.rsssl-icon{
transform: rotate(180deg);
}
}
}
}
.rsssl-wizard-help {
.rsssl-help-header {
width:100%;
display:flex;
padding:10px;
.rsssl-help-title{
font-size:18px;
}
.rsssl-help-control {
margin-left:auto;
cursor:pointer;
}
}
>div{
flex-grow:1;
width:100%;
}
}
.rsssl-wizard-help-notice {
width: 100%;
@include rsssl-block;
border-radius: var(--rsp-border-radius-s);
height: fit-content;
background-color: var(--rsp-dark-blue-faded);
&.rsssl-warning {
background-color: var(--rsp-red-faded);
}
&.rsssl-open {
background-color: var(--rsp-yellow-faded);
}
summary, p{
padding: var(--rsp-spacing-s) var(--rsp-spacing-m);
}
}

10
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/wizard/permissions-policy.scss Normal file
View File

@@ -0,0 +1,10 @@
.rsssl div[class^=rsssl-wizard-] {
.rsssl-permissions_policy {
.rdt_TableCell , .rdt_TableCol{
min-width:fit-content;
}
.rsssl-locked .rsssl-shield-overlay {
top:calc(100% - 300px);
}
}
}

18
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/wizard/snackbar.scss Normal file
View File

@@ -0,0 +1,18 @@
.rsssl{
.components-snackbar-list.edit-site-notices{
width: max-content;
position: fixed;
bottom: var(--rsp-spacing-m);
right: var(--rsp-spacing-l);
& > div{
margin-left: auto;
}
.components-snackbar{
@include rsssl-block;
color: var(--rsp-color-success);
background-color: #fff;
font-weight:700;
font-size:14px;
}
}
}

16
wp-content/plugins/really-simple-ssl/assets/css/admin/modules/wizard/vulnerabilities.scss Normal file
View File

@@ -0,0 +1,16 @@
.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;
}
}
}