MediaWiki:FuseBoxes.css - Revision history

Noorisei at 09:46, 29 January 2026

2026-01-29T09:46:37Z

@@ Line 120: / Line 120: @@
      grid-template-columns: 1fr;
+   }
+}

Noorisei: Noorisei moved page MediaWiki:BoxerBunnyBox.css to MediaWiki:FuseBoxes.css

2026-01-29T09:02:26Z

Noorisei moved page MediaWiki:BoxerBunnyBox.css to MediaWiki:FuseBoxes.css

← Older revision	Revision as of 05:02, 29 January 2026
(No difference)

Noorisei at 09:01, 29 January 2026

2026-01-29T09:01:32Z

← Older revision		Revision as of 05:01, 29 January 2026
Line 1:		Line 1:
	.~~bunny~~-page {		.fuses-page {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;		font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	color: var(--text);		color: var(--text);
Line 52:		Line 52:
	}		}

	/* Image Container Overrides for ~~Bunny~~ Theme */		/* Image Container Overrides for Fuses Theme */
	.~~bunny~~-page .image-container {		.fuses-page .image-container {
	background: var(--surface) !important;		background: var(--surface) !important;
	border: 2px solid var(--border) !important;		border: 2px solid var(--border) !important;
Line 60:		Line 60:
	}		}

	.~~bunny~~-page .image-container:hover {		.fuses-page .image-container:hover {
	border-color: var(--primary) !important;		border-color: var(--primary) !important;
	transform: scale(1.02);		transform: scale(1.02);
	}		}

	.~~bunny~~-page .image-caption {		.fuses-page .image-caption {
	color: var(--heading) !important;		color: var(--heading) !important;
	font-weight: 600;		font-weight: 600;

Noorisei at 06:55, 29 January 2026

2026-01-29T06:55:47Z

← Older revision		Revision as of 02:55, 29 January 2026
Line 1:		Line 1:
	.bunny-page {		.bunny-page {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;		font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	color: ~~#5e4b52~~;		color: var(--text);
	max-width: 1200px;		max-width: 1200px;
	margin: 0 auto;		margin: 0 auto;
Line 9:		Line 9:
	/* Section Headers */		/* Section Headers */
	.section-header h2 {		.section-header h2 {
	color: ~~#d67a91~~;		color: var(--heading);
	margin-top: 0;		margin-top: 0;
	margin-bottom: 5px;		margin-bottom: 5px;
Line 16:		Line 16:
	.section-lead {		.section-lead {
	margin-top: 0;		margin-top: 0;
	color: ~~#5e4b52~~;		color: var(--text-muted);
	opacity: 0.8;		opacity: 0.8;
	margin-bottom: 20px;		margin-bottom: 20px;
Line 23:		Line 23:
	/* Feature Cards */		/* Feature Cards */
	.feature-card {		.feature-card {
	background: ~~rgba~~(~~255, 255, 255, 0.8~~);		background: var(--surface);

	border-radius: 16px;		border-radius: 16px;
	padding: 25px;		padding: 25px;
	margin-bottom: 25px;		margin-bottom: 25px;
	border: 1px solid ~~rgba~~(~~255, 255, 255, 0.6~~);		border: 1px solid var(--border);
	box-shadow: 0 4px 20px ~~rgba~~(~~0, 0, 0, 0.05~~);		box-shadow: 0 4px 20px var(--shadow-soft);
	transition: transform 0.3s ease, box-shadow 0.3s ease;		transition: transform 0.3s ease, box-shadow 0.3s ease;
	}		}
Line 35:		Line 34:
	.feature-card:hover {		.feature-card:hover {
	transform: translateY(-5px);		transform: translateY(-5px);
	box-shadow: 0 8px 25px ~~rgba~~(~~255, 158, 181, 0.25~~);		box-shadow: 0 8px 25px var(--shadow-medium);
	}		}

	.feature-card h4 {		.feature-card h4 {
	color: ~~#d67a91~~;		color: var(--heading);
	font-size: 1.4em;		font-size: 1.4em;
	margin-top: 0;		margin-top: 0;
	margin-bottom: 20px;		margin-bottom: 20px;
	padding-bottom: 10px;		padding-bottom: 10px;
	border-bottom: 2px solid ~~#fff0f5~~;		border-bottom: 2px solid var(--border);
	}		}

Line 51:		Line 50:
	display: grid;		display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

	}		}

	/* Image Container Overrides for Bunny Theme */		/* Image Container Overrides for Bunny Theme */
	.bunny-page .image-container {		.bunny-page .image-container {
	background: ~~white~~ !important;		background: var(--surface) !important;
	border: 2px solid ~~#fff0f5~~ !important;		border: 2px solid var(--border) !important;
	border-radius: 12px !important;		border-radius: 12px !important;
	transition: all 0.3s ease;		transition: all 0.3s ease;
Line 63:		Line 61:

	.bunny-page .image-container:hover {		.bunny-page .image-container:hover {
	border-color: ~~#ff9eb5~~ !important;		border-color: var(--primary) !important;
	transform: scale(1.02);		transform: scale(1.02);
	}		}

	.bunny-page .image-caption {		.bunny-page .image-caption {
	color: ~~#d67a91~~ !important;		color: var(--heading) !important;
	font-weight: 600;		font-weight: 600;
	background: ~~#fff0f5~~;		background: var(--bg-2);
	padding: 5px 10px;		padding: 5px 10px;
	border-radius: 20px;		border-radius: 20px;
Line 80:		Line 78:
	.nav-tabs {		.nav-tabs {
	display: flex;		display: flex;

	margin-bottom: 25px;		margin-bottom: 25px;
	border-bottom: none;		border-bottom: none;
Line 88:		Line 85:

	.nav-tab {		.nav-tab {
	background: ~~white~~;		background: var(--surface);
	border: 2px solid ~~#fff0f5~~;		border: 2px solid var(--border);
	border-radius: 25px;		border-radius: 25px;
	padding: 10px 20px;		padding: 10px 20px;
	color: ~~#5e4b52~~;		color: var(--text);
	font-weight: 600;		font-weight: 600;
	cursor: pointer;		cursor: pointer;
Line 99:		Line 96:

	.nav-tab.active {		.nav-tab.active {
	background: ~~#ff9eb5~~;		background: var(--primary);
	color: ~~white~~;		color: var(--surface);
	border-color: ~~#ff9eb5~~;		border-color: var(--primary);
	box-shadow: 0 4px 12px ~~rgba~~(~~255, 158, 181, 0.25~~);		box-shadow: 0 4px 12px var(--shadow-strong);
	}		}

	.nav-tab:hover:not(.active) {		.nav-tab:hover:not(.active) {
	background: ~~#fff0f5~~;		background: var(--bg-2);
	border-color: ~~#ff9eb5~~;		border-color: var(--primary);
	}		}

Noorisei: Created page with ".bunny-page { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #5e4b52; max-width: 1200px; margin: 0 auto; padding: 20px; } /* Section Headers / .section-header h2 { color: #d67a91; margin-top: 0; margin-bottom: 5px; } .section-lead { margin-top: 0; color: #5e4b52; opacity: 0.8; margin-bottom: 20px; } / Feature Cards */ .feature-card { background: rgba(255, 255, 255, 0.8); border-radius: 16px; padding: 25px; marg..."

2025-12-16T08:09:00Z

Created page with ".bunny-page { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #5e4b52; max-width: 1200px; margin: 0 auto; padding: 20px; } Section Headers: .section-header h2 { color: #d67a91; margin-top: 0; margin-bottom: 5px; } .section-lead { margin-top: 0; color: #5e4b52; opacity: 0.8; margin-bottom: 20px; } Feature Cards: .feature-card { background: rgba(255, 255, 255, 0.8); border-radius: 16px; padding: 25px; marg..."

New page

.bunny-page {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #5e4b52;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}

/* Section Headers */
.section-header h2 {
color: #d67a91;
margin-top: 0;
margin-bottom: 5px;
}

.section-lead {
margin-top: 0;
color: #5e4b52;
opacity: 0.8;
margin-bottom: 20px;
}

/* Feature Cards */
.feature-card {
background: rgba(255, 255, 255, 0.8);

border-radius: 16px;
padding: 25px;
margin-bottom: 25px;
border: 1px solid rgba(255, 255, 255, 0.6);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(255, 158, 181, 0.25);
}

.feature-card h4 {
color: #d67a91;
font-size: 1.4em;
margin-top: 0;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid #fff0f5;
}

/* Grid Layout */
.info-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

}

/* Image Container Overrides for Bunny Theme */
.bunny-page .image-container {
background: white !important;
border: 2px solid #fff0f5 !important;
border-radius: 12px !important;
transition: all 0.3s ease;
}

.bunny-page .image-container:hover {
border-color: #ff9eb5 !important;
transform: scale(1.02);
}

.bunny-page .image-caption {
color: #d67a91 !important;
font-weight: 600;
background: #fff0f5;
padding: 5px 10px;
border-radius: 20px;
display: inline-block;
margin-top: 10px;
}

/* Tabs Styling Overrides */
.nav-tabs {
display: flex;

margin-bottom: 25px;
border-bottom: none;
overflow-x: auto;
padding-bottom: 5px;
}

.nav-tab {
background: white;
border: 2px solid #fff0f5;
border-radius: 25px;
padding: 10px 20px;
color: #5e4b52;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
}

.nav-tab.active {
background: #ff9eb5;
color: white;
border-color: #ff9eb5;
box-shadow: 0 4px 12px rgba(255, 158, 181, 0.25);
}

.nav-tab:hover:not(.active) {
background: #fff0f5;
border-color: #ff9eb5;
}

/* Responsive */
@media (max-width: 768px) {
.hero {
padding: 25px;
}

.hero-title {
font-size: 2em;
}

.info-grid {
grid-template-columns: 1fr;
}
}