MediaWiki:InfoBox.css - Revision history

Noeth at 17:24, 12 March 2025

2025-03-12T17:24:49Z

← Older revision		Revision as of 17:24, 12 March 2025
Line 7:		Line 7:
	margin: 1.5rem 0;		margin: 1.5rem 0;
	transition: box-shadow 0.3s ease;		transition: box-shadow 0.3s ease;
			height: unset !important;
	}		}

Noeth at 17:21, 12 March 2025

2025-03-12T17:21:44Z

← Older revision		Revision as of 17:21, 12 March 2025
Line 4:		Line 4:
	color: #374151; /* gray-700 */		color: #374151; /* gray-700 */
	border-radius: 0.75rem; /* rounded-xl */		border-radius: 0.75rem; /* rounded-xl */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); ~~/* subtle shadow */~~		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	margin: 1.5rem 0;		margin: 1.5rem 0;
	transition: box-shadow 0.3s ease;		transition: box-shadow 0.3s ease;
Line 20:		Line 20:
	font-size: 1rem;		font-size: 1rem;
	padding: 0.75rem 1rem;		padding: 0.75rem 1rem;
	border-bottom: 1px solid #e5e7eb; ~~/* gray-200 */~~		border-bottom: 1px solid #e5e7eb;
	border-radius: 0.75rem 0.75rem 0 0;		border-radius: 0.75rem 0.75rem 0 0;
	}		}

	.mw-custom-note .note-icon {		.mw-custom-note .note-icon {
	font-size: 1.25rem; ~~/* text-lg */~~		font-size: 1.25rem;
	color: #3b82f6; /* ~~Tailwind~~ blue-500 */		color: #3b82f6; /* blue-500 */
	display: inline-block;		display: inline-block;
	}		}
Line 46:		Line 46:

	.mw-custom-note a {		.mw-custom-note a {
	color: #2563eb;		color: #2563eb; /* blue-600 */
	text-decoration: underline;		text-decoration: underline;
	}		}

	.mw-custom-note a:hover {		.mw-custom-note a:hover {
	color: #1d4ed8;		color: #1d4ed8; /* blue-700 */
	}		}

Noeth at 17:20, 12 March 2025

2025-03-12T17:20:36Z

← Older revision		Revision as of 17:20, 12 March 2025
Line 1:		Line 1:
	.mw-custom-note {		.mw-custom-note {
	border: 1px solid #e5e7eb; /* ~~Tailwind~~ gray-200 */		border: 1px solid #e5e7eb; /* gray-200 */
	background-color: #~~f9fafb~~; ~~/* Tailwind gray-50 */~~		background-color: #ffffff;
	color: #374151; /* ~~Tailwind~~ gray-700 */		color: #374151; /* gray-700 */
	border-radius: 0.~~5rem~~; /* rounded-lg */		border-radius: 0.75rem; /* rounded-xl */
	box-shadow: 0 ~~1px~~ 2px rgba(0, 0, 0, 0.05); /* subtle shadow */		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* subtle shadow */
	margin: ~~1rem~~ 0;		margin: 1.5rem 0;
	~~max~~-~~width~~: ~~100%~~;		transition: box-shadow 0.3s ease;
			}

			.mw-custom-note:hover {
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
	}		}

	.mw-custom-note .card-header {		.mw-custom-note .card-header {
	background-color: #f3f4f6; /* ~~Tailwind~~ gray-100 */		display: flex;
	color: #111827; /* ~~Tailwind~~ gray-900 */		align-items: center;
	font-size: 1rem; ~~/* text-base */~~		background-color: #f3f4f6; /* gray-100 */
	padding: 0.75rem 1rem; ~~/* py-3 px-4 */~~		color: #111827; /* gray-900 */
			font-size: 1rem;
			padding: 0.75rem 1rem;
	border-bottom: 1px solid #e5e7eb; /* gray-200 */		border-bottom: 1px solid #e5e7eb; /* gray-200 */
	border-radius: 0.~~5rem~~ 0.~~5rem~~ 0 0;		border-radius: 0.75rem 0.75rem 0 0;
			}

			.mw-custom-note .note-icon {
			font-size: 1.25rem; /* text-lg */
			color: #3b82f6; /* Tailwind blue-500 */
			display: inline-block;
			}

			.mw-custom-note .note-title {
			font-size: 1rem;
			font-weight: 600;
	}		}

	.mw-custom-note .card-body {		.mw-custom-note .card-body {
	padding: 1rem; ~~/* p-4 */~~		padding: 1rem 1.25rem;
	font-size: 0.~~875rem~~; ~~/* text-sm */~~		font-size: 0.9375rem;
	line-height: 1.5;		line-height: 1.6;
			}

			.mw-custom-note p {
			margin: 0;
			}

			.mw-custom-note a {
			color: #2563eb;
			text-decoration: underline;
			}

			.mw-custom-note a:hover {
			color: #1d4ed8;
	}		}

Noeth: Created page with ".mw-custom-note { border: 1px solid #e5e7eb; /* Tailwind gray-200 / background-color: #f9fafb; / Tailwind gray-50 / color: #374151; / Tailwind gray-700 / border-radius: 0.5rem; / rounded-lg / box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); / subtle shadow / margin: 1rem 0; max-width: 100%; } .mw-custom-note .card-header { background-color: #f3f4f6; / Tailwind gray-100 / color: #111827; / Tailwind gray-900 / font-size: 1rem; / text-base */..."

2025-03-12T17:14:22Z

Created page with ".mw-custom-note { border: 1px solid #e5e7eb; Tailwind gray-200: background-color: #f9fafb; Tailwind gray-50: color: #374151; Tailwind gray-700: border-radius: 0.5rem; rounded-lg: box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); subtle shadow: margin: 1rem 0; max-width: 100%; } .mw-custom-note .card-header { background-color: #f3f4f6; Tailwind gray-100: color: #111827; Tailwind gray-900: font-size: 1rem; text-base: ..."

New page

.mw-custom-note {
border: 1px solid #e5e7eb; /* Tailwind gray-200 */
background-color: #f9fafb; /* Tailwind gray-50 */
color: #374151; /* Tailwind gray-700 */
border-radius: 0.5rem; /* rounded-lg */
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); /* subtle shadow */
margin: 1rem 0;
max-width: 100%;
}

.mw-custom-note .card-header {
background-color: #f3f4f6; /* Tailwind gray-100 */
color: #111827; /* Tailwind gray-900 */
font-size: 1rem; /* text-base */
padding: 0.75rem 1rem; /* py-3 px-4 */
border-bottom: 1px solid #e5e7eb; /* gray-200 */
border-radius: 0.5rem 0.5rem 0 0;
}

.mw-custom-note .card-body {
padding: 1rem; /* p-4 */
font-size: 0.875rem; /* text-sm */
line-height: 1.5;
}