first commit

This commit is contained in:
User A0264400
2026-04-01 23:20:16 +03:00
commit a766acdc90
23071 changed files with 4933189 additions and 0 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,921 @@
/**
* Styles for the Widget to be displayed in the plugin
*/
@positiveColor: #bbd2a1;
@webpPositiveColor: #8CC152;
@negativeColor: #D2D3D6;
@neutralColor: #828282;
@errorColor: #fb5d49;
@waringColor: #ffb635;
@greyButtonBg: #f3f3f3;
@greyButtonColor: #656565;
@greenButtonBg: #c9deb2;
@greenButtonColor: #586549;
@orangeButtonBg: #fdd599;
@orangeButtonColor: #a57b3c;
#WBCR {
.premium-label(@position: relative, @positionTop:-8px, @positionLeft:-10px, @positionRight:auto) {
display: inline-block;
position: @position;
content: 'PRO';
background: #ff5722;
border-radius: 4px;
color: #fff;
font-size: 10px;
line-height: 1;
font-style: normal;
padding: 4px 6px;
margin-left: 4px;
vertical-align: top;
top: @positionTop;
left: @positionLeft;
right: @positionRight;
z-index: 11;
}
.factory-bootstrap-000 {
select.form-control {
background: #efefef url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55% !important;
}
.btn-default.active, .factory-bootstrap-000 .btn-default:active {
text-shadow: none;
color: #fff;
background-color: #33aad5;
-webkit-box-shadow: inset 0 1px 1px #0074a2;
box-shadow: inset 0 1px 3px #0074a2;
border-top: 1px solid #0074a2;
border-bottom: 1px solid #0074a2;
border-left: 1px solid #0074a2;
}
.btn-group > .btn:last-of-type {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
}
.wio-clear {
clear: both;
}
// This code hides tabs custom folders and nextgen gallery
// -----------------------------------------------
#io_folders_statistic-wbcr_clearfy-tab, #io_nextgen_gallery_statistic-wbcr_clearfy-tab {
display: none !important;
}
// Styling tabs on statistics pages
// -----------------------------------------------
.wrio-statistic-nav {
margin: 0;
//box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
background: #efefef;
ul {
margin: 0 0 0 10px;
li {
position: relative;
display: inline-block;
//width: 300px;
margin: 0 5px 0 0;
background: #ffffff;
box-shadow: 0 -2px 0 #eaeaea;
&:hover {
background: #f7f7f7;
}
&.active {
//box-shadow: 0 -2px 0 #c9deb2;
background: #f7f7f7;
border-top: 1px solid #d4d4d4;
border-left: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
border-bottom: 1px solid #f7f7f7;
margin-bottom: -1px;
a {
color: #222;
.wrio-statistic-tab-percent {
border: 2px dashed #8bc34a;
color: #5e8237;
}
}
.dashicons, .dashicons-before:before {
color: #ff8b66;
}
}
.wrio-statistic-tab {
display: block;
padding: 10px 20px 10px 20px;
text-decoration: none;
color: #d4d4d4;
font-size: 22px;
line-height: 2;
&:active, &:focus {
background: 0;
box-shadow: none;
outline: none;
}
.dashicons, .dashicons-before:before {
display: inline-block;
width: 30px;
height: 30px;
font-size: 30px;
line-height: 1.5;
margin-right: 15px;
color: #d4d4d4;
}
.wrio-statistic-tab-percent {
display: inline-block;
width: 42px;
height: 42px;
border-radius: 100px;
border: 2px dashed #e4e4e4;
padding: 5px;
margin-left: 30px;
font-size: 14px;
font-weight: 600;
text-align: center;
color: #bdbdbd;
}
}
.wrio-statistic-tab-premium-label:after {
.premium-label(absolute, 10px, auto, 10px);
}
}
}
}
// Table style. The table is used for optimization log
.wrio-table {
width: 100%;
table-layout: fixed;
box-sizing: border-box;
border-spacing: 3px;
background: #fff;
border-top: 2px dashed #cac9c9;
th, td {
padding: 16px 10px;
text-align: center;
}
th {
background: #f3f3f3;
color: #777777;
box-shadow: 0 1px 0 rgb(216, 216, 216);
&:nth-child(2n+1) {
background: #f9f9f9
}
}
tr.wrio-error {
background-color: #ffe9e9 !important;
}
.wrio-table-spinner {
background: url("../img/quick-start-loader.gif") center center no-repeat;
}
.wrio-table-highlighter {
display: inline-block;
padding: 3px 7px;
background: @greyButtonBg;
}
.wbcr-rio-server-success {
color: @positiveColor;
}
.wbcr-rio-server-error {
color: @errorColor;
}
.wbcr-rio-server-warning {
color: @waringColor;
}
&.wbcr-rio-folders-table {
td:nth-child(3) {
text-align: left;
}
}
}
.wrio-servers {
padding: 20px 20px;
label {
span {
display: block;
font-weight: normal;
font-size: 12px;
color: #b7b2b2;
}
}
#wrio-change-optimization-server {
position: relative;
display: inline-block;
max-width: 400px;
margin-right: 15px;
margin-bottom: 0;
border: 1px solid #d2d0d0;
background-color: #efefef;
}
.wrio-servers-info {
margin: 0 0 0;
padding: 20px;
background: #fff;
}
.wrio-server-status-wrap {
display: inline-block;
margin-top: 8px;
.wrio-server-status {
background: transparent;
color: #fff;
padding: 3px 5px;
border-radius: 4px;
&.wrio-down {
background: #ff5722;
}
&.wrio-stable {
background: #8bc34a;
}
&.wrio-server-check-proccess {
display: inline-block;
height: 10px;
width: 30px;
background: url("../img/quick-start-loader.gif") center no-repeat;
}
}
}
.wrio-premium-user-balance-wrap {
display: inline-block;
margin-top: 8px;
margin-left: 10px;
.wrio-premium-user-balance {
color: #fff;
padding: 3px 5px;
border-radius: 4px;
background: #ffc107;
}
.wrio-premium-user-balance-check-proccess {
display: inline-block;
height: 10px;
width: 30px;
background: url("../img/quick-start-loader.gif") center no-repeat;
}
}
.wrio-premium-user-update-wrap {
display: inline-block;
margin-top: 8px;
margin-left: 10px;
.wrio-premium-user-update {
color: #fff;
padding: 3px 5px;
border-radius: 4px;
background: #ffc107;
}
.wrio-premium-user-update-check-proccess {
display: inline-block;
height: 10px;
width: 30px;
background: url("../img/quick-start-loader.gif") center no-repeat;
}
}
}
.wio-columns {
overflow: hidden;
padding: 15px 0;
counter-reset: cols;
[class^="col-"] {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.col-1-3 {
width: 33.333%;
padding-left: 28px;
}
.col-2-3 {
width: 66.666%;
padding-left: 28px
}
.col-1-2 {
width: 50%;
padding: 0 20px;
}
.col-statistics.col-statistics {
width: 60%;
}
.col-chart.col-chart {
width: 40%;
position: relative;
padding: 20px;
font-size: 12px;
text-transform: uppercase;
background: #f1f1f1b3;
color: #abacaf;
font-weight: bold;
border-radius: 5px;
margin-top: 10px;
text-align: left;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
}
.wio-col {
float: left;
width: 50%;
box-sizing: border-box;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.wio-col {
padding-right: 20px;
}
.wio-col + .wio-col {
padding-right: 0;
padding-left: 50px;
}
.wio-col:target {
animation: wiohello 1s 3 linear backwards;
}
.wio-number-you-optimized {
margin-bottom: 1.35em;
overflow: hidden;
#wio-total-optimized-attachments-pct {
color: @neutralColor;
}
.wio-number {
display: table-cell;
padding-right: 15px;
font-size: 48px;
font-weight: bold;
line-height: 1;
vertical-align: middle;
white-space: nowrap;
color: @neutralColor;
}
.wio-text {
display: table-cell;
vertical-align: middle;
overflow: hidden;
font-size: 12px;
color: @neutralColor;
}
& > p {
display: table;
}
}
.wio-bars {
padding-right: 15px;
}
.wio-bars p {
font-size: 12px;
margin-bottom: 5px;
}
.wio-bars + .wio-number-you-optimized {
border-bottom: 0;
padding-top: 0.85em;
}
.wio-bars + .wio-number-you-optimized p {
color: darken(@positiveColor, 10);
}
.wio-bar-negative {
.wio-progress {
background: @negativeColor;
}
.wio-barnb {
color: darken(@negativeColor, 20);
}
}
.wio-progress {
height: 8px;
transition: width .3s;
/*.wio-bar-negative {
width: 92% !important;
}*/
}
.wio-bar-positive {
.wio-progress {
background: @positiveColor;
}
.wio-barnb {
color: darken(@positiveColor, 10);
}
}
.wio-bar-primary {
.wio-progress {
background: @positiveColor;
}
.wio-barnb {
color: darken(@positiveColor, 10);
}
}
.wio-bar-webp {
.wio-progress {
background: @webpPositiveColor;
}
.wio-barnb {
color: darken(@webpPositiveColor, 10);
}
}
.wio-right-outside-number .wio-barnb {
display: block;
margin-right: -5.25em;
text-align: right;
font-weight: bold;
line-height: .8;
}
/* Doughnut */
.wio-chart {
position: relative;
top: 1px;
display: inline-block;
vertical-align: middle;
}
.wio-chart-container {
position: relative;
display: inline-block;
margin-right: 5px;
}
.wio-chart-container canvas {
display: block;
}
.wio-overview-chart-container {
float: left;
margin-right: 20px;
}
.wio-overview-chart-container-webp {
float: right;
margin-left: 20px;
}
.wio-chart-wrapper {
position: relative;
width: 200px;
height: 200px;
}
.wio-chart-percent {
color: #afafaf;
position: absolute;
font-size: 35px;
font-weight: 600;
left: 50%;
bottom: 167px;
z-index: 100;
transform: translateX(-45%);
-webkit-transform: translateX(-45%);
-ms-transform: translateX(-45%);
}
.wio-chart-percent span {
font-size: 20px;
vertical-align: super;
}
#wio-overview-chart-legend {
overflow: hidden;
}
.wio-doughnut-legend li {
display: inline-block;
position: relative;
margin-bottom: 15px;
border-radius: 5px;
padding: 3px 8px 2px 31px;
font-size: 9px;
cursor: default;
-webkit-transition: background-color 200ms ease-in-out;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
}
.wio-doughnut-legend li span {
display: block;
position: absolute;
left: 0;
top: 0;
width: 25px;
height: 25px;
border-radius: 50%;
}
.wio-optimize-button {
min-width: 180px;
padding: 12px 30px;
background: @greenButtonBg;
color: @greenButtonColor;
border: 0;
box-shadow: none;
font-size: 14px;
text-transform: uppercase !important;
font-weight: bold;
border-radius: 4px;
outline: none;
&:active {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
}
&:disabled {
background: lighten(@greenButtonBg, 10%);
color: lighten(@greenButtonColor, 30%);
}
&.wio-running {
color: @orangeButtonColor;
background: @orangeButtonBg url("../img/Spinner-1s-33px.gif") 10px center no-repeat;
padding-left: 50px;
}
}
.wio-global-optim-phrase {
width: 180px;
padding-top: 20px;
font-size: 14px;
text-align: center;
}
.wio-total-percent, .wio-total-percent-webp {
color: darken(@positiveColor, 20);
}
#wio-start-msg-top, #wio-start-msg-right, #wio-start-msg-complete {
display: none;
}
.wio-text-left {
text-align: left;
}
span.wio-num {
display: inline !important;
position: inherit !important;
}
// WIDGETS SPACE
// -----------------------------------------------
.wio-image-optimize-board {
padding-bottom: 0 !important;
}
.wio-page-statistic {
padding: 20px;
.wio-optimize-statistic {
display: flex;
justify-content: space-between;
}
.wrio-statistic-buttons-wrap {
display: flex;
justify-content: space-between;
}
}
.wio-stat-totals {
padding: 20px 20px;
background: #efefef;
font-weight: bold;
vertical-align: middle;
&__counter {
display: inline-block;
background: #ffffff;
min-width: 30px;
height: 25px;
padding: 2px 5px;
border-radius: 3px;
border: 1px dashed #bdb5b5;
color: #222;
font-weight: normal;
text-align: center;
}
&__loading {
color: #fff;
background: #fff url("../img/quick-start-loader.gif") center no-repeat !important;
background-size: 16px 16px !important;
}
&__totals {
}
&__optimized {
background: #8bc34a;
color: #fff;
}
}
.wrio-optimization-progress {
//margin-top: 30px;
background: none;
padding: 0;
h4 {
font-size: 15px;
font-weight: 700;
}
/*button {
padding: 5px 10px;
border: 0;
font-size: 11px;
text-transform: uppercase !important;
font-weight: bold;
border-radius: 4px;
outline: none;
background: @greyButtonBg;
color: @greyButtonColor;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
&:active {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
}
&.wbcr-rio-loading {
width: 56px;
font-size: 0;
background: @greyButtonBg url("../img/quick-start-loader.gif") center no-repeat;
}
&.wbcr-rio-selected {
background: #f3efe2;
color: #d8d8d8;
&:active {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
}
}*/
.wbcr-rio-warning-message {
padding: 20px;
background: #efefef;
font-size: 15px;
color: #b7b7b7;
font-style: italic;
}
}
.wio-widget {
padding: 0 !important;
.wio-chart-percent {
font-size: 44px;
line-height: 1;
}
.wio-bars {
width: 60%;
margin-left: 155px;
}
.col-chart.col-chart {
width: 100%;
}
.col-controls {
width: 45%;
padding-left: 5px;
padding-top: 110px
}
.wio-doughnut-legend {
/*padding-top:30px;*/
text-align: left;
}
.wio-widget-bottom {
display: table;
padding-top: 20px !important;
width: 100%;
text-align: right;
}
.wio-widget-bottom li {
display: table-cell;
}
.wio-widget-bottom li:first-child {
text-align: left;
}
}
// FORMS SPACE
// -----------------------------------------------
.factory-checkbox {
&.wrio-checkbox-premium-label:after {
.premium-label();
}
}
.factory-checkbox-disabled {
input, button {
pointer-events: none;
cursor: not-allowed;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
}
#wrio-webp-options, #wrio-error-log-options {
h3 {
font-size: 14px;
margin: 0 0 10px 0;
font-weight: 600;
color: #565656;
}
.wrio-webp-options-info {
color: #8a8787;
font-size: 12px;
}
ul {
padding-left: 0;
li {
&:after {
content: '';
display: block;
clear: both;;
}
label {
font-weight: 600;
}
.wrio-webp-options-radio, .wrio-error-log-options-checkbox {
display: block;
float: left;
margin-top: 2px;
margin-right: 8px;
&:focus {
outline: none;
box-shadow: none;
}
}
.wrio-webp-options-info, .wrio-error-log-options-info {
padding-left: 25px;
}
}
}
}
// MEDIA SPACE
// -----------------------------------------------
@media (max-width: 830px) {
.wio [class^="col-"] {
float: none;
margin-bottom: 1.5em;
}
.wio .col-1-3,
.wio .col-1-2 {
width: auto;
padding: 0 28px;
clear: both;
padding-top: 1em;
}
}
@keyframes wiohello {
0%, 100% {
background: #FFF;
}
50% {
background: #F4F7F9;
}
}
@media (max-width: 1520px) and (min-width: 1381px), (max-width: 1086px) {
.wio-columns {
.col-statistics.col-statistics, .col-chart.col-chart {
width: 50%;
}
}
}
@media (max-width: 808px) {
.wio-columns {
.col-statistics.col-statistics, .col-chart.col-chart {
width: auto;
float: none;
padding: 0;
}
.col-chart.col-chart {
margin-top: 3em;
}
}
}
/*@media (max-width: 1380px) and (min-width: 1246px), (max-width: 380px) {
.wio-overview-chart-container {
float: none;
margin-right: 0;
}
}
@media (max-width: 1380px) and (min-width: 1246px), (max-width: 380px) {
.wio-overview-chart-container {
float: none;
margin-right: 0;
}
.wio-doughnut-legend {
margin-top: 18px;
}
.wio-global-optim-phrase {
padding-top: 0;
width: auto;
}
}*/
}

View File

@@ -0,0 +1,2 @@
<?php
// silence is golden

View File

@@ -0,0 +1,235 @@
/**
* == Custom column & Metabox
*/
.column-wio_optimized_file.column-wio_optimized_file {
width: 300px;
text-align: center;
vertical-align: middle;
}
.column-wio_optimized_file > * {
max-width: 235px;
margin: 0 auto;
}
@media (min-width: 1151px) and (max-width: 1800px) {
.column-wio_optimized_file.column-wio_optimized_file {
width: 235px;
}
}
@media (min-width: 783px) and (max-width: 1150px) {
.column-wio_optimized_file.column-wio_optimized_file {
width: 13em;
}
table.media .column-title .has-media-icon ~ .row-actions.row-actions {
margin-left: 0;
}
}
@media (max-width: 782px) {
table.media .column-wio_optimized_file.column-wio_optimized_file {
text-align: left;
}
table.media .wio-datas-more-action,
table.media .wio-datas-actions-links {
text-align: center;
}
table.media .column-wio_optimized_file > *,
table.media .column-wio_optimized_file .wio-datas-actions-links a {
max-width: 100%;
margin-left: 0;
}
}
@media (min-width: 783px) and (max-width: 1150px), (max-width: 360px) {
table.media .wio-hide-if-small {
position: absolute;
margin: -1px;
padding: 0;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
border: 0;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
}
.compat-field-wio .label {
vertical-align: top;
}
.compat-field-wio ul.wio-datas-list {
margin-top: 7px;
font-size: 11px;
}
ul.wio-datas-list.wio-datas-list {
margin: 0 auto;
color: #555;
font-size: 10px;
}
ul.wio-datas-list .big {
font-size: 12px;
color: #40B1D0;
}
.wio-data-item {
overflow: hidden;
}
li.wio-data-item {
clear: both;
margin-bottom: 2px;
display: flex;
align-items: center;
gap: 5px;
}
ul.wio-datas-list .wio-data-item span.data,
ul.wio-datas-list .wio-data-item strong {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul.wio-datas-list .wio-data-item span.data {
text-align: left;
padding-right: 5px;
}
.compat-field-wio .wio-datas-list .wio-data-item .data {
width: 130px;
text-align: left;
font-weight: bold;
}
ul.wio-datas-list .wio-data-item strong {
text-align: left;
padding-left: 5px;
}
.media-sidebar .wio-datas-list .wio-data-item .data {
width: auto;
float: none;
}
.media-sidebar .wio-datas-list .wio-data-item strong {
display: inline-block;
width: auto;
float: none;
}
.media-sidebar .wio-datas-list .wio-data-item .wio-chart {
float: left;
}
.wio-datas-more-action.wio-datas-more-action {
margin: .4em auto;
background: linear-gradient(to bottom, transparent, transparent 49%, rgba(0,0,0,.075) 50%, rgba(0,0,0,.075) 58%, transparent 58%, transparent);
}
.wio-datas-more-action a {
display: inline-block;
padding: 0 5px;
background: #40B1D0;
color: #FFF;
text-transform: uppercase;
font-size: 9px;
font-weight: bold;
line-height: 1.9;
text-decoration: none;
}
.wio-datas-more-action a.is-open {
background: #555;
}
.wio-datas-more-action a.is-open .dashicons {
transform: rotate(180deg);
}
.wio-datas-more-action a .dashicons {
font-size: 14px;
vertical-align: middle;
line-height: .8;
}
.wio-datas-more-action a .dashicons:before {
vertical-align: middle;
line-height: 20px;
}
.wio-datas-more-action .the-text {
display: inline-block;
vertical-align: middle;
height: auto;
line-height: inherit;
}
ul.wio-datas-details.wio-datas-details {
margin: .7em auto;
}
.wio-datas-details strong {
color: #40B1D0;
}
.wio-datas-details .original {
color: #555;
}
.wio-datas-actions-links {
overflow: hidden;
border-top: 2px solid transparent;
padding-top: 5px;
font-size: 8px;
}
.nggform .wio-datas-actions-links {
position: relative;
z-index: 2;
}
.nggform .row-actions {
z-index: 1;
}
.wio-datas-actions-links a {
position: relative;
display: inline-block;
padding-left: 17px;
text-decoration: none;
font-weight: 600;
}
.compat-field-wio .wio-datas-actions-links {
max-width: 300px;
}
.misc-pub-wio .wio-datas-actions-links {
border-top: 2px solid #f2f2f2;
padding-bottom: 5px;
}
/* Library */
.column-wio_optimized_file .wio-datas-actions-links a {
margin: 0 .7em;
padding-left: 15px;
}
/* Media edition */
.compat-field-wio .wio-datas-actions-links a,
.misc-pub-wio .wio-datas-actions-links a {
font-size: 10px;
float: left;
width: 50%;
}
.media-sidebar .compat-field-wio .wio-datas-actions-links a,
.submitbox .misc-pub-wio .wio-datas-actions-links a {
display: block;
width: auto;
float: none;
}
.wio-datas-actions-links a:only-child {
float: none;
width: auto;
}
.wio-datas-details.is-open + .wio-datas-actions-links {
border-top-color: rgba(0,0,0,.075);
}
.wio-datas-actions-links .dashicons {
position: absolute;
left: 0; top: 4px;
width: 12px;
margin-right: 2px;
font-size: 11px;
}
/* Button spacing */
td.column-wio_optimized_file {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 8px;
}
.column-wio_optimized_file .wio-datas-actions-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px 1em;
}
.column-wio_optimized_file .wio-datas-actions-links a {
margin: 0;
}

View File

@@ -0,0 +1,19 @@
/* PRO labels for dropdown buttons */
button[data-value="googlepage"]:after,
button[data-value="background"]:after {
display: inline-block;
position: absolute;
content: 'PRO';
background: #ff5722;
border-radius: 4px;
color: #fff;
font-size: 10px;
line-height: 1;
font-style: normal;
padding: 4px 6px;
margin-left: 4px;
vertical-align: top;
top: -8px;
right: 0;
z-index: 11;
}

View File

@@ -0,0 +1,410 @@
/**
* == Columns
*/
.wio-columns {
overflow: hidden;
padding: 15px 0;
counter-reset: cols;
}
.wio-columns [class^="col-"] {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wio-columns .col-1-3 {
width: 33.333%;
padding-left: 28px;
}
.wio .col-2-3 {
width: 66.666%;
padding-left: 28px
}
.wio .col-1-2 {
width: 50%;
padding: 0 20px;
}
@media (max-width: 830px) {
.wio [class^="col-"] {
float: none;
margin-bottom: 1.5em;
}
.wio .col-1-3,
.wio .col-1-2 {
width: auto;
padding: 0 28px;
clear: both;
padding-top: 1em;
}
}
/* Col, behavior depending on parent */
.wio-col {
float: left;
width: 50%;
box-sizing: border-box;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.wio-col {
padding-right: 20px;
}
.wio-col + .wio-col {
padding-right: 0;
padding-left: 50px;
}
.wio-col:target {
animation: wiohello 1s 3 linear backwards;
}
@keyframes wiohello {
0%, 100% {
background: #FFF;
}
50% {
background: #F4F7F9;
}
}
.wio-columns .col-statistics.col-statistics {
width: 60%;
}
@media (max-width: 1520px) and (min-width: 1381px), (max-width: 1086px) {
.wio-columns .col-statistics.col-statistics,
.wio-columns .col-chart.col-chart {
width: 50%;
}
}
@media (max-width: 808px) {
.wio-columns .col-statistics.col-statistics,
.wio-columns .col-chart.col-chart {
width: auto;
float: none;
padding: 0;
}
.wio-columns .col-chart.col-chart {
margin-top: 3em;
}
}
/* Number display */
.wio-number-you-optimized {
margin-bottom: 1.35em;
overflow: hidden;
}
.wio-number-you-optimized .number {
display: table-cell;
padding-right: 15px;
font-size: 48px;
font-weight: bold;
line-height: 1;
vertical-align: middle;
white-space: nowrap;
color: #000;
}
.wio-number-you-optimized [id="wio-total-optimized-attachments-pct"] {
color: #40B1D0;
}
.wio-number-you-optimized .text {
display: table-cell;
vertical-align: middle;
overflow: hidden;
font-size: 12px;
color: #626E7B;
}
.wio-number-you-optimized > p {
display: table;
}
/* Number and bars */
.wio-bars {
padding-right: 15px;
}
.wio-bars p {
font-size: 12px;
margin-bottom: 5px;
}
.wio-bars + .wio-number-you-optimized {
border-bottom: 0;
padding-top: 0.85em;
}
.wio-bars + .wio-number-you-optimized p {
color: #46b1ce;
}
.wio-bar-negative .wio-progress {
background: #D2D3D6;
}
.wio-bar-negative .wio-barnb {
color: #7A8996;
}
.wio-bar-neutral .wio-progress {
background: #F5A623;
}
.wio-space-left .wio-bar-negative .wio-progress {
background: #C51162;
}
.wio-progress {
height: 8px;
}
.wio-progress {
transition: width .3s;
}
.wio-bar-positive .wio-progress {
background: #8CC152;
}
.wio-bar-positive .wio-barnb {
color: #8CC152;
}
.wio-bar-primary .wio-progress {
background: #8bc34a;
}
.wio-bar-primary .wio-barnb {
color: #8bc34a;
}
.right-outside-number .wio-barnb {
display: block;
margin-right: -5.25em;
text-align: right;
font-weight: bold;
line-height: .8;
}
/* Doughnut */
.wio-chart {
position: relative;
top: 1px;
display: inline-block;
vertical-align: middle;
}
.wio-chart-container {
position: relative;
display: inline-block;
margin-right: 5px;
}
.wio-chart-container canvas {
display: block;
}
.wio-overview-chart-container {
float: left;
margin-right: 20px;
}
@media (max-width: 1380px) and (min-width: 1246px), (max-width: 380px) {
.wio-overview-chart-container {
float: none;
margin-right: 0;
}
}
.wio-chart-percent {
position: absolute;
left: 0;
right: 0;
top: 50%;
margin-top: -.5em;
line-height: 1;
text-align: center;
font-size: 55px;
font-weight: bold;
color: #afafaf;
}
.wio-chart-percent span {
font-size: 20px;
vertical-align: super;
}
#wio-overview-chart-legend {
overflow: hidden;
}
.imagify-doughnut-legend {
margin-top: 38px;
list-style: none;
}
.wio-doughnut-legend li {
display: inline-block;
padding-left: 30px;
position: relative;
margin-bottom: 15px;
border-radius: 5px;
padding: 3px 8px 2px 31px;
font-size: 13px;
cursor: default;
-webkit-transition: background-color 200ms ease-in-out;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
}
.wio-doughnut-legend li span {
display: block;
position: absolute;
left: 0;
top: 0;
width: 25px;
height: 25px;
border-radius: 50%;
}
@media (max-width: 1380px) and (min-width: 1246px), (max-width: 380px) {
.wio-overview-chart-container {
float: none;
margin-right: 0;
}
.wio-doughnut-legend {
margin-top: 18px;
}
.wio-global-optim-phrase {
padding-top: 0;
width: auto;
}
}
.wio-global-optim-phrase {
width: 180px;
padding-top: 20px;
font-size: 14px;
text-align: center;
}
.wio-clear {
clear: both;
}
.wio-total-percent {
color: #46b1ce;
}
.wio-columns .col-chart.col-chart {
width: 40%;
position: relative;
padding: 20px;
font-size: 12px;
text-transform: uppercase;
background: #f1f1f1b3;
color: #abacaf;
font-weight: bold;
border-radius: 5px;
margin-top: 10px;
text-align: left;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.wio-image-optimize-board {
padding-bottom: 0 !important;
}
.wio-optimize-button {
width: 180px;
padding: 12px 30px;
background: #c9deb2;
color: #586549;
border: 0;
box-shadow: none;
font-size: 16px;
text-transform: uppercase !important;
font-weight: bold;
border-radius: 4px;
outline: none;
}
.wio-optimize-button:active {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
}
.wio-optimize-button.running {
color: #a57b3c;
background: #fdd599 url("../img/Spinner-1s-33px.gif") 10px center no-repeat;
}
.wio-widget-bottom {
display: table;
padding-top: 20px !important;
width: 100%;
text-align: right;
}
.wio-widget-bottom li {
display: table-cell;
}
.wio-widget-bottom li:first-child {
text-align: left;
}
.wio-imagify-widget {
padding: 0 !important;
}
.wio-imagify-widget .wio-bars {
width: 60%;
margin-left: 155px;
}
.wio-imagify-widget .col-chart.col-chart {
width: 100%;
}
.wio-imagify-widget .col-controls {
width: 45%;
padding-left: 5px;
padding-top: 110px
}
.wio-imagify-widget .wio-doughnut-legend {
/*padding-top:30px;*/
text-align: left;
}
#wio-start-msg-top, #wio-start-msg-right, #wio-start-msg-complete {
display: none;
}
.wio-text-left {
text-align: left;
}
span.wio-num {
display: inline !important;
position: inherit !important;
}

View File

@@ -0,0 +1,155 @@
/* Sub Layer */
body[class*="_rio"] .swal2-container.swal2-shown {
background: rgba(16, 17, 21, 0.9);
z-index: 100000;
}
.wrio-modal {
padding: 0 !important;
}
.wrio-modal .swal2-close {
color: rgba(0, 0, 0, 0.8);
}
.wrio-modal .swal2-modal {
border-radius: 2px;
}
.wrio-modal .swal2-icon {
margin-bottom: 25px;
}
.wrio-modal .swal2-title {
margin: 0;
padding: 28px 32px;
font-size: 24px;
text-align: left;
color: #fff !important;
background: #3e3e3e !important;
}
.wrio-modal .swal2-content {
font-size: 14px;
padding: 28px 32px;
background: #efefef;
}
.wrio-modal .swal2-buttonswrapper {
margin-top: 0;
padding: 22px;
background: #F4F7F9;
}
.wrio-modal .swal2-buttonswrapper a.button svg {
margin-right: 12px;
vertical-align: -2px;
}
.wrio-modal .swal2-buttonswrapper button.loading {
border-radius: 100% !important;
height: 40px !important;
padding: 0 !important;
box-shadow: none !important;
}
.wrio-modal .swal2-buttonswrapper button.swal2-styled {
height: auto;
padding: 12px 32px;
margin: 10px;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 3px;
font-weight: bold;
outline: none;
}
.wrio-modal .swal2-buttonswrapper button.swal2-styled.swal2-confirm {
background-color: #fdd599 !important;
text-shadow: none !important;
box-shadow: 0 3px 0 #ceac7a !important;
color: #a57b3c !important;
}
.wrio-modal .swal2-buttonswrapper button.swal2-styled.swal2-cancel {
background-color: #d2d2d2 !important;
color: #656464 !important;
text-shadow: none !important;
box-shadow: 0 3px 0 #a9a9a9;
/*background-color: #c9deb2 !important;
color: #606956 !important;
text-shadow: none !important;
box-shadow: 0 3px 0 #a7b994;*/
}
.wrio-modal .swal2-buttonswrapper button.swal2-styled:focus,
.wrio-modal .swal2-buttonswrapper button.swal2-styled:hover {
outline: none;
text-shadow: none;
color: #FFF;
}
.wrio-modal-warning {
background: #FF5722 !important;
}
.wrio-modal-warning .swal2-title {
text-align: center;
color: #222 !important;
background: #efefef !important;
}
.wrio-modal-warning .swal2-content {
font-size: 16px;
padding: 10px 20px 32px;
background: #efefef;
}
.wrio-modal-warning .swal2-buttonswrapper {
background: #efefef;
}
.wrio-modal-error {
background: #dec2c0 !important;
}
.wrio-modal-error .swal2-title {
text-align: center;
color: #222 !important;
background: #efefef !important;
}
.wrio-modal-error .swal2-content {
font-size: 16px;
padding: 10px 20px 32px;
background: #efefef;
}
.wrio-modal-error .swal2-buttonswrapper {
background: #efefef;
}
.wrio-modal-optimization-way {
background: #1F2332 !important;
}
.wrio-modal-optimization-way .wrio-swal-subtitle {
padding: 0 0 28px;
margin-top: 0px;
font-weight: 500;
font-size: 18px;
text-align: left;
color: #8c8888;
background: #efefef;
}
.wrio-modal-optimization-way .wrio-list-infos {
margin: 0;
padding: 0;
}
.wrio-modal-optimization-way .wrio-list-infos li {
display: flex;
align-items: center;
padding: 5px 5px;
text-align: left;
font-size: 14px;
line-height: 1.5;
color: #787575;
}
.wrio-modal-optimization-way .wrio-list-infos li:first-child {
padding-top: 5px;
}
.wrio-modal-optimization-way .wrio-list-infos li:last-child {
padding-bottom: 5px;
}
.wrio-modal-optimization-way .wrio-list-infos li + li {
border-top: 1px solid #E9EFF2;
}
.wrio-modal-optimization-way .wrio-list-infos a:before {
content: '';
display: block;
}
.wrio-modal-optimization-way .wrio-info-icon {
flex-grow: 0;
flex-basis: 50px;
}
.wrio-modal-optimization-way .wrio-info-icon + span {
padding-left: 20px;
}

View File

@@ -0,0 +1 @@
{"version":3,"sources":["sweetalert-custom.less"],"names":[],"mappings":";AACA,IAAI,eAAgB,iBAAgB;EAClC,iCAAA;EACA,eAAA;;AAGF;EACE,qBAAA;;AADF,WAGE;EACE,yBAAA;;AAJJ,WAOE;EACE,kBAAA;;AARJ,WAWE;EACE,mBAAA;;AAZJ,WAeE;EACE,SAAA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,WAAA;EACA,mBAAA;;AArBJ,WAwBE;EACE,eAAA;EACA,kBAAA;EACA,mBAAA;;AA3BJ,WA8BE;EACE,aAAA;EACA,aAAA;EACA,mBAAA;;AAjCJ,WA8BE,sBAKE,EAAC,OAAQ;EACP,kBAAA;EACA,oBAAA;;AArCN,WA8BE,sBAUE,OAAM;EACJ,8BAAA;EACA,uBAAA;EACA,qBAAA;EACA,2BAAA;;AA5CN,WA8BE,sBAiBE,OAAM;EACJ,YAAA;EACA,kBAAA;EACA,YAAA;EACA,eAAA;EACA,mBAAA;EACA,yBAAA;EACA,kBAAA;EACA,iBAAA;EACA,aAAA;;AAEA,WA5BJ,sBAiBE,OAAM,aAWH;EACC,yBAAA;EACA,4BAAA;EACA,2BAAA;EACA,cAAA;;AAGF,WAnCJ,sBAiBE,OAAM,aAkBH;EACC,yBAAA;EACA,cAAA;EACA,4BAAA;EACA,2BAAA;;;;;;AAOF,WA9CJ,sBAiBE,OAAM,aA6BH;AAAQ,WA9Cb,sBAiBE,OAAM,aA6BM;EACR,aAAA;EACA,iBAAA;EACA,WAAA;;AAMR;EACE,mBAAA;;AADF,mBAGE;EACE,kBAAA;EACA,WAAA;EACA,mBAAA;;AANJ,mBASE;EACE,eAAA;EACA,uBAAA;EACA,mBAAA;;AAZJ,mBAeE;EACE,mBAAA;;AAIJ;EACE,mBAAA;;AADF,iBAGE;EACE,kBAAA;EACA,WAAA;EACA,mBAAA;;AANJ,iBASE;EACE,eAAA;EACA,uBAAA;EACA,mBAAA;;AAZJ,iBAeE;EACE,mBAAA;;AAIJ;EACE,mBAAA;;AADF,4BAGE;EACE,iBAAA;EACA,eAAA;EACA,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EACA,mBAAA;;AAVJ,4BAaE;EACE,SAAA;EACA,UAAA;;AAfJ,4BAaE,iBAIE;EACE,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;;AAxBN,4BAaE,iBAcE,GAAE;EACA,gBAAA;;AA5BN,4BAaE,iBAkBE,GAAE;EACA,mBAAA;;AAhCN,4BAaE,iBAsBE,GAAG;EACD,6BAAA;;AApCN,4BAaE,iBA0BE,EAAC;EACC,SAAS,EAAT;EACA,cAAA;;AAzCN,4BA6CE;EACE,YAAA;EACA,gBAAA;;AA/CJ,4BAkDE,gBAAgB;EACd,kBAAA","file":"sweetalert-custom.css"}

View File

@@ -0,0 +1,185 @@
/* Sub Layer */
body[class*="_rio"] .swal2-container.swal2-shown {
background: rgba(16, 17, 21, 0.9);
z-index: 100000;
}
.wrio-modal {
padding: 0 !important;
.swal2-close {
color: rgba(0, 0, 0, .8);
}
.swal2-modal {
border-radius: 2px;
}
.swal2-icon {
margin-bottom: 25px;
}
.swal2-title {
margin: 0;
padding: 28px 32px;
font-size: 24px;
text-align: left;
color: #fff !important;
background: #3e3e3e !important;
}
.swal2-content {
font-size: 14px;
padding: 28px 32px;
background: #efefef;
}
.swal2-buttonswrapper {
margin-top: 0;
padding: 22px;
background: #F4F7F9;
a.button svg {
margin-right: 12px;
vertical-align: -2px;
}
button.loading {
border-radius: 100% !important;
height: 40px !important;
padding: 0 !important;
box-shadow: none !important;
}
button.swal2-styled {
height: auto;
padding: 12px 32px;
margin: 10px;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 3px;
font-weight: bold;
outline: none;
&.swal2-confirm {
background-color: #fdd599 !important;
text-shadow: none !important;
box-shadow: 0 3px 0 #ceac7a !important;
color: #a57b3c !important;
}
&.swal2-cancel {
background-color: #d2d2d2 !important;
color: #656464 !important;
text-shadow: none !important;
box-shadow: 0 3px 0 #a9a9a9;
/*background-color: #c9deb2 !important;
color: #606956 !important;
text-shadow: none !important;
box-shadow: 0 3px 0 #a7b994;*/
}
&:focus, &:hover {
outline: none;
text-shadow: none;
color: #FFF;
}
}
}
}
.wrio-modal-warning {
background: #FF5722 !important;
.swal2-title {
text-align: center;
color: #222 !important;
background: #efefef !important;
}
.swal2-content {
font-size: 16px;
padding: 10px 20px 32px;
background: #efefef;
}
.swal2-buttonswrapper {
background: #efefef;
}
}
.wrio-modal-error {
background: #dec2c0 !important;
.swal2-title {
text-align: center;
color: #222 !important;
background: #efefef !important;
}
.swal2-content {
font-size: 16px;
padding: 10px 20px 32px;
background: #efefef;
}
.swal2-buttonswrapper {
background: #efefef;
}
}
.wrio-modal-optimization-way {
background: #1F2332 !important;
.wrio-swal-subtitle {
padding: 0 0 28px;
margin-top: 0px;
font-weight: 500;
font-size: 18px;
text-align: left;
color: #8c8888;
background: #efefef;
}
.wrio-list-infos {
margin: 0;
padding: 0;
li {
display: flex;
align-items: center;
padding: 15px 5px;
text-align: left;
font-size: 14px;
line-height: 1.5;
color: #8c8888;
}
li:first-child {
padding-top: 5px;
}
li:last-child {
padding-bottom: 5px;
}
li + li {
border-top: 1px solid #E9EFF2;
}
a:before {
content: '';
display: block;
}
}
.wrio-info-icon {
flex-grow: 0;
flex-basis: 50px;
}
.wrio-info-icon + span {
padding-left: 20px;
}
}

View File

@@ -0,0 +1,716 @@
body.swal2-shown {
overflow-y: hidden; }
body.swal2-iosfix {
position: fixed;
left: 0;
right: 0; }
.swal2-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 10px;
background-color: transparent;
z-index: 1060; }
.swal2-container.swal2-fade {
-webkit-transition: background-color .1s;
transition: background-color .1s; }
.swal2-container.swal2-shown {
background-color: rgba(0, 0, 0, 0.4); }
.swal2-modal {
background-color: #fff;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
margin: auto;
overflow-x: hidden;
overflow-y: auto;
display: none;
position: relative;
max-width: 100%; }
.swal2-modal:focus {
outline: none; }
.swal2-modal.swal2-loading {
overflow-y: hidden; }
.swal2-modal .swal2-title {
color: #595959;
font-size: 30px;
text-align: center;
font-weight: 600;
text-transform: none;
position: relative;
margin: 0 0 .4em;
padding: 0;
display: block;
word-wrap: break-word; }
.swal2-modal .swal2-buttonswrapper {
margin-top: 15px; }
.swal2-modal .swal2-buttonswrapper:not(.swal2-loading) .swal2-styled[disabled] {
opacity: .4;
cursor: no-drop; }
.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-confirm {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 4px solid transparent;
border-color: transparent;
width: 40px;
height: 40px;
padding: 0;
margin: 7.5px;
vertical-align: top;
background-color: transparent !important;
color: transparent;
cursor: default;
border-radius: 100%;
-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
animation: rotate-loading 1.5s linear 0s infinite normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-cancel {
margin-left: 30px;
margin-right: 30px; }
.swal2-modal .swal2-buttonswrapper.swal2-loading :not(.swal2-styled).swal2-confirm::after {
display: inline-block;
content: '';
margin-left: 5px 0 15px;
vertical-align: -1px;
height: 15px;
width: 15px;
border: 3px solid #999999;
-webkit-box-shadow: 1px 1px 1px #fff;
box-shadow: 1px 1px 1px #fff;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
animation: rotate-loading 1.5s linear 0s infinite normal; }
.swal2-modal .swal2-styled {
border: 0;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
cursor: pointer;
font-size: 17px;
font-weight: 500;
margin: 15px 5px 0;
padding: 10px 32px; }
.swal2-modal .swal2-image {
margin: 20px auto;
max-width: 100%; }
.swal2-modal .swal2-close {
background: transparent;
border: 0;
margin: 0;
padding: 0;
width: 38px;
height: 40px;
font-size: 36px;
line-height: 40px;
font-family: serif;
position: absolute;
top: 5px;
right: 8px;
cursor: pointer;
color: #cccccc;
-webkit-transition: color .1s ease;
transition: color .1s ease; }
.swal2-modal .swal2-close:hover {
color: #d55; }
.swal2-modal > .swal2-input,
.swal2-modal > .swal2-file,
.swal2-modal > .swal2-textarea,
.swal2-modal > .swal2-select,
.swal2-modal > .swal2-radio,
.swal2-modal > .swal2-checkbox {
display: none; }
.swal2-modal .swal2-content {
font-size: 18px;
text-align: center;
font-weight: 300;
position: relative;
float: none;
margin: 0;
padding: 0;
line-height: normal;
color: #545454;
word-wrap: break-word; }
.swal2-modal .swal2-input,
.swal2-modal .swal2-file,
.swal2-modal .swal2-textarea,
.swal2-modal .swal2-select,
.swal2-modal .swal2-radio,
.swal2-modal .swal2-checkbox {
margin: 20px auto; }
.swal2-modal .swal2-input,
.swal2-modal .swal2-file,
.swal2-modal .swal2-textarea {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 18px;
border-radius: 3px;
border: 1px solid #d9d9d9;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
-webkit-transition: border-color box-shadow .3s;
transition: border-color box-shadow .3s; }
.swal2-modal .swal2-input.swal2-inputerror,
.swal2-modal .swal2-file.swal2-inputerror,
.swal2-modal .swal2-textarea.swal2-inputerror {
border-color: #f27474 !important;
-webkit-box-shadow: 0 0 2px #f27474 !important;
box-shadow: 0 0 2px #f27474 !important; }
.swal2-modal .swal2-input:focus,
.swal2-modal .swal2-file:focus,
.swal2-modal .swal2-textarea:focus {
outline: none;
border: 1px solid #b4dbed;
-webkit-box-shadow: 0 0 3px #c4e6f5;
box-shadow: 0 0 3px #c4e6f5; }
.swal2-modal .swal2-input:focus::-webkit-input-placeholder,
.swal2-modal .swal2-file:focus::-webkit-input-placeholder,
.swal2-modal .swal2-textarea:focus::-webkit-input-placeholder {
-webkit-transition: opacity .3s .03s ease;
transition: opacity .3s .03s ease;
opacity: .8; }
.swal2-modal .swal2-input:focus:-ms-input-placeholder,
.swal2-modal .swal2-file:focus:-ms-input-placeholder,
.swal2-modal .swal2-textarea:focus:-ms-input-placeholder {
-webkit-transition: opacity .3s .03s ease;
transition: opacity .3s .03s ease;
opacity: .8; }
.swal2-modal .swal2-input:focus::placeholder,
.swal2-modal .swal2-file:focus::placeholder,
.swal2-modal .swal2-textarea:focus::placeholder {
-webkit-transition: opacity .3s .03s ease;
transition: opacity .3s .03s ease;
opacity: .8; }
.swal2-modal .swal2-input::-webkit-input-placeholder,
.swal2-modal .swal2-file::-webkit-input-placeholder,
.swal2-modal .swal2-textarea::-webkit-input-placeholder {
color: #e6e6e6; }
.swal2-modal .swal2-input:-ms-input-placeholder,
.swal2-modal .swal2-file:-ms-input-placeholder,
.swal2-modal .swal2-textarea:-ms-input-placeholder {
color: #e6e6e6; }
.swal2-modal .swal2-input::placeholder,
.swal2-modal .swal2-file::placeholder,
.swal2-modal .swal2-textarea::placeholder {
color: #e6e6e6; }
.swal2-modal .swal2-range input {
float: left;
width: 80%; }
.swal2-modal .swal2-range output {
float: right;
width: 20%;
font-size: 20px;
font-weight: 600;
text-align: center; }
.swal2-modal .swal2-range input,
.swal2-modal .swal2-range output {
height: 43px;
line-height: 43px;
vertical-align: middle;
margin: 20px auto;
padding: 0; }
.swal2-modal .swal2-input {
height: 43px;
padding: 0 12px; }
.swal2-modal .swal2-input[type='number'] {
max-width: 150px; }
.swal2-modal .swal2-file {
font-size: 20px; }
.swal2-modal .swal2-textarea {
height: 108px;
padding: 12px; }
.swal2-modal .swal2-select {
color: #545454;
font-size: inherit;
padding: 5px 10px;
min-width: 40%;
max-width: 100%; }
.swal2-modal .swal2-radio {
border: 0; }
.swal2-modal .swal2-radio label:not(:first-child) {
margin-left: 20px; }
.swal2-modal .swal2-radio input,
.swal2-modal .swal2-radio span {
vertical-align: middle; }
.swal2-modal .swal2-radio input {
margin: 0 3px 0 0; }
.swal2-modal .swal2-checkbox {
color: #545454; }
.swal2-modal .swal2-checkbox input,
.swal2-modal .swal2-checkbox span {
vertical-align: middle; }
.swal2-modal .swal2-validationerror {
background-color: #f0f0f0;
margin: 0 -20px;
overflow: hidden;
padding: 10px;
color: gray;
font-size: 16px;
font-weight: 300;
display: none; }
.swal2-modal .swal2-validationerror::before {
content: '!';
display: inline-block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ea7d7d;
color: #fff;
line-height: 24px;
text-align: center;
margin-right: 10px; }
@supports (-ms-accelerator: true) {
.swal2-range input {
width: 100% !important; }
.swal2-range output {
display: none; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.swal2-range input {
width: 100% !important; }
.swal2-range output {
display: none; } }
.swal2-icon {
width: 80px;
height: 80px;
border: 4px solid transparent;
border-radius: 50%;
margin: 20px auto 30px;
padding: 0;
position: relative;
-webkit-box-sizing: content-box;
box-sizing: content-box;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.swal2-icon.swal2-error {
border-color: #f27474; }
.swal2-icon.swal2-error .swal2-x-mark {
position: relative;
display: block; }
.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
position: absolute;
height: 5px;
width: 47px;
background-color: #f27474;
display: block;
top: 37px;
border-radius: 2px; }
.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 17px; }
.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 16px; }
.swal2-icon.swal2-warning {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #f8bb86;
border-color: #facea8;
font-size: 60px;
line-height: 80px;
text-align: center; }
.swal2-icon.swal2-info {
font-family: 'Open Sans', sans-serif;
color: #3fc3ee;
border-color: #9de0f6;
font-size: 60px;
line-height: 80px;
text-align: center; }
.swal2-icon.swal2-question {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #87adbd;
border-color: #c9dae1;
font-size: 60px;
line-height: 80px;
text-align: center; }
.swal2-icon.swal2-success {
border-color: #a5dc86; }
.swal2-icon.swal2-success [class^='swal2-success-circular-line'] {
border-radius: 50%;
position: absolute;
width: 60px;
height: 120px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] {
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 60px 60px;
transform-origin: 60px 60px; }
.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] {
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 60px;
transform-origin: 0 60px; }
.swal2-icon.swal2-success .swal2-success-ring {
width: 80px;
height: 80px;
border: 4px solid rgba(165, 220, 134, 0.2);
border-radius: 50%;
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2; }
.swal2-icon.swal2-success .swal2-success-fix {
width: 7px;
height: 90px;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.swal2-icon.swal2-success [class^='swal2-success-line'] {
height: 5px;
background-color: #a5dc86;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2; }
.swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] {
width: 25px;
left: 14px;
top: 46px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] {
width: 47px;
right: 8px;
top: 38px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.swal2-progresssteps {
font-weight: 600;
margin: 0 0 20px;
padding: 0; }
.swal2-progresssteps li {
display: inline-block;
position: relative; }
.swal2-progresssteps .swal2-progresscircle {
background: #3085d6;
border-radius: 2em;
color: #fff;
height: 2em;
line-height: 2em;
text-align: center;
width: 2em;
z-index: 20; }
.swal2-progresssteps .swal2-progresscircle:first-child {
margin-left: 0; }
.swal2-progresssteps .swal2-progresscircle:last-child {
margin-right: 0; }
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
background: #3085d6; }
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle {
background: #add8e6; }
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
background: #add8e6; }
.swal2-progresssteps .swal2-progressline {
background: #3085d6;
height: .4em;
margin: 0 -1px;
z-index: 10; }
[class^='swal2'] {
-webkit-tap-highlight-color: transparent; }
@-webkit-keyframes showSweetAlert {
0% {
-webkit-transform: scale(0.7);
transform: scale(0.7); }
45% {
-webkit-transform: scale(1.05);
transform: scale(1.05); }
80% {
-webkit-transform: scale(0.95);
transform: scale(0.95); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes showSweetAlert {
0% {
-webkit-transform: scale(0.7);
transform: scale(0.7); }
45% {
-webkit-transform: scale(1.05);
transform: scale(1.05); }
80% {
-webkit-transform: scale(0.95);
transform: scale(0.95); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
@-webkit-keyframes hideSweetAlert {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0; } }
@keyframes hideSweetAlert {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0; } }
.swal2-show {
-webkit-animation: showSweetAlert 0.3s;
animation: showSweetAlert 0.3s; }
.swal2-show.swal2-noanimation {
-webkit-animation: none;
animation: none; }
.swal2-hide {
-webkit-animation: hideSweetAlert 0.15s forwards;
animation: hideSweetAlert 0.15s forwards; }
.swal2-hide.swal2-noanimation {
-webkit-animation: none;
animation: none; }
@-webkit-keyframes animate-success-tip {
0% {
width: 0;
left: 1px;
top: 19px; }
54% {
width: 0;
left: 1px;
top: 19px; }
70% {
width: 50px;
left: -8px;
top: 37px; }
84% {
width: 17px;
left: 21px;
top: 48px; }
100% {
width: 25px;
left: 14px;
top: 45px; } }
@keyframes animate-success-tip {
0% {
width: 0;
left: 1px;
top: 19px; }
54% {
width: 0;
left: 1px;
top: 19px; }
70% {
width: 50px;
left: -8px;
top: 37px; }
84% {
width: 17px;
left: 21px;
top: 48px; }
100% {
width: 25px;
left: 14px;
top: 45px; } }
@-webkit-keyframes animate-success-long {
0% {
width: 0;
right: 46px;
top: 54px; }
65% {
width: 0;
right: 46px;
top: 54px; }
84% {
width: 55px;
right: 0;
top: 35px; }
100% {
width: 47px;
right: 8px;
top: 38px; } }
@keyframes animate-success-long {
0% {
width: 0;
right: 46px;
top: 54px; }
65% {
width: 0;
right: 46px;
top: 54px; }
84% {
width: 55px;
right: 0;
top: 35px; }
100% {
width: 47px;
right: 8px;
top: 38px; } }
@-webkit-keyframes rotatePlaceholder {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
5% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
12% {
-webkit-transform: rotate(-405deg);
transform: rotate(-405deg); }
100% {
-webkit-transform: rotate(-405deg);
transform: rotate(-405deg); } }
@keyframes rotatePlaceholder {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
5% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
12% {
-webkit-transform: rotate(-405deg);
transform: rotate(-405deg); }
100% {
-webkit-transform: rotate(-405deg);
transform: rotate(-405deg); } }
.swal2-animate-success-line-tip {
-webkit-animation: animate-success-tip 0.75s;
animation: animate-success-tip 0.75s; }
.swal2-animate-success-line-long {
-webkit-animation: animate-success-long 0.75s;
animation: animate-success-long 0.75s; }
.swal2-success.swal2-animate-success-icon .swal2-success-circular-line-right {
-webkit-animation: rotatePlaceholder 4.25s ease-in;
animation: rotatePlaceholder 4.25s ease-in; }
@-webkit-keyframes animate-error-icon {
0% {
-webkit-transform: rotateX(100deg);
transform: rotateX(100deg);
opacity: 0; }
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1; } }
@keyframes animate-error-icon {
0% {
-webkit-transform: rotateX(100deg);
transform: rotateX(100deg);
opacity: 0; }
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1; } }
.swal2-animate-error-icon {
-webkit-animation: animate-error-icon 0.5s;
animation: animate-error-icon 0.5s; }
@-webkit-keyframes animate-x-mark {
0% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
50% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
80% {
-webkit-transform: scale(1.15);
transform: scale(1.15);
margin-top: -6px; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
margin-top: 0;
opacity: 1; } }
@keyframes animate-x-mark {
0% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
50% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
80% {
-webkit-transform: scale(1.15);
transform: scale(1.15);
margin-top: -6px; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
margin-top: 0;
opacity: 1; } }
.swal2-animate-x-mark {
-webkit-animation: animate-x-mark 0.5s;
animation: animate-x-mark 0.5s; }
@-webkit-keyframes rotate-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes rotate-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }

View File

@@ -0,0 +1,126 @@
/**
* Subscribe Widget Styles
* Matches the onp-container / license-manager styling
*
* @package Robin_Image_Optimizer
*/
.wrio-subscribe-widget {
border: 0;
padding: 0;
border-radius: 5px;
background: rgb(255, 255, 255);
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 63%, rgba(246, 246, 246, 1) 100%);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
margin-top: 30px;
}
.wrio-subscribe-widget__header {
padding: 20px;
padding-bottom: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.wrio-subscribe-widget__header h3 {
margin: 0;
padding: 0;
font-size: 16px;
}
.wrio-subscribe-widget__body {
padding: 20px;
padding-top: 15px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.wrio-subscribe-widget__messages {
margin-bottom: 15px;
}
.wrio-subscribe-widget__success {
background: #f0fdf4;
border: 1px solid #bbf7d0;
color: #16a34a;
padding: 12px 15px;
border-radius: 4px;
font-size: 14px;
line-height: 170%;
}
.wrio-subscribe-widget__error {
background: #fef2f2;
border: 1px solid #fecaca;
color: #dc2626;
padding: 12px 15px;
border-radius: 4px;
font-size: 14px;
line-height: 170%;
}
.wrio-subscribe-widget__form {
/* Form container */
}
.wrio-subscribe-widget__form p {
margin: 0 0 10px 0;
padding: 0;
line-height: 170%;
font-size: 14px;
}
.wrio-subscribe-widget__field-wrap {
display: flex;
flex-direction: row;
gap: 10px;
margin-bottom: 12px;
}
.wrio-subscribe-widget__email {
flex: 1;
font-size: 18px;
line-height: 20px;
height: 36px;
padding: 6px 12px;
border: 1px solid #7e8993;
border-radius: 4px;
color: #000;
}
.wrio-subscribe-widget__email:focus {
border-color: #007cba;
box-shadow: 0 0 0 1px #007cba;
outline: none;
}
.wrio-subscribe-widget__button {
white-space: nowrap;
padding: 7px 14px 6px 14px;
text-decoration: none;
}
.wrio-subscribe-widget .wrio-subscribe-widget__checkbox-label {
display: inline-block;
gap: 8px;
font-size: 13px;
color: #333;
line-height: 170%;
margin-top: 5px;
font-weight: normal;
}
.wrio-subscribe-widget__checkbox-label input[type="checkbox"] {
flex-shrink: 0;
margin-top: 0;
}
.wrio-subscribe-widget__checkbox-label a {
color: #0073aa;
text-decoration: none;
}
.wrio-subscribe-widget__checkbox-label a:hover {
text-decoration: underline;
}