MediaWiki:Common.css - Revision history

Kalikush at 18:13, 9 May 2026

2026-05-09T18:13:02Z

← Older revision		Revision as of 14:13, 9 May 2026
Line 1:		Line 1:
	/* SSLP Multi-Color Header Title */		/* SSLP Multi-Color Header Title - Ultra Priority */
	.citizen-header__logo-text {		html body .citizen-header__logo-text {
	font-family: 'Impact', 'Arial Black', sans-serif !important;		font-family: 'Impact', 'Arial Black', sans-serif !important;
	text-transform: uppercase;		text-transform: uppercase !important;
	font-size: 28px;		font-size: 28px !important;
	font-weight: 900;		font-weight: 900 !important;
	~~letter~~-~~spacing: 1px~~;		display: inline-block !important;
	~~/* This creates the "cartoon" hard-stop color transition */~~
	background: linear-gradient(to right,		background: linear-gradient(to right,
	#FF0000 0%, #FF0000 10%, ~~/* Red */~~		#FF0000 0%, #FF0000 10%,
	#32CD32 10%, #32CD32 20%, ~~/* Green */~~		#32CD32 10%, #32CD32 20%,
	#FFD700 20%, #FFD700 30%, ~~/* Gold */~~		#FFD700 20%, #FFD700 30%,
	#1E90FF 30%, #1E90FF 40%, ~~/* Blue */~~		#1E90FF 30%, #1E90FF 40%,
	#FF8C00 40%, #FF8C00 50%, ~~/* Orange */~~		#FF8C00 40%, #FF8C00 50%,
	#8A2BE2 50%, #8A2BE2 60%, ~~/* Purple */~~		#8A2BE2 50%, #8A2BE2 60%,
	#00CED1 60%, #00CED1 70%, ~~/* Turquoise */~~		#00CED1 60%, #00CED1 70%,
	#FF1493 70%, #FF1493 80%, ~~/* Pink */~~		#FF1493 70%, #FF1493 80%,
	#ADFF2F 80%, #ADFF2F 90%, ~~/* Lime */~~		#ADFF2F 80%, #ADFF2F 90%,
	#FFB6C1 90%, #FFB6C1 100% ~~/* Rose */~~		#FFB6C1 90%, #FFB6C1 100%
	);		) !important;
	-webkit-background-clip: text;		-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent;		-webkit-text-fill-color: transparent !important;
	background-clip: text;		background-clip: text !important;
	color: transparent;		color: transparent !important;
	~~/* Adds depth to the cartoon style */~~		filter: drop-shadow(2px 2px 0px #000) !important;
	filter: drop-shadow(2px 2px 0px #000);
	}		}

Kalikush at 18:09, 9 May 2026

2026-05-09T18:09:20Z

← Older revision		Revision as of 14:09, 9 May 2026
Line 1:		Line 1:
			/* SSLP Multi-Color Header Title */
			.citizen-header__logo-text {
			font-family: 'Impact', 'Arial Black', sans-serif !important;
			text-transform: uppercase;
			font-size: 28px;
			font-weight: 900;
			letter-spacing: 1px;
			/* This creates the "cartoon" hard-stop color transition */
			background: linear-gradient(to right,
			#FF0000 0%, #FF0000 10%, /* Red */
			#32CD32 10%, #32CD32 20%, /* Green */
			#FFD700 20%, #FFD700 30%, /* Gold */
			#1E90FF 30%, #1E90FF 40%, /* Blue */
			#FF8C00 40%, #FF8C00 50%, /* Orange */
			#8A2BE2 50%, #8A2BE2 60%, /* Purple */
			#00CED1 60%, #00CED1 70%, /* Turquoise */
			#FF1493 70%, #FF1493 80%, /* Pink */
			#ADFF2F 80%, #ADFF2F 90%, /* Lime */
			#FFB6C1 90%, #FFB6C1 100% /* Rose */
			);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
			color: transparent;
			/* Adds depth to the cartoon style */
			filter: drop-shadow(2px 2px 0px #000);
			}

	/* Container Reset */		/* Container Reset */
	.shady-mainpage { max-width: 1200px; margin: 0 auto; color: #e2e2e2; }		.shady-mainpage { max-width: 1200px; margin: 0 auto; color: #e2e2e2; }

Kalikush at 17:57, 9 May 2026

2026-05-09T17:57:47Z

← Older revision		Revision as of 13:57, 9 May 2026
Line 3:		Line 3:

	/* HERO - Minimalist Branding */		/* HERO - Minimalist Branding */
	.shady-hero { text-align: center; padding: 60px ~~0 20px~~; }		.shady-hero { text-align: center; padding: 100px 0 60px; }
	.shady-logo {		.shady-logo {
	font-family: 'Impact', sans-serif;		font-family: 'Impact', sans-serif;
	font-size: ~~72px~~;		font-size: 82px;
	letter-spacing: ~~4px~~;		letter-spacing: 6px;
	margin-bottom: 0;		margin-bottom: 0;
	color: #fff;		color: #fff;
	}		}
	.shady-tagline {		.shady-tagline {
	font-size: ~~11px~~;		font-size: 12px;
	color: #555;		color: #555;
	text-transform: uppercase;		text-transform: uppercase;
	letter-spacing: ~~2px~~;		letter-spacing: 4px;
	margin-top: ~~5px~~;		margin-top: 10px;
	}		}

Line 23:		Line 23:
	display: grid;		display: grid;
	grid-template-columns: repeat(6, 1fr);		grid-template-columns: repeat(6, 1fr);
	gap: ~~10px~~;		gap: 12px;
	margin: 40px 0;		margin: 40px 0;
	}		}
Line 30:		Line 30:
	border: 1px solid #1a1a1a;		border: 1px solid #1a1a1a;
	border-radius: 4px;		border-radius: 4px;
	padding: ~~15px~~ 5px;		padding: 18px 5px;
	text-align: center;		text-align: center;
	font-size: 10px;		font-size: 10px;
Line 41:		Line 41:
	color: #fff !important;		color: #fff !important;
	background: rgba(164, 119, 25, 0.1);		background: rgba(164, 119, 25, 0.1);
	}

	~~/* CARDS - High-tech HUD Polish */~~
	~~.shady-card {~~
	~~background: #0a0a0a;~~
	~~border: 1px solid #1a1a1a;~~
	~~border-radius: 4px;~~
	~~padding: 30px;~~
	~~margin-bottom: 20px;~~
	}
	~~.shady-featured-accent { border-left: 3px solid #a47719; }~~

	~~.shady-card-header {~~
	~~color: #a47719;~~
	~~font-size: 10px;~~
	~~font-weight: bold;~~
	~~letter-spacing: 2px;~~
	~~margin-bottom: 15px;~~
	~~text-transform: uppercase;~~
	}

	~~/* SIDEBAR COMPONENTS */~~
	~~.sc-discord {~~
	~~background: #5865F2;~~
	~~border-radius: 4px;~~
	~~padding: 12px;~~
	~~text-align: center;~~
	~~display: block;~~
	~~font-weight: bold;~~
	~~font-size: 13px;~~
	~~color: #fff !important;~~
	~~margin-bottom: 20px;~~
	}		}

Kalikush at 17:56, 9 May 2026

2026-05-09T17:56:51Z

← Older revision		Revision as of 13:56, 9 May 2026
Line 2:		Line 2:
	.shady-mainpage { max-width: 1200px; margin: 0 auto; color: #e2e2e2; }		.shady-mainpage { max-width: 1200px; margin: 0 auto; color: #e2e2e2; }

	/* HERO - Minimalist ~~and Clean~~ */		/* HERO - Minimalist Branding */
	.shady-hero { text-align: center; padding: ~~40px~~ 0 20px; }		.shady-hero { text-align: center; padding: 60px 0 20px; }
	.shady-logo { font-family: 'Impact', sans-serif; font-size: 72px; letter-spacing: 4px; margin-bottom: 0; color: #fff; }		.shady-logo {
	.shady-tagline { font-size: 11px; color: #555; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; }		font-family: 'Impact', sans-serif;
			font-size: 72px;
			letter-spacing: 4px;
			margin-bottom: 0;
			color: #fff;
			}
			.shady-tagline {
			font-size: 11px;
			color: #555;
			text-transform: uppercase;
			letter-spacing: 2px;
			margin-top: 5px;
			}

	/* NAVIGATION TILES - ~~Updated to~~ 6 ~~columns for 18 items~~ */		/* NAVIGATION TILES - 3 Rows of 6 */
	.shady-tile-grid {		.shady-tile-grid {
	display: grid;		display: grid;
Line 31:		Line 43:
	}		}

	/* CARDS - High-tech Polish */		/* CARDS - High-tech HUD Polish */
	.shady-card {		.shady-card {
	background: #0a0a0a;		background: #0a0a0a;
Line 48:		Line 60:
	margin-bottom: 15px;		margin-bottom: 15px;
	text-transform: uppercase;		text-transform: uppercase;
			}

			/* SIDEBAR COMPONENTS */
			.sc-discord {
			background: #5865F2;
			border-radius: 4px;
			padding: 12px;
			text-align: center;
			display: block;
			font-weight: bold;
			font-size: 13px;
			color: #fff !important;
			margin-bottom: 20px;
	}		}

Kalikush at 17:55, 9 May 2026

2026-05-09T17:55:56Z

← Older revision		Revision as of 13:55, 9 May 2026
Line 2:		Line 2:
	.shady-mainpage { max-width: 1200px; margin: 0 auto; color: #e2e2e2; }		.shady-mainpage { max-width: 1200px; margin: 0 auto; color: #e2e2e2; }

	/* HERO - Minimalist */		/* HERO - Minimalist and Clean */
	.shady-hero { text-align: center; padding: 40px 0 20px; }		.shady-hero { text-align: center; padding: 40px 0 20px; }
	.shady-logo { font-family: 'Impact', sans-serif; font-size: 72px; letter-spacing: 4px; margin-bottom: 0; color: #fff; }		.shady-logo { font-family: 'Impact', sans-serif; font-size: 72px; letter-spacing: 4px; margin-bottom: 0; color: #fff; }
	.shady-tagline { font-size: 11px; color: #555; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; }		.shady-tagline { font-size: 11px; color: #555; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; }

	~~/* SEARCH - Precise Pill */~~		/* NAVIGATION TILES - Updated to 6 columns for 18 items */
	~~.shady-search-wrapper {~~
	~~background: rgba(255, 255, 255, 0.02);~~
	~~border: 1px solid #1a1a1a;~~
	~~border-radius: 50px;~~
	~~padding: 12px 25px;~~
	~~max-width: 500px;~~
	~~margin: 30px auto 0;~~
	~~display: flex;~~
	~~justify-content: space-between;~~
	~~align-items: center;~~
	~~color: #444;~~
	}

	/* NAVIGATION TILES - Updated to 8 columns */
	.shady-tile-grid {		.shady-tile-grid {
	display: grid;		display: grid;
	grid-template-columns: repeat(8, 1fr);		grid-template-columns: repeat(6, 1fr);
	gap: ~~8px~~;		gap: 10px;
	margin: 40px 0;		margin: 40px 0;
	}		}
Line 32:		Line 18:
	border: 1px solid #1a1a1a;		border: 1px solid #1a1a1a;
	border-radius: 4px;		border-radius: 4px;
	padding: 15px ~~2px~~;		padding: 15px 5px;
	text-align: center;		text-align: center;
	font-size: ~~9px~~;		font-size: 10px;
	font-weight: bold;		font-weight: bold;
	text-transform: uppercase;		text-transform: uppercase;

Kalikush at 17:54, 9 May 2026

2026-05-09T17:54:53Z

← Older revision		Revision as of 13:54, 9 May 2026
Line 7:		Line 7:
	.shady-tagline { font-size: 11px; color: #555; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; }		.shady-tagline { font-size: 11px; color: #555; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; }

	/* SEARCH - ~~Accurate~~ Pill */		/* SEARCH - Precise Pill */
	.shady-search-wrapper {		.shady-search-wrapper {
	background: rgba(255, 255, 255, 0.02);		background: rgba(255, 255, 255, 0.02);
Line 21:		Line 21:
	}		}

	/* NAVIGATION TILES - ~~Fixed Proportions~~ */		/* NAVIGATION TILES - Updated to 8 columns */
	.shady-tile-grid {		.shady-tile-grid {
	display: grid;		display: grid;
	grid-template-columns: repeat(6, 1fr);		grid-template-columns: repeat(8, 1fr);
	gap: ~~12px~~;		gap: 8px;
	margin: 40px 0;		margin: 40px 0;
	}		}
Line 32:		Line 32:
	border: 1px solid #1a1a1a;		border: 1px solid #1a1a1a;
	border-radius: 4px;		border-radius: 4px;
	padding: 15px ~~5px~~;		padding: 15px 2px;
	text-align: center;		text-align: center;
	font-size: ~~10px~~;		font-size: 9px;
	font-weight: bold;		font-weight: bold;
	text-transform: uppercase;		text-transform: uppercase;
	color: #888 !important;		color: #888 !important;
	}		}
	.shady-tile:hover { border-color: #a47719; color: #fff !important; background: rgba(164, 119, 25, 0.1); }		.shady-tile:hover {
			border-color: #a47719;
			color: #fff !important;
			background: rgba(164, 119, 25, 0.1);
			}

	/* CARDS - ~~Consistent with image_829ab3.png~~ */		/* CARDS - High-tech Polish */
	.shady-card {		.shady-card {
	background: #0a0a0a;		background: #0a0a0a;
Line 48:		Line 52:
	padding: 30px;		padding: 30px;
	margin-bottom: 20px;		margin-bottom: 20px;
	~~position: relative;~~
	}		}
	.shady-featured-accent { border-left: 3px solid #a47719; }		.shady-featured-accent { border-left: 3px solid #a47719; }
Line 59:		Line 62:
	margin-bottom: 15px;		margin-bottom: 15px;
	text-transform: uppercase;		text-transform: uppercase;
	}

	~~/* SIDEBAR - Compact */~~
	~~.sc-discord {~~
	~~background: #5865F2;~~
	~~border-radius: 4px;~~
	~~padding: 12px;~~
	~~text-align: center;~~
	~~display: block;~~
	~~font-weight: bold;~~
	~~font-size: 13px;~~
	~~color: #fff !important;~~
	~~margin-bottom: 20px;~~
	}		}

Kalikush at 17:51, 9 May 2026

2026-05-09T17:51:54Z

← Older revision		Revision as of 13:51, 9 May 2026
Line 2:		Line 2:
	.shady-mainpage { max-width: 1200px; margin: 0 auto; color: #e2e2e2; }		.shady-mainpage { max-width: 1200px; margin: 0 auto; color: #e2e2e2; }

	/* HERO - Minimalist ~~and Clean~~ */		/* HERO - Minimalist */
	.shady-hero { text-align: center; padding: ~~60px~~ 0 ~~40px~~; }		.shady-hero { text-align: center; padding: 40px 0 20px; }
	.shady-logo { font-family: 'Impact', sans-serif; font-size: 72px; letter-spacing: 4px; margin-bottom: 0; ~~text-shadow~~: ~~0 0 10px rgba(255,255,255,0.1)~~; }		.shady-logo { font-family: 'Impact', sans-serif; font-size: 72px; letter-spacing: 4px; margin-bottom: 0; color: #fff; }
	.shady-tagline { font-size: ~~13px~~; color: #555; text-transform: uppercase; letter-spacing: 2px; }		.shady-tagline { font-size: 11px; color: #555; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; }

	/* SEARCH - ~~The Transparent~~ Pill */		/* SEARCH - Accurate Pill */
	.shady-search-wrapper {		.shady-search-wrapper {
	background: rgba(255, 255, 255, 0.02);		background: rgba(255, 255, 255, 0.02);
	border: 1px solid #~~222~~;		border: 1px solid #1a1a1a;
	border-radius: 50px;		border-radius: 50px;
	padding: ~~16px 30px~~;		padding: 12px 25px;
	max-width: ~~600px~~;		max-width: 500px;
	margin: 30px auto 0;		margin: 30px auto 0;
	display: flex;		display: flex;
	justify-content: space-between;		justify-content: space-between;
	align-items: center;		align-items: center;
			color: #444;
	}		}

	/* NAVIGATION TILES - ~~Centered & Glassy~~ */		/* NAVIGATION TILES - Fixed Proportions */
	.shady-tile-grid {		.shady-tile-grid {
	display: grid;		display: grid;
	grid-template-columns: repeat(6, 1fr); ~~/* Forces 6 across like the image */~~		grid-template-columns: repeat(6, 1fr);
	gap: ~~10px~~;		gap: 12px;
	margin: ~~30px~~ 0;		margin: 40px 0;
	}		}
	.shady-tile {		.shady-tile {
	background: rgba(255, 255, 255, 0.05);		background: rgba(255, 255, 255, 0.03);
	border: 1px solid #~~222~~;		border: 1px solid #1a1a1a;
	border-radius: 4px;		border-radius: 4px;
	padding: ~~12px~~;		padding: 15px 5px;
	text-align: center;		text-align: center;
	font-size: ~~11px~~;		font-size: 10px;
	font-weight: bold;		font-weight: bold;
	text-transform: uppercase;		text-transform: uppercase;
	~~transition~~: ~~0.2s~~;		color: #888 !important;
	}		}
	.shady-tile:hover { border-color: #a47719; background: rgba(164, 119, 25, 0.1); }		.shady-tile:hover { border-color: #a47719; color: #fff !important; background: rgba(164, 119, 25, 0.1); }

	/* ~~CONTENT~~ CARDS - ~~Thin Borders~~ */		/* CARDS - Consistent with image_829ab3.png */
	.shady-card {		.shady-card {
	background: ~~rgba(10, 10, 10, 0.5)~~;		background: #0a0a0a;
	border: 1px solid #1a1a1a;		border: 1px solid #1a1a1a;
	border-radius: ~~8px~~;		border-radius: 4px;
	padding: ~~25px~~;		padding: 30px;
	margin-bottom: 20px;		margin-bottom: 20px;
			position: relative;
	}		}
			.shady-featured-accent { border-left: 3px solid #a47719; }

	.shady-card-header {		.shady-card-header {
	color: #a47719;		color: #a47719;
	font-size: ~~11px~~;		font-size: 10px;
	font-weight: bold;		font-weight: bold;
	letter-spacing: ~~1.5px~~;		letter-spacing: 2px;
	margin-bottom: 15px;		margin-bottom: 15px;
	text-transform: uppercase;		text-transform: uppercase;
	}		}

	/* SIDEBAR ~~BUTTONS~~ */		/* SIDEBAR - Compact */
	.sc-discord {		.sc-discord {
	background: #5865F2;		background: #5865F2;
	border-radius: ~~6px~~;		border-radius: 4px;
	padding: ~~15px~~;		padding: 12px;
	text-align: center;		text-align: center;
	display: block;		display: block;
	font-weight: bold;		font-weight: bold;
			font-size: 13px;
	color: #fff !important;		color: #fff !important;
	margin-bottom: ~~15px~~;		margin-bottom: 20px;
	}		}

Kalikush at 17:50, 9 May 2026

2026-05-09T17:50:50Z

← Older revision		Revision as of 13:50, 9 May 2026
Line 1:		Line 1:
	/* ~~Layout~~ Reset */		/* Container Reset */
	.shady-mainpage { max-width: ~~1400px~~; margin: 0 auto; color: #~~f0f0f0~~; }		.shady-mainpage { max-width: 1200px; margin: 0 auto; color: #e2e2e2; }

	/* HERO - ~~Large~~ and ~~Transparent~~ */		/* HERO - Minimalist and Clean */
	.shady-hero {		.shady-hero { text-align: center; padding: 60px 0 40px; }
	text-align: center;		.shady-logo { font-family: 'Impact', sans-serif; font-size: 72px; letter-spacing: 4px; margin-bottom: 0; text-shadow: 0 0 10px rgba(255,255,255,0.1); }
	padding: ~~100px 20px~~ 60px;		.shady-tagline { font-size: 13px; color: #555; text-transform: uppercase; letter-spacing: 2px; }
	~~background: linear-gradient(to bottom, rgba(164, 119, 25,~~ 0~~.05), transparent)~~;
	}
	.shady-logo {
	font-family: 'Impact', sans-serif;
	font-size: ~~80px~~;
	letter-spacing: ~~6px~~;
	~~color~~: ~~#fff~~;
	text-shadow: 0 0 ~~30px~~ rgba(~~164~~, ~~119~~, 25, 0.4);
	~~margin: 0;~~
	}
	.shady-tagline { font-size: 13px; color: #~~888~~; text-transform: uppercase; letter-spacing: ~~4px; margin-top: 10px~~; }

	/* SEARCH ~~PILL~~ - ~~Rounded with Neon Border~~ */		/* SEARCH - The Transparent Pill */
	.shady-search-~~pill~~ {		.shady-search-wrapper {
			background: rgba(255, 255, 255, 0.02);
			border: 1px solid #222;
			border-radius: 50px;
			padding: 16px 30px;
	max-width: 600px;		max-width: 600px;
	margin: ~~40px~~ auto 0;		margin: 30px auto 0;
	~~background: rgba(0, 0, 0, 0.6);~~
	~~border: 1px solid #333;~~
	~~padding: 15px 30px;~~
	~~border-radius: 50px~~;
	display: flex;		display: flex;
	justify-content: space-between;		justify-content: space-between;
	align-items: center;		align-items: center;
	~~box-shadow: 0 0 20px rgba(0,0,0,0.8);~~
	}		}

	/* ~~CATEGORY~~ TILES - ~~The Star Citizen "Navigation" look~~ */		/* NAVIGATION TILES - Centered & Glassy */
	.shady-tile-grid {		.shady-tile-grid {
	display: grid;		display: grid;
	grid-template-columns: repeat(~~auto-fit, minmax(150px~~, 1fr));		grid-template-columns: repeat(6, 1fr); /* Forces 6 across like the image */
	gap: ~~12px~~;		gap: 10px;
	margin: ~~40px~~ 0;		margin: 30px 0;
	}		}
	.shady-tile {		.shady-tile {
	background: rgba(255,255,255,0.03);		background: rgba(255, 255, 255, 0.05);
	border: 1px solid #222;		border: 1px solid #222;
	~~padding: 20px;~~
	~~text-align: left;~~
	border-radius: 4px;		border-radius: 4px;
	font-size: ~~14px~~;		padding: 12px;
			text-align: center;
			font-size: 11px;
	font-weight: bold;		font-weight: bold;
	~~border~~-~~left~~: ~~3px solid #333~~;		text-transform: uppercase;
	transition: 0.3s;		transition: 0.2s;
	}		}
	.shady-tile:hover { border~~-left~~-color: #a47719; background: rgba(164, 119, 25, 0.1); }		.shady-tile:hover { border-color: #a47719; background: rgba(164, 119, 25, 0.1); }

	/* CONTENT CARDS - ~~Rounded with Header Accents~~ */		/* CONTENT CARDS - Thin Borders */
	.shady-card {		.shady-card {
	background: rgba(10, 10, 10, 0.9);		background: rgba(10, 10, 10, 0.5);
	border: 1px solid #1a1a1a;		border: 1px solid #1a1a1a;
	border-radius: ~~12px~~;		border-radius: 8px;
	padding: ~~30px~~;		padding: 25px;
	margin-bottom: ~~25px;~~		margin-bottom: 20px;
	~~position: relative;~~
	~~overflow: hidden~~;
	}		}
	.shady-card-header {		.shady-card-header {
	color: #a47719;		color: #a47719;
	font-size: ~~12px~~;		font-size: 11px;
	font-weight: ~~900~~;		font-weight: bold;
	letter-spacing: ~~2px~~;		letter-spacing: 1.5px;
	margin-bottom: ~~20px~~;		margin-bottom: 15px;
	text-transform: uppercase;		text-transform: uppercase;
	~~display: flex;~~
	~~justify-content: space-between;~~
	}		}

	/* ~~STATS - Square Boxes from the Screenshot~~ */		/* SIDEBAR BUTTONS */
	.~~shady-stat-grid { display: flex; gap: 15px; margin-top: 20px; }~~		.sc-discord {
	~~.shady-stat~~-~~box~~ {		background: #5865F2;
	~~flex: 1;~~		border-radius: 6px;
	background: #~~000;~~		padding: 15px;
	~~border: 1px solid #222~~;
	border-radius: ~~8px~~;
	padding: ~~20px~~;
	text-align: center;		text-align: center;
			display: block;
			font-weight: bold;
			color: #fff !important;
			margin-bottom: 15px;
	}		}
	~~.shady-stat-num { font-size: 28px; font-weight: bold; color: #fff; display: block; }~~
	~~.shady-stat-lab { font-size: 10px; color: #a47719; text-transform: uppercase; }~~

Kalikush at 17:49, 9 May 2026

2026-05-09T17:49:22Z

← Older revision	Revision as of 13:49, 9 May 2026
Line 1:	Line 1:
		/* Layout Reset */
		.shady-mainpage { max-width: 1400px; margin: 0 auto; color: #f0f0f0; }

		/* HERO - Large and Transparent */
		.shady-hero {
		text-align: center;
		padding: 100px 20px 60px;
		background: linear-gradient(to bottom, rgba(164, 119, 25, 0.05), transparent);
		}
		.shady-logo {
		font-family: 'Impact', sans-serif;
		font-size: 80px;
		letter-spacing: 6px;
		color: #fff;
		text-shadow: 0 0 30px rgba(164, 119, 25, 0.4);
		margin: 0;
		}
		.shady-tagline { font-size: 13px; color: #888; text-transform: uppercase; letter-spacing: 4px; margin-top: 10px; }

		/* SEARCH PILL - Rounded with Neon Border */
		.shady-search-pill {
		max-width: 600px;
		margin: 40px auto 0;
		background: rgba(0, 0, 0, 0.6);
		border: 1px solid #333;
		padding: 15px 30px;
		border-radius: 50px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		box-shadow: 0 0 20px rgba(0,0,0,0.8);
		}

		/* CATEGORY TILES - The Star Citizen "Navigation" look */
		.shady-tile-grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
		gap: 12px;
		margin: 40px 0;
		}
		.shady-tile {
		background: rgba(255,255,255,0.03);
		border: 1px solid #222;
		padding: 20px;
		text-align: left;
		border-radius: 4px;
		font-size: 14px;
		font-weight: bold;
		border-left: 3px solid #333;
		transition: 0.3s;
		}
		.shady-tile:hover { border-left-color: #a47719; background: rgba(164, 119, 25, 0.1); }

		/* CONTENT CARDS - Rounded with Header Accents */
		.shady-card {
		background: rgba(10, 10, 10, 0.9);
		border: 1px solid #1a1a1a;
		border-radius: 12px;
		padding: 30px;
		margin-bottom: 25px;
		position: relative;
		overflow: hidden;
		}
		.shady-card-header {
		color: #a47719;
		font-size: 12px;
		font-weight: 900;
		letter-spacing: 2px;
		margin-bottom: 20px;
		text-transform: uppercase;
		display: flex;
		justify-content: space-between;
		}

		/* STATS - Square Boxes from the Screenshot */
		.shady-stat-grid { display: flex; gap: 15px; margin-top: 20px; }
		.shady-stat-box {
		flex: 1;
		background: #000;
		border: 1px solid #222;
		border-radius: 8px;
		padding: 20px;
		text-align: center;
		}
		.shady-stat-num { font-size: 28px; font-weight: bold; color: #fff; display: block; }
		.shady-stat-lab { font-size: 10px; color: #a47719; text-transform: uppercase; }

Kalikush: Blanked the page

2026-05-09T17:48:07Z

Blanked the page

← Older revision		Revision as of 13:48, 9 May 2026
Line 1:		Line 1:
	~~/* Container & Depth */~~
	~~.shady-mainpage { max-width: 1200px; margin: 0 auto; color: #e2e2e2; }~~

	~~/* REFINED HERO & SEARCH */~~
	~~.shady-hero { padding: 60px 0 40px; text-align: center; }~~
	~~.shady-logo { font-family: 'Impact', sans-serif; font-size: 72px; letter-spacing: 4px; margin-bottom: 0; }~~
	~~.shady-tagline { font-size: 13px; color: #666; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 30px; }~~

	~~/* Pill Search - More Spaced */~~
	~~.shady-search-wrapper {~~
	~~background: rgba(255, 255, 255, 0.03);~~
	~~border: 1px solid #222;~~
	~~border-radius: 50px;~~
	~~padding: 18px 30px;~~
	~~max-width: 650px;~~
	~~margin: 0 auto;~~
	~~display: flex;~~
	~~justify-content: space-between;~~
	~~align-items: center;~~
	~~box-shadow: 0 10px 30px rgba(0,0,0,0.4);~~
	}

	~~/* CARDS - Thinner borders, inner glow */~~
	~~.shady-card {~~
	~~background: #0d0d0d;~~
	~~border: 1px solid #222;~~
	~~border-radius: 12px;~~
	~~padding: 30px;~~
	~~margin-bottom: 24px;~~
	~~box-shadow: inset 0 0 20px rgba(255,255,255,0.02);~~
	}
	~~.shady-card-title {~~
	~~color: #a47719;~~
	~~font-size: 12px;~~
	~~font-weight: 800;~~
	~~text-transform: uppercase;~~
	~~letter-spacing: 2px;~~
	~~border-bottom: 1px solid #1a1a1a;~~
	~~padding-bottom: 12px;~~
	~~margin-bottom: 20px;~~
	}

	~~/* FEATURED ARTICLE REWORK */~~
	~~.shady-featured-card {~~
	~~background: linear-gradient(135deg, #111 0%, #050505 100%);~~
	~~border: 1px solid #a47719;~~
	~~border-radius: 12px;~~
	~~padding: 40px;~~
	~~margin: 30px 0;~~
	}
	~~.shady-featured-title { font-size: 48px; font-weight: 900; color: #fff; margin-bottom: 10px; }~~

	~~/* STATS - Square to match Star Citizen Wiki style */~~
	~~.shady-stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; max-width: 400px; margin: 0 auto; }~~
	~~.shady-stat-box {~~
	~~background: #111;~~
	~~border: 1px solid #222;~~
	~~border-radius: 8px;~~
	~~padding: 20px;~~
	~~text-align: center;~~
	}
	~~.shady-stat-num { font-size: 32px; font-weight: bold; color: #fff; display: block; }~~
	~~.shady-stat-label { font-size: 11px; color: #a47719; text-transform: uppercase; }~~