MediaWiki:Common.css - Revision history

Mflavell at 01:21, 16 May 2026

2026-05-16T01:21:14Z

← Older revision		Revision as of 01:21, 16 May 2026
Line 93:		Line 93:
	grid-template-columns: 1fr; /* 1 column on phones */		grid-template-columns: 1fr; /* 1 column on phones */
	}		}
			}

			/* Hide the Special Pages link from the toolbox sidebar */
			#t-specialpages {
			display: none !important;
	}		}

Mflavell at 01:00, 16 May 2026

2026-05-16T01:00:32Z

@@ Line 53: / Line 53: @@
+}
-/* 2. Style each list item as an authoritative card */
+/* 2. Style each list item as an authoritative card *
 /* 3. Add hover animations to the cards */

Mflavell at 00:58, 16 May 2026

2026-05-16T00:58:11Z

← Older revision		Revision as of 00:58, 16 May 2026
Line 83:		Line 83:

	/* 4. Resurrect and style ONLY the Article Title link */		/* 4. Resurrect and style ONLY the Article Title link */
	.cram-latest-grid ul ~~li .mw-newpages-pagename~~ {		.cram-latest-grid ul {
	~~font-size~~: ~~18px !important~~;		display: grid;
	~~font~~-~~weight~~: ~~bold !important~~;		/* Force 4 equal columns on desktop */
	~~color~~: ~~#2c3e50 !important~~;		grid-template-columns: repeat(4, 1fr);
	~~text~~-~~decoration~~: none !important;		gap: 20px;
	~~visibility~~: ~~visible~~ !important;		list-style: none !important;
	~~display~~: ~~block~~ !important;		margin: 20px 0 !important;
	~~line-height: 1.4~~;		padding: 0 !important;
	}		}

Line 100:		Line 100:
	.cram-latest-grid ul li a:not(.mw-newpages-pagename) {		.cram-latest-grid ul li a:not(.mw-newpages-pagename) {
	display: none !important;		display: none !important;
			}

			/* Add a media query so it still looks great and stacks on mobile devices */
			@media (max-width: 900px) {
			.cram-latest-grid ul {
			grid-template-columns: repeat(2, 1fr); /* 2 columns on tablets */
			}
			}

			@media (max-width: 600px) {
			.cram-latest-grid ul {
			grid-template-columns: 1fr; /* 1 column on phones */
			}
	}		}

Mflavell at 00:55, 16 May 2026

2026-05-16T00:55:01Z

@@ Line 41: / Line 41: @@
 .mw-inputbox-form input[type="submit"]:hover {
      background-color: #1a252f;
+}

Mflavell: Created page with "/* CSS placed here will be applied to all skins / / Style the main page InputBox wrapper / .mw-inputbox-form { display: flex; justify-content: center; align-items: center; gap: 10px; } / Make the text input field look modern and spacious */ .mw-inputbox-form input[type="text"], .mw-inputbox-form input[type="search"] { padding: 12px 20px; font-size: 16px; border: 2px solid #ddd; border-radius: 6px; box-shadow: 0 2px 4px rgba(0,0,..."

2026-05-16T00:14:21Z

Created page with "CSS placed here will be applied to all skins: Style the main page InputBox wrapper: .mw-inputbox-form { display: flex; justify-content: center; align-items: center; gap: 10px; } Make the text input field look modern and spacious: .mw-inputbox-form input[type="text"], .mw-inputbox-form input[type="search"] { padding: 12px 20px; font-size: 16px; border: 2px solid #ddd; border-radius: 6px; box-shadow: 0 2px 4px rgba(0,0,..."

New page

/* CSS placed here will be applied to all skins */

/* Style the main page InputBox wrapper */
.mw-inputbox-form {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}

/* Make the text input field look modern and spacious */
.mw-inputbox-form input[type="text"],
.mw-inputbox-form input[type="search"] {
padding: 12px 20px;
font-size: 16px;
border: 2px solid #ddd;
border-radius: 6px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
transition: border-color 0.2s, box-shadow 0.2s;
}

.mw-inputbox-form input[type="text"]:focus {
border-color: #3498db;
box-shadow: 0 4px 8px rgba(52, 152, 219, 0.2);
outline: none;
}

/* Style the search button to look like a modern CTA */
.mw-inputbox-form input[type="submit"] {
padding: 12px 24px;
font-size: 16px;
background-color: #2c3e50;
color: white;
border: none;
border-radius: 6px;
font-weight: bold;
cursor: pointer;
transition: background-color 0.2s;
}

.mw-inputbox-form input[type="submit"]:hover {
background-color: #1a252f;
}