MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 628: / Line 628: @@
 /* =========================================
-    Clean FAQ – Remove MW expand/collapse UI
+    Clean FAQ – Proper MW Collapsible Styling
     ========================================= */
-.ooo-faq__item .mw-collapsible-toggle {
+/* Remove table visuals */
-  display: none !important;
-}
-/* Remove table look */
 .ooo-faq__item {
    border: none !important;
    background: none !important;
+  margin-bottom: 14px;
 }
+/* Remove table borders */
 .ooo-faq__item th,
 .ooo-faq__item td {
@@ Line 648: / Line 646: @@
 }
-/* Make question look like clickable header */
+/* Make header full-width clickable */
 .ooo-faq__question {
    font-weight: 700;
+  padding: 14px 18px;
    cursor: pointer;
-  padding: 10px 0;
-  display: block;
    position: relative;
+  background: rgba(0,0,0,0.03);
+  border-radius: 6px;
+  transition: background 0.2s ease;
 }
-/* Add custom arrow */
+.skin-theme-clientpref-night .ooo-faq__question {
-.ooo-faq__question::after {
+  background: rgba(255,255,255,0.05);
+}
+/* Subtle hover */
+.ooo-faq__question:hover {
+  background: rgba(0,0,0,0.06);
+}
+.skin-theme-clientpref-night .ooo-faq__question:hover {
+  background: rgba(255,255,255,0.08);
+}
+/* Style built-in toggle link */
+.ooo-faq__item .mw-collapsible-toggle {
+  float: right;
+  font-size: 0;
+}
+/* Custom arrow replacing default */
+.ooo-faq__item .mw-collapsible-toggle::after {
    content: "▸";
-   float: right;
+   font-size: 16px;
    color: var(--ooo-accent);
+  margin-left: 10px;
    transition: transform 0.2s ease;
 }
-/* Rotate arrow when expanded */
+/* Rotate arrow when open */
-.ooo-faq__item:not(.mw-collapsed) .ooo-faq__question::after {
+.ooo-faq__item:not(.mw-collapsed) .mw-collapsible-toggle::after {
    transform: rotate(90deg);
+}
+/* Answer content */
+.ooo-faq__item td {
+  padding: 14px 18px !important;
+  line-height: 1.7;
+  opacity: 0.95;
 }