commit 9095ada27f5cd526e4916c9115cdd1e846472dd6
parent 96083b3fb8fc097ce44bd25c3eafab8040c8e39f
Author: JayVii <jayvii[AT]posteo[DOT]de>
Date: Thu, 8 Aug 2024 18:22:24 +0200
feat: Move notification counter to menu-header if collapsed
Diffstat:
4 files changed, 61 insertions(+), 10 deletions(-)
diff --git a/css/mobile.css b/css/mobile.css
@@ -133,6 +133,25 @@
@media screen and (max-width: 576px) {
+ /* Animation for Hide and Unhide */
+ @keyframes HideAndUnhide {
+ 0% {
+ opacity: 1;
+ }
+ 1% {
+ opacity: 0;
+ visibility: invisible;
+ }
+ 90% {
+ opacity: 0;
+ visibility: invisible;
+ }
+ 100% {
+ opacity: 1;
+ visibility: visible;
+ }
+ }
+
/* Menu Container should be a block item */
.ui.text.container .ui.stackable.secondary.menu
{
@@ -158,23 +177,48 @@
padding: 5px;
}
- /* HideMenu entries by default */
- .ui.text.container .ui.stackable.secondary.menu .item
+ /* Style menu entries */
+ .ui.text.container .ui.stackable.secondary.menu > .item
{
- visibility: hidden;
- opacity: 0;
- transition: opacity 0.3s ease-in-out 0.1s;
font-size: initial;
width: 100%;
margin: 0px !important;
}
+ /* Hide menu entries by default */
+ /* Do NOT hide the notification wrapper, just the label */
+ .ui.text.container .ui.stackable.secondary.menu > .item:not(.notifications),
+ .ui.text.container .ui.stackable.secondary.menu > .item.notifications > a
+ {
+ visibility: hidden;
+ opacity: 0;
+ transition: opacity 0.3s ease-in-out 0.1s;
+ }
+
+ /* Unhide the notification counter */
+ .ui.text.container .ui.stackable.secondary.menu > .item.notifications > .label
+ {
+ visibility: visible;
+ position: absolute;
+ top: -12.7em; /* Move upwards to Timelines-Label */
+ right: 1em; /* right-align */
+ }
+
/* Upon hovering the menu, show its entries */
- .ui.text.container .ui.stackable.secondary.menu:hover > .item
+ .ui.text.container .ui.stackable.secondary.menu:hover > .item:not(.notifications),
+ .ui.text.container .ui.stackable.secondary.menu:hover > .item.notifications > a
{
opacity: 1 !important;
visibility: visible;
+ position: initial;
+
+ }
+ .ui.text.container .ui.stackable.secondary.menu:hover > .item.notifications > .label
+ {
+ animation: HideAndUnhide 0.5s ease-in-out;
+ position: initial;
}
+
.ui.text.container .ui.stackable.secondary.menu:hover
{
max-height: 100% !important;
diff --git a/css/mobile.min.css b/css/mobile.min.css
@@ -1 +1 @@
-.ui.text.container .ui.secondary.pagination.menu{display:flex;flex-direction:row;font-size:115%;}.ui.text.container .ui.secondary.pagination.menu .item{flex:50%;}.ui.text.container .ui.secondary.pagination.menu .item .icon{width:100%;}:root{--homeicn:url("icons/home.svg");--srchicn:url("icons/search.svg");--evryicn:url("icons/globe.svg");--advnicn:url("icons/settings.svg");}@media screen and (max-width:576px){nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>a.item,nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>div.compact.menu>div.ui.simple.dropdown.item{font-size:0px;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container{display:inline-flex;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>a.item[href^="/actors"]{flex:20%;text-align:center;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>a.item[href="/"]{flex:20%;text-align:left;margin-left:12px !important;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>a.item[href^="/actors"]::after,nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>a.item[href="/"]::after{content:var(--homeicn);filter:invert(100%) sepia(0%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%);width:100%;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>a.item[href^="/search"]{flex:20%;text-align:center;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>a.item[href^="/search"]::after{content:var(--srchicn);filter:invert(100%) sepia(0%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%);width:100%;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>a.item[href^="/everything"]{flex:20%;text-align:center;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>a.item[href^="/everything"]::after{content:var(--evryicn);filter:invert(100%) sepia(0%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%);width:100%;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>div.compact.menu,nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>div.compact.menu div.ui.simple.dropdown.item{flex:20%;text-align:center;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>div.compact.menu div.ui.simple.dropdown.item{width:100%}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>div.compact.menu div.ui.simple.dropdown.item::after{content:var(--advnicn);filter:invert(100%) sepia(0%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%);width:100%;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>div.compact.menu>div.ui.simple.dropdown.item>div.menu{font-size:initial;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>div.right.menu>form.form>div.ui.action.input>input.link.item{font-size:90%;flex:20%;}}@media screen and (max-width:576px){.ui.text.container .ui.stackable.secondary.menu{display:block;margin-top:1em;margin-bottom:1.5em;font-size:115%;max-height:0px;transition:max-height 0.3s ease-in-out 0.1s;}.ui.text.container .ui.stackable.secondary.menu:before{display:block;content:"\2630 \0020 Timelines";border-radius:3px;background-color:#2185d0;color:#fff;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;margin:1.5em 0.5em 0.5em 0.5em;padding:5px;}.ui.text.container .ui.stackable.secondary.menu .item{visibility:hidden;opacity:0;transition:opacity 0.3s ease-in-out 0.1s;font-size:initial;width:100%;margin:0px !important;}.ui.text.container .ui.stackable.secondary.menu:hover>.item{opacity:1 !important;visibility:visible;}.ui.text.container .ui.stackable.secondary.menu:hover{max-height:100% !important;}}
-\ No newline at end of file
+.ui.text.container .ui.secondary.pagination.menu{display:flex;flex-direction:row;font-size:115%;}.ui.text.container .ui.secondary.pagination.menu .item{flex:50%;}.ui.text.container .ui.secondary.pagination.menu .item .icon{width:100%;}:root{--homeicn:url("icons/home.svg");--srchicn:url("icons/search.svg");--evryicn:url("icons/globe.svg");--advnicn:url("icons/settings.svg");}@media screen and (max-width:576px){nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>a.item,nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>div.compact.menu>div.ui.simple.dropdown.item{font-size:0px;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container{display:inline-flex;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>a.item[href^="/actors"]{flex:20%;text-align:center;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>a.item[href="/"]{flex:20%;text-align:left;margin-left:12px !important;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>a.item[href^="/actors"]::after,nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>a.item[href="/"]::after{content:var(--homeicn);filter:invert(100%) sepia(0%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%);width:100%;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>a.item[href^="/search"]{flex:20%;text-align:center;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>a.item[href^="/search"]::after{content:var(--srchicn);filter:invert(100%) sepia(0%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%);width:100%;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>a.item[href^="/everything"]{flex:20%;text-align:center;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>a.item[href^="/everything"]::after{content:var(--evryicn);filter:invert(100%) sepia(0%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%);width:100%;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>div.compact.menu,nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>div.compact.menu div.ui.simple.dropdown.item{flex:20%;text-align:center;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>div.compact.menu div.ui.simple.dropdown.item{width:100%}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>div.compact.menu div.ui.simple.dropdown.item::after{content:var(--advnicn);filter:invert(100%) sepia(0%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%);width:100%;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>div.compact.menu>div.ui.simple.dropdown.item>div.menu{font-size:initial;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>div.right.menu>form.form>div.ui.action.input>input.link.item{font-size:90%;flex:20%;}}@media screen and (max-width:576px){@keyframes HideAndUnhide{0%{opacity:1;}1%{opacity:0;visibility:invisible;}90%{opacity:0;visibility:invisible;}100%{opacity:1;visibility:visible;}}.ui.text.container .ui.stackable.secondary.menu{display:block;margin-top:1em;margin-bottom:1.5em;font-size:115%;max-height:0px;transition:max-height 0.3s ease-in-out 0.1s;}.ui.text.container .ui.stackable.secondary.menu:before{display:block;content:"\2630 \0020 Timelines";border-radius:3px;background-color:#2185d0;color:#fff;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;margin:1.5em 0.5em 0.5em 0.5em;padding:5px;}.ui.text.container .ui.stackable.secondary.menu>.item{font-size:initial;width:100%;margin:0px !important;}.ui.text.container .ui.stackable.secondary.menu>.item:not(.notifications),.ui.text.container .ui.stackable.secondary.menu>.item.notifications>a{visibility:hidden;opacity:0;transition:opacity 0.3s ease-in-out 0.1s;}.ui.text.container .ui.stackable.secondary.menu>.item.notifications>.label{visibility:visible;position:absolute;top:-12.7em;right:1em;}.ui.text.container .ui.stackable.secondary.menu:hover>.item:not(.notifications),.ui.text.container .ui.stackable.secondary.menu:hover>.item.notifications>a{opacity:1 !important;visibility:visible;position:initial;}.ui.text.container .ui.stackable.secondary.menu:hover>.item.notifications>.label{animation:HideAndUnhide 0.5s ease-in-out;position:initial;}.ui.text.container .ui.stackable.secondary.menu:hover{max-height:100% !important;}}
+\ No newline at end of file
diff --git a/css/purpleish.css b/css/purpleish.css
@@ -77,6 +77,13 @@ nav.ui.inverted.navigation.menu div.ui.text.container div.compact.menu div.ui.si
color: var(--fg1) !!important;
}
+/* Notification Counter */
+.ui.text.container .ui.stackable.secondary.menu > .item.notifications > .label,
+.red
+{
+ background-color: var(--hl2) !important;
+}
+
/* Navigation Mobile bar in bright mode (if used) */
nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > a.item::after,
nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > div.compact.menu div.ui.simple.dropdown.item::after
diff --git a/css/purpleish.min.css b/css/purpleish.min.css
@@ -1 +1 @@
-:root{--bg1:#f8f8f2;--bg2:#e3e3d9;--fg1:#1d1e26;--hl1:#7277cf;--hl2:#3f426c;--invalid:#848484;--danger:#ff0000;--iconfilter:invert(0%) sepia(100%) saturate(20%) hue-rotate(39deg) brightness(101%) contrast(107%);}@media (prefers-color-scheme:dark){:root{--bg1:#212121;--bg2:#2b2b2b;--fg1:#dcdcdc;--iconfilter:invert(98%) sepia(98%) saturate(0%) hue-rotate(294deg) brightness(102%) contrast(102%);}}body,table,tbody,tr,td{background-color:var(--bg1) !important;color:var(--fg1) !important;}p,label,h1,h2,h3,h4,h5,h6{color:var(--fg1) !important;}a:not(.item){color:var(--hl1) !important;}a:not(.item):hover{color:var(--hl1) !important;text-decoration:underline;}nav,nav>.item,nav .menu,nav .container .item .menu,nav.ui.inverted.navigation.menu div.ui.text.container div.compact.menu div.ui.simple.dropdown.item div.menu .item,nav.ui.top.fixed.inverted.navigation.menu .ui.text.container .item{background:var(--bg2) !important;color:var(--fg1) !important;}nav .item:hover,nav.ui.inverted.navigation.menu div.ui.text.container div.compact.menu div.ui.simple.dropdown.item div.menu .item:hover,nav.ui.inverted.navigation.menu div.ui.text.container div.compact.menu div.ui.simple.dropdown.item div.menu .item:active,nav.ui.inverted.navigation.menu div.ui.text.container div.compact.menu div.ui.simple.dropdown.item div.menu .item:hover>p>a,nav.ui.inverted.navigation.menu div.ui.text.container div.compact.menu div.ui.simple.dropdown.item div.menu .item:active>p>a{background:var(--hl1) !important;color:var(--fg1) !!important;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>a.item::after,nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>div.compact.menu div.ui.simple.dropdown.item::after{filter:var(--iconfilter) !important;}.ui.text.container .ui.stackable.secondary.menu:before{background-color:var(--hl1) !important;color:var(--fg1) !important;}nav.ui.bottom.forced.inverted.menu div.ui.text.container span.link.item:hover p a,nav.ui.bottom.forced.inverted.menu div.ui.text.container span.link.item p:hover a,nav.ui.bottom.forced.inverted.menu div.ui.text.container span.link.item p a:hover{color:var(--fg1) !important;}.ui.stackable.secondary.menu .item,.ui.stackable.secondary.menu .item a{color:var(--fg1) !important;text-decoration:none !important;}.ui.stackable.secondary.menu .item:hover,.ui.stackable.secondary.menu .item a:hover{color:var(--hl1) !important;text-decoration:none !important;}.ui.text.container .ui.stackable.secondary.menu .ui.right.dropdown.item form.menu,.ui.text.container .ui.stackable.secondary.menu .ui.right.dropdown.item form.menu .item .ui.slider.checkbox label{color:var(--fg1) !important;background-color:var(--bg2) !important;}.ui.text.container .ui.stackable.secondary.menu .ui.right.dropdown.item form.menu{box-shadow:3px 3px 3px var(--bg1);}trix-editor,textarea,.trix-dialog,input,table,.ui.selection.dropdown{background-color:var(--bg2) !important;color:var(--fg1) !important;box-shadow:0 0 0.1em var(--hl1) !important;}.ui.compact.mini.icon.menu,.ui.compact.mini.icon.menu .item,.ui.buttons .ui.button{color:var(--fg1) !important;background-color:var(--hl1) !important;}.ui.compact.mini.icon.menu .trix-active,.ui.buttons .ui.button:active,.buttons .ui.button:hover{background-color:var(--hl2) !important;}.ui.text.container .ui.feed #refresh-posts-message{background-color:var(--bg2) !important;color:var(--fg1) !important;box-shadow:0 0 2px var(--fg1) !important;}.ui.text.container .ui.feed #refresh-posts-message .icon,.ui.text.container .ui.feed #refresh-posts-message .content,.ui.text.container .ui.feed #refresh-posts-message .content .header{color:var(--fg1) !important;}section.ui.feed,section.ui.feed .content,section.ui.feed .content .label,section.ui.feed .content .summary,section.ui.feed .content .extra.text,section.ui.feed .content .meta{color:var(--fg1) !important;}.ui.text.container .ui.feed .detailed.event .content .extra.detail .ui.labels .ui.small.label,.ui.text.container .ui.feed .detailed.event .content .extra.detail .ui.labels .ui.small.label a{background-color:var(--bg2) !important;color:var(--fg1) !important;}.ui.text.container #thread_page_thread_controls .ui.thread.segments .ui.segment,.ui.text.container #tag_page_tag_controls .ui.thread.segments .ui.segment{background-color:var(--bg2) !important;color:var(--fg1) !important;}.ui.button,section.ui.feed .content .meta .ui.inline.form,section.ui.feed .content .meta a,.ui.mini.iconic,.ui.mini.iconic.button .icon,.ui.mini.iconic.button.iconic.dangerous,.ui.text.container .ui.feed .event.activity-announce .content .meta .ui.inline.form .ui.button.mini.dangerous.iconic,.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox,.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox label,.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox input{color:var(--fg1) !important;background-color:var(--bg1) !important;}section.ui.feed .content .meta a.blue,.ui.mini.iconic.blue,.ui.mini.iconic.button.blue,.ui.mini.iconic.button.blue .icon,.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox.checked,.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox.checked label,.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox.checked input{color:var(--hl1) !important}.ui.button:hover,section.ui.feed .content .meta .ui.inline.form:hover,section.ui.feed .content .meta a:hover,.ui.mini.iconic:hover,.ui.mini.iconic.button .icon:hover.ui.feed>.event>.content .meta a:hover,.ui.feed>.event>.content .meta a:hover>button>.icon,.ui.feed>.event>.content .meta .ui.inline.form:hover>button,.ui.feed>.event>.content .meta .ui.inline.form:hover>button>.icon,.ui.button:active,section.ui.feed .content .meta .ui.inline.form:active,section.ui.feed .content .meta a:active,.ui.mini.iconic:active,.ui.mini.iconic.button .icon:active,.ui.feed>.event>.content .meta a:active,.ui.feed>.event>.content .meta a:active>button>.icon,.ui.feed>.event>.content .meta .ui.inline.form:active>button,.ui.feed>.event>.content .meta .ui.inline.form:active>button>.icon{color:var(--hl1) !important;}.ui.feed>.event>.content .meta .ui.inline.form:hover>button.dangerous,.ui.feed>.event>.content .meta .ui.inline.form:hover>button.dangerous>.icon{color:var(--danger) !important;}.ui.button{color:var(--fg1) !important;background-color:var(--hl1) !important;}.ui.text.container .ui.cards .ui.fluid.actor.card,.ui.text.container .ui.cards .ui.fluid.actor.card .extra.content{color:var(--fg1) !important;background-color:var(--bg2) !important;}.ui.text.container .ui.cards .ui.fluid.actor.card .extra.content a .meta{color:var(--hl1) !important;}code,pre{background-color:var(--bg2) !important}.ui.pagination.menu,.ui.pagination.menu a{color:var(--fg1) !important;background-color:var(--bg1) !important;}.ui.text.container #terms .terms .ui.very.basic.table tbody .term td .ui.filter.term .wildcard{background-color:var(--bg1) !important;color:var(--fg1) !important;}.ui.text.container .ui.basic.very.padded.center.aligned.segment .ui.icon.header,.ui.text.container .ui.basic.very.padded.center.aligned.segment .ui.icon.header .icon{color:var(--fg1) !important;}.ui.dangerous.button,.ui.text.container .ui.cards .ui.fluid.actor.card .extra.content .ui.form.right.floated .ui.button.dangerous,.ui.text.container .ui.actor.segments .ui.basic.segment .ui.inline.form .ui.button.dangerous,.ui.text.container .ui.form .ui.dangerous.button{background-color:var(--danger);color:var(--fg1) !important;}.ui.text.container .ui.secondary.pagination.menu .item{background-color:var(--bg2) !important;border-radius:3px;margin-top:0.5em;margin-bottom:1em;}
-\ No newline at end of file
+:root{--bg1:#f8f8f2;--bg2:#e3e3d9;--fg1:#1d1e26;--hl1:#7277cf;--hl2:#3f426c;--invalid:#848484;--danger:#ff0000;--iconfilter:invert(0%) sepia(100%) saturate(20%) hue-rotate(39deg) brightness(101%) contrast(107%);}@media (prefers-color-scheme:dark){:root{--bg1:#212121;--bg2:#2b2b2b;--fg1:#dcdcdc;--iconfilter:invert(98%) sepia(98%) saturate(0%) hue-rotate(294deg) brightness(102%) contrast(102%);}}body,table,tbody,tr,td{background-color:var(--bg1) !important;color:var(--fg1) !important;}p,label,h1,h2,h3,h4,h5,h6{color:var(--fg1) !important;}a:not(.item){color:var(--hl1) !important;}a:not(.item):hover{color:var(--hl1) !important;text-decoration:underline;}nav,nav>.item,nav .menu,nav .container .item .menu,nav.ui.inverted.navigation.menu div.ui.text.container div.compact.menu div.ui.simple.dropdown.item div.menu .item,nav.ui.top.fixed.inverted.navigation.menu .ui.text.container .item{background:var(--bg2) !important;color:var(--fg1) !important;}nav .item:hover,nav.ui.inverted.navigation.menu div.ui.text.container div.compact.menu div.ui.simple.dropdown.item div.menu .item:hover,nav.ui.inverted.navigation.menu div.ui.text.container div.compact.menu div.ui.simple.dropdown.item div.menu .item:active,nav.ui.inverted.navigation.menu div.ui.text.container div.compact.menu div.ui.simple.dropdown.item div.menu .item:hover>p>a,nav.ui.inverted.navigation.menu div.ui.text.container div.compact.menu div.ui.simple.dropdown.item div.menu .item:active>p>a{background:var(--hl1) !important;color:var(--fg1) !!important;}.ui.text.container .ui.stackable.secondary.menu>.item.notifications>.label,.red{background-color:var(--hl2) !important;}nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>a.item::after,nav.ui.top.fixed.inverted.navigation.menu>div.ui.text.container>div.compact.menu div.ui.simple.dropdown.item::after{filter:var(--iconfilter) !important;}.ui.text.container .ui.stackable.secondary.menu:before{background-color:var(--hl1) !important;color:var(--fg1) !important;}nav.ui.bottom.forced.inverted.menu div.ui.text.container span.link.item:hover p a,nav.ui.bottom.forced.inverted.menu div.ui.text.container span.link.item p:hover a,nav.ui.bottom.forced.inverted.menu div.ui.text.container span.link.item p a:hover{color:var(--fg1) !important;}.ui.stackable.secondary.menu .item,.ui.stackable.secondary.menu .item a{color:var(--fg1) !important;text-decoration:none !important;}.ui.stackable.secondary.menu .item:hover,.ui.stackable.secondary.menu .item a:hover{color:var(--hl1) !important;text-decoration:none !important;}.ui.text.container .ui.stackable.secondary.menu .ui.right.dropdown.item form.menu,.ui.text.container .ui.stackable.secondary.menu .ui.right.dropdown.item form.menu .item .ui.slider.checkbox label{color:var(--fg1) !important;background-color:var(--bg2) !important;}.ui.text.container .ui.stackable.secondary.menu .ui.right.dropdown.item form.menu{box-shadow:3px 3px 3px var(--bg1);}trix-editor,textarea,.trix-dialog,input,table,.ui.selection.dropdown{background-color:var(--bg2) !important;color:var(--fg1) !important;box-shadow:0 0 0.1em var(--hl1) !important;}.ui.compact.mini.icon.menu,.ui.compact.mini.icon.menu .item,.ui.buttons .ui.button{color:var(--fg1) !important;background-color:var(--hl1) !important;}.ui.compact.mini.icon.menu .trix-active,.ui.buttons .ui.button:active,.buttons .ui.button:hover{background-color:var(--hl2) !important;}.ui.text.container .ui.feed #refresh-posts-message{background-color:var(--bg2) !important;color:var(--fg1) !important;box-shadow:0 0 2px var(--fg1) !important;}.ui.text.container .ui.feed #refresh-posts-message .icon,.ui.text.container .ui.feed #refresh-posts-message .content,.ui.text.container .ui.feed #refresh-posts-message .content .header{color:var(--fg1) !important;}section.ui.feed,section.ui.feed .content,section.ui.feed .content .label,section.ui.feed .content .summary,section.ui.feed .content .extra.text,section.ui.feed .content .meta{color:var(--fg1) !important;}.ui.text.container .ui.feed .detailed.event .content .extra.detail .ui.labels .ui.small.label,.ui.text.container .ui.feed .detailed.event .content .extra.detail .ui.labels .ui.small.label a{background-color:var(--bg2) !important;color:var(--fg1) !important;}.ui.text.container #thread_page_thread_controls .ui.thread.segments .ui.segment,.ui.text.container #tag_page_tag_controls .ui.thread.segments .ui.segment{background-color:var(--bg2) !important;color:var(--fg1) !important;}.ui.button,section.ui.feed .content .meta .ui.inline.form,section.ui.feed .content .meta a,.ui.mini.iconic,.ui.mini.iconic.button .icon,.ui.mini.iconic.button.iconic.dangerous,.ui.text.container .ui.feed .event.activity-announce .content .meta .ui.inline.form .ui.button.mini.dangerous.iconic,.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox,.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox label,.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox input{color:var(--fg1) !important;background-color:var(--bg1) !important;}section.ui.feed .content .meta a.blue,.ui.mini.iconic.blue,.ui.mini.iconic.button.blue,.ui.mini.iconic.button.blue .icon,.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox.checked,.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox.checked label,.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox.checked input{color:var(--hl1) !important}.ui.button:hover,section.ui.feed .content .meta .ui.inline.form:hover,section.ui.feed .content .meta a:hover,.ui.mini.iconic:hover,.ui.mini.iconic.button .icon:hover.ui.feed>.event>.content .meta a:hover,.ui.feed>.event>.content .meta a:hover>button>.icon,.ui.feed>.event>.content .meta .ui.inline.form:hover>button,.ui.feed>.event>.content .meta .ui.inline.form:hover>button>.icon,.ui.button:active,section.ui.feed .content .meta .ui.inline.form:active,section.ui.feed .content .meta a:active,.ui.mini.iconic:active,.ui.mini.iconic.button .icon:active,.ui.feed>.event>.content .meta a:active,.ui.feed>.event>.content .meta a:active>button>.icon,.ui.feed>.event>.content .meta .ui.inline.form:active>button,.ui.feed>.event>.content .meta .ui.inline.form:active>button>.icon{color:var(--hl1) !important;}.ui.feed>.event>.content .meta .ui.inline.form:hover>button.dangerous,.ui.feed>.event>.content .meta .ui.inline.form:hover>button.dangerous>.icon{color:var(--danger) !important;}.ui.button{color:var(--fg1) !important;background-color:var(--hl1) !important;}.ui.text.container .ui.cards .ui.fluid.actor.card,.ui.text.container .ui.cards .ui.fluid.actor.card .extra.content{color:var(--fg1) !important;background-color:var(--bg2) !important;}.ui.text.container .ui.cards .ui.fluid.actor.card .extra.content a .meta{color:var(--hl1) !important;}code,pre{background-color:var(--bg2) !important}.ui.pagination.menu,.ui.pagination.menu a{color:var(--fg1) !important;background-color:var(--bg1) !important;}.ui.text.container #terms .terms .ui.very.basic.table tbody .term td .ui.filter.term .wildcard{background-color:var(--bg1) !important;color:var(--fg1) !important;}.ui.text.container .ui.basic.very.padded.center.aligned.segment .ui.icon.header,.ui.text.container .ui.basic.very.padded.center.aligned.segment .ui.icon.header .icon{color:var(--fg1) !important;}.ui.dangerous.button,.ui.text.container .ui.cards .ui.fluid.actor.card .extra.content .ui.form.right.floated .ui.button.dangerous,.ui.text.container .ui.actor.segments .ui.basic.segment .ui.inline.form .ui.button.dangerous,.ui.text.container .ui.form .ui.dangerous.button{background-color:var(--danger);color:var(--fg1) !important;}.ui.text.container .ui.secondary.pagination.menu .item{background-color:var(--bg2) !important;border-radius:3px;margin-top:0.5em;margin-bottom:1em;}
+\ No newline at end of file
