MediaWiki:Citizen.css - Revision history

Aio at 15:48, 22 December 2024

2024-12-22T15:48:00Z

← Older revision		Revision as of 15:48, 22 December 2024
Line 44:		Line 44:
	background-color: var(--color-surface-2) !important;		background-color: var(--color-surface-2) !important;
	border-radius: 10px !important; /* Fully rounded borders */		border-radius: 10px !important; /* Fully rounded borders */
	border: ~~2px~~ solid #2C4663 !important; /* Set border to 2px and #2C4663 */		border: 1px solid #2C4663 !important; /* Set border to 2px and #2C4663 */
	margin-top: 10px !important; /* Add margin to create space above */		margin-top: 10px !important; /* Add margin to create space above */
	}		}

Aio at 21:35, 14 November 2024

2024-11-14T21:35:49Z

← Older revision		Revision as of 21:35, 14 November 2024
Line 33:		Line 33:
	}		}

	/* Set the background color, ~~left-side~~ rounded borders, and specific border style of the edit box */		/* Set the background color, fully rounded borders, and specific border style of the edit box */
	.skin-citizen .mw-editform #wpTextbox1 {		.skin-citizen .mw-editform #wpTextbox1 {
	background-color: var(--color-surface-2) !important;		background-color: var(--color-surface-2) !important;
	border~~-top-left~~-radius: 10px !important; /* ~~Rounded border on the top left */~~		border-radius: 10px !important; /* Fully rounded borders */
	~~border-bottom-left-radius: 10px !important; /* Rounded border on the bottom left~~ */
	border: 2px solid #2C4663 !important; /* Set border to 2px and #2C4663 */		border: 2px solid #2C4663 !important; /* Set border to 2px and #2C4663 */
	}		}
Line 44:		Line 43:
	.skin-citizen .mw-editform .editOptions {		.skin-citizen .mw-editform .editOptions {
	background-color: var(--color-surface-2) !important;		background-color: var(--color-surface-2) !important;
	border~~-top-left~~-radius: 10px !important; /* ~~Rounded border on the top left */~~		border-radius: 10px !important; /* Fully rounded borders */
	~~border-bottom-left-radius: 10px !important; /* Rounded border on the bottom left~~ */
	border: 2px solid #2C4663 !important; /* Set border to 2px and #2C4663 */		border: 2px solid #2C4663 !important; /* Set border to 2px and #2C4663 */
	margin-top: ~~4px~~ !important; /* Add margin to create space above */		margin-top: 10px !important; /* Add margin to create space above */
			}

			/* Scrollbar styles for WebKit browsers */
			::-webkit-scrollbar {
			width: 10px; /* Width of the scrollbar */
			}

			::-webkit-scrollbar-track {
			background: var(--color-surface-1); /* Background of the scrollbar track */
			border-radius: 10px; /* Rounded borders for the track */
			}

			::-webkit-scrollbar-thumb {
			background: #2C4663; /* Color of the scrollbar thumb */
			border-radius: 10px; /* Rounded borders for the thumb */
			}

			::-webkit-scrollbar-thumb:hover {
			background: #1A2A3A; /* Color of the scrollbar thumb on hover */
	}		}

Aio at 21:34, 14 November 2024

2024-11-14T21:34:12Z

← Older revision		Revision as of 21:34, 14 November 2024
Line 47:		Line 47:
	border-bottom-left-radius: 10px !important; /* Rounded border on the bottom left */		border-bottom-left-radius: 10px !important; /* Rounded border on the bottom left */
	border: 2px solid #2C4663 !important; /* Set border to 2px and #2C4663 */		border: 2px solid #2C4663 !important; /* Set border to 2px and #2C4663 */
	margin-top: ~~10px~~ !important; /* Add margin to create space above */		margin-top: 4px !important; /* Add margin to create space above */
	}		}

Aio at 21:33, 14 November 2024

2024-11-14T21:33:57Z

← Older revision		Revision as of 21:33, 14 November 2024
Line 41:		Line 41:
	}		}

	/* Set the same border style for the .editOptions element */		/* Set the same border style for the .editOptions element with margin */
	.skin-citizen .mw-editform .editOptions {		.skin-citizen .mw-editform .editOptions {
	background-color: var(--color-surface-2) !important;		background-color: var(--color-surface-2) !important;
Line 47:		Line 47:
	border-bottom-left-radius: 10px !important; /* Rounded border on the bottom left */		border-bottom-left-radius: 10px !important; /* Rounded border on the bottom left */
	border: 2px solid #2C4663 !important; /* Set border to 2px and #2C4663 */		border: 2px solid #2C4663 !important; /* Set border to 2px and #2C4663 */
			margin-top: 10px !important; /* Add margin to create space above */
	}		}

Aio at 21:32, 14 November 2024

2024-11-14T21:32:28Z

← Older revision		Revision as of 21:32, 14 November 2024
Line 35:		Line 35:
	/* Set the background color, left-side rounded borders, and specific border style of the edit box */		/* Set the background color, left-side rounded borders, and specific border style of the edit box */
	.skin-citizen .mw-editform #wpTextbox1 {		.skin-citizen .mw-editform #wpTextbox1 {
	background-color: #~~1A2A3A~~ !important;		background-color: var(--color-surface-2) !important;
			border-top-left-radius: 10px !important; /* Rounded border on the top left */
			border-bottom-left-radius: 10px !important; /* Rounded border on the bottom left */
			border: 2px solid #2C4663 !important; /* Set border to 2px and #2C4663 */
			}

			/* Set the same border style for the .editOptions element */
			.skin-citizen .mw-editform .editOptions {
			background-color: var(--color-surface-2) !important;
	border-top-left-radius: 10px !important; /* Rounded border on the top left */		border-top-left-radius: 10px !important; /* Rounded border on the top left */
	border-bottom-left-radius: 10px !important; /* Rounded border on the bottom left */		border-bottom-left-radius: 10px !important; /* Rounded border on the bottom left */
	border: 2px solid #2C4663 !important; /* Set border to 2px and #2C4663 */		border: 2px solid #2C4663 !important; /* Set border to 2px and #2C4663 */
	}		}

Aio at 21:29, 14 November 2024

2024-11-14T21:29:32Z

← Older revision		Revision as of 21:29, 14 November 2024
Line 38:		Line 38:
	border-top-left-radius: 10px !important; /* Rounded border on the top left */		border-top-left-radius: 10px !important; /* Rounded border on the top left */
	border-bottom-left-radius: 10px !important; /* Rounded border on the bottom left */		border-bottom-left-radius: 10px !important; /* Rounded border on the bottom left */
	border: ~~1px~~ solid #2C4663 !important; /* Set border to 2px and #2C4663 */		border: 2px solid #2C4663 !important; /* Set border to 2px and #2C4663 */
	}		}

Aio at 21:29, 14 November 2024

2024-11-14T21:29:17Z

← Older revision		Revision as of 21:29, 14 November 2024
Line 38:		Line 38:
	border-top-left-radius: 10px !important; /* Rounded border on the top left */		border-top-left-radius: 10px !important; /* Rounded border on the top left */
	border-bottom-left-radius: 10px !important; /* Rounded border on the bottom left */		border-bottom-left-radius: 10px !important; /* Rounded border on the bottom left */
	border: ~~2px~~ solid #2C4663 !important; /* Set border to 2px and #2C4663 */		border: 1px solid #2C4663 !important; /* Set border to 2px and #2C4663 */
	}		}

Aio at 21:28, 14 November 2024

2024-11-14T21:28:57Z

← Older revision		Revision as of 21:28, 14 November 2024
Line 35:		Line 35:
	/* Set the background color, left-side rounded borders, and specific border style of the edit box */		/* Set the background color, left-side rounded borders, and specific border style of the edit box */
	.skin-citizen .mw-editform #wpTextbox1 {		.skin-citizen .mw-editform #wpTextbox1 {
	background-color: ~~var(--color-surface-2)~~ !important;		background-color: #1A2A3A !important;
	border-top-left-radius: 10px !important; /* Rounded border on the top left */		border-top-left-radius: 10px !important; /* Rounded border on the top left */
	border-bottom-left-radius: 10px !important; /* Rounded border on the bottom left */		border-bottom-left-radius: 10px !important; /* Rounded border on the bottom left */
	border: 2px solid #2C4663 !important; /* Set border to 2px and #2C4663 */		border: 2px solid #2C4663 !important; /* Set border to 2px and #2C4663 */
	}		}

Aio at 21:27, 14 November 2024

2024-11-14T21:27:55Z

← Older revision		Revision as of 21:27, 14 November 2024
Line 33:		Line 33:
	}		}

	/* Set the background color, rounded borders, and specific border style of the edit box */		/* Set the background color, left-side rounded borders, and specific border style of the edit box */
	.skin-citizen .mw-editform #wpTextbox1 {		.skin-citizen .mw-editform #wpTextbox1 {
	background-color: var(--color-surface-2) !important;		background-color: var(--color-surface-2) !important;
	border-radius: 10px !important; /* ~~Add rounded borders~~ */		border-top-left-radius: 10px !important; /* Rounded border on the top left */
			border-bottom-left-radius: 10px !important; /* Rounded border on the bottom left */
	border: 2px solid #2C4663 !important; /* Set border to 2px and #2C4663 */		border: 2px solid #2C4663 !important; /* Set border to 2px and #2C4663 */
	}		}

Aio at 21:26, 14 November 2024

2024-11-14T21:26:49Z

← Older revision		Revision as of 21:26, 14 November 2024
Line 33:		Line 33:
	}		}

	/* Set the background color, rounded borders, and border style of the edit box */		/* Set the background color, rounded borders, and specific border style of the edit box */
	.skin-citizen .mw-editform #wpTextbox1 {		.skin-citizen .mw-editform #wpTextbox1 {
	background-color: var(--color-surface-2) !important;		background-color: var(--color-surface-2) !important;
	border-radius: 10px !important; /* Add rounded borders */		border-radius: 10px !important; /* Add rounded borders */
	border: ~~var(--border-width-base)~~ solid ~~var(--border-color-base)~~ !important; /* ~~Add~~ border */		border: 2px solid #2C4663 !important; /* Set border to 2px and #2C4663 */
	}		}