first commit

This commit is contained in:
2024-07-15 11:28:08 +02:00
commit f52d538ea5
21891 changed files with 6161164 additions and 0 deletions

View File

@@ -0,0 +1,58 @@
$primaryColor: #298ffc;
$primaryColorAlt: #206ff4;
$defaultColor: #495159;
$defaultColorAlt: #393f45;
$successColor: #48c569;
$successColorAlt: #3ba956;
$successColorLight: #ecf9f0;
$dangerColor: #e54343;
$dangerColorAlt: #c73434;
$dangerColorlight: #f0e4e4;
$warningColor: #faa730;
$warningColorAlt: #ee8425;
$warningColorlight: #f6e4cb;
$inputColor: #f1f1f1;
$bordersColor: #e5e5e5;
$textColor: #96989a;
$textColorAlt: #23282d;
$bodyColor: #fff;
$innerBoxColor: #f1f1f1;
$iconColor: #b4b7ba;
$normal_bg_color: #e1e1e1;
$normal_gradint_1: #ffffff;
$normal_gradint_2: #f0f0f0;
$normal_outset_1: #d7d7d7;
$normal_outset_2: #b7b7b7;
$primary_bg_color: #206ff4;
$primary_gradint_1: #5fadff;
$primary_gradint_2: #2a90fc;
$primary_outset_1: #5b9add;
$primary_outset_2: #3e6a99;
$secondary_bg_color: #495159;
$secondary_gradint_1: #4c5054;
$secondary_gradint_2: #495159;
$secondary_outset_1: #777879;
$secondary_outset_2: #41464d;
$success_bg_color: #3ba956;
$success_gradint_1: #71e18f;
$success_gradint_2: #49c66a;
$success_outset_1: #49c56a;
$success_outset_2: #3a9e54;
$danger_bg_color: #c73434;
$danger_gradint_1: #f98888;
$danger_gradint_2: #e64545;
$danger_outset_1: #e54444;
$danger_outset_2: #b83636;
$warning_bg_color: #ee8425;
$warning_gradint_1: #ffcb81;
$warning_gradint_2: #faa832;
$warning_outset_1: #faa832;
$warning_outset_2: #c98627;
$fontSize: 13px;

View File

@@ -0,0 +1,83 @@
@import 'vars.scss';
.wizard-plugin {
display: flex;
justify-content: space-between;
padding: 10px 0;
border-top: 1px solid #eee;
&:first-child {
border-top: none;
}
&__label {
width: 70%;
}
&__actions {
width: 30%;
text-align: center;
}
&__link {
background: none;
border: none;
width: 80%;
padding: 5px 20px;
font-weight: normal;
color: $primaryColor;
cursor: pointer;
border: 1px solid $primaryColor;
border-radius: 5px;
position: relative;
outline: none;
&:hover {
box-shadow: 0 0 0 1px $primaryColor inset;
}
&.wizard-plugin__activate {
color: $successColor;
border-color: $successColor;
.jet-plugins-wizard-loader__spinner {
border-color: $successColor;
border-top-color: #fff;
}
&:hover {
box-shadow: 0 0 0 1px $successColor inset;
}
}
&.in-progress {
.text {
opacity: 0;
}
.jet-plugins-wizard-loader__spinner {
opacity: 1;
}
}
}
}
.jet-plugins-wizard-loader {
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 18px;
margin: -9px 0 0 -9px;
&__spinner {
display: block;
width: 100%;
height: 100%;
animation: spin .7s linear infinite;
border: 2px solid $primaryColor;
border-top: 2px solid #fff;
border-radius: 50%;
transition: opacity 300ms linear;
opacity: 0;
box-sizing: border-box;
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

View File

@@ -0,0 +1,528 @@
@import 'vars.scss';
.jet-plugins-wizard,
.tm-wizard {
background: $bodyColor;
color: $textColor;
padding: 30px;
border: 1px solid $bordersColor;
font-size: $fontSize;
line-height: 19px;
max-width: 1220px;
.notice,
.updated,
.woocommerce-notice {
display: none;
}
&-skins {
padding-top: 10px;
margin: 0 -10px;
display: flex;
flex-wrap: wrap;
}
&-skin-item {
padding: 10px;
flex: 0 0 290px;
max-width: 290px;
&-content {
border: 1px solid $bordersColor;
padding: 19px;
h4.jet-plugins-wizard-skin-item__title {
font-size: 16px;
line-height: 20px;
padding: 8px 0 0;
}
}
&__thumb {
width: 250px;
img {
display: block;
width: 100%;
height: auto;
}
}
&__actions {
padding-top: 10px;
display: flex;
justify-content: space-between;
align-items: center;
> a.btn {
width: 116px;
box-sizing: border-box;
text-align: center;
margin: 0;
padding-left: 10px;
padding-right: 10px;
}
}
}
&-type {
&__select {
padding: 30px 0;
}
&__item {
border: 1px solid $bordersColor;
border-radius: 5px;
display: block;
padding: 20px 20px 20px 47px;
margin: 0 0 10px;
font-size: 14px;
color: $textColorAlt;
position: relative;
display: flex;
> * {
position: relative;
z-index: 2;
}
input[type="radio"] {
position: absolute;
left: 20px;
top: 27px;
}
&-mask {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: $innerBoxColor;
transition: all 200ms linear;
z-index: 1;
opacity: 0;
}
&-label {
&-title {
display: block;
padding: 0 0 5px;
}
&-desc {
color: $textColor;
font-size: 13px;
}
}
&:hover .jet-plugins-wizard-type__item-mask,
input:checked + .jet-plugins-wizard-type__item-mask {
position: absolute;
opacity: 1;
}
}
}
&-skin-plugins {
&__item {
font-size: 12px;
line-height: 22px;
padding: 0 7px;
display: inline-block;
margin: 0 5px 5px 0;
border: 1px solid $bordersColor;
background: #fff;
border-radius: 2px;
}
}
&-msg {
padding: 0 25% 15px 0;
}
&-server {
padding: 10px 0 25px;
margin: 0;
&__item {
font-size: 14px;
padding: 0 0 8px;
margin: 0;
position: relative;
&.check-success {
color: $successColor;
}
}
}
h2 {
margin: 0 0 15px;
padding: 0 0 15px;
font-size: 24px;
line-height: 1em;
color: $textColorAlt;
border-bottom: 1px solid $bordersColor;
}
h4 {
font-size: 20px;
line-height: 27px;
padding: 0 0 10px;
margin: 0;
color: $textColorAlt;
}
h5 {
margin: 0;
padding: 0 0 10px;
font-size: 14px;
line-height: 20px;
color: $textColorAlt;
}
.btn {
position: relative;
display: inline-block;
font-size: 11px;
line-height: 18px;
text-decoration: none;
padding: 4px 22px;
color: $textColorAlt;
text-transform: uppercase;
border-radius: 4px;
border-width: 1px;
border-style: solid;
outline: none;
cursor: pointer;
transition: all 200ms linear;
border-color: $normal_outset_1 $normal_outset_2 $normal_outset_2 $normal_outset_1;
background-color: $normal_gradint_2;
&:before {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 4px;
background-image: linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
content: '';
}
&:hover {
&:before {
background-image: linear-gradient(0deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
}
}
&:active {
&:before {
opacity: 0;
}
}
&.btn-primary {
border-color: $primary_outset_1 $primary_outset_2 $primary_outset_2 $primary_outset_1;
background-color: $primary_gradint_2;
color: #fff;
&.disabled {
background: lighten( $primaryColor, 10% );
cursor: default;
}
}
&.btn-success {
color: #fff;
border-color: $success_outset_1 $success_outset_2 $success_outset_2 $success_outset_1;
background-color: $success_gradint_2;
}
&.btn-danger {
color: #fff;
border-color: $danger_outset_1 $danger_outset_2 $danger_outset_2 $danger_outset_1;
background-color: $danger_gradint_2;
}
&.btn-warning {
color: #fff;
border-color: $warning_outset_1 $warning_outset_2 $warning_outset_2 $warning_outset_1;
background-color: $warning_gradint_2;
}
.dashicons,
.dashicons-before::before {
vertical-align: bottom;
margin: 0 0 0 -5px;
}
&.in-progress {
.text {
opacity: 0;
}
.jet-plugins-wizard-loader__spinner,
.tm-wizard-loader__spinner {
opacity: 1;
}
}
}
&-advanced-install {
padding: 0 0 36px;
}
input[type="text"] {
padding: 15px 20px;
border: none;
border-radius: 2px;
background: #f1f1f1;
line-height: 20px;
height: 50px;
}
&-license-form {
input[type="text"] {
height: 49px;
width: 300px;
margin: 0 15px 0 0;
}
}
}
.jet-plugins-wizard-loader,
.tm-wizard-loader {
.btn & {
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 14px;
margin: -9px 0 0 -10px;
}
.jet-plugins-wizard-item & {
position: absolute;
top: 14px;
left: 27px;
width: 14px;
height: 14px;
}
&__spinner {
display: block;
width: 100%;
height: 100%;
animation: spin .7s linear infinite;
border: 2px solid #FFF;
border-top: 2px solid #3498DB;
border-radius: 50%;
transition: opacity 300ms linear;
opacity: 0;
.jet-plugins-wizard-item & {
opacity: 1;
border: 3px solid $primaryColor;
border-top: 3px solid #fff;
}
}
}
.jet-plugins-wizard-item,
.tm-wizard-item {
padding: 14px 95px 14px 55px;
border: 1px solid $bordersColor;
line-height: 20px;
font-size: 14px;
border-radius: 5px;
margin: 0 0 10px;
position: relative;
color: $textColorAlt;
&__label {
display: inline-block;
vertical-align: top;
}
> .dashicons {
position: absolute;
left: 20px;
top: 10px;
font-size: 30px;
}
&.installed-success {
border-color: $successColor;
background: $successColorLight;
> .dashicons {
color: $successColor;
}
}
&.installed-warning {
border-color: $successColor;
background: rgba( red( $successColor ), green( $successColor ), blue( $successColor ), .05 );
> .dashicons {
color: $successColor;
}
}
&.installed-error {
border-color: $dangerColor;
background: rgba( red( $dangerColor ), green( $dangerColor ), blue( $dangerColor ), .05 );
> .dashicons {
color: $dangerColor;
}
}
}
.plugins-set {
padding-top: 30px;
&:first-child {
padding-top: 0;
}
&__desc {
padding: 0 0 20px;
}
}
.jet-plugins-wizard-install-results {
&__trigger {
position: absolute;
right: 0;
top: 14px;
padding: 0 2em 0 0;
color: $textColor;
cursor: pointer;
&:after {
content: "\f140";
font-family: 'dashicons';
color: $iconColor;
font-size: 22px;
line-height: 18px;
vertical-align: text-bottom;
}
&.is-active {
&:after {
content: "\f142";
}
& + ul {
display: block;
}
}
}
ul {
font-size: 0.8em;
padding: 15px 0 0 15px;
margin: 0;
display: none;
li {
padding: 0 0 5px;
margin: 0;
list-style: circle;
}
}
}
.tm-config-list {
padding: 0 0 10px;
}
.tm-warning-notice {
padding: 10px 10px 10px 35px;
position: relative;
color: $warningColor;
background: rgba( red( $warningColor ), green( $warningColor ), blue( $warningColor ), .1 );
margin: -10px 0 30px;
&:before {
content: "\f534";
font-family: "dashicons";
position: absolute;
left: 10px;
top: 50%;
font-size: 18px;
line-height: 22px;
height: 22px;
margin: -11px 0 0 0;
}
}
.jet-plugins-wizard-installed {
padding-top: 20px;
color: $textColor;
}
.jet-plugins-wizard-progress {
height: 24px;
border-radius: 12px;
background: $innerBoxColor;
position: relative;
overflow: hidden;
min-width: 150px;
margin: 0 0 30px;
&__bar {
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: $primaryColor;
&:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image:
-webkit-gradient(linear, 0 0, 100% 100%,
color-stop(.25, rgba(255, 255, 255, .05)),
color-stop(.25, transparent), color-stop(.5, transparent),
color-stop(.5, rgba(255, 255, 255, .05)),
color-stop(.75, rgba(255, 255, 255, .05)),
color-stop(.75, transparent), to(transparent)
);
background-image:
-moz-linear-gradient(
-45deg,
rgba(255, 255, 255, .05) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .05) 50%,
rgba(255, 255, 255, .05) 75%,
transparent 75%,
transparent
);
z-index: 1;
-webkit-background-size: 50px 50px;
-moz-background-size: 50px 50px;
-webkit-animation: move 2.5s linear infinite;
overflow: hidden;
}
}
&__label {
content: attr( data-width );
color: #fff;
position: absolute;
left: 15px;
right: 15px;
top: 0;
bottom: 0;
line-height: 24px;
text-align: left;
}
}
.plugins-wizard-actions {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.jet-plugins-wizard-license-errors {
padding: 5px 0 0 0;
color: $dangerColor;
}
.plugins-wizard-skip {
text-align: right;
&__msg {
margin: 0 0 10px;
color: $textColorAlt;
}
}
@-webkit-keyframes move {
0% { background-position: 0 0; }
100% { background-position: 50px 50px; }
}
@-moz-keyframes move {
0% { background-position: 0 0; }
100% { background-position: 50px 50px; }
}
@-ms-keyframes move {
0% { background-position: 0 0; }
100% { background-position: 50px 50px; }
}
@keyframes move {
0% { background-position: 0 0; }
100% { background-position: 50px 50px; }
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

View File

@@ -0,0 +1,56 @@
@import 'vars.scss';
.jet-plugins-wizard-notice {
padding: 20px;
border-left: 5px solid $primaryColor;
position: relative;
&__actions {
padding: 15px 0 0 0;
}
}
.jet-plugins-wizard-btn {
display: inline-block;
padding: 15px 30px;
font-size: 12px;
line-height: 20px;
text-transform: uppercase;
font-weight: bold;
border: none;
outline: none;
background: $primaryColor;
color: #fff;
cursor: pointer;
vertical-align: top;
border-radius: 5px;
transition: all 200ms linear;
text-decoration: none;
box-shadow: 0 5px 15px rgba( 0,0,0,.18 );
position: relative;
vertical-align: middle;
&:focus,
&:active {
box-shadow: none;
color: #fff;
}
&:hover {
background: $primaryColorAlt;
color: #fff;
box-shadow: 0 1px 3px rgba( 0,0,0,.18 );
}
}
.notice-dismiss {
position: absolute;
top: 10px;
right: 10px;
padding: 10px 15px 10px 21px;
font-size: 13px;
line-height: 1.23076923;
text-decoration: none;
&:before {
position: absolute;
top: 8px;
left: 0;
}
}