MediaWiki:Common.css - Revision history

Maintenance script: Adjust Main Page heading subtitle styling

2026-05-20T16:54:29Z

Adjust Main Page heading subtitle styling

← Older revision		Revision as of 16:54, 20 May 2026
Line 460:		Line 460:
	body.page-Main_Page .mainpage-heading-subtitle {		body.page-Main_Page .mainpage-heading-subtitle {
	color: #006b45;		color: #006b45;
	font-size: 52%;		font-size: 60%;
	font-weight: 400;		font-weight: 400;
	margin-left: 0.~~45em~~;		letter-spacing: 0.025em;
			margin-left: 0.55em;
	}		}

2026-05-19T17:44:07Z

Style real Main Page heading subtitle

← Older revision		Revision as of 17:44, 19 May 2026
Line 456:		Line 456:
	}		}

	body.page-Main_Page ~~#firstHeading::after~~ {
	~~content: " a comprehensive guide to quantum physics";~~
			body.page-Main_Page .mainpage-heading-subtitle {
	color: #006b45;		color: #006b45;
	font-size: 52%;		font-size: 52%;

2026-05-19T17:42:25Z

Update Main Page heading subtitle

← Older revision		Revision as of 17:42, 19 May 2026
Line 457:		Line 457:

	body.page-Main_Page #firstHeading::after {		body.page-Main_Page #firstHeading::after {
	content: " is a comprehensive ~~collection of~~ quantum physics.";		content: " a comprehensive guide to quantum physics";
	color: #006b45;		color: #006b45;
	font-size: 52%;		font-size: 52%;

2026-05-19T17:39:45Z

Style Main Page heading and subtitle

@@ Line 1: / Line 1: @@
 /* ============================================================
     ScholarlyWiki / HandWiki Stage custom Vector layout
     Clean version
@@ Line 450: / Line 450: @@
    text-decoration: none !important;
    background: transparent !important;
+}

2026-05-19T08:38:36Z

Enlarge clickable external article image

@@ Line 1: / Line 1: @@
 /* ============================================================
     ScholarlyWiki / HandWiki Stage custom Vector layout
     Clean version
@@ Line 405: / Line 405: @@
 .mainpage-external-quantum-image-box {
    float: right;
-   width: 372px;
+  position: relative;
-   margin: 48px 0 12px 14px;
+   width: 552px;
    border: 1px solid #e0d890;
    background: #fff8cc;
@@ Line 417: / Line 418: @@
 .mainpage-external-quantum-image {
    display: block;
-   width: 360px;
+   width: 540px;
-   height: 252px;
+   height: 378px;
    background-image: url('/mainpage/external_quantum_article.png');
    background-size: cover;
@@ Line 424: / Line 425: @@
    background-repeat: no-repeat;
    border: 0;
+}

2026-05-19T08:35:00Z

Show external article image with full-size link below

← Older revision		Revision as of 08:35, 19 May 2026
Line 415:		Line 415:
	}		}

	.mainpage-external-quantum-image~~-box a.external.text~~ {		.mainpage-external-quantum-image {
	display: block ~~!important~~;		display: block;
	width: 360px ~~!important~~;		width: 360px;
	height: 252px ~~!important;~~		height: 252px;
	~~padding: 0 !important;~~		background-image: url('/mainpage/external_quantum_article.png');
	~~overflow: hidden !important;~~		background-size: cover;
	~~color: transparent !important;~~		background-position: center center;
	~~font-size: 0 !important;~~		background-repeat: no-repeat;
	~~line-height: 0 !important;~~		border: 0;
	~~text-decoration: none !important~~;
	background-image: url('/mainpage/external_quantum_article.png') ~~!important~~;
	background-size: cover ~~!important~~;
	background-position: center center ~~!important~~;
	background-repeat: no-repeat ~~!important~~;
	border: 0 ~~!important~~;
	}		}

2026-05-19T08:32:55Z

Force external article image link styling

← Older revision		Revision as of 08:32, 19 May 2026
Line 416:		Line 416:

	.mainpage-external-quantum-image-box a.external.text {		.mainpage-external-quantum-image-box a.external.text {
	display: block;		display: block !important;
	width: 360px;		width: 360px !important;
	height: 252px;		height: 252px !important;
	padding: 0;		padding: 0 !important;
	overflow: hidden;		overflow: hidden !important;
	color: transparent;		color: transparent !important;
	font-size: 0;		font-size: 0 !important;
	line-height: 0;		line-height: 0 !important;
	text-decoration: none;		text-decoration: none !important;
	background-image: url('/mainpage/external_quantum_article.png');		background-image: url('/mainpage/external_quantum_article.png') !important;
	background-size: cover;		background-size: cover !important;
	background-position: center center;		background-position: center center !important;
	background-repeat: no-repeat;		background-repeat: no-repeat !important;
	border: 0;		border: 0 !important;
	}		}

2026-05-19T08:29:29Z

Render external article image as clickable background link

← Older revision		Revision as of 08:29, 19 May 2026
Line 415:		Line 415:
	}		}

	.mainpage-external-quantum-image-box a {		.mainpage-external-quantum-image-box a.external.text {
	~~display: block;~~
	~~text-decoration: none;~~
	}

	.~~mainpage-~~external~~-quantum-image~~ {
	display: block;		display: block;
	width: 360px;		width: 360px;
	height: 252px;		height: 252px;
			padding: 0;
			overflow: hidden;
			color: transparent;
			font-size: 0;
			line-height: 0;
			text-decoration: none;
	background-image: url('/mainpage/external_quantum_article.png');		background-image: url('/mainpage/external_quantum_article.png');
	background-size: cover;		background-size: cover;

2026-05-19T08:26:52Z

Make external article image open full size

← Older revision		Revision as of 08:26, 19 May 2026
Line 415:		Line 415:
	}		}

	.mainpage-external-quantum-image-~~link~~ {		.mainpage-external-quantum-image-box a {
	display: block;		display: block;
	text-decoration: none;		text-decoration: none;
Line 421:		Line 421:

	.mainpage-external-quantum-image {		.mainpage-external-quantum-image {
			display: block;
	width: 360px;		width: 360px;
	height: 252px;		height: 252px;

2026-05-19T08:25:58Z

Enlarge external article image and make it clickable

← Older revision		Revision as of 08:25, 19 May 2026
Line 1:		Line 1:
	/* ============================================================		/* ============================================================
	ScholarlyWiki / HandWiki Stage custom Vector layout		ScholarlyWiki / HandWiki Stage custom Vector layout
	Clean version		Clean version
Line 405:		Line 405:
	.mainpage-external-quantum-image-box {		.mainpage-external-quantum-image-box {
	float: right;		float: right;
	width: ~~310px~~;		width: 372px;
	margin: ~~12px~~ 0 12px 14px;		margin: 48px 0 12px 14px;
	border: 1px solid #e0d890;		border: 1px solid #e0d890;
	background: #fff8cc;		background: #fff8cc;
Line 413:		Line 413:
	font-size: 90%;		font-size: 90%;
	line-height: 1.35;		line-height: 1.35;
			}

			.mainpage-external-quantum-image-link {
			display: block;
			text-decoration: none;
	}		}

	.mainpage-external-quantum-image {		.mainpage-external-quantum-image {
	width: ~~300px~~;		width: 360px;
	height: ~~210px~~;		height: 252px;
	background-image: url('/mainpage/external_quantum_article.png');		background-image: url('/mainpage/external_quantum_article.png');
	background-size: cover;		background-size: cover;