MediaWiki:Common.css - Revision history

Scaevus: Changed banner size

2026-07-15T08:05:24Z

Changed banner size

← Older revision		Revision as of 04:05, 15 July 2026
Line 2:		Line 2:
	.scaevus-banner {		.scaevus-banner {
	width: 100%;		width: 100%;
			max-width: 600px;
	margin: 0 auto 15px;		margin: 0 auto 15px;
	overflow: ~~visible~~;		overflow: hidden;
	}		}

Line 9:		Line 10:
	display: block;		display: block;
	width: 100%;		width: 100%;
	max-width: ~~100%~~;		max-width: 600px;
	height: auto;		height: auto;
			margin: 0 auto;
	object-fit: contain;		object-fit: contain;
	}		}

Scaevus: Added banner CSS

2026-07-15T08:01:34Z

Added banner CSS

← Older revision		Revision as of 04:01, 15 July 2026
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */
			.scaevus-banner {
			width: 100%;
			margin: 0 auto 15px;
			overflow: visible;
			}

			.scaevus-banner img {
			display: block;
			width: 100%;
			max-width: 100%;
			height: auto;
			object-fit: contain;
			}


	/* Scaevus horizontal menu */		/* Scaevus horizontal menu */

Scaevus: CSS for mobile

2026-07-15T07:57:05Z

CSS for mobile

@@ Line 69: / Line 69: @@
 .scaevus-menu-table td a:visited {
      color: #ffffff !important;
+}

Scaevus: changed css

2026-07-08T09:12:32Z

changed css

← Older revision		Revision as of 05:12, 8 July 2026
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */

	/* Scaevus horizontal ~~navigation~~ menu */		/* Scaevus horizontal menu */

	.scaevus-menu {		.scaevus-menu-table {
	~~display: flex;~~
	~~flex-direction: row;~~
	~~flex-wrap: nowrap;~~
	~~justify-content: center;~~
	~~align-items: stretch;~~
	width: 100%;		width: 100%;
	margin: 15px 0 25px;		margin: 15px 0 25px;
	padding: 4px;		padding: 4px;
	~~box~~-~~sizing~~: border-~~box~~;		table-layout: fixed;
			border-collapse: separate;
			border-spacing: 2px;

	background: #08080d;		background: #08080d;
	border: 1px solid #~~6826c9~~;		border: 1px solid #7628d7;
	border-radius: 6px;		border-radius: 6px;

	box-shadow:		box-shadow:
	0 0 12px rgba(~~125~~, 38, ~~255~~, 0.45),		0 0 12px rgba(112, 39, 230, 0.55),
	0 0 24px rgba(225, 32, 255, 0.18);		0 0 24px rgba(225, 32, 255, 0.20);
	}		}

	.scaevus-menu-~~item~~ {		.scaevus-menu-table td {
	~~display~~: ~~block~~;		width: 25%;
	~~flex: 1 1 0;~~		padding: 0 !important;
	~~min-width~~: 0;
	text-align: center;		text-align: center;
			vertical-align: middle;
			border: none !important;
			background: transparent !important;
	}		}

	.scaevus-menu-~~item~~ a {		.scaevus-menu-table td a {
	display: block;		display: block;
	~~height: 100%;~~		padding: 14px 6px;
	padding: ~~13px 8px;~~
	~~box-sizing: border-box~~;

	color: #ffffff !important;		color: #ffffff !important;
	font-size: ~~15px~~;		font-size: 14px;
	font-weight: bold;		font-weight: bold;
	letter-spacing: 1px;		letter-spacing: 1px;
Line 45:		Line 42:
	background: linear-gradient(		background: linear-gradient(
	135deg,		135deg,
	#~~182a75~~ 0%,		#173c9b 0%,
	#~~6021a8~~ 50%,		#6426bd 50%,
	#~~ad168f~~ 100%		#c019a6 100%
	);		);

	~~border-right~~: ~~2px solid #08080d;~~		transition:
	}		background 0.25s ease,
			box-shadow 0.25s ease;
	.~~scaevus-menu-item:last-child a {~~
	~~border~~-~~right: none~~;
	}		}

	.scaevus-menu-~~item~~ a:hover {		.scaevus-menu-table td a:hover {
	color: #ffffff !important;		color: #ffffff !important;

	background: linear-gradient(		background: linear-gradient(
	135deg,		135deg,
	#~~175bea~~ 0%,		#2176ff 0%,
	#~~8428e8 48~~%,		#9134ee 50%,
	#~~e322cd~~ 100%		#ef27d4 100%
	);		);

	box-shadow:		box-shadow:
	0 0 10px rgba(49, ~~107~~, 255, 0.75),		inset 0 0 10px rgba(255, 255, 255, 0.20),
	0 0 ~~18px~~ rgba(~~219~~, 38, 255, 0.55);		0 0 12px rgba(160, 40, 255, 0.65);
	}		}

	.scaevus-menu-~~item~~ a:visited {		.scaevus-menu-table td a:visited {
	color: #ffffff !important;		color: #ffffff !important;
	}		}

Scaevus: Changed CSS

2026-07-08T09:09:49Z

Changed CSS

← Older revision		Revision as of 05:09, 8 July 2026
Line 5:		Line 5:
	.scaevus-menu {		.scaevus-menu {
	display: flex;		display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
	justify-content: center;		justify-content: center;
	align-items: stretch;		align-items: stretch;
	~~flex-wrap~~: ~~nowrap;~~		width: 100%;
	~~gap: 2px~~;		margin: 15px 0 25px;
	margin: 15px 0 25px 0;
	padding: 4px;		padding: 4px;
			box-sizing: border-box;

	background: #08080d;		background: #08080d;
	border: 1px solid #6826c9;		border: 1px solid #6826c9;
	border-radius: 6px;		border-radius: 6px;

	box-shadow:		box-shadow:
	0 0 12px rgba(125, 38, 255, 0.45),		0 0 12px rgba(125, 38, 255, 0.45),
Line 20:		Line 24:

	.scaevus-menu-item {		.scaevus-menu-item {
	flex: 1 1 ~~150px~~;		display: block;
			flex: 1 1 0;
			min-width: 0;
	text-align: center;		text-align: center;
	}		}
Line 26:		Line 32:
	.scaevus-menu-item a {		.scaevus-menu-item a {
	display: block;		display: block;
	padding: 13px ~~22px~~;		height: 100%;
			padding: 13px 8px;
			box-sizing: border-box;

	color: #ffffff !important;		color: #ffffff !important;
	font-size: 15px;		font-size: 15px;
Line 33:		Line 42:
	text-transform: uppercase;		text-transform: uppercase;
	text-decoration: none !important;		text-decoration: none !important;

	background: linear-gradient(		background: linear-gradient(
	135deg,		135deg,
Line 39:		Line 49:
	#ad168f 100%		#ad168f 100%
	);		);
	border-~~radius~~: ~~3px~~;
	~~transition:~~		border-right: 2px solid #08080d;
	~~background 0~~.~~25s ease,~~		}
	~~box~~-~~shadow 0.25s ease,~~
	~~transform 0.25s ease~~;		.scaevus-menu-item:last-child a {
			border-right: none;
	}		}

	.scaevus-menu-item a:hover {		.scaevus-menu-item a:hover {
	color: #ffffff !important;		color: #ffffff !important;

	background: linear-gradient(		background: linear-gradient(
	135deg,		135deg,
Line 54:		Line 66:
	#e322cd 100%		#e322cd 100%
	);		);

	box-shadow:		box-shadow:
	0 0 10px rgba(49, 107, 255, 0.75),		0 0 10px rgba(49, 107, 255, 0.75),
	0 0 18px rgba(219, 38, 255, 0.55);		0 0 18px rgba(219, 38, 255, 0.55);
	~~transform: translateY(-2px);~~
	}		}

	.scaevus-menu-item a:visited {		.scaevus-menu-item a:visited {
	color: #ffffff !important;		color: #ffffff !important;
	}

	~~@media screen and (max-width: 650px) {~~
	~~.scaevus-menu {~~
	~~display: block;~~
	}

	~~.scaevus-menu-item {~~
	~~display: block;~~
	~~margin-bottom: 3px;~~
	}

	~~.scaevus-menu-item:last-child {~~
	~~margin-bottom: 0;~~
	}
	}		}

Scaevus at 09:08, 8 July 2026

2026-07-08T09:08:49Z

← Older revision		Revision as of 05:08, 8 July 2026
Line 7:		Line 7:
	justify-content: center;		justify-content: center;
	align-items: stretch;		align-items: stretch;
	flex-wrap: ~~no-wrap~~;		flex-wrap: nowrap;
	gap: 2px;		gap: 2px;
	margin: 15px 0 25px 0;		margin: 15px 0 25px 0;

Scaevus at 09:07, 8 July 2026

2026-07-08T09:07:10Z

← Older revision		Revision as of 05:07, 8 July 2026
Line 7:		Line 7:
	justify-content: center;		justify-content: center;
	align-items: stretch;		align-items: stretch;
	flex-wrap: wrap;		flex-wrap: no-wrap;
	gap: 2px;		gap: 2px;
	margin: 15px 0 25px 0;		margin: 15px 0 25px 0;

Scaevus: Created page with "/* CSS placed here will be applied to all skins / / Scaevus horizontal navigation menu */ .scaevus-menu { display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; gap: 2px; margin: 15px 0 25px 0; padding: 4px; background: #08080d; border: 1px solid #6826c9; border-radius: 6px; box-shadow: 0 0 12px rgba(125, 38, 255, 0.45), 0 0 24px rgba(225, 32, 255, 0.18); } .scaevus-menu-item { f..."

2026-07-08T09:04:30Z

Created page with "CSS placed here will be applied to all skins: Scaevus horizontal navigation menu: .scaevus-menu { display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; gap: 2px; margin: 15px 0 25px 0; padding: 4px; background: #08080d; border: 1px solid #6826c9; border-radius: 6px; box-shadow: 0 0 12px rgba(125, 38, 255, 0.45), 0 0 24px rgba(225, 32, 255, 0.18); } .scaevus-menu-item { f..."

New page

/* CSS placed here will be applied to all skins */

/* Scaevus horizontal navigation menu */

.scaevus-menu {
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
gap: 2px;
margin: 15px 0 25px 0;
padding: 4px;
background: #08080d;
border: 1px solid #6826c9;
border-radius: 6px;
box-shadow:
0 0 12px rgba(125, 38, 255, 0.45),
0 0 24px rgba(225, 32, 255, 0.18);
}

.scaevus-menu-item {
flex: 1 1 150px;
text-align: center;
}

.scaevus-menu-item a {
display: block;
padding: 13px 22px;
color: #ffffff !important;
font-size: 15px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none !important;
background: linear-gradient(
135deg,
#182a75 0%,
#6021a8 50%,
#ad168f 100%
);
border-radius: 3px;
transition:
background 0.25s ease,
box-shadow 0.25s ease,
transform 0.25s ease;
}

.scaevus-menu-item a:hover {
color: #ffffff !important;
background: linear-gradient(
135deg,
#175bea 0%,
#8428e8 48%,
#e322cd 100%
);
box-shadow:
0 0 10px rgba(49, 107, 255, 0.75),
0 0 18px rgba(219, 38, 255, 0.55);
transform: translateY(-2px);
}

.scaevus-menu-item a:visited {
color: #ffffff !important;
}

@media screen and (max-width: 650px) {
.scaevus-menu {
display: block;
}

.scaevus-menu-item {
display: block;
margin-bottom: 3px;
}

.scaevus-menu-item:last-child {
margin-bottom: 0;
}
}