מדיה ויקי:Mobile.css: הבדלים בין גרסאות בדף

גרסה אחרונה מ־20:14, 5 בנובמבר 2023

/* הסגנונות הנכתבים כאן ישפיעו על הגולשים באתר למכשירים ניידים בלבד */

/* CSS placed here will affect users of the mobile site */
.mobile-float-reset { float: none !important; width: 100% !important; }

/* {{pp|small=yes}} */
@media (max-width: 875px) {
	/* We need to improve Template:POTD as used on the main page so that these
	 * hacks aren't necessary */
	#mp-tfp table,
	#mp-tfp tr,
	#mp-tfp td,
	#mp-tfp tbody {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box;
	}

	#mp-tfp tr:first-child td:first-child a {
		text-align: center;
		display: table;
		margin: 0 auto;
	}
}

@media (min-width: 875px) {
	#mp-upper {
		display: flex;
	}
	
	#mp-left {
		flex: 1 1 55%;
		margin-right: 2px;
	}
	
	#mp-right {
		flex: 1 1 45%;
		margin-left: 2px;
	}
}