first commit

This commit is contained in:
2024-11-10 21:08:49 +01:00
commit 0d932ce5ee
14455 changed files with 2567501 additions and 0 deletions

View File

@@ -0,0 +1,218 @@
/**move to css variables in time */
:root {
--rsp-break-xs: 400px;
--rsp-break-s: 576px;
--rsp-break-m: 768px;
--rsp-break-l: 992px;
--rsp-break-xl: 1200px;
--rsp-break-xxl: 1400px;
--rsp-spacing-xs: 10px;
--rsp-spacing-s: 15px;
--rsp-spacing-m: 20px;
--rsp-spacing-l: 30px;
--rsp-spacing-xl: 40px;
--rsp-grid-margin: var(--rsp-spacing-xs);
--rsp-grid-gap: var(--rsp-spacing-m);
--rsp-border-radius: 12px;
--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-border-color: #dfdfdf;
--rsp-black: #333;
--rsp-white: #fff;
--rsp-yellow: #f4bf3e;
--rsp-blue: #29b6f6;
--rsp-dark-blue: #5A6FA5;
--rsp-green: #2e8a37;
--rsp-red: #D7263D;
--rsp-pink: #E35899;
--rsp-orange: #f39c12;
--rsp-yellow-faded: rgba(244, 191, 62, 0.1);
--rsp-blue-faded: rgba(41, 182, 246, 0.1);
--rsp-dark-blue-faded: rgba(41, 182, 246, 0.1);
--rsp-green-faded: rgba(46, 138, 55, 0.1);
--rsp-red-faded: rgba(215, 38, 61, 0.1);
--rsp-pink-faded: rgba(227, 88, 153, 0.1);
--rsp-orange-faded: rgba(243, 156, 18, 0.1);
--rsp-background-block-color: var(--rsp-white);
--rsp-background-color: #f0f0f1;
--rsp-input-background-color: #F1F1F1;
--rsp-input-text-color: var(--rsp-text-color);
--rsp-input-border-color: #8c8f94;
--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-grey-200: #fafafa;
--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-orange);
--rsp-color-open: var(--rsp-yellow);
--rsp-fs-100: 0.6125rem;
--rsp-fs-200: 0.625rem;
--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-900: 2.5rem;
--rsp-brand-primary: var(--rsp-green);
--rsp-brand-secondary: var(--rsp-yellow);
--rsp-brand-primary-faded: var(--rsp-green-faded);
}
.rsssl_letsencrypt_container {
margin-top: 30px;
background-color: #fafafa;
}
.rsssl_letsencrypt_container.rsssl-progress-container {
margin: 20px 0 0;
padding: 10px 0;
border-radius: 5px;
}
.rsssl-dns-field {
border: 1px solid #dedede;
float: left;
margin-bottom: 10px;
width: 50%;
padding: 10px;
margin-left: 0;
margin-top: 10px;
}
.rsssl-dns-label {
font-weight: bold;
margin-top: 25px;
margin-bottom: 0;
width: 50%;
}
#rsssl-lets-encrypt ul {
margin-left: 50px;
}
#rsssl-lets-encrypt ul li {
padding-right: 10px;
/*Nested li */
}
#rsssl-lets-encrypt ul li:before {
background-color: #eeeeee;
color: #fff;
height: 10px;
width: 10px;
border-radius: 50%;
content: '';
position: absolute;
margin-top: 5px;
margin-left: -30px;
}
#rsssl-lets-encrypt ul li.rsssl-warning:before {
background-color: #f8be2e;
}
#rsssl-lets-encrypt ul li.rsssl-error:before {
background-color: #D7263D;
}
#rsssl-lets-encrypt ul li.rsssl-success:before {
background-color: #61ce70;
}
#rsssl-lets-encrypt ul li ul li:before {
background-color: #888;
color: #fff;
height: 6px;
width: 6px;
border-radius: 50%;
content: '';
position: absolute;
margin-top: 7px;
margin-left: -19px;
}
.rsssl-notice-hook-element {
display: none;
}
/*
Hide nags from other plugins
*/
.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;
}
#rsssl-wizard {
/**
icons
*/
}
#rsssl-wizard .rsssl-selectable {
-webkit-touch-callout: all;
/* iOS Safari */
-webkit-user-select: all;
/* Safari */
-khtml-user-select: all;
/* Konqueror HTML */
-moz-user-select: all;
/* Firefox */
-ms-user-select: all;
/* Internet Explorer/Edge */
user-select: all;
/* Chrome and Opera */
}
#rsssl-wizard #rsssl-header {
display: flex;
justify-content: space-between;
padding: 20px;
background-color: #fff;
}
#rsssl-wizard #rsssl-header img {
margin-left: 15px;
width: 120px;
height: 28px;
}
#rsssl-wizard #rsssl-header .rsssl-header-right {
display: flex;
align-items: center;
}
#rsssl-wizard #rsssl-header .rsssl-header-right a {
margin-right: 15px;
}
#rsssl-wizard #rsssl-content-area {
margin: 10px;
}
#rsssl-wizard .rsssl-section .rsssl-success.check {
margin-left: 5px;
}
#rsssl-wizard .rsssl-icon {
height: initial;
}
#rsssl-wizard .rsssl-icon.rsssl-success {
color: #61ce70;
}
#rsssl-wizard .rsssl-icon.rsssl-success svg {
stroke: #61ce70;
fill: #61ce70;
}
#rsssl-wizard .rsssl-icon.rsssl-success.documents-shortcode {
color: #000;
}
#rsssl-wizard .rsssl-icon.rsssl-disabled {
color: #d7d7d7;
}
#rsssl-wizard .rsssl-icon.rsssl-disabled svg {
stroke: #d7d7d7;
fill: #d7d7d7;
}
#rsssl-wizard .rsssl-icon:hover {
color: #000;
}
#rsssl-wizard .rsssl-icon.rsssl-bullet {
height: 11px;
width: 11px;
margin-top: 2px;
}
#rsssl-wizard .rsssl-icon.rsssl-bullet.rsssl-disabled {
background-color: #d7d7d7;
}
#rsssl-wizard .rsssl-icon.rsssl-bullet.rsssl-success {
background-color: #27ADEA;
}
/*# sourceMappingURL=admin.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sources":["/Users/rlankhorst/Sites/localhost/reallysimplessl/wp-content/plugins/really-simple-ssl/assets/css/variables.less","admin.less"],"names":[],"mappings":"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","file":"admin.css"}

View File

@@ -0,0 +1,172 @@
@import '../../../../assets/css/variables.less';
@brand-primary: @rsp-yellow;
@color-success:@rsp-green;
@color-disabled: #d7d7d7;
@light-grey:#eeeeee;
.rsssl_letsencrypt_container {
margin-top:@big-margin;
background-color: @grey-lighter;
&.rsssl-progress-container {
margin: 20px 0 0;
padding: 10px 0;
border-radius: 5px;
}
}
.rsssl-dns-field {
border: 1px solid @input-border-color;
float: left;
margin-bottom: 10px;
width: 50%;
padding: 10px;
margin-left: 0;
margin-top: 10px;
}
.rsssl-dns-label {
font-weight: bold;
margin-top: 25px;
margin-bottom: 0;
width:50%;
}
#rsssl-lets-encrypt ul {
margin-left:50px;
li {
padding-right:10px;
&:before {
background-color: @grey-light;
color: #fff;
height: 10px;
width: 10px;
border-radius: 50%;
content: '';
position: absolute;
margin-top: 5px;
margin-left: -30px;
}
&.rsssl-warning:before {
background-color: @brand-primary;
}
&.rsssl-error:before {
background-color: @color-warning;
}
&.rsssl-success:before {
background-color: @color-success;
}
/*Nested li */
ul li:before {
background-color: @grey-dark;
color: #fff;
height: 6px;
width: 6px;
border-radius: 50%;
content: '';
position: absolute;
margin-top: 7px;
margin-left: -19px;
}
}
}
//wordpress inserts notices after the first h1 or h2. To prevent breaking layout we insert an empty h1 tag at the start of our page, where WP can insert the notice.
.rsssl-notice-hook-element {
display:none;
}
/*
Hide nags from other plugins
*/
.error, .notice, .update-nag, .notice-info {
&:not(.really-simple-plugins) {
display: none !important;
}
}
#rsssl-wizard {
.rsssl-selectable {
-webkit-touch-callout: all; /* iOS Safari */
-webkit-user-select: all; /* Safari */
-khtml-user-select: all; /* Konqueror HTML */
-moz-user-select: all; /* Firefox */
-ms-user-select: all; /* Internet Explorer/Edge */
user-select: all; /* Chrome and Opera */
}
#rsssl-header {
display: flex;
justify-content: space-between;
img {
margin-left:@default-margin;
width: 120px;
height:28px;
}
padding: @default-padding;
background-color: #fff;
.rsssl-header-right {
display: flex;
align-items: center;
a {
margin-right: @default-margin;
}
}
}
#rsssl-content-area {
margin: 10px;
}
.rsssl-section {
.rsssl-success {
&.check{
margin-left:5px;
}
}
}
/**
icons
*/
.rsssl-icon {
height:initial;
&.rsssl-success {
color:@color-success;
svg {
stroke:@color-success;;
fill:@color-success;;
}
&.documents-shortcode {
color:#000;
}
}
&.rsssl-disabled {
color:@color-disabled;
svg {
stroke:@color-disabled;;
fill:@color-disabled;;
}
}
&:hover {
color: #000;
}
&.rsssl-bullet {
height: 11px;
width: 11px;
margin-top:2px;
&.rsssl-disabled {
background-color: @color-disabled;
}
&.rsssl-success {
background-color: #27ADEA;
}
}
}
}

View File

@@ -0,0 +1 @@
:root{--rsp-break-xs:400px;--rsp-break-s:576px;--rsp-break-m:768px;--rsp-break-l:992px;--rsp-break-xl:1200px;--rsp-break-xxl:1400px;--rsp-spacing-xs:10px;--rsp-spacing-s:15px;--rsp-spacing-m:20px;--rsp-spacing-l:30px;--rsp-spacing-xl:40px;--rsp-grid-margin:var(--rsp-spacing-xs);--rsp-grid-gap:var(--rsp-spacing-m);--rsp-border-radius:12px;--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-border-color:#dfdfdf;--rsp-black:#333;--rsp-white:#fff;--rsp-yellow:#f4bf3e;--rsp-blue:#29b6f6;--rsp-dark-blue:#5A6FA5;--rsp-green:#2e8a37;--rsp-red:#D7263D;--rsp-pink:#E35899;--rsp-orange:#f39c12;--rsp-yellow-faded:rgba(244, 191, 62, 0.1);--rsp-blue-faded:rgba(41, 182, 246, 0.1);--rsp-dark-blue-faded:rgba(41, 182, 246, 0.1);--rsp-green-faded:rgba(46, 138, 55, 0.1);--rsp-red-faded:rgba(215, 38, 61, 0.1);--rsp-pink-faded:rgba(227, 88, 153, 0.1);--rsp-orange-faded:rgba(243, 156, 18, 0.1);--rsp-background-block-color:var(--rsp-white);--rsp-background-color:#f0f0f1;--rsp-input-background-color:#F1F1F1;--rsp-input-text-color:var(--rsp-text-color);--rsp-input-border-color:#8c8f94;--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-grey-200:#fafafa;--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-orange);--rsp-color-open:var(--rsp-yellow);--rsp-fs-100:0.6125rem;--rsp-fs-200:0.625rem;--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-900:2.5rem;--rsp-brand-primary:var(--rsp-green);--rsp-brand-secondary:var(--rsp-yellow);--rsp-brand-primary-faded:var(--rsp-green-faded)}.rsssl_letsencrypt_container{margin-top:30px;background-color:#fafafa}.rsssl_letsencrypt_container.rsssl-progress-container{margin:20px 0 0;padding:10px 0;border-radius:5px}.rsssl-dns-field{border:1px solid #dedede;float:left;margin-bottom:10px;width:50%;padding:10px;margin-left:0;margin-top:10px}.rsssl-dns-label{font-weight:700;margin-top:25px;margin-bottom:0;width:50%}#rsssl-lets-encrypt ul{margin-left:50px}#rsssl-lets-encrypt ul li{padding-right:10px}#rsssl-lets-encrypt ul li ul li:before,#rsssl-lets-encrypt ul li:before{background-color:#eee;color:#fff;height:10px;width:10px;border-radius:50%;content:'';position:absolute;margin-top:5px;margin-left:-30px}#rsssl-lets-encrypt ul li.rsssl-warning:before{background-color:#f8be2e}#rsssl-lets-encrypt ul li.rsssl-error:before{background-color:#d7263d}#rsssl-lets-encrypt ul li.rsssl-success:before{background-color:#61ce70}#rsssl-lets-encrypt ul li ul li:before{background-color:#888;height:6px;width:6px;margin-top:7px;margin-left:-19px}.rsssl-notice-hook-element{display:none}.error:not(.really-simple-plugins),.notice-info:not(.really-simple-plugins),.notice:not(.really-simple-plugins),.update-nag:not(.really-simple-plugins){display:none!important}#rsssl-wizard .rsssl-selectable{-webkit-touch-callout:all;-webkit-user-select:all;-khtml-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}#rsssl-wizard #rsssl-header{display:flex;justify-content:space-between;padding:20px;background-color:#fff}#rsssl-wizard #rsssl-header img{margin-left:15px;width:120px;height:28px}#rsssl-wizard #rsssl-header .rsssl-header-right{display:flex;align-items:center}#rsssl-wizard #rsssl-header .rsssl-header-right a{margin-right:15px}#rsssl-wizard #rsssl-content-area{margin:10px}#rsssl-wizard .rsssl-section .rsssl-success.check{margin-left:5px}#rsssl-wizard .rsssl-icon{height:initial}#rsssl-wizard .rsssl-icon.rsssl-success{color:#61ce70}#rsssl-wizard .rsssl-icon.rsssl-success svg{stroke:#61ce70;fill:#61ce70}#rsssl-wizard .rsssl-icon.rsssl-disabled{color:#d7d7d7}#rsssl-wizard .rsssl-icon.rsssl-disabled svg{stroke:#d7d7d7;fill:#d7d7d7}#rsssl-wizard .rsssl-icon.rsssl-success.documents-shortcode,#rsssl-wizard .rsssl-icon:hover{color:#000}#rsssl-wizard .rsssl-icon.rsssl-bullet{height:11px;width:11px;margin-top:2px}#rsssl-wizard .rsssl-icon.rsssl-bullet.rsssl-disabled{background-color:#d7d7d7}#rsssl-wizard .rsssl-icon.rsssl-bullet.rsssl-success{background-color:#27adea}

View File

@@ -0,0 +1,54 @@
.rsssl-help-warning-wrap {
.rsssl-help-modal {
h2 {
margin-top: -5px;
}
.rsssl-pointer;
position: absolute;
z-index: 99;
&.rsssl-notice {
background-color: @brand-primary;
&:after {
border-right: 15px solid @brand-primary;
top: calc(50% - 15px);
}
color: black;
padding: @green-gap;
}
&.rsssl-success {
background-color: white;
color: #61ce70;
border: none;
padding: 0;
}
&.rsssl-warning {
&:after {
border-right: 15px solid #f8be2e;
}
color: #333333;
background-color: #f8be2e;
border-color: #f8be2e;
}
margin: 0 0 0 @green-gap;
padding: 10px 15px;
color: #fff;
background-color: @brand-primary;
text-align: left;
&:empty {
background-color: #f1f1f1;
}
a {
color: #333;
}
}
}

View File

@@ -0,0 +1,106 @@
.rsssl-wizard-menu {
background-color: white;
margin: 0.5 * @green-gap;
margin-bottom: 0;
padding-bottom: @green-gap;
box-shadow: 0 0 5px 5px rgba(222, 222, 222, 0.2);
.rsssl-wizard-menu h1 {
font-weight: bold;
}
.rsssl-wizard-progress-bar {
margin: @green-gap;
}
.rsssl-icon {
margin: 4px 0 0 0;
}
.rsssl-step {
.rsssl-step-header {
&.incomplete a h2 {
color: @gray;
}
text-decoration: none;
a {
display: inline-block;
padding: 5px @green-gap;
text-decoration: none;
width: calc(100% - (@green-gap + @green-gap));
h2 {
font-size: 15px;
margin: 0;
}
}
&.active a h2 {
color: @gray !important;
}
&:hover a {
h2 {
text-decoration: underline;
}
}
&.active:hover a {
background: white;
pointer-events: none;
}
}
.rsssl-section {
display: grid;
grid-template-columns: @green-gap 1fr;
span {
align-self: center;
justify-self: center;
}
margin: 0 @green-gap;
a {
h3 {
color: @gray;
}
&:visited h3 {
color: initial;
}
display: inline-block;
text-decoration: none;
padding: 3px 5px;
h3 {
font-size: 12px;
font-weight: normal;
margin: 0;
}
}
&.active a h3 {
color: grey;
}
&:hover a {
h3 {
text-decoration: underline;
}
}
&.active:hover a {
background: white;
pointer-events: none;
}
}
}
}

View File

@@ -0,0 +1,152 @@
/* START TOOLTIP STYLES */
[rsssl-tooltip] {
position: relative; /* opinion 1 */
margin-left: 5px;
}
/* Applies to all tooltips */
[rsssl-tooltip]::before,
[rsssl-tooltip]::after {
text-transform: none; /* opinion 2 */
font-size: 1em; /* opinion 3 */
line-height: 1;
user-select: none;
pointer-events: none;
position: absolute;
display: none;
opacity: 0;
}
[rsssl-tooltip]::before {
content: '';
border: 5px solid transparent; /* opinion 4 */
z-index: 1001; /* absurdity 1 */
}
[rsssl-tooltip]::after {
content: attr(rsssl-tooltip); /* magic! */
min-width: 3em;
font-weight:normal;
overflow: hidden;
text-overflow: ellipsis;
padding: 1ch 1.5ch;
border-radius: .3ch;
box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
background: #333;
color: #fff;
z-index: 1000; /* absurdity 2 */
}
/* Make the tooltips respond to hover */
[rsssl-tooltip]:hover::before,
[rsssl-tooltip]:hover::after {
display: block;
}
/* don't show empty tooltips */
[rsssl-tooltip='']::before,
[rsssl-tooltip='']::after {
display: none !important;
}
/* FLOW: UP */
[rsssl-tooltip]:not([flow])::before,
[rsssl-tooltip][flow^="up"]::before {
bottom: 100%;
border-bottom-width: 0;
border-top-color: #333;
}
[rsssl-tooltip]:not([flow])::after,
[rsssl-tooltip][flow^="up"]::after {
bottom: calc(100% + 5px);
}
[rsssl-tooltip]:not([flow])::before,
[rsssl-tooltip]:not([flow])::after,
[rsssl-tooltip][flow^="up"]::before,
[rsssl-tooltip][flow^="up"]::after {
left: 50%;
transform: translate(-50%, -.5em);
}
/* FLOW: DOWN */
[rsssl-tooltip][flow^="down"]::before {
top: 100%;
border-top-width: 0;
border-bottom-color: #333;
}
[rsssl-tooltip][flow^="down"]::after {
top: calc(100% + 5px);
}
[rsssl-tooltip][flow^="down"]::before,
[rsssl-tooltip][flow^="down"]::after {
left: 50%;
transform: translate(-50%, .5em);
}
/* FLOW: LEFT */
[rsssl-tooltip][flow^="left"]::before {
top: 50%;
border-right-width: 0;
border-left-color: #333;
left: calc(0em - 5px);
transform: translate(-.5em, -50%);
}
[rsssl-tooltip][flow^="left"]::after {
top: 50%;
right: calc(100% + 5px);
transform: translate(-.5em, -50%);
}
/* FLOW: RIGHT */
[rsssl-tooltip][flow^="right"]::before {
top: 50%;
border-left-width: 0;
border-right-color: #333;
right: calc(0em - 19px);
transform: translate(.5em, -50%);
}
[rsssl-tooltip][flow^="right"]::after {
top: 50%;
left: calc(100% + 19px);
transform: translate(.5em, -50%);
min-width:300px;
}
/* KEYFRAMES */
@keyframes tooltips-vert {
to {
opacity: .9;
transform: translate(-50%, 0);
}
}
@keyframes tooltips-horz {
to {
opacity: .9;
transform: translate(0, -50%);
}
}
/* FX All The Things */
[rsssl-tooltip]:not([flow]):hover::before,
[rsssl-tooltip]:not([flow]):hover::after,
[rsssl-tooltip][flow^="up"]:hover::before,
[rsssl-tooltip][flow^="up"]:hover::after,
[rsssl-tooltip][flow^="down"]:hover::before,
[rsssl-tooltip][flow^="down"]:hover::after {
animation: tooltips-vert 300ms ease-out forwards;
}
[rsssl-tooltip][flow^="left"]:hover::before,
[rsssl-tooltip][flow^="left"]:hover::after,
[rsssl-tooltip][flow^="right"]:hover::before,
[rsssl-tooltip][flow^="right"]:hover::after {
animation: tooltips-horz 300ms ease-out forwards;
}

View File

@@ -0,0 +1,40 @@
// Margins, Paddings and Border Radius
@small-margin: 10px;
@default-margin: 15px;
@big-margin: 30px;
@grid-margin:10px;
@default-padding: 20px;
@border-radius: 25px;
// RSP Brand Colors
@rsp-black: #333;
@rsp-yellow: #f8be2e;
@rsp-blue: #29b6f6;
@rsp-green: #61ce70;
@rsp-red: #D7263D;
@rsp-pink: #E366A1;
@rsp-orange: #f39c12;
@box_shadow_color: #dedede;
@light-text-color: #3c3c3c;
// Colors
@brand-primary: @rsp-blue;
@brand-secondary: @color-success;
// Notification colors
@color-success: #61ce70;
@color-disabled: #d7d7d7;
@color-warning: @rsp-red;
@color-open: @rsp-yellow; //#f8be2e; //#FBC43D
//Input colors
@input-background-color: #F1F1F1;
@input-border-color: #dedede;
@grey: #c6c6c6;
@grey-light: #eeeeee;
@grey-dark: #888;
@grey-lighter: #fafafa;

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long