Template:Main Page/styles.css - Revision history

AZMindroma: Modification in attempt to fix dark mode issues

2025-10-15T18:42:00Z

Modification in attempt to fix dark mode issues

@@ Line 41: / Line 41: @@
      background-color: #faf5ff;
      width: 100%;
+}

AZMindroma at 21:44, 4 June 2025

2025-06-04T21:44:26Z

← Older revision		Revision as of 21:44, 4 June 2025
Line 1:		Line 1:
			/* Main page responsive layout */
			.main-page-row {
			display: flex;
			flex-wrap: wrap;
			margin-top: 7px;
			width: 100%;
			}

			.main-page-col {
			flex: 1;
			min-width: 0;
			padding: 5px 15px 15px 8px;
			vertical-align: top;
			}

			/* Specific column styles */
			.main-page-about {
			border: 1px solid #cef2e0;
			background-color: #f5fffa;
			margin-right: 4px;
			}

			.main-page-news {
			border: 1px solid #cedff2;
			background-color: #f5faff;
			}

			.main-page-featured {
			border: 1px solid #cef2e0;
			background-color: #f5fffa;
			margin-right: 4px;
			}

			.main-page-dyk {
			border: 1px solid #cedff2;
			background-color: #f5faff;
			}

			.main-page-screenshot {
			border: 1px solid #ddcef2;
			background-color: #faf5ff;
			width: 100%;
			}

			/* Mobile responsiveness */
			@media (max-width: 768px) {
			.main-page-col {
			flex: 100%;
			margin-right: 0 !important;
			margin-bottom: 7px;
			}
			}

	#siteSub {		#siteSub {
	display: none !important;		display: none !important;

AZMindroma at 15:16, 4 June 2025

2025-06-04T15:16:59Z

← Older revision		Revision as of 15:16, 4 June 2025
Line 1:		Line 1:
			#siteSub {
			display: none !important;
			}

	/* {{pp\|small=yes}} */		/* {{pp\|small=yes}} */
	.mp-box {		.mp-box {

AZMindroma at 14:59, 4 June 2025

2025-06-04T14:59:19Z

Show changes

AZMindroma: Undo revision 2263 by AZMindroma (talk)

2025-06-04T14:57:03Z

Undo revision 2263 by AZMindroma (talk)

← Older revision		Revision as of 14:57, 4 June 2025
Line 1:		Line 1:
	~~.shortdescription {~~
	~~display: none !important;~~
	}

	#mp-topbanner {		#mp-topbanner {
	position: relative;		position: relative;

AZMindroma at 14:56, 4 June 2025

2025-06-04T14:56:49Z

← Older revision		Revision as of 14:56, 4 June 2025
Line 1:		Line 1:
			.shortdescription {
			display: none !important;
			}

	#mp-topbanner {		#mp-topbanner {
	position: relative;		position: relative;

AZMindroma at 14:53, 4 June 2025

2025-06-04T14:53:05Z

← Older revision		Revision as of 14:53, 4 June 2025
Line 15:		Line 15:
	}		}

	#mp-topbanner,		#mp-topbanner {
	~~.mp~~-~~h2,~~		position: relative;
	#mp-~~left {~~		box-sizing: border-box;
	color: #~~000~~;		min-width: 47em;
			border-color: #ddd;
			background-color: #f9f9f9;
			white-space: nowrap;
			display: flex; /* Add flexbox */
			justify-content: center; /* Center horizontally */
			align-items: center; /* Center vertically */
			min-height: 120px; /* Give it some height to center within */
	}		}

	#mp-welcomecount {		#mp-welcomecount {
	margin: 0.4em;		margin: 0.4em;
	width: ~~22em~~;		width: auto; /* Change from fixed width to auto */
	text-align: center;		text-align: center;
			white-space: normal; /* Allow text to wrap if needed */
	}		}

AZMindroma at 14:51, 4 June 2025

2025-06-04T14:51:35Z

@@ Line 1: / Line 1: @@
 #mp-topbanner {
 	position: relative;
 	box-sizing: border-box;
@@ Line 39: / Line 38: @@
 #articlecount {
 	font-size: 85%;
+}

AZMindroma at 14:49, 4 June 2025

2025-06-04T14:49:42Z

← Older revision		Revision as of 14:49, 4 June 2025
Line 1:		Line 1:
	#mp-topbanner {		#mp-topbanner {
			text-align: center;
	position: relative;		position: relative;
	box-sizing: border-box;		box-sizing: border-box;

AZMindroma: Undo revision 2256 by AZMindroma (talk)

2025-06-04T14:45:55Z

Undo revision 2256 by AZMindroma (talk)

← Older revision		Revision as of 14:45, 4 June 2025
Line 1:		Line 1:
	/* {~~{pp\|small=yes}} */~~		#mp-topbanner {
	~~.mp~~-box {		position: relative;
	border: ~~1px solid~~ #~~aaa~~; ~~/* all colors overriden on specific elements in @media screen */~~		box-sizing: border-box;
	~~padding~~: ~~0 0.5em 0.5em~~;		min-width: 47em;
	~~margin~~-~~top~~: ~~4px~~;		border-color: #ddd;
			background-color: #f9f9f9;
			white-space: nowrap;
	}		}

			.mp-bordered,
	.mp-h2,		.mp-h2,
	body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */		body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */
	border: 1px ~~solid #aaa; /* all colors overriden on specific elements in @media screen */~~		border-width: 1px;
	~~margin: 0.5em 0~~;		border-style: solid;
	~~padding: 0.2em 0.4em;~~
	~~font~~-~~size~~: ~~120%;~~
	~~font-weight: bold;~~
	~~font-family: inherit~~;
	}		}

	.mp-~~later {~~		#mp-topbanner,
	~~font~~-~~size: 85%;~~		.mp-h2,
	~~font-weight~~: ~~normal~~;		#mp-left {
			color: #000;
	}		}

	#mp-welcomecount {		#mp-welcomecount {
			margin: 0.4em;
			width: 22em;
	text-align: center;		text-align: center;
	~~margin: 0.4em;~~
	}		}

Line 29:		Line 30:
	font-size: 162%;		font-size: 162%;
	padding: 0.1em;		padding: 0.1em;
	}

	~~#mp-welcome h1,~~
	~~#mp-welcome .mw-heading1 {~~
	~~font-size: inherit;~~
	~~font-family: inherit;~~
	~~display: inline;~~
	~~border: none;~~
	}		}

Line 47:		Line 40:
	}		}

	#~~articlecount > ul~~ {		#mp-portals {
	margin: 0;		position: absolute;
	~~padding~~: 0;		right: -1em;
			top: 50%;
			margin-top: -2.4em;
			width: 38%;
			min-width: 25em;
			font-size: 95%;
	}		}

	#~~articlecount > ul >~~ li {		#mp-portals li {
	~~margin~~: 0;		position: absolute;
	~~display~~: ~~inline~~;		left: 0;
			top: 0;
	}		}

	#~~articlecount > ul > li~~:~~:after~~ {		#mp-portals .portal-hmid {
	~~content~~: ~~" · "~~;		left: 33%;
	~~font-weight~~: ~~bold~~;		}

			#mp-portals .portal-hright {
			left: 66%;
			}

			#mp-portals .portal-vmid {
			top: 1.6em;
	}		}

	#~~articlecount > ul > li:last~~-~~child::after~~ {		#mp-portals .portal-vbot {
	~~content~~: "";		top: 3.2em;
	}		}

	#mp-~~banner~~ {		#mp-portals li:last-child {
	~~text-align: center;~~		font-weight: bold;
	~~padding~~-~~top~~: ~~0.5em~~;
	}		}

	~~/* clear fix */~~		#mp-banner {
	.mp-~~contains~~-~~float~~:~~:after {~~		margin-top: 4px;
	~~content~~: "";		padding: 0.5em;
	~~display~~: ~~block~~;		background-color: #fffaf5;
	~~clear~~: ~~both~~;		border-color: #f2e0ce;
	}		}