MediaWiki:Common.css - Revision history

JVC3: Undo revision 8945 by JVC3 (talk) Undid both of these edits, cos MediaWiki gets rly pissy when u try and mess with their links

2026-02-16T07:33:35Z

Undo revision 8945 by JVC3 (talk) Undid both of these edits, cos MediaWiki gets rly pissy when u try and mess with their links

← Older revision		Revision as of 07:33, 16 February 2026
Line 170:		Line 170:
	/* @noflip */		/* @noflip */
	text-align: right;		text-align: right;
	}

	~~/* Render 'citation needed' text italicised, and without the underline */~~
	~~.citation-needed {~~
	~~text-decoration: none; /* no underline (or overline) */~~
	~~font-style: italic;~~
	}		}

JVC3: Undo revision 8946 by JVC3 (talk)

2026-02-16T07:32:30Z

Undo revision 8946 by JVC3 (talk)

← Older revision		Revision as of 07:32, 16 February 2026
Line 174:		Line 174:
	/* Render 'citation needed' text italicised, and without the underline */		/* Render 'citation needed' text italicised, and without the underline */
	.citation-needed {		.citation-needed {
	text-decoration: none ~~!important~~; /* no underline (or overline) */		text-decoration: none; /* no underline (or overline) */
	font-style: italic;		font-style: italic;
	}		}

JVC3: To override link underlining, you need !important apparently

2026-02-16T06:10:18Z

To override link underlining, you need !important apparently

← Older revision		Revision as of 06:10, 16 February 2026
Line 174:		Line 174:
	/* Render 'citation needed' text italicised, and without the underline */		/* Render 'citation needed' text italicised, and without the underline */
	.citation-needed {		.citation-needed {
	text-decoration: none; /* no underline (or overline) */		text-decoration: none !important; /* no underline (or overline) */
	font-style: italic;		font-style: italic;
	}		}

JVC3: Added a class selector to format citation needed text

2026-02-16T06:07:58Z

Added a class selector to format citation needed text

← Older revision		Revision as of 06:07, 16 February 2026
Line 170:		Line 170:
	/* @noflip */		/* @noflip */
	text-align: right;		text-align: right;
			}

			/* Render 'citation needed' text italicised, and without the underline */
			.citation-needed {
			text-decoration: none; /* no underline (or overline) */
			font-style: italic;
	}		}

Technofied: Add infoboxes!

2025-05-23T15:10:02Z

Add infoboxes!

@@ Line 76: / Line 76: @@
          grid-template-columns: 1fr;
+     }
+}

Technofied: Implement better (?) sidebar

2025-02-08T09:36:36Z

Implement better (?) sidebar

← Older revision		Revision as of 09:36, 8 February 2025
Line 1:		Line 1:
	@media screen and (~~max~~-width: ~~1129px~~) {		/* Make drawer always visible > 1300px */
	/* ~~Move the~~ header ~~to top~~ */		@media screen and ( min-width: 1300px ) {
	.citizen-~~header~~ {		:root {
	bottom: ~~unset~~ !important;		--fixed-menu-width: 240px;
	~~top~~: 0 !important;		}
	}
			.citizen-page-container {
			/* Reserve space for drawer */
			margin-left: calc( var( --header-size ) + var( --fixed-menu-width ) );
			}

			.citizen-drawer .citizen-dropdown-details {
			/* Hide drawer button */
			display: none;
			}

			.citizen-dropdown .citizen-menu__card, .citizen-dropdown .citizen-menu__card .citizen-ui-icon {
			content-visibility: visible;
			}

			.citizen-drawer__card {
			bottom: 0;
			/* Put drawer behind other header cards */
			z-index: -1;
			margin: 0;
			/* Compensate header border */
			margin-left: 1px;
			padding: 0;
			min-width: auto !important;
			width: var( --fixed-menu-width );
			max-height: none;
			border-right: 1px solid var( --border-color-base );
			border-radius: 0;
			background-color: var( --color-surface-0 );
			box-shadow: none;
			/* Force drawer to show */
			opacity: 1 !important;
			pointer-events: auto !important;
			transform: none !important;
			visibility: visible !important;
			left:56px;
			}

			.citizen-drawer__card > * {
			/* Force drawer content to show */
			opacity: 1 !important;
			}

	~~/* Fix navigation bar, page settings and user card dropdown positions */~~		.citizen-drawer__header {
	~~.citizen-header~~ .citizen-~~menu__card~~ {		padding-left: var( --space-xl );
	~~bottom~~: ~~unset !important~~;		padding-right: var( --space-xl );
	~~top~~: ~~50px !important~~;		}
	}

	/* ~~Uncomment to fix notification menu popup position: can be buggy /~~*		.citizen-drawer__logo {
	/*.mw-echo-ui-overlay .mw-echo-ui-notificationBadgeButtonPopupWidget-popup {		/* Hide drawer header logo */
	~~top~~: ~~-961px !important~~;		display: none;
	}*/		}

	~~/* Fix header position (hide animation) when scrolling down */~~		.citizen-drawer__siteinfo .mw-logo-wordmark {
	.citizen-~~scroll~~--~~down .citizen-header~~ {		font-size: 1.25rem;
	~~transform~~: ~~translateY(-100%) !important~~;		}
	}

	~~/* Fix page actions position gap */~~		.citizen-siteStats {
	.~~page~~-~~actions~~ {		font-size: 0.8125rem;
	~~bottom~~: ~~var(--space-xs) !important~~;		}
	}

	/* ~~Fix ToC position gap~~ */		#citizen-siteStats__item--images,
	.citizen-~~toc~~ {		#citizen-siteStats__item--users {
	~~bottom~~: var(--space-xs) ~~!important~~;		/* Hide image and user stats to make space */
	}		display: none;
			}
	~~/* Make header not cover top of body */~~
	~~.citizen-body-container {~~		.citizen-drawer__menu {
	padding-~~top~~: var(--~~header~~-~~size~~);		padding-left: var( --space-xs );
	}		padding-right: var( --space-xs );
			grid-template-columns: 1fr;
			}
	}		}

Technofied: Try vanilla sidebar

2025-02-08T09:34:31Z

Try vanilla sidebar

Show changes

Technofied at 08:48, 8 February 2025

2025-02-08T08:48:04Z

← Older revision		Revision as of 08:48, 8 February 2025
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */
			@import url("/Template:Note/styles.css");
	/* To make images responsive */		/* To make images responsive */
	img {		img {

Asexualdinosaur: Reverted edit by Asexualdinosaur (talk) to last revision by Technofied

2024-08-26T08:52:24Z

Reverted edit by Asexualdinosaur (talk) to last revision by Technofied

← Older revision		Revision as of 08:52, 26 August 2024
Line 24:		Line 24:
	overflow-wrap: break-word; /* Ensure long words break inside the container */		overflow-wrap: break-word; /* Ensure long words break inside the container */
	box-sizing: border-box; /* Ensure padding and borders are included in the element's width */		box-sizing: border-box; /* Ensure padding and borders are included in the element's width */
	~~--color-base: null~~
	}		}

Asexualdinosaur at 08:49, 26 August 2024

2024-08-26T08:49:29Z

← Older revision		Revision as of 08:49, 26 August 2024
Line 24:		Line 24:
	overflow-wrap: break-word; /* Ensure long words break inside the container */		overflow-wrap: break-word; /* Ensure long words break inside the container */
	box-sizing: border-box; /* Ensure padding and borders are included in the element's width */		box-sizing: border-box; /* Ensure padding and borders are included in the element's width */
			--color-base: null
	}		}