aboutsummaryrefslogtreecommitdiff
path: root/p/themes/Ansum/ansum.rtl.css
diff options
context:
space:
mode:
Diffstat (limited to 'p/themes/Ansum/ansum.rtl.css')
-rw-r--r--p/themes/Ansum/ansum.rtl.css173
1 files changed, 69 insertions, 104 deletions
diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css
index a4d0e32b5..ad480c952 100644
--- a/p/themes/Ansum/ansum.rtl.css
+++ b/p/themes/Ansum/ansum.rtl.css
@@ -164,22 +164,16 @@ input:disabled, select:disabled {
border-color: #ba9;
}
-input.extend {
- transition: width 200ms linear;
-}
-
.form-group {
padding: 5px;
border-radius: 3px;
}
.form-group::after {
- content: "";
display: block;
clear: both;
}
.form-group .group-name {
padding: 10px 0;
- text-align: left;
}
.form-group .group-controls {
min-height: 25px;
@@ -201,8 +195,7 @@ table {
border-collapse: collapse;
}
-tr, th, td {
- padding: 0.5em;
+th, td {
border: 1px solid #e4d8cc;
}
@@ -228,6 +221,10 @@ form th {
}
/*=== Dropdown */
+.dropdown .dropdown-target:target + .btn {
+ background-color: #e4d8cc;
+}
+
.dropdown-menu {
margin: 9px 0 0 0;
padding: 0.5rem 0 1rem 0;
@@ -242,8 +239,9 @@ form th {
border: none;
left: 17px;
}
-.dropdown-menu .dropdown-header {
- padding: 1rem 1rem 1rem 0.5rem;
+.dropdown-menu .dropdown-header,
+.dropdown-menu .dropdown-section .dropdown-section-title {
+ padding: 1rem 1.5rem;
font-weight: bold;
text-align: right;
color: #766556;
@@ -253,29 +251,43 @@ form th {
.dropdown-menu .item {
transition: all 0.075s ease-in-out;
}
-.dropdown-menu .item a, .dropdown-menu .item span, .dropdown-menu .item .as-link {
+.dropdown-menu .item > a,
+.dropdown-menu .item > span,
+.dropdown-menu .item > .as-link {
padding: 0 2rem;
color: #363330;
- font-size: 1rem;
+ font-size: inherit;
line-height: 2.5em;
}
-.dropdown-menu .item:not(.addItem):hover {
- background: #ca7227;
- color: #fff;
+.dropdown-menu .item > a span.icon,
+.dropdown-menu .item > span span.icon,
+.dropdown-menu .item > .as-link span.icon {
+ padding: 0 0.25rem !important;
}
-.dropdown-menu .item:not(.addItem):hover a, .dropdown-menu .item:not(.addItem):hover button, .dropdown-menu .item:not(.addItem):hover label {
- text-decoration: none;
+.dropdown-menu .item > a:not(.addItem):hover,
+.dropdown-menu .item > .as-link:not(.addItem):hover {
+ background: #ca7227;
color: #fff;
}
-.dropdown-menu .item:not(.addItem):hover .icon {
+.dropdown-menu .item > a:not(.addItem):hover .icon,
+.dropdown-menu .item > .as-link:not(.addItem):hover .icon {
filter: grayscale(100%) brightness(2.5);
}
-.dropdown-menu .item:not(.addItem) a:hover,
+.dropdown-menu .item.dropdown-section {
+ margin-top: 0.75rem;
+}
+.dropdown-menu .item.dropdown-section ~ .dropdown-section {
+ border-top-color: #f5f0ec;
+}
+.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item .as-link {
+ padding-right: 2rem;
+}
+.dropdown-menu .item:not(.addItem) > a:hover,
.dropdown-menu .item:not(.addItem) button:hover {
background: #ca7227;
color: #fff;
}
-.dropdown-menu .item:not(.addItem) a:hover .icon,
+.dropdown-menu .item:not(.addItem) > a:hover .icon,
.dropdown-menu .item:not(.addItem) button:hover .icon {
filter: brightness(3);
}
@@ -315,8 +327,6 @@ form th {
/*=== Alerts */
.alert {
- margin: 1rem 0;
- padding: 1rem;
background: #fcfaf8;
color: #766556;
font-size: 1rem;
@@ -518,7 +528,7 @@ form th {
.stick .btn:first-child {
border-radius: 0 5px 5px 0;
}
-.stick .btn:last-child, .stick input:last-child, .stick .btn + .dropdown > .btn {
+.stick .btn:last-child, .stick input:last-child, .stick .dropdown:last-child > .btn {
border-radius: 5px 0 0 5px;
}
.stick .btn + .btn,
@@ -548,32 +558,29 @@ form th {
/* Sidebar des pages de configuration */
/*=== Navigation */
-.nav-list .nav-header,
+.nav-list {
+ font-size: 1rem;
+}
+.nav-list .item.nav-header,
.nav-list .item {
- height: 2.5em;
+ min-height: 2.5em;
line-height: 2.5em;
- font-size: 1rem;
}
.nav-list .item {
background: #fbf9f6;
+ min-height: 2.5em;
+ line-height: 2.5em;
+}
+.nav-list .item.nav-header {
+ min-height: 2.5em;
+ line-height: 2.5em;
}
.nav-list .item a {
padding: 0 1rem;
color: #363330;
transition: all 0.15s ease-in-out;
}
-.nav-list .item .error a {
- color: #f5633e;
-}
-.nav-list .item:hover .error a {
- background: #ca7227;
- color: #363330;
-}
-.nav-list .item:hover .empty a {
- background: #f4f762;
- color: #363330;
-}
-.nav-list .item:hover a {
+.nav-list .item a:hover {
background: #efe3d3;
text-decoration: none;
}
@@ -581,24 +588,13 @@ form th {
background: #ca7227;
color: #fff;
}
-.nav-list .item.active .error a {
- background: #ca7227;
- color: #fff;
-}
-.nav-list .item.active .empty a {
- background: #f4f762;
- color: #fff;
-}
.nav-list .item.active a {
background: #ca7227;
color: #fff;
text-decoration: none;
}
-.nav-list.empty a {
- color: #f4f762;
-}
.nav-list .nav-header {
- padding: 0 10px;
+ padding: 0 1rem;
font-weight: bold;
color: #766556;
text-transform: uppercase;
@@ -668,26 +664,22 @@ form th {
/*===============*/
/*=== Header */
.header {
- padding: 0.5rem 1.35rem;
background: #fbf9f6;
- display: block;
- width: auto;
- height: 3.5rem;
- table-layout: none;
}
.header .item {
vertical-align: middle;
}
-.header .item.title {
- width: 280px;
- font-weight: 400;
+.header .item.title a {
+ padding: 0.5rem 1rem;
}
-.header .item.title a img {
- margin: 0.6em 0 0.3em;
+.header .item.title a .logo {
filter: invert(80%);
}
+.header .item.title a:hover .logo {
+ filter: invert(80%) opacity(80%);
+}
.header .item.search input {
- width: 230px;
+ width: 350px;
color: #363330;
border: none;
border-radius: 0 2px 2px 0;
@@ -698,7 +690,6 @@ form th {
background-color: #efe3d3;
}
.header .item.search input:focus {
- width: 350px;
color: #766556;
background-color: #fff;
}
@@ -727,10 +718,6 @@ form th {
filter: brightness(3);
}
.header .item.configure {
- width: 3rem;
- position: absolute;
- left: 1rem;
- top: 1rem;
text-align: center;
}
.header .item.configure .btn {
@@ -740,7 +727,7 @@ form th {
/*=== Body */
#global {
- height: calc(100% - 3.5rem);
+ height: calc(100vh - (3rem + 2 * var(--frss-padding-top-bottom)));
}
/*=== Prompt (centered) */
@@ -842,13 +829,16 @@ main.prompt {
.nav_menu .stick .btn.read_all:hover {
background-color: #e4d8cc;
}
-.nav_menu .stick .dropdown a.dropdown-toggle {
+.nav_menu .stick .dropdown:not(#dropdown-search-wrapper) a.dropdown-toggle {
border-right-width: 0;
background-image: url(icons/more.svg);
}
-.nav_menu .stick .dropdown a.dropdown-toggle .icon {
+.nav_menu .stick .dropdown:not(#dropdown-search-wrapper) a.dropdown-toggle .icon {
display: none;
}
+.nav_menu .stick #dropdown-search-wrapper.dropdown a.dropdown-toggle {
+ border-right-width: 0;
+}
#dropdown-query ~ .dropdown-menu .dropdown-header .icon {
vertical-align: middle;
@@ -951,9 +941,7 @@ main.prompt {
color: #fff;
}
.notification a.close {
- padding: 0 15px;
border-radius: 3px 0 0 3px;
- line-height: 3em;
}
.notification.good a.close:hover {
background: #0c7556;
@@ -961,12 +949,12 @@ main.prompt {
.notification.bad a.close:hover {
background: #73341f;
}
-.notification#actualizeProgress {
- line-height: 2em;
-}
.notification#actualizeProgress br {
display: none;
}
+.notification#actualizeProgress .title {
+ margin: 0 2rem;
+}
/*=== Navigation menu (for articles) */
#nav_entries {
@@ -982,10 +970,10 @@ main.prompt {
background: #fff;
transition: all 0.15s ease-in-out;
}
-.flux:hover {
+.flux .flux_header:hover {
background: #fcfaf8;
}
-.flux:hover:not(.current):hover .item.title {
+.flux .flux_header:hover:not(.current):hover .item.title {
background: #fcfaf8;
}
.flux.current {
@@ -1194,9 +1182,6 @@ main.prompt {
/*=== MOBILE */
/*===========*/
@media (max-width: 840px) {
- .form-group .group-name {
- text-align: right;
- }
.aside {
transition: all 0.2s ease-in-out;
}
@@ -1224,29 +1209,13 @@ main.prompt {
#slider .toggle_aside .icon {
filter: grayscale(100%) brightness(2.5);
}
- .header {
- padding: 0.5rem;
- height: 8rem;
- }
.header .item.search {
- display: block;
- }
- .header .item.search form {
- display: inherit;
- }
- .header .item.search .stick {
- display: flex;
- }
- .header .item.search input {
- width: 90%;
- height: 3.5rem;
- }
- .header .item.search input:focus {
- width: 100%;
+ display: none;
}
- .header .item.search .btn {
- min-height: 49px;
- padding: 0.5rem 2rem;
+ .header .item.configure {
+ position: absolute;
+ top: 0;
+ left: 0;
}
#global {
height: calc(100% - 8rem);
@@ -1269,10 +1238,6 @@ main.prompt {
.nav_menu .stick .btn.read_all {
padding: 0.85rem 1.25rem;
}
- .nav_menu .search {
- display: none;
- max-width: 97%;
- }
.nav_menu .search .input {
max-width: 97%;
width: 90px;
generated by cgit v1.2.3 (git 2.39.1) at 2026-05-06 11:53:10 +0000