From b356df70f330a50fb00a3fd647262d36e981dccb Mon Sep 17 00:00:00 2001
From: Alberto Paderno <apaderno@isepro.org>
Date: Sun, 1 Jun 2025 18:40:03 +0200
Subject: [PATCH 1/4] Issue #3527767: Fix Stylelint errors
---
css/base/elements.css | 7 +-
css/classy/components/action-links.css | 4 +-
css/classy/components/breadcrumb.css | 4 +-
css/classy/components/collapse-processed.css | 8 +-
css/classy/components/container-inline.css | 8 +-
css/classy/components/form.css | 4 +-
css/classy/components/messages.css | 10 +-
css/classy/components/progress.css | 57 +-
css/components/admin-list.css | 6 +-
css/components/buttons.css | 16 +-
css/components/container-inline.css | 4 +-
css/components/dialog.css | 3 +-
css/components/dropbutton.component.css | 82 ++-
css/components/entity-meta.css | 12 +-
css/components/field-ui.css | 9 +-
css/components/form.css | 22 +-
css/components/jquery.ui/theme.css | 692 +++++++++++++-----
css/components/quickedit.css | 2 +-
css/components/system-status-counter.css | 10 +-
.../system-status-report-general-info.css | 16 +-
css/components/system-status-report.css | 22 +-
css/components/tables.css | 6 +-
css/components/tabs.css | 19 +-
css/components/tour.theme.css | 12 +-
css/components/vertical-tabs.css | 2 +-
css/layout/node-add.css | 3 +-
css/theme/ckeditor-admin.css | 8 +-
css/theme/ckeditor-dialog.css | 22 +-
css/theme/filter.admin.css | 4 +-
css/theme/install-page.css | 11 +-
css/theme/maintenance-page.css | 28 +-
css/theme/media-library.css | 32 +-
32 files changed, 835 insertions(+), 310 deletions(-)
diff --git a/css/base/elements.css b/css/base/elements.css
index 2599a0f..f0e324f 100644
--- a/css/base/elements.css
+++ b/css/base/elements.css
@@ -4,7 +4,12 @@
body {
color: #333;
background: #fff;
- font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", sans-serif;
+ font:
+ normal 81.3%/1.538em "Lucida Grande",
+ "Lucida Sans Unicode",
+ "DejaVu Sans",
+ "Lucida Sans",
+ sans-serif;
}
a,
.link {
diff --git a/css/classy/components/action-links.css b/css/classy/components/action-links.css
index 274d798..7e648df 100644
--- a/css/classy/components/action-links.css
+++ b/css/classy/components/action-links.css
@@ -29,13 +29,13 @@
text-decoration: none;
line-height: 160%;
}
-.button-action:before {
+.button-action::before {
margin-left: -0.1em; /* LTR */
padding-right: 0.2em; /* LTR */
content: "+";
font-weight: 900;
}
-[dir="rtl"] .button-action:before {
+[dir="rtl"] .button-action::before {
margin-right: -0.1em;
margin-left: 0;
padding-right: 0;
diff --git a/css/classy/components/breadcrumb.css b/css/classy/components/breadcrumb.css
index 1e6a7fa..1a20eaf 100644
--- a/css/classy/components/breadcrumb.css
+++ b/css/classy/components/breadcrumb.css
@@ -21,9 +21,9 @@
list-style-type: none;
}
/* IE8 does not support :not() and :last-child. */
-.breadcrumb li:before {
+.breadcrumb li::before {
content: " \BB ";
}
-.breadcrumb li:first-child:before {
+.breadcrumb li:first-child::before {
content: none;
}
diff --git a/css/classy/components/collapse-processed.css b/css/classy/components/collapse-processed.css
index ef10aa3..546ea9b 100644
--- a/css/classy/components/collapse-processed.css
+++ b/css/classy/components/collapse-processed.css
@@ -7,24 +7,24 @@
padding-right: 0.5em;
padding-left: 0.5em;
}
-.collapse-processed > summary:before {
+.collapse-processed > summary::before {
float: left; /* LTR */
width: 1em;
height: 1em;
content: "";
background: url(../../../images/menu-expanded.png) 0 100% no-repeat; /* LTR */
}
-[dir="rtl"] .collapse-processed > summary:before {
+[dir="rtl"] .collapse-processed > summary::before {
float: right;
background-position: 100% 100%;
}
-.collapse-processed:not([open]) > summary:before {
+.collapse-processed:not([open]) > summary::before {
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
background-position: 25% 35%; /* LTR */
}
-[dir="rtl"] .collapse-processed:not([open]) > summary:before {
+[dir="rtl"] .collapse-processed:not([open]) > summary::before {
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
diff --git a/css/classy/components/container-inline.css b/css/classy/components/container-inline.css
index 64b78f6..1a91f17 100644
--- a/css/classy/components/container-inline.css
+++ b/css/classy/components/container-inline.css
@@ -3,12 +3,12 @@
* Inline items.
*/
-.container-inline label:after,
-.container-inline .label:after {
+.container-inline label::after,
+.container-inline .label::after {
content: ":";
}
-.form-type-radios .container-inline label:after,
-.form-type-checkboxes .container-inline label:after {
+.form-type-radios .container-inline label::after,
+.form-type-checkboxes .container-inline label::after {
content: "";
}
.form-type-radios .container-inline .form-type-radio,
diff --git a/css/classy/components/form.css b/css/classy/components/form.css
index 0822f34..571c703 100644
--- a/css/classy/components/form.css
+++ b/css/classy/components/form.css
@@ -70,7 +70,7 @@ label.option {
.marker {
color: #e00;
}
-.form-required:after {
+.form-required::after {
display: inline-block;
width: 6px;
height: 6px;
@@ -93,7 +93,7 @@ abbr.ajax-changed {
}
/* Inline error messages. */
-.form-item--error-message:before {
+.form-item--error-message::before {
display: inline-block;
width: 14px;
height: 14px;
diff --git a/css/classy/components/messages.css b/css/classy/components/messages.css
index 1435327..cd688eb 100644
--- a/css/classy/components/messages.css
+++ b/css/classy/components/messages.css
@@ -7,9 +7,9 @@
padding: 15px 20px 15px 35px; /* LTR */
word-wrap: break-word;
border: 1px solid;
- border-width: 1px 1px 1px 0; /* LTR */
+ border-width: 1px 1px 1px 0; /* LTR */
border-radius: 2px;
- background: no-repeat 10px 17px; /* LTR */
+ background: no-repeat 10px 17px; /* LTR */
overflow-wrap: break-word;
}
[dir="rtl"] .messages {
@@ -33,7 +33,7 @@
/* See .color-success in Seven's colors.css */
.messages--status {
color: #325e1c;
- border-color: #c9e1bd #c9e1bd #c9e1bd transparent; /* LTR */
+ border-color: #c9e1bd #c9e1bd #c9e1bd transparent; /* LTR */
background-color: #f3faef;
background-image: url(../../../images/icons/73b355/check.svg);
box-shadow: -8px 0 0 #77b259; /* LTR */
@@ -46,7 +46,7 @@
/* See .color-warning in Seven's colors.css */
.messages--warning {
color: #734c00;
- border-color: #f4daa6 #f4daa6 #f4daa6 transparent; /* LTR */
+ border-color: #f4daa6 #f4daa6 #f4daa6 transparent; /* LTR */
background-color: #fdf8ed;
background-image: url(../../../images/icons/e29700/warning.svg);
box-shadow: -8px 0 0 #e09600; /* LTR */
@@ -58,7 +58,7 @@
/* See .color-error in Seven's colors.css */
.messages--error {
color: #a51b00;
- border-color: #f9c9bf #f9c9bf #f9c9bf transparent; /* LTR */
+ border-color: #f9c9bf #f9c9bf #f9c9bf transparent; /* LTR */
background-color: #fcf4f2;
background-image: url(../../../images/icons/e32700/error.svg);
box-shadow: -8px 0 0 #e62600; /* LTR */
diff --git a/css/classy/components/progress.css b/css/classy/components/progress.css
index 47da889..00c081e 100644
--- a/css/classy/components/progress.css
+++ b/css/classy/components/progress.css
@@ -27,10 +27,23 @@
background: #057ec9;
background-image:
-webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)),
- -webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
- background-image:
- linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)),
- linear-gradient(to right bottom, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
+ -webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc
+ 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
+ background-image: linear-gradient(
+ to bottom,
+ rgba(0, 0, 0, 0),
+ rgba(0, 0, 0, 0.15)
+ ),
+ linear-gradient(
+ to right bottom,
+ #0094f0 0%,
+ #0094f0 25%,
+ #007ecc 25%,
+ #007ecc 50%,
+ #0094f0 50%,
+ #0094f0 75%,
+ #0094f0 100%
+ );
background-size: 40px 40px;
}
[dir="rtl"] .progress__bar {
@@ -54,16 +67,40 @@
* Progress bar animations.
*/
@-webkit-keyframes animate-stripes {
- 0% { background-position: 0 0, 0 0; }
- 100% { background-position: 0 0, -80px 0; }
+ 0% {
+ background-position:
+ 0 0,
+ 0 0;
+ }
+ 100% {
+ background-position:
+ 0 0,
+ -80px 0;
+ }
}
@-ms-keyframes animate-stripes {
- 0% { background-position: 0 0, 0 0; }
- 100% { background-position: 0 0, -80px 0; }
+ 0% {
+ background-position:
+ 0 0,
+ 0 0;
+ }
+ 100% {
+ background-position:
+ 0 0,
+ -80px 0;
+ }
}
@keyframes animate-stripes {
- 0% { background-position: 0 0, 0 0; }
- 100% { background-position: 0 0, -80px 0; }
+ 0% {
+ background-position:
+ 0 0,
+ 0 0;
+ }
+ 100% {
+ background-position:
+ 0 0,
+ -80px 0;
+ }
}
diff --git a/css/components/admin-list.css b/css/components/admin-list.css
index 090f3fd..cda4391 100644
--- a/css/components/admin-list.css
+++ b/css/components/admin-list.css
@@ -20,12 +20,14 @@ ul.admin-list {
display: block;
min-height: 0;
padding: 14px 15px 14px 25px; /* LTR */
- background: url(../../images/icons/bebebe/chevron-disc-right.svg) no-repeat 1px 16px; /* LTR */
+ background: url(../../images/icons/bebebe/chevron-disc-right.svg) no-repeat
+ 1px 16px; /* LTR */
}
[dir="rtl"] .admin-list li a {
padding-right: 25px;
padding-left: 15px;
- background: url(../../images/icons/bebebe/chevron-disc-left.svg) no-repeat right 16px;
+ background: url(../../images/icons/bebebe/chevron-disc-left.svg) no-repeat
+ right 16px;
}
.admin-list.compact li a {
padding: 2px 0;
diff --git a/css/components/buttons.css b/css/components/buttons.css
index c747f65..cab42e1 100644
--- a/css/components/buttons.css
+++ b/css/components/buttons.css
@@ -22,10 +22,10 @@
*
*/
.button {
- position: relative; /* 1 */
+ position: relative; /* 1 */
display: inline-block;
box-sizing: border-box;
- padding: 4px 1.5em; /* 4 */
+ padding: 4px 1.5em; /* 4 */
cursor: pointer;
-webkit-transition: all 0.1s;
transition: all 0.1s;
@@ -39,12 +39,12 @@
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
font-size: 14px;
- font-size: 0.875rem; /* 5 */
+ font-size: 0.875rem; /* 5 */
font-weight: 600;
- line-height: normal; /* 2 */
- -webkit-appearance: none; /* 3 */
- -moz-appearance: none; /* 3 */
- -webkit-font-smoothing: antialiased; /* 6 */
+ line-height: normal; /* 2 */
+ -webkit-appearance: none; /* 3 */
+ -moz-appearance: none; /* 3 */
+ -webkit-font-smoothing: antialiased; /* 6 */
}
.button:hover,
.button:focus {
@@ -128,7 +128,7 @@
* 1. Use px units to ensure button text is centered vertically.
*/
.no-touchevents .button--small {
- padding: 2px 1em; /* 1 */
+ padding: 2px 1em; /* 1 */
font-size: 13px;
font-size: 0.813rem;
}
diff --git a/css/components/container-inline.css b/css/components/container-inline.css
index 301b3fb..8afdffa 100644
--- a/css/components/container-inline.css
+++ b/css/components/container-inline.css
@@ -3,8 +3,8 @@
* Inline items.
*/
-.container-inline .form-radios label:after,
-.container-inline .form-checkboxes label:after {
+.container-inline .form-radios label::after,
+.container-inline .form-checkboxes label::after {
content: "";
}
.container-inline .form-radios .form-type-radio,
diff --git a/css/components/dialog.css b/css/components/dialog.css
index 354f322..08e985d 100644
--- a/css/components/dialog.css
+++ b/css/components/dialog.css
@@ -10,7 +10,8 @@
background: transparent;
}
-@media all and (max-width: 48em) { /* 768px */
+@media all and (max-width: 48em) {
+ /* 768px */
.ui-dialog {
min-width: 92%;
max-width: 92%;
diff --git a/css/components/dropbutton.component.css b/css/components/dropbutton.component.css
index 83c333d..0a6364b 100644
--- a/css/components/dropbutton.component.css
+++ b/css/components/dropbutton.component.css
@@ -66,7 +66,8 @@
margin-top: 0;
}
-@media screen and (min-width: 37.5625em) { /* 601px */
+@media screen and (min-width: 37.5625em) {
+ /* 601px */
.dropbutton li {
display: inline-block;
}
@@ -120,7 +121,10 @@
border-radius: 0.9em 0 0 0; /* LTR */
}
[dir="rtl"].js .dropbutton-multiple.open .dropbutton-action:first-child a,
-[dir="rtl"].js .dropbutton-multiple.open .dropbutton-action:first-child .button {
+[dir="rtl"].js
+ .dropbutton-multiple.open
+ .dropbutton-action:first-child
+ .button {
border-radius: 0 0.9em 0 0;
}
.js .dropbutton-multiple.open .dropbutton-action:last-child a,
@@ -228,20 +232,32 @@
border-left: 1px solid #a6a6a6; /* LTR */
outline: none;
}
-[dir="rtl"].js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
+[dir="rtl"].js
+ .dropbutton-wrapper
+ .dropbutton-widget
+ .dropbutton-toggle
+ button {
border-right: 1px solid #a6a6a6;
border-left: 0;
}
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
border-radius: 0 20em 20em 0; /* LTR */
}
-[dir="rtl"].js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
+[dir="rtl"].js
+ .dropbutton-wrapper
+ .dropbutton-widget
+ .dropbutton-toggle
+ button {
border-radius: 20em 0 0 20em;
}
.dropbutton-multiple.open .dropbutton-widget .dropbutton-toggle button {
border-radius: 0 1em 1em 0; /* LTR */
}
-[dir="rtl"] .dropbutton-multiple.open .dropbutton-widget .dropbutton-toggle button {
+[dir="rtl"]
+ .dropbutton-multiple.open
+ .dropbutton-widget
+ .dropbutton-toggle
+ button {
border-radius: 1em 0 0 1em;
}
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:hover,
@@ -296,35 +312,75 @@
background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
background-image: linear-gradient(to bottom, #007bc6, #0071b8);
}
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-action .button:hover,
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-action .button:focus {
+.js
+ .form-actions
+ .dropbutton-wrapper
+ .dropbutton-widget
+ .dropbutton-action
+ .button:hover,
+.js
+ .form-actions
+ .dropbutton-wrapper
+ .dropbutton-widget
+ .dropbutton-action
+ .button:focus {
color: #fff;
background-color: #2369a6;
background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
box-shadow: 0 1px 2px hsla(203, 10%, 10%, 0.25);
}
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-action .button:active {
+.js
+ .form-actions
+ .dropbutton-wrapper
+ .dropbutton-widget
+ .dropbutton-action
+ .button:active {
border-color: #144b78;
background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
background-image: linear-gradient(to bottom, #08639b, #0071b8);
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
}
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button,
+.js
+ .form-actions
+ .dropbutton-wrapper
+ .dropbutton-widget
+ .dropbutton-toggle
+ button,
.form-actions .dropbutton .secondary-action {
border-color: #1e5c90;
}
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
+.js
+ .form-actions
+ .dropbutton-wrapper
+ .dropbutton-widget
+ .dropbutton-toggle
+ button {
background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
background-image: linear-gradient(to bottom, #007bc6, #0071b8);
}
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:hover,
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:focus {
+.js
+ .form-actions
+ .dropbutton-wrapper
+ .dropbutton-widget
+ .dropbutton-toggle
+ button:hover,
+.js
+ .form-actions
+ .dropbutton-wrapper
+ .dropbutton-widget
+ .dropbutton-toggle
+ button:focus {
background-color: #2369a6;
background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
}
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:active {
+.js
+ .form-actions
+ .dropbutton-wrapper
+ .dropbutton-widget
+ .dropbutton-toggle
+ button:active {
border-color: #144b78;
background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
background-image: linear-gradient(to bottom, #08639b, #0071b8);
diff --git a/css/components/entity-meta.css b/css/components/entity-meta.css
index 11be991..3343149 100644
--- a/css/components/entity-meta.css
+++ b/css/components/entity-meta.css
@@ -44,8 +44,16 @@
padding-top: 1px;
border-top-width: 0;
background-color: transparent;
- background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.125), transparent 4px);
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.125), transparent 4px);
+ background-image: -webkit-linear-gradient(
+ top,
+ rgba(0, 0, 0, 0.125),
+ transparent 4px
+ );
+ background-image: linear-gradient(
+ to bottom,
+ rgba(0, 0, 0, 0.125),
+ transparent 4px
+ );
}
.entity-meta .seven-details[open] + .seven-details[open] {
padding-top: 0;
diff --git a/css/components/field-ui.css b/css/components/field-ui.css
index d099c51..38a0c5b 100644
--- a/css/components/field-ui.css
+++ b/css/components/field-ui.css
@@ -18,11 +18,16 @@
#field-display-overview .field-plugin-settings-edit-form .form-submit {
margin-bottom: 0;
}
-#field-display-overview .form-item-fields-field-image-settings-edit-form-settings-image-style .description {
+#field-display-overview
+ .form-item-fields-field-image-settings-edit-form-settings-image-style
+ .description {
display: inline-block;
margin-left: 1em; /* LTR */
}
-[dir="rtl"] #field-display-overview .form-item-fields-field-image-settings-edit-form-settings-image-style .description {
+[dir="rtl"]
+ #field-display-overview
+ .form-item-fields-field-image-settings-edit-form-settings-image-style
+ .description {
margin-right: 1em;
margin-left: 0;
}
diff --git a/css/components/form.css b/css/components/form.css
index a50d6e5..f1a85f4 100644
--- a/css/components/form.css
+++ b/css/components/form.css
@@ -11,7 +11,7 @@ form {
* elements in normalize.css 7.0.0.
*/
button:not(.button),
-input:not([type="file"],.form-text, .form-textarea) {
+input:not([type="file"], .form-text, .form-textarea) {
line-height: 1.25em;
}
textarea,
@@ -135,7 +135,9 @@ label[for] {
border-color: #e62600;
outline: 0;
background-color: #fcf4f2;
- box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px 1px #e62600;
+ box-shadow:
+ inset 0 1px 3px rgba(0, 0, 0, 0.05),
+ 0 0 8px 1px #e62600;
}
.form-required:after {
width: 7px;
@@ -206,8 +208,12 @@ textarea.form-textarea {
box-sizing: border-box;
max-width: 100%;
padding: 0.3em 0.4em 0.3em 0.5em; /* LTR */
- -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
- transition: border linear 0.2s, box-shadow linear 0.2s;
+ -webkit-transition:
+ border linear 0.2s,
+ box-shadow linear 0.2s;
+ transition:
+ border linear 0.2s,
+ box-shadow linear 0.2s;
color: #595959;
border: 1px solid #b8b8b8;
border-top-color: #999;
@@ -233,7 +239,9 @@ textarea.form-textarea {
border-color: #40b6ff;
outline: 0;
background-color: #fff;
- box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff;
+ box-shadow:
+ inset 0 1px 3px rgba(0, 0, 0, 0.05),
+ 0 0 8px #40b6ff;
}
.confirm-parent,
@@ -277,7 +285,9 @@ select {
}
[dir="rtl"] select {
padding: 1px 0.714em 1px 1.571em;
- background-position: 1% 63%, 0 0;
+ background-position:
+ 1% 63%,
+ 0 0;
}
select:focus,
select:hover {
diff --git a/css/components/jquery.ui/theme.css b/css/components/jquery.ui/theme.css
index 6c4dc41..974418f 100644
--- a/css/components/jquery.ui/theme.css
+++ b/css/components/jquery.ui/theme.css
@@ -91,179 +91,525 @@
margin: 2px 0 0 3px;
}
/* positioning */
-.ui-icon-carat-1-ne { background-position: -16px 0; }
-.ui-icon-carat-1-e { background-position: -32px 0; }
-.ui-icon-carat-1-se { background-position: -48px 0; }
-.ui-icon-carat-1-s { background-position: -64px 0; }
-.ui-icon-carat-1-sw { background-position: -80px 0; }
-.ui-icon-carat-1-w { background-position: -96px 0; }
-.ui-icon-carat-1-nw { background-position: -112px 0; }
-.ui-icon-carat-2-n-s { background-position: -128px 0; }
-.ui-icon-carat-2-e-w { background-position: -144px 0; }
-.ui-icon-triangle-1-n { background-position: 0 -16px; }
-.ui-icon-triangle-1-ne { background-position: -16px -16px; }
-.ui-icon-triangle-1-e { background-position: -32px -16px; }
-.ui-icon-triangle-1-se { background-position: -48px -16px; }
-.ui-icon-triangle-1-s { background-position: -64px -16px; }
-.ui-icon-triangle-1-sw { background-position: -80px -16px; }
-.ui-icon-triangle-1-w { background-position: -96px -16px; }
-.ui-icon-triangle-1-nw { background-position: -112px -16px; }
-.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
-.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
-.ui-icon-arrow-1-n { background-position: 0 -32px; }
-.ui-icon-arrow-1-ne { background-position: -16px -32px; }
-.ui-icon-arrow-1-e { background-position: -32px -32px; }
-.ui-icon-arrow-1-se { background-position: -48px -32px; }
-.ui-icon-arrow-1-s { background-position: -64px -32px; }
-.ui-icon-arrow-1-sw { background-position: -80px -32px; }
-.ui-icon-arrow-1-w { background-position: -96px -32px; }
-.ui-icon-arrow-1-nw { background-position: -112px -32px; }
-.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
-.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
-.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
-.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
-.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
-.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
-.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
-.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
-.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
-.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
-.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
-.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
-.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
-.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
-.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
-.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
-.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
-.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
-.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
-.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
-.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
-.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
-.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
-.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
-.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
-.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
-.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
-.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
-.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
-.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
-.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
-.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
-.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
-.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
-.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
-.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
-.ui-icon-arrow-4 { background-position: 0 -80px; }
-.ui-icon-arrow-4-diag { background-position: -16px -80px; }
-.ui-icon-extlink { background-position: -32px -80px; }
-.ui-icon-newwin { background-position: -48px -80px; }
-.ui-icon-refresh { background-position: -64px -80px; }
-.ui-icon-shuffle { background-position: -80px -80px; }
-.ui-icon-transfer-e-w { background-position: -96px -80px; }
-.ui-icon-transferthick-e-w { background-position: -112px -80px; }
-.ui-icon-folder-collapsed { background-position: 0 -96px; }
-.ui-icon-folder-open { background-position: -16px -96px; }
-.ui-icon-document { background-position: -32px -96px; }
-.ui-icon-document-b { background-position: -48px -96px; }
-.ui-icon-note { background-position: -64px -96px; }
-.ui-icon-mail-closed { background-position: -80px -96px; }
-.ui-icon-mail-open { background-position: -96px -96px; }
-.ui-icon-suitcase { background-position: -112px -96px; }
-.ui-icon-comment { background-position: -128px -96px; }
-.ui-icon-person { background-position: -144px -96px; }
-.ui-icon-print { background-position: -160px -96px; }
-.ui-icon-trash { background-position: -176px -96px; }
-.ui-icon-locked { background-position: -192px -96px; }
-.ui-icon-unlocked { background-position: -208px -96px; }
-.ui-icon-bookmark { background-position: -224px -96px; }
-.ui-icon-tag { background-position: -240px -96px; }
-.ui-icon-home { background-position: 0 -112px; }
-.ui-icon-flag { background-position: -16px -112px; }
-.ui-icon-calendar { background-position: -32px -112px; }
-.ui-icon-cart { background-position: -48px -112px; }
-.ui-icon-pencil { background-position: -64px -112px; }
-.ui-icon-clock { background-position: -80px -112px; }
-.ui-icon-disk { background-position: -96px -112px; }
-.ui-icon-calculator { background-position: -112px -112px; }
-.ui-icon-zoomin { background-position: -128px -112px; }
-.ui-icon-zoomout { background-position: -144px -112px; }
-.ui-icon-search { background-position: -160px -112px; }
-.ui-icon-wrench { background-position: -176px -112px; }
-.ui-icon-gear { background-position: -192px -112px; }
-.ui-icon-heart { background-position: -208px -112px; }
-.ui-icon-star { background-position: -224px -112px; }
-.ui-icon-link { background-position: -240px -112px; }
-.ui-icon-cancel { background-position: 0 -128px; }
-.ui-icon-plus { background-position: -16px -128px; }
-.ui-icon-plusthick { background-position: -32px -128px; }
-.ui-icon-minus { background-position: -48px -128px; }
-.ui-icon-minusthick { background-position: -64px -128px; }
-.ui-icon-close { background-position: -80px -128px; }
-.ui-icon-closethick { background-position: -96px -128px; }
-.ui-icon-key { background-position: -112px -128px; }
-.ui-icon-lightbulb { background-position: -128px -128px; }
-.ui-icon-scissors { background-position: -144px -128px; }
-.ui-icon-clipboard { background-position: -160px -128px; }
-.ui-icon-copy { background-position: -176px -128px; }
-.ui-icon-contact { background-position: -192px -128px; }
-.ui-icon-image { background-position: -208px -128px; }
-.ui-icon-video { background-position: -224px -128px; }
-.ui-icon-script { background-position: -240px -128px; }
-.ui-icon-alert { background-position: 0 -144px; }
-.ui-icon-info { background-position: -16px -144px; }
-.ui-icon-notice { background-position: -32px -144px; }
-.ui-icon-help { background-position: -48px -144px; }
-.ui-icon-check { background-position: -64px -144px; }
-.ui-icon-bullet { background-position: -80px -144px; }
-.ui-icon-radio-off { background-position: -96px -144px; }
-.ui-icon-radio-on { background-position: -112px -144px; }
-.ui-icon-pin-w { background-position: -128px -144px; }
-.ui-icon-pin-s { background-position: -144px -144px; }
-.ui-icon-play { background-position: 0 -160px; }
-.ui-icon-pause { background-position: -16px -160px; }
-.ui-icon-seek-next { background-position: -32px -160px; }
-.ui-icon-seek-prev { background-position: -48px -160px; }
-.ui-icon-seek-end { background-position: -64px -160px; }
-.ui-icon-seek-first { background-position: -80px -160px; }
-.ui-icon-stop { background-position: -96px -160px; }
-.ui-icon-eject { background-position: -112px -160px; }
-.ui-icon-volume-off { background-position: -128px -160px; }
-.ui-icon-volume-on { background-position: -144px -160px; }
-.ui-icon-power { background-position: 0 -176px; }
-.ui-icon-signal-diag { background-position: -16px -176px; }
-.ui-icon-signal { background-position: -32px -176px; }
-.ui-icon-battery-0 { background-position: -48px -176px; }
-.ui-icon-battery-1 { background-position: -64px -176px; }
-.ui-icon-battery-2 { background-position: -80px -176px; }
-.ui-icon-battery-3 { background-position: -96px -176px; }
-.ui-icon-circle-plus { background-position: 0 -192px; }
-.ui-icon-circle-minus { background-position: -16px -192px; }
-.ui-icon-circle-close { background-position: -32px -192px; }
-.ui-icon-circle-triangle-e { background-position: -48px -192px; }
-.ui-icon-circle-triangle-s { background-position: -64px -192px; }
-.ui-icon-circle-triangle-w { background-position: -80px -192px; }
-.ui-icon-circle-triangle-n { background-position: -96px -192px; }
-.ui-icon-circle-arrow-e { background-position: -112px -192px; }
-.ui-icon-circle-arrow-s { background-position: -128px -192px; }
-.ui-icon-circle-arrow-w { background-position: -144px -192px; }
-.ui-icon-circle-arrow-n { background-position: -160px -192px; }
-.ui-icon-circle-zoomin { background-position: -176px -192px; }
-.ui-icon-circle-zoomout { background-position: -192px -192px; }
-.ui-icon-circle-check { background-position: -208px -192px; }
-.ui-icon-circlesmall-plus { background-position: 0 -208px; }
-.ui-icon-circlesmall-minus { background-position: -16px -208px; }
-.ui-icon-circlesmall-close { background-position: -32px -208px; }
-.ui-icon-squaresmall-plus { background-position: -48px -208px; }
-.ui-icon-squaresmall-minus { background-position: -64px -208px; }
-.ui-icon-squaresmall-close { background-position: -80px -208px; }
-.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
-.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
-.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
-.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
-.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
-.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
-.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne {
+ background-position: -16px 0;
+}
+.ui-icon-carat-1-e {
+ background-position: -32px 0;
+}
+.ui-icon-carat-1-se {
+ background-position: -48px 0;
+}
+.ui-icon-carat-1-s {
+ background-position: -64px 0;
+}
+.ui-icon-carat-1-sw {
+ background-position: -80px 0;
+}
+.ui-icon-carat-1-w {
+ background-position: -96px 0;
+}
+.ui-icon-carat-1-nw {
+ background-position: -112px 0;
+}
+.ui-icon-carat-2-n-s {
+ background-position: -128px 0;
+}
+.ui-icon-carat-2-e-w {
+ background-position: -144px 0;
+}
+.ui-icon-triangle-1-n {
+ background-position: 0 -16px;
+}
+.ui-icon-triangle-1-ne {
+ background-position: -16px -16px;
+}
+.ui-icon-triangle-1-e {
+ background-position: -32px -16px;
+}
+.ui-icon-triangle-1-se {
+ background-position: -48px -16px;
+}
+.ui-icon-triangle-1-s {
+ background-position: -64px -16px;
+}
+.ui-icon-triangle-1-sw {
+ background-position: -80px -16px;
+}
+.ui-icon-triangle-1-w {
+ background-position: -96px -16px;
+}
+.ui-icon-triangle-1-nw {
+ background-position: -112px -16px;
+}
+.ui-icon-triangle-2-n-s {
+ background-position: -128px -16px;
+}
+.ui-icon-triangle-2-e-w {
+ background-position: -144px -16px;
+}
+.ui-icon-arrow-1-n {
+ background-position: 0 -32px;
+}
+.ui-icon-arrow-1-ne {
+ background-position: -16px -32px;
+}
+.ui-icon-arrow-1-e {
+ background-position: -32px -32px;
+}
+.ui-icon-arrow-1-se {
+ background-position: -48px -32px;
+}
+.ui-icon-arrow-1-s {
+ background-position: -64px -32px;
+}
+.ui-icon-arrow-1-sw {
+ background-position: -80px -32px;
+}
+.ui-icon-arrow-1-w {
+ background-position: -96px -32px;
+}
+.ui-icon-arrow-1-nw {
+ background-position: -112px -32px;
+}
+.ui-icon-arrow-2-n-s {
+ background-position: -128px -32px;
+}
+.ui-icon-arrow-2-ne-sw {
+ background-position: -144px -32px;
+}
+.ui-icon-arrow-2-e-w {
+ background-position: -160px -32px;
+}
+.ui-icon-arrow-2-se-nw {
+ background-position: -176px -32px;
+}
+.ui-icon-arrowstop-1-n {
+ background-position: -192px -32px;
+}
+.ui-icon-arrowstop-1-e {
+ background-position: -208px -32px;
+}
+.ui-icon-arrowstop-1-s {
+ background-position: -224px -32px;
+}
+.ui-icon-arrowstop-1-w {
+ background-position: -240px -32px;
+}
+.ui-icon-arrowthick-1-n {
+ background-position: 0 -48px;
+}
+.ui-icon-arrowthick-1-ne {
+ background-position: -16px -48px;
+}
+.ui-icon-arrowthick-1-e {
+ background-position: -32px -48px;
+}
+.ui-icon-arrowthick-1-se {
+ background-position: -48px -48px;
+}
+.ui-icon-arrowthick-1-s {
+ background-position: -64px -48px;
+}
+.ui-icon-arrowthick-1-sw {
+ background-position: -80px -48px;
+}
+.ui-icon-arrowthick-1-w {
+ background-position: -96px -48px;
+}
+.ui-icon-arrowthick-1-nw {
+ background-position: -112px -48px;
+}
+.ui-icon-arrowthick-2-n-s {
+ background-position: -128px -48px;
+}
+.ui-icon-arrowthick-2-ne-sw {
+ background-position: -144px -48px;
+}
+.ui-icon-arrowthick-2-e-w {
+ background-position: -160px -48px;
+}
+.ui-icon-arrowthick-2-se-nw {
+ background-position: -176px -48px;
+}
+.ui-icon-arrowthickstop-1-n {
+ background-position: -192px -48px;
+}
+.ui-icon-arrowthickstop-1-e {
+ background-position: -208px -48px;
+}
+.ui-icon-arrowthickstop-1-s {
+ background-position: -224px -48px;
+}
+.ui-icon-arrowthickstop-1-w {
+ background-position: -240px -48px;
+}
+.ui-icon-arrowreturnthick-1-w {
+ background-position: 0 -64px;
+}
+.ui-icon-arrowreturnthick-1-n {
+ background-position: -16px -64px;
+}
+.ui-icon-arrowreturnthick-1-e {
+ background-position: -32px -64px;
+}
+.ui-icon-arrowreturnthick-1-s {
+ background-position: -48px -64px;
+}
+.ui-icon-arrowreturn-1-w {
+ background-position: -64px -64px;
+}
+.ui-icon-arrowreturn-1-n {
+ background-position: -80px -64px;
+}
+.ui-icon-arrowreturn-1-e {
+ background-position: -96px -64px;
+}
+.ui-icon-arrowreturn-1-s {
+ background-position: -112px -64px;
+}
+.ui-icon-arrowrefresh-1-w {
+ background-position: -128px -64px;
+}
+.ui-icon-arrowrefresh-1-n {
+ background-position: -144px -64px;
+}
+.ui-icon-arrowrefresh-1-e {
+ background-position: -160px -64px;
+}
+.ui-icon-arrowrefresh-1-s {
+ background-position: -176px -64px;
+}
+.ui-icon-arrow-4 {
+ background-position: 0 -80px;
+}
+.ui-icon-arrow-4-diag {
+ background-position: -16px -80px;
+}
+.ui-icon-extlink {
+ background-position: -32px -80px;
+}
+.ui-icon-newwin {
+ background-position: -48px -80px;
+}
+.ui-icon-refresh {
+ background-position: -64px -80px;
+}
+.ui-icon-shuffle {
+ background-position: -80px -80px;
+}
+.ui-icon-transfer-e-w {
+ background-position: -96px -80px;
+}
+.ui-icon-transferthick-e-w {
+ background-position: -112px -80px;
+}
+.ui-icon-folder-collapsed {
+ background-position: 0 -96px;
+}
+.ui-icon-folder-open {
+ background-position: -16px -96px;
+}
+.ui-icon-document {
+ background-position: -32px -96px;
+}
+.ui-icon-document-b {
+ background-position: -48px -96px;
+}
+.ui-icon-note {
+ background-position: -64px -96px;
+}
+.ui-icon-mail-closed {
+ background-position: -80px -96px;
+}
+.ui-icon-mail-open {
+ background-position: -96px -96px;
+}
+.ui-icon-suitcase {
+ background-position: -112px -96px;
+}
+.ui-icon-comment {
+ background-position: -128px -96px;
+}
+.ui-icon-person {
+ background-position: -144px -96px;
+}
+.ui-icon-print {
+ background-position: -160px -96px;
+}
+.ui-icon-trash {
+ background-position: -176px -96px;
+}
+.ui-icon-locked {
+ background-position: -192px -96px;
+}
+.ui-icon-unlocked {
+ background-position: -208px -96px;
+}
+.ui-icon-bookmark {
+ background-position: -224px -96px;
+}
+.ui-icon-tag {
+ background-position: -240px -96px;
+}
+.ui-icon-home {
+ background-position: 0 -112px;
+}
+.ui-icon-flag {
+ background-position: -16px -112px;
+}
+.ui-icon-calendar {
+ background-position: -32px -112px;
+}
+.ui-icon-cart {
+ background-position: -48px -112px;
+}
+.ui-icon-pencil {
+ background-position: -64px -112px;
+}
+.ui-icon-clock {
+ background-position: -80px -112px;
+}
+.ui-icon-disk {
+ background-position: -96px -112px;
+}
+.ui-icon-calculator {
+ background-position: -112px -112px;
+}
+.ui-icon-zoomin {
+ background-position: -128px -112px;
+}
+.ui-icon-zoomout {
+ background-position: -144px -112px;
+}
+.ui-icon-search {
+ background-position: -160px -112px;
+}
+.ui-icon-wrench {
+ background-position: -176px -112px;
+}
+.ui-icon-gear {
+ background-position: -192px -112px;
+}
+.ui-icon-heart {
+ background-position: -208px -112px;
+}
+.ui-icon-star {
+ background-position: -224px -112px;
+}
+.ui-icon-link {
+ background-position: -240px -112px;
+}
+.ui-icon-cancel {
+ background-position: 0 -128px;
+}
+.ui-icon-plus {
+ background-position: -16px -128px;
+}
+.ui-icon-plusthick {
+ background-position: -32px -128px;
+}
+.ui-icon-minus {
+ background-position: -48px -128px;
+}
+.ui-icon-minusthick {
+ background-position: -64px -128px;
+}
+.ui-icon-close {
+ background-position: -80px -128px;
+}
+.ui-icon-closethick {
+ background-position: -96px -128px;
+}
+.ui-icon-key {
+ background-position: -112px -128px;
+}
+.ui-icon-lightbulb {
+ background-position: -128px -128px;
+}
+.ui-icon-scissors {
+ background-position: -144px -128px;
+}
+.ui-icon-clipboard {
+ background-position: -160px -128px;
+}
+.ui-icon-copy {
+ background-position: -176px -128px;
+}
+.ui-icon-contact {
+ background-position: -192px -128px;
+}
+.ui-icon-image {
+ background-position: -208px -128px;
+}
+.ui-icon-video {
+ background-position: -224px -128px;
+}
+.ui-icon-script {
+ background-position: -240px -128px;
+}
+.ui-icon-alert {
+ background-position: 0 -144px;
+}
+.ui-icon-info {
+ background-position: -16px -144px;
+}
+.ui-icon-notice {
+ background-position: -32px -144px;
+}
+.ui-icon-help {
+ background-position: -48px -144px;
+}
+.ui-icon-check {
+ background-position: -64px -144px;
+}
+.ui-icon-bullet {
+ background-position: -80px -144px;
+}
+.ui-icon-radio-off {
+ background-position: -96px -144px;
+}
+.ui-icon-radio-on {
+ background-position: -112px -144px;
+}
+.ui-icon-pin-w {
+ background-position: -128px -144px;
+}
+.ui-icon-pin-s {
+ background-position: -144px -144px;
+}
+.ui-icon-play {
+ background-position: 0 -160px;
+}
+.ui-icon-pause {
+ background-position: -16px -160px;
+}
+.ui-icon-seek-next {
+ background-position: -32px -160px;
+}
+.ui-icon-seek-prev {
+ background-position: -48px -160px;
+}
+.ui-icon-seek-end {
+ background-position: -64px -160px;
+}
+.ui-icon-seek-first {
+ background-position: -80px -160px;
+}
+.ui-icon-stop {
+ background-position: -96px -160px;
+}
+.ui-icon-eject {
+ background-position: -112px -160px;
+}
+.ui-icon-volume-off {
+ background-position: -128px -160px;
+}
+.ui-icon-volume-on {
+ background-position: -144px -160px;
+}
+.ui-icon-power {
+ background-position: 0 -176px;
+}
+.ui-icon-signal-diag {
+ background-position: -16px -176px;
+}
+.ui-icon-signal {
+ background-position: -32px -176px;
+}
+.ui-icon-battery-0 {
+ background-position: -48px -176px;
+}
+.ui-icon-battery-1 {
+ background-position: -64px -176px;
+}
+.ui-icon-battery-2 {
+ background-position: -80px -176px;
+}
+.ui-icon-battery-3 {
+ background-position: -96px -176px;
+}
+.ui-icon-circle-plus {
+ background-position: 0 -192px;
+}
+.ui-icon-circle-minus {
+ background-position: -16px -192px;
+}
+.ui-icon-circle-close {
+ background-position: -32px -192px;
+}
+.ui-icon-circle-triangle-e {
+ background-position: -48px -192px;
+}
+.ui-icon-circle-triangle-s {
+ background-position: -64px -192px;
+}
+.ui-icon-circle-triangle-w {
+ background-position: -80px -192px;
+}
+.ui-icon-circle-triangle-n {
+ background-position: -96px -192px;
+}
+.ui-icon-circle-arrow-e {
+ background-position: -112px -192px;
+}
+.ui-icon-circle-arrow-s {
+ background-position: -128px -192px;
+}
+.ui-icon-circle-arrow-w {
+ background-position: -144px -192px;
+}
+.ui-icon-circle-arrow-n {
+ background-position: -160px -192px;
+}
+.ui-icon-circle-zoomin {
+ background-position: -176px -192px;
+}
+.ui-icon-circle-zoomout {
+ background-position: -192px -192px;
+}
+.ui-icon-circle-check {
+ background-position: -208px -192px;
+}
+.ui-icon-circlesmall-plus {
+ background-position: 0 -208px;
+}
+.ui-icon-circlesmall-minus {
+ background-position: -16px -208px;
+}
+.ui-icon-circlesmall-close {
+ background-position: -32px -208px;
+}
+.ui-icon-squaresmall-plus {
+ background-position: -48px -208px;
+}
+.ui-icon-squaresmall-minus {
+ background-position: -64px -208px;
+}
+.ui-icon-squaresmall-close {
+ background-position: -80px -208px;
+}
+.ui-icon-grip-dotted-vertical {
+ background-position: 0 -224px;
+}
+.ui-icon-grip-dotted-horizontal {
+ background-position: -16px -224px;
+}
+.ui-icon-grip-solid-vertical {
+ background-position: -32px -224px;
+}
+.ui-icon-grip-solid-horizontal {
+ background-position: -48px -224px;
+}
+.ui-icon-gripsmall-diagonal-se {
+ background-position: -64px -224px;
+}
+.ui-icon-grip-diagonal-se {
+ background-position: -80px -224px;
+}
+.ui-icon-carat-1-n {
+ background-position: 0 0;
+}
/**
* Accordion
diff --git a/css/components/quickedit.css b/css/components/quickedit.css
index f940908..5705c8e 100644
--- a/css/components/quickedit.css
+++ b/css/components/quickedit.css
@@ -58,6 +58,6 @@
* The entity toolbar's "save" button's top margin shifts both buttons 2px down,
* so we must compensate for that to achieve vertically centered positioning.
*/
-.quickedit .icon-close:before {
+.quickedit .icon-close::before {
top: 8px;
}
diff --git a/css/components/system-status-counter.css b/css/components/system-status-counter.css
index 1166d37..5aeb014 100644
--- a/css/components/system-status-counter.css
+++ b/css/components/system-status-counter.css
@@ -28,7 +28,7 @@
border-left: 1px solid #e6e4df;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}
-.system-status-counter__status-icon:before {
+.system-status-counter__status-icon::before {
display: block;
width: 100%;
height: 100%;
@@ -38,13 +38,13 @@
background-size: 25px;
}
-.system-status-counter__status-icon--error:before {
+.system-status-counter__status-icon--error::before {
background-image: url(../../images/icons/e32700/error.svg);
}
-.system-status-counter__status-icon--warning:before {
+.system-status-counter__status-icon--warning::before {
background-image: url(../../images/icons/e29700/warning.svg);
}
-.system-status-counter__status-icon--checked:before {
+.system-status-counter__status-icon--checked::before {
background-image: url(../../images/icons/73b355/check.svg);
}
.system-status-counter__status-title {
@@ -80,7 +80,7 @@
padding: 10px 3%;
font-size: 16px;
}
- .system-status-counter__status-icon:before {
+ .system-status-counter__status-icon::before {
background-size: 35px;
}
}
diff --git a/css/components/system-status-report-general-info.css b/css/components/system-status-report-general-info.css
index e666d6c..d974f00 100644
--- a/css/components/system-status-report-general-info.css
+++ b/css/components/system-status-report-general-info.css
@@ -33,7 +33,7 @@
height: 45px;
vertical-align: top;
}
-.system-status-general-info__item-icon:before {
+.system-status-general-info__item-icon::before {
display: block;
width: 100%;
height: 100%;
@@ -42,20 +42,20 @@
background-position: 50% center;
background-size: 35px;
}
-.system-status-general-info__item-icon--drupal:before {
+.system-status-general-info__item-icon--drupal::before {
background-image: url(../../images/logo/drupal-logo.svg);
}
-.system-status-general-info__item-icon--clock:before {
+.system-status-general-info__item-icon--clock::before {
background-image: url(../../images/icons/cccccc/clock.svg);
}
-.system-status-general-info__item-icon--server:before {
+.system-status-general-info__item-icon--server::before {
background-image: url(../../images/icons/cccccc/server.svg);
}
-.system-status-general-info__item-icon--php:before {
+.system-status-general-info__item-icon--php::before {
background-image: url(../../images/icons/cccccc/php-logo.svg);
background-size: 45px;
}
-.system-status-general-info__item-icon--database:before {
+.system-status-general-info__item-icon--database::before {
background-image: url(../../images/icons/cccccc/database.svg);
background-size: 30px;
}
@@ -131,10 +131,10 @@
width: 55px;
height: 55px;
}
- .system-status-general-info__item-icon:before {
+ .system-status-general-info__item-icon::before {
background-size: 35px;
}
- .system-status-general-info__item-icon--php:before {
+ .system-status-general-info__item-icon--php::before {
background-size: 55px;
}
diff --git a/css/components/system-status-report.css b/css/components/system-status-report.css
index 1e9d159..3fb4e4a 100644
--- a/css/components/system-status-report.css
+++ b/css/components/system-status-report.css
@@ -46,13 +46,13 @@
[dir="rtl"].details .system-status-report__status-title {
padding: 1em 3em 1em 1em;
}
-.collapse-processed > .system-status-report__status-title:before {
+.collapse-processed > .system-status-report__status-title::before {
float: right; /* LTR */
}
.system-status-report__status-title::-webkit-details-marker {
float: right; /* LTR */
}
-[dir="rtl"] .collapse-processed > .system-status-report__status-title:before {
+[dir="rtl"] .collapse-processed > .system-status-report__status-title::before {
float: left;
}
[dir="rtl"] .system-status-report__status-title::-webkit-details-marker {
@@ -69,8 +69,8 @@
color: inherit;
}
-.system-status-report__status-title .details-title:before,
-.details .system-status-report__status-icon:before {
+.system-status-report__status-title .details-title::before,
+.details .system-status-report__status-icon::before {
position: absolute;
top: 1em;
left: 10px; /* LTR */
@@ -84,18 +84,18 @@
background-position: top center;
background-size: contain;
}
-[dir="rtl"] .system-status-report__status-title .details-title:before,
-[dir="rtl"].details .system-status-report__status-title:before {
+[dir="rtl"] .system-status-report__status-title .details-title::before,
+[dir="rtl"].details .system-status-report__status-title::before {
right: 10px;
left: auto;
margin-right: 0;
}
-.system-status-report__status-icon--error .details-title:before,
-.details .system-status-report__status-icon--error:before {
+.system-status-report__status-icon--error .details-title::before,
+.details .system-status-report__status-icon--error::before {
background-image: url(../../images/icons/e32700/error.svg);
}
-.system-status-report__status-icon--warning .details-title:before,
-.details .system-status-report__status-icon--warning:before {
+.system-status-report__status-icon--warning .details-title::before,
+.details .system-status-report__status-icon--warning::before {
background-image: url(../../images/icons/e29700/warning.svg);
}
@@ -135,7 +135,7 @@
html.js .system-status-report__status-title::-webkit-details-marker {
display: none;
}
- .collapse-processed > .system-status-report__status-title:before {
+ .collapse-processed > .system-status-report__status-title::before {
position: relative;
top: 3px;
}
diff --git a/css/components/tables.css b/css/components/tables.css
index 727e065..cc6f3b1 100644
--- a/css/components/tables.css
+++ b/css/components/tables.css
@@ -136,7 +136,8 @@ th.select-all {
/**
* Responsive tables.
*/
-@media screen and (max-width: 37.5em) { /* 600px */
+@media screen and (max-width: 37.5em) {
+ /* 600px */
th.priority-low,
td.priority-low,
th.priority-medium,
@@ -145,7 +146,8 @@ th.select-all {
}
}
-@media screen and (max-width: 60em) { /* 920px */
+@media screen and (max-width: 60em) {
+ /* 920px */
th.priority-low,
td.priority-low {
display: none;
diff --git a/css/components/tabs.css b/css/components/tabs.css
index 1a7b133..f57a995 100644
--- a/css/components/tabs.css
+++ b/css/components/tabs.css
@@ -37,7 +37,7 @@
display: block;
overflow: hidden;
box-sizing: border-box;
- width: 100%; /* 1 */
+ width: 100%; /* 1 */
margin: -1px 0 0;
padding: 9px 2em 7px 1em; /* LTR */
white-space: nowrap;
@@ -109,12 +109,15 @@ li.tabs__tab a {
}
/* Only add the arrow if there's space */
-@media screen and (min-width: 18.75em) { /* 300px */
+@media screen and (min-width: 18.75em) {
+ /* 300px */
.tabs.primary a {
- background: url(../../images/icons/0074bd/chevron-right.svg) 99% center no-repeat;
+ background: url(../../images/icons/0074bd/chevron-right.svg) 99% center
+ no-repeat;
}
[dir="rtl"] .tabs.primary a {
- background: url(../../images/icons/0074bd/chevron-left.svg) 1% center no-repeat;
+ background: url(../../images/icons/0074bd/chevron-left.svg) 1% center
+ no-repeat;
}
.tabs.primary .tabs__tab.is-active a {
background-image: none;
@@ -249,8 +252,12 @@ li.tabs__tab a {
display: block;
margin-left: -1px; /* LTR */
padding: 5px 15px 5px 16px; /* LTR */
- -webkit-transition: border-color 0.2s, background-color 0.2s;
- transition: border-color 0.2s, background-color 0.2s;
+ -webkit-transition:
+ border-color 0.2s,
+ background-color 0.2s;
+ transition:
+ border-color 0.2s,
+ background-color 0.2s;
color: #0074bd;
}
[dir="rtl"] .tabs.secondary .tabs__tab {
diff --git a/css/components/tour.theme.css b/css/components/tour.theme.css
index e77d9ff..ae00882 100644
--- a/css/components/tour.theme.css
+++ b/css/components/tour.theme.css
@@ -13,7 +13,9 @@
.shepherd-element:focus {
outline: none;
- box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff;
+ box-shadow:
+ inset 0 1px 3px rgba(0, 0, 0, 0.05),
+ 0 0 8px #40b6ff;
}
/* Mobile */
@@ -32,28 +34,28 @@
border: solid 14px rgba(0, 0, 0, 0.8);
}
-.shepherd-element[data-popper-placement^=top] > .shepherd-arrow {
+.shepherd-element[data-popper-placement^="top"] > .shepherd-arrow {
bottom: -28px;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
}
-.shepherd-element[data-popper-placement^=bottom] > .shepherd-arrow {
+.shepherd-element[data-popper-placement^="bottom"] > .shepherd-arrow {
top: -28px;
border-top-color: transparent;
border-right-color: transparent;
border-left-color: transparent;
}
-.shepherd-element[data-popper-placement^=left] > .shepherd-arrow {
+.shepherd-element[data-popper-placement^="left"] > .shepherd-arrow {
right: -28px;
border-top-color: transparent;
border-right-color: transparent; /* LTR */
border-bottom-color: transparent;
}
-.shepherd-element[data-popper-placement^=right] > .shepherd-arrow {
+.shepherd-element[data-popper-placement^="right"] > .shepherd-arrow {
left: -28px;
border-top-color: transparent;
border-bottom-color: transparent;
diff --git a/css/components/vertical-tabs.css b/css/components/vertical-tabs.css
index 07c2ca0..53bde42 100644
--- a/css/components/vertical-tabs.css
+++ b/css/components/vertical-tabs.css
@@ -85,7 +85,7 @@
color: #004f80;
border-bottom: none;
}
-[dir=rtl] .vertical-tabs__menu-item.is-selected a {
+[dir="rtl"] .vertical-tabs__menu-item.is-selected a {
padding-right: 11px;
padding-left: 15px;
}
diff --git a/css/layout/node-add.css b/css/layout/node-add.css
index 977cb23..9c65783 100644
--- a/css/layout/node-add.css
+++ b/css/layout/node-add.css
@@ -13,8 +13,7 @@
* @todo Figure out how to reduce media query duplication across files
* and modules. Layout styles only allowed in themes?
*/
-@media
- screen and (min-width: 780px),
+@media screen and (min-width: 780px),
(orientation: landscape) and (min-device-height: 780px) {
.node-form-layout .messages {
margin-top: 1em;
diff --git a/css/theme/ckeditor-admin.css b/css/theme/ckeditor-admin.css
index 7214a24..45a54f3 100644
--- a/css/theme/ckeditor-admin.css
+++ b/css/theme/ckeditor-admin.css
@@ -7,9 +7,13 @@
* This rule is needed to provide Seven's blue focus outline.
*/
.ckeditor-toolbar-disabled .ckeditor-buttons li a:focus {
- box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff;
+ box-shadow:
+ inset 0 1px 3px rgba(0, 0, 0, 0.05),
+ 0 0 8px #40b6ff;
}
.ckeditor-toolbar-active .ckeditor-buttons li a:focus {
- box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff;
+ box-shadow:
+ inset 0 1px 3px rgba(0, 0, 0, 0.05),
+ 0 0 8px #40b6ff;
}
diff --git a/css/theme/ckeditor-dialog.css b/css/theme/ckeditor-dialog.css
index 87ac121..b13aa43 100644
--- a/css/theme/ckeditor-dialog.css
+++ b/css/theme/ckeditor-dialog.css
@@ -27,7 +27,12 @@
background: none;
}
.cke_reset_all .cke_dialog_body * {
- font: 13px/1.538em "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", sans-serif;
+ font:
+ 13px/1.538em "Lucida Grande",
+ "Lucida Sans Unicode",
+ "DejaVu Sans",
+ "Lucida Sans",
+ sans-serif;
}
/* Dialog's header. */
@@ -101,8 +106,12 @@
max-width: 100%;
margin: 0 0 3px;
padding: 0.3em 0.4em 0.3em 0.5em;
- -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
- transition: border linear 0.2s, box-shadow linear 0.2s;
+ -webkit-transition:
+ border linear 0.2s,
+ box-shadow linear 0.2s;
+ transition:
+ border linear 0.2s,
+ box-shadow linear 0.2s;
color: #595959;
border: 1px solid #b8b8b8;
border-top-color: #999;
@@ -114,7 +123,8 @@
}
.cke_reset_all select.cke_dialog_ui_input_select {
padding-right: 1.5em;
- background: #fcfcfa url(../../images/icons/333333/caret-down.svg) no-repeat 99% 63%;
+ background: #fcfcfa url(../../images/icons/333333/caret-down.svg) no-repeat
+ 99% 63%;
}
.cke_reset_all .cke_dialog_body textarea:focus,
.cke_reset_all .cke_dialog_body input[type="text"]:focus,
@@ -122,7 +132,9 @@
border-color: #40b6ff;
outline: 0;
background-color: #fff;
- box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff;
+ box-shadow:
+ inset 0 1px 3px rgba(0, 0, 0, 0.05),
+ 0 0 8px #40b6ff;
}
/* Dialog's footer. */
diff --git a/css/theme/filter.admin.css b/css/theme/filter.admin.css
index db42f12..ff2a1e2 100644
--- a/css/theme/filter.admin.css
+++ b/css/theme/filter.admin.css
@@ -43,7 +43,7 @@
[dir="rtl"] .filter-help a {
margin: 0 0 0 20px;
}
-.filter-help a:after {
+.filter-help a::after {
position: absolute;
top: 0;
right: -20px; /* LTR */
@@ -53,7 +53,7 @@
content: "";
background: transparent url(../../images/help.png);
}
-[dir="rtl"] .filter-help a:after {
+[dir="rtl"] .filter-help a::after {
right: auto;
left: -20px;
}
diff --git a/css/theme/install-page.css b/css/theme/install-page.css
index b616b41..8f13d45 100644
--- a/css/theme/install-page.css
+++ b/css/theme/install-page.css
@@ -11,14 +11,17 @@
background-image:
url(../../images/noise-low.png),
-webkit-radial-gradient(hsl(203, 80%, 45%), hsl(203, 80%, 32%));
- background-image:
- url(../../images/noise-low.png),
+ background-image: url(../../images/noise-low.png),
radial-gradient(hsl(203, 80%, 45%), hsl(203, 80%, 32%));
background-repeat: repeat;
- background-position: left top, 50% 50%; /* LTR */
+ background-position:
+ left top,
+ 50% 50%; /* LTR */
}
[dir="rtl"] .install-page {
- background-position: right top, 50% 50%;
+ background-position:
+ right top,
+ 50% 50%;
}
/**
diff --git a/css/theme/maintenance-page.css b/css/theme/maintenance-page.css
index 047b88f..0463d64 100644
--- a/css/theme/maintenance-page.css
+++ b/css/theme/maintenance-page.css
@@ -6,13 +6,20 @@
.maintenance-page {
min-height: 100%;
background-color: #e0e0d8;
- background-image: -webkit-radial-gradient(hsl(203, 2%, 90%), hsl(203, 2%, 95%));
+ background-image: -webkit-radial-gradient(
+ hsl(203, 2%, 90%),
+ hsl(203, 2%, 95%)
+ );
background-image: radial-gradient(hsl(203, 2%, 90%), hsl(203, 2%, 95%));
background-repeat: repeat;
- background-position: left top, 50% 50%; /* LTR */
+ background-position:
+ left top,
+ 50% 50%; /* LTR */
}
[dir="rtl"] .maintenance-page {
- background-position: right top, 50% 50%;
+ background-position:
+ right top,
+ 50% 50%;
}
.page-title {
@@ -25,7 +32,8 @@
/**
* Task list & step indicator
*/
-@media all and (max-width: 48em) { /* 768px */
+@media all and (max-width: 48em) {
+ /* 768px */
header[role="banner"] {
position: relative;
}
@@ -45,7 +53,8 @@
}
}
-@media all and (min-width: 48em) { /* 768px */
+@media all and (min-width: 48em) {
+ /* 768px */
.step-indicator {
display: none;
}
@@ -105,13 +114,15 @@
margin-left: 1.25em;
background: #fff;
}
-.layout-container:after { /* no reason for a clearfix in the markup */
+.layout-container:after {
+ /* no reason for a clearfix in the markup */
display: table;
clear: both;
content: "";
}
-@media all and (max-width: 48em) { /* 768px */
+@media all and (max-width: 48em) {
+ /* 768px */
.layout-container {
margin: 1.25em;
padding: 10px 20px;
@@ -126,7 +137,8 @@
}
}
-@media all and (min-width: 48em) { /* 768px */
+@media all and (min-width: 48em) {
+ /* 768px */
html {
display: table;
}
diff --git a/css/theme/media-library.css b/css/theme/media-library.css
index fef1a7a..d15aa1e 100644
--- a/css/theme/media-library.css
+++ b/css/theme/media-library.css
@@ -112,7 +112,8 @@
}
/* Style the media add upload form. */
-.media-library-add-form--upload.media-library-add-form--without-input .form-item-upload {
+.media-library-add-form--upload.media-library-add-form--without-input
+ .form-item-upload {
margin-bottom: 0;
}
@@ -131,7 +132,8 @@
}
}
-.media-library-add-form--oembed.media-library-add-form--without-input .form-item-url {
+.media-library-add-form--oembed.media-library-add-form--without-input
+ .form-item-url {
margin-bottom: 0;
}
@@ -157,7 +159,10 @@
padding: 0 10px 1em 10px;
}
-.media-library-add-form__selected-media .media-library-item .field--name-thumbnail img {
+.media-library-add-form__selected-media
+ .media-library-item
+ .field--name-thumbnail
+ img {
height: 100px;
}
@@ -311,7 +316,10 @@
width: calc(100% - 16px);
height: calc(100% - 16px);
content: "";
- transition: border-color 0.2s, color 0.2s, background 0.2s;
+ transition:
+ border-color 0.2s,
+ color 0.2s,
+ background 0.2s;
pointer-events: none;
border: 1px solid #dbdbdb;
}
@@ -462,7 +470,9 @@
cursor: move;
}
-.field--widget-media-library-widget .js-media-library-item:only-child .media-library-item__preview {
+.field--widget-media-library-widget
+ .js-media-library-item:only-child
+ .media-library-item__preview {
cursor: inherit;
}
@@ -655,7 +665,8 @@
* The first item doesn't have a top padding, change the location of the remove
* button as well.
*/
-.media-library-add-form__media:first-child .media-library-add-form__remove-button[type="submit"] {
+.media-library-add-form__media:first-child
+ .media-library-add-form__remove-button[type="submit"] {
top: 5px;
}
@@ -693,7 +704,8 @@
color: transparent;
border: 0;
border-radius: 0;
- background: transparent url(../../images/icons/787878/ex.svg) right 2px no-repeat; /* LTR */
+ background: transparent url(../../images/icons/787878/ex.svg) right 2px
+ no-repeat; /* LTR */
font-weight: normal;
line-height: 16px;
}
@@ -710,7 +722,8 @@
.media-library-add-form__remove-button.button:focus {
color: #787878;
border: 0;
- background: transparent url(../../images/icons/787878/ex.svg) right 2px no-repeat; /* LTR */
+ background: transparent url(../../images/icons/787878/ex.svg) right 2px
+ no-repeat; /* LTR */
}
[dir="rtl"] .media-library-add-form__remove-button:focus,
[dir="rtl"] .media-library-add-form__remove-button.button:disabled,
@@ -723,7 +736,8 @@
.media-library-add-form__remove-button.button:hover {
color: #e00;
border: 0;
- background: transparent url(../../images/icons/ee0000/ex.svg) right 2px no-repeat; /* LTR */
+ background: transparent url(../../images/icons/ee0000/ex.svg) right 2px
+ no-repeat; /* LTR */
box-shadow: none;
}
[dir="rtl"] .media-library-add-form__remove-button:hover,
--
GitLab
From 3360425997ed1024800d7de6be36fc767541c1ba Mon Sep 17 00:00:00 2001
From: Alberto Paderno <apaderno@isepro.org>
Date: Mon, 2 Jun 2025 12:01:24 +0200
Subject: [PATCH 2/4] Used double colon pseudo-element notation
---
css/components/buttons.css | 4 ++--
css/components/form.css | 3 +--
css/components/tables.css | 12 ++++++------
css/components/tabs.css | 8 ++++----
css/components/tour.theme.css | 2 +-
css/components/vertical-tabs.css | 2 +-
css/theme/ckeditor-dialog.css | 2 +-
css/theme/maintenance-page.css | 6 +++---
css/theme/media-library.css | 10 +++++-----
9 files changed, 24 insertions(+), 25 deletions(-)
diff --git a/css/components/buttons.css b/css/components/buttons.css
index cab42e1..1a2f72a 100644
--- a/css/components/buttons.css
+++ b/css/components/buttons.css
@@ -109,7 +109,7 @@
/**
* Overrides styling from system.theme.
*/
-.button-action:before {
+.button-action::before {
margin-left: -0.2em; /* LTR */
padding-right: 0.2em; /* LTR */
font-size: 14px;
@@ -117,7 +117,7 @@
line-height: 16px;
-webkit-font-smoothing: auto;
}
-[dir="rtl"] .button-action:before {
+[dir="rtl"] .button-action::before {
margin-right: -0.2em;
margin-left: 0;
padding-right: 0;
diff --git a/css/components/form.css b/css/components/form.css
index f1a85f4..1457cea 100644
--- a/css/components/form.css
+++ b/css/components/form.css
@@ -139,7 +139,7 @@ label[for] {
inset 0 1px 3px rgba(0, 0, 0, 0.05),
0 0 8px 1px #e62600;
}
-.form-required:after {
+.form-required::after {
width: 7px;
height: 7px;
background-size: 7px 7px;
@@ -289,7 +289,6 @@ select {
1% 63%,
0 0;
}
- select:focus,
select:hover {
color: #1a1a1a;
background-image:
diff --git a/css/components/tables.css b/css/components/tables.css
index cc6f3b1..1c07b7a 100644
--- a/css/components/tables.css
+++ b/css/components/tables.css
@@ -70,7 +70,7 @@ th > a {
}
/* 1. Must match negative bottom padding of the parent <th> */
-th > a:after {
+th > a::after {
position: absolute;
top: 0;
right: 0;
@@ -94,7 +94,7 @@ th.is-active img {
right: auto;
left: 0;
}
-th.is-active > a:after {
+th.is-active > a::after {
border-bottom-color: #004875;
}
th > a:hover,
@@ -104,10 +104,10 @@ th.is-active > a:focus {
text-decoration: none;
color: #008ee6;
}
-th > a:hover:after,
-th > a:focus:after,
-th.is-active > a:hover:after,
-th.is-active > a:focus:after {
+th > a:hover::after,
+th > a:focus::after,
+th.is-active > a:hover::after,
+th.is-active > a:focus::after {
border-bottom-color: #008ee6;
}
td .item-list ul {
diff --git a/css/components/tabs.css b/css/components/tabs.css
index f57a995..df92a44 100644
--- a/css/components/tabs.css
+++ b/css/components/tabs.css
@@ -5,8 +5,8 @@
.is-horizontal .tabs {
position: relative;
}
-.is-collapse-enabled .tabs:before,
-.is-horizontal .tabs:before {
+.is-collapse-enabled .tabs::before,
+.is-horizontal .tabs::before {
position: absolute;
z-index: 10;
right: 0;
@@ -19,8 +19,8 @@
}
/* Span the full width of the viewport */
-.content-header .is-horizontal .tabs:before,
-.content-header .is-collapse-enabled .tabs:before {
+.content-header .is-horizontal .tabs::before,
+.content-header .is-collapse-enabled .tabs::before {
right: -2.5em;
left: -2.5em;
}
diff --git a/css/components/tour.theme.css b/css/components/tour.theme.css
index ae00882..e1156db 100644
--- a/css/components/tour.theme.css
+++ b/css/components/tour.theme.css
@@ -25,7 +25,7 @@
}
}
-.shepherd-arrow:before {
+.shepherd-arrow::before {
background: none;
}
diff --git a/css/components/vertical-tabs.css b/css/components/vertical-tabs.css
index 53bde42..308d676 100644
--- a/css/components/vertical-tabs.css
+++ b/css/components/vertical-tabs.css
@@ -109,7 +109,7 @@
border-left: none;
border-radius: 4px 0 0 4px;
}
-.vertical-tabs__panes:after {
+.vertical-tabs__panes::after {
display: table;
clear: both;
content: "";
diff --git a/css/theme/ckeditor-dialog.css b/css/theme/ckeditor-dialog.css
index b13aa43..7858cc6 100644
--- a/css/theme/ckeditor-dialog.css
+++ b/css/theme/ckeditor-dialog.css
@@ -6,7 +6,7 @@
.cke_dialog_background_cover {
display: none;
}
-.cke_dialog:before {
+.cke_dialog::before {
position: fixed;
top: 0;
left: 0;
diff --git a/css/theme/maintenance-page.css b/css/theme/maintenance-page.css
index 0463d64..c0b08c6 100644
--- a/css/theme/maintenance-page.css
+++ b/css/theme/maintenance-page.css
@@ -80,7 +80,7 @@
background: #ebeae4;
font-weight: normal;
}
- .task-list .is-active:after {
+ .task-list .is-active::after {
position: absolute;
top: 50%;
left: 100%; /* LTR */
@@ -94,7 +94,7 @@
border-color: rgba(235, 234, 228, 0);
border-left-color: #ebeae4; /* LTR */
}
- [dir="rtl"] .task-list .is-active:after {
+ [dir="rtl"] .task-list .is-active::after {
right: 100%;
left: auto;
border-right-color: #ebeae4;
@@ -114,7 +114,7 @@
margin-left: 1.25em;
background: #fff;
}
-.layout-container:after {
+.layout-container::after {
/* no reason for a clearfix in the markup */
display: table;
clear: both;
diff --git a/css/theme/media-library.css b/css/theme/media-library.css
index d15aa1e..b74e800 100644
--- a/css/theme/media-library.css
+++ b/css/theme/media-library.css
@@ -309,7 +309,7 @@
background: #fff;
}
-.media-library-item--grid:before {
+.media-library-item--grid::before {
position: absolute;
top: 7px;
left: 7px;
@@ -414,9 +414,9 @@
object-position: center center;
}
-.media-library-item--grid.is-hover:before,
-.media-library-item--grid.checked:before,
-.media-library-item--grid.is-focus:before {
+.media-library-item--grid.is-hover::before,
+.media-library-item--grid.checked::before,
+.media-library-item--grid.is-focus::before {
top: 5px;
left: 5px;
border-width: 3px;
@@ -424,7 +424,7 @@
border-radius: 3px;
}
-.media-library-item--grid.checked:before {
+.media-library-item--grid.checked::before {
border-color: #0076c0;
}
--
GitLab
From 0c142bdf633cc71dc85f86b726df6aaeabb68892 Mon Sep 17 00:00:00 2001
From: Alberto Paderno <apaderno@isepro.org>
Date: Mon, 2 Jun 2025 12:13:16 +0200
Subject: [PATCH 3/4] Added the expected empty lines
---
css/theme/media-library.css | 2 ++
1 file changed, 2 insertions(+)
diff --git a/css/theme/media-library.css b/css/theme/media-library.css
index b74e800..b29e1bd 100644
--- a/css/theme/media-library.css
+++ b/css/theme/media-library.css
@@ -706,6 +706,7 @@
border-radius: 0;
background: transparent url(../../images/icons/787878/ex.svg) right 2px
no-repeat; /* LTR */
+
font-weight: normal;
line-height: 16px;
}
@@ -738,6 +739,7 @@
border: 0;
background: transparent url(../../images/icons/ee0000/ex.svg) right 2px
no-repeat; /* LTR */
+
box-shadow: none;
}
[dir="rtl"] .media-library-add-form__remove-button:hover,
--
GitLab
From 65997bf17131391794831f510945d352a33d8c09 Mon Sep 17 00:00:00 2001
From: Alberto Paderno <apaderno@isepro.org>
Date: Mon, 2 Jun 2025 12:52:14 +0200
Subject: [PATCH 4/4] Fixed the last Stylelint errors
---
.idea/.gitignore | 8 ++++++++
.idea/modules.xml | 8 ++++++++
.idea/php.xml | 22 ++++++++++++++++++++++
.idea/seven.iml | 8 ++++++++
.idea/vcs.xml | 6 ++++++
css/classy/components/progress.css | 26 --------------------------
css/components/jquery.ui/theme.css | 3 ---
7 files changed, 52 insertions(+), 29 deletions(-)
create mode 100644 .idea/.gitignore
create mode 100644 .idea/modules.xml
create mode 100644 .idea/php.xml
create mode 100644 .idea/seven.iml
create mode 100644 .idea/vcs.xml
diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..13566b8
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,8 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..f942ad1
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+ <component name="ProjectModuleManager">
+ <modules>
+ <module fileurl="file://$PROJECT_DIR$/.idea/seven.iml" filepath="$PROJECT_DIR$/.idea/seven.iml" />
+ </modules>
+ </component>
+</project>
\ No newline at end of file
diff --git a/.idea/php.xml b/.idea/php.xml
new file mode 100644
index 0000000..ff1c9c2
--- /dev/null
+++ b/.idea/php.xml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+ <component name="MessDetectorOptionsConfiguration">
+ <option name="transferred" value="true" />
+ </component>
+ <component name="PHPCSFixerOptionsConfiguration">
+ <option name="transferred" value="true" />
+ </component>
+ <component name="PHPCodeSnifferOptionsConfiguration">
+ <option name="highlightLevel" value="WARNING" />
+ <option name="transferred" value="true" />
+ </component>
+ <component name="PhpProjectSharedConfiguration" php_language_level="8.3">
+ <option name="suggestChangeDefaultLanguageLevel" value="false" />
+ </component>
+ <component name="PhpStanOptionsConfiguration">
+ <option name="transferred" value="true" />
+ </component>
+ <component name="PsalmOptionsConfiguration">
+ <option name="transferred" value="true" />
+ </component>
+</project>
\ No newline at end of file
diff --git a/.idea/seven.iml b/.idea/seven.iml
new file mode 100644
index 0000000..c956989
--- /dev/null
+++ b/.idea/seven.iml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+ <component name="NewModuleRootManager">
+ <content url="file://$MODULE_DIR$" />
+ <orderEntry type="inheritedJdk" />
+ <orderEntry type="sourceFolder" forTests="false" />
+ </component>
+</module>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..35eb1dd
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+ <component name="VcsDirectoryMappings">
+ <mapping directory="" vcs="Git" />
+ </component>
+</project>
\ No newline at end of file
diff --git a/css/classy/components/progress.css b/css/classy/components/progress.css
index 00c081e..c32bf6b 100644
--- a/css/classy/components/progress.css
+++ b/css/classy/components/progress.css
@@ -66,32 +66,6 @@
/**
* Progress bar animations.
*/
-@-webkit-keyframes animate-stripes {
- 0% {
- background-position:
- 0 0,
- 0 0;
- }
- 100% {
- background-position:
- 0 0,
- -80px 0;
- }
-}
-
-@-ms-keyframes animate-stripes {
- 0% {
- background-position:
- 0 0,
- 0 0;
- }
- 100% {
- background-position:
- 0 0,
- -80px 0;
- }
-}
-
@keyframes animate-stripes {
0% {
background-position:
diff --git a/css/components/jquery.ui/theme.css b/css/components/jquery.ui/theme.css
index 974418f..653dab9 100644
--- a/css/components/jquery.ui/theme.css
+++ b/css/components/jquery.ui/theme.css
@@ -43,12 +43,10 @@
.ui-state-disabled,
.ui-widget-content .ui-state-disabled {
opacity: 0.35;
- filter: alpha(opacity=35);
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary {
opacity: 0.7;
- filter: alpha(opacity=70);
}
/**
@@ -677,7 +675,6 @@
*/
.ui-widget-overlay {
opacity: 0.7;
- filter: alpha(opacity=70);
background: #000;
}
--
GitLab