MediaWiki:Common.css - Revision history

Ais at 12:05, 30 March 2026

2026-03-30T12:05:54Z

@@ Line 546: / Line 546: @@
 .p-2 {
      padding: 0.5rem;
+}

Ais at 12:01, 30 March 2026

2026-03-30T12:01:00Z

Show changes

Ais at 12:00, 30 March 2026

2026-03-30T12:00:00Z

Show changes

Ais at 11:56, 30 March 2026

2026-03-30T11:56:27Z

Show changes

Ais at 11:55, 30 March 2026

2026-03-30T11:55:21Z

@@ Line 548: / Line 548: @@
+}
-/* ============================================
+/* Create a distinct top bar for personal tools */
-   PERSONAL TOOLS MENU FIX
+#mw-head::before {
-   ============================================ */
+    content: "";
 #p-personal {
-     position: relative;
+     position: absolute;
+}
 #p-personal .vector-menu-content-list {
-     display: flex !important;
+     background: transparent;
-    flex-wrap: wrap;
+     padding: 4px 16px;
+}
-/* For mobile/responsive */
+/* Move logo slightly to accommodate top bar */
-@media (max-width: 768px) {
+#p-logo {
-    #p-personal .vector-menu-content-list {
+     top: 8px;
+}
-/* Fix for the Theme button icon */
+/* Add slight border radius to match Terraria style */
-#pt-theme svg {
+.vector-menu-tabs li:first-child a {
-     fill: currentColor;
+     border-radius: 8px 0 0 0;
+}
-#pt-theme .theme-trigger:hover svg {
+.vector-menu-tabs li:last-child a {
-     transform: rotate(15deg);
+     border-radius: 0 8px 0 0;
+}

Ais at 11:45, 30 March 2026

2026-03-30T11:45:57Z

← Older revision		Revision as of 11:45, 30 March 2026
Line 548:		Line 548:
	}		}

	/* ~~Hide default toolbox section~~ */		/* ============================================
	~~#mw-navigation > #mw-panel >~~ #p-tb {		PERSONAL TOOLS MENU FIX
	~~display~~: ~~none~~;		============================================ */

			/* Ensure the personal tools menu is properly structured */
			#p-personal {
			position: relative;
	}		}
	/* ~~Alternative: Separate theme/language from user~~ menu */
			/* Make sure the menu items are properly aligned */
	#p-personal .vector-menu-content-list {		#p-personal .vector-menu-content-list {
	display: flex;		display: flex !important;
	flex-wrap: wrap;		flex-wrap: wrap;
	align-items: center;		align-items: center;
	~~justify-content: flex-end;~~
	gap: 0.5rem;		gap: 0.5rem;
			margin: 0;
			padding: 0;
			}

			/* Individual menu items */
			#p-personal .mw-list-item {
			display: inline-flex;
			align-items: center;
			position: relative;
			}

			/* Fix for the Theme button SVG alignment */
			#pt-theme .theme-trigger {
			display: inline-flex !important;
			align-items: center;
			gap: 4px;
			padding: 4px 8px;
			border-radius: 4px;
			transition: background-color 0.2s ease;
			}

			#pt-theme .theme-trigger:hover {
			background-color: rgba(255, 255, 255, 0.1);
			}

			.wds-icon, .wds-icon-small {
			width: 18px;
			height: 18px;
			display: inline-block;
			vertical-align: middle;
	}		}

	/* ~~Group theme and language together~~ */		/* Language selector (ULS) styling */
	#pt-~~theme,~~		#pt-uls .uls-trigger {
	~~#pt~~-~~uls~~ {		display: inline-flex;
	~~background~~: ~~rgba(108, 92, 231, 0.2)~~;		align-items: center;
	~~border~~-~~radius~~: ~~6px~~;		gap: 4px;
	~~margin~~-~~right~~: ~~8px~~;		padding: 4px 8px;
			border-radius: 4px;
	}		}

	/* Add ~~a subtle border~~ between ~~groups~~ */		/* Add separators between different sections */
	#pt-~~uls~~ {		#p-personal .mw-list-item:not(:last-child)::after {
	margin-right: ~~12px~~;		content: "•";
	~~position~~: ~~relative~~;		margin-left: 0.5rem;
			margin-right: 0.25rem;
			color: var(--theme-border-color);
			opacity: 0.6;
	}		}

			/* But don't add separator after theme and language buttons */
			#pt-theme::after,
	#pt-uls::after {		#pt-uls::after {
	content: "";		content: "" !important;
	~~position~~: ~~absolute~~;		display: none !important;
	~~right~~: -~~8px~~;		}
	~~top~~: ~~50%~~;
	~~transform~~: ~~translateY~~(-~~50%~~);		/* Add spacing before user menu items */
	~~height~~: ~~20px~~;		#pt-userpage {
	~~width~~: ~~1px~~;		margin-left: 0.5rem;
	~~background~~: ~~var(-~~-theme-~~border-color~~);		}

			/* For mobile/responsive */
			@media (max-width: 768px) {
			#p-personal .vector-menu-content-list {
			justify-content: flex-end;
			gap: 0.25rem;
			}

			#p-personal .mw-list-item:not(:last-child)::after {
			margin-left: 0.25rem;
			margin-right: 0.125rem;
			}

			#pt-theme .theme-trigger span:not(.wds-icon),
			#pt-uls .uls-trigger span {
			display: inline-block;
			}
			}

			/* Fix for the Theme button icon */
			#pt-theme svg {
			fill: currentColor;
			transition: transform 0.2s ease;
			}

			#pt-theme .theme-trigger:hover svg {
			transform: rotate(15deg);
	}		}

Ais at 11:33, 30 March 2026

2026-03-30T11:33:17Z

← Older revision		Revision as of 11:33, 30 March 2026
Line 552:		Line 552:
	display: none;		display: none;
	}		}
	/* ~~============================================~~		/* Alternative: Separate theme/language from user menu */
	~~EDITOR FIXES - Fix input indentation issue~~		#p-personal .vector-menu-content-list {
	~~============================================~~ */		display: flex;
	.ve-~~init~~-mw-~~desktopArticleTarget-targetContainer input,~~		flex-wrap: wrap;
	~~.ve-init-mw-desktopArticleTarget-targetContainer textarea,~~		align-items: center;
	~~.mw~~-~~editform input,~~		justify-content: flex-end;
	~~.mw~~-~~editform textarea,~~		gap: 0.5rem;
	~~#wpTextbox1,~~
	~~input[type="text"],~~
	~~textarea {~~
	~~text~~-~~indent~~: ~~0 !important~~;
	~~padding-left~~: ~~8px !important~~;
	}		}

	/* ~~Fix CodeMirror/AceEditor indentation~~ */		/* Group theme and language together */
	~~.CodeMirror~~,		#pt-theme,
	.~~CodeMirror~~-~~scroll,~~		#pt-uls {
	~~.ace_editor,~~		background: rgba(108, 92, 231, 0.2);
	~~.ace_editor~~ * {		border-radius: 6px;
	~~text~~-~~indent~~: ~~0 !important~~;		margin-right: 8px;
			}

			/* Add a subtle border between groups */
			#pt-uls {
			margin-right: 12px;
			position: relative;
			}

			#pt-uls::after {
			content: "";
			position: absolute;
			right: -8px;
			top: 50%;
			transform: translateY(-50%);
			height: 20px;
			width: 1px;
			background: var(--theme-border-color);
	}		}

Ais at 11:29, 30 March 2026

2026-03-30T11:29:50Z

← Older revision		Revision as of 11:29, 30 March 2026
Line 54:		Line 54:
	body.skin-vector,		body.skin-vector,
	body.skin-vector-dark {		body.skin-vector-dark {
	/* background: url("https://mbwiki.stairwaygames.work/w/images/9/9a/Site-background-dark.png") no-repeat fixed center center / cover !important;*/		background: url("https://mbwiki.stairwaygames.work/w/images/9/9a/Site-background-dark.png") no-repeat fixed center center / cover !important;
	}		}

Ais at 11:26, 30 March 2026

2026-03-30T11:26:06Z

@@ Line 551: / Line 551: @@
 #mw-navigation > #mw-panel > #p-tb {
      display: none;
+}

Ais at 10:50, 30 March 2026

2026-03-30T10:50:36Z

← Older revision		Revision as of 10:50, 30 March 2026
Line 9:		Line 9:
	@import url("https://mbwiki.stairwaygames.work/w/index.php?title=MediaWiki:Tables.css&action=raw&ctype=text/css");		@import url("https://mbwiki.stairwaygames.work/w/index.php?title=MediaWiki:Tables.css&action=raw&ctype=text/css");
	@import url("https://mbwiki.stairwaygames.work/w/index.php?title=MediaWiki:MessageBox.css&action=raw&ctype=text/css");		@import url("https://mbwiki.stairwaygames.work/w/index.php?title=MediaWiki:MessageBox.css&action=raw&ctype=text/css");
	@import url("https://mbwiki.stairwaygames.work/w/index.php?title=MediaWiki:CustomTabs.css&action=raw&ctype=text/css");		@import url("https://mbwiki.stairwaygames.work/w/index.php?title=MediaWiki:CustomTabs.css&action=raw&ctype=text/css");
	@import url("https://mbwiki.stairwaygames.work/w/index.php?title=MediaWiki:Navbox.css&action=raw&ctype=text/css");		@import url("https://mbwiki.stairwaygames.work/w/index.php?title=MediaWiki:Navbox.css&action=raw&ctype=text/css");
	@import url("https://mbwiki.stairwaygames.work/w/index.php?title=MediaWiki:Icons.css&action=raw&ctype=text/css");		@import url("https://mbwiki.stairwaygames.work/w/index.php?title=MediaWiki:Icons.css&action=raw&ctype=text/css");
Line 54:		Line 54:
	body.skin-vector,		body.skin-vector,
	body.skin-vector-dark {		body.skin-vector-dark {
	background: url("https://mbwiki.stairwaygames.work/w/images/9/9a/Site-background-dark.png") no-repeat fixed center center / cover !important;		/* background: url("https://mbwiki.stairwaygames.work/w/images/9/9a/Site-background-dark.png") no-repeat fixed center center / cover !important;*/
	}		}