aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/p/themes/Ansum
diff options
context:
space:
mode:
Diffstat (limited to 'p/themes/Ansum')
-rw-r--r--p/themes/Ansum/_components.css234
-rw-r--r--p/themes/Ansum/_components.rtl.css234
-rw-r--r--p/themes/Ansum/_components.scss2
-rw-r--r--p/themes/Ansum/ansum.css2
-rw-r--r--p/themes/Ansum/ansum.rtl.css2
5 files changed, 471 insertions, 3 deletions
diff --git a/p/themes/Ansum/_components.css b/p/themes/Ansum/_components.css
new file mode 100644
index 000000000..90f2eaf14
--- /dev/null
+++ b/p/themes/Ansum/_components.css
@@ -0,0 +1,234 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* FUNCTIONS */
+/*=== COMPONENTS */
+/*===============*/
+/*=== Forms */
+/*=== Horizontal-list */
+.horizontal-list {
+ padding: 0.1rem 0;
+}
+.horizontal-list > .item:first-child {
+ padding-left: 0.5rem;
+}
+
+/*=== Dropdown */
+.dropdown .dropdown-target:target + .btn {
+ background-color: #e4d8cc;
+}
+
+.dropdown-menu {
+ margin: 9px 0 0 0;
+ padding: 0.5rem 0 1rem 0;
+ background: #fcfaf8;
+ font-size: 1rem;
+ border: none;
+ border-radius: 3px;
+ box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
+ text-align: left;
+}
+.dropdown-menu::after {
+ border: none;
+ right: 17px;
+}
+.dropdown-menu .dropdown-header,
+.dropdown-menu .dropdown-section .dropdown-section-title {
+ padding: 1rem 1.5rem;
+ font-weight: bold;
+ text-align: left;
+ color: #766556;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+}
+.dropdown-menu .item {
+ transition: all 0.075s ease-in-out;
+}
+.dropdown-menu .item > a,
+.dropdown-menu .item > span,
+.dropdown-menu .item > .as-link {
+ padding: 0 2rem;
+ color: #363330;
+ font-size: inherit;
+ line-height: 2.5em;
+}
+.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 > a:not(.addItem):hover,
+.dropdown-menu .item > .as-link:not(.addItem):hover {
+ background: #ca7227;
+ color: #fff;
+}
+.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.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-left: 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) button:hover .icon {
+ filter: brightness(3);
+}
+.dropdown-menu .item[aria-checked=true] a::before {
+ margin: 0 0 0 -14px;
+ font-weight: bold;
+}
+.dropdown-menu .item ~ .dropdown-header {
+ margin-top: 0.75rem;
+ padding-top: 1.75rem;
+ border-top-color: #f5f0ec;
+}
+.dropdown-menu .item.separator {
+ margin-top: 0.75rem;
+ border-top-color: #f5f0ec;
+}
+.dropdown-menu .input select, .dropdown-menu .input input {
+ margin: 0 auto 5px;
+ padding: 2px 5px;
+ border-radius: 3px;
+}
+
+.tree .tree-folder .tree-folder-items .dropdown-menu .item {
+ padding: 0;
+}
+.tree .tree-folder .tree-folder-items .dropdown-menu .item a,
+.tree .tree-folder .tree-folder-items .dropdown-menu .item button {
+ color: #363330;
+}
+.tree .tree-folder .tree-folder-items .dropdown-menu .item a:hover,
+.tree .tree-folder .tree-folder-items .dropdown-menu .item button:hover {
+ color: #fff;
+}
+.tree .tree-folder .tree-folder-items .dropdown-menu .item:hover {
+ background: #ca7227;
+}
+
+/*=== Alerts */
+.alert {
+ background: #fcfaf8;
+ color: #766556;
+ font-size: 1rem;
+ border: 1px solid #d9ccbf;
+ border-radius: 3px;
+ text-shadow: 0 0 1px #f5f0ec;
+}
+
+.alert-head {
+ font-size: 1.15em;
+}
+
+.alert > a {
+ text-decoration: underline;
+ color: inherit;
+}
+
+.alert-warn {
+ background: #fdfde0;
+ color: #73762f;
+ border: 1px solid #73762f33;
+}
+
+.alert-success {
+ background: #cffdef;
+ color: #0c7556;
+ border: 1px solid #0c755633;
+}
+
+.alert-error {
+ background: #fde0d8;
+ color: #73341f;
+ border: 1px solid #73341f33;
+}
+
+/*=== Pagination */
+.pagination {
+ background: #f5f0ec;
+ color: #363330;
+}
+.pagination .item a {
+ color: #363330;
+}
+
+#load_more.loading,
+#load_more.loading:hover {
+ background: url("loader.gif") center center no-repeat #34495e;
+}
+
+/*=== Boxes */
+.box {
+ background: #fff;
+ border: none;
+ border-radius: 3px;
+ box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
+}
+.box .box-title {
+ background: #f5f0ec;
+ color: #363330;
+ border-radius: 2px 2px 0 0;
+}
+.box .box-content {
+ padding-left: 30px;
+}
+.box .box-content .item {
+ padding: 0.5rem 0;
+ color: #363330;
+ font-size: 1rem;
+ border-bottom: 1px solid #f5f0ec;
+ line-height: 1.7em;
+}
+.box .box-content .item:last-child {
+ border-bottom: none;
+}
+.box .configure {
+ margin-right: 0.5rem;
+ padding: 0.25rem;
+ border-radius: 3px;
+}
+.box .configure .icon {
+ vertical-align: middle;
+}
+.box .configure:hover {
+ border-radius: 2px;
+ background-color: #ca7227;
+}
+.box .configure:hover .icon {
+ filter: brightness(3);
+}
+
+/*=== "Load more" part */
+#bigMarkAsRead.big {
+ text-align: center;
+ text-decoration: none;
+ background: #fdf6ef;
+ color: #ca7227;
+ transition: all 0.15s ease-in-out;
+}
+#bigMarkAsRead.big:hover {
+ background: #ca7227;
+ color: #fff;
+}
+#bigMarkAsRead.big:hover .bigTick {
+ filter: brightness(7);
+}
+#bigMarkAsRead.big .bigTick {
+ margin: 0.5rem 0;
+ background: url(icons/tick-color.svg) center no-repeat;
+ display: inline-block;
+ width: 64px;
+ height: 64px;
+ text-indent: -9999px;
+ white-space: nowrap;
+} \ No newline at end of file
diff --git a/p/themes/Ansum/_components.rtl.css b/p/themes/Ansum/_components.rtl.css
new file mode 100644
index 000000000..90844a63a
--- /dev/null
+++ b/p/themes/Ansum/_components.rtl.css
@@ -0,0 +1,234 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* FUNCTIONS */
+/*=== COMPONENTS */
+/*===============*/
+/*=== Forms */
+/*=== Horizontal-list */
+.horizontal-list {
+ padding: 0.1rem 0;
+}
+.horizontal-list > .item:first-child {
+ padding-right: 0.5rem;
+}
+
+/*=== Dropdown */
+.dropdown .dropdown-target:target + .btn {
+ background-color: #e4d8cc;
+}
+
+.dropdown-menu {
+ margin: 9px 0 0 0;
+ padding: 0.5rem 0 1rem 0;
+ background: #fcfaf8;
+ font-size: 1rem;
+ border: none;
+ border-radius: 3px;
+ box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
+ text-align: right;
+}
+.dropdown-menu::after {
+ border: none;
+ left: 17px;
+}
+.dropdown-menu .dropdown-header,
+.dropdown-menu .dropdown-section .dropdown-section-title {
+ padding: 1rem 1.5rem;
+ font-weight: bold;
+ text-align: right;
+ color: #766556;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+}
+.dropdown-menu .item {
+ transition: all 0.075s ease-in-out;
+}
+.dropdown-menu .item > a,
+.dropdown-menu .item > span,
+.dropdown-menu .item > .as-link {
+ padding: 0 2rem;
+ color: #363330;
+ font-size: inherit;
+ line-height: 2.5em;
+}
+.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 > a:not(.addItem):hover,
+.dropdown-menu .item > .as-link:not(.addItem):hover {
+ background: #ca7227;
+ color: #fff;
+}
+.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.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) button:hover .icon {
+ filter: brightness(3);
+}
+.dropdown-menu .item[aria-checked=true] a::before {
+ margin: 0 -14px 0 0;
+ font-weight: bold;
+}
+.dropdown-menu .item ~ .dropdown-header {
+ margin-top: 0.75rem;
+ padding-top: 1.75rem;
+ border-top-color: #f5f0ec;
+}
+.dropdown-menu .item.separator {
+ margin-top: 0.75rem;
+ border-top-color: #f5f0ec;
+}
+.dropdown-menu .input select, .dropdown-menu .input input {
+ margin: 0 auto 5px;
+ padding: 2px 5px;
+ border-radius: 3px;
+}
+
+.tree .tree-folder .tree-folder-items .dropdown-menu .item {
+ padding: 0;
+}
+.tree .tree-folder .tree-folder-items .dropdown-menu .item a,
+.tree .tree-folder .tree-folder-items .dropdown-menu .item button {
+ color: #363330;
+}
+.tree .tree-folder .tree-folder-items .dropdown-menu .item a:hover,
+.tree .tree-folder .tree-folder-items .dropdown-menu .item button:hover {
+ color: #fff;
+}
+.tree .tree-folder .tree-folder-items .dropdown-menu .item:hover {
+ background: #ca7227;
+}
+
+/*=== Alerts */
+.alert {
+ background: #fcfaf8;
+ color: #766556;
+ font-size: 1rem;
+ border: 1px solid #d9ccbf;
+ border-radius: 3px;
+ text-shadow: 0 0 1px #f5f0ec;
+}
+
+.alert-head {
+ font-size: 1.15em;
+}
+
+.alert > a {
+ text-decoration: underline;
+ color: inherit;
+}
+
+.alert-warn {
+ background: #fdfde0;
+ color: #73762f;
+ border: 1px solid #73762f33;
+}
+
+.alert-success {
+ background: #cffdef;
+ color: #0c7556;
+ border: 1px solid #0c755633;
+}
+
+.alert-error {
+ background: #fde0d8;
+ color: #73341f;
+ border: 1px solid #73341f33;
+}
+
+/*=== Pagination */
+.pagination {
+ background: #f5f0ec;
+ color: #363330;
+}
+.pagination .item a {
+ color: #363330;
+}
+
+#load_more.loading,
+#load_more.loading:hover {
+ background: url("loader.gif") center center no-repeat #34495e;
+}
+
+/*=== Boxes */
+.box {
+ background: #fff;
+ border: none;
+ border-radius: 3px;
+ box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
+}
+.box .box-title {
+ background: #f5f0ec;
+ color: #363330;
+ border-radius: 2px 2px 0 0;
+}
+.box .box-content {
+ padding-right: 30px;
+}
+.box .box-content .item {
+ padding: 0.5rem 0;
+ color: #363330;
+ font-size: 1rem;
+ border-bottom: 1px solid #f5f0ec;
+ line-height: 1.7em;
+}
+.box .box-content .item:last-child {
+ border-bottom: none;
+}
+.box .configure {
+ margin-left: 0.5rem;
+ padding: 0.25rem;
+ border-radius: 3px;
+}
+.box .configure .icon {
+ vertical-align: middle;
+}
+.box .configure:hover {
+ border-radius: 2px;
+ background-color: #ca7227;
+}
+.box .configure:hover .icon {
+ filter: brightness(3);
+}
+
+/*=== "Load more" part */
+#bigMarkAsRead.big {
+ text-align: center;
+ text-decoration: none;
+ background: #fdf6ef;
+ color: #ca7227;
+ transition: all 0.15s ease-in-out;
+}
+#bigMarkAsRead.big:hover {
+ background: #ca7227;
+ color: #fff;
+}
+#bigMarkAsRead.big:hover .bigTick {
+ filter: brightness(7);
+}
+#bigMarkAsRead.big .bigTick {
+ margin: 0.5rem 0;
+ background: url(icons/tick-color.svg) center no-repeat;
+ display: inline-block;
+ width: 64px;
+ height: 64px;
+ text-indent: -9999px;
+ white-space: nowrap;
+} \ No newline at end of file
diff --git a/p/themes/Ansum/_components.scss b/p/themes/Ansum/_components.scss
index fa9f34c44..b49a4e2da 100644
--- a/p/themes/Ansum/_components.scss
+++ b/p/themes/Ansum/_components.scss
@@ -263,7 +263,7 @@
}
/*=== "Load more" part */
-#bigMarkAsRead {
+#bigMarkAsRead.big {
text-align: center;
text-decoration: none;
background: variables.$main-first-light;
diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css
index 86c97756e..43c4cac06 100644
--- a/p/themes/Ansum/ansum.css
+++ b/p/themes/Ansum/ansum.css
@@ -410,7 +410,7 @@ th {
}
/*=== "Load more" part */
-#bigMarkAsRead {
+#bigMarkAsRead.big {
text-align: center;
text-decoration: none;
background: #fdf6ef;
diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css
index a0788dc12..4262ae7ba 100644
--- a/p/themes/Ansum/ansum.rtl.css
+++ b/p/themes/Ansum/ansum.rtl.css
@@ -410,7 +410,7 @@ th {
}
/*=== "Load more" part */
-#bigMarkAsRead {
+#bigMarkAsRead.big {
text-align: center;
text-decoration: none;
background: #fdf6ef;
generated by cgit v1.2.3 (git 2.39.1) at 2025-04-30 17:58:36 +0000