MediaWiki:Common.css - Revision history

RID-12 at 15:53, 24 June 2026

2026-06-24T15:53:17Z

@@ Line 505: / Line 505: @@
 @media (max-width: 768px) {
      .floating-menu-toggle { display: flex; }
+}

2026-06-24T15:51:00Z

@@ Line 403: / Line 403: @@
 /* Apply Text Theme Color Corrections automatically to dark-text variants */
 .ragna-gold::after, .ragna-yellow::after, .ragna-silver::after { color: #222222 !important; }
 /* ==========================================================================

2026-06-24T15:13:25Z

@@ Line 264: / Line 264: @@
 /* ==========================================================================
-. FLOATING UI COMPONENTS & SCROLLING
+. FIX: USER-FRIENDLY COLLAPSIBLE DESIGN
     ========================================================================== */
-#scroll-progress {
+.mw-collapsible {
-     position: fixed;
+     display: block !important;
-    top: 0;
+     width: 100% !important;
-    left: 0;
+     margin-bottom: 15px !important;
-    height: 4px;
+     background: transparent !important;
      overflow: hidden;
-     will-change: transform;
+     border: none !important;
+     box-shadow: none !important;
+}
-.drag-handle {
+/* Style the text toggle link nicely so users see it clearly */
-     user-select: none;
+.mw-collapsible-toggle {
-     cursor: grab !important;
+     display: inline-block !important;
+}
-.floating-menu-items a {
+.mw-collapsible-toggle:hover {
-     display: flex;
+     background: #FF6A00;
-    align-items: center;
+     color: #ffffff !important;
-    padding: 10px 16px;
+     border-color: #FF6A00;
-     color: #333333;
+     text-decoration: none !important;
+}
-.floating-menu-items a:hover,
+.mw-collapsible-content {
-.floating-menu-items a.reading-now {
+     padding: 5px 0 !important;
-     background: rgba(255, 106, 0, 0.06);
+     background: transparent !important;
-     border-left-color: #ff6a00;
+     box-shadow: none !important;
+}

2026-06-24T15:10:31Z

2026-06-08T14:28:56Z

@@ Line 465: / Line 465: @@
 /* Arrow indicator - bigger and nicer */
 .mw-collapsible .ragnawiki-card-header::after {
      float: right;
      font-size: 14px;
@@ Line 615: / Line 616: @@
      color: #333 !important;
      background: rgba(0,0,0,0.1);
+}
@@ Line 664: / Line 776: @@
      .mw-collapsible-content {
          padding: 15px !important;
+     }
+}
@@ Line 696: / Line 817: @@
      bottom: auto;
      will-change: transform;
-     transform: translate3d(0, 0, 0); /* GPU accelerated */
+     transform: translate3d(0, 0, 0);
-     backface-visibility: hidden; /* Prevents flickering */
+     backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
+}

2026-04-13T12:02:47Z

← Older revision		Revision as of 20:02, 13 April 2026
Line 686:		Line 686:
	}		}

	/* Draggable Quick Nav Menu - ~~Super Smooth~~ */		/* Draggable Quick Nav Menu - Ultra Fast */
	.floating-menu {		.floating-menu {
	position: fixed;		position: fixed;
Line 696:		Line 696:
	bottom: auto;		bottom: auto;
	will-change: transform;		will-change: transform;
	transform: ~~translate~~(0, 0);		transform: translate3d(0, 0, 0); /* GPU accelerated */
			backface-visibility: hidden; /* Prevents flickering */
			-webkit-backface-visibility: hidden;
	}		}

Line 705:		Line 707:
	user-select: none;		user-select: none;
	cursor: grab !important;		cursor: grab !important;
			-webkit-user-drag: none;
	}		}

Line 720:		Line 723:
	display: flex;		display: flex;
	align-items: center;		align-items: center;
	gap: 5;		gap: 5px;
	}		}

2026-04-13T12:00:37Z

← Older revision		Revision as of 20:00, 13 April 2026
Line 686:		Line 686:
	}		}

	/* Draggable Quick Nav Menu - Smooth */		/* Draggable Quick Nav Menu - Super Smooth */
	.floating-menu {		.floating-menu {
	position: fixed;		position: fixed;
	z-index: 1000;		z-index: 1000;
	cursor: default;		cursor: default;
	will-change: ~~left~~, ~~top~~; ~~/* Performance optimization */~~		left: 0;
			top: 0;
			right: auto;
			bottom: auto;
			will-change: transform;
			transform: translate(0, 0);
	}		}

Line 715:		Line 720:
	display: flex;		display: flex;
	align-items: center;		align-items: center;
	gap: ~~5px~~;		gap: 5;
	}		}

2026-04-13T11:58:31Z

← Older revision		Revision as of 19:58, 13 April 2026
Line 686:		Line 686:
	}		}

	/* Draggable Quick Nav Menu - ~~Right Side Centered~~ */		/* Draggable Quick Nav Menu - Smooth */
	.floating-menu {		.floating-menu {
	position: fixed;		position: fixed;
	z-index: 1000;		z-index: 1000;
	cursor: default;		cursor: default;
			will-change: left, top; /* Performance optimization */
	}		}

Line 698:		Line 699:
	text-align: center;		text-align: center;
	user-select: none;		user-select: none;
			cursor: grab !important;
			}

			.drag-handle:active {
			cursor: grabbing !important;
	}		}

Line 717:		Line 723:
	text-align: center;		text-align: center;
	font-size: 12px;		font-size: 12px;
			cursor: pointer;
	}		}

Line 725:		Line 732:
	}		}

	/* Mobile~~: disable drag on touch screens~~ */		/* Mobile */
	@media (max-width: 768px) {		@media (max-width: 768px) {
	.drag-handle {		.drag-handle {

2026-04-13T11:53:26Z

← Older revision		Revision as of 19:53, 13 April 2026
Line 686:		Line 686:
	}		}

	/* Draggable Quick Nav Menu */		/* Draggable Quick Nav Menu - Right Side Centered */
	.floating-menu {		.floating-menu {
	position: fixed;		position: fixed;
	z-index: 1000;		z-index: 1000;
	cursor: default; ~~/* Normal cursor by default */~~		cursor: default;
	}		}

2026-04-13T11:51:03Z

@@ Line 683: / Line 683: @@
          height: 20px;
          font-size: 12px;
+     }
+}