User:FrankFrankUltimate/citizen.css: Difference between revisions

@@ Line 54: / Line 54: @@
 }
-.citizen-menu__card { /*for some reaon I cant get THIS SPECIFICALLY to blur, but fuck it we ball */
+/* Target the card specifically */
-    content-visibility: visible;
+.citizen-menu__card {
-    transform: none;
+     background: rgba(255, 255, 255, 0.1) !important;
-    transition-timing-function: var(--transition-timing-function-ease-out);
-    transition-duration: var(--transition-duration-medium);
-    margin: 15px !important;
-    border-radius: 50px !important;
-     background: rgba(255,255,255,0.1) !important;
      backdrop-filter: blur(15px) saturate(180%) !important;
-     border: 1px solid rgba(255,255,255,0.2) !important;
+    -webkit-backdrop-filter: blur(15px) saturate(180%) !important;
-     box-shadow: 0 8px 32px 0 rgba(0,0,0,0.1),inset 0 0 0 1px rgba(255,255,255,0.1) !important;
+     border: 1px solid rgba(255, 255, 255, 0.2) !important;
+    border-radius: 20px !important; /* Menus usually look better with tighter radii than the header */
+     box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1) !important;
+    /* This helps backdrop-filter trigger in stubborn browsers */
+    transform: translateZ(0);
+    isolation: isolate;
 }