MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 627: / Line 627: @@
 }
-/* =========================================================
+/* =========================================
-    OOO FAQ SYSTEM (Stable, Browser Native Safe)
+    Clean FAQ – Remove MW expand/collapse UI
-    ========================================================= */
+    ========================================= */
-.ooo-faq {
+.ooo-faq__item .mw-collapsible-toggle {
-   margin: 40px 0;
+   display: none !important;
 }
-/* Force block layout */
+/* Remove table look */
 .ooo-faq__item {
-   display: block;
+   border: none !important;
-   border-bottom: 1px solid var(--ooo-border);
+   background: none !important;
-   padding: 14px 0;
+}
+.ooo-faq__item th,
+.ooo-faq__item td {
+  border: none !important;
+   padding: 0 !important;
+  background: none !important;
 }
-/* Ensure summary behaves properly */
+/* Make question look like clickable header */
-.ooo-faq__item summary {
+.ooo-faq__question {
+  font-weight: 700;
+  cursor: pointer;
+  padding: 10px 0;
    display: block;
-  cursor: pointer;
-  font-weight: 700;
    position: relative;
-  padding-right: 26px;
-  list-style: none;
 }
-/* Restore marker control cleanly */
+/* Add custom arrow */
-.ooo-faq__item summary::-webkit-details-marker {
+.ooo-faq__question::after {
-  display: none;
+   content: "▸";
-}
+   float: right;
-/* Custom arrow */
-.ooo-faq__item summary::after {
-   content: "▾";
-   position: absolute;
-  right: 0;
-  top: 0;
    color: var(--ooo-accent);
    transition: transform 0.2s ease;
 }
-/* Rotate arrow when open */
+/* Rotate arrow when expanded */
-.ooo-faq__item[open] summary::after {
+.ooo-faq__item:not(.mw-collapsed) .ooo-faq__question::after {
-  transform: rotate(180deg);
+   transform: rotate(90deg);
-}
-/* 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);
 }