MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 628: / Line 628: @@
 /* =========================================================
-    OOO FAQ SYSTEM (Clean Industrial – Parser Safe)
+    OOO FAQ SYSTEM (Stable, Browser Native Safe)
     ========================================================= */
@@ Line 635: / Line 635: @@
 }
-/* Individual FAQ item */
+/* Force block layout */
 .ooo-faq__item {
+  display: block;
    border-bottom: 1px solid var(--ooo-border);
-   padding: 16px 0;
+   padding: 14px 0;
-  transition: background 0.15s ease;
 }
-/* Subtle hover (light theme) */
+/* Ensure summary behaves properly */
-.ooo-faq__item:hover {
+.ooo-faq__item summary {
-   background: rgba(0,0,0,0.02);
+   display: block;
-}
+   cursor: pointer;
-/* Subtle hover (dark theme explicit) */
-.skin-theme-clientpref-night .ooo-faq__item:hover {
-  background: rgba(255,255,255,0.04);
-}
-/* Subtle hover (OS dark) */
-@media (prefers-color-scheme: dark) {
-   .skin-theme-clientpref-os .ooo-faq__item:hover {
-    background: rgba(255,255,255,0.04);
-  }
-}
-/* Question (summary) */
-.ooo-faq__question {
    font-weight: 700;
-  cursor: pointer;
    position: relative;
    padding-right: 26px;
    list-style: none;
-  line-height: 1.4;
 }
-/* Remove default marker */
+/* Restore marker control cleanly */
-.ooo-faq__question::-webkit-details-marker {
+.ooo-faq__item summary::-webkit-details-marker {
    display: none;
 }
 /* Custom arrow */
-.ooo-faq__question::after {
+.ooo-faq__item summary::after {
    content: "▾";
    position: absolute;
@@ Line 685: / Line 668: @@
 /* Rotate arrow when open */
-details[open] > .ooo-faq__question::after {
+.ooo-faq__item[open] summary::after {
    transform: rotate(180deg);
 }
-/* Answer content (everything inside details except summary) */
+/* Answer content */
 .ooo-faq__item > *:not(summary) {
    margin-top: 12px;
    line-height: 1.7;
    opacity: 0.95;
+}
+/* Subtle hover */
+.ooo-faq__item:hover {
+  background: rgba(0,0,0,0.02);
+}
+.skin-theme-clientpref-night .ooo-faq__item:hover {
+  background: rgba(255,255,255,0.04);
 }