MediaWiki:Citizen.css - Revision history

Xenon: Blanked the page

2024-05-19T09:41:32Z

Blanked the page

2024-05-19T08:54:29Z

← Older revision		Revision as of 08:54, 19 May 2024
Line 246:		Line 246:

	/* Customize the Create Page button on the Category:Characters page */		/* Customize the Create Page button on the Category:Characters page */
	.page-Category-Characters .inputbox .mw-ui-button {
	background-color: #444444 !important;		/* Normal state */
	color: #ffffff !important;		.page-Category-Characters .inputbox .mw-ui-button.mw-ui-progressive {
	border: 1px solid #777777 !important;		background-color: #444444 !important; /* Dark gray background */
			color: #ffffff !important; /* White text */
			border: 1px solid #777777 !important; /* Slightly lighter gray border */
	}		}

	.page-Category-Characters .inputbox .mw-ui-button:hover {		/* Hover state */
	background-color: #555555 !important;		.page-Category-Characters .inputbox .mw-ui-button.mw-ui-progressive:hover {
	color: #ffffff !important;		background-color: #555555 !important; /* Lighter dark gray background */
	border: 1px solid #888888 !important;		color: #ffffff !important; /* White text */
			border: 1px solid #888888 !important; /* Slightly lighter gray border */
	}		}

2024-05-19T08:52:38Z

← Older revision		Revision as of 08:52, 19 May 2024
Line 243:		Line 243:
	#citizen-sidebar-lastmod {		#citizen-sidebar-lastmod {
	display: none;		display: none;
	}

	~~/* All CSS here will be loaded for users of the Citizen skin */~~

	~~/* Make drawer always visible > 1300px */~~
	~~@media screen and (min-width: 1300px) {~~
	~~/* Your existing CSS here... */~~
	}		}

2024-05-19T08:49:08Z

← Older revision		Revision as of 08:49, 19 May 2024
Line 245:		Line 245:
	}		}

	/* ~~Customize~~ the ~~Create Page button on category pages, specifically for dark backgrounds~~ */		/* All CSS here will be loaded for users of the Citizen skin */

	/* ~~Normal state~~ */		/* Make drawer always visible > 1300px */
	~~.page~~-~~Category-Characters .mw-htmlform-submit~~ {		@media screen and (min-width: 1300px) {
	~~background-color: #444444 !important;~~ /* ~~Dark gray background */~~		/* Your existing CSS here... */
	~~color: #ffffff !important; /* White text */~~
	~~border: 1px solid #777777 !important; /* Slightly lighter gray border~~ */
	}		}

	/* ~~Hover state~~ */		/* Customize the Create Page button on the Category:Characters page */
	.page-Category-Characters .mw-~~htmlform~~-~~submit~~:hover {		.page-Category-Characters .inputbox .mw-ui-button {
	background-color: #555555 !important; ~~/* Lighter dark gray background */~~		background-color: #444444 !important;
	color: #ffffff !important; ~~/* White text */~~		color: #ffffff !important;
	border: 1px solid #888888 !important; ~~/* Slightly lighter gray border */~~		border: 1px solid #777777 !important;
			}

			.page-Category-Characters .inputbox .mw-ui-button:hover {
			background-color: #555555 !important;
			color: #ffffff !important;
			border: 1px solid #888888 !important;
	}		}

2024-05-19T08:44:09Z

← Older revision		Revision as of 08:44, 19 May 2024
Line 245:		Line 245:
	}		}

	/* Customize the Create Page button on ~~the Category:Characters page~~ */		/* Customize the Create Page button on category pages, specifically for dark backgrounds */
	#mw-~~create-page~~-~~button~~ {
	background-color: #444444; /* Dark gray background */		/* Normal state */
	color: #ffffff; /* White text */		.page-Category-Characters .mw-htmlform-submit {
	border: 1px solid #777777; /* Slightly lighter gray border */		background-color: #444444 !important; /* Dark gray background */
			color: #ffffff !important; /* White text */
			border: 1px solid #777777 !important; /* Slightly lighter gray border */
	}		}

	#mw-~~create-page~~-~~button~~:hover {		/* Hover state */
	background-color: #555555; /* Lighter dark gray background */		.page-Category-Characters .mw-htmlform-submit:hover {
	color: #ffffff; /* White text */		background-color: #555555 !important; /* Lighter dark gray background */
	border: 1px solid #888888; /* Slightly lighter gray border */		color: #ffffff !important; /* White text */
			border: 1px solid #888888 !important; /* Slightly lighter gray border */
	}		}

2024-05-19T08:42:37Z

@@ Line 243: / Line 243: @@
 #citizen-sidebar-lastmod {
 	display: none;
+}

2024-05-19T08:37:52Z

← Older revision		Revision as of 08:37, 19 May 2024
Line 23:		Line 23:

	/* Make drawer always visible > 1300px */		/* Make drawer always visible > 1300px */
	@media screen ~~and ( min-width: 1300px )~~ {		@media screen {
	:root {		:root {
	--fixed-menu-width: ~~240px~~;		--fixed-menu-width: 180px;
	}		}

2024-05-19T08:34:32Z

← Older revision		Revision as of 08:34, 19 May 2024
Line 4:		Line 4:
	}		}

	~~.citizen-header {~~
	~~/* Change header color */~~
	~~background-color: var( --color-primary );~~
	}		}

2024-05-19T08:32:15Z

2024-05-19T08:14:15Z

← Older revision		Revision as of 08:14, 19 May 2024
Line 1:		Line 1:
	/*		/* Make drawer always visible > 1300px */
			@media screen and ( min-width: 1300px ) {
			:root {
			--fixed-menu-width: 240px;
			}

			.citizen-page-container {
			/* Reserve space for drawer */
			margin-left: calc( var( --header-size ) + var( --fixed-menu-width ) );
			}

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

			.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;
			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;
			}

			.citizen-drawer__header {
			padding-left: var( --space-xl );
			padding-right: var( --space-xl );
			}

			.citizen-drawer__logo {
			/* Hide drawer header logo */
			display: none;
			}

			.citizen-drawer__siteinfo .mw-logo-wordmark {
			font-size: 1.25rem;
			}

			.citizen-siteStats {
			font-size: 0.8125rem;
			}

			#citizen-siteStats__item--images,
			#citizen-siteStats__item--users {
			/* Hide image and user stats to make space */
			display: none;
			}

			.citizen-drawer__menu {
			padding-left: var( --space-xs );
			padding-right: var( --space-xs );
			grid-template-columns: 1fr;
			}
			}