مندرجات کا رخ کریں

"سانچہ:Wikipedia's sister projects/styles.css" کے نسخوں کے درمیان فرق

From ورلڈپیڈیا, the free encyclopedia
move this inside the 360px+
م 17 revisions imported
ٹیگ: موبائل ترمیم موبائل ویب ترمیم
 
(3 صارفین 10 کے درمیانی نسخے نہیں دکھائے گئے)
سطر 7: سطر 7:
#sister-projects-list li {
#sister-projects-list li {
display: inline-block;
display: inline-block;
flex: 1 0 25%;
}
}


سطر 21: سطر 20:


#sister-projects-list li > div:first-child {
#sister-projects-list li > div:first-child {
min-width: 50px;
text-align: center;
text-align: center;
}
@media screen {
    .sister-projects-wikt-icon-dark,
    html.skin-theme-clientpref-night .sister-projects-wikt-icon-light {
display: none;
}
html.skin-theme-clientpref-night .sister-projects-wikt-icon-dark {
display: inline;
}
}
@media screen and ( prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .sister-projects-wikt-icon-dark {
display: inline;
}
html.skin-theme-clientpref-os .sister-projects-wikt-icon-light {
display: none;
}
}
}


سطر 30: سطر 50:
min-width: 20em;
min-width: 20em;
white-space: nowrap;
white-space: nowrap;
flex: 1 0 25%;
}
#sister-projects-list li > div:first-child {
min-width: 50px;
}
}
}
}

حالیہ نسخہ بمطابق 02:20، 13 مارچ 2025ء

/* {{pp-template}} */
#sister-projects-list {
	display: flex;
	flex-wrap: wrap;
}

#sister-projects-list li {
	display: inline-block;
}

#sister-projects-list li span {
	font-weight: bold;
}

#sister-projects-list li > div {
	display: inline-block;
	vertical-align: middle;
	padding: 6px 4px;
}

#sister-projects-list li > div:first-child {
	text-align: center;
}

@media screen {
    .sister-projects-wikt-icon-dark,
    html.skin-theme-clientpref-night .sister-projects-wikt-icon-light {
		display: none;
	}
	
	html.skin-theme-clientpref-night .sister-projects-wikt-icon-dark {
		display: inline;
	}
}


@media screen and ( prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .sister-projects-wikt-icon-dark {
		display: inline;
	}
	
	html.skin-theme-clientpref-os .sister-projects-wikt-icon-light {
		display: none;
	}
}

@media (min-width: 360px) {
	#sister-projects-list li {
		width: 33%;
		min-width: 20em;
		white-space: nowrap;
		flex: 1 0 25%;
	}

	#sister-projects-list li > div:first-child {
		min-width: 50px;
	}
}