MediaWiki:Common.css - Revision history

Hal.leo at 04:01, 5 September 2025

2025-09-05T04:01:11Z

@@ Line 75: / Line 75: @@
      border-radius: 6px; /* Slightly smaller radius for the image itself */
      display: block; /* Removes any extra space below the image */
+}

Hal.leo at 03:59, 5 September 2025

2025-09-05T03:59:12Z

@@ Line 75: / Line 75: @@
      border-radius: 6px; /* Slightly smaller radius for the image itself */
      display: block; /* Removes any extra space below the image */
+}

Hal.leo: Reverted edits by Hal.leo (talk) to last revision by Blaze

2025-09-05T03:47:16Z

Reverted edits by Hal.leo (talk) to last revision by Blaze

← Older revision		Revision as of 03:47, 5 September 2025
Line 1:		Line 1:
			/* --- Frutiger Aero Main Page Style --- */

	.~~mainpage~~-~~container {~~		/* 1. Style for the main content boxes (the tables you used for layout) */
	~~display~~: ~~flex~~;		.wikitable {
	~~flex~~-~~wrap~~: ~~wrap~~;		background-color: rgba(235, 245, 255, 0.7) !important; /* Light, semi-transparent blue */
	~~gap~~: ~~25px~~;		border: 1px solid rgba(255, 255, 255, 0.8) !important;
			border-radius: 12px !important; /* Smooth, rounded corners */

			/* The "frosted glass" blur effect */
			-webkit-backdrop-filter: blur(8px);
			backdrop-filter: blur(8px);

			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
			margin-bottom: 2em; /* Add space between the sections */
			}

	.~~mainpage~~-~~left~~-~~col~~ {		/* 2. Style for the section headers (like "Welcome to the Frutiger Space Wiki!") */
	~~flex~~: 3;		#firstHeading, .mw-parser-output h2 {
	~~min~~-~~width~~: ~~350px~~;		font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
			color: #005E9A;
			border-bottom: 1px solid #a7d7f9;
			padding-bottom: 5px;
	}		}

	.~~mainpage~~-~~right-col {~~		/* 3. Style for the Tabber extension (Q&A and Partners sections) */
	~~flex~~: 2; ~~/* Makes the right column take up less space */~~		.tabberlive .tabbertab {
	~~min-width~~: ~~300px~~;		border-radius: 0 10px 10px 10px !important;
			border: 1px solid #a7d7f9 !important;
			background: rgba(255, 255, 255, 0.6) !important;
	}		}

	.~~mainpage-module~~ {		.tabberlive ul.tabbernav li a {
	background-~~color: var~~(~~--fa-glass-bg~~);		background: linear-gradient(to bottom, #ffffff 0%, #e1f0f9 100%) !important;
	border: 1px solid ~~var(--fa-glass-border)~~;		border: 1px solid #a7d7f9 !important;
	border-radius: ~~8px;~~		border-radius: 10px 10px 0 0 !important;
	~~box-shadow: 0 4px 15px rgba(0, 0,~~ 0, 0~~.05)~~;		color: #005E9A !important;
	~~margin-bottom~~: ~~25px~~; ~~/* Space between modules in the same column */~~		font-weight: bold;
	~~overflow~~: ~~hidden~~; ~~/* Important for keeping border-radius on the header */~~
	}		}

	.~~mainpage-module-header~~ {		.tabberlive ul.tabbernav li.tabberactive a {
	background: ~~linear-gradient(to bottom, var(--fa-sky-blue-light), var(--fa-sky-blue-medium));~~		background: #fff !important;
	~~padding: 10px 15px;~~		border-bottom: 1px solid #fff !important;
	~~color: white;~~
	~~font-size: 1.2em;~~
	~~font-weight: bold;~~
	~~text-shadow: 0 1px 1px rgba(0,0,0,0.25)~~;
	border-bottom: 1px solid ~~var(--fa-sky-blue-dark)~~;
	}		}

	.~~mainpage-module-content~~ {		/* 4. Style for the Table of Contents */
	~~padding~~: ~~15px~~;		#toc {
	~~font-size~~: ~~0.95em~~;		background-color: rgba(235, 245, 255, 0.7);
	~~line~~-~~height~~: ~~1.6~~;		border: 1px solid #a7d7f9;
			border-radius: 12px;
	}		}

	/* ~~Specific styling for lists inside modules~~ */		/* --- Windows 7 Style Profile Picture Frame --- */
	.~~mainpage~~-~~module~~-~~content ul~~ {
	~~list~~-~~style~~-~~type~~: ~~disc~~;		/* This styles the container we added in the template */
	~~margin~~-~~left~~: ~~20px~~;		.dev-pfp-container {
			display: inline-block; /* Ensures the container fits the image */
			width: 120px;
			height: 120px;
			border-radius: 10px; /* The classic rounded corners */
			padding: 6px; /* Space between the frame and the image */

			/* The glossy silver gradient for the frame */
			background: linear-gradient(to bottom, #f9f9f9 0%, #d5d5d5 100%);

			/* The 3D shadow effect */
			box-shadow:
			inset 0 1px 1px rgba(255, 255, 255, 0.9), /* Inner top highlight for gloss */
			0 2px 6px rgba(0, 0, 0, 0.4); /* Outer drop shadow */
	}		}

	/* ~~HIDE THE DEFAULT TITLE ON THE MAIN PAGE~~ */		/* This styles the actual image inside the frame */
	~~body~~.~~page~~-~~Main_Page h1.firstHeading~~ {		.dev-pfp-container img {
	display: ~~none~~;		width: 100%;
			height: 100%;
			border-radius: 6px; /* Slightly smaller radius for the image itself */
			display: block; /* Removes any extra space below the image */
	}		}

Hal.leo at 03:40, 5 September 2025

2025-09-05T03:40:05Z

← Older revision		Revision as of 03:40, 5 September 2025
Line 1:		Line 1:
	~~/* --- Frutiger Aero Main Page Style --- */~~

	~~/* 1~~. ~~Style for the main content boxes (the tables you used for layout) */~~		.mainpage-container {
	~~.wikitable~~ {		display: flex;
	~~background-color~~: ~~rgba(235, 245, 255, 0.7) !important~~; ~~/* Light, semi-transparent blue */~~		flex-wrap: wrap;
	~~border~~: ~~1px solid rgba(255, 255, 255, 0.8) !important~~;		gap: 25px;
	~~border-radius~~: ~~12px !important~~; ~~/* Smooth, rounded corners */~~
			.mainpage-left-col {
	~~/* The "frosted glass" blur effect */~~		flex: 3;
	-~~webkit~~-~~backdrop-filter: blur(8px);~~		min-width: 350px;
	~~backdrop-filter~~: ~~blur(8px);~~

	~~box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1)~~; ~~/* Soft shadow for depth */~~
	~~margin~~-~~bottom~~: ~~2em~~; ~~/* Add space between the sections */~~
	}		}

	~~/* 2~~. ~~Style for the section headers (like "Welcome to the Frutiger Space Wiki!") */~~		.mainpage-right-col {
	~~#firstHeading, .mw~~-~~parser~~-~~output h2~~ {		flex: 2; /* Makes the right column take up less space */
	~~font-family~~: ~~"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;~~		min-width: 300px;
	~~color: #005E9A;~~
	~~border-bottom: 1px solid #a7d7f9~~;
	~~padding~~-~~bottom~~: ~~5px~~;
	}		}

	~~/* 3~~. ~~Style for the Tabber extension (Q&A and Partners sections) */~~		.mainpage-module {
	~~.tabberlive .tabbertab~~ {		background-color: var(--fa-glass-bg);
	~~border~~-~~radius~~: ~~0 10px 10px 10px !important~~;		border: 1px solid var(--fa-glass-border);
	border: 1px solid ~~#a7d7f9 !important~~;		border-radius: 8px;
	~~background~~: rgba(~~255~~, ~~255~~, ~~255~~, 0.6) ~~!important~~;		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
			margin-bottom: 25px; /* Space between modules in the same column */
			overflow: hidden; /* Important for keeping border-radius on the header */
	}		}

	.~~tabberlive ul.tabbernav li a~~ {		.mainpage-module-header {
	background: linear-gradient(to bottom, ~~#ffffff 0%~~, ~~#e1f0f9 100%~~) ~~!important~~;		background: linear-gradient(to bottom, var(--fa-sky-blue-light), var(--fa-sky-blue-medium));
	~~border~~: ~~1px solid #a7d7f9 !important~~;		padding: 10px 15px;
	~~border-radius~~: ~~10px 10px 0 0 !important~~;		color: white;
	~~color~~: ~~#005E9A !important~~;		font-size: 1.2em;
	font-weight: bold;		font-weight: bold;
			text-shadow: 0 1px 1px rgba(0,0,0,0.25);
			border-bottom: 1px solid var(--fa-sky-blue-dark);
	}		}

	.~~tabberlive ul.tabbernav li.tabberactive a~~ {		.mainpage-module-content {
	~~background~~: ~~#fff !important~~;		padding: 15px;
	~~border-bottom: 1px solid #fff !important;~~		font-size: 0.95em;
	}		line-height: 1.6;

	~~/* 4. Style for the Table of Contents */~~
	~~#toc {~~
	~~background~~-~~color~~: ~~rgba(235, 245, 255,~~ 0.~~7);~~
	~~border: 1px solid #a7d7f9;~~
	~~border-radius: 12px~~;
	}

	~~/* --- Windows 7 Style Profile Picture Frame --- */~~

	~~/* This styles the container we added in the template */~~
	~~.dev-pfp-container {~~
	~~display: inline~~-~~block; /* Ensures the container fits the image */~~
	~~width: 120px;~~
	height: ~~120px;~~
	~~border-radius: 10px; /* The classic rounded corners */~~
	~~padding: 6px; /* Space between the frame and the image */~~

	~~/* The glossy silver gradient for the frame */~~
	~~background: linear-gradient(to bottom, #f9f9f9 0%, #d5d5d5 100%);~~

	~~/* The 3D shadow effect */~~
	~~box-shadow:~~
	~~inset 0 1px 1px rgba(255, 255, 255, 0.9), /* Inner top highlight for gloss */~~
	~~0 2px 6px rgba(0, 0, 0, 0~~.4); ~~/* Outer drop shadow */~~
	}		}

	/* ~~This styles the actual image~~ inside ~~the frame~~ */		/* Specific styling for lists inside modules */
	.~~dev~~-~~pfp~~-~~container img~~ {		.mainpage-module-content ul {
	~~width: 100%;~~		list-style-type: disc;
	~~height~~: ~~100%~~;		margin-left: 20px;
	~~border~~-~~radius: 6px; /* Slightly smaller radius for the image itself */~~
	~~display~~: ~~block~~; ~~/* Removes any extra space below the image */~~
	}		}

Hal.leo at 03:36, 5 September 2025

2025-09-05T03:36:26Z

← Older revision		Revision as of 03:36, 5 September 2025
Line 75:		Line 75:
	border-radius: 6px; /* Slightly smaller radius for the image itself */		border-radius: 6px; /* Slightly smaller radius for the image itself */
	display: block; /* Removes any extra space below the image */		display: block; /* Removes any extra space below the image */
			}

			/* HIDE THE DEFAULT TITLE ON THE MAIN PAGE */
			body.page-Main_Page h1.firstHeading {
			display: none;
	}		}

Hal.leo: Reverted edit by Hal.leo (talk) to last revision by Blaze

2025-09-05T03:31:54Z

Reverted edit by Hal.leo (talk) to last revision by Blaze

Show changes

Hal.leo at 03:31, 5 September 2025

2025-09-05T03:31:05Z

Show changes

Blaze at 00:25, 4 September 2025

2025-09-04T00:25:33Z

← Older revision	Revision as of 00:25, 4 September 2025
Line 1:	Line 1:
		/* --- Frutiger Aero Main Page Style --- */

		/* 1. Style for the main content boxes (the tables you used for layout) */
		.wikitable {
		background-color: rgba(235, 245, 255, 0.7) !important; /* Light, semi-transparent blue */
		border: 1px solid rgba(255, 255, 255, 0.8) !important;
		border-radius: 12px !important; /* Smooth, rounded corners */

		/* The "frosted glass" blur effect */
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);

		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
		margin-bottom: 2em; /* Add space between the sections */
		}

		/* 2. Style for the section headers (like "Welcome to the Frutiger Space Wiki!") */
		#firstHeading, .mw-parser-output h2 {
		font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
		color: #005E9A;
		border-bottom: 1px solid #a7d7f9;
		padding-bottom: 5px;
		}

		/* 3. Style for the Tabber extension (Q&A and Partners sections) */
		.tabberlive .tabbertab {
		border-radius: 0 10px 10px 10px !important;
		border: 1px solid #a7d7f9 !important;
		background: rgba(255, 255, 255, 0.6) !important;
		}

		.tabberlive ul.tabbernav li a {
		background: linear-gradient(to bottom, #ffffff 0%, #e1f0f9 100%) !important;
		border: 1px solid #a7d7f9 !important;
		border-radius: 10px 10px 0 0 !important;
		color: #005E9A !important;
		font-weight: bold;
		}

		.tabberlive ul.tabbernav li.tabberactive a {
		background: #fff !important;
		border-bottom: 1px solid #fff !important;
		}

		/* 4. Style for the Table of Contents */
		#toc {
		background-color: rgba(235, 245, 255, 0.7);
		border: 1px solid #a7d7f9;
		border-radius: 12px;
		}

		/* --- Windows 7 Style Profile Picture Frame --- */

		/* This styles the container we added in the template */
		.dev-pfp-container {
		display: inline-block; /* Ensures the container fits the image */
		width: 120px;
		height: 120px;
		border-radius: 10px; /* The classic rounded corners */
		padding: 6px; /* Space between the frame and the image */

		/* The glossy silver gradient for the frame */
		background: linear-gradient(to bottom, #f9f9f9 0%, #d5d5d5 100%);

		/* The 3D shadow effect */
		box-shadow:
		inset 0 1px 1px rgba(255, 255, 255, 0.9), /* Inner top highlight for gloss */
		0 2px 6px rgba(0, 0, 0, 0.4); /* Outer drop shadow */
		}

		/* This styles the actual image inside the frame */
		.dev-pfp-container img {
		width: 100%;
		height: 100%;
		border-radius: 6px; /* Slightly smaller radius for the image itself */
		display: block; /* Removes any extra space below the image */
		}

Blaze: Blanked the page

2025-09-04T00:23:11Z

Blanked the page

Show changes

Blaze at 04:58, 3 September 2025

2025-09-03T04:58:09Z

@@ Line 1: / Line 1: @@
 :root {
      --fa-sky-blue-light: #88c9f5;
@@ Line 13: / Line 20: @@
      --fa-link-hover-color: #007bff;
-     /* --- NEW: Custom Image URLs --- */
+     /* --- Custom Image URLs (Replace these!) --- */
-     --fa-logo-image: url('https://cdn.discordapp.com/attachments/1372618624740884513/1411444571526791409/FrutigerWikiLogo.png?ex=68b8a231&is=68b750b1&hm=15cf551d120189f9b327f78e531848dcca0e9796d784502a275cfc59d8705f7f&/120px-Windows_Vista_logo.png'); /* Placeholder: Replace with your logo URL */
+     --fa-logo-image: url('https://cdn.discordapp.com/attachments/1405166194792595514/1412162687508549702/frutigerspace_aqua_logo.png?ex=68b89bfd&is=68b74a7d&hm=3ca52d1072c1985536534c50084ec0bc24e24ba21c42392d5902cd35e3aff9fd&/120px-Windows_Vista_logo.png'); /* Placeholder: Replace with your logo URL */
-     --fa-top-background-image: url('https://cdn.discordapp.com/attachments/1372618624740884513/1412158578185207929/Aero_Page.png?ex=68b89829&is=68b746a9&hm=d451bfaeddf40fb5854ed3bf4b2f5878c0bf43135ec38a516355f9e8fa72230c&'); /* Placeholder: Replace with your top background image URL */
+     --fa-top-background-image: url('https://i.imgur.com/uR5A2N1.jpeg'); /* Placeholder: Replace with your top background image URL */
+}
@@ Line 25: / Line 32: @@
      font-family: var(--fa-font-family);
      color: var(--fa-text-color);
-     /* The quintessential Frutiger Aero background: a soft, optimistic gradient */
+     /* The main background is now just the lower gradient. The top image is handled by the header. */
      background: linear-gradient(to bottom, #d4f0ff 0%, #a2d7f5 100%) fixed;
      background-size: cover;
      background-attachment: fixed;
+}
@@ Line 63: / Line 52: @@
 /* =========================================== */
-/* Main content area - this is our primary "glass" panel */
+/* --- MODIFIED: Header area now has the background image --- */
 .mw-body,
 #content {
@@ Line 75: / Line 91: @@
      backdrop-filter: blur(15px);
-     margin-top: 50px; /* Adjust this to give space below the top background image */
+     /* Use a negative margin to pull the glass panel UP, slightly overlapping the header */
+    margin-top: -30px;
+}
@@ Line 93: / Line 105: @@
 /* =========================================== */
-/* == NEW: Custom Logo Section              == */
+/* == Custom Logo Section                     == */
 /* =========================================== */
 #p-logo {