MediaWiki:Common.css - Revision history

TitoSmooth at 01:09, 22 August 2024

2024-08-22T01:09:33Z

← Older revision		Revision as of 01:09, 22 August 2024
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */

	.infobox {		.infobox {
	background: #~~eee~~;		background-color: #ffff00;
	border: ~~1px~~ solid #~~aaa~~;		border: 2px solid #008600;
	float: right;		float: right;
	margin: 0 0 1em 1em;		margin: 0 0 1em 1em;
	padding: 1em;		padding: 1em;
	width: 400px;		width: 400px;
			}
			.infobox-title {
			border: 1px solid #000000;
			font-size: 1.5em;
			text-align: center;
			background-color: #ff0000;
	}		}
	.infobox-~~title~~ {		.infobox-subtitle {
	font-size: ~~2em~~;		font-size: 1em;
	text-align: center;		text-align: center;
			background-color: #fff00;
	}		}
	.infobox-image {		.infobox-image {
	text-align: center;		text-align: center;
	}		background-color: #ffff00;
	~~.infobox-table th {~~
	~~text~~-~~align: right;~~
	~~vertical-align: top;~~
	~~width: 120px;~~
	}
	~~.infobox-table td {~~
	~~vertical-align~~: ~~top~~;
	}		}

TitoSmooth at 01:06, 22 August 2024

2024-08-22T01:06:21Z

← Older revision		Revision as of 01:06, 22 August 2024
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */
			.infobox {
			background: #eee;
			border: 1px solid #aaa;
			float: right;
			margin: 0 0 1em 1em;
			padding: 1em;
			width: 400px;
			}
			.infobox-title {
			font-size: 2em;
			text-align: center;
			}
			.infobox-image {
			text-align: center;
			}
			.infobox-table th {
			text-align: right;
			vertical-align: top;
			width: 120px;
			}
			.infobox-table td {
			vertical-align: top;
			}

TitoSmooth: Replaced content with "/* CSS placed here will be applied to all skins */"

2024-08-22T01:02:05Z

Replaced content with "CSS placed here will be applied to all skins: "

← Older revision		Revision as of 01:02, 22 August 2024
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */

	~~/* CSS used for https://www.mediawiki.org/wiki/MediaWiki/Homepage_improvements_2018 : */~~
	~~.mainpage_row {~~
	~~display: flex;~~
	~~flex-direction: row;~~
	~~flex-flow: row wrap;~~
	~~justify-content: space-between;~~
	~~padding: 0;~~
	~~margin: 0 -5px 0 -5px;~~
	}
	~~.mainpage_box {~~
	~~flex: 1;~~
	~~margin: 5px;~~
	~~min-width: 210px;~~
	~~border: 1px solid #a2a9b1;~~
	~~padding: 0 10px 10px 10px;~~
	~~box-shadow: 0 2px 2px rgba( 0, 0, 0, 0.2 );~~
	}
	~~.mainpage_box h3 {~~
	~~/* Reset padding so is equal across skins */~~
	~~padding-right: 0;~~
	~~padding-top: 0;~~
	~~padding-bottom: 0;~~
	~~/* Padding left gets overridden by headanchor gadget */~~
	~~margin: 0.5em 0;~~
	}
	~~/* Set padding left only if headanchor gadget is not enabled */~~
	~~.mainpage_box h3:not(.tpl-vheadanchor-heading) {~~
	~~padding-left: 0;~~
	}
	~~.mainpage_box h3 .header_icon {~~
	~~float: left;~~
	~~margin-right: 5px;~~
	}
	~~.mainpage_box .items {~~
	~~border-top: 1px solid #CCC;~~
	~~padding-top: 0.5em;~~
	}
	~~.mainpage_box p:last-child {~~
	~~margin-bottom: 0;~~
	}
	~~.mainpage_boxcontents_small {~~
	~~font-size: 95%;~~
	}
	~~/* Style the "other languages" box the same way as other boxes on the main page */~~
	~~.mw-pt-languages {~~
	~~display: block;~~
	~~background: none;~~
	~~border: 1px solid #CCC;~~
	~~box-shadow: 0 2px 2px rgba(0,0,0,0.1);~~
	~~width: auto;~~
	}
	~~.mw-pt-languages-label {~~
	~~background: none;~~
	~~border-right: none;~~
	}

	~~@media screen and (max-width: 719px) {~~
	~~.thumb {~~
	~~float: none;~~
	}
	~~.thumb, .thumbinner {~~
	~~margin-left: auto;~~
	~~margin-right: auto;~~
	}
	}

	~~/* This offset is specifically tailored to the hackathon particiapnts photo */~~
	~~/* It's a little bigger in the default skin than required, because timeless has */~~
	~~/* larger than average margin for thumbs */~~
	~~@media screen and (min-width: 1400px) {~~
	~~html:not(.vector-feature-page-tools-pinned-enabled) .mainpage_row {~~
	~~margin-right: 384px;~~
	}
	}

	~~@media screen and (min-width: 1680px) {~~
	~~.mainpage_row {~~
	~~margin-right: 384px;~~
	}
	}

	~~/* Night mode styles */~~
	~~@media screen {~~
	~~html.skin-theme-clientpref-night .header_icon img {~~
	~~filter: invert( 1 );~~
	}
	}

	~~@media screen and (prefers-color-scheme: dark) {~~
	~~html.skin-theme-clientpref-os .header_icon img {~~
	~~filter: invert( 1 );~~
	}
	}

TitoSmooth: Created page with "/* CSS placed here will be applied to all skins / / CSS used for https://www.mediawiki.org/wiki/MediaWiki/Homepage_improvements_2018 : / .mainpage_row { display: flex; flex-direction: row; flex-flow: row wrap; justify-content: space-between; padding: 0; margin: 0 -5px 0 -5px; } .mainpage_box { flex: 1; margin: 5px; min-width: 210px; border: 1px solid #a2a9b1; padding: 0 10px 10px 10px; box-shadow: 0 2px 2px rgba( 0, 0, 0, 0.2 ); } .mainpage_box h3 { / R..."

2024-08-22T01:01:22Z

Created page with "CSS placed here will be applied to all skins: CSS used for https://www.mediawiki.org/wiki/MediaWiki/Homepage_improvements_2018 :: .mainpage_row { display: flex; flex-direction: row; flex-flow: row wrap; justify-content: space-between; padding: 0; margin: 0 -5px 0 -5px; } .mainpage_box { flex: 1; margin: 5px; min-width: 210px; border: 1px solid #a2a9b1; padding: 0 10px 10px 10px; box-shadow: 0 2px 2px rgba( 0, 0, 0, 0.2 ); } .mainpage_box h3 { /* R..."

New page

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

/* CSS used for https://www.mediawiki.org/wiki/MediaWiki/Homepage_improvements_2018 : */
.mainpage_row {
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: space-between;
padding: 0;
margin: 0 -5px 0 -5px;
}
.mainpage_box {
flex: 1;
margin: 5px;
min-width: 210px;
border: 1px solid #a2a9b1;
padding: 0 10px 10px 10px;
box-shadow: 0 2px 2px rgba( 0, 0, 0, 0.2 );
}
.mainpage_box h3 {
/* Reset padding so is equal across skins */
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
/* Padding left gets overridden by headanchor gadget */
margin: 0.5em 0;
}
/* Set padding left only if headanchor gadget is not enabled */
.mainpage_box h3:not(.tpl-vheadanchor-heading) {
padding-left: 0;
}
.mainpage_box h3 .header_icon {
float: left;
margin-right: 5px;
}
.mainpage_box .items {
border-top: 1px solid #CCC;
padding-top: 0.5em;
}
.mainpage_box p:last-child {
margin-bottom: 0;
}
.mainpage_boxcontents_small {
font-size: 95%;
}
/* Style the "other languages" box the same way as other boxes on the main page */
.mw-pt-languages {
display: block;
background: none;
border: 1px solid #CCC;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
width: auto;
}
.mw-pt-languages-label {
background: none;
border-right: none;
}

@media screen and (max-width: 719px) {
.thumb {
float: none;
}
.thumb, .thumbinner {
margin-left: auto;
margin-right: auto;
}
}

/* This offset is specifically tailored to the hackathon particiapnts photo */
/* It's a little bigger in the default skin than required, because timeless has */
/* larger than average margin for thumbs */
@media screen and (min-width: 1400px) {
html:not(.vector-feature-page-tools-pinned-enabled) .mainpage_row {
margin-right: 384px;
}
}

@media screen and (min-width: 1680px) {
.mainpage_row {
margin-right: 384px;
}
}

/* Night mode styles */
@media screen {
html.skin-theme-clientpref-night .header_icon img {
filter: invert( 1 );
}
}

@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .header_icon img {
filter: invert( 1 );
}
}