From cfbe1d8753f59b40af86d8859ba83152156337a0 Mon Sep 17 00:00:00 2001
From: Late Night Defender <pongpeera054@protonmail.com>
Date: Tue, 29 Oct 2024 02:02:48 +0700
Subject: [PATCH] Add togglegroups css

---
 style.css | 27 +++++++++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/style.css b/style.css
index 9590287..ba0a1f7 100644
--- a/style.css
+++ b/style.css
@@ -66,8 +66,6 @@ h1 {margin-top: 3vh;}
   opacity: 0.7;
 }
 
-
-
 .pronouns {
   font-size: 10pt;
   opacity: 0.5;
@@ -207,6 +205,26 @@ h1 {margin-top: 3vh;}
   text-decoration: none;
 }
 
+.togglegroups-background {
+  display: flex;
+  border-radius: 12px;
+  padding: 5px;
+  font-weight: bold;
+}
+
+.togglegroups-highlighted {
+  border-radius: 6px;
+  padding: 5px;
+  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13);
+  text-decoration: none;
+}
+
+.togglegroups-nohighlight {
+  border-radius: 6px;
+  padding: 5px;
+  text-decoration: none;
+}
+
 .separator {height: 1px;}
 
 .emojidecorations {
@@ -239,6 +257,10 @@ h1 {margin-top: 3vh;}
   .list {background-color: var(--white);}
   .button {background-color: rgba(0, 0, 0, 0.08);}
   .button:hover {background-color: rgba(0, 0, 0, 0.18);}
+  .togglegroups-background {background-color: rgba(0, 0, 0, 0.08);}
+  .togglegroups-highlighted {
+    background-color: var(--white);
+  }
   .itemcard {background-color: var(--white);}
   .itemcard:hover {background-color: #fafafa;}
   .itemcard-stealth:hover {background-color: #e0e0e0;}
@@ -252,6 +274,7 @@ h1 {margin-top: 3vh;}
   .list {background-color: #363636;}
   .button {background: rgba(255, 255, 255, 0.1);}
   .button:hover {background: rgba(255, 255, 255, 0.18);}
+  .togglegroups-background {background: rgba(255, 255, 255, 0.1);}
   .itemcard {background-color: #303030;}
   .itemcard:hover {background-color: #4a4a4a;}
   .itemcard-stealth:hover {background-color: #4a4a4a;}