From 8d60c933289a4b87769c5b1d0e5c8651792509e6 Mon Sep 17 00:00:00 2001 From: Sami Mokaddem Date: Thu, 20 Jan 2022 13:59:43 +0100 Subject: [PATCH 1/2] new: [themes] bash script to help dev compile css files --- webroot/theme/compile-css.sh | 3 +++ 1 file changed, 3 insertions(+) create mode 100755 webroot/theme/compile-css.sh diff --git a/webroot/theme/compile-css.sh b/webroot/theme/compile-css.sh new file mode 100755 index 0000000..255a484 --- /dev/null +++ b/webroot/theme/compile-css.sh @@ -0,0 +1,3 @@ +#!/bin/bash + +npm run build From 788fcd19cea4ee2d2d748a87eaa1962fac4df5f5 Mon Sep 17 00:00:00 2001 From: Sami Mokaddem Date: Thu, 20 Jan 2022 14:00:37 +0100 Subject: [PATCH 2/2] fix: [themes] Recompiled css file repairing the merge conflict overlooked --- .../additional/bootstrap-additional.css | 206 ++++++++---------- webroot/css/themes/theme-darkly.css | 203 ++++++++--------- webroot/css/themes/theme-default.css | 203 ++++++++--------- webroot/css/themes/theme-flatly.css | 203 ++++++++--------- webroot/css/themes/theme-minty.css | 203 ++++++++--------- webroot/css/themes/theme-quartz.css | 203 ++++++++--------- webroot/css/themes/theme-slate.css | 203 ++++++++--------- webroot/css/themes/theme-vapor.css | 203 ++++++++--------- 8 files changed, 767 insertions(+), 860 deletions(-) diff --git a/webroot/css/themes/additional/bootstrap-additional.css b/webroot/css/themes/additional/bootstrap-additional.css index 1a992d8..4b53697 100644 --- a/webroot/css/themes/additional/bootstrap-additional.css +++ b/webroot/css/themes/additional/bootstrap-additional.css @@ -135,16 +135,12 @@ .dropdown-item.dropdown-item-primary { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #0d6efd; } - .dropdown-item.dropdown-item-primary:hover { - color: #fff; - background-color: #0b5ed7; } - -======= background-color: #0d6efd; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-primary:hover { + color: #fff; + background-color: #0b5ed7; +} .dropdown-item.dropdown-item-outline-primary:hover { color: #fff; background-color: #0d6efd; @@ -152,16 +148,12 @@ .dropdown-item.dropdown-item-secondary { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #6c757d; } - .dropdown-item.dropdown-item-secondary:hover { - color: #fff; - background-color: #5c636a; } - -======= background-color: #6c757d; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-secondary:hover { + color: #fff; + background-color: #5c636a; +} .dropdown-item.dropdown-item-outline-secondary:hover { color: #fff; background-color: #6c757d; @@ -169,16 +161,12 @@ .dropdown-item.dropdown-item-success { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #198754; } - .dropdown-item.dropdown-item-success:hover { - color: #fff; - background-color: #157347; } - -======= background-color: #198754; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-success:hover { + color: #fff; + background-color: #157347; +} .dropdown-item.dropdown-item-outline-success:hover { color: #fff; background-color: #198754; @@ -186,16 +174,12 @@ .dropdown-item.dropdown-item-info { color: #000; text-decoration: none; -<<<<<<< HEAD - background-color: #0dcaf0; } - .dropdown-item.dropdown-item-info:hover { - color: #000; - background-color: #31d2f2; } - -======= background-color: #0dcaf0; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-info:hover { + color: #000; + background-color: #31d2f2; +} .dropdown-item.dropdown-item-outline-info:hover { color: #000; background-color: #0dcaf0; @@ -203,16 +187,12 @@ .dropdown-item.dropdown-item-warning { color: #000; text-decoration: none; -<<<<<<< HEAD - background-color: #ffc107; } - .dropdown-item.dropdown-item-warning:hover { - color: #000; - background-color: #ffca2c; } - -======= background-color: #ffc107; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-warning:hover { + color: #000; + background-color: #ffca2c; +} .dropdown-item.dropdown-item-outline-warning:hover { color: #000; background-color: #ffc107; @@ -220,16 +200,12 @@ .dropdown-item.dropdown-item-danger { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #dc3545; } - .dropdown-item.dropdown-item-danger:hover { - color: #fff; - background-color: #bb2d3b; } - -======= background-color: #dc3545; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-danger:hover { + color: #fff; + background-color: #bb2d3b; +} .dropdown-item.dropdown-item-outline-danger:hover { color: #fff; background-color: #dc3545; @@ -237,16 +213,12 @@ .dropdown-item.dropdown-item-light { color: #000; text-decoration: none; -<<<<<<< HEAD - background-color: #f8f9fa; } - .dropdown-item.dropdown-item-light:hover { - color: #000; - background-color: #f9fafb; } - -======= background-color: #f8f9fa; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-light:hover { + color: #000; + background-color: #f9fafb; +} .dropdown-item.dropdown-item-outline-light:hover { color: #000; background-color: #f8f9fa; @@ -254,16 +226,12 @@ .dropdown-item.dropdown-item-dark { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #212529; } - .dropdown-item.dropdown-item-dark:hover { - color: #fff; - background-color: #1c1f23; } - -======= background-color: #212529; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-dark:hover { + color: #fff; + background-color: #1c1f23; +} .dropdown-item.dropdown-item-outline-dark:hover { color: #fff; background-color: #212529; @@ -357,14 +325,16 @@ } .mw-66 { - max-width: 66% !important; } + max-width: 66% !important; +} .mw-50 { max-width: 50% !important; } .mw-33 { - max-width: 33% !important; } + max-width: 33% !important; +} .mw-25 { max-width: 25% !important; @@ -375,14 +345,16 @@ } .mh-66 { - max-height: 66% !important; } + max-height: 66% !important; +} .mh-50 { max-height: 50% !important; } .mh-33 { - max-height: 33% !important; } + max-height: 33% !important; +} .mh-25 { max-height: 25% !important; @@ -401,63 +373,75 @@ .p-abs-center-both { top: 50%; left: 50%; -<<<<<<< HEAD - transform: translateX(-50%) translateY(-50%); } + transform: translateX(-50%) translateY(-50%); +} .fs-7 { - font-size: .875rem !important; } + font-size: 0.875rem !important; +} .fs-8 { - font-size: .7rem !important; } + font-size: 0.7rem !important; +} .btn-xs, .btn-group-xs > .btn { padding: 0.1rem; font-size: 0.7rem; border-radius: 0.15rem; - line-height: 1.15; } + line-height: 1.15; +} .btn-check:focus + .btn.btn-xs, .btn.btn-xs:focus { - box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); } + box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); +} .multi-metafields-container { - position: relative; } - @media (min-width: 576px) { - .multi-metafields-container::before { - content: none !important; } } + position: relative; +} +@media (min-width: 576px) { .multi-metafields-container::before { - border-style: solid; - border-color: #6c757d; - border-width: 2px 0px 2px 2px; - border-radius: 3px 0px 0px 3px; + content: none !important; + } +} +.multi-metafields-container::before { + border-style: solid; + border-color: #6c757d; + border-width: 2px 0px 2px 2px; + border-radius: 3px 0px 0px 3px; + opacity: 0.5; + position: absolute; + content: " "; + width: 0.5rem; + height: calc(100% - 33px); + transform: translate(0px, 18px); +} +.multi-metafields-container > .multi-metafield-container { + position: relative; +} +.multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { + content: " "; +} +@media (min-width: 576px) { + .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { + background-color: #6c757d; opacity: 0.5; position: absolute; - content: ' '; - width: 0.5rem; - height: calc(100% - 33px); - transform: translate(0px, 18px); } - .multi-metafields-container > .multi-metafield-container { - position: relative; } - .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { - content: ' '; } - @media (min-width: 576px) { - .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { - background-color: #6c757d; - opacity: 0.5; - position: absolute; - width: 0.25rem; - transform: translateX(calc(1.5rem * -.5 + 3px)); - height: calc(100% + 4px); } } - @media (max-width: 575.98px) { - .multi-metafields-container > .multi-metafield-container:not(:first-child) label.form-label { - display: none; } } - .multi-metafields-container > .multi-metafield-container:first-child > .multi-metafield-input-container::before { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - .multi-metafields-container > .multi-metafield-container:last-child > .multi-metafield-input-container::before { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - height: 100%; } -======= - transform: translateX(-50%) translateY(-50%); + width: 0.25rem; + transform: translateX(calc(-0.75rem + 3px)); + height: calc(100% + 4px); + } +} +@media (max-width: 575.98px) { + .multi-metafields-container > .multi-metafield-container:not(:first-child) label.form-label { + display: none; + } +} +.multi-metafields-container > .multi-metafield-container:first-child > .multi-metafield-input-container::before { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.multi-metafields-container > .multi-metafield-container:last-child > .multi-metafield-input-container::before { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + height: 100%; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f diff --git a/webroot/css/themes/theme-darkly.css b/webroot/css/themes/theme-darkly.css index 1243863..5d202e4 100644 --- a/webroot/css/themes/theme-darkly.css +++ b/webroot/css/themes/theme-darkly.css @@ -135,16 +135,12 @@ .dropdown-item.dropdown-item-primary { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #375a7f; } - .dropdown-item.dropdown-item-primary:hover { - color: #fff; - background-color: #2f4d6c; } - -======= background-color: #375a7f; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-primary:hover { + color: #fff; + background-color: #2f4d6c; +} .dropdown-item.dropdown-item-outline-primary:hover { color: #fff; background-color: #375a7f; @@ -152,16 +148,12 @@ .dropdown-item.dropdown-item-secondary { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #444; } - .dropdown-item.dropdown-item-secondary:hover { - color: #fff; - background-color: #3a3a3a; } - -======= background-color: #444; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-secondary:hover { + color: #fff; + background-color: #3a3a3a; +} .dropdown-item.dropdown-item-outline-secondary:hover { color: #fff; background-color: #444; @@ -169,16 +161,12 @@ .dropdown-item.dropdown-item-success { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #00bc8c; } - .dropdown-item.dropdown-item-success:hover { - color: #fff; - background-color: #00a077; } - -======= background-color: #00bc8c; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-success:hover { + color: #fff; + background-color: #00a077; +} .dropdown-item.dropdown-item-outline-success:hover { color: #fff; background-color: #00bc8c; @@ -186,16 +174,12 @@ .dropdown-item.dropdown-item-info { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #3498db; } - .dropdown-item.dropdown-item-info:hover { - color: #fff; - background-color: #2c81ba; } - -======= background-color: #3498db; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-info:hover { + color: #fff; + background-color: #2c81ba; +} .dropdown-item.dropdown-item-outline-info:hover { color: #fff; background-color: #3498db; @@ -203,16 +187,12 @@ .dropdown-item.dropdown-item-warning { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #f39c12; } - .dropdown-item.dropdown-item-warning:hover { - color: #fff; - background-color: #cf850f; } - -======= background-color: #f39c12; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-warning:hover { + color: #fff; + background-color: #cf850f; +} .dropdown-item.dropdown-item-outline-warning:hover { color: #fff; background-color: #f39c12; @@ -220,16 +200,12 @@ .dropdown-item.dropdown-item-danger { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #e74c3c; } - .dropdown-item.dropdown-item-danger:hover { - color: #fff; - background-color: #c44133; } - -======= background-color: #e74c3c; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-danger:hover { + color: #fff; + background-color: #c44133; +} .dropdown-item.dropdown-item-outline-danger:hover { color: #fff; background-color: #e74c3c; @@ -237,16 +213,12 @@ .dropdown-item.dropdown-item-light { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #adb5bd; } - .dropdown-item.dropdown-item-light:hover { - color: #fff; - background-color: #939aa1; } - -======= background-color: #adb5bd; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-light:hover { + color: #fff; + background-color: #939aa1; +} .dropdown-item.dropdown-item-outline-light:hover { color: #fff; background-color: #adb5bd; @@ -254,16 +226,12 @@ .dropdown-item.dropdown-item-dark { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #303030; } - .dropdown-item.dropdown-item-dark:hover { - color: #fff; - background-color: #292929; } - -======= background-color: #303030; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-dark:hover { + color: #fff; + background-color: #292929; +} .dropdown-item.dropdown-item-outline-dark:hover { color: #fff; background-color: #303030; @@ -357,14 +325,16 @@ } .mw-66 { - max-width: 66% !important; } + max-width: 66% !important; +} .mw-50 { max-width: 50% !important; } .mw-33 { - max-width: 33% !important; } + max-width: 33% !important; +} .mw-25 { max-width: 25% !important; @@ -375,14 +345,16 @@ } .mh-66 { - max-height: 66% !important; } + max-height: 66% !important; +} .mh-50 { max-height: 50% !important; } .mh-33 { - max-height: 33% !important; } + max-height: 33% !important; +} .mh-25 { max-height: 25% !important; @@ -405,58 +377,74 @@ } .fs-7 { - font-size: .875rem !important; } + font-size: 0.875rem !important; +} .fs-8 { - font-size: .7rem !important; } + font-size: 0.7rem !important; +} .btn-xs, .btn-group-xs > .btn { padding: 0.1rem; font-size: 0.7rem; border-radius: 0.15rem; - line-height: 1.15; } + line-height: 1.15; +} .btn-check:focus + .btn.btn-xs, .btn.btn-xs:focus { - box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); } + box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); +} .multi-metafields-container { - position: relative; } - @media (min-width: 576px) { - .multi-metafields-container::before { - content: none !important; } } + position: relative; +} +@media (min-width: 576px) { .multi-metafields-container::before { - border-style: solid; - border-color: #444; - border-width: 2px 0px 2px 2px; - border-radius: 3px 0px 0px 3px; + content: none !important; + } +} +.multi-metafields-container::before { + border-style: solid; + border-color: #444; + border-width: 2px 0px 2px 2px; + border-radius: 3px 0px 0px 3px; + opacity: 0.5; + position: absolute; + content: " "; + width: 0.5rem; + height: calc(100% - 33px); + transform: translate(0px, 18px); +} +.multi-metafields-container > .multi-metafield-container { + position: relative; +} +.multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { + content: " "; +} +@media (min-width: 576px) { + .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { + background-color: #444; opacity: 0.5; position: absolute; - content: ' '; - width: 0.5rem; - height: calc(100% - 33px); - transform: translate(0px, 18px); } - .multi-metafields-container > .multi-metafield-container { - position: relative; } - .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { - content: ' '; } - @media (min-width: 576px) { - .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { - background-color: #444; - opacity: 0.5; - position: absolute; - width: 0.25rem; - transform: translateX(calc(1.5rem * -.5 + 3px)); - height: calc(100% + 4px); } } - @media (max-width: 575.98px) { - .multi-metafields-container > .multi-metafield-container:not(:first-child) label.form-label { - display: none; } } - .multi-metafields-container > .multi-metafield-container:first-child > .multi-metafield-input-container::before { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - .multi-metafields-container > .multi-metafield-container:last-child > .multi-metafield-input-container::before { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - height: 100%; } + width: 0.25rem; + transform: translateX(calc(-0.75rem + 3px)); + height: calc(100% + 4px); + } +} +@media (max-width: 575.98px) { + .multi-metafields-container > .multi-metafield-container:not(:first-child) label.form-label { + display: none; + } +} +.multi-metafields-container > .multi-metafield-container:first-child > .multi-metafield-input-container::before { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.multi-metafields-container > .multi-metafield-container:last-child > .multi-metafield-input-container::before { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + height: 100%; +} /* Body */ body { @@ -552,7 +540,8 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover { } .sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child::after { - background-color: var(--cerebrate-color); } + background-color: var(--cerebrate-color); +} .sidebar ul.sidebar-elements li > a.sidebar-link:hover { background-color: #60676c; diff --git a/webroot/css/themes/theme-default.css b/webroot/css/themes/theme-default.css index 7ee279e..1cd760e 100644 --- a/webroot/css/themes/theme-default.css +++ b/webroot/css/themes/theme-default.css @@ -135,16 +135,12 @@ .dropdown-item.dropdown-item-primary { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #0d6efd; } - .dropdown-item.dropdown-item-primary:hover { - color: #fff; - background-color: #0b5ed7; } - -======= background-color: #0d6efd; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-primary:hover { + color: #fff; + background-color: #0b5ed7; +} .dropdown-item.dropdown-item-outline-primary:hover { color: #fff; background-color: #0d6efd; @@ -152,16 +148,12 @@ .dropdown-item.dropdown-item-secondary { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #6c757d; } - .dropdown-item.dropdown-item-secondary:hover { - color: #fff; - background-color: #5c636a; } - -======= background-color: #6c757d; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-secondary:hover { + color: #fff; + background-color: #5c636a; +} .dropdown-item.dropdown-item-outline-secondary:hover { color: #fff; background-color: #6c757d; @@ -169,16 +161,12 @@ .dropdown-item.dropdown-item-success { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #198754; } - .dropdown-item.dropdown-item-success:hover { - color: #fff; - background-color: #157347; } - -======= background-color: #198754; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-success:hover { + color: #fff; + background-color: #157347; +} .dropdown-item.dropdown-item-outline-success:hover { color: #fff; background-color: #198754; @@ -186,16 +174,12 @@ .dropdown-item.dropdown-item-info { color: #000; text-decoration: none; -<<<<<<< HEAD - background-color: #0dcaf0; } - .dropdown-item.dropdown-item-info:hover { - color: #000; - background-color: #31d2f2; } - -======= background-color: #0dcaf0; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-info:hover { + color: #000; + background-color: #31d2f2; +} .dropdown-item.dropdown-item-outline-info:hover { color: #000; background-color: #0dcaf0; @@ -203,16 +187,12 @@ .dropdown-item.dropdown-item-warning { color: #000; text-decoration: none; -<<<<<<< HEAD - background-color: #ffc107; } - .dropdown-item.dropdown-item-warning:hover { - color: #000; - background-color: #ffca2c; } - -======= background-color: #ffc107; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-warning:hover { + color: #000; + background-color: #ffca2c; +} .dropdown-item.dropdown-item-outline-warning:hover { color: #000; background-color: #ffc107; @@ -220,16 +200,12 @@ .dropdown-item.dropdown-item-danger { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #dc3545; } - .dropdown-item.dropdown-item-danger:hover { - color: #fff; - background-color: #bb2d3b; } - -======= background-color: #dc3545; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-danger:hover { + color: #fff; + background-color: #bb2d3b; +} .dropdown-item.dropdown-item-outline-danger:hover { color: #fff; background-color: #dc3545; @@ -237,16 +213,12 @@ .dropdown-item.dropdown-item-light { color: #000; text-decoration: none; -<<<<<<< HEAD - background-color: #f8f9fa; } - .dropdown-item.dropdown-item-light:hover { - color: #000; - background-color: #f9fafb; } - -======= background-color: #f8f9fa; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-light:hover { + color: #000; + background-color: #f9fafb; +} .dropdown-item.dropdown-item-outline-light:hover { color: #000; background-color: #f8f9fa; @@ -254,16 +226,12 @@ .dropdown-item.dropdown-item-dark { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #212529; } - .dropdown-item.dropdown-item-dark:hover { - color: #fff; - background-color: #1c1f23; } - -======= background-color: #212529; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-dark:hover { + color: #fff; + background-color: #1c1f23; +} .dropdown-item.dropdown-item-outline-dark:hover { color: #fff; background-color: #212529; @@ -357,14 +325,16 @@ } .mw-66 { - max-width: 66% !important; } + max-width: 66% !important; +} .mw-50 { max-width: 50% !important; } .mw-33 { - max-width: 33% !important; } + max-width: 33% !important; +} .mw-25 { max-width: 25% !important; @@ -375,14 +345,16 @@ } .mh-66 { - max-height: 66% !important; } + max-height: 66% !important; +} .mh-50 { max-height: 50% !important; } .mh-33 { - max-height: 33% !important; } + max-height: 33% !important; +} .mh-25 { max-height: 25% !important; @@ -405,58 +377,74 @@ } .fs-7 { - font-size: .875rem !important; } + font-size: 0.875rem !important; +} .fs-8 { - font-size: .7rem !important; } + font-size: 0.7rem !important; +} .btn-xs, .btn-group-xs > .btn { padding: 0.1rem; font-size: 0.7rem; border-radius: 0.15rem; - line-height: 1.15; } + line-height: 1.15; +} .btn-check:focus + .btn.btn-xs, .btn.btn-xs:focus { - box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); } + box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); +} .multi-metafields-container { - position: relative; } - @media (min-width: 576px) { - .multi-metafields-container::before { - content: none !important; } } + position: relative; +} +@media (min-width: 576px) { .multi-metafields-container::before { - border-style: solid; - border-color: #6c757d; - border-width: 2px 0px 2px 2px; - border-radius: 3px 0px 0px 3px; + content: none !important; + } +} +.multi-metafields-container::before { + border-style: solid; + border-color: #6c757d; + border-width: 2px 0px 2px 2px; + border-radius: 3px 0px 0px 3px; + opacity: 0.5; + position: absolute; + content: " "; + width: 0.5rem; + height: calc(100% - 33px); + transform: translate(0px, 18px); +} +.multi-metafields-container > .multi-metafield-container { + position: relative; +} +.multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { + content: " "; +} +@media (min-width: 576px) { + .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { + background-color: #6c757d; opacity: 0.5; position: absolute; - content: ' '; - width: 0.5rem; - height: calc(100% - 33px); - transform: translate(0px, 18px); } - .multi-metafields-container > .multi-metafield-container { - position: relative; } - .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { - content: ' '; } - @media (min-width: 576px) { - .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { - background-color: #6c757d; - opacity: 0.5; - position: absolute; - width: 0.25rem; - transform: translateX(calc(1.5rem * -.5 + 3px)); - height: calc(100% + 4px); } } - @media (max-width: 575.98px) { - .multi-metafields-container > .multi-metafield-container:not(:first-child) label.form-label { - display: none; } } - .multi-metafields-container > .multi-metafield-container:first-child > .multi-metafield-input-container::before { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - .multi-metafields-container > .multi-metafield-container:last-child > .multi-metafield-input-container::before { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - height: 100%; } + width: 0.25rem; + transform: translateX(calc(-0.75rem + 3px)); + height: calc(100% + 4px); + } +} +@media (max-width: 575.98px) { + .multi-metafields-container > .multi-metafield-container:not(:first-child) label.form-label { + display: none; + } +} +.multi-metafields-container > .multi-metafield-container:first-child > .multi-metafield-input-container::before { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.multi-metafields-container > .multi-metafield-container:last-child > .multi-metafield-input-container::before { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + height: 100%; +} /* Body */ body { @@ -552,7 +540,8 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover { } .sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child::after { - background-color: var(--cerebrate-color); } + background-color: var(--cerebrate-color); +} .sidebar ul.sidebar-elements li > a.sidebar-link:hover { background-color: #ebebeb; diff --git a/webroot/css/themes/theme-flatly.css b/webroot/css/themes/theme-flatly.css index 3bd3ec9..b2df7b7 100644 --- a/webroot/css/themes/theme-flatly.css +++ b/webroot/css/themes/theme-flatly.css @@ -135,16 +135,12 @@ .dropdown-item.dropdown-item-primary { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #2c3e50; } - .dropdown-item.dropdown-item-primary:hover { - color: #fff; - background-color: #253544; } - -======= background-color: #2c3e50; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-primary:hover { + color: #fff; + background-color: #253544; +} .dropdown-item.dropdown-item-outline-primary:hover { color: #fff; background-color: #2c3e50; @@ -152,16 +148,12 @@ .dropdown-item.dropdown-item-secondary { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #95a5a6; } - .dropdown-item.dropdown-item-secondary:hover { - color: #fff; - background-color: #7f8c8d; } - -======= background-color: #95a5a6; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-secondary:hover { + color: #fff; + background-color: #7f8c8d; +} .dropdown-item.dropdown-item-outline-secondary:hover { color: #fff; background-color: #95a5a6; @@ -169,16 +161,12 @@ .dropdown-item.dropdown-item-success { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #18bc9c; } - .dropdown-item.dropdown-item-success:hover { - color: #fff; - background-color: #14a085; } - -======= background-color: #18bc9c; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-success:hover { + color: #fff; + background-color: #14a085; +} .dropdown-item.dropdown-item-outline-success:hover { color: #fff; background-color: #18bc9c; @@ -186,16 +174,12 @@ .dropdown-item.dropdown-item-info { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #3498db; } - .dropdown-item.dropdown-item-info:hover { - color: #fff; - background-color: #2c81ba; } - -======= background-color: #3498db; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-info:hover { + color: #fff; + background-color: #2c81ba; +} .dropdown-item.dropdown-item-outline-info:hover { color: #fff; background-color: #3498db; @@ -203,16 +187,12 @@ .dropdown-item.dropdown-item-warning { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #f39c12; } - .dropdown-item.dropdown-item-warning:hover { - color: #fff; - background-color: #cf850f; } - -======= background-color: #f39c12; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-warning:hover { + color: #fff; + background-color: #cf850f; +} .dropdown-item.dropdown-item-outline-warning:hover { color: #fff; background-color: #f39c12; @@ -220,16 +200,12 @@ .dropdown-item.dropdown-item-danger { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #e74c3c; } - .dropdown-item.dropdown-item-danger:hover { - color: #fff; - background-color: #c44133; } - -======= background-color: #e74c3c; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-danger:hover { + color: #fff; + background-color: #c44133; +} .dropdown-item.dropdown-item-outline-danger:hover { color: #fff; background-color: #e74c3c; @@ -237,16 +213,12 @@ .dropdown-item.dropdown-item-light { color: #000; text-decoration: none; -<<<<<<< HEAD - background-color: #ecf0f1; } - .dropdown-item.dropdown-item-light:hover { - color: #000; - background-color: #eff2f3; } - -======= background-color: #ecf0f1; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-light:hover { + color: #000; + background-color: #eff2f3; +} .dropdown-item.dropdown-item-outline-light:hover { color: #000; background-color: #ecf0f1; @@ -254,16 +226,12 @@ .dropdown-item.dropdown-item-dark { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #7b8a8b; } - .dropdown-item.dropdown-item-dark:hover { - color: #fff; - background-color: #697576; } - -======= background-color: #7b8a8b; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-dark:hover { + color: #fff; + background-color: #697576; +} .dropdown-item.dropdown-item-outline-dark:hover { color: #fff; background-color: #7b8a8b; @@ -357,14 +325,16 @@ } .mw-66 { - max-width: 66% !important; } + max-width: 66% !important; +} .mw-50 { max-width: 50% !important; } .mw-33 { - max-width: 33% !important; } + max-width: 33% !important; +} .mw-25 { max-width: 25% !important; @@ -375,14 +345,16 @@ } .mh-66 { - max-height: 66% !important; } + max-height: 66% !important; +} .mh-50 { max-height: 50% !important; } .mh-33 { - max-height: 33% !important; } + max-height: 33% !important; +} .mh-25 { max-height: 25% !important; @@ -405,58 +377,74 @@ } .fs-7 { - font-size: .875rem !important; } + font-size: 0.875rem !important; +} .fs-8 { - font-size: .7rem !important; } + font-size: 0.7rem !important; +} .btn-xs, .btn-group-xs > .btn { padding: 0.1rem; font-size: 0.7rem; border-radius: 0.15rem; - line-height: 1.15; } + line-height: 1.15; +} .btn-check:focus + .btn.btn-xs, .btn.btn-xs:focus { - box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); } + box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); +} .multi-metafields-container { - position: relative; } - @media (min-width: 576px) { - .multi-metafields-container::before { - content: none !important; } } + position: relative; +} +@media (min-width: 576px) { .multi-metafields-container::before { - border-style: solid; - border-color: #95a5a6; - border-width: 2px 0px 2px 2px; - border-radius: 3px 0px 0px 3px; + content: none !important; + } +} +.multi-metafields-container::before { + border-style: solid; + border-color: #95a5a6; + border-width: 2px 0px 2px 2px; + border-radius: 3px 0px 0px 3px; + opacity: 0.5; + position: absolute; + content: " "; + width: 0.5rem; + height: calc(100% - 33px); + transform: translate(0px, 18px); +} +.multi-metafields-container > .multi-metafield-container { + position: relative; +} +.multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { + content: " "; +} +@media (min-width: 576px) { + .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { + background-color: #95a5a6; opacity: 0.5; position: absolute; - content: ' '; - width: 0.5rem; - height: calc(100% - 33px); - transform: translate(0px, 18px); } - .multi-metafields-container > .multi-metafield-container { - position: relative; } - .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { - content: ' '; } - @media (min-width: 576px) { - .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { - background-color: #95a5a6; - opacity: 0.5; - position: absolute; - width: 0.25rem; - transform: translateX(calc(1.5rem * -.5 + 3px)); - height: calc(100% + 4px); } } - @media (max-width: 575.98px) { - .multi-metafields-container > .multi-metafield-container:not(:first-child) label.form-label { - display: none; } } - .multi-metafields-container > .multi-metafield-container:first-child > .multi-metafield-input-container::before { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - .multi-metafields-container > .multi-metafield-container:last-child > .multi-metafield-input-container::before { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - height: 100%; } + width: 0.25rem; + transform: translateX(calc(-0.75rem + 3px)); + height: calc(100% + 4px); + } +} +@media (max-width: 575.98px) { + .multi-metafields-container > .multi-metafield-container:not(:first-child) label.form-label { + display: none; + } +} +.multi-metafields-container > .multi-metafield-container:first-child > .multi-metafield-input-container::before { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.multi-metafields-container > .multi-metafield-container:last-child > .multi-metafield-input-container::before { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + height: 100%; +} /* Body */ body { @@ -552,7 +540,8 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover { } .sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child::after { - background-color: #18bc9c; } + background-color: #18bc9c; +} .sidebar ul.sidebar-elements li > a.sidebar-link:hover { background-color: #ebebeb; diff --git a/webroot/css/themes/theme-minty.css b/webroot/css/themes/theme-minty.css index 512ab02..3205729 100644 --- a/webroot/css/themes/theme-minty.css +++ b/webroot/css/themes/theme-minty.css @@ -135,16 +135,12 @@ .dropdown-item.dropdown-item-primary { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #2c3e50; } - .dropdown-item.dropdown-item-primary:hover { - color: #fff; - background-color: #253544; } - -======= background-color: #2c3e50; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-primary:hover { + color: #fff; + background-color: #253544; +} .dropdown-item.dropdown-item-outline-primary:hover { color: #fff; background-color: #2c3e50; @@ -152,16 +148,12 @@ .dropdown-item.dropdown-item-secondary { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #95a5a6; } - .dropdown-item.dropdown-item-secondary:hover { - color: #fff; - background-color: #7f8c8d; } - -======= background-color: #95a5a6; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-secondary:hover { + color: #fff; + background-color: #7f8c8d; +} .dropdown-item.dropdown-item-outline-secondary:hover { color: #fff; background-color: #95a5a6; @@ -169,16 +161,12 @@ .dropdown-item.dropdown-item-success { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #18bc9c; } - .dropdown-item.dropdown-item-success:hover { - color: #fff; - background-color: #14a085; } - -======= background-color: #18bc9c; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-success:hover { + color: #fff; + background-color: #14a085; +} .dropdown-item.dropdown-item-outline-success:hover { color: #fff; background-color: #18bc9c; @@ -186,16 +174,12 @@ .dropdown-item.dropdown-item-info { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #3498db; } - .dropdown-item.dropdown-item-info:hover { - color: #fff; - background-color: #2c81ba; } - -======= background-color: #3498db; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-info:hover { + color: #fff; + background-color: #2c81ba; +} .dropdown-item.dropdown-item-outline-info:hover { color: #fff; background-color: #3498db; @@ -203,16 +187,12 @@ .dropdown-item.dropdown-item-warning { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #f39c12; } - .dropdown-item.dropdown-item-warning:hover { - color: #fff; - background-color: #cf850f; } - -======= background-color: #f39c12; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-warning:hover { + color: #fff; + background-color: #cf850f; +} .dropdown-item.dropdown-item-outline-warning:hover { color: #fff; background-color: #f39c12; @@ -220,16 +200,12 @@ .dropdown-item.dropdown-item-danger { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #e74c3c; } - .dropdown-item.dropdown-item-danger:hover { - color: #fff; - background-color: #c44133; } - -======= background-color: #e74c3c; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-danger:hover { + color: #fff; + background-color: #c44133; +} .dropdown-item.dropdown-item-outline-danger:hover { color: #fff; background-color: #e74c3c; @@ -237,16 +213,12 @@ .dropdown-item.dropdown-item-light { color: #000; text-decoration: none; -<<<<<<< HEAD - background-color: #ecf0f1; } - .dropdown-item.dropdown-item-light:hover { - color: #000; - background-color: #eff2f3; } - -======= background-color: #ecf0f1; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-light:hover { + color: #000; + background-color: #eff2f3; +} .dropdown-item.dropdown-item-outline-light:hover { color: #000; background-color: #ecf0f1; @@ -254,16 +226,12 @@ .dropdown-item.dropdown-item-dark { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #7b8a8b; } - .dropdown-item.dropdown-item-dark:hover { - color: #fff; - background-color: #697576; } - -======= background-color: #7b8a8b; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-dark:hover { + color: #fff; + background-color: #697576; +} .dropdown-item.dropdown-item-outline-dark:hover { color: #fff; background-color: #7b8a8b; @@ -357,14 +325,16 @@ } .mw-66 { - max-width: 66% !important; } + max-width: 66% !important; +} .mw-50 { max-width: 50% !important; } .mw-33 { - max-width: 33% !important; } + max-width: 33% !important; +} .mw-25 { max-width: 25% !important; @@ -375,14 +345,16 @@ } .mh-66 { - max-height: 66% !important; } + max-height: 66% !important; +} .mh-50 { max-height: 50% !important; } .mh-33 { - max-height: 33% !important; } + max-height: 33% !important; +} .mh-25 { max-height: 25% !important; @@ -405,58 +377,74 @@ } .fs-7 { - font-size: .875rem !important; } + font-size: 0.875rem !important; +} .fs-8 { - font-size: .7rem !important; } + font-size: 0.7rem !important; +} .btn-xs, .btn-group-xs > .btn { padding: 0.1rem; font-size: 0.7rem; border-radius: 0.15rem; - line-height: 1.15; } + line-height: 1.15; +} .btn-check:focus + .btn.btn-xs, .btn.btn-xs:focus { - box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); } + box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); +} .multi-metafields-container { - position: relative; } - @media (min-width: 576px) { - .multi-metafields-container::before { - content: none !important; } } + position: relative; +} +@media (min-width: 576px) { .multi-metafields-container::before { - border-style: solid; - border-color: #95a5a6; - border-width: 2px 0px 2px 2px; - border-radius: 3px 0px 0px 3px; + content: none !important; + } +} +.multi-metafields-container::before { + border-style: solid; + border-color: #95a5a6; + border-width: 2px 0px 2px 2px; + border-radius: 3px 0px 0px 3px; + opacity: 0.5; + position: absolute; + content: " "; + width: 0.5rem; + height: calc(100% - 33px); + transform: translate(0px, 18px); +} +.multi-metafields-container > .multi-metafield-container { + position: relative; +} +.multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { + content: " "; +} +@media (min-width: 576px) { + .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { + background-color: #95a5a6; opacity: 0.5; position: absolute; - content: ' '; - width: 0.5rem; - height: calc(100% - 33px); - transform: translate(0px, 18px); } - .multi-metafields-container > .multi-metafield-container { - position: relative; } - .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { - content: ' '; } - @media (min-width: 576px) { - .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { - background-color: #95a5a6; - opacity: 0.5; - position: absolute; - width: 0.25rem; - transform: translateX(calc(1.5rem * -.5 + 3px)); - height: calc(100% + 4px); } } - @media (max-width: 575.98px) { - .multi-metafields-container > .multi-metafield-container:not(:first-child) label.form-label { - display: none; } } - .multi-metafields-container > .multi-metafield-container:first-child > .multi-metafield-input-container::before { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - .multi-metafields-container > .multi-metafield-container:last-child > .multi-metafield-input-container::before { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - height: 100%; } + width: 0.25rem; + transform: translateX(calc(-0.75rem + 3px)); + height: calc(100% + 4px); + } +} +@media (max-width: 575.98px) { + .multi-metafields-container > .multi-metafield-container:not(:first-child) label.form-label { + display: none; + } +} +.multi-metafields-container > .multi-metafield-container:first-child > .multi-metafield-input-container::before { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.multi-metafields-container > .multi-metafield-container:last-child > .multi-metafield-input-container::before { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + height: 100%; +} /* Body */ body { @@ -552,7 +540,8 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover { } .sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child::after { - background-color: #18bc9c; } + background-color: #18bc9c; +} .sidebar ul.sidebar-elements li > a.sidebar-link:hover { background-color: #ebebeb; diff --git a/webroot/css/themes/theme-quartz.css b/webroot/css/themes/theme-quartz.css index c676d28..f88e622 100644 --- a/webroot/css/themes/theme-quartz.css +++ b/webroot/css/themes/theme-quartz.css @@ -135,16 +135,12 @@ .dropdown-item.dropdown-item-primary { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #e83283; } - .dropdown-item.dropdown-item-primary:hover { - color: #fff; - background-color: #c52b6f; } - -======= background-color: #e83283; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-primary:hover { + color: #fff; + background-color: #c52b6f; +} .dropdown-item.dropdown-item-outline-primary:hover { color: #fff; background-color: #e83283; @@ -152,16 +148,12 @@ .dropdown-item.dropdown-item-secondary { color: #000; text-decoration: none; -<<<<<<< HEAD - background-color: rgba(255, 255, 255, 0.4); } - .dropdown-item.dropdown-item-secondary:hover { - color: #000; - background-color: rgba(255, 255, 255, 0.49); } - -======= background-color: rgba(255, 255, 255, 0.4); } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-secondary:hover { + color: #000; + background-color: rgba(255, 255, 255, 0.49); +} .dropdown-item.dropdown-item-outline-secondary:hover { color: #000; background-color: rgba(255, 255, 255, 0.4); @@ -169,16 +161,12 @@ .dropdown-item.dropdown-item-success { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #41d7a7; } - .dropdown-item.dropdown-item-success:hover { - color: #fff; - background-color: #37b78e; } - -======= background-color: #41d7a7; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-success:hover { + color: #fff; + background-color: #37b78e; +} .dropdown-item.dropdown-item-outline-success:hover { color: #fff; background-color: #41d7a7; @@ -186,16 +174,12 @@ .dropdown-item.dropdown-item-info { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #39cbfb; } - .dropdown-item.dropdown-item-info:hover { - color: #fff; - background-color: #30add5; } - -======= background-color: #39cbfb; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-info:hover { + color: #fff; + background-color: #30add5; +} .dropdown-item.dropdown-item-outline-info:hover { color: #fff; background-color: #39cbfb; @@ -203,16 +187,12 @@ .dropdown-item.dropdown-item-warning { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #ffc107; } - .dropdown-item.dropdown-item-warning:hover { - color: #fff; - background-color: #d9a406; } - -======= background-color: #ffc107; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-warning:hover { + color: #fff; + background-color: #d9a406; +} .dropdown-item.dropdown-item-outline-warning:hover { color: #fff; background-color: #ffc107; @@ -220,16 +200,12 @@ .dropdown-item.dropdown-item-danger { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #fd7e14; } - .dropdown-item.dropdown-item-danger:hover { - color: #fff; - background-color: #d76b11; } - -======= background-color: #fd7e14; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-danger:hover { + color: #fff; + background-color: #d76b11; +} .dropdown-item.dropdown-item-outline-danger:hover { color: #fff; background-color: #fd7e14; @@ -237,16 +213,12 @@ .dropdown-item.dropdown-item-light { color: #000; text-decoration: none; -<<<<<<< HEAD - background-color: #e9e9e8; } - .dropdown-item.dropdown-item-light:hover { - color: #000; - background-color: #ececeb; } - -======= background-color: #e9e9e8; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-light:hover { + color: #000; + background-color: #ececeb; +} .dropdown-item.dropdown-item-outline-light:hover { color: #000; background-color: #e9e9e8; @@ -254,16 +226,12 @@ .dropdown-item.dropdown-item-dark { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #212529; } - .dropdown-item.dropdown-item-dark:hover { - color: #fff; - background-color: #1c1f23; } - -======= background-color: #212529; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-dark:hover { + color: #fff; + background-color: #1c1f23; +} .dropdown-item.dropdown-item-outline-dark:hover { color: #fff; background-color: #212529; @@ -357,14 +325,16 @@ } .mw-66 { - max-width: 66% !important; } + max-width: 66% !important; +} .mw-50 { max-width: 50% !important; } .mw-33 { - max-width: 33% !important; } + max-width: 33% !important; +} .mw-25 { max-width: 25% !important; @@ -375,14 +345,16 @@ } .mh-66 { - max-height: 66% !important; } + max-height: 66% !important; +} .mh-50 { max-height: 50% !important; } .mh-33 { - max-height: 33% !important; } + max-height: 33% !important; +} .mh-25 { max-height: 25% !important; @@ -405,58 +377,74 @@ } .fs-7 { - font-size: .875rem !important; } + font-size: 0.875rem !important; +} .fs-8 { - font-size: .7rem !important; } + font-size: 0.7rem !important; +} .btn-xs, .btn-group-xs > .btn { padding: 0.1rem; font-size: 0.7rem; border-radius: 0.15rem; - line-height: 1.15; } + line-height: 1.15; +} .btn-check:focus + .btn.btn-xs, .btn.btn-xs:focus { - box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); } + box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); +} .multi-metafields-container { - position: relative; } - @media (min-width: 576px) { - .multi-metafields-container::before { - content: none !important; } } + position: relative; +} +@media (min-width: 576px) { .multi-metafields-container::before { - border-style: solid; - border-color: rgba(255, 255, 255, 0.4); - border-width: 2px 0px 2px 2px; - border-radius: 3px 0px 0px 3px; + content: none !important; + } +} +.multi-metafields-container::before { + border-style: solid; + border-color: rgba(255, 255, 255, 0.4); + border-width: 2px 0px 2px 2px; + border-radius: 3px 0px 0px 3px; + opacity: 0.5; + position: absolute; + content: " "; + width: 0.5rem; + height: calc(100% - 33px); + transform: translate(0px, 18px); +} +.multi-metafields-container > .multi-metafield-container { + position: relative; +} +.multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { + content: " "; +} +@media (min-width: 576px) { + .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { + background-color: rgba(255, 255, 255, 0.4); opacity: 0.5; position: absolute; - content: ' '; - width: 0.5rem; - height: calc(100% - 33px); - transform: translate(0px, 18px); } - .multi-metafields-container > .multi-metafield-container { - position: relative; } - .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { - content: ' '; } - @media (min-width: 576px) { - .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { - background-color: rgba(255, 255, 255, 0.4); - opacity: 0.5; - position: absolute; - width: 0.25rem; - transform: translateX(calc(1.5rem * -.5 + 3px)); - height: calc(100% + 4px); } } - @media (max-width: 575.98px) { - .multi-metafields-container > .multi-metafield-container:not(:first-child) label.form-label { - display: none; } } - .multi-metafields-container > .multi-metafield-container:first-child > .multi-metafield-input-container::before { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - .multi-metafields-container > .multi-metafield-container:last-child > .multi-metafield-input-container::before { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - height: 100%; } + width: 0.25rem; + transform: translateX(calc(-0.75rem + 3px)); + height: calc(100% + 4px); + } +} +@media (max-width: 575.98px) { + .multi-metafields-container > .multi-metafield-container:not(:first-child) label.form-label { + display: none; + } +} +.multi-metafields-container > .multi-metafield-container:first-child > .multi-metafield-input-container::before { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.multi-metafields-container > .multi-metafield-container:last-child > .multi-metafield-input-container::before { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + height: 100%; +} /* Body */ .panel { @@ -543,7 +531,8 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover { } .sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child::after { - background-color: #e83283; } + background-color: #e83283; +} .sidebar ul.sidebar-elements li > a.sidebar-link:hover { background-color: #fff; diff --git a/webroot/css/themes/theme-slate.css b/webroot/css/themes/theme-slate.css index ff30587..70309e0 100644 --- a/webroot/css/themes/theme-slate.css +++ b/webroot/css/themes/theme-slate.css @@ -135,16 +135,12 @@ .dropdown-item.dropdown-item-primary { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #3a3f44; } - .dropdown-item.dropdown-item-primary:hover { - color: #fff; - background-color: #31363a; } - -======= background-color: #3a3f44; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-primary:hover { + color: #fff; + background-color: #31363a; +} .dropdown-item.dropdown-item-outline-primary:hover { color: #fff; background-color: #3a3f44; @@ -152,16 +148,12 @@ .dropdown-item.dropdown-item-secondary { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #7a8288; } - .dropdown-item.dropdown-item-secondary:hover { - color: #fff; - background-color: #686f74; } - -======= background-color: #7a8288; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-secondary:hover { + color: #fff; + background-color: #686f74; +} .dropdown-item.dropdown-item-outline-secondary:hover { color: #fff; background-color: #7a8288; @@ -169,16 +161,12 @@ .dropdown-item.dropdown-item-success { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #62c462; } - .dropdown-item.dropdown-item-success:hover { - color: #fff; - background-color: #53a753; } - -======= background-color: #62c462; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-success:hover { + color: #fff; + background-color: #53a753; +} .dropdown-item.dropdown-item-outline-success:hover { color: #fff; background-color: #62c462; @@ -186,16 +174,12 @@ .dropdown-item.dropdown-item-info { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #5bc0de; } - .dropdown-item.dropdown-item-info:hover { - color: #fff; - background-color: #4da3bd; } - -======= background-color: #5bc0de; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-info:hover { + color: #fff; + background-color: #4da3bd; +} .dropdown-item.dropdown-item-outline-info:hover { color: #fff; background-color: #5bc0de; @@ -203,16 +187,12 @@ .dropdown-item.dropdown-item-warning { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #f89406; } - .dropdown-item.dropdown-item-warning:hover { - color: #fff; - background-color: #d37e05; } - -======= background-color: #f89406; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-warning:hover { + color: #fff; + background-color: #d37e05; +} .dropdown-item.dropdown-item-outline-warning:hover { color: #fff; background-color: #f89406; @@ -220,16 +200,12 @@ .dropdown-item.dropdown-item-danger { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #ee5f5b; } - .dropdown-item.dropdown-item-danger:hover { - color: #fff; - background-color: #ca514d; } - -======= background-color: #ee5f5b; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-danger:hover { + color: #fff; + background-color: #ca514d; +} .dropdown-item.dropdown-item-outline-danger:hover { color: #fff; background-color: #ee5f5b; @@ -237,16 +213,12 @@ .dropdown-item.dropdown-item-light { color: #000; text-decoration: none; -<<<<<<< HEAD - background-color: #e9ecef; } - .dropdown-item.dropdown-item-light:hover { - color: #000; - background-color: #eceff1; } - -======= background-color: #e9ecef; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-light:hover { + color: #000; + background-color: #eceff1; +} .dropdown-item.dropdown-item-outline-light:hover { color: #000; background-color: #e9ecef; @@ -254,16 +226,12 @@ .dropdown-item.dropdown-item-dark { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #272b30; } - .dropdown-item.dropdown-item-dark:hover { - color: #fff; - background-color: #212529; } - -======= background-color: #272b30; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-dark:hover { + color: #fff; + background-color: #212529; +} .dropdown-item.dropdown-item-outline-dark:hover { color: #fff; background-color: #272b30; @@ -357,14 +325,16 @@ } .mw-66 { - max-width: 66% !important; } + max-width: 66% !important; +} .mw-50 { max-width: 50% !important; } .mw-33 { - max-width: 33% !important; } + max-width: 33% !important; +} .mw-25 { max-width: 25% !important; @@ -375,14 +345,16 @@ } .mh-66 { - max-height: 66% !important; } + max-height: 66% !important; +} .mh-50 { max-height: 50% !important; } .mh-33 { - max-height: 33% !important; } + max-height: 33% !important; +} .mh-25 { max-height: 25% !important; @@ -405,58 +377,74 @@ } .fs-7 { - font-size: .875rem !important; } + font-size: 0.875rem !important; +} .fs-8 { - font-size: .7rem !important; } + font-size: 0.7rem !important; +} .btn-xs, .btn-group-xs > .btn { padding: 0.1rem; font-size: 0.7rem; border-radius: 0.15rem; - line-height: 1.15; } + line-height: 1.15; +} .btn-check:focus + .btn.btn-xs, .btn.btn-xs:focus { - box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); } + box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); +} .multi-metafields-container { - position: relative; } - @media (min-width: 576px) { - .multi-metafields-container::before { - content: none !important; } } + position: relative; +} +@media (min-width: 576px) { .multi-metafields-container::before { - border-style: solid; - border-color: #7a8288; - border-width: 2px 0px 2px 2px; - border-radius: 3px 0px 0px 3px; + content: none !important; + } +} +.multi-metafields-container::before { + border-style: solid; + border-color: #7a8288; + border-width: 2px 0px 2px 2px; + border-radius: 3px 0px 0px 3px; + opacity: 0.5; + position: absolute; + content: " "; + width: 0.5rem; + height: calc(100% - 33px); + transform: translate(0px, 18px); +} +.multi-metafields-container > .multi-metafield-container { + position: relative; +} +.multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { + content: " "; +} +@media (min-width: 576px) { + .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { + background-color: #7a8288; opacity: 0.5; position: absolute; - content: ' '; - width: 0.5rem; - height: calc(100% - 33px); - transform: translate(0px, 18px); } - .multi-metafields-container > .multi-metafield-container { - position: relative; } - .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { - content: ' '; } - @media (min-width: 576px) { - .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { - background-color: #7a8288; - opacity: 0.5; - position: absolute; - width: 0.25rem; - transform: translateX(calc(1.5rem * -.5 + 3px)); - height: calc(100% + 4px); } } - @media (max-width: 575.98px) { - .multi-metafields-container > .multi-metafield-container:not(:first-child) label.form-label { - display: none; } } - .multi-metafields-container > .multi-metafield-container:first-child > .multi-metafield-input-container::before { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - .multi-metafields-container > .multi-metafield-container:last-child > .multi-metafield-input-container::before { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - height: 100%; } + width: 0.25rem; + transform: translateX(calc(-0.75rem + 3px)); + height: calc(100% + 4px); + } +} +@media (max-width: 575.98px) { + .multi-metafields-container > .multi-metafield-container:not(:first-child) label.form-label { + display: none; + } +} +.multi-metafields-container > .multi-metafield-container:first-child > .multi-metafield-input-container::before { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.multi-metafields-container > .multi-metafield-container:last-child > .multi-metafield-input-container::before { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + height: 100%; +} /* Body */ body { @@ -552,7 +540,8 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover { } .sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child::after { - background-color: var(--cerebrate-color); } + background-color: var(--cerebrate-color); +} .sidebar ul.sidebar-elements li > a.sidebar-link:hover { background-color: #60676c; diff --git a/webroot/css/themes/theme-vapor.css b/webroot/css/themes/theme-vapor.css index f96c897..2c7266f 100644 --- a/webroot/css/themes/theme-vapor.css +++ b/webroot/css/themes/theme-vapor.css @@ -135,16 +135,12 @@ .dropdown-item.dropdown-item-primary { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #6f42c1; } - .dropdown-item.dropdown-item-primary:hover { - color: #fff; - background-color: #5e38a4; } - -======= background-color: #6f42c1; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-primary:hover { + color: #fff; + background-color: #5e38a4; +} .dropdown-item.dropdown-item-outline-primary:hover { color: #fff; background-color: #6f42c1; @@ -152,16 +148,12 @@ .dropdown-item.dropdown-item-secondary { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #ea39b8; } - .dropdown-item.dropdown-item-secondary:hover { - color: #fff; - background-color: #c7309c; } - -======= background-color: #ea39b8; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-secondary:hover { + color: #fff; + background-color: #c7309c; +} .dropdown-item.dropdown-item-outline-secondary:hover { color: #fff; background-color: #ea39b8; @@ -169,16 +161,12 @@ .dropdown-item.dropdown-item-success { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #3cf281; } - .dropdown-item.dropdown-item-success:hover { - color: #fff; - background-color: #33ce6e; } - -======= background-color: #3cf281; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-success:hover { + color: #fff; + background-color: #33ce6e; +} .dropdown-item.dropdown-item-outline-success:hover { color: #fff; background-color: #3cf281; @@ -186,16 +174,12 @@ .dropdown-item.dropdown-item-info { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #1ba2f6; } - .dropdown-item.dropdown-item-info:hover { - color: #fff; - background-color: #178ad1; } - -======= background-color: #1ba2f6; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-info:hover { + color: #fff; + background-color: #178ad1; +} .dropdown-item.dropdown-item-outline-info:hover { color: #fff; background-color: #1ba2f6; @@ -203,16 +187,12 @@ .dropdown-item.dropdown-item-warning { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #ffc107; } - .dropdown-item.dropdown-item-warning:hover { - color: #fff; - background-color: #d9a406; } - -======= background-color: #ffc107; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-warning:hover { + color: #fff; + background-color: #d9a406; +} .dropdown-item.dropdown-item-outline-warning:hover { color: #fff; background-color: #ffc107; @@ -220,16 +200,12 @@ .dropdown-item.dropdown-item-danger { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #e44c55; } - .dropdown-item.dropdown-item-danger:hover { - color: #fff; - background-color: #c24148; } - -======= background-color: #e44c55; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-danger:hover { + color: #fff; + background-color: #c24148; +} .dropdown-item.dropdown-item-outline-danger:hover { color: #fff; background-color: #e44c55; @@ -237,16 +213,12 @@ .dropdown-item.dropdown-item-light { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #44d9e8; } - .dropdown-item.dropdown-item-light:hover { - color: #fff; - background-color: #3ab8c5; } - -======= background-color: #44d9e8; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-light:hover { + color: #fff; + background-color: #3ab8c5; +} .dropdown-item.dropdown-item-outline-light:hover { color: #fff; background-color: #44d9e8; @@ -254,16 +226,12 @@ .dropdown-item.dropdown-item-dark { color: #fff; text-decoration: none; -<<<<<<< HEAD - background-color: #170229; } - .dropdown-item.dropdown-item-dark:hover { - color: #fff; - background-color: #140223; } - -======= background-color: #170229; } ->>>>>>> 80cd93da404036ac08b645e105c750c6348e7c3f +.dropdown-item.dropdown-item-dark:hover { + color: #fff; + background-color: #140223; +} .dropdown-item.dropdown-item-outline-dark:hover { color: #fff; background-color: #170229; @@ -357,14 +325,16 @@ } .mw-66 { - max-width: 66% !important; } + max-width: 66% !important; +} .mw-50 { max-width: 50% !important; } .mw-33 { - max-width: 33% !important; } + max-width: 33% !important; +} .mw-25 { max-width: 25% !important; @@ -375,14 +345,16 @@ } .mh-66 { - max-height: 66% !important; } + max-height: 66% !important; +} .mh-50 { max-height: 50% !important; } .mh-33 { - max-height: 33% !important; } + max-height: 33% !important; +} .mh-25 { max-height: 25% !important; @@ -405,58 +377,74 @@ } .fs-7 { - font-size: .875rem !important; } + font-size: 0.875rem !important; +} .fs-8 { - font-size: .7rem !important; } + font-size: 0.7rem !important; +} .btn-xs, .btn-group-xs > .btn { padding: 0.1rem; font-size: 0.7rem; border-radius: 0.15rem; - line-height: 1.15; } + line-height: 1.15; +} .btn-check:focus + .btn.btn-xs, .btn.btn-xs:focus { - box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); } + box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); +} .multi-metafields-container { - position: relative; } - @media (min-width: 576px) { - .multi-metafields-container::before { - content: none !important; } } + position: relative; +} +@media (min-width: 576px) { .multi-metafields-container::before { - border-style: solid; - border-color: #ea39b8; - border-width: 2px 0px 2px 2px; - border-radius: 3px 0px 0px 3px; + content: none !important; + } +} +.multi-metafields-container::before { + border-style: solid; + border-color: #ea39b8; + border-width: 2px 0px 2px 2px; + border-radius: 3px 0px 0px 3px; + opacity: 0.5; + position: absolute; + content: " "; + width: 0.5rem; + height: calc(100% - 33px); + transform: translate(0px, 18px); +} +.multi-metafields-container > .multi-metafield-container { + position: relative; +} +.multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { + content: " "; +} +@media (min-width: 576px) { + .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { + background-color: #ea39b8; opacity: 0.5; position: absolute; - content: ' '; - width: 0.5rem; - height: calc(100% - 33px); - transform: translate(0px, 18px); } - .multi-metafields-container > .multi-metafield-container { - position: relative; } - .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { - content: ' '; } - @media (min-width: 576px) { - .multi-metafields-container > .multi-metafield-container > .multi-metafield-input-container::before { - background-color: #ea39b8; - opacity: 0.5; - position: absolute; - width: 0.25rem; - transform: translateX(calc(1.5rem * -.5 + 3px)); - height: calc(100% + 4px); } } - @media (max-width: 575.98px) { - .multi-metafields-container > .multi-metafield-container:not(:first-child) label.form-label { - display: none; } } - .multi-metafields-container > .multi-metafield-container:first-child > .multi-metafield-input-container::before { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - .multi-metafields-container > .multi-metafield-container:last-child > .multi-metafield-input-container::before { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - height: 100%; } + width: 0.25rem; + transform: translateX(calc(-0.75rem + 3px)); + height: calc(100% + 4px); + } +} +@media (max-width: 575.98px) { + .multi-metafields-container > .multi-metafield-container:not(:first-child) label.form-label { + display: none; + } +} +.multi-metafields-container > .multi-metafield-container:first-child > .multi-metafield-input-container::before { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.multi-metafields-container > .multi-metafield-container:last-child > .multi-metafield-input-container::before { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + height: 100%; +} /* Body */ .panel { @@ -543,7 +531,8 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover { } .sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child::after { - background-color: #6f42c1; } + background-color: #6f42c1; +} .sidebar ul.sidebar-elements li > a.sidebar-link:hover { background-color: #495057;