From b0a663f6ee9d28c71643d9a18c955a60b90cb7c1 Mon Sep 17 00:00:00 2001
From: maTh <1645099+math-GH@users.noreply.github.com>
Date: Sat, 1 Nov 2025 10:15:59 +0100
Subject: Fix/improve <textarea> (#8171)

## Feed configuration slider:

### Before:
<img width="747" height="346" alt="grafik" src="https://github.com/user-attachments/assets/37056ef8-1163-48d1-a3dd-99e745418b2d" />

### After:
<img width="743" height="473" alt="grafik" src="https://github.com/user-attachments/assets/388a0ef6-633e-43ee-8ea5-5cbe7b40e6e4" />

## CustomCSS, CustomJS extensions
### Before:
<img width="762" height="504" alt="grafik" src="https://github.com/user-attachments/assets/279801fb-06a7-477a-81e7-c681087595a5" />

### After:
<img width="767" height="922" alt="grafik" src="https://github.com/user-attachments/assets/ca4cf304-03c7-4028-89d0-1c3094086176" />

And cleaning some CSS

* UserCSS+JS: w100 h50
* clean textarea width height
* feed config slider
* Update base.rtl.css
* fix class="valid-json"
* padding + vertical-align
* fix ansum mapco
---
 p/themes/Alternative-Dark/adark.css     |   7 -
 p/themes/Alternative-Dark/adark.rtl.css |   7 -
 p/themes/Ansum/_forms.scss              |   3 -
 p/themes/Ansum/ansum.css                |   2 -
 p/themes/Ansum/ansum.rtl.css            |   2 -
 p/themes/Flat/flat.css                  |   6 -
 p/themes/Flat/flat.rtl.css              |   6 -
 p/themes/Mapco/_forms.scss              |   3 -
 p/themes/Mapco/mapco.css                |   2 -
 p/themes/Mapco/mapco.rtl.css            |   2 -
 p/themes/Nord/nord.css                  |  12 -
 p/themes/Nord/nord.rtl.css              |  12 -
 p/themes/Origine/origine.css            |   7 -
 p/themes/Origine/origine.rtl.css        |   7 -
 p/themes/Pafat/pafat.css                |   7 -
 p/themes/Pafat/pafat.rtl.css            |   7 -
 p/themes/Swage/swage.css                | 416 +++++++-------------------------
 p/themes/Swage/swage.rtl.css            | 414 +++++++------------------------
 p/themes/Swage/swage.scss               |  10 -
 p/themes/base-theme/base.css            |  10 -
 p/themes/base-theme/base.rtl.css        |  10 -
 p/themes/base-theme/frss.css            |  11 +
 p/themes/base-theme/frss.rtl.css        |  11 +
 23 files changed, 200 insertions(+), 774 deletions(-)

(limited to 'p')

diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css
index 7b8af5f41..0d6ce7e36 100644
--- a/p/themes/Alternative-Dark/adark.css
+++ b/p/themes/Alternative-Dark/adark.css
@@ -79,18 +79,11 @@ label {
 	cursor: pointer;
 }
 
-textarea {
-	width: 360px;
-	height: 100px;
-}
-
 input, select, textarea {
-	padding: 7px;
 	background: var(--background-color-light);
 	color: var(--font-color-middle);
 	border: 1px solid var(--border-color-middle);
 	border-radius: 3px;
-	vertical-align: middle;
 }
 
 input:hover,
diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css
index 147d05fcf..78219d75c 100644
--- a/p/themes/Alternative-Dark/adark.rtl.css
+++ b/p/themes/Alternative-Dark/adark.rtl.css
@@ -79,18 +79,11 @@ label {
 	cursor: pointer;
 }
 
-textarea {
-	width: 360px;
-	height: 100px;
-}
-
 input, select, textarea {
-	padding: 7px;
 	background: var(--background-color-light);
 	color: var(--font-color-middle);
 	border: 1px solid var(--border-color-middle);
 	border-radius: 3px;
-	vertical-align: middle;
 }
 
 input:hover,
diff --git a/p/themes/Ansum/_forms.scss b/p/themes/Ansum/_forms.scss
index 7bc4658ec..f7b9a1138 100644
--- a/p/themes/Ansum/_forms.scss
+++ b/p/themes/Ansum/_forms.scss
@@ -70,8 +70,6 @@ label {
 
 textarea {
 	max-width: 100%;
-	width: 360px;
-	height: 100px;
 }
 
 input, select, textarea, button {
@@ -84,7 +82,6 @@ input, select, textarea, button {
 	border-radius: 2px;
 	min-height: 25px;
 	line-height: 25px;
-	vertical-align: middle;
 }
 
 select {
diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css
index 4a0c4a676..d94816dca 100644
--- a/p/themes/Ansum/ansum.css
+++ b/p/themes/Ansum/ansum.css
@@ -114,8 +114,6 @@ label {
 
 textarea {
 	max-width: 100%;
-	width: 360px;
-	height: 100px;
 }
 
 input, select, textarea, button {
diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css
index 2d9fe14db..ef7ab4cc8 100644
--- a/p/themes/Ansum/ansum.rtl.css
+++ b/p/themes/Ansum/ansum.rtl.css
@@ -114,8 +114,6 @@ label {
 
 textarea {
 	max-width: 100%;
-	width: 360px;
-	height: 100px;
 }
 
 input, select, textarea, button {
diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css
index ecacf749e..fb99b5f20 100644
--- a/p/themes/Flat/flat.css
+++ b/p/themes/Flat/flat.css
@@ -33,11 +33,6 @@ label {
 	color: #444;
 }
 
-textarea {
-	width: 360px;
-	height: 100px;
-}
-
 input, select, textarea {
 	padding: 5px;
 	background: #fff;
@@ -48,7 +43,6 @@ input, select, textarea {
 	border-radius: 5px;
 	min-height: 25px;
 	line-height: 1;
-	vertical-align: middle;
 }
 
 option {
diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css
index fcac93e01..5e075b421 100644
--- a/p/themes/Flat/flat.rtl.css
+++ b/p/themes/Flat/flat.rtl.css
@@ -33,11 +33,6 @@ label {
 	color: #444;
 }
 
-textarea {
-	width: 360px;
-	height: 100px;
-}
-
 input, select, textarea {
 	padding: 5px;
 	background: #fff;
@@ -48,7 +43,6 @@ input, select, textarea {
 	border-radius: 5px;
 	min-height: 25px;
 	line-height: 1;
-	vertical-align: middle;
 }
 
 option {
diff --git a/p/themes/Mapco/_forms.scss b/p/themes/Mapco/_forms.scss
index bb72b4baf..1a1277b36 100644
--- a/p/themes/Mapco/_forms.scss
+++ b/p/themes/Mapco/_forms.scss
@@ -70,8 +70,6 @@ label {
 
 textarea {
 	max-width: 100%;
-	width: 360px;
-	height: 100px;
 }
 
 input, select, textarea, button {
@@ -84,7 +82,6 @@ input, select, textarea, button {
 	border-radius: 2px;
 	min-height: 25px;
 	line-height: 25px;
-	vertical-align: middle;
 }
 
 select {
diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css
index 4b88e95e7..0591d090a 100644
--- a/p/themes/Mapco/mapco.css
+++ b/p/themes/Mapco/mapco.css
@@ -114,8 +114,6 @@ label {
 
 textarea {
 	max-width: 100%;
-	width: 360px;
-	height: 100px;
 }
 
 input, select, textarea, button {
diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css
index 1028f1b26..1146efdb0 100644
--- a/p/themes/Mapco/mapco.rtl.css
+++ b/p/themes/Mapco/mapco.rtl.css
@@ -114,8 +114,6 @@ label {
 
 textarea {
 	max-width: 100%;
-	width: 360px;
-	height: 100px;
 }
 
 input, select, textarea, button {
diff --git a/p/themes/Nord/nord.css b/p/themes/Nord/nord.css
index 63e959b67..dfd9beb94 100644
--- a/p/themes/Nord/nord.css
+++ b/p/themes/Nord/nord.css
@@ -125,14 +125,12 @@ label {
 }
 
 input, select, textarea {
-	padding: 5px;
 	color: var(--text-default);
 	border: 1px solid var(--border-elements);
 	border-radius: 6px;
 	background-color: transparent;
 	min-height: 25px;
 	line-height: 1;
-	vertical-align: middle;
 }
 
 input:invalid,
@@ -141,11 +139,6 @@ textarea:invalid {
 	border-color: var(--red);
 }
 
-select {
-	padding-top: 10px;
-	padding-bottom: 9px;
-}
-
 input:hover,
 select:hover,
 textarea:hover {
@@ -1087,11 +1080,6 @@ a, button.as-link {
 }
 
 /*=== Forms */
-textarea {
-	width: 360px;
-	height: 100px;
-}
-
 option,
 optgroup {
 	padding-left: 0.5rem;
diff --git a/p/themes/Nord/nord.rtl.css b/p/themes/Nord/nord.rtl.css
index 9cfc4a52e..7128be496 100644
--- a/p/themes/Nord/nord.rtl.css
+++ b/p/themes/Nord/nord.rtl.css
@@ -125,14 +125,12 @@ label {
 }
 
 input, select, textarea {
-	padding: 5px;
 	color: var(--text-default);
 	border: 1px solid var(--border-elements);
 	border-radius: 6px;
 	background-color: transparent;
 	min-height: 25px;
 	line-height: 1;
-	vertical-align: middle;
 }
 
 input:invalid,
@@ -141,11 +139,6 @@ textarea:invalid {
 	border-color: var(--red);
 }
 
-select {
-	padding-top: 10px;
-	padding-bottom: 9px;
-}
-
 input:hover,
 select:hover,
 textarea:hover {
@@ -1087,11 +1080,6 @@ a, button.as-link {
 }
 
 /*=== Forms */
-textarea {
-	width: 360px;
-	height: 100px;
-}
-
 option,
 optgroup {
 	padding-right: 0.5rem;
diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css
index 665bc08b7..4264a54b9 100644
--- a/p/themes/Origine/origine.css
+++ b/p/themes/Origine/origine.css
@@ -120,18 +120,11 @@ textarea:hover {
 	color: var(--font-color);
 }
 
-textarea {
-	width: 360px;
-	height: 100px;
-}
-
 input, select, textarea {
-	padding: 7px;
 	background-color: var(--background-color-light);
 	color: var(--font-color-grey);
 	border: 1px solid var(--border-color);
 	border-radius: 3px;
-	vertical-align: middle;
 }
 
 option {
diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css
index d4d84d70a..ffa4fd4e4 100644
--- a/p/themes/Origine/origine.rtl.css
+++ b/p/themes/Origine/origine.rtl.css
@@ -120,18 +120,11 @@ textarea:hover {
 	color: var(--font-color);
 }
 
-textarea {
-	width: 360px;
-	height: 100px;
-}
-
 input, select, textarea {
-	padding: 7px;
 	background-color: var(--background-color-light);
 	color: var(--font-color-grey);
 	border: 1px solid var(--border-color);
 	border-radius: 3px;
-	vertical-align: middle;
 }
 
 option {
diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css
index ffaff8cf8..064517fc8 100644
--- a/p/themes/Pafat/pafat.css
+++ b/p/themes/Pafat/pafat.css
@@ -114,18 +114,11 @@ label {
 	cursor: pointer;
 }
 
-textarea {
-	width: 360px;
-	height: 100px;
-}
-
 input, select, textarea {
-	padding: 7px;
 	background-color: var(--background-color-white);
 	color: var(--font-color-grey);
 	border: 1px solid var(--border-color-grey-dark);
 	border-radius: 3px;
-	vertical-align: middle;
 }
 
 option {
diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css
index 1c2e2a299..8809e4ea5 100644
--- a/p/themes/Pafat/pafat.rtl.css
+++ b/p/themes/Pafat/pafat.rtl.css
@@ -114,18 +114,11 @@ label {
 	cursor: pointer;
 }
 
-textarea {
-	width: 360px;
-	height: 100px;
-}
-
 input, select, textarea {
-	padding: 7px;
 	background-color: var(--background-color-white);
 	color: var(--font-color-grey);
 	border: 1px solid var(--border-color-grey-dark);
 	border-radius: 3px;
-	vertical-align: middle;
 }
 
 option {
diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css
index 446b34381..cd4d6b66a 100644
--- a/p/themes/Swage/swage.css
+++ b/p/themes/Swage/swage.css
@@ -1,31 +1,31 @@
 :root {
 	--color-text-light: #f5f3f3;
-	--color-text-light-darker: rgb(152.2727272727, 131.7272727273, 131.7272727273);
+	--color-text-light-darker: #988484;
 	--color-text-dark: #181621;
-	--color-text-nav: rgb(0, 71.6947368421, 139);
+	--color-text-nav: #00488b;
 	--color-text-aside: #22303d;
 	--color-text-alert: #fa8052;
 	--color-text-good: #5eaabf;
 	--color-text-bad: #b0425b;
-	--color-text-bad-lighter: rgb(195.8181818182, 97.1818181818, 119.5991735537);
+	--color-text-bad-lighter: #c46178;
 	--color-text-shadow-light: #f5f3f3;
-	--color-box-shadow-light: rgb(221.8181818182, 215.1818181818, 215.1818181818);
+	--color-box-shadow-light: #ded7d7;
 	--color-border-light: #f5f3f3;
-	--color-border-light-darker: rgb(221.8181818182, 215.1818181818, 215.1818181818);
+	--color-border-light-darker: #ded7d7;
 	--color-border-grey: #e3e3e3;
-	--color-border-nav: rgb(0, 71.6947368421, 139);
+	--color-border-nav: #00488b;
 	--color-border-bad: #b0425b;
 	--color-background-light: #f5f3f3;
-	--color-background-light-darker: rgb(221.8181818182, 215.1818181818, 215.1818181818);
+	--color-background-light-darker: #ded7d7;
 	--color-background-light-darker-transparent: rgba(217, 217, 217, 0.7333333333);
 	--color-background-dark: #181621;
 	--color-background-nav: #0062be;
-	--color-background-nav-darker: rgb(0, 71.6947368421, 139);
+	--color-background-nav-darker: #00488b;
 	--color-background-aside: #22303d;
 	--color-background-alert: #fa8052;
-	--color-background-alert-darker: rgb(248.5674157303, 91.6123595506, 32.4325842697);
+	--color-background-alert-darker: #f95c20;
 	--color-background-good: #5eaabf;
-	--color-background-bad: rgb(195.8181818182, 97.1818181818, 119.5991735537);
+	--color-background-bad: #c46178;
 	--color-background-stared: #fff6da;
 	--color-background-unread: #fff3ed;
 	--color-background-hover: #fff;
@@ -36,20 +36,15 @@
 }
 
 input,
-select,
-textarea {
+select, textarea {
 	min-height: 25px;
 	margin-top: 4px;
-	line-height: 2.25;
-	vertical-align: middle;
 	background-color: var(--color-background-light);
 	border: 2px solid var(--color-border-grey);
-	padding-left: 8px;
 }
 
 input:focus,
-select:focus,
-textarea:focus {
+select:focus, textarea:focus {
 	border: 2px solid var(--color-background-dark);
 	outline: none;
 }
@@ -63,35 +58,27 @@ select:invalid {
 	box-shadow: none;
 }
 
-.nav-list .item .nav-header,
-.nav-list .item {
+.nav-list .item .nav-header, .nav-list .item {
 	min-height: 2.5em;
 	line-height: 2.5;
 }
 
-.dropdown-menu>.item a,
-.dropdown-menu>.item>span,
-.dropdown-menu>.item>.as-link,
-.dropdown-menu>.item button,
-.dropdown-menu>.item {
+.dropdown-menu > .item a,
+.dropdown-menu > .item > span,
+.dropdown-menu > .item > .as-link,
+.dropdown-menu > .item button, .dropdown-menu > .item {
 	padding: 0 22px;
 	color: var(--color-text-light);
 	font-size: 0.8rem;
 	line-height: 2.5;
 }
 
-.flux::after,
-.form-group::after {
+.flux::after, .form-group::after {
 	display: block;
 	clear: both;
 }
 
-#nav_entries,
-.notification,
-#new-article,
-.aside,
-.header>.item.title,
-.stick.configure-feeds {
+#nav_entries, .notification, #new-article, .aside, .header > .item.title, .stick.configure-feeds {
 	width: 231px;
 }
 
@@ -109,16 +96,13 @@ li.tree-folder span.title {
 :root.file_query .nav-pagination {
 	margin-top: 6rem;
 }
-
 :root.file_query ul.pagination a {
 	padding: 0 0.2rem 0 0.2rem;
 }
-
-:root.file_query .view-rss>.icon {
+:root.file_query .view-rss > .icon {
 	filter: brightness(0);
 }
-
-:root.file_query main>h1:first-child {
+:root.file_query main > h1:first-child {
 	margin-top: 2rem;
 }
 
@@ -126,7 +110,7 @@ li.tree-folder span.title {
 	margin-bottom: 0.4rem;
 }
 
-.configure.open-slider>.icon {
+.configure.open-slider > .icon {
 	filter: brightness(0.4);
 }
 
@@ -134,11 +118,9 @@ a {
 	color: var(--color-text-nav);
 	outline: none;
 }
-
 a#btn-subscription {
 	width: 76%;
 }
-
 a#btn-add {
 	width: 5%;
 }
@@ -166,21 +148,11 @@ label {
 	min-height: 25px;
 }
 
-textarea {
-	width: 360px;
-	height: 100px;
-}
-
 input:disabled,
 select:disabled {
 	background-color: var(--color-background-light);
 }
 
-select {
-	padding-top: 7px;
-	padding-bottom: 8px;
-}
-
 option {
 	padding: 0 0.5em;
 }
@@ -215,34 +187,27 @@ form th {
 	padding: 5px;
 	border: 1px solid transparent;
 }
-
 .form-group:hover {
 	background-color: var(--color-background-light);
 	border: 1px solid var(--color-border-light);
 }
-
 .form-group.form-actions {
 	margin: 15px 0 25px;
 	padding: 5px 0;
 	background-color: var(--color-background-light-darker-transparent);
 	border-top: 3px solid var(--color-border-light-darker);
 }
-
-.form-group.form-actions .btn,
-.form-group.form-actions a {
+.form-group.form-actions .btn, .form-group.form-actions a {
 	margin-left: 1rem;
 }
-
 .form-group .group-name {
 	padding: 10px 0;
 	text-align: right;
 }
-
 .form-group .group-controls {
 	min-height: 25px;
 	padding: 5px 0;
 }
-
 .form-group .group-controls .control {
 	line-height: 2;
 }
@@ -250,7 +215,6 @@ form th {
 .stick select {
 	margin-top: 0;
 }
-
 .stick.configure-feeds {
 	margin: 0.5rem 0 1rem 0.3rem;
 }
@@ -268,28 +232,21 @@ form th {
 	line-height: 1.5;
 	text-decoration: none;
 }
-
-.btn.active,
-.btn:active,
-.btn:hover {
+.btn.active, .btn:active, .btn:hover {
 	background-color: var(--color-background-nav-darker);
 	text-decoration: none;
 }
-
 .btn .icon {
 	filter: brightness(3);
 }
 
-.btn-important,
-.btn-attention {
+.btn-important, .btn-attention {
 	font-weight: normal;
 	background-color: var(--color-background-alert);
 	color: var(--color-text-light);
 }
-
 .btn-important:hover,
-.btn-important :active,
-.btn-attention:hover,
+.btn-important :active, .btn-attention:hover,
 .btn-attention :active {
 	background-color: var(--color-background-alert-darker) !important;
 }
@@ -298,7 +255,6 @@ form th {
 	filter: brightness(0.4);
 	vertical-align: sub;
 }
-
 .manage-list .configure:hover {
 	filter: invert(56%) sepia(87%) saturate(1185%) hue-rotate(327deg) brightness(104%) contrast(96%);
 }
@@ -306,7 +262,6 @@ form th {
 .switch.active {
 	background-color: var(--color-background-nav);
 }
-
 .switch.active:hover {
 	background-image: url("./icons/disabled-light.svg");
 }
@@ -314,7 +269,6 @@ form th {
 .nav-list {
 	font-size: 0.9rem;
 }
-
 .nav-list .item .nav-header {
 	padding: 0 1rem;
 	font-weight: bold;
@@ -322,37 +276,30 @@ form th {
 	color: var(--color-text-light);
 	cursor: default;
 }
-
 .nav-list .item a:hover,
 .nav-list .item .as-link:hover {
 	background-color: var(--color-background-nav-darker);
 	color: var(--color-text-light);
 }
-
 .nav-list .item.active {
 	background: var(--color-background-nav-darker);
 	color: var(--color-text-light);
 }
-
 .nav-list .item.active a,
 .nav-list .item.active .as-link {
 	color: var(--color-text-light);
 }
-
-.nav-list .item>a,
-.nav-list .item>.as-link {
+.nav-list .item > a,
+.nav-list .item > .as-link {
 	padding: 0 1.5rem;
 }
-
 .nav-list .item .icon {
 	filter: brightness(3);
 }
-
 .nav-list .nav-form {
 	padding: 3px;
 	text-align: center;
 }
-
 .nav-list a:hover,
 .nav-list .as-link:hover {
 	text-decoration: none;
@@ -365,20 +312,17 @@ form th {
 	border: none;
 	background-color: var(--color-background-nav-darker);
 }
-
-.dropdown-menu .item>a,
-.dropdown-menu .item>.as-link,
-.dropdown-menu .item>span {
+.dropdown-menu .item > a,
+.dropdown-menu .item > .as-link,
+.dropdown-menu .item > span {
 	width: 96% !important;
 }
-
 .dropdown-menu .dropdown-header {
 	cursor: default;
 	padding: 0.5rem 10px 0.5rem 10px;
 	font-weight: bold;
 	color: var(--color-text-light);
 }
-
 .dropdown-menu .dropdown-header a,
 .dropdown-menu .dropdown-header .as-link {
 	padding: 0.1rem 0.3rem 0.3rem 0.3rem;
@@ -386,59 +330,48 @@ form th {
 	right: 5px;
 	margin-top: -3px;
 }
-
 .dropdown-menu .dropdown-header a:hover,
 .dropdown-menu .dropdown-header .as-link:hover {
 	background-color: var(--color-background-nav);
 }
-
 .dropdown-menu .dropdown-section .dropdown-section-title {
 	cursor: default;
 	padding: 0.25rem 0.5rem 0.125rem 0.25rem;
 	font-weight: bold;
 	color: var(--color-text-light);
 }
-
 .dropdown-menu .dropdown-section .item a,
 .dropdown-menu .dropdown-section .item .as-link {
 	padding: 0 22px;
 }
-
 .dropdown-menu .dropdown-section .item a:hover,
 .dropdown-menu .dropdown-section .item .as-link:hover {
 	background-color: var(--color-background-nav);
 }
-
-.dropdown-menu>.item {
+.dropdown-menu > .item {
 	padding: 0 0 0 0.5rem;
 }
-
-.dropdown-menu>.item>a {
+.dropdown-menu > .item > a {
 	min-width: initial;
 	white-space: nowrap;
 }
-
-.dropdown-menu>.item>a:hover,
-.dropdown-menu>.item>button:hover {
+.dropdown-menu > .item > a:hover,
+.dropdown-menu > .item > button:hover {
 	background-color: var(--color-background-nav);
 	color: var(--color-text-light);
 }
-
-.dropdown-menu>.item[aria-checked=true]>a::before {
+.dropdown-menu > .item[aria-checked=true] > a::before {
 	font-weight: bold;
 	margin: 0 0 0 -14px;
 }
-
 .dropdown-menu .help a {
 	color: var(--color-text-light);
 	text-decoration: underline;
 	text-decoration-style: dotted;
 }
-
 .dropdown-menu .help a:hover {
 	text-decoration-style: solid;
 }
-
 .dropdown-menu .input select,
 .dropdown-menu .input input {
 	margin: 0 auto 5px;
@@ -449,25 +382,21 @@ form th {
 	padding-top: 1rem;
 	padding-bottom: 0.25rem;
 }
-
 #dropdown-search-wrapper .dropdown-menu a {
 	padding: 0;
 }
-
 #dropdown-search-wrapper .dropdown-menu .stick.search {
 	width: 100%;
 }
-
 #dropdown-search-wrapper .dropdown-menu .stick.search input[type=search] {
 	width: 100%;
 	border: 0;
 }
-
 #dropdown-search-wrapper .dropdown-menu .stick.search .btn:hover {
 	filter: brightness(0.9);
 }
 
-.item~.dropdown-header,
+.item ~ .dropdown-header,
 .item.separator {
 	border-top-color: var(--color-border-light-darker);
 	cursor: default;
@@ -485,8 +414,7 @@ li.item.separator {
 	border: none;
 	text-shadow: 0 0 1px var(--color-text-shadow-light);
 }
-
-.alert>a {
+.alert > a {
 	color: inherit;
 	text-decoration: underline;
 }
@@ -520,7 +448,6 @@ li.item.separator {
 	background: var(--color-background-light-darker);
 	color: var(--color_text);
 }
-
 .pagination .item a {
 	color: var(--color_text);
 }
@@ -533,7 +460,6 @@ li.item.separator {
 .content {
 	padding: 20px 10px;
 }
-
 .content hr {
 	margin: 30px 10px;
 	background: var(--color-background-light-darker);
@@ -541,24 +467,20 @@ li.item.separator {
 	border: 0;
 	box-shadow: 0 2px 5px var(--color-box-shadow-light);
 }
-
 .content pre {
 	background-color: var(--color-background-dark);
 	color: var(--color-text-light);
 }
-
 .content pre code {
 	background: transparent;
 	color: var(--color-text-light);
 	border: none;
 }
-
 .content code {
 	background-color: var(--color-background-light);
 	color: var(--color-text-bad);
 	border-color: var(--color-border-light);
 }
-
 .content blockquote {
 	margin: 0;
 	padding: 5px 20px;
@@ -568,12 +490,10 @@ li.item.separator {
 	border-top: 1px solid var(--color-border-light-darker);
 	border-bottom: 1px solid var(--color-border-light-darker);
 }
-
 .content blockquote p {
 	margin: 0;
 }
-
-.content>h1.title>a {
+.content > h1.title > a {
 	color: var(--color_text);
 }
 
@@ -588,63 +508,50 @@ main.post .drop-section li.item.feed a:hover .icon {
 .box {
 	border: 1px solid var(--color-border-light-darker);
 }
-
 .box .box-title {
 	margin: 0;
 	background-color: var(--color-background-aside);
 	color: var(--color-text-light);
 	border-bottom: 1px solid var(--color-border-light-darker);
 }
-
 .box .box-title a {
 	color: var(--color-text-light);
 }
-
 .box .box-title .configure {
 	margin-right: 4px;
 }
-
 .box .box-title .configure .icon:hover {
 	filter: invert(56%) sepia(87%) saturate(1185%) hue-rotate(327deg) brightness(104%) contrast(96%);
 }
-
 .box .box-content {
 	max-height: 260px;
 }
-
 .box .box-content .item {
 	padding: 0 10px;
 	font-size: 0.9rem;
 }
-
 .box .box-content .item .configure .icon {
 	vertical-align: middle;
 	filter: brightness(0.4);
 }
-
 .box .box-content .item .configure .icon:hover {
 	filter: invert(56%) sepia(87%) saturate(1185%) hue-rotate(327deg) brightness(104%) contrast(96%);
 }
-
 .box.category .box-title .title {
 	font-weight: normal;
 	text-decoration: none;
 	text-align: left;
 }
-
 .box.category:not([data-unread="0"]) .box-title {
 	background-color: var(--color-background-nav);
 }
-
 .box.category:not([data-unread="0"]) .box-title:active {
 	background: var(--color-background-nav-darker);
 }
-
 .box.category:not([data-unread="0"]) .box-title .title {
 	font-weight: bold;
 	color: var(--color-text-light);
 }
-
 .box.category .title:not([data-unread="0"])::after {
 	background: none;
 	border: 0;
@@ -655,7 +562,6 @@ main.post .drop-section li.item.feed a:hover .icon {
 	font-weight: bold;
 	text-shadow: none;
 }
-
 .box.visible-semi {
 	border-style: solid;
 }
@@ -670,12 +576,10 @@ main.post .drop-section li.item.feed a:hover .icon {
 	font-size: 1rem;
 	position: relative;
 }
-
 .aside_feed .tree-folder-title .title {
 	background: inherit;
 	color: var(--color-text-light);
 }
-
 .aside_feed .tree-folder-title .title:hover {
 	text-decoration: none;
 }
@@ -683,16 +587,13 @@ main.post .drop-section li.item.feed a:hover .icon {
 .tree-folder-items {
 	background-color: var(--color-background-aside);
 }
-
-.tree-folder-items>.item {
+.tree-folder-items > .item {
 	font-size: 0.8rem;
 }
-
-.tree-folder-items>.item.active {
+.tree-folder-items > .item.active {
 	background-color: var(--color-background-nav-darker);
 }
-
-.tree-folder-items>.item>a {
+.tree-folder-items > .item > a {
 	text-decoration: none;
 	color: var(--color-text-light);
 }
@@ -704,26 +605,21 @@ main.post .drop-section li.item.feed a:hover .icon {
 .header {
 	height: auto;
 }
-
-.header>.item {
+.header > .item {
 	padding: 0;
 	vertical-align: middle;
 }
-
-.header>.item.title {
+.header > .item.title {
 	position: absolute;
 	text-align: center;
 }
-
-.header>.item.title a {
+.header > .item.title a {
 	padding: 0 1rem;
 }
-
-.header>.item.title a:hover .logo {
+.header > .item.title a:hover .logo {
 	filter: grayscale(100%) brightness(100) opacity(90%);
 }
-
-.header>.item.title .logo {
+.header > .item.title .logo {
 	display: inline-block;
 	height: 26px;
 	vertical-align: top;
@@ -731,7 +627,6 @@ main.post .drop-section li.item.feed a:hover .icon {
 	top: 5px;
 	filter: grayscale(100%) brightness(100);
 }
-
 .header .item.configure {
 	position: fixed;
 	right: 0;
@@ -740,18 +635,15 @@ main.post .drop-section li.item.feed a:hover .icon {
 	text-align: center;
 	line-height: 0.8;
 }
-
-.header .item.configure>.icon {
+.header .item.configure > .icon {
 	filter: brightness(3);
 	margin-right: 5px;
 	margin-top: 3px;
 }
-
 .header .item.configure .dropdown .dropdown-menu {
 	max-height: calc(100vh - 45px);
 	overflow: auto;
 }
-
 .header .item.configure .dropdown .dropdown-menu .icon {
 	filter: brightness(3);
 }
@@ -760,30 +652,25 @@ main.post .drop-section li.item.feed a:hover .icon {
 	background-color: var(--color-background-aside);
 	padding-top: 2.5rem;
 }
-
 .aside.aside_feed .tree {
 	margin: 0 0 50px;
 }
-
 .aside.aside_feed .tree-folder .tree-folder-title:hover,
 .aside.aside_feed .tree-folder .item.feed:hover {
 	background-color: var(--color-background-nav-darker);
 }
-
 .aside.aside_feed .nav-form input,
 .aside.aside_feed .nav-form select {
 	width: 140px;
 }
-
 .aside.aside_feed .nav-form .dropdown .dropdown-menu {
 	right: -20px;
 }
-
 .aside.aside_feed .nav-form .dropdown .dropdown-menu::after {
 	right: 33px;
 }
 
-#aside_feed>ul>li:first-child {
+#aside_feed > ul > li:first-child {
 	margin-top: 0.4rem;
 }
 
@@ -792,16 +679,13 @@ main.post .drop-section li.item.feed a:hover .icon {
 	background-color: var(--color-background-nav-darker);
 	color: var(--color-text-light);
 }
-
 .aside_feed .feed .item-title:not([data-unread="0"])::after {
 	background-color: var(--color-background-nav);
 	color: var(--color-text-light);
 }
-
 .aside_feed .tree-folder-items .dropdown-menu::after {
 	left: 2px;
 }
-
 .aside_feed .about {
 	margin: 0.2rem 0 1rem 0;
 	display: block;
@@ -821,11 +705,9 @@ main.post .drop-section li.item.feed a:hover .icon {
 .reader .aside .toggle_aside {
 	background-color: var(--color-background-aside);
 }
-
 .reader .aside .toggle_aside .icon {
 	filter: brightness(3);
 }
-
 .reader .aside .toggle_aside:hover {
 	background-color: var(--color-background-nav);
 }
@@ -833,7 +715,6 @@ main.post .drop-section li.item.feed a:hover .icon {
 .post {
 	font-size: 0.9em;
 }
-
 .post input.long {
 	height: 33px;
 	margin-top: 0px;
@@ -853,15 +734,13 @@ main.post .drop-section li.item.feed a:hover .icon {
 	left: 0;
 	line-height: 1.5;
 }
-
-#new-article>a {
+#new-article > a {
 	padding: 1rem;
 	line-height: 1.5;
 	font-weight: bold;
 	color: var(--color-text-light);
 }
-
-#new-article>a:hover {
+#new-article > a:hover {
 	text-decoration: none;
 	background-color: var(--color-background-nav-darker);
 }
@@ -872,7 +751,6 @@ main.post .drop-section li.item.feed a:hover .icon {
 	line-height: 3;
 	text-align: center;
 }
-
 .day .name {
 	display: none;
 }
@@ -892,18 +770,15 @@ main.post .drop-section li.item.feed a:hover .icon {
 	top: 0;
 	z-index: 90;
 }
-
 .nav_menu .item.search {
 	display: inline-block;
 	position: absolute;
 	right: 40px;
 }
-
 .nav_menu .item.search input {
 	border-width: 0;
 	line-height: 1.95;
 }
-
 .nav_menu #toggle-unread .icon,
 .nav_menu #toggle-starred .icon {
 	filter: brightness(1);
@@ -913,49 +788,39 @@ main.post .drop-section li.item.feed a:hover .icon {
 	padding-right: 10px;
 	background-color: var(--color-background-light);
 }
-
 .flux::after {
 	margin: 0 auto;
 	width: 90%;
 	border-top: 1px solid var(--color-border-light-darker);
 }
-
 .flux .flux_header:hover,
 .flux .current {
 	background-color: var(--color-background-hover);
 }
-
 .flux .flux_header:hover:not(.current):hover .item .title,
 .flux .current:not(.current):hover .item .title {
 	background-color: var(--color-background-hover);
 }
-
 .flux.favorite:not(.current) {
 	background-color: var(--color-background-stared);
 }
-
 .flux.favorite:not(.current):hover .item .title {
 	background-color: var(--color-background-stared);
 }
-
 .flux.not_read:not(.current) {
 	background-color: var(--color-background-unread);
 }
-
 .flux.not_read:not(.current):hover .item .title {
 	background-color: var(--color-background-unread);
 }
-
 .flux .flux_header .date,
 .flux .flux_content .bottom .date {
 	color: var(--color-text-light-darker);
 }
-
 .flux .bottom {
 	font-size: 0.8rem;
 	text-align: center;
 }
-
 .flux label {
 	color: var(--color-text-light);
 	cursor: pointer;
@@ -965,7 +830,6 @@ main.post .drop-section li.item.feed a:hover .icon {
 	font-size: 0.8rem;
 	cursor: pointer;
 }
-
 .flux_header .title {
 	font-size: 0.9rem;
 }
@@ -985,28 +849,21 @@ main.post .drop-section li.item.feed a:hover .icon {
 	left: 0;
 	top: auto;
 }
-
-.notification.good,
-.notification.bad {
+.notification.good, .notification.bad {
 	color: var(--color-text-light);
 }
-
 .notification.good {
 	background-color: var(--color-background-good);
 }
-
 .notification.good a.close:hover {
 	background-color: var(--color-background-good);
 }
-
 .notification.bad {
 	background-color: var(--color-background-bad);
 }
-
 .notification.bad a.close:hover {
 	background-color: var(--color-background-bad);
 }
-
 .notification a.close {
 	display: none;
 }
@@ -1016,7 +873,6 @@ main.post .drop-section li.item.feed a:hover .icon {
 	text-decoration: none;
 	background: var(--color-background-light-darker);
 }
-
 #bigMarkAsRead.big:hover {
 	background-color: var(--color-background-aside);
 	color: var(--color-text-light);
@@ -1029,22 +885,19 @@ main.post .drop-section li.item.feed a:hover .icon {
 .stat {
 	margin: 10px 0 20px;
 }
-
 .stat th,
 .stat td,
 .stat tr {
 	border: none;
 }
-
-.stat>table td,
-.stat>table th {
+.stat > table td,
+.stat > table th {
 	border-bottom: 1px solid var(--color-border-light-darker);
 }
 
 #overlay {
 	z-index: 100;
 }
-
 #overlay .close .icon {
 	filter: brightness(3);
 }
@@ -1052,7 +905,6 @@ main.post .drop-section li.item.feed a:hover .icon {
 #panel {
 	z-index: 100;
 }
-
 #panel .nav_menu {
 	position: relative;
 }
@@ -1060,24 +912,20 @@ main.post .drop-section li.item.feed a:hover .icon {
 body:not(:has(nav#aside_feed)) #global {
 	height: 0;
 }
-
 body:not(:has(nav#aside_feed)) .logo {
 	right: 30px;
 }
-
 body:not(:has(nav#aside_feed)) .header {
 	background-color: var(--color-background-nav);
 	height: 2.4rem;
 	position: relative;
 }
-
-body:not(:has(nav#aside_feed)) .header>.item.configure {
+body:not(:has(nav#aside_feed)) .header > .item.configure {
 	width: auto;
 	position: absolute;
 	white-space: nowrap;
 }
-
-body:not(:has(nav#aside_feed)) .header>.item.configure .icon {
+body:not(:has(nav#aside_feed)) .header > .item.configure .icon {
 	filter: brightness(3);
 }
 
@@ -1085,7 +933,7 @@ body:not(:has(nav#aside_feed)) .header>.item.configure .icon {
 	margin-top: 3rem;
 }
 
-body.register form div:last-child>a {
+body.register form div:last-child > a {
 	float: right;
 	position: relative;
 	right: 0.2rem;
@@ -1100,7 +948,6 @@ a.signin {
 	text-wrap: nowrap;
 	transform: scale(1.5);
 }
-
 a.signin .icon {
 	filter: brightness(3);
 }
@@ -1109,12 +956,10 @@ a.signin .icon {
 	background-color: var(--color-background-bad);
 	color: var(--color-text-light);
 }
-
 .log-item.log-warning {
 	background-color: var(--color-background-alert);
 	color: var(--color-text-light);
 }
-
 .log-item.log-debug {
 	background: var(--color-background-dark);
 	color: var(--color-text-light);
@@ -1124,11 +969,9 @@ body.reader #nav_menu_toggle_aside {
 	margin-top: -2px;
 	height: 32px;
 }
-
-body.reader nav.aside_feed>a.toggle_aside {
+body.reader nav.aside_feed > a.toggle_aside {
 	text-align: center;
 }
-
 body.reader .aside:target {
 	width: 231px;
 	padding-top: 0;
@@ -1138,7 +981,7 @@ main.global {
 	margin: 1rem;
 }
 
-.dropdown .dropdown-section:last-child>ul:first-child {
+.dropdown .dropdown-section:last-child > ul:first-child {
 	margin-top: 0.4rem;
 }
 
@@ -1146,8 +989,7 @@ main.global {
 	color: white;
 	margin-left: 1rem;
 }
-
-.labels ul.dropdown-menu-scrollable>li:nth-child(3) {
+.labels ul.dropdown-menu-scrollable > li:nth-child(3) {
 	margin-top: 0.5rem;
 }
 
@@ -1155,207 +997,161 @@ main.global {
 	body:not(.formLogin, .register) .header .item .title {
 		display: none;
 	}
-
-	body.normal .item.configure,
-	body.reader .item.configure,
-	body.global .item.configure {
+	body.normal .item.configure, body.reader .item.configure, body.global .item.configure {
 		right: 76px;
 	}
-
-	body.normal a.signin,
-	body.reader a.signin,
-	body.global a.signin {
+	body.normal a.signin, body.reader a.signin, body.global a.signin {
 		right: 0;
 	}
-
 	.horizontal-list .dropdown {
 		position: inherit !important;
 	}
-
 	#nav_menu_sort,
-	#nav_menu_sort .dropdown-menu,
-	#nav_menu_sort .dropdown,
-	#toggle-order {
+#nav_menu_sort .dropdown-menu,
+#nav_menu_sort .dropdown,
+#toggle-order {
 		position: fixed;
 		right: 0;
 	}
-
 	#nav_menu_sort .dropdown-menu,
-	#nav_menu_read_all .dropdown-menu,
-	#dropdown-search-wrapper .dropdown-menu,
-	#nav_menu_queries .dropdown-menu {
+#nav_menu_read_all .dropdown-menu,
+#dropdown-search-wrapper .dropdown-menu,
+#nav_menu_queries .dropdown-menu {
 		top: 4.4rem;
 	}
-
 	#nav_menu_sort .dropdown-menu,
-	#nav_menu_read_all .dropdown-menu,
-	#nav_menu_actions .dropdown-menu {
+#nav_menu_read_all .dropdown-menu,
+#nav_menu_actions .dropdown-menu {
 		position: fixed;
 	}
-
 	body:not(.normal):not(.reader):not(.add) nav.configure a.dropdown-toggle {
 		position: fixed;
 		top: 0;
 	}
-
 	body:not(.normal):not(.reader):not(.add):not(.global) .nav_menu {
 		height: 2.2rem;
 	}
-
 	body:not(.normal):not(.reader):not(.add):not(.global) nav.configure a.dropdown-toggle {
 		right: 0;
 	}
-
 	body:not(.normal):not(.reader):not(.add).global nav.configure a.dropdown-toggle {
 		right: 2.4rem;
 	}
-
 	body.repartition .nav_menu {
 		position: fixed;
 		height: 3rem !important;
 	}
-
 	body.repartition main.post {
 		margin-top: 4rem;
 	}
-
 	body.repartition .nav_menu .btn {
 		display: block;
 	}
-
 	body.repartition .nav_menu #feed_select {
 		padding: 0;
 		display: block;
 		margin-left: 5rem;
 		margin-bottom: 0.5rem;
 	}
-
 	.form-group .group-name {
 		padding-bottom: 0;
 		text-align: left;
 	}
-
 	.dropdown {
 		position: relative;
 	}
-
 	.dropdown .dropdown-menu {
 		width: auto;
 	}
-
 	#new-article {
 		margin-top: 2rem;
 		width: 100%;
 	}
-
 	.header {
 		display: table;
 	}
-
 	.header .item {
 		padding: 0;
 	}
-
 	.header .item.configure {
 		padding: 0;
 		position: fixed;
 	}
-
-	.header .item.configure>.icon {
+	.header .item.configure > .icon {
 		margin-top: 5px;
 	}
-
 	button.read_all.btn {
 		display: none;
 	}
-
 	.flux .item.manage,
-	.flux_header .item.website {
+.flux_header .item.website {
 		width: 35px;
 		text-align: center;
 	}
-
 	.flux:not(.current):hover .item .title {
 		top: auto !important;
 	}
-
 	.aside {
 		padding: 0;
 		width: 0;
 		transition: width 200ms linear;
 	}
-
 	.aside .toggle_aside {
 		background-color: var(--color-background-aside);
 	}
-
 	.aside .toggle_aside:hover {
 		background-color: var(--color-background-nav);
 	}
-
 	.aside .toggle_aside .icon {
 		filter: brightness(3);
 	}
-
 	.aside.aside_feed .configure-feeds {
 		display: flex;
 		margin-top: 0;
 		margin-left: auto;
 		margin-right: auto;
 	}
-
 	.aside:target {
 		width: 78% !important;
 		z-index: 1000;
 	}
-
 	#slider .toggle_aside {
 		background-color: var(--color-background-aside);
 	}
-
 	#slider .toggle_aside:hover {
 		background-color: var(--color-background-nav);
 	}
-
 	#slider .toggle_aside .icon {
 		filter: brightness(3);
 	}
-
 	.nav_menu {
 		height: 71px;
 	}
-
 	.nav_menu .btn {
 		margin: 0;
 	}
-
 	.nav_menu .stick,
-	.nav_menu .group {
+.nav_menu .group {
 		margin: 0;
 	}
-
 	.nav_menu .stick .btn,
-	.nav_menu .group .btn {
+.nav_menu .group .btn {
 		margin: 0;
 	}
-
 	.nav_menu .item.search {
 		top: 3px;
 		margin-left: 77px;
 		width: calc(100% - 152px);
 		position: relative;
 	}
-
 	.nav_menu .item.search form {
 		display: block;
 	}
-
 	.nav_menu .item.search input {
 		width: 100%;
 	}
-
 	#overlay .close,
-	.dropdown-menu .toggle_aside {
+.dropdown-menu .toggle_aside {
 		background-color: var(--color-background-aside);
 		display: block;
 		height: 50px;
@@ -1363,105 +1159,85 @@ main.global {
 		text-align: center;
 		padding-right: 10px;
 	}
-
 	#overlay .close:hover,
-	.dropdown-menu .toggle_aside:hover {
+.dropdown-menu .toggle_aside:hover {
 		background-color: var(--color-background-nav);
 	}
-
-	.dropdown-target:target~.dropdown-toggle::after,
-	.dropdown-target:target~.dropdown-toggle.btn::after {
+	.dropdown-target:target ~ .dropdown-toggle::after,
+.dropdown-target:target ~ .dropdown-toggle.btn::after {
 		display: none;
 	}
-
 	.share .dropdown-menu {
 		right: 3%;
 		left: auto;
 	}
-
 	.day .name {
 		font-size: 1.1rem;
 	}
-
 	.notification {
 		width: 100%;
 	}
-
 	.notification a.close {
 		background: transparent;
 		display: block;
 		left: 0;
 	}
-
 	.notification a.close:hover {
 		opacity: 0.5;
 	}
-
 	.notification a.close .icon {
 		display: none;
 	}
-
 	#nav_entries {
 		width: 100% !important;
 	}
-
 	.post {
 		padding-left: 15px;
 		padding-right: 15px;
 	}
-
 	div#stream {
 		margin-top: 0px;
 	}
-
 	a.btn.toggle_aside {
 		position: absolute;
 		top: 0;
 	}
-
 	form#mark-read-menu,
-	a#actualize,
-	div#nav_menu_actions,
-	div#nav_menu_views {
+a#actualize,
+div#nav_menu_actions,
+div#nav_menu_views {
 		position: absolute;
 	}
-
 	form#mark-read-menu {
 		right: 38px;
 		top: 0;
 	}
-
 	a#actualize {
 		right: 0;
 		top: 0;
 	}
-
 	a#toggle-order,
-	div#nav_menu_actions,
-	div#nav_menu_views {
+div#nav_menu_actions,
+div#nav_menu_views {
 		top: 36px;
 	}
-
 	div#nav_menu_actions {
 		left: 0px;
 	}
-
 	div#nav_menu_views {
 		right: 32px;
 	}
 }
-
 @media (max-width: 410px) {
 	.nav_menu .stick {
 		margin: 0;
 	}
 }
-
 button.as-link {
 	outline: none;
 }
 
-.dropdown-target:target~.btn.dropdown-toggle {
+.dropdown-target:target ~ .btn.dropdown-toggle {
 	background-color: var(--color-background-nav-darker);
 }
 
@@ -1473,34 +1249,27 @@ button.as-link {
 .feed.item.empty {
 	color: var(--color-text-alert);
 }
-
 .feed.item.empty.active {
 	background-color: var(--color-background-alert);
 	color: var(--color-text-light);
 }
-
-.feed.item.empty.active>a {
+.feed.item.empty.active > a {
 	color: var(--color-text-light);
 }
-
-.feed.item.empty>a {
+.feed.item.empty > a {
 	color: var(--color-text-alert);
 }
-
 .feed.item.error {
 	color: var(--color-text-bad-lighter);
 }
-
 .feed.item.error.active {
 	background-color: var(--color-background-bad);
 	color: var(--color-text-light);
 }
-
-.feed.item.error.active>a {
+.feed.item.error.active > a {
 	color: var(--color-text-light);
 }
-
-.feed.item.error>a {
+.feed.item.error > a {
 	color: var(--color-text-bad-lighter);
 }
 
@@ -1509,15 +1278,12 @@ button.as-link {
 	color: var(--color-text-aside);
 	border: none;
 }
-
 #stream.reader .flux::after {
 	border: none;
 }
-
 #stream.reader .flux .flux_content {
 	border-color: var(--color-border-grey);
 }
-
 #stream.reader .flux .author {
 	color: var(--color-text-light-darker);
 }
@@ -1526,11 +1292,9 @@ button.as-link {
 	left: 0;
 	right: auto;
 }
-
 #nav_menu_actions ul.dropdown-menu::after {
 	display: none;
 }
-
 #nav_menu_actions .dropdown.only-mobile {
 	display: initial !important;
 }
@@ -1541,6 +1305,4 @@ button.as-link {
 
 #slider label {
 	min-height: initial;
-}
-
-/*# sourceMappingURL=swage.css.map */
+}
\ No newline at end of file
diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css
index 48ae171e9..5cb5def28 100644
--- a/p/themes/Swage/swage.rtl.css
+++ b/p/themes/Swage/swage.rtl.css
@@ -1,31 +1,31 @@
 :root {
 	--color-text-light: #f5f3f3;
-	--color-text-light-darker: rgb(152.2727272727, 131.7272727273, 131.7272727273);
+	--color-text-light-darker: #988484;
 	--color-text-dark: #181621;
-	--color-text-nav: rgb(0, 71.6947368421, 139);
+	--color-text-nav: #00488b;
 	--color-text-aside: #22303d;
 	--color-text-alert: #fa8052;
 	--color-text-good: #5eaabf;
 	--color-text-bad: #b0425b;
-	--color-text-bad-lighter: rgb(195.8181818182, 97.1818181818, 119.5991735537);
+	--color-text-bad-lighter: #c46178;
 	--color-text-shadow-light: #f5f3f3;
-	--color-box-shadow-light: rgb(221.8181818182, 215.1818181818, 215.1818181818);
+	--color-box-shadow-light: #ded7d7;
 	--color-border-light: #f5f3f3;
-	--color-border-light-darker: rgb(221.8181818182, 215.1818181818, 215.1818181818);
+	--color-border-light-darker: #ded7d7;
 	--color-border-grey: #e3e3e3;
-	--color-border-nav: rgb(0, 71.6947368421, 139);
+	--color-border-nav: #00488b;
 	--color-border-bad: #b0425b;
 	--color-background-light: #f5f3f3;
-	--color-background-light-darker: rgb(221.8181818182, 215.1818181818, 215.1818181818);
+	--color-background-light-darker: #ded7d7;
 	--color-background-light-darker-transparent: rgba(217, 217, 217, 0.7333333333);
 	--color-background-dark: #181621;
 	--color-background-nav: #0062be;
-	--color-background-nav-darker: rgb(0, 71.6947368421, 139);
+	--color-background-nav-darker: #00488b;
 	--color-background-aside: #22303d;
 	--color-background-alert: #fa8052;
-	--color-background-alert-darker: rgb(248.5674157303, 91.6123595506, 32.4325842697);
+	--color-background-alert-darker: #f95c20;
 	--color-background-good: #5eaabf;
-	--color-background-bad: rgb(195.8181818182, 97.1818181818, 119.5991735537);
+	--color-background-bad: #c46178;
 	--color-background-stared: #fff6da;
 	--color-background-unread: #fff3ed;
 	--color-background-hover: #fff;
@@ -36,20 +36,15 @@
 }
 
 input,
-select,
-textarea {
+select, textarea {
 	min-height: 25px;
 	margin-top: 4px;
-	line-height: 2.25;
-	vertical-align: middle;
 	background-color: var(--color-background-light);
 	border: 2px solid var(--color-border-grey);
-	padding-right: 8px;
 }
 
 input:focus,
-select:focus,
-textarea:focus {
+select:focus, textarea:focus {
 	border: 2px solid var(--color-background-dark);
 	outline: none;
 }
@@ -63,35 +58,27 @@ select:invalid {
 	box-shadow: none;
 }
 
-.nav-list .item .nav-header,
-.nav-list .item {
+.nav-list .item .nav-header, .nav-list .item {
 	min-height: 2.5em;
 	line-height: 2.5;
 }
 
-.dropdown-menu>.item a,
-.dropdown-menu>.item>span,
-.dropdown-menu>.item>.as-link,
-.dropdown-menu>.item button,
-.dropdown-menu>.item {
+.dropdown-menu > .item a,
+.dropdown-menu > .item > span,
+.dropdown-menu > .item > .as-link,
+.dropdown-menu > .item button, .dropdown-menu > .item {
 	padding: 0 22px;
 	color: var(--color-text-light);
 	font-size: 0.8rem;
 	line-height: 2.5;
 }
 
-.flux::after,
-.form-group::after {
+.flux::after, .form-group::after {
 	display: block;
 	clear: both;
 }
 
-#nav_entries,
-.notification,
-#new-article,
-.aside,
-.header>.item.title,
-.stick.configure-feeds {
+#nav_entries, .notification, #new-article, .aside, .header > .item.title, .stick.configure-feeds {
 	width: 231px;
 }
 
@@ -109,16 +96,13 @@ li.tree-folder span.title {
 :root.file_query .nav-pagination {
 	margin-top: 6rem;
 }
-
 :root.file_query ul.pagination a {
 	padding: 0 0.2rem 0 0.2rem;
 }
-
-:root.file_query .view-rss>.icon {
+:root.file_query .view-rss > .icon {
 	filter: brightness(0);
 }
-
-:root.file_query main>h1:first-child {
+:root.file_query main > h1:first-child {
 	margin-top: 2rem;
 }
 
@@ -126,7 +110,7 @@ li.tree-folder span.title {
 	margin-bottom: 0.4rem;
 }
 
-.configure.open-slider>.icon {
+.configure.open-slider > .icon {
 	filter: brightness(0.4);
 }
 
@@ -134,11 +118,9 @@ a {
 	color: var(--color-text-nav);
 	outline: none;
 }
-
 a#btn-subscription {
 	width: 76%;
 }
-
 a#btn-add {
 	width: 5%;
 }
@@ -166,21 +148,11 @@ label {
 	min-height: 25px;
 }
 
-textarea {
-	width: 360px;
-	height: 100px;
-}
-
 input:disabled,
 select:disabled {
 	background-color: var(--color-background-light);
 }
 
-select {
-	padding-top: 7px;
-	padding-bottom: 8px;
-}
-
 option {
 	padding: 0 0.5em;
 }
@@ -215,34 +187,27 @@ form th {
 	padding: 5px;
 	border: 1px solid transparent;
 }
-
 .form-group:hover {
 	background-color: var(--color-background-light);
 	border: 1px solid var(--color-border-light);
 }
-
 .form-group.form-actions {
 	margin: 15px 0 25px;
 	padding: 5px 0;
 	background-color: var(--color-background-light-darker-transparent);
 	border-top: 3px solid var(--color-border-light-darker);
 }
-
-.form-group.form-actions .btn,
-.form-group.form-actions a {
+.form-group.form-actions .btn, .form-group.form-actions a {
 	margin-right: 1rem;
 }
-
 .form-group .group-name {
 	padding: 10px 0;
 	text-align: left;
 }
-
 .form-group .group-controls {
 	min-height: 25px;
 	padding: 5px 0;
 }
-
 .form-group .group-controls .control {
 	line-height: 2;
 }
@@ -250,7 +215,6 @@ form th {
 .stick select {
 	margin-top: 0;
 }
-
 .stick.configure-feeds {
 	margin: 0.5rem 0.3rem 1rem 0;
 }
@@ -268,28 +232,21 @@ form th {
 	line-height: 1.5;
 	text-decoration: none;
 }
-
-.btn.active,
-.btn:active,
-.btn:hover {
+.btn.active, .btn:active, .btn:hover {
 	background-color: var(--color-background-nav-darker);
 	text-decoration: none;
 }
-
 .btn .icon {
 	filter: brightness(3);
 }
 
-.btn-important,
-.btn-attention {
+.btn-important, .btn-attention {
 	font-weight: normal;
 	background-color: var(--color-background-alert);
 	color: var(--color-text-light);
 }
-
 .btn-important:hover,
-.btn-important :active,
-.btn-attention:hover,
+.btn-important :active, .btn-attention:hover,
 .btn-attention :active {
 	background-color: var(--color-background-alert-darker) !important;
 }
@@ -298,7 +255,6 @@ form th {
 	filter: brightness(0.4);
 	vertical-align: sub;
 }
-
 .manage-list .configure:hover {
 	filter: invert(56%) sepia(87%) saturate(1185%) hue-rotate(327deg) brightness(104%) contrast(96%);
 }
@@ -306,7 +262,6 @@ form th {
 .switch.active {
 	background-color: var(--color-background-nav);
 }
-
 .switch.active:hover {
 	background-image: url("./icons/disabled-light.svg");
 }
@@ -314,7 +269,6 @@ form th {
 .nav-list {
 	font-size: 0.9rem;
 }
-
 .nav-list .item .nav-header {
 	padding: 0 1rem;
 	font-weight: bold;
@@ -322,37 +276,30 @@ form th {
 	color: var(--color-text-light);
 	cursor: default;
 }
-
 .nav-list .item a:hover,
 .nav-list .item .as-link:hover {
 	background-color: var(--color-background-nav-darker);
 	color: var(--color-text-light);
 }
-
 .nav-list .item.active {
 	background: var(--color-background-nav-darker);
 	color: var(--color-text-light);
 }
-
 .nav-list .item.active a,
 .nav-list .item.active .as-link {
 	color: var(--color-text-light);
 }
-
-.nav-list .item>a,
-.nav-list .item>.as-link {
+.nav-list .item > a,
+.nav-list .item > .as-link {
 	padding: 0 1.5rem;
 }
-
 .nav-list .item .icon {
 	filter: brightness(3);
 }
-
 .nav-list .nav-form {
 	padding: 3px;
 	text-align: center;
 }
-
 .nav-list a:hover,
 .nav-list .as-link:hover {
 	text-decoration: none;
@@ -365,20 +312,17 @@ form th {
 	border: none;
 	background-color: var(--color-background-nav-darker);
 }
-
-.dropdown-menu .item>a,
-.dropdown-menu .item>.as-link,
-.dropdown-menu .item>span {
+.dropdown-menu .item > a,
+.dropdown-menu .item > .as-link,
+.dropdown-menu .item > span {
 	width: 96% !important;
 }
-
 .dropdown-menu .dropdown-header {
 	cursor: default;
 	padding: 0.5rem 10px 0.5rem 10px;
 	font-weight: bold;
 	color: var(--color-text-light);
 }
-
 .dropdown-menu .dropdown-header a,
 .dropdown-menu .dropdown-header .as-link {
 	padding: 0.1rem 0.3rem 0.3rem 0.3rem;
@@ -386,59 +330,48 @@ form th {
 	left: 5px;
 	margin-top: -3px;
 }
-
 .dropdown-menu .dropdown-header a:hover,
 .dropdown-menu .dropdown-header .as-link:hover {
 	background-color: var(--color-background-nav);
 }
-
 .dropdown-menu .dropdown-section .dropdown-section-title {
 	cursor: default;
 	padding: 0.25rem 0.25rem 0.125rem 0.5rem;
 	font-weight: bold;
 	color: var(--color-text-light);
 }
-
 .dropdown-menu .dropdown-section .item a,
 .dropdown-menu .dropdown-section .item .as-link {
 	padding: 0 22px;
 }
-
 .dropdown-menu .dropdown-section .item a:hover,
 .dropdown-menu .dropdown-section .item .as-link:hover {
 	background-color: var(--color-background-nav);
 }
-
-.dropdown-menu>.item {
+.dropdown-menu > .item {
 	padding: 0 0.5rem 0 0;
 }
-
-.dropdown-menu>.item>a {
+.dropdown-menu > .item > a {
 	min-width: initial;
 	white-space: nowrap;
 }
-
-.dropdown-menu>.item>a:hover,
-.dropdown-menu>.item>button:hover {
+.dropdown-menu > .item > a:hover,
+.dropdown-menu > .item > button:hover {
 	background-color: var(--color-background-nav);
 	color: var(--color-text-light);
 }
-
-.dropdown-menu>.item[aria-checked=true]>a::before {
+.dropdown-menu > .item[aria-checked=true] > a::before {
 	font-weight: bold;
 	margin: 0 -14px 0 0;
 }
-
 .dropdown-menu .help a {
 	color: var(--color-text-light);
 	text-decoration: underline;
 	text-decoration-style: dotted;
 }
-
 .dropdown-menu .help a:hover {
 	text-decoration-style: solid;
 }
-
 .dropdown-menu .input select,
 .dropdown-menu .input input {
 	margin: 0 auto 5px;
@@ -449,25 +382,21 @@ form th {
 	padding-top: 1rem;
 	padding-bottom: 0.25rem;
 }
-
 #dropdown-search-wrapper .dropdown-menu a {
 	padding: 0;
 }
-
 #dropdown-search-wrapper .dropdown-menu .stick.search {
 	width: 100%;
 }
-
 #dropdown-search-wrapper .dropdown-menu .stick.search input[type=search] {
 	width: 100%;
 	border: 0;
 }
-
 #dropdown-search-wrapper .dropdown-menu .stick.search .btn:hover {
 	filter: brightness(0.9);
 }
 
-.item~.dropdown-header,
+.item ~ .dropdown-header,
 .item.separator {
 	border-top-color: var(--color-border-light-darker);
 	cursor: default;
@@ -485,8 +414,7 @@ li.item.separator {
 	border: none;
 	text-shadow: 0 0 1px var(--color-text-shadow-light);
 }
-
-.alert>a {
+.alert > a {
 	color: inherit;
 	text-decoration: underline;
 }
@@ -520,7 +448,6 @@ li.item.separator {
 	background: var(--color-background-light-darker);
 	color: var(--color_text);
 }
-
 .pagination .item a {
 	color: var(--color_text);
 }
@@ -533,7 +460,6 @@ li.item.separator {
 .content {
 	padding: 20px 10px;
 }
-
 .content hr {
 	margin: 30px 10px;
 	background: var(--color-background-light-darker);
@@ -541,24 +467,20 @@ li.item.separator {
 	border: 0;
 	box-shadow: 0 2px 5px var(--color-box-shadow-light);
 }
-
 .content pre {
 	background-color: var(--color-background-dark);
 	color: var(--color-text-light);
 }
-
 .content pre code {
 	background: transparent;
 	color: var(--color-text-light);
 	border: none;
 }
-
 .content code {
 	background-color: var(--color-background-light);
 	color: var(--color-text-bad);
 	border-color: var(--color-border-light);
 }
-
 .content blockquote {
 	margin: 0;
 	padding: 5px 20px;
@@ -568,12 +490,10 @@ li.item.separator {
 	border-top: 1px solid var(--color-border-light-darker);
 	border-bottom: 1px solid var(--color-border-light-darker);
 }
-
 .content blockquote p {
 	margin: 0;
 }
-
-.content>h1.title>a {
+.content > h1.title > a {
 	color: var(--color_text);
 }
 
@@ -588,63 +508,50 @@ main.post .drop-section li.item.feed a:hover .icon {
 .box {
 	border: 1px solid var(--color-border-light-darker);
 }
-
 .box .box-title {
 	margin: 0;
 	background-color: var(--color-background-aside);
 	color: var(--color-text-light);
 	border-bottom: 1px solid var(--color-border-light-darker);
 }
-
 .box .box-title a {
 	color: var(--color-text-light);
 }
-
 .box .box-title .configure {
 	margin-left: 4px;
 }
-
 .box .box-title .configure .icon:hover {
 	filter: invert(56%) sepia(87%) saturate(1185%) hue-rotate(327deg) brightness(104%) contrast(96%);
 }
-
 .box .box-content {
 	max-height: 260px;
 }
-
 .box .box-content .item {
 	padding: 0 10px;
 	font-size: 0.9rem;
 }
-
 .box .box-content .item .configure .icon {
 	vertical-align: middle;
 	filter: brightness(0.4);
 }
-
 .box .box-content .item .configure .icon:hover {
 	filter: invert(56%) sepia(87%) saturate(1185%) hue-rotate(327deg) brightness(104%) contrast(96%);
 }
-
 .box.category .box-title .title {
 	font-weight: normal;
 	text-decoration: none;
 	text-align: right;
 }
-
 .box.category:not([data-unread="0"]) .box-title {
 	background-color: var(--color-background-nav);
 }
-
 .box.category:not([data-unread="0"]) .box-title:active {
 	background: var(--color-background-nav-darker);
 }
-
 .box.category:not([data-unread="0"]) .box-title .title {
 	font-weight: bold;
 	color: var(--color-text-light);
 }
-
 .box.category .title:not([data-unread="0"])::after {
 	background: none;
 	border: 0;
@@ -655,7 +562,6 @@ main.post .drop-section li.item.feed a:hover .icon {
 	font-weight: bold;
 	text-shadow: none;
 }
-
 .box.visible-semi {
 	border-style: solid;
 }
@@ -670,12 +576,10 @@ main.post .drop-section li.item.feed a:hover .icon {
 	font-size: 1rem;
 	position: relative;
 }
-
 .aside_feed .tree-folder-title .title {
 	background: inherit;
 	color: var(--color-text-light);
 }
-
 .aside_feed .tree-folder-title .title:hover {
 	text-decoration: none;
 }
@@ -683,16 +587,13 @@ main.post .drop-section li.item.feed a:hover .icon {
 .tree-folder-items {
 	background-color: var(--color-background-aside);
 }
-
-.tree-folder-items>.item {
+.tree-folder-items > .item {
 	font-size: 0.8rem;
 }
-
-.tree-folder-items>.item.active {
+.tree-folder-items > .item.active {
 	background-color: var(--color-background-nav-darker);
 }
-
-.tree-folder-items>.item>a {
+.tree-folder-items > .item > a {
 	text-decoration: none;
 	color: var(--color-text-light);
 }
@@ -704,26 +605,21 @@ main.post .drop-section li.item.feed a:hover .icon {
 .header {
 	height: auto;
 }
-
-.header>.item {
+.header > .item {
 	padding: 0;
 	vertical-align: middle;
 }
-
-.header>.item.title {
+.header > .item.title {
 	position: absolute;
 	text-align: center;
 }
-
-.header>.item.title a {
+.header > .item.title a {
 	padding: 0 1rem;
 }
-
-.header>.item.title a:hover .logo {
+.header > .item.title a:hover .logo {
 	filter: grayscale(100%) brightness(100) opacity(90%);
 }
-
-.header>.item.title .logo {
+.header > .item.title .logo {
 	display: inline-block;
 	height: 26px;
 	vertical-align: top;
@@ -731,7 +627,6 @@ main.post .drop-section li.item.feed a:hover .icon {
 	top: 5px;
 	filter: grayscale(100%) brightness(100);
 }
-
 .header .item.configure {
 	position: fixed;
 	left: 0;
@@ -740,18 +635,15 @@ main.post .drop-section li.item.feed a:hover .icon {
 	text-align: center;
 	line-height: 0.8;
 }
-
-.header .item.configure>.icon {
+.header .item.configure > .icon {
 	filter: brightness(3);
 	margin-left: 5px;
 	margin-top: 3px;
 }
-
 .header .item.configure .dropdown .dropdown-menu {
 	max-height: calc(100vh - 45px);
 	overflow: auto;
 }
-
 .header .item.configure .dropdown .dropdown-menu .icon {
 	filter: brightness(3);
 }
@@ -760,30 +652,25 @@ main.post .drop-section li.item.feed a:hover .icon {
 	background-color: var(--color-background-aside);
 	padding-top: 2.5rem;
 }
-
 .aside.aside_feed .tree {
 	margin: 0 0 50px;
 }
-
 .aside.aside_feed .tree-folder .tree-folder-title:hover,
 .aside.aside_feed .tree-folder .item.feed:hover {
 	background-color: var(--color-background-nav-darker);
 }
-
 .aside.aside_feed .nav-form input,
 .aside.aside_feed .nav-form select {
 	width: 140px;
 }
-
 .aside.aside_feed .nav-form .dropdown .dropdown-menu {
 	left: -20px;
 }
-
 .aside.aside_feed .nav-form .dropdown .dropdown-menu::after {
 	left: 33px;
 }
 
-#aside_feed>ul>li:first-child {
+#aside_feed > ul > li:first-child {
 	margin-top: 0.4rem;
 }
 
@@ -792,16 +679,13 @@ main.post .drop-section li.item.feed a:hover .icon {
 	background-color: var(--color-background-nav-darker);
 	color: var(--color-text-light);
 }
-
 .aside_feed .feed .item-title:not([data-unread="0"])::after {
 	background-color: var(--color-background-nav);
 	color: var(--color-text-light);
 }
-
 .aside_feed .tree-folder-items .dropdown-menu::after {
 	right: 2px;
 }
-
 .aside_feed .about {
 	margin: 0.2rem 0 1rem 0;
 	display: block;
@@ -821,11 +705,9 @@ main.post .drop-section li.item.feed a:hover .icon {
 .reader .aside .toggle_aside {
 	background-color: var(--color-background-aside);
 }
-
 .reader .aside .toggle_aside .icon {
 	filter: brightness(3);
 }
-
 .reader .aside .toggle_aside:hover {
 	background-color: var(--color-background-nav);
 }
@@ -833,7 +715,6 @@ main.post .drop-section li.item.feed a:hover .icon {
 .post {
 	font-size: 0.9em;
 }
-
 .post input.long {
 	height: 33px;
 	margin-top: 0px;
@@ -853,15 +734,13 @@ main.post .drop-section li.item.feed a:hover .icon {
 	right: 0;
 	line-height: 1.5;
 }
-
-#new-article>a {
+#new-article > a {
 	padding: 1rem;
 	line-height: 1.5;
 	font-weight: bold;
 	color: var(--color-text-light);
 }
-
-#new-article>a:hover {
+#new-article > a:hover {
 	text-decoration: none;
 	background-color: var(--color-background-nav-darker);
 }
@@ -872,7 +751,6 @@ main.post .drop-section li.item.feed a:hover .icon {
 	line-height: 3;
 	text-align: center;
 }
-
 .day .name {
 	display: none;
 }
@@ -892,18 +770,15 @@ main.post .drop-section li.item.feed a:hover .icon {
 	top: 0;
 	z-index: 90;
 }
-
 .nav_menu .item.search {
 	display: inline-block;
 	position: absolute;
 	left: 40px;
 }
-
 .nav_menu .item.search input {
 	border-width: 0;
 	line-height: 1.95;
 }
-
 .nav_menu #toggle-unread .icon,
 .nav_menu #toggle-starred .icon {
 	filter: brightness(1);
@@ -913,49 +788,39 @@ main.post .drop-section li.item.feed a:hover .icon {
 	padding-left: 10px;
 	background-color: var(--color-background-light);
 }
-
 .flux::after {
 	margin: 0 auto;
 	width: 90%;
 	border-top: 1px solid var(--color-border-light-darker);
 }
-
 .flux .flux_header:hover,
 .flux .current {
 	background-color: var(--color-background-hover);
 }
-
 .flux .flux_header:hover:not(.current):hover .item .title,
 .flux .current:not(.current):hover .item .title {
 	background-color: var(--color-background-hover);
 }
-
 .flux.favorite:not(.current) {
 	background-color: var(--color-background-stared);
 }
-
 .flux.favorite:not(.current):hover .item .title {
 	background-color: var(--color-background-stared);
 }
-
 .flux.not_read:not(.current) {
 	background-color: var(--color-background-unread);
 }
-
 .flux.not_read:not(.current):hover .item .title {
 	background-color: var(--color-background-unread);
 }
-
 .flux .flux_header .date,
 .flux .flux_content .bottom .date {
 	color: var(--color-text-light-darker);
 }
-
 .flux .bottom {
 	font-size: 0.8rem;
 	text-align: center;
 }
-
 .flux label {
 	color: var(--color-text-light);
 	cursor: pointer;
@@ -965,7 +830,6 @@ main.post .drop-section li.item.feed a:hover .icon {
 	font-size: 0.8rem;
 	cursor: pointer;
 }
-
 .flux_header .title {
 	font-size: 0.9rem;
 }
@@ -985,28 +849,21 @@ main.post .drop-section li.item.feed a:hover .icon {
 	right: 0;
 	top: auto;
 }
-
-.notification.good,
-.notification.bad {
+.notification.good, .notification.bad {
 	color: var(--color-text-light);
 }
-
 .notification.good {
 	background-color: var(--color-background-good);
 }
-
 .notification.good a.close:hover {
 	background-color: var(--color-background-good);
 }
-
 .notification.bad {
 	background-color: var(--color-background-bad);
 }
-
 .notification.bad a.close:hover {
 	background-color: var(--color-background-bad);
 }
-
 .notification a.close {
 	display: none;
 }
@@ -1016,7 +873,6 @@ main.post .drop-section li.item.feed a:hover .icon {
 	text-decoration: none;
 	background: var(--color-background-light-darker);
 }
-
 #bigMarkAsRead.big:hover {
 	background-color: var(--color-background-aside);
 	color: var(--color-text-light);
@@ -1029,22 +885,19 @@ main.post .drop-section li.item.feed a:hover .icon {
 .stat {
 	margin: 10px 0 20px;
 }
-
 .stat th,
 .stat td,
 .stat tr {
 	border: none;
 }
-
-.stat>table td,
-.stat>table th {
+.stat > table td,
+.stat > table th {
 	border-bottom: 1px solid var(--color-border-light-darker);
 }
 
 #overlay {
 	z-index: 100;
 }
-
 #overlay .close .icon {
 	filter: brightness(3);
 }
@@ -1052,7 +905,6 @@ main.post .drop-section li.item.feed a:hover .icon {
 #panel {
 	z-index: 100;
 }
-
 #panel .nav_menu {
 	position: relative;
 }
@@ -1060,24 +912,20 @@ main.post .drop-section li.item.feed a:hover .icon {
 body:not(:has(nav#aside_feed)) #global {
 	height: 0;
 }
-
 body:not(:has(nav#aside_feed)) .logo {
 	left: 30px;
 }
-
 body:not(:has(nav#aside_feed)) .header {
 	background-color: var(--color-background-nav);
 	height: 2.4rem;
 	position: relative;
 }
-
-body:not(:has(nav#aside_feed)) .header>.item.configure {
+body:not(:has(nav#aside_feed)) .header > .item.configure {
 	width: auto;
 	position: absolute;
 	white-space: nowrap;
 }
-
-body:not(:has(nav#aside_feed)) .header>.item.configure .icon {
+body:not(:has(nav#aside_feed)) .header > .item.configure .icon {
 	filter: brightness(3);
 }
 
@@ -1085,7 +933,7 @@ body:not(:has(nav#aside_feed)) .header>.item.configure .icon {
 	margin-top: 3rem;
 }
 
-body.register form div:last-child>a {
+body.register form div:last-child > a {
 	float: left;
 	position: relative;
 	left: 0.2rem;
@@ -1100,7 +948,6 @@ a.signin {
 	text-wrap: nowrap;
 	transform: scale(1.5);
 }
-
 a.signin .icon {
 	filter: brightness(3);
 }
@@ -1109,12 +956,10 @@ a.signin .icon {
 	background-color: var(--color-background-bad);
 	color: var(--color-text-light);
 }
-
 .log-item.log-warning {
 	background-color: var(--color-background-alert);
 	color: var(--color-text-light);
 }
-
 .log-item.log-debug {
 	background: var(--color-background-dark);
 	color: var(--color-text-light);
@@ -1124,11 +969,9 @@ body.reader #nav_menu_toggle_aside {
 	margin-top: -2px;
 	height: 32px;
 }
-
-body.reader nav.aside_feed>a.toggle_aside {
+body.reader nav.aside_feed > a.toggle_aside {
 	text-align: center;
 }
-
 body.reader .aside:target {
 	width: 231px;
 	padding-top: 0;
@@ -1138,7 +981,7 @@ main.global {
 	margin: 1rem;
 }
 
-.dropdown .dropdown-section:last-child>ul:first-child {
+.dropdown .dropdown-section:last-child > ul:first-child {
 	margin-top: 0.4rem;
 }
 
@@ -1146,8 +989,7 @@ main.global {
 	color: white;
 	margin-right: 1rem;
 }
-
-.labels ul.dropdown-menu-scrollable>li:nth-child(3) {
+.labels ul.dropdown-menu-scrollable > li:nth-child(3) {
 	margin-top: 0.5rem;
 }
 
@@ -1155,207 +997,161 @@ main.global {
 	body:not(.formLogin, .register) .header .item .title {
 		display: none;
 	}
-
-	body.normal .item.configure,
-	body.reader .item.configure,
-	body.global .item.configure {
+	body.normal .item.configure, body.reader .item.configure, body.global .item.configure {
 		left: 76px;
 	}
-
-	body.normal a.signin,
-	body.reader a.signin,
-	body.global a.signin {
+	body.normal a.signin, body.reader a.signin, body.global a.signin {
 		left: 0;
 	}
-
 	.horizontal-list .dropdown {
 		position: inherit !important;
 	}
-
 	#nav_menu_sort,
-	#nav_menu_sort .dropdown-menu,
-	#nav_menu_sort .dropdown,
-	#toggle-order {
+#nav_menu_sort .dropdown-menu,
+#nav_menu_sort .dropdown,
+#toggle-order {
 		position: fixed;
 		left: 0;
 	}
-
 	#nav_menu_sort .dropdown-menu,
-	#nav_menu_read_all .dropdown-menu,
-	#dropdown-search-wrapper .dropdown-menu,
-	#nav_menu_queries .dropdown-menu {
+#nav_menu_read_all .dropdown-menu,
+#dropdown-search-wrapper .dropdown-menu,
+#nav_menu_queries .dropdown-menu {
 		top: 4.4rem;
 	}
-
 	#nav_menu_sort .dropdown-menu,
-	#nav_menu_read_all .dropdown-menu,
-	#nav_menu_actions .dropdown-menu {
+#nav_menu_read_all .dropdown-menu,
+#nav_menu_actions .dropdown-menu {
 		position: fixed;
 	}
-
 	body:not(.normal):not(.reader):not(.add) nav.configure a.dropdown-toggle {
 		position: fixed;
 		top: 0;
 	}
-
 	body:not(.normal):not(.reader):not(.add):not(.global) .nav_menu {
 		height: 2.2rem;
 	}
-
 	body:not(.normal):not(.reader):not(.add):not(.global) nav.configure a.dropdown-toggle {
 		left: 0;
 	}
-
 	body:not(.normal):not(.reader):not(.add).global nav.configure a.dropdown-toggle {
 		left: 2.4rem;
 	}
-
 	body.repartition .nav_menu {
 		position: fixed;
 		height: 3rem !important;
 	}
-
 	body.repartition main.post {
 		margin-top: 4rem;
 	}
-
 	body.repartition .nav_menu .btn {
 		display: block;
 	}
-
 	body.repartition .nav_menu #feed_select {
 		padding: 0;
 		display: block;
 		margin-right: 5rem;
 		margin-bottom: 0.5rem;
 	}
-
 	.form-group .group-name {
 		padding-bottom: 0;
 		text-align: right;
 	}
-
 	.dropdown {
 		position: relative;
 	}
-
 	.dropdown .dropdown-menu {
 		width: auto;
 	}
-
 	#new-article {
 		margin-top: 2rem;
 		width: 100%;
 	}
-
 	.header {
 		display: table;
 	}
-
 	.header .item {
 		padding: 0;
 	}
-
 	.header .item.configure {
 		padding: 0;
 		position: fixed;
 	}
-
-	.header .item.configure>.icon {
+	.header .item.configure > .icon {
 		margin-top: 5px;
 	}
-
 	button.read_all.btn {
 		display: none;
 	}
-
 	.flux .item.manage,
-	.flux_header .item.website {
+.flux_header .item.website {
 		width: 35px;
 		text-align: center;
 	}
-
 	.flux:not(.current):hover .item .title {
 		top: auto !important;
 	}
-
 	.aside {
 		padding: 0;
 		width: 0;
 		transition: width 200ms linear;
 	}
-
 	.aside .toggle_aside {
 		background-color: var(--color-background-aside);
 	}
-
 	.aside .toggle_aside:hover {
 		background-color: var(--color-background-nav);
 	}
-
 	.aside .toggle_aside .icon {
 		filter: brightness(3);
 	}
-
 	.aside.aside_feed .configure-feeds {
 		display: flex;
 		margin-top: 0;
 		margin-right: auto;
 		margin-left: auto;
 	}
-
 	.aside:target {
 		width: 78% !important;
 		z-index: 1000;
 	}
-
 	#slider .toggle_aside {
 		background-color: var(--color-background-aside);
 	}
-
 	#slider .toggle_aside:hover {
 		background-color: var(--color-background-nav);
 	}
-
 	#slider .toggle_aside .icon {
 		filter: brightness(3);
 	}
-
 	.nav_menu {
 		height: 71px;
 	}
-
 	.nav_menu .btn {
 		margin: 0;
 	}
-
 	.nav_menu .stick,
-	.nav_menu .group {
+.nav_menu .group {
 		margin: 0;
 	}
-
 	.nav_menu .stick .btn,
-	.nav_menu .group .btn {
+.nav_menu .group .btn {
 		margin: 0;
 	}
-
 	.nav_menu .item.search {
 		top: 3px;
 		margin-right: 77px;
 		width: calc(100% - 152px);
 		position: relative;
 	}
-
 	.nav_menu .item.search form {
 		display: block;
 	}
-
 	.nav_menu .item.search input {
 		width: 100%;
 	}
-
 	#overlay .close,
-	.dropdown-menu .toggle_aside {
+.dropdown-menu .toggle_aside {
 		background-color: var(--color-background-aside);
 		display: block;
 		height: 50px;
@@ -1363,105 +1159,85 @@ main.global {
 		text-align: center;
 		padding-left: 10px;
 	}
-
 	#overlay .close:hover,
-	.dropdown-menu .toggle_aside:hover {
+.dropdown-menu .toggle_aside:hover {
 		background-color: var(--color-background-nav);
 	}
-
-	.dropdown-target:target~.dropdown-toggle::after,
-	.dropdown-target:target~.dropdown-toggle.btn::after {
+	.dropdown-target:target ~ .dropdown-toggle::after,
+.dropdown-target:target ~ .dropdown-toggle.btn::after {
 		display: none;
 	}
-
 	.share .dropdown-menu {
 		left: 3%;
 		right: auto;
 	}
-
 	.day .name {
 		font-size: 1.1rem;
 	}
-
 	.notification {
 		width: 100%;
 	}
-
 	.notification a.close {
 		background: transparent;
 		display: block;
 		right: 0;
 	}
-
 	.notification a.close:hover {
 		opacity: 0.5;
 	}
-
 	.notification a.close .icon {
 		display: none;
 	}
-
 	#nav_entries {
 		width: 100% !important;
 	}
-
 	.post {
 		padding-right: 15px;
 		padding-left: 15px;
 	}
-
 	div#stream {
 		margin-top: 0px;
 	}
-
 	a.btn.toggle_aside {
 		position: absolute;
 		top: 0;
 	}
-
 	form#mark-read-menu,
-	a#actualize,
-	div#nav_menu_actions,
-	div#nav_menu_views {
+a#actualize,
+div#nav_menu_actions,
+div#nav_menu_views {
 		position: absolute;
 	}
-
 	form#mark-read-menu {
 		left: 38px;
 		top: 0;
 	}
-
 	a#actualize {
 		left: 0;
 		top: 0;
 	}
-
 	a#toggle-order,
-	div#nav_menu_actions,
-	div#nav_menu_views {
+div#nav_menu_actions,
+div#nav_menu_views {
 		top: 36px;
 	}
-
 	div#nav_menu_actions {
 		right: 0px;
 	}
-
 	div#nav_menu_views {
 		left: 32px;
 	}
 }
-
 @media (max-width: 410px) {
 	.nav_menu .stick {
 		margin: 0;
 	}
 }
-
 button.as-link {
 	outline: none;
 }
 
-.dropdown-target:target~.btn.dropdown-toggle {
+.dropdown-target:target ~ .btn.dropdown-toggle {
 	background-color: var(--color-background-nav-darker);
 }
 
@@ -1473,34 +1249,27 @@ button.as-link {
 .feed.item.empty {
 	color: var(--color-text-alert);
 }
-
 .feed.item.empty.active {
 	background-color: var(--color-background-alert);
 	color: var(--color-text-light);
 }
-
-.feed.item.empty.active>a {
+.feed.item.empty.active > a {
 	color: var(--color-text-light);
 }
-
-.feed.item.empty>a {
+.feed.item.empty > a {
 	color: var(--color-text-alert);
 }
-
 .feed.item.error {
 	color: var(--color-text-bad-lighter);
 }
-
 .feed.item.error.active {
 	background-color: var(--color-background-bad);
 	color: var(--color-text-light);
 }
-
-.feed.item.error.active>a {
+.feed.item.error.active > a {
 	color: var(--color-text-light);
 }
-
-.feed.item.error>a {
+.feed.item.error > a {
 	color: var(--color-text-bad-lighter);
 }
 
@@ -1509,15 +1278,12 @@ button.as-link {
 	color: var(--color-text-aside);
 	border: none;
 }
-
 #stream.reader .flux::after {
 	border: none;
 }
-
 #stream.reader .flux .flux_content {
 	border-color: var(--color-border-grey);
 }
-
 #stream.reader .flux .author {
 	color: var(--color-text-light-darker);
 }
@@ -1526,11 +1292,9 @@ button.as-link {
 	right: 0;
 	left: auto;
 }
-
 #nav_menu_actions ul.dropdown-menu::after {
 	display: none;
 }
-
 #nav_menu_actions .dropdown.only-mobile {
 	display: initial !important;
 }
@@ -1541,4 +1305,4 @@ button.as-link {
 
 #slider label {
 	min-height: initial;
-}
+}
\ No newline at end of file
diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss
index 14d19f3ac..35b9aeac4 100644
--- a/p/themes/Swage/swage.scss
+++ b/p/themes/Swage/swage.scss
@@ -62,11 +62,8 @@ $color_hover:	#fff;
 %input {
 	min-height: 25px;
 	margin-top: 4px;
-	line-height: 2.25;
-	vertical-align: middle;
 	background-color: var(--color-background-light);
 	border: 2px solid var(--color-border-grey);
-	padding-left: 8px;
 }
 %input:focus {
 	border: 2px solid var(--color-background-dark);
@@ -181,8 +178,6 @@ label {
 }
 
 textarea {
-	width: 360px;
-	height: 100px;
 
 	@extend %input;
 }
@@ -202,11 +197,6 @@ select {
 	}
 }
 
-select {
-	padding-top: 7px;
-	padding-bottom: 8px;
-}
-
 option {
 	padding: 0 .5em;
 }
diff --git a/p/themes/base-theme/base.css b/p/themes/base-theme/base.css
index c266c8d73..a68713c90 100644
--- a/p/themes/base-theme/base.css
+++ b/p/themes/base-theme/base.css
@@ -29,16 +29,6 @@ label {
 	cursor: pointer;
 }
 
-textarea {
-	width: 360px;
-	height: 100px;
-}
-
-input, select, textarea {
-	padding: 7px;
-	vertical-align: middle;
-}
-
 option {
 	padding: 0 .5em;
 }
diff --git a/p/themes/base-theme/base.rtl.css b/p/themes/base-theme/base.rtl.css
index 7e4a76809..d4e8a6eda 100644
--- a/p/themes/base-theme/base.rtl.css
+++ b/p/themes/base-theme/base.rtl.css
@@ -29,16 +29,6 @@ label {
 	cursor: pointer;
 }
 
-textarea {
-	width: 360px;
-	height: 100px;
-}
-
-input, select, textarea {
-	padding: 7px;
-	vertical-align: middle;
-}
-
 option {
 	padding: 0 .5em;
 }
diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css
index d7e48d3f3..19db6e1a8 100644
--- a/p/themes/base-theme/frss.css
+++ b/p/themes/base-theme/frss.css
@@ -291,6 +291,10 @@ input[type=number] {
 	width: 6em;
 }
 
+textarea {
+	height: 7rem;
+}
+
 textarea,
 input[type="file"],
 input.long {
@@ -298,6 +302,8 @@ input.long {
 }
 
 input, select, textarea {
+	padding: 0.5rem;
+	vertical-align: middle;
 	display: inline-block;
 	max-width: 85vw;
 	font-size: 0.8rem;
@@ -308,6 +314,11 @@ select {
 	min-width: 6em;
 }
 
+textarea.h50 {
+	height: 50vh;
+	min-height: 7rem;
+}
+
 input.w50,
 select.w50,
 textarea.w50 {
diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css
index 95e9704e7..29c8fb03c 100644
--- a/p/themes/base-theme/frss.rtl.css
+++ b/p/themes/base-theme/frss.rtl.css
@@ -291,6 +291,10 @@ input[type=number] {
 	width: 6em;
 }
 
+textarea {
+	height: 7rem;
+}
+
 textarea,
 input[type="file"],
 input.long {
@@ -298,6 +302,8 @@ input.long {
 }
 
 input, select, textarea {
+	padding: 0.5rem;
+	vertical-align: middle;
 	display: inline-block;
 	max-width: 85vw;
 	font-size: 0.8rem;
@@ -308,6 +314,11 @@ select {
 	min-width: 6em;
 }
 
+textarea.h50 {
+	height: 50vh;
+	min-height: 7rem;
+}
+
 input.w50,
 select.w50,
 textarea.w50 {
-- 
cgit v1.2.3