MediaWiki:Common.css - Revision history

Ygarcia at 17:29, 4 April 2026

2026-04-04T17:29:32Z

← Older revision		Revision as of 13:29, 4 April 2026
Line 347:		Line 347:
	display: grid;		display: grid;
	grid-template-columns: repeat(5, 1fr);		grid-template-columns: repeat(5, 1fr);
	~~grid-template-rows: repeat(5, 1fr);~~
	grid-column-gap: 0;		grid-column-gap: 0;
	grid-row-gap: 0;		grid-row-gap: 0;

Ygarcia at 17:23, 4 April 2026

2026-04-04T17:23:36Z

@@ Line 409: / Line 409: @@
    transform: translateY(-2px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
+}

Ygarcia at 17:23, 4 April 2026

2026-04-04T17:23:18Z

← Older revision		Revision as of 13:23, 4 April 2026
Line 413:		Line 413:

	.record-notes-container {		.record-notes-container {
	~~margin~~-~~top~~: ~~40px~~;		grid-area: 5 / 3 / 6 / 6;
	}		}

Ygarcia at 17:18, 4 April 2026

2026-04-04T17:18:20Z

@@ Line 409: / Line 409: @@
    transform: translateY(-2px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
+}

Ygarcia at 15:26, 4 April 2026

2026-04-04T15:26:19Z

← Older revision		Revision as of 11:26, 4 April 2026
Line 340:		Line 340:
	background: rgba(0,0,0,0.06);		background: rgba(0,0,0,0.06);
	}		}


	/* ===== single record grid ===== */		/* ===== single record grid ===== */
Line 346:		Line 347:
	display: grid;		display: grid;
	grid-template-columns: repeat(5, 1fr);		grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(5, ~~auto~~);		grid-template-rows: repeat(5, 1fr);
			grid-column-gap: 0;
			grid-row-gap: 0;
	width: 100%;		width: 100%;
	}		}

	/* image ~~/ document preview~~ */		/* image area */
	.singlerecord-div1 {		.singlerecord-div1 {
	grid-area: 1 / 1 / 6 / 3;		grid-area: 1 / 1 / 6 / 3;
Line 359:		Line 362:

	.singlerecord-div1 img {		.singlerecord-div1 img {
	width: ~~100%~~;		width: 700px !important;
	~~max-width: 500px; /* smaller than books = cleaner */~~		height: auto !important;
	height: auto;
	}		}

	/* ~~metadata / description~~ */		/* text area */
	.singlerecord-div2 {		.singlerecord-div2 {
	grid-area: 1 / 3 / 4 / 6;		grid-area: 1 / 3 / 4 / 6;
Line 370:		Line 372:
	}		}

	/* ~~action buttons (Documents / English / Español)~~ */		/* BUY NOW area */
	.singlerecord-div3 {		.singlerecord-div3 {
	grid-area: 4 / 3 / 5 / 6;		grid-area: 4 / 3 / 5 / 6;
	padding: ~~1.5rem~~ 2rem;		padding: 2rem;
	display: flex;		display: flex;
	~~gap~~: ~~10px~~;		justify-content: center; /* horizontal centering */
	~~flex~~-~~wrap~~: ~~wrap~~;		align-items: center; /* vertical centering */
	~~justify~~-~~content~~: ~~flex-start~~; /* ~~feels more “tool-like” than~~ centered */		text-align: center; /* keeps inline content centered too */
	}		}

	/* optional bottom ~~section~~ */
			/* optional bottom area */
	.singlerecord-div4 {		.singlerecord-div4 {
	grid-area: 5 / 3 / 6 / 6;		grid-area: 5 / 3 / 6 / 6;
Line 386:		Line 389:
	}		}

			/* button styling */
	.record-btn {		.record-btn {
	~~flex~~: 1;		display: inline-block;
	~~text~~-~~align~~: ~~center~~;		padding: 14px 28px;
	~~padding~~: ~~10px 12px~~;		background: #c8f9b5;
	~~background~~-~~color~~: ~~#111~~;		border: 2px solid #51a037;
	color: #~~fff~~;		border-radius: 6px;
			font-size: 1.1rem;
			font-weight: bold;
			color: #1a3a12;
	text-decoration: none;		text-decoration: none;
	~~border~~-~~radius~~: ~~6px~~;		letter-spacing: 0.5px;
	font-~~weight~~: ~~600;~~		font-family: "Arial Rounded MT Bold", sans-serif;
	~~font~~-~~size: 14px~~;		transition: 0.2s ease;
	~~min-width~~: ~~90px~~;
	}		}

	.record-btn:hover {		.record-btn:hover {
	background~~-color~~: #~~333~~;		background: #a3f085;
	}		transform: translateY(-2px);
			box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
	~~.record-btn.secondary {~~
	~~background-color~~: ~~#555;~~
	}

	~~.record~~-~~btn.secondary:hover {~~
	~~background-color: #777~~;
	}

	~~.record-btn.outline {~~
	~~background~~-~~color: transparent;~~
	~~color: #111;~~
	~~border~~: ~~1px solid #111;~~
	}

	.~~record-btn.outline:hover {~~
	~~background-color: #111;~~
	~~color: #fff~~;
	}		}

Ygarcia at 15:19, 4 April 2026

2026-04-04T15:19:32Z

@@ Line 339: / Line 339: @@
 .az-index a:hover{
    background: rgba(0,0,0,0.06);
+}

Ygarcia at 21:29, 12 January 2026

2026-01-12T21:29:37Z

← Older revision		Revision as of 17:29, 12 January 2026
Line 317:		Line 317:
	}		}

			/* Sticky A–Z index bar (works across skins) */
	.az-index{		.az-index{
	position: ~~fixed~~;		position: -webkit-sticky; /* Safari */
			position: sticky;
	top: 0;		top: 0;
	~~left: 0;~~
	~~right: 0;~~
	z-index: 9999;		z-index: 9999;
	background: #fff;		background: #fff;
	padding: 10px ~~16px~~;		padding: 10px 0;
	border-bottom: 1px solid #e5e5e5;		border-bottom: 1px solid #e5e5e5;
	}		}

	/* ~~Push page content down so it doesn’t hide behind~~ the ~~fixed bar~~ */		/* Optional: make the letters feel like buttons */
	.mw-~~body,~~ .mw-~~parser-output~~{		.az-index a{
	~~padding-top~~: ~~60px~~;		display: inline-block;
			padding: 4px 9px;
			margin: 2px 3px;
			border-radius: 999px;
			text-decoration: none;
			font-weight: 600;
			}
			.az-index a:hover{
			background: rgba(0,0,0,0.06);
	}		}

Ygarcia at 21:29, 12 January 2026

2026-01-12T21:29:04Z

← Older revision		Revision as of 17:29, 12 January 2026
Line 317:		Line 317:
	}		}


	~~/* Sticky A–Z index bar (works across skins) */~~
	.az-index{		.az-index{
	position: ~~-webkit-sticky; /* Safari */~~		position: fixed;
	~~position: sticky~~;
	top: 0;		top: 0;
			left: 0;
			right: 0;
	z-index: 9999;		z-index: 9999;
	background: #fff;		background: #fff;
	padding: 10px 0;		padding: 10px 16px;
	border-bottom: 1px solid #e5e5e5;		border-bottom: 1px solid #e5e5e5;
	}		}

	/* ~~Optional: make~~ the ~~letters feel like buttons~~ */		/* Push page content down so it doesn’t hide behind the fixed bar */
	.~~az-index a{~~		.mw-body, .mw-parser-output{
	~~display: inline-block;~~		padding-top: 60px;
	~~padding: 4px 9px;~~
	~~margin: 2px 3px;~~
	~~border-radius: 999px;~~
	~~text-decoration: none;~~
	~~font-weight: 600;~~
	}
	~~.az~~-~~index a:hover{~~
	~~background: rgba(0,0,0~~,~~0.06);~~
	}

	~~/* Fix sticky being blocked by overflow containers */~~
	.mw-parser-output{
	~~overflow~~: ~~visible !important~~;
	}		}

Ygarcia at 21:28, 12 January 2026

2026-01-12T21:28:31Z

← Older revision		Revision as of 17:28, 12 January 2026
Line 340:		Line 340:
	.az-index a:hover{		.az-index a:hover{
	background: rgba(0,0,0,0.06);		background: rgba(0,0,0,0.06);
			}

			/* Fix sticky being blocked by overflow containers */
			.mw-parser-output{
			overflow: visible !important;
	}		}

Ygarcia at 21:27, 12 January 2026

2026-01-12T21:27:44Z

← Older revision		Revision as of 17:27, 12 January 2026
Line 318:		Line 318:


	/* Sticky ~~A-Z~~ index bar */		/* Sticky A–Z index bar (works across skins) */
	.az-index {		.az-index{
			position: -webkit-sticky; /* Safari */
	position: sticky;		position: sticky;
	top: 0;		top: 0;
	background: #~~ffffff~~;		z-index: 9999;
			background: #fff;
	padding: 10px 0;		padding: 10px 0;
	~~z-index: 999;~~
	border-bottom: 1px solid #e5e5e5;		border-bottom: 1px solid #e5e5e5;
			}

			/* Optional: make the letters feel like buttons */
			.az-index a{
			display: inline-block;
			padding: 4px 9px;
			margin: 2px 3px;
			border-radius: 999px;
			text-decoration: none;
			font-weight: 600;
			}
			.az-index a:hover{
			background: rgba(0,0,0,0.06);
	}		}