diff --git a/LTG banner.css b/LTG banner.css index 4f60eba..9ac9c73 100644 --- a/LTG banner.css +++ b/LTG banner.css @@ -1,16 +1,29 @@ -@-moz-document domain("ltg-stream.alkemics.com"), domain("ltg-admin.alkemics.com") { - .Navbar.bg-inverse, - .Navbar { - background-color: #6c3ac8 !important; - color: white; +@-moz-document domain("ltg-stream.alkemics.com"), +domain("ltg-admin.alkemics.com") { + :root { + --stripe-size: 100px; + --color1: #752cf9; + --color2: #6723e4; + --duration: 30s; } - - .Navbar .active { - color:white !important; - font-weight: bold !important; + .Navbar::before { + z-index: -10; + content: ""; + position: absolute; + top: 0; + left: 0; + width: calc(100% + var(--stripe-size)); + height: 100%; + background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, var(--color1) 50%, var(--color1) 75%); + background-size: var(--stripe-size) var(--stripe-size); + animation: stripeTransform var(--duration) linear infinite; } - - .Navbar__menu>li.nav-item a.nav-link.active:after { - background: white; + @keyframes stripeTransform { + 0% { + transform: translateX(0); + } + 100% { + transform: translateX(calc(var(--stripe-size) * -1)); + } } } \ No newline at end of file