aboutsummaryrefslogtreecommitdiff
path: root/p
diff options
context:
space:
mode:
authorGravatar maTh <1645099+math-GH@users.noreply.github.com> 2025-11-01 10:15:59 +0100
committerGravatar GitHub <noreply@github.com> 2025-11-01 10:15:59 +0100
commitb0a663f6ee9d28c71643d9a18c955a60b90cb7c1 (patch)
tree60ba1ef87fd73e75c09c1cd62be951e78ea40802 /p
parentf97d774c59711245e0efa47018afdcabe0620505 (diff)
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
Diffstat (limited to 'p')
-rw-r--r--p/themes/Alternative-Dark/adark.css7
-rw-r--r--p/themes/Alternative-Dark/adark.rtl.css7
-rw-r--r--p/themes/Ansum/_forms.scss3
-rw-r--r--p/themes/Ansum/ansum.css2
-rw-r--r--p/themes/Ansum/ansum.rtl.css2
-rw-r--r--p/themes/Flat/flat.css6
-rw-r--r--p/themes/Flat/flat.rtl.css6
-rw-r--r--p/themes/Mapco/_forms.scss3
-rw-r--r--p/themes/Mapco/mapco.css2
-rw-r--r--p/themes/Mapco/mapco.rtl.css2
-rw-r--r--p/themes/Nord/nord.css12
-rw-r--r--p/themes/Nord/nord.rtl.css12
-rw-r--r--p/themes/Origine/origine.css7
-rw-r--r--p/themes/Origine/origine.rtl.css7
-rw-r--r--p/themes/Pafat/pafat.css7
-rw-r--r--p/themes/Pafat/pafat.rtl.css7
-rw-r--r--p/themes/Swage/swage.css416
-rw-r--r--p/themes/Swage/swage.rtl.css414
-rw-r--r--p/themes/Swage/swage.scss10
-rw-r--r--p/themes/base-theme/base.css10
-rw-r--r--p/themes/base-theme/base.rtl.css10
-rw-r--r--p/themes/base-theme/frss.css11
-rw-r--r--p/themes/base-theme/frss.rtl.css11
23 files changed, 200 insertions, 774 deletions
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 {