first
This commit is contained in:
@ -0,0 +1,491 @@
|
||||
.sp-column-info {
|
||||
max-width: 300px;
|
||||
/* Dropdown Content (Hidden by Default) */
|
||||
/* Links inside the dropdown */
|
||||
/* Change color of dropdown links on hover */
|
||||
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
|
||||
}
|
||||
.sp-column-info .sp-column-actions {
|
||||
max-width: 140px;
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
.sp-column-info .sp-column-actions .button.button-smaller {
|
||||
margin-right: 0px;
|
||||
}
|
||||
.sp-column-info .thumbnails.optimized {
|
||||
display: inline-block;
|
||||
}
|
||||
.sp-column-info .sp-dropdown {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
.sp-column-info .sp-dropbtn.button {
|
||||
box-sizing: content-box;
|
||||
padding: 0 5px;
|
||||
font-size: 20px;
|
||||
line-height: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.sp-column-info .sp-dropdown-content {
|
||||
display: none;
|
||||
right: 0;
|
||||
position: absolute;
|
||||
background: #f9f9f9;
|
||||
min-width: 200px;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
|
||||
z-index: 5;
|
||||
}
|
||||
.sp-column-info .rtl .sp-dropdown-content {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
.sp-column-info .sp-dropdown-content a {
|
||||
color: black;
|
||||
padding: 12px 16px;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
}
|
||||
.sp-column-info .sp-dropdown-content a:hover {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
.sp-column-info .sp-dropdown.sp-show .sp-dropdown-content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.view-edit-media a.debugModal {
|
||||
margin: 20px 0;
|
||||
display: inline-block;
|
||||
}
|
||||
.view-edit-media .sp-column-stats {
|
||||
position: relative;
|
||||
}
|
||||
.view-edit-media .sp-column-stats .sp-column-actions {
|
||||
margin-right: 5px;
|
||||
margin-top: 16px;
|
||||
}
|
||||
.view-edit-media .sp-column-stats .edit-media-stats li {
|
||||
margin: 0;
|
||||
line-height: 20px;
|
||||
}
|
||||
.view-edit-media .main-actions {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
.view-edit-media .main-actions .button.button-smaller {
|
||||
padding: 6px 15px;
|
||||
height: auto;
|
||||
float: none;
|
||||
}
|
||||
|
||||
.spio-message img {
|
||||
animation: cssload-spin 5000ms infinite linear;
|
||||
-o-animation: cssload-spin 5000ms infinite linear;
|
||||
-ms-animation: cssload-spin 5000ms infinite linear;
|
||||
-webkit-animation: cssload-spin 5000ms infinite linear;
|
||||
-moz-animation: cssload-spin 5000ms infinite linear;
|
||||
vertical-align: top;
|
||||
}
|
||||
@keyframes loading-spin {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-o-keyframes loading-spin {
|
||||
100% {
|
||||
-o-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-ms-keyframes loading-spin {
|
||||
100% {
|
||||
-ms-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes loading-spin {
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes loading-spin {
|
||||
100% {
|
||||
-moz-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.shortpixel-modal-active .debug-modal.debugInfo ul li strong {
|
||||
display: inline-block;
|
||||
min-width: 200px;
|
||||
}
|
||||
.shortpixel-modal-active .debug-modal.debugInfo ul li img {
|
||||
max-height: 150px;
|
||||
}
|
||||
.shortpixel-modal-active .debug-modal.debugInfo .green {
|
||||
color: green;
|
||||
}
|
||||
.shortpixel-modal-active .debug-modal.debugInfo .red {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.sp-column-info {
|
||||
position: relative;
|
||||
}
|
||||
.sp-column-info .thumbnails.optimized .thumb-wrapper {
|
||||
background: #fff;
|
||||
padding: 8px;
|
||||
border: 1px solid #ccc;
|
||||
max-width: 360px;
|
||||
position: absolute;
|
||||
display: none;
|
||||
z-index: 10;
|
||||
transition: all 1s;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.sp-column-info .thumbnails.optimized .thumb-wrapper .thumb {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.sp-column-info .thumbnails.optimized .thumb-wrapper .thumb .thumb-name {
|
||||
overflow: hidden;
|
||||
max-width: 200px;
|
||||
white-space: nowrap;
|
||||
display: inline-block;
|
||||
}
|
||||
.sp-column-info .thumbnails.optimized .thumb-wrapper .thumb .optimize-bar {
|
||||
float: right;
|
||||
margin-left: 8px;
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
height: 10px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
.sp-column-info .thumbnails.optimized .thumb-wrapper .thumb .optimize-bar .point {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
display: inline-block;
|
||||
background: #d6d8d9;
|
||||
}
|
||||
.sp-column-info .thumbnails.optimized .thumb-wrapper .thumb .optimize-bar .point.checked {
|
||||
background: #1abdca;
|
||||
}
|
||||
.sp-column-info .thumbnails.optimized .thumb-wrapper .thumb .cutoff {
|
||||
float: right;
|
||||
}
|
||||
.sp-column-info .thumbnails.optimized:hover .thumb-wrapper {
|
||||
display: block;
|
||||
}
|
||||
.sp-column-info .sp-column-actions {
|
||||
margin: 10px;
|
||||
position: relative;
|
||||
}
|
||||
.sp-column-info .thumbs-todo {
|
||||
position: relative;
|
||||
}
|
||||
.sp-column-info .thumbs-todo span {
|
||||
display: none;
|
||||
}
|
||||
.sp-column-info .thumbs-todo h4:hover ~ span {
|
||||
display: inline-block;
|
||||
}
|
||||
.sp-column-info h4 {
|
||||
margin: 0;
|
||||
}
|
||||
.sp-column-info .shortpixel-image-error, .sp-column-info .shortpixel-image-notice {
|
||||
display: block;
|
||||
border: 1px solid #ff0000;
|
||||
padding: 12px;
|
||||
margin: 14px 0;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.sp-column-info .shortpixel-image-error .shortpixel-error-reset, .sp-column-info .shortpixel-image-notice .shortpixel-error-reset {
|
||||
font-weight: 500;
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
}
|
||||
.sp-column-info .shortpixel-image-notice {
|
||||
border: 1px solid #000;
|
||||
}
|
||||
|
||||
.column-wp-shortPixel .message {
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
margin: 12px 0;
|
||||
}
|
||||
.column-wp-shortPixel .message img {
|
||||
animation: cssload-spin 5000ms infinite linear;
|
||||
-o-animation: cssload-spin 5000ms infinite linear;
|
||||
-ms-animation: cssload-spin 5000ms infinite linear;
|
||||
-webkit-animation: cssload-spin 5000ms infinite linear;
|
||||
-moz-animation: cssload-spin 5000ms infinite linear;
|
||||
vertical-align: top;
|
||||
}
|
||||
@keyframes loading-spin {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-o-keyframes loading-spin {
|
||||
100% {
|
||||
-o-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-ms-keyframes loading-spin {
|
||||
100% {
|
||||
-ms-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes loading-spin {
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes loading-spin {
|
||||
100% {
|
||||
-moz-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/** Style for Grid view popups */
|
||||
.shortpixel-popup-info {
|
||||
display: flex;
|
||||
clear: both;
|
||||
border-top: 1px solid #dcdcde;
|
||||
margin: 12px 0;
|
||||
}
|
||||
.shortpixel-popup-info label {
|
||||
min-width: 30%;
|
||||
text-align: right;
|
||||
margin-right: 4%;
|
||||
padding-top: 4px;
|
||||
}
|
||||
.shortpixel-popup-info > div {
|
||||
padding-left: 8px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.edit-attachment-frame .shortpixel-popup-info {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
div.sp-modal-shade {
|
||||
display: none; /* Hidden by default */
|
||||
position: fixed; /* Stay in place */
|
||||
z-index: 10000; /* Sit on top - blame WP-admin for the z-index battle . */
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%; /* Full width */
|
||||
height: 100%; /* Full height */
|
||||
overflow: auto; /* Enable scroll if needed */
|
||||
background: rgb(0, 0, 0); /* Fallback color */
|
||||
background: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
div.shortpixel-modal {
|
||||
background-color: #fefefe;
|
||||
/*margin: 8% auto; 15% from the top and centered */
|
||||
padding: 20px;
|
||||
border: 1px solid #888;
|
||||
width: 30%; /* Could be more or less, depending on screen size */
|
||||
min-width: 300px; /* Could be more or less, depending on screen size */
|
||||
z-index: 999999; /* Z-index wars :/ */
|
||||
position: fixed;
|
||||
top: 10%;
|
||||
left: 50%;
|
||||
max-height: 90%;
|
||||
overflow-y: auto;
|
||||
}
|
||||
div.shortpixel-modal .sp-close-button, div.shortpixel-modal button.sp-close-upgrade-button {
|
||||
float: right;
|
||||
margin-top: 0px;
|
||||
background: transparent !important;
|
||||
border: none;
|
||||
font-size: 22px;
|
||||
line-height: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.shortpixel-modal .sptw-modal-spinner {
|
||||
background-image: url("../img/spinner2.gif");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
div.sp-modal-title {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
div.sp-modal-body {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
body.debug-model-active {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.debugInfo .content.wrapper {
|
||||
display: none;
|
||||
}
|
||||
.debugInfo .content.wrapper li strong {
|
||||
margin-right: 15px;
|
||||
}
|
||||
.debugInfo .content.wrapper ul {
|
||||
margin: 25px 0;
|
||||
}
|
||||
|
||||
.debug-modal {
|
||||
display: none;
|
||||
width: 75%;
|
||||
max-width: 90%;
|
||||
height: auto;
|
||||
max-height: 90vh;
|
||||
overflow: hidden;
|
||||
border-radius: 4px;
|
||||
box-shadow: -3px -3px 10px rgba(0, 0, 0, 0.5);
|
||||
position: fixed;
|
||||
left: 20%;
|
||||
top: 10%;
|
||||
z-index: 10020;
|
||||
display: none;
|
||||
background: #ffffff;
|
||||
}
|
||||
.debug-modal.success {
|
||||
border: 4px solid green;
|
||||
}
|
||||
.debug-modal.error {
|
||||
border: 4px solid red;
|
||||
}
|
||||
.debug-modal.error h3 {
|
||||
background-color: #ff0000;
|
||||
}
|
||||
.debug-modal .content-area {
|
||||
background-color: #fff;
|
||||
}
|
||||
.debug-modal .modal_header {
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
background-color: #f3f3f3;
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding: 8px 5px;
|
||||
cursor: move;
|
||||
}
|
||||
.debug-modal .modal_header h3 {
|
||||
margin: 0;
|
||||
color: #444;
|
||||
font-weight: 400;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
text-shadow: none;
|
||||
font-size: 16px;
|
||||
}
|
||||
.debug-modal .modal_header .modal_close {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 8px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
cursor: pointer;
|
||||
color: #444;
|
||||
}
|
||||
.debug-modal .modal_header .modal_close:hover {
|
||||
cursor: pointer;
|
||||
color: #111;
|
||||
}
|
||||
.debug-modal .content, .debug-modal .modal_content {
|
||||
padding: 5px 15px 10px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.debugModal_overlay {
|
||||
background: #000;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
opacity: 0.7;
|
||||
z-index: 10000;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.shortpixel-hide {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.button-primary.optimize {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.switch_button {
|
||||
line-height: 12px;
|
||||
margin: 2px -5px 10px -5px;
|
||||
display: inline-block;
|
||||
}
|
||||
.switch_button label {
|
||||
padding: 8px 5px;
|
||||
}
|
||||
.switch_button label:focus {
|
||||
outline: none;
|
||||
}
|
||||
.switch_button input {
|
||||
display: none;
|
||||
}
|
||||
.switch_button input:checked ~ .the_switch {
|
||||
background: #7cdce4;
|
||||
}
|
||||
.switch_button input:checked ~ .the_switch:after {
|
||||
left: 20px;
|
||||
background: #1caecb;
|
||||
}
|
||||
.switch_button input:disabled ~ .the_switch {
|
||||
background: #d5d5d5;
|
||||
pointer-events: none;
|
||||
}
|
||||
.switch_button input:disabled ~ .the_switch:after {
|
||||
background: #bcbdbc;
|
||||
}
|
||||
.switch_button .the_switch {
|
||||
margin: 8px 15px 8px 0;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
height: 10px;
|
||||
width: 40px;
|
||||
background: #cccccc;
|
||||
border-radius: 100px;
|
||||
cursor: pointer;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25) !important;
|
||||
}
|
||||
.switch_button .the_switch:after {
|
||||
position: absolute;
|
||||
left: -2px;
|
||||
top: -5px;
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 100px;
|
||||
background: #aaa;
|
||||
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.31);
|
||||
content: "";
|
||||
-webkit-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.5s ease, margin 0.5s ease !important;
|
||||
-o-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.5s ease, margin 0.5s ease !important;
|
||||
transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.5s ease, margin 0.5s ease !important;
|
||||
}
|
||||
.switch_button .the_switch:active:after {
|
||||
transform: scale(0.9, 0.85);
|
||||
}
|
||||
.switch_button .the_switch:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=shortpixel-admin.css.map */
|
||||
@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../scss/elements/_actionbar.scss","../scss/view/_edit-media.scss","../scss/elements/_animation.scss","../scss/view/_list-item.scss","../scss/view/_modal.scss","../scss/view/_debug.scss","../scss/shortpixel-admin.scss"],"names":[],"mappings":"AAAA;EAEE;AAiCA;AAeA;AAQA;AAGA;;AAzDA;EACG;EACA;EACA;;AACF;EACI;;AAIL;EAEE;;AAMF;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAKJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAIJ;EACI;EACA;EACA;EACA;;AAIJ;EAA8B;;AAG9B;EAA2C;;;AC1DzC;EAEG;EACA;;AAGH;EAEE;;AAEA;EAEE;EACA;;AAOA;EAEE;EACA;;AAIN;EAEE;EACA;;AAEA;EAGE;EACA;EACA;;;AAQP;EC/CC;EACI;EACA;EACA;EACA;ED6CH;;AC3CF;EACC;IAAM;IAA2B;;;AAGlC;EACC;IAAM;IAA8B;;;AAGrC;EACC;IAAM;IAA+B;;;AAGtC;EACC;IAAM;IAAmC;;;AAG1C;EACC;IAAM;IAAgC;;;;ADmCjC;EAEC;EACA;;AAEF;EACC;;AAUJ;EAAS;;AACT;EAAO;;;AE5EV;EAEE;;AASE;EAEK;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACJ;;AACI;EAEI;EACA;;AAEL;EACC;EACA;EACA;EACA;;AAEI;EACK;EACA;EACA;EACA;EACA;EACA;;AAEC;EAEG;EACA;EAEA;EACA;;AAEA;EACE;;AAIjB;EACE;;AAKD;EACI;;AAKV;EAEC;EACE;;AAEH;EAEG;;AAEA;EACI;;AAEJ;EAAkB;;AAGrB;EAAK;;AACL;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEG;EACA;EACA;;AAGP;EACG;;;AAQH;EAEG;EACA;EACF;;AACA;ED9GD;EACI;EACA;EACA;EACA;EC4GF;;AD1GH;EACC;IAAM;IAA2B;;;AAGlC;EACC;IAAM;IAA8B;;;AAGrC;EACC;IAAM;IAA+B;;;AAGtC;EACC;IAAM;IAAmC;;;AAG1C;EACC;IAAM;IAAgC;;;;AC8FxC;AACA;EAEI;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;;AAGF;EAAQ;EAAmB;;;AAI/B;EAEI;;;AC9IJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACI;EACA;EACA;;;AAKR;EACI;;;AAEJ;EACI;;;AC/CJ;EACE;;;AAGF;EAEC;;AACA;EACC;;AAED;EAEC;;;AAKF;EACC;EACA;EACA;EACA;EACA;EACA;EACC;EACA;EAED;EACA;EACA;EAEA;EAGA;EACA;;AAEA;EAEE;;AAGF;EACE;;AACA;EAAK;;AAGP;EACE;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AAIH;EACC;EAIA;;;AAKF;EAEE;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC/FD;EACI;;;AAIJ;EAEE;;;AAGF;EAGC;EACA;EACA;;AAEA;EACC;;AAEA;EACC;;AAGF;EAAQ;;AACP;EAA0B;;AAC1B;EACC;EACA;;AAED;EACC;EACA;;AAED;EAAiC;;AAElC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACH;EACA;;AAEE;EAAiB;;AACjB;EACC","file":"shortpixel-admin.css"}
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../scss/shortpixel-bulk.scss","../scss/elements/_colors.scss","../scss/elements/_animation.scss"],"names":[],"mappings":"AAAA;AAKE;AAqWF;AAkMI;AAsHF;;AA5pBE;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;EACA;;AAGN;EACE;;AAGF;EAEG;EAGA;;AAGL;EACC;EACA;EACA;EACA;EAEA;EACA;EACA,YC3CiB;ED4CjB,OC/CU;EDgDV;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEC,YCzDS;ED0DT;EACA;;AAGD;EACC,cC/DS;EDgET,YChES;;ADkEV;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAID;EAEE,YCpFU;EDqFV;EACA;EACA;EACA;;AAGJ;EACE;EAED;EACA;;AACA;EAEE;;AAIH;EACG;;AAGD;EACE;;AAGJ;EACG;EACA;;AAGJ;EACG;IACG;;EAEH;IACG;;;AAIN;EAEE;EACA;;AAID;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACC;EAEE;EACA;EACA;EACA;EACA;EACA;;AAEH;EAEE;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EAEC;EACA;EACA;;AACA;EACC;;AACA;EAAW;;AACR;EAAS;EAA+B;;AAE3C;EAAQ;;AACR;EACE;EACD;;AAGF;EAAI;EAAuB;;AAK5B;EAEI;EACA;EACA;EACA;;AAGA;EAGG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EAEE;EACA;EACA;EACN;EACA;;AAGG;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EAAU;;AACV;EAEN;EACA;;AAMH;EAEG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEJ;;AAGI;EAEI;EACA;EACA;EACA;;AAGJ;EAEG;EAED;EACA;;AAKE;EAAK;;AACL;EACE;EACA;;AACA;EAAS;;AAGf;EACE;EACA;EAEA;EACL;EACK;EACA;EACA;EACA;EACA;EACL;EACA;EAEK;EACL;EACA;EACA;;AACA;EAAS;;AAMT;EAGE;EAGH;EACG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EAEE;;AACA;EAEG;EACA;EACA;;AAGH;EAAiB;;AAIvB;EAEE;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AACA;EACA;EACA;EACA;;AAEA;EAEC;EACA;EACC;;AASA;EAAa;;AAIb;EAEK;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAEE;EACA;EACA;EAAS;;AAGX;EAEG;EAEA;EACA;EACA;EACA;EACP;EAEA;EACA;;AAEO;EAGP,YCnZQ;EDqZP;EACA;EAES;;AAKH;EACE;EACA;;AAEF;EAEN;;AAML;EACE;EACD;;AACA;EACC;;AAIC;EAEG;EACA;EACA;;AACA;EAAK;EAAwB;;AAC7B;EACE;;AACA;EAAS;EAAqB;;AAI9B;EACE;EACA;;AAKF;EACE;EACA;EAGA;EACA;;AAHA;EAAgB;;AAChB;EAAgB;;AAGhB;EACG;EACA;EACA;;AAYb;EAEI;;AACA;EAEE;EACA;EACA;EACA;EACE;;AAEF;EAEG;EACA;EACA;EACA;EACA;;AAGH;EAEE;;AAEF;EAEE;EACA;;AAGF;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACN;;AAEI;EAEE;EACA;EACA;EACA;EACN;;AAoBG;EATH;;AAUG;EAAe;;AACf;EAAQ;;AAEX;EAEG;EACJ;EACI;;AAKA;EACE;EACL;EACA;;AAKE;EAEG;EACL;;AAKG;EAEG;EACA;EACA;EACA;EACA;EACA;;AACN;EACC;;AACA;EAAI;;AAEC;EACE;;AAEF;EE5lBV;EACI;EACA;EACA;EACA;;AAEL;EACC;IAAM;IAA2B;;;AAGlC;EACC;IAAM;IAA8B;;;AAGrC;EACC;IAAM;IAA+B;;;AAGtC;EACC;IAAM;IAAmC;;;AAG1C;EACC;IAAM;IAAgC;;;AFykBnC;EAEE;EACD;;AAKH;EAEE;EACA;;AACA;EACE;EACD;;AAED;EAAI;;AAWA;EACG;;AAEH;EACG;EACA;EACA;EACA;;AAEH;EACE;EAEA;;AACA;EACI;EACA;;AAEJ;EACI;;AAET;EACC;EACA;EACA;;AAMJ;EAEE;;AAYI;EAAQ;;AACR;EAAe;;AACf;EAAQ;;AAIR;EArIH;;AAsIG;EAAe;;AACf;EAAQ;;AAEX;EAEI;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAKD;EACI;EACA;EACA;;AACA;EAEG;EACA;;AAIN;EAEG;EAEA;EACA;;AAEA;EACE;EACA;EACA;;AACA;EAEG;EACA;EACA;;AACA;EAEG;;AAIR;EAEG;EACA;EACA;EAEA;;AAOd;EAEE;EACA;EACA;EACA;;AAEA;EAAU;;AAGZ;EACI;EAEA;EAEL;;AACK;EAAM;;AACN;EACG;EACA;EACA;EACN;;AACM;EAAgB;EAAkB;;AACxC;EAAkB;;AAClB;EAAkB;;AAClB;EAAU;EAAc;;AAGrB;EACE;EACA;;AAIN;EAEG;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AACA;EAAO;;AAET;EACE;EACA;EACA;EACA;EACA;EACA;;AAGL;EAEI;EACA;EACA;;AASD;EAAQ;;AACR;EAAe;;AACf;EAAQ;;AAIR;EA1RH;;AA2RG;EAAe;;AACf;EAAQ;;AAGX;EAEE;EACA;EACA;EACA;EACA;EACJ;EACA;;AAEI;EACE;EACA;EACL;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGG;EACI;EACA;EACA;;AAEA;EACE;;AAEF;EACE,QCz2BD;ED02BC;EACA;;AAEF;EAEE;EACA;EACA;EACA;EACA;;AAKR;EAEE;EACA;EACA;;AACA;EAAQ;;AACR;EACI;EACA;EACN;;AAEE;EACG;EACA;;AAGH;EAEE;EACA;EACA;EACA;EACA;EACL;;AAGK;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGP;EAEE;EACA;;AAKD;EAEE;;AAMJ;EACC;;AAIC;EACG;EACA;EACA;EACA;EACJ;;AAEA;EACG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;;AAIC;EAEG;EACA;EACA;EACA;;AAIN;EAEC;EACA;EACA;;AAGK;EACI;EACA;EACA;EACP;EACA;;AAEO;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EAEE;EACA;EACA;EACA;EACA;;AAKR;EAIH;EACA;EAGK;;AAEL;EAIC;EACA;EACA;;AAID;EAEC;EACC;EACD;EACA;EACA;EACA;EACA;;AAED;EAEE;;AAIF;EAGC;;AASI;EAEG;EACA;EACA;EACA;;AAEA;EACE;EACR;EACA;EASA;EACA;;AATA;EAEC;;AAED;EAEC;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGK;EACE;EACA;EACA;EACA;EACA;EACA;;AAGL;EAEG;;AAEH;EAEE;;AACN;EACE;EACD;;AAMF;EACI;EACA;;AAYD;EAAQ;;AACR;EAAe;;AACf;EAAQ;;AAIR;EA/kBH;;AAglBG;EAAe;;AACf;EAAQ;;AAGX;EACI;;AAEF;EAEI;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAOV;EAEG;EACA;EACA;EACA;EACA;;AAKL;EAEE;EAEA;;AACA;EAAK;EACH;EACA;;AAEA;EAEE;EACA;EACA;;AAIJ;EAAW;;AAEX;EAEC;EACA;;AAEK;EACG;;AAEH;EACG;EACA;EACA;EACA;EACN;;AAEG;EACE;EAEA;;AACA;EACI;EACA;;AAEJ;EACI;;AAGX;EAEE;EACA","file":"shortpixel-bulk.css"}
|
||||
@ -0,0 +1,74 @@
|
||||
.sp-folder-picker {
|
||||
position: relative;
|
||||
border: 1px solid #000;
|
||||
margin: 8px 0;
|
||||
max-height: 50vh;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.sp-folder-picker .loading {
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.sp-folder-picker .loading h3 {
|
||||
font-size: 30px;
|
||||
font-weight: bold;
|
||||
left: 50%;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
.sp-folder-picker ul {
|
||||
margin-top: 8px;
|
||||
margin-left: 35px;
|
||||
}
|
||||
.sp-folder-picker ul.expanded {
|
||||
display: block;
|
||||
}
|
||||
.sp-folder-picker ul.collapsed {
|
||||
display: none;
|
||||
}
|
||||
.sp-folder-picker .folder {
|
||||
line-height: 20px;
|
||||
}
|
||||
.sp-folder-picker .folder i {
|
||||
margin-right: 8px;
|
||||
vertical-align: top;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: inline-block;
|
||||
}
|
||||
.sp-folder-picker .folder a {
|
||||
cursor: pointer;
|
||||
color: #000;
|
||||
}
|
||||
.sp-folder-picker .folder.selected > a {
|
||||
font-weight: 700;
|
||||
}
|
||||
.sp-folder-picker .folder.closed > a > i {
|
||||
background: url("../img/filebrowser/folder-closed.svg") center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 20px 20px;
|
||||
fill: #ff0000;
|
||||
}
|
||||
.sp-folder-picker .folder.open > a > i {
|
||||
background: url("../img/filebrowser/folder-open.svg") center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 20px 20px;
|
||||
}
|
||||
.sp-folder-picker .folder.is_active > a {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.modal-folder-picker .sp-folder-picker-selected {
|
||||
display: inline-block;
|
||||
padding: 6px 0;
|
||||
}
|
||||
.modal-folder-picker .folder-message {
|
||||
border: 1px solid #ff0000;
|
||||
margin: 8px 0;
|
||||
padding: 8px 8px 8px 12px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=shortpixel-folderbrowser.css.map */
|
||||
@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../scss/shortpixel-folderbrowser.scss"],"names":[],"mappings":"AAEA;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAIN;EACE;EACA;;AACA;EACG;;AAEH;EACG;;AAKL;EAEG;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACG;EACA;;AAEF;EACI;;AAEJ;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACG;;;AAUT;EACG;EACA;;AAGH;EACG;EACA;EACA;EACA","file":"shortpixel-folderbrowser.css"}
|
||||
@ -0,0 +1,24 @@
|
||||
#ngg_page_content .sp-column-info {
|
||||
position: relative;
|
||||
}
|
||||
#ngg_page_content .sp-column-info .button-smaller {
|
||||
min-width: 150px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
#ngg_page_content .sp-column-info .sp-column-actions {
|
||||
float: right;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 0;
|
||||
}
|
||||
#ngg_page_content .sp-column-info .button {
|
||||
background-color: black;
|
||||
}
|
||||
#ngg_page_content .sp-column-info .dashicons::before {
|
||||
font-family: dashicons;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=shortpixel-nextgen.css.map */
|
||||
@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../scss/shortpixel-nextgen.scss"],"names":[],"mappings":"AACA;EAEE;;AAEE;EACI;EACA;;AAEN;EACE;EACA;EACA;EACA;;AAEF;EACC;;AAED;EAEE;EACA;EACA;EACA","file":"shortpixel-nextgen.css"}
|
||||
@ -0,0 +1,98 @@
|
||||
.shortpixel.shortpixel-notice {
|
||||
/*min-height: 75px;
|
||||
padding: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
padding: 1px 12px;
|
||||
box-shadow: 0 1px 1px rgba(0,0,0,0.04);
|
||||
border: 1px solid #c3c4c7;
|
||||
margin: 15px 0;
|
||||
border-left-width: 4px;
|
||||
border-left-color: #72aee6;
|
||||
position: relative; */
|
||||
/*span
|
||||
{
|
||||
vertical-align: middle;
|
||||
&.icon {
|
||||
//float: left;
|
||||
margin: 0 25px 0 0;
|
||||
width: 80px;
|
||||
// display: inline-block;
|
||||
}
|
||||
&.content
|
||||
{
|
||||
// width: 50%;
|
||||
padding: 8px 0;
|
||||
word-wrap: break-word;
|
||||
overflow: hidden;
|
||||
}
|
||||
} */
|
||||
}
|
||||
.shortpixel.shortpixel-notice .details-wrapper {
|
||||
margin: 8px 0 4px 0;
|
||||
}
|
||||
.shortpixel.shortpixel-notice .details-wrapper .detail-content-wrapper {
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.shortpixel.shortpixel-notice .details-wrapper .detail-content-wrapper .detail-content {
|
||||
opacity: 0;
|
||||
transition: opacity 750ms linear;
|
||||
}
|
||||
.shortpixel.shortpixel-notice .details-wrapper label {
|
||||
opacity: 100;
|
||||
transition: opacity 250ms ease-in;
|
||||
}
|
||||
.shortpixel.shortpixel-notice .details-wrapper label span {
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
color: #0085ba;
|
||||
font-weight: 500;
|
||||
}
|
||||
.shortpixel.shortpixel-notice .details-wrapper input[name=detailhider] {
|
||||
display: none;
|
||||
}
|
||||
.shortpixel.shortpixel-notice .details-wrapper input[name=detailhider]:checked ~ .detail-content-wrapper {
|
||||
max-height: none;
|
||||
}
|
||||
.shortpixel.shortpixel-notice .details-wrapper input[name=detailhider]:checked ~ .detail-content-wrapper .detail-content {
|
||||
opacity: 100;
|
||||
}
|
||||
.shortpixel.shortpixel-notice .details-wrapper input[name=detailhider]:checked ~ .show-details {
|
||||
opacity: 0;
|
||||
transition: opacity 50ms ease-out;
|
||||
}
|
||||
.shortpixel.shortpixel-notice .details-wrapper input[name=detailhider]:not(:checked) ~ .hide-details {
|
||||
opacity: 0;
|
||||
transition: opacity 50ms ease-out;
|
||||
}
|
||||
|
||||
.shortpixel.shortpixel-notice .sp-conflict-plugins {
|
||||
display: table;
|
||||
border-spacing: 10px;
|
||||
border-collapse: separate;
|
||||
}
|
||||
.shortpixel.shortpixel-notice .sp-conflict-plugins li {
|
||||
display: table-row;
|
||||
}
|
||||
.shortpixel.shortpixel-notice .sp-conflict-plugins li > * {
|
||||
display: table-cell;
|
||||
}
|
||||
.shortpixel.shortpixel-notice .content .button-primary {
|
||||
background-color: #0f6a7d;
|
||||
border-color: #0f6a7d;
|
||||
}
|
||||
.shortpixel.shortpixel-notice .content .button-primary:hover {
|
||||
background-color: #1cbecb;
|
||||
}
|
||||
.shortpixel.shortpixel-notice li.sp-conflict-plugins-list {
|
||||
line-height: 28px;
|
||||
list-style: disc;
|
||||
margin-left: 80px;
|
||||
}
|
||||
.shortpixel.shortpixel-notice li.sp-conflict-plugins-list a.button {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=shortpixel-notices.css.map */
|
||||
@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../scss/shortpixel-notices.scss","../scss/elements/_colors.scss"],"names":[],"mappings":"AAGA;AAIG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAiBA;EAEG;;AACA;EAEE;EACA;;AAEA;EACE;EACA;;AAGJ;EAEE;EACA;;AACA;EAEE;EACA;EACA;EACA;;AAGJ;EAA4B;;AAC5B;EAEI;;AAEJ;EAEI;;AAGJ;EAEG;EACD;;AAEF;EAEG;EACA;;;AAQP;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAKR;EAEE,kBCtGY;EDuGd,cCvGc;;ADyGd;EAAU,kBCxGC;;AD2GX;EACI;EACA;EACA;;AAEJ;EACI","file":"shortpixel-notices.css"}
|
||||
@ -0,0 +1,259 @@
|
||||
.shortpixel-other-media {
|
||||
margin-bottom: 120px;
|
||||
}
|
||||
.shortpixel-other-media .search-form {
|
||||
float: right;
|
||||
}
|
||||
.shortpixel-other-media .search-form label {
|
||||
margin-right: 8px;
|
||||
}
|
||||
.shortpixel-other-media .pagination {
|
||||
margin: 25px 0;
|
||||
}
|
||||
@media (max-width: 782px) {
|
||||
.shortpixel-other-media .pagination .pagination-links {
|
||||
float: right;
|
||||
margin: 8px 0;
|
||||
}
|
||||
.shortpixel-other-media .pagination .displaying-num {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.shortpixel-other-media .custom-media-tabs {
|
||||
display: block;
|
||||
margin: 20px 0 0 0;
|
||||
}
|
||||
.shortpixel-other-media .custom-media-tabs a {
|
||||
background: #ddd;
|
||||
width: 100px;
|
||||
margin-right: 0;
|
||||
border-right: 1px solid #fff;
|
||||
padding: 15px;
|
||||
display: inline-block;
|
||||
color: #23282d;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
color: #23282d;
|
||||
font-size: 14px;
|
||||
}
|
||||
.shortpixel-other-media .custom-media-tabs a:focus {
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.shortpixel-other-media .custom-media-tabs a.selected {
|
||||
background: #fff;
|
||||
}
|
||||
.shortpixel-other-media .extra-heading {
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
border-top: 1px solid #ccd0d4;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
.shortpixel-other-media .extra-heading span {
|
||||
padding: 12px 0;
|
||||
display: inline-block;
|
||||
}
|
||||
.shortpixel-other-media .extra-heading span:first-child {
|
||||
width: 48px;
|
||||
}
|
||||
.shortpixel-other-media .extra-heading span.custom-filter {
|
||||
margin-left: 12px;
|
||||
}
|
||||
.shortpixel-other-media .list-overview {
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
border: 1px solid #ccd0d4;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
|
||||
clear: both;
|
||||
display: table;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .heading, .shortpixel-other-media .list-overview .item {
|
||||
display: table-row;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .heading > span, .shortpixel-other-media .list-overview .item > span {
|
||||
display: table-cell;
|
||||
padding: 8px 10px;
|
||||
line-height: 1.5em;
|
||||
vertical-align: top;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .heading {
|
||||
border-bottom: 1px solid #ccc;
|
||||
font-size: 14px;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .heading a {
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .heading a .sorted::before {
|
||||
visibility: visible;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .heading a .sorted.desc::before {
|
||||
content: "\f140";
|
||||
}
|
||||
.shortpixel-other-media .list-overview .heading a:hover .sorting-indicator::before {
|
||||
content: "\f142";
|
||||
visibility: visible;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .heading a:hover .sorting-indicator.asc::before {
|
||||
content: "\f140";
|
||||
}
|
||||
.shortpixel-other-media .list-overview .heading span.heading span {
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .item:nth-child(odd) {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .item > span:last-child {
|
||||
min-width: 400px;
|
||||
max-width: 400px;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .item:hover .row-actions {
|
||||
left: 0;
|
||||
color: #bbb;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .item:hover .row-actions a {
|
||||
text-decoration: none;
|
||||
padding-right: 4px;
|
||||
padding-left: 4px;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .item:hover .row-actions a:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .item .filename {
|
||||
font-size: 14px;
|
||||
min-width: 350px;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .item .thumb {
|
||||
min-width: 60px;
|
||||
min-height: 60px;
|
||||
display: inline-block;
|
||||
border: 1px solid #ccc;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .item .thumb img {
|
||||
max-width: 60px;
|
||||
max-height: 60px;
|
||||
border: 1px solid #ccc;
|
||||
background: #eee;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .item .actions {
|
||||
min-width: 105px;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .item .single-action {
|
||||
text-align: left;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .item .single-action a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .item .single-action .button-smaller {
|
||||
width: 110px;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .item .multi-action-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .item .multi-action-wrapper .single-action {
|
||||
display: inline-block;
|
||||
margin: 8px 0;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .item .multi-action-wrapper .single-action a {
|
||||
display: block;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .item .sp-column-info {
|
||||
width: 100%;
|
||||
min-width: 250px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .item .sp-column-info .thumbs-todo {
|
||||
display: inline-block;
|
||||
}
|
||||
@media (max-width: 1550px) {
|
||||
.shortpixel-other-media .list-overview .item .sp-column-info {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
.shortpixel-other-media .list-overview .item .sp-column-info .sp-column-actions {
|
||||
position: relative;
|
||||
top: 0;
|
||||
}
|
||||
@media (max-width: 1250px) {
|
||||
.shortpixel-other-media .list-overview .heading .type {
|
||||
display: none;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .item .mediatype {
|
||||
display: none;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .item .filename, .shortpixel-other-media .list-overview .item .folderpath {
|
||||
max-width: 250px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
.shortpixel-other-media .list-overview .heading .date {
|
||||
display: none;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .item .date {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.shortpixel-other-media .list-overview .no-items {
|
||||
padding: 10px;
|
||||
}
|
||||
.shortpixel-other-media .list-overview .no-items p {
|
||||
font-size: 14px;
|
||||
}
|
||||
.shortpixel-other-media .scan-area {
|
||||
margin: 20px 0;
|
||||
}
|
||||
.shortpixel-other-media .scan-area .scan-actions > div {
|
||||
margin: 20px 0;
|
||||
transition: visibility 0.3s linear, opacity 0.3s linear;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
.shortpixel-other-media .scan-area .scan-actions .button {
|
||||
width: 200px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
.shortpixel-other-media .scan-area .result {
|
||||
min-width: 500px;
|
||||
margin: 20px 0;
|
||||
transition: 1s all;
|
||||
}
|
||||
.shortpixel-other-media .scan-area .result-table {
|
||||
display: table;
|
||||
min-width: 300px;
|
||||
}
|
||||
.shortpixel-other-media .scan-area .result-table > div {
|
||||
display: table-row;
|
||||
background: #fff;
|
||||
}
|
||||
.shortpixel-other-media .scan-area .result-table > div > span {
|
||||
display: table-cell;
|
||||
text-align: left;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
.shortpixel-other-media .scan-area .result-table .message {
|
||||
padding: 4px 8px;
|
||||
font-weight: 700;
|
||||
display: table-caption;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.shortpixel-other-media .scan-area .not-visible {
|
||||
visibility: hidden !important;
|
||||
opacity: 0 !important;
|
||||
}
|
||||
.shortpixel-other-media .scan-area .scan-help {
|
||||
max-width: 750px;
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=shortpixel-othermedia.css.map */
|
||||
@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../scss/shortpixel-othermedia.scss"],"names":[],"mappings":"AAAA;EAEE;;AACA;EAEE;;AACA;EAEE;;AAGJ;EAEG;;AACD;EAEI;IAEG;IACA;;EAEH;IAEE;;;AAKR;EAEG;EACA;;AACA;EACE;EACA;EAEF;EACD;EACG;EACA;EACA;EACA;EACH;EACA;EACA;;AACG;EACG;EACA;EACA;;AAGN;EACC;;AAKF;EAEE;EACA;EACA;EACA;;AACA;EASG;EACA;;AATD;EACE;;AAGF;EAEG;;AAOP;EAEG;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAEA;EAEE;EACA;EACA;EACA;;AAGJ;EAEE;EACA;;AACA;EACE;EACA;EACA;;AACA;EAEE;;AAEF;EAEG;;AAID;EAEE;EACA;;AAEF;EAEE;;AAKN;EAEE;EACA;;AAKD;EACG;;AAEP;EAEE;EACD;;AAIK;EAEE;EACA;;AACA;EAGE;EACA;EACA;;AACA;EACG;;AAKT;EAEE;EACL;;AAEG;EAEE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGJ;EAEE;;AAOF;EAEE;;AACA;EAEE;EACA;EACA;;AAGF;EAEE;;AAIJ;EAEE;EACA;;AACA;EAEE;EACA;;AACA;EAEE;;AAMN;EAEH;EACK;EACA;EACL;;AAEK;EAEE;;AAGF;EAZF;IAaM;;;AAET;EAEE;EACD;;AAMD;EAII;IAAQ;;EAGP;IAAa;;EACb;IAAyB;IAAkB;IAAkB;;;AAIlE;EAIG;IAAQ;;EAKN;IAAQ;;;AAGb;EAEE;;AACA;EACE;;AAMR;EAEE;;AAIC;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;;AAGH;EAEE;EACA;EACA;;AAGF;EAEE;EACA;;AACA;EACE;EAED;;AACA;EACC;EACA;EACA;;AAGF;EACC;EACA;EACA;EACA;;AAGH;EACC;EACA;;AAGE;EAEG;EACA","file":"shortpixel-othermedia.css"}
|
||||
@ -0,0 +1,687 @@
|
||||
.settings_page_wp-shortpixel-settings {
|
||||
/* TABS CONTROLS */
|
||||
/* In-view notice ( not on top, between the options ) - styled after WP notice */
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings a {
|
||||
color: #0f6a7d;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings p {
|
||||
font-size: 14px;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .clearfix {
|
||||
zoom: 1;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .clearfix:before, .settings_page_wp-shortpixel-settings .clearfix:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .form-table th {
|
||||
width: 220px;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .form-table td {
|
||||
position: relative;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .shortpixel-key-valid {
|
||||
font-weight: bold;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .shortpixel-key-valid .dashicons-yes:before {
|
||||
font-size: 2em;
|
||||
line-height: 25px;
|
||||
color: #3485ba;
|
||||
margin-left: -20px;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
/*height: 1100px;*/
|
||||
margin: 2em auto;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 1.8em;
|
||||
left: 0;
|
||||
/*height: 1100px;*/
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 20px;
|
||||
/*background-color: #ddd;*/
|
||||
/* border-radius: 5px; */
|
||||
z-index: 0;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section.sel-tab {
|
||||
position: relative;
|
||||
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section.sel-tab .wp-shortpixel-tab-content {
|
||||
visibility: visible !important;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section .wp-shortpixel-tab-content {
|
||||
visibility: hidden;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section:first-child {
|
||||
z-index: 1;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section h2 a:focus, .settings_page_wp-shortpixel-settings article.sp-tabs article.sp-tabs section#tab-resources a:focus {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section.sel-tab, .settings_page_wp-shortpixel-settings article.sp-tabs article.sp-tabs section.sel-tab h2 {
|
||||
color: #333;
|
||||
background-color: #fff;
|
||||
z-index: 2;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs h2:before {
|
||||
content: none;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .sp-column-actions-template + .sp-column-info {
|
||||
display: none;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .button, .settings_page_wp-shortpixel-settings button:focus {
|
||||
color: #0f6a7d;
|
||||
border-color: #0f6a7d;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .button-primary, .settings_page_wp-shortpixel-settings .button-primary:focus {
|
||||
background-color: #0f6a7d;
|
||||
border-color: #0f6a7d;
|
||||
color: #fff;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .button-primary:hover, .settings_page_wp-shortpixel-settings .button-primary:focus:hover {
|
||||
background-color: #1cbecb;
|
||||
border-color: #0f6a7d;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .submit .button {
|
||||
min-height: 44px;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .top-menu {
|
||||
font-size: 18px;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
min-height: 50px;
|
||||
align-items: center;
|
||||
margin: 15px 0;
|
||||
position: relative;
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
.settings_page_wp-shortpixel-settings .top-menu {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .top-menu .links {
|
||||
padding-right: 195px;
|
||||
flex: 12 4 auto;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .top-menu .links a {
|
||||
font-size: 18px;
|
||||
margin-right: 8px;
|
||||
white-space: nowrap;
|
||||
line-height: 26px;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .top-menu .quota-remaining {
|
||||
font-size: 13px;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .top-menu .spio-status-box {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: -49px;
|
||||
right: 0;
|
||||
padding: 5px 10px;
|
||||
background: white;
|
||||
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
|
||||
z-index: 1;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .top-menu .pie-wrapper {
|
||||
flex: 4 2 auto;
|
||||
min-width: 100px;
|
||||
display: inline-block;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .top-menu div.sp-bulk-summary {
|
||||
z-index: 10;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .top-menu div.sp-bulk-summary .opt-circle-average {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .top-menu div.sp-bulk-summary .opt-circle-average .trail {
|
||||
stroke: #ddd;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .top-menu div.sp-bulk-summary .opt-circle-average .path {
|
||||
stroke: #1cbecb;
|
||||
stroke-linecap: round;
|
||||
transition: stroke-dashoffset 0.5s ease 0s;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .top-menu div.sp-bulk-summary .opt-circle-average .text {
|
||||
fill: #1FBEC9;
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
dominant-baseline: middle;
|
||||
text-anchor: middle;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .top-menu div.sp-bulk-summary span {
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
padding: 4px 8px;
|
||||
font-weight: 700;
|
||||
border-radius: 3px;
|
||||
white-space: nowrap;
|
||||
color: #0f6a7d;
|
||||
}
|
||||
@media (max-width: 1500px) {
|
||||
.settings_page_wp-shortpixel-settings .top-menu div.sp-bulk-summary .opt-circle-average {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .wp-shortpixel-tab-content {
|
||||
transition: all 1000ms linear;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .red {
|
||||
color: #ff0000;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .option {
|
||||
padding: 8px;
|
||||
display: inline-block;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .option p {
|
||||
margin: 14px 0;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .shortpixel-help-link span.dashicons {
|
||||
text-decoration: none;
|
||||
margin-top: -1px;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section p.settings-info {
|
||||
padding-top: 0px;
|
||||
color: #818181;
|
||||
font-size: 13px !important;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section p.settings-info.shortpixel-settings-error {
|
||||
color: #c32525;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section .wp-shortpixel-tab-content {
|
||||
opacity: 0;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section.sel-tab .wp-shortpixel-tab-content {
|
||||
opacity: 1;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section .option-content {
|
||||
display: inline-block;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section .suboption {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section .toggleTarget {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
transition: height 350ms ease-in-out, opacity 750ms ease-in-out;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section .modalTarget {
|
||||
display: none;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section .toggleTarget.is-visible {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
height: auto;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section h2 {
|
||||
position: absolute;
|
||||
font-size: 1.3em;
|
||||
font-weight: normal;
|
||||
width: 180px;
|
||||
height: 1.8em;
|
||||
top: -1.8em;
|
||||
left: 10px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
color: #999;
|
||||
background-color: #ddd;
|
||||
/* border-radius: 5px 5px 0 0; */
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section h2 {
|
||||
width: 140px;
|
||||
}
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section h2 a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
line-height: 1.8em;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
color: #23282d;
|
||||
outline: 0 none;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section.sel-tab h2 {
|
||||
color: #333;
|
||||
background-color: #fff;
|
||||
z-index: 2;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(2) h2 {
|
||||
left: 192px;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(2) h2 {
|
||||
left: 152px;
|
||||
}
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(3) h2 {
|
||||
left: 374px;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(3) h2 {
|
||||
left: 294px;
|
||||
}
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(4) h2 {
|
||||
left: 556px;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(4) h2 {
|
||||
left: 436px;
|
||||
}
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(5) h2 {
|
||||
left: 738px;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(5) h2 {
|
||||
left: 578px;
|
||||
}
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(6) h2 {
|
||||
left: 920px;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings section#tab-debug h2 {
|
||||
left: 738px;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings section#tab-debug .flex {
|
||||
display: flex;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings section#tab-debug .env .flex, .settings_page_wp-shortpixel-settings section#tab-debug .fs .flex {
|
||||
flex-wrap: wrap;
|
||||
max-width: 450px;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings section#tab-debug .env .flex span, .settings_page_wp-shortpixel-settings section#tab-debug .fs .flex span {
|
||||
width: 45%;
|
||||
padding: 4px;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings section#tab-debug .table {
|
||||
display: table;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings section#tab-debug .table > div {
|
||||
display: table-row;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings section#tab-debug .table > div > span {
|
||||
display: table-cell;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings section#tab-debug .table > div.head > span {
|
||||
font-weight: 700;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings section#tab-debug .table.notices > div > span {
|
||||
width: 18%;
|
||||
text-align: center;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings section.banner {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border: 1px solid #ccc;
|
||||
margin-top: 35px;
|
||||
margin-bottom: 45px;
|
||||
position: relative;
|
||||
opacity: 0;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings section.banner span {
|
||||
text-align: center;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings section.banner .image {
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings section.banner .image a {
|
||||
display: inline-block;
|
||||
outline: none;
|
||||
border: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings section.banner .image a:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings section.banner .image img {
|
||||
width: 180px;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings section.banner .line {
|
||||
flex: 2;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings section.banner .line h3 {
|
||||
color: #00d0e5;
|
||||
font-size: 22px;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings section.banner .button-wrap {
|
||||
flex: 1;
|
||||
text-align: left;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings section.banner .button-wrap .button {
|
||||
background: #ff0000;
|
||||
padding: 4px 12px;
|
||||
font-weight: 700;
|
||||
font-size: 20px;
|
||||
margin: 12px;
|
||||
color: #fff;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .view-notice, .settings_page_wp-shortpixel-settings .compression-notice {
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
|
||||
border: 4px solid #fff;
|
||||
padding: 1px 12px;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .view-notice p, .settings_page_wp-shortpixel-settings .compression-notice p {
|
||||
margin: 1em 0 !important;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .view-notice h4, .settings_page_wp-shortpixel-settings .compression-notice h4 {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .view-notice.warning, .settings_page_wp-shortpixel-settings .compression-notice.warning {
|
||||
border-left-color: #ffb900;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .compression-notice {
|
||||
margin-top: -20px;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings .view-notice-row {
|
||||
display: none;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings #tab-settings .shortpixel-compression strong {
|
||||
line-height: 22px;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings #tab-settings .shortpixel-compression .shortpixel-compression-options {
|
||||
display: inline-block;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings #tab-settings .shortpixel-compression label {
|
||||
width: 158px;
|
||||
margin: 0 -2px;
|
||||
background-color: #d1f5fd;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings #tab-settings .shortpixel-compression label span {
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
padding: 8px 0px;
|
||||
display: block;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings #tab-settings .shortpixel-compression label input {
|
||||
display: none;
|
||||
}
|
||||
.settings_page_wp-shortpixel-settings #tab-settings .shortpixel-compression label input:checked + span {
|
||||
background-color: #0f6a7d;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
/* Specific styles for advanced settings tab */
|
||||
#shortpixel-settings-tabs #tab-adv-settings .excludeSizeOption {
|
||||
margin-right: 20px;
|
||||
white-space: nowrap;
|
||||
line-height: 24px;
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings .excludeSizeOption input {
|
||||
margin-right: 8px;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings .deliverWebpTypes, #shortpixel-settings-tabs #tab-adv-settings .deliverWebpAlteringTypes {
|
||||
margin: 16px 0 16px 16px;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings .new-exclusion-button {
|
||||
float: left;
|
||||
margin-right: 8px;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings ul.exclude-list {
|
||||
margin: 20px 0;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings ul.exclude-list li {
|
||||
float: left;
|
||||
padding: 4px 12px;
|
||||
border: 1px solid #1caecb;
|
||||
background: #1caecb;
|
||||
border-radius: 8px;
|
||||
margin: 8px 8px 0 0;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings ul.exclude-list li.no-exclusion-item {
|
||||
cursor: default;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings ul.exclude-list li span {
|
||||
margin-left: 6px;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings ul.exclude-list li.has-error {
|
||||
background: #ff0000;
|
||||
border-color: #ff0000;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings ul.exclude-list li.is-regex {
|
||||
border-right: green;
|
||||
border-right-width: 10px;
|
||||
border-style: solid;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings ul.exclude-list .not-visible {
|
||||
display: none;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings .new-exclusion {
|
||||
border: 1px solid #ccc;
|
||||
box-shadow: 2px 2px 1px #ccc;
|
||||
padding: 8px;
|
||||
margin: 8px 0;
|
||||
display: inline-block;
|
||||
background: #fff;
|
||||
position: relative;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings .new-exclusion h3 {
|
||||
margin: 2px 0;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings .new-exclusion.not-visible {
|
||||
display: none;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings .new-exclusion div {
|
||||
margin: 8px 0;
|
||||
height: auto;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings .new-exclusion div label {
|
||||
min-width: 110px;
|
||||
display: inline-block;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings .new-exclusion div input, #shortpixel-settings-tabs #tab-adv-settings .new-exclusion div select {
|
||||
min-width: 250px;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings .new-exclusion div input.small, #shortpixel-settings-tabs #tab-adv-settings .new-exclusion div select.small {
|
||||
width: 80px;
|
||||
min-width: 0;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings .new-exclusion div.button-actions {
|
||||
margin-left: 114px;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings .new-exclusion div button {
|
||||
min-width: 75px;
|
||||
padding: 8px 6px;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings .new-exclusion div button[name=removeExclusion] {
|
||||
background: #ff0000;
|
||||
border-color: #ff0000;
|
||||
padding: 4px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings .new-exclusion .not-visible {
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
transition: 500ms height;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings .new-exclusion .size-option > div {
|
||||
margin: 8px 0;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings .new-exclusion .size-option div label {
|
||||
min-width: 110px;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings .new-exclusion .thumbnail-option:not(.not-visible) {
|
||||
height: 150px;
|
||||
margin-left: 12px;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings .new-exclusion .thumbnail-option:not(.not-visible):hover {
|
||||
color: #000;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings .exclusion-save-reminder {
|
||||
margin: 10px 0;
|
||||
font-weight: 500;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings .avifNoticeDisabled {
|
||||
padding: 12px 12px;
|
||||
line-height: 26px;
|
||||
}
|
||||
#shortpixel-settings-tabs #tab-adv-settings .avifNoticeDisabled > .spio-inline-help {
|
||||
display: inline;
|
||||
float: none;
|
||||
}
|
||||
|
||||
.cf_switch label {
|
||||
width: 100%;
|
||||
margin: 0 -2px;
|
||||
background-color: #e2faff;
|
||||
display: inline-block;
|
||||
}
|
||||
.cf_switch label span {
|
||||
padding: 8px 0px 8px 15px;
|
||||
display: block;
|
||||
}
|
||||
.cf_switch label input {
|
||||
display: none;
|
||||
}
|
||||
.cf_switch label input:checked + span {
|
||||
background-color: #0085ba;
|
||||
color: #F7F7F7;
|
||||
}
|
||||
.cf_switch.global-hidden label {
|
||||
cursor: default;
|
||||
}
|
||||
.cf_switch.global-hidden input:checked + span {
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
#tab-tools .button {
|
||||
min-height: 44px;
|
||||
}
|
||||
#tab-tools .option {
|
||||
clear: both;
|
||||
display: flex;
|
||||
margin: 25px 0;
|
||||
}
|
||||
#tab-tools .option div.name {
|
||||
width: 220px;
|
||||
font-weight: 700;
|
||||
display: inline-block;
|
||||
flex: 0 0 auto;
|
||||
font-size: 14px;
|
||||
}
|
||||
#tab-tools .option div.field {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#tab-tools .option div.field .button {
|
||||
min-width: 200px;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
padding: 6px 8px;
|
||||
}
|
||||
#tab-tools .option div.field .button.danger {
|
||||
color: #fff;
|
||||
background: #ff0000;
|
||||
border: 1px solid #ff0000;
|
||||
}
|
||||
#tab-tools .option div.field.queue-warning {
|
||||
border: 1px solid #ff0000;
|
||||
font-weight: 700;
|
||||
padding: 6px 8px;
|
||||
}
|
||||
#tab-tools .option-row {
|
||||
margin: 15px 0;
|
||||
display: block;
|
||||
}
|
||||
#tab-tools .danger-zone h3 {
|
||||
margin-left: 15px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
}
|
||||
#tab-tools .danger-zone > p {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
div.spio-inline-help {
|
||||
float: right;
|
||||
margin-left: 15px;
|
||||
}
|
||||
div.spio-inline-help span {
|
||||
font-size: 1.8em;
|
||||
color: #1caecb;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.spio-modal-shade {
|
||||
display: none; /* Hidden by default */
|
||||
position: fixed; /* Stay in place */
|
||||
z-index: 10; /* Sit on top */
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%; /* Full width */
|
||||
height: 100%; /* Full height */
|
||||
overflow: auto; /* Enable scroll if needed */
|
||||
background-color: rgb(0, 0, 0); /* Fallback color */
|
||||
background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
|
||||
}
|
||||
|
||||
div.spio-modal {
|
||||
background-color: #fefefe;
|
||||
/*margin: 8% auto; 15% from the top and centered */
|
||||
background-image: url("../img/spinner2.gif");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
padding: 20px 16px 16px;
|
||||
border: 1px solid #888;
|
||||
width: 30%; /* Could be more or less, depending on screen size */
|
||||
min-width: 300px; /* Could be more or less, depending on screen size */
|
||||
z-index: 100; /* Proper z-index */
|
||||
position: fixed;
|
||||
top: 10%;
|
||||
left: 50%;
|
||||
max-height: 90%;
|
||||
overflow-y: auto;
|
||||
}
|
||||
div.spio-modal .spio-close-help-button {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 0;
|
||||
margin-top: 0px;
|
||||
background: transparent;
|
||||
border: none;
|
||||
font-size: 22px;
|
||||
line-height: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.spio-modal-title {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.spio-hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=shortpixel-settings.css.map */
|
||||
@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../scss/view/_settings.scss","../scss/elements/_colors.scss","../scss/elements/_breakpoints.scss","../scss/view/_settings-advanced.scss","../scss/view/_settings-cloudflare.scss","../scss/view/_settings-tools.scss","../scss/view/_inline-help.scss"],"names":[],"mappings":"AAEA;AA6CC;AA6ZC;;AArcD;EACC,OCPc;;ADUf;EACC;;AAID;EACI;;AACF;EACC;EACE;;AAEH;EACC;;AAKF;EACG;;AAEH;EACI;;AAIL;EACI;;AACF;EACI;EACA;EACA;EACA;;AAMN;EACI;EACA;EACA;AACA;EACA;;AAEF;EACI;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;AACA;AACA;EACA;;AACF;EACI;EACA;;AACF;EACI;;AAGN;EACI;;AAEJ;EACI;;AAGN;EACE;EACA;;AAEF;EACI;EACA;EACA;;AAEL;EACI;;AAIL;EACI;;AAGJ;EAEC,OCrGc;EDsGd,cCtGc;;ADwGf;EACC,kBCzGc;ED0Gd,cC1Gc;ED2Gd;;AAEA;EAEC,kBC9GU;ED+GV,cChHa;;ADqHd;EACC;;AAGD;EAEI;EACH;EACA;EACA;EACA;EACA;EACA;;AEtHC;EF8GF;IAWE;;;AAGF;EAIC;EACA;;AAFG;EAAI;EAAiB;EAAmB;EAAqB;;AAIjE;EAGC;;AAEE;EACF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EAEC;EACA;EACA;;AAGD;EAEE;;AAEA;EACE;EACA;;AAEA;EACC;;AAED;EACC,QC/KM;EDgLN;EACA;;AAED;EAEC;EACA;EACA;EACA;EACA;;AAIH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AE1LD;EF+LC;IACE;IACA;;;AAML;EAEE;;AAEF;EACG;;AAGJ;EAEE;EACA;;AAKA;EACC;;AAIH;EAEI;EACA;;AAQF;EACI;EACA;EACA;;AAEJ;EACI;;AAGD;EACE;;AACF;EAEE;;AAIL;EAEE;;AAEF;EAEC;;AAIA;EAEE;EACA;EACA;EACA;EACA;;AAGF;EAEE;;AAGF;EAEC;EACA;EACA;;AAID;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAKA;;AExSF;EFwRA;IAcD;;;AAGG;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EAEC;EACA;EACA;;AAID;EACI;;AE5TF;EF2TF;IAIE;;;AAGF;EACI;;AEnUF;EFkUF;IAIE;;;AAGF;EACI;;AE1UF;EFyUF;IAIE;;;AAGF;EACI;;AEjVF;EFgVF;IAIE;;;AAGF;EACI;;AAWH;EAAK;;AACH;EACE;;AAEF;EACG;EACA;;AACA;EACI;EACA;;AAGP;EAEG;;AACA;EACI;;AACA;EACE;;AAEF;EAAgB;;AAKpB;EAEG;EACA;;AAKT;EAEG;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;;AAIF;EACA;EACD;;AACC;EAAI;EACJ;EACA;EACA;;AAEA;EACC;;AAGF;EAAO;;AAGN;EACG;;AAEA;EACH;EACA;;AAIA;EAEE;EACH;;AACG;EACG;EACA;EACA;EACA;EACA;EACA;EACA;;AAQR;EAGE;EACA;EAEA;;AACA;EACE;;AAIJ;EACC;EACA;;AAEC;EAEE;;AAIL;EAEC;;AAGA;EAEE;;AAQE;EAEC;;AAEF;EAEC;;AAEF;EACI;EACA;EACA,kBC1fM;ED2fN;EACA;;AACF;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AACF;EACI,kBCxgBI;EDygBJ;;;AG1gBZ;AAKC;EACE;EACA;EACA;EACA;EACA;;AACA;EAAQ;;AAGV;EACG;;AAGH;EACE;EACA;;AAGF;EA4BG;;AA3BA;EACE;EACD;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAEE;;AAEF;EACC;;AAGD;EACC;EACA;;AAED;EACC;EACA;EACA;;AAIF;EACE;;AAIL;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EAEE;;AAID;EAEC;EACA;;AACA;EAEE;EACD;;AAED;EACE;;AACD;EACC;EACA;;AAGF;EAEE;;AAEF;EAEC;EACA;;AACA;EAEE;EACD;EACA;EACA;EACA;EACA;;AAMJ;EAEE;EACA;EACA;;AAKA;EACE;;AAEF;EAEE;;AAGJ;EACE;EACA;;AACA;EACE;;AAMN;EAEE;EACA;;AAGF;EAEE;EACA;;AACA;EACE;EACD;;;ACpJF;EACE;EACD;EACA;EAEA;;AAIC;EAIE;EACA;;AAIF;EACE;;AAEF;EAEE;EACA;;AAMJ;EACE;;AAED;EAEC;EACA;EACA;;;ACvCH;EAAU;;AACV;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAGA;EACE;EACA;EACA;EACA;;AACA;EAEE;EACA;EACA;;AAIJ;EAEC;EACA;EACA;;AAQF;EAEC;EACA;;AAKH;EACC;EACA;EACA;;AAED;EAAM;;;ACzDR;EACI;EACF;;AACA;EACI;EACA;EACA;;;AAIN;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;AACA;EACF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMJ;EACI;;;AAEJ;EAAa","file":"shortpixel-settings.css"}
|
||||
@ -0,0 +1,181 @@
|
||||
/**
|
||||
CSS for features that are displayed on all Admin page, like the bar status icon and some alerts.
|
||||
*/
|
||||
#wpadminbar li.shortpixel-toolbar-processing {
|
||||
position: relative;
|
||||
}
|
||||
#wpadminbar li.shortpixel-toolbar-processing.shortpixel-hide {
|
||||
display: none;
|
||||
}
|
||||
#wpadminbar li.shortpixel-toolbar-processing .ab-item > div {
|
||||
height: 33px;
|
||||
width: 33px;
|
||||
padding: 0;
|
||||
margin-top: -1px;
|
||||
padding: 0 3px;
|
||||
}
|
||||
#wpadminbar li.shortpixel-toolbar-processing .ab-item > div img {
|
||||
margin-right: 2px;
|
||||
margin-top: 6px;
|
||||
vertical-align: top;
|
||||
opacity: 1;
|
||||
transition: all 1s linear;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
#wpadminbar li.shortpixel-toolbar-processing .ab-item > div span.shp-alert {
|
||||
display: none;
|
||||
margin-left: -8px;
|
||||
}
|
||||
#wpadminbar li.shortpixel-toolbar-processing .ab-item > div .stats {
|
||||
left: -1px;
|
||||
top: 3px;
|
||||
right: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
height: 25px;
|
||||
width: 25px;
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
border-radius: 50%;
|
||||
padding: 5px 0 0 0px;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
#wpadminbar li.shortpixel-toolbar-processing .ab-item > div .controls {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 32px;
|
||||
background: rgba(35, 40, 45, 0.5);
|
||||
box-sizing: border-box;
|
||||
transition: all 1s linear;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
z-index: 0;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
}
|
||||
#wpadminbar li.shortpixel-toolbar-processing .ab-item > div .controls .play, #wpadminbar li.shortpixel-toolbar-processing .ab-item > div .controls .pause {
|
||||
font-family: dashicons;
|
||||
font-size: 32px;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
line-height: 1;
|
||||
}
|
||||
#wpadminbar li.shortpixel-toolbar-processing .ab-item > div .controls .play.hidden, #wpadminbar li.shortpixel-toolbar-processing .ab-item > div .controls .pause.hidden {
|
||||
display: none;
|
||||
}
|
||||
#wpadminbar li.shortpixel-toolbar-processing .ab-item > div .cssload-container {
|
||||
width: 100%;
|
||||
height: 24px;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: -1px;
|
||||
}
|
||||
#wpadminbar li.shortpixel-toolbar-processing .ab-item > div .cssload-speeding-wheel {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
opacity: 0.7;
|
||||
margin: 0 auto;
|
||||
border: 4px solid rgb(28, 191, 203);
|
||||
border-radius: 50%;
|
||||
border-left-color: transparent;
|
||||
animation: cssload-spin 2000ms infinite linear;
|
||||
-o-animation: cssload-spin 2000ms infinite linear;
|
||||
-ms-animation: cssload-spin 2000ms infinite linear;
|
||||
-webkit-animation: cssload-spin 2000ms infinite linear;
|
||||
-moz-animation: cssload-spin 2000ms infinite linear;
|
||||
}
|
||||
@keyframes cssload-spin {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-o-keyframes cssload-spin {
|
||||
100% {
|
||||
-o-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-ms-keyframes cssload-spin {
|
||||
100% {
|
||||
-ms-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes cssload-spin {
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes cssload-spin {
|
||||
100% {
|
||||
-moz-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
#wpadminbar li.shortpixel-toolbar-processing .ab-item > div:hover img:hover, #wpadminbar li.shortpixel-toolbar-processing .ab-item > div:hover .stats {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
#wpadminbar li.shortpixel-toolbar-processing .ab-item > div:hover .controls {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
z-index: 100;
|
||||
}
|
||||
#wpadminbar li.shortpixel-toolbar-processing.shortpixel-paused .ab-item > div .cssload-speeding-wheel {
|
||||
animation: none;
|
||||
}
|
||||
#wpadminbar li.shortpixel-toolbar-processing.shortpixel-paused .ab-item > div .controls {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
z-index: 100;
|
||||
}
|
||||
#wpadminbar li.shortpixel-toolbar-processing.shortpixel-paused .ab-item > div .stats {
|
||||
opacity: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
#wpadminbar li.shortpixel-toolbar-processing.shortpixel-alert .ab-item > div span.shp-alert {
|
||||
display: inline;
|
||||
font-size: 26px;
|
||||
line-height: 26px;
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#wpadminbar li.shortpixel-toolbar-processing.shortpixel-alert .ab-item > div .controls {
|
||||
display: none;
|
||||
}
|
||||
#wpadminbar li.shortpixel-toolbar-processing.shortpixel-quota-exceeded .ab-item > div .cssload-container {
|
||||
display: none;
|
||||
}
|
||||
#wpadminbar li.shortpixel-toolbar-processing.shortpixel-quota-exceeded .ab-item > div:hover img:hover {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
#wpadminbar li.shortpixel-toolbar-processing .toolbar-notice-wrapper {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 30px;
|
||||
}
|
||||
#wpadminbar li.shortpixel-toolbar-processing .toolbar-notice-wrapper .toolbar-notice {
|
||||
border: 1px solid rgb(28, 191, 203);
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 4px 14px;
|
||||
white-space: nowrap;
|
||||
transition: opacity 5s;
|
||||
opacity: 1;
|
||||
margin: 4px;
|
||||
min-width: 300px;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=shortpixel-toolbar.css.map */
|
||||
@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../scss/shortpixel-toolbar.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAIA;EAEG;;AAEA;EACG;;AAEH;EAEI;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACJ;;AAEE;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACL;;AAEM;EAEI;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAKX;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACQ;EACA;EACA;EACA;;AAGZ;EACC;IAAM;IAA2B;;;AAGlC;EACC;IAAM;IAA8B;;;AAGrC;EACC;IAAM;IAA+B;;;AAGtC;EACC;IAAM;IAAmC;;;AAG1C;EACC;IAAM;IAAgC;;;AAKrC;EAEG;EACA;;AAEH;EAEG;EACA;EACA;;AAYL;EAEE;;AAEF;EAEE;EACA;EACA;;AAEF;EAEG;EACA;;AAMH;EACG;EACA;EACA;EACA;EACA;EACA;;AAEJ;EAAY;;AAGX;EAAqB;;AACrB;EAEE;EACA;;AAIP;EAEK;EACA;EACA;;AAEH;EAEG;EACA;EACA;EACA;EACA;EACA;EACA;EACH;EACA","file":"shortpixel-toolbar.css"}
|
||||
@ -0,0 +1,248 @@
|
||||
div.sp-folder-picker {
|
||||
margin: 20px 0; /* 15% from the top and centered */
|
||||
border: 1px solid #888;
|
||||
max-height: 400px;
|
||||
min-height: 100px;
|
||||
overflow: auto;}
|
||||
|
||||
UL.jqueryFileTree LI.directory.selected {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
|
||||
UL.jqueryFileTree {
|
||||
font-family: Verdana, sans-serif;
|
||||
font-size: 11px;
|
||||
line-height: 18px;
|
||||
padding: 3px;
|
||||
margin: 0;
|
||||
display: none;
|
||||
margin-left: 20px;
|
||||
}
|
||||
.sp-folder-picker > UL.jqueryFileTree
|
||||
{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
UL.jqueryFileTree LI {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
/* padding-left: 20px; */
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
UL.jqueryFileTree LI a
|
||||
{
|
||||
padding-left: 20px;
|
||||
}
|
||||
UL.jqueryFileTree LI.directory a {
|
||||
background: url(../img/file-tree/directory.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.directory-locked {
|
||||
background: url(../img/file-tree/directory-lock.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.expanded {
|
||||
background: url(../img/file-tree/folder_open.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.file {
|
||||
background: url(../img/file-tree/file.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.file-locked {
|
||||
background: url(../img/file-tree/file-lock.png) left top no-repeat !important;
|
||||
}
|
||||
UL.jqueryFileTree LI.wait {
|
||||
background: url(../img/file-tree/spinner.gif) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.selected > a {
|
||||
font-weight: bold;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_3gp {
|
||||
background: url(../img/file-tree/film.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_afp {
|
||||
background: url(../img/file-tree/code.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_afpa {
|
||||
background: url(../img/file-tree/code.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_asp {
|
||||
background: url(../img/file-tree/code.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_aspx {
|
||||
background: url(../img/file-tree/code.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_avi {
|
||||
background: url(../img/file-tree/film.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_bat {
|
||||
background: url(../img/file-tree/application.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_bmp {
|
||||
background: url(../img/file-tree/picture.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_c {
|
||||
background: url(../img/file-tree/code.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_cfm {
|
||||
background: url(../img/file-tree/code.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_cgi {
|
||||
background: url(../img/file-tree/code.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_com {
|
||||
background: url(../img/file-tree/application.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_cpp {
|
||||
background: url(../img/file-tree/code.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_css {
|
||||
background: url(../img/file-tree/css.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_doc {
|
||||
background: url(../img/file-tree/doc.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_exe {
|
||||
background: url(../img/file-tree/application.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_gif {
|
||||
background: url(../img/file-tree/picture.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_fla {
|
||||
background: url(../img/file-tree/flash.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_h {
|
||||
background: url(../img/file-tree/code.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_htm {
|
||||
background: url(../img/file-tree/html.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_html {
|
||||
background: url(../img/file-tree/html.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_jar {
|
||||
background: url(../img/file-tree/java.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_jpg {
|
||||
background: url(../img/file-tree/picture.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_jpeg {
|
||||
background: url(../img/file-tree/picture.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_js {
|
||||
background: url(../img/file-tree/script.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_lasso {
|
||||
background: url(../img/file-tree/code.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_log {
|
||||
background: url(../img/file-tree/txt.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_m4p {
|
||||
background: url(../img/file-tree/music.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_mov {
|
||||
background: url(../img/file-tree/film.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_mp3 {
|
||||
background: url(../img/file-tree/music.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_mp4 {
|
||||
background: url(../img/file-tree/film.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_mpg {
|
||||
background: url(../img/file-tree/film.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_mpeg {
|
||||
background: url(../img/file-tree/film.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_ogg {
|
||||
background: url(../img/file-tree/music.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_ogv {
|
||||
background: url(../img/file-tree/film.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_pcx {
|
||||
background: url(../img/file-tree/picture.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_pdf {
|
||||
background: url(../img/file-tree/pdf.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_php {
|
||||
background: url(../img/file-tree/php.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_png {
|
||||
background: url(../img/file-tree/picture.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_ppt {
|
||||
background: url(../img/file-tree/ppt.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_psd {
|
||||
background: url(../img/file-tree/psd.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_pl {
|
||||
background: url(../img/file-tree/script.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_py {
|
||||
background: url(../img/file-tree/script.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_rb {
|
||||
background: url(../img/file-tree/ruby.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_rbx {
|
||||
background: url(../img/file-tree/ruby.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_rhtml {
|
||||
background: url(../img/file-tree/ruby.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_rpm {
|
||||
background: url(../img/file-tree/linux.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_ruby {
|
||||
background: url(../img/file-tree/ruby.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_sql {
|
||||
background: url(../img/file-tree/db.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_swf {
|
||||
background: url(../img/file-tree/flash.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_tif {
|
||||
background: url(../img/file-tree/picture.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_tiff {
|
||||
background: url(../img/file-tree/picture.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_txt {
|
||||
background: url(../img/file-tree/txt.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_vb {
|
||||
background: url(../img/file-tree/code.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_wav {
|
||||
background: url(../img/file-tree/music.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_webm {
|
||||
background: url(../img/file-tree/film.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_wmv {
|
||||
background: url(../img/file-tree/film.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_xls {
|
||||
background: url(../img/file-tree/xls.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_xml {
|
||||
background: url(../img/file-tree/code.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree LI.ext_zip {
|
||||
background: url(../img/file-tree/zip.png) left top no-repeat;
|
||||
}
|
||||
UL.jqueryFileTree A {
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
padding: 0 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
UL.jqueryFileTree A:hover {
|
||||
background: #BDF;
|
||||
}
|
||||
1
wp-content/plugins/shortpixel-image-optimiser/res/css/sp-file-tree.min.css
vendored
Normal file
1
wp-content/plugins/shortpixel-image-optimiser/res/css/sp-file-tree.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -0,0 +1,213 @@
|
||||
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
|
||||
content: " ";
|
||||
display: block;
|
||||
background: white;
|
||||
position: absolute;
|
||||
z-index: 30;
|
||||
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }
|
||||
|
||||
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
|
||||
width: 3px;
|
||||
height: 9999px;
|
||||
left: 50%;
|
||||
margin-left: -1.5px; }
|
||||
|
||||
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
|
||||
width: 9999px;
|
||||
height: 3px;
|
||||
top: 50%;
|
||||
margin-top: -1.5px; }
|
||||
|
||||
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
|
||||
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
|
||||
-webkit-transition-duration: 0.5s;
|
||||
-moz-transition-duration: 0.5s;
|
||||
transition-duration: 0.5s; }
|
||||
|
||||
.twentytwenty-before-label, .twentytwenty-after-label {
|
||||
-webkit-transition-property: opacity;
|
||||
-moz-transition-property: opacity;
|
||||
transition-property: opacity; }
|
||||
|
||||
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
|
||||
color: white;
|
||||
font-size: 13px;
|
||||
letter-spacing: 0.1em;
|
||||
}
|
||||
.twentytwenty-before-label:before {
|
||||
/*background: rgba(238, 40, 36, 0.9) none repeat scroll 0 0;*/
|
||||
background: rgba(82, 82, 82, 0.9) none repeat scroll 0 0;
|
||||
}
|
||||
.twentytwenty-after-label:before {
|
||||
background: rgba(28, 190, 203, 0.9) none repeat scroll 0 0;
|
||||
}
|
||||
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
|
||||
position: absolute;
|
||||
line-height: 38px;
|
||||
padding: 0 20px;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
font-family: montserratbold;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
|
||||
top: 20px;
|
||||
}
|
||||
|
||||
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
|
||||
left: 50%;
|
||||
margin-left: -45px;
|
||||
text-align: center;
|
||||
width: 90px; }
|
||||
|
||||
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 6px inset transparent;
|
||||
position: absolute; }
|
||||
|
||||
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
|
||||
top: 50%;
|
||||
margin-top: -6px; }
|
||||
|
||||
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
|
||||
left: 50%;
|
||||
margin-left: -6px; }
|
||||
|
||||
.twentytwenty-container {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
z-index: 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none; }
|
||||
.twentytwenty-container img {
|
||||
max-width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
display: block; }
|
||||
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
|
||||
background: rgba(0, 0, 0, 0); }
|
||||
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
|
||||
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
|
||||
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
|
||||
opacity: 0; }
|
||||
.twentytwenty-container * {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box; }
|
||||
|
||||
.twentytwenty-before-label {
|
||||
opacity: 0.7; }
|
||||
.twentytwenty-before-label:before {
|
||||
content: "ORIGINAL"; }
|
||||
|
||||
.twentytwenty-after-label {
|
||||
opacity: 0.7; }
|
||||
.twentytwenty-after-label:before {
|
||||
content: "SHORTPIXEL"; }
|
||||
|
||||
.twentytwenty-horizontal .twentytwenty-before-label:before {
|
||||
left: 20px; }
|
||||
|
||||
.twentytwenty-horizontal .twentytwenty-after-label:before {
|
||||
right: 20px; }
|
||||
|
||||
.twentytwenty-vertical .twentytwenty-before-label:before {
|
||||
top: 10px; }
|
||||
|
||||
.twentytwenty-vertical .twentytwenty-after-label:before {
|
||||
bottom: 10px; }
|
||||
|
||||
.twentytwenty-overlay {
|
||||
-webkit-transition-property: background;
|
||||
-moz-transition-property: background;
|
||||
transition-property: background;
|
||||
background: rgba(0, 0, 0, 0);
|
||||
z-index: 25; }
|
||||
.twentytwenty-overlay:hover {
|
||||
background: rgba(0, 0, 0, 0); }
|
||||
.twentytwenty-overlay:hover .twentytwenty-after-label {
|
||||
opacity: 1; }
|
||||
.twentytwenty-overlay:hover .twentytwenty-before-label {
|
||||
opacity: 1; }
|
||||
|
||||
.twentytwenty-before {
|
||||
z-index: 20; }
|
||||
|
||||
.twentytwenty-after {
|
||||
z-index: 10; }
|
||||
|
||||
.twentytwenty-handle {
|
||||
height: 38px;
|
||||
width: 38px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -22px;
|
||||
margin-top: -22px;
|
||||
border: 3px solid white;
|
||||
-webkit-border-radius: 1000px;
|
||||
-moz-border-radius: 1000px;
|
||||
border-radius: 1000px;
|
||||
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
z-index: 40;
|
||||
cursor: pointer; }
|
||||
|
||||
.twentytwenty-horizontal .twentytwenty-handle:before {
|
||||
bottom: 50%;
|
||||
margin-bottom: 22px;
|
||||
-webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
-moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
|
||||
.twentytwenty-horizontal .twentytwenty-handle:after {
|
||||
top: 50%;
|
||||
margin-top: 22px;
|
||||
-webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
-moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
|
||||
|
||||
.twentytwenty-vertical .twentytwenty-handle:before {
|
||||
left: 50%;
|
||||
margin-left: 22px;
|
||||
-webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
-moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
|
||||
.twentytwenty-vertical .twentytwenty-handle:after {
|
||||
right: 50%;
|
||||
margin-right: 22px;
|
||||
-webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
-moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
|
||||
|
||||
.twentytwenty-left-arrow {
|
||||
border-right: 6px solid white;
|
||||
left: 50%;
|
||||
margin-left: -17px; }
|
||||
|
||||
.twentytwenty-right-arrow {
|
||||
border-left: 6px solid white;
|
||||
right: 50%;
|
||||
margin-right: -17px; }
|
||||
|
||||
.twentytwenty-up-arrow {
|
||||
border-bottom: 6px solid white;
|
||||
top: 50%;
|
||||
margin-top: -17px; }
|
||||
|
||||
.twentytwenty-down-arrow {
|
||||
border-top: 6px solid white;
|
||||
bottom: 50%;
|
||||
margin-bottom: -17px; }
|
||||
1
wp-content/plugins/shortpixel-image-optimiser/res/css/twentytwenty.min.css
vendored
Normal file
1
wp-content/plugins/shortpixel-image-optimiser/res/css/twentytwenty.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user