MediaWiki:Common.css - Revision history

Rdifaz2 at 04:02, 3 September 2026

2026-09-03T04:02:02Z

← Older revision		Revision as of 23:02, 2 September 2026
Line 32:		Line 32:
	margin-bottom: 35px;		margin-bottom: 35px;
	gap: 10px;		gap: 10px;
	column-gap: ~~10px~~;		column-gap: 0px;
	}		}

Rdifaz2 at 04:01, 3 September 2026

2026-09-03T04:01:37Z

← Older revision		Revision as of 23:01, 2 September 2026
Line 31:		Line 31:
	gap: 30px;		gap: 30px;
	margin-bottom: 35px;		margin-bottom: 35px;
			gap: 10px;
			column-gap: 10px;
	}		}

Rdifaz2 at 18:29, 18 June 2026

2026-06-18T18:29:09Z

← Older revision		Revision as of 13:29, 18 June 2026
Line 31:		Line 31:
	gap: 30px;		gap: 30px;
	margin-bottom: 35px;		margin-bottom: 35px;
			}

			.chhhp-logo {
			text-align: center;
	}		}

Line 55:		Line 59:
	text-decoration: underline;		text-decoration: underline;
	color: #447ff5 !important;		color: #447ff5 !important;
	}

	~~.chhhp-search {~~
	~~margin: 30px 0;~~
	}		}

Rdifaz2 at 18:27, 18 June 2026

2026-06-18T18:27:01Z

← Older revision		Revision as of 13:27, 18 June 2026
Line 41:		Line 41:
	display: flex;		display: flex;
	flex-direction: column;		flex-direction: column;
	gap: ~~12px~~;		gap: 14px;
	}		}

	.chhhp-~~button~~ a {		.chhhp-nav a {
	~~display: block;~~		color: #3366cc !important;
	~~padding: 14px 18px;~~		text-decoration: none;
	~~background: #111;~~		font-size: 18px;
	color: #~~fff~~ !important;
	text-decoration: none ~~!important~~;
	~~border~~-~~radius~~: ~~10px~~;
	font-weight: 600;		font-weight: 600;
	~~font~~-~~size~~: ~~16px;~~		line-height: 1.4;
	~~border: 2px solid #111;~~
	~~transition: all .2s ease;~~
	~~box-shadow: 0 3px 8px rgba(0,0,0,~~.~~12)~~;
	}		}

	.chhhp-~~button~~ a:hover {		.chhhp-nav a:hover {
	~~background: #c59d2f;~~		text-decoration: underline;
	~~border~~-~~color~~: ~~#c59d2f~~;		color: #447ff5 !important;
	color: #~~000~~ !important;
	~~transform: translateY(-2px);~~
	~~box-shadow: 0 6px 16px rgba(0,0,0,.20)~~;
	}		}

	.chhhp-search {		.chhhp-search {
	margin: 30px 0;		margin: 30px 0;
	}

	~~.chhhp-search-form {~~
	~~display: flex;~~
	~~justify-content: center;~~
	~~gap: 8px;~~
	~~max-width: 650px;~~
	~~margin: 0 auto;~~
	}

	~~.chhhp-search-input {~~
	~~flex: 1;~~
	~~padding: 14px 16px;~~
	~~font-size: 17px;~~
	~~border: 2px solid #111;~~
	~~border-radius: 8px;~~
	~~min-width: 300px;~~
	}

	~~.chhhp-search-button {~~
	~~padding: 14px 24px;~~
	~~font-size: 17px;~~
	~~font-weight: bold;~~
	~~background: #111;~~
	~~color: white;~~
	~~border: 2px solid #111;~~
	~~border-radius: 8px;~~
	~~cursor: pointer;~~
	~~transition: all .2s ease;~~
	}

	~~.chhhp-search-button:hover {~~
	~~background: #c59d2f;~~
	~~color: #000;~~
	~~border-color: #c59d2f;~~
	}		}

Line 120:		Line 76:

	.chhhp-card {		.chhhp-card {
	background: #~~f8f8f8~~;		background: #f8f9fa;
	border: 1px solid #~~ddd~~;		border: 1px solid #d8dde3;
	border-radius: ~~12px~~;		border-radius: 6px;
	padding: 20px;		padding: 20px;
	text-align: left;		text-align: left;
	~~box-shadow: 0 2px 6px rgba(0,0,0,.05);~~
	}		}

	.chhhp-card h2 {		.chhhp-card h2 {
	margin-top: 0;		margin-top: 0;
	border-bottom: 1px solid #~~ddd~~;		border-bottom: 1px solid #d8dde3;
	padding-bottom: 10px;		padding-bottom: 10px;
			font-size: 1.3em;
	}		}

	.chhhp-card a {		.chhhp-card a {
			color: #3366cc;
	font-weight: bold;		font-weight: bold;
			text-decoration: none;
			}

			.chhhp-card a:hover {
			text-decoration: underline;
	}		}

Line 155:		Line 117:
	.chhhp-wordmark {		.chhhp-wordmark {
	font-size: 32px;		font-size: 32px;
	}

	~~.chhhp-search-form {~~
	~~flex-direction: column;~~
	}

	~~.chhhp-search-input {~~
	~~min-width: auto;~~
	}		}
	}		}
	```		```

Rdifaz2 at 18:17, 18 June 2026

2026-06-18T18:17:57Z

@@ Line 68: / Line 68: @@
 .chhhp-search {
      margin: 30px 0;
+}
@@ Line 120: / Line 155: @@
      .chhhp-wordmark {
          font-size: 32px;
+     }
+}
 ```

Rdifaz2 at 18:15, 18 June 2026

2026-06-18T18:15:49Z

Show changes

Rdifaz2: Created page with "/* CSS placed here will be applied to all skins / ```css / CHHHP Wikipedia-style main page */ .chhhp-home { max-width: 980px; margin: 0 auto; padding: 30px 20px 60px; text-align: center; font-family: sans-serif; } .chhhp-title { margin-bottom: 24px; } .chhhp-wordmark { font-family: Georgia, 'Times New Roman', serif; font-size: 42px; line-height: 1.1; color: #202122; } .chhhp-tagline { font-size: 16px; color: #54595d; margin-top: 8px; } ...."

2026-06-18T18:09:04Z

Created page with "CSS placed here will be applied to all skins: ```css CHHHP Wikipedia-style main page: .chhhp-home { max-width: 980px; margin: 0 auto; padding: 30px 20px 60px; text-align: center; font-family: sans-serif; } .chhhp-title { margin-bottom: 24px; } .chhhp-wordmark { font-family: Georgia, 'Times New Roman', serif; font-size: 42px; line-height: 1.1; color: #202122; } .chhhp-tagline { font-size: 16px; color: #54595d; margin-top: 8px; } ...."

New page

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

```css
/* CHHHP Wikipedia-style main page */

.chhhp-home {
max-width: 980px;
margin: 0 auto;
padding: 30px 20px 60px;
text-align: center;
font-family: sans-serif;
}

.chhhp-title {
margin-bottom: 24px;
}

.chhhp-wordmark {
font-family: Georgia, 'Times New Roman', serif;
font-size: 42px;
line-height: 1.1;
color: #202122;
}

.chhhp-tagline {
font-size: 16px;
color: #54595d;
margin-top: 8px;
}

.chhhp-hub {
display: grid;
grid-template-columns: 1fr 260px 1fr;
align-items: center;
gap: 20px;
margin: 20px auto 28px;
}

.chhhp-logo img {
max-width: 220px;
height: auto;
}

.chhhp-nav {
display: grid;
gap: 18px;
font-size: 17px;
}

.chhhp-nav a {
font-weight: bold;
color: #36c;
text-decoration: none;
}

.chhhp-nav a:hover {
text-decoration: underline;
}

.chhhp-nav-left {
text-align: right;
}

.chhhp-nav-right {
text-align: left;
}

.chhhp-search {
margin: 20px auto;
}

.chhhp-search .mw-inputbox-centered {
margin-left: auto;
margin-right: auto;
}

.chhhp-buttons {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 12px;
margin: 24px 0 35px;
}

.chhhp-buttons a {
border: 1px solid #a2a9b1;
border-radius: 3px;
padding: 8px 14px;
background: #f8f9fa;
color: #36c;
text-decoration: none;
font-weight: bold;
}

.chhhp-buttons a:hover {
background: #fff;
border-color: #72777d;
}

.chhhp-sections {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
text-align: left;
margin-top: 30px;
}

.chhhp-card {
border: 1px solid #a2a9b1;
background: #f8f9fa;
padding: 16px 18px;
border-radius: 3px;
}

.chhhp-card h2 {
margin-top: 0;
border-bottom: 1px solid #a2a9b1;
font-family: Georgia, 'Times New Roman', serif;
}

@media screen and (max-width: 750px) {
.chhhp-wordmark {
font-size: 32px;
}

.chhhp-hub {
grid-template-columns: 1fr;
}

.chhhp-nav-left,
.chhhp-nav-right {
text-align: center;
}

.chhhp-sections {
grid-template-columns: 1fr;
}
}
```