مدیاویکی:Vector.css - تاریخچهٔ نسخه‌ها

Alireza در ‏۱۲ فوریهٔ ۲۰۲۵، ساعت ۰۹:۳۱

2025-02-12T09:31:53Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۱۲ فوریهٔ ۲۰۲۵، ساعت ۰۹:۳۱
خط ۱۴۹:		خط ۱۴۹:
	@media (max-width: 768px) {		@media (max-width: 768px) {
	.body-r-l {		.body-r-l {
	~~flex-direction~~: ~~column~~ !important; /* ~~مهم~~: ~~اعمال اولویت بالا~~ */		display: block !important; /* به‌جای flex، display:block برای موبایل */
			margin-top: 90px;
	}		}

	.right-c, .left-c {		.right-c, .left-c {
	width: 100% !important; /* ~~در موبایل،~~ هر دو بخش عرض کامل را اشغال کنند */		width: 100% !important; /* هر دو بخش عرض کامل را اشغال کنند */
	margin: 5px 0 !important; /* فاصله بین بخش‌ها */		margin: 5px 0 !important; /* فاصله بین بخش‌ها */
	box-sizing: border-box !important; /* جلوگیری از overflow */		box-sizing: border-box !important; /* جلوگیری از overflow */
	}		}
	}		}

2025-02-12T09:31:00Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۱۲ فوریهٔ ۲۰۲۵، ساعت ۰۹:۳۱
خط ۱۴۶:		خط ۱۴۶:
	}		}

			/* اصلاحات برای موبایل */
	@media (max-width: 768px) {		@media (max-width: 768px) {
	.body-r-l {		.body-r-l {
	flex-direction: column !important;		flex-direction: column !important; /* مهم: اعمال اولویت بالا */
	}		}

	.right-c, .left-c {		.right-c, .left-c {
	width: 100% !important;		width: 100% !important; /* در موبایل، هر دو بخش عرض کامل را اشغال کنند */
	margin: 5px 0 !important;		margin: 5px 0 !important; /* فاصله بین بخش‌ها */
			box-sizing: border-box !important; /* جلوگیری از overflow */
	}		}
	}		}

2025-02-12T09:28:34Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۱۲ فوریهٔ ۲۰۲۵، ساعت ۰۹:۲۸
خط ۱۴۶:		خط ۱۴۶:
	}		}

	~~/* تغییرات برای موبایل */~~
	@media (max-width: 768px) {		@media (max-width: 768px) {
	.body-r-l {		.body-r-l {
	flex-direction: column; ~~/* در موبایل، بخش‌ها زیر هم قرار می‌گیرند */~~		flex-direction: column !important;
	}		}

	.right-c, .left-c {		.right-c, .left-c {
	width: 100%; ~~/* هر دو بخش کل عرض را اشغال کنند */~~		width: 100% !important;
	margin: 5px 0; ~~/* فاصله بین دو بخش */~~		margin: 5px 0 !important;
	}

	~~/* اطمینان از اینکه هیچ چیزی خارج از صفحه نمی‌رود */~~
	~~.right-c, .left-c {~~
	~~box-sizing: border-box; /* برای جلوگیری از مشکلات overflow */~~
	}		}
	}		}

2025-02-12T09:26:45Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۱۲ فوریهٔ ۲۰۲۵، ساعت ۰۹:۲۶
خط ۱۲۷:		خط ۱۲۷:
	}		}

	/* ~~تنظیم اندازه در~~ دسکتاپ */		/* تنظیمات دسکتاپ */
	.right-c {		.right-c {
	flex: 70%;		flex: 70%; /* این قسمت عرض 70% را می‌گیرد */
	border: 3px solid #bfbfbf;		border: 3px solid #bfbfbf;
	border-radius: 10px;		border-radius: 10px;
خط ۱۳۸:		خط ۱۳۸:

	.left-c {		.left-c {
	flex: 30%;		flex: 30%; /* این قسمت عرض 30% را می‌گیرد */
	border: 3px solid #bfbfbf;		border: 3px solid #bfbfbf;
	margin-right: 5px;		margin-right: 5px;
خط ۱۴۶:		خط ۱۴۶:
	}		}

	/* ~~در موبایل، بخش‌ها زیر هم قرار بگیرند~~ */		/* تغییرات برای موبایل */
	@media (max-width: 768px) {		@media (max-width: 768px) {
	.body-r-l {		.body-r-l {
	flex-direction: column;		flex-direction: column; /* در موبایل، بخش‌ها زیر هم قرار می‌گیرند */
	~~width: 100%;~~
	}		}

	.right-c,		.right-c, .left-c {
	.left-c {		width: 100%; /* هر دو بخش کل عرض را اشغال کنند */
	~~flex~~: 100%; /* هر دو بخش کل عرض را ~~بگیرند~~ */
	margin: 5px 0; /* فاصله بین دو بخش */		margin: 5px 0; /* فاصله بین دو بخش */
	~~width: 100%;~~		}

			/* اطمینان از اینکه هیچ چیزی خارج از صفحه نمی‌رود */
			.right-c, .left-c {
			box-sizing: border-box; /* برای جلوگیری از مشکلات overflow */
	}		}
	}		}


	.titr {		.titr {

2025-02-12T09:25:03Z

2025-02-12T09:23:48Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۱۲ فوریهٔ ۲۰۲۵، ساعت ۰۹:۲۳
خط ۱۲۷:		خط ۱۲۷:
	}		}

	/* در ~~موبایل، آیتم‌ها زیر هم قرار بگیرند~~ */		/* تنظیم اندازه در دسکتاپ */
	~~@media (max-width: 768px) {~~
	~~.body-r-l {~~
	~~flex-direction: column;~~
	}
	}


	.right-c {		.right-c {
	flex:70%;		flex: 70%;
	border:3px solid #bfbfbf;		border: 3px solid #bfbfbf;
	border-radius:10px;		border-radius: 10px;
	margin-left:5px;		margin-left: 5px;
	padding: 10px;		padding: 10px;
	box-shadow: 2px 3px #9acefe;		box-shadow: 2px 3px #9acefe;
	}		}

	.left-c {		.left-c {
	flex:30%;		flex: 30%;
	border:3px solid #bfbfbf;		border: 3px solid #bfbfbf;
	margin-right:5px;		margin-right: 5px;
	border-radius:10px;		border-radius: 10px;
	padding: 10px;		padding: 10px;
	box-shadow: 2px 3px #9acefe;		box-shadow: 2px 3px #9acefe;
	}		}

			/* در موبایل، بخش‌ها زیر هم قرار بگیرند */
			@media (max-width: 768px) {
			.body-r-l {
			flex-direction: column;
			}

			.right-c,
			.left-c {
			flex: 100%; /* هر دو بخش کل عرض را بگیرند */
			margin: 5px 0; /* فاصله بین دو بخش */
			}
			}

	.titr {		.titr {
	font-weight: 900;		font-weight: 900;

2025-02-12T09:16:58Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۱۲ فوریهٔ ۲۰۲۵، ساعت ۰۹:۱۶
خط ۱۲۱:		خط ۱۲۱:
	}		}
	.body-r-l {		.body-r-l {
	~~flex: 1;~~
	display: flex;		display: flex;
	flex-wrap: wrap;		flex-wrap: wrap;
	flex-direction: ~~column~~;		flex-direction: row; /* در دسکتاپ کنار هم باشند */
	margin-top: 90px;		margin-top: 90px;
	}		}

			/* در موبایل، آیتم‌ها زیر هم قرار بگیرند */
			@media (max-width: 768px) {
			.body-r-l {
			flex-direction: column;
			}
			}


	.right-c {		.right-c {

2025-02-12T09:15:05Z

2025-02-12T09:12:34Z

2025-02-12T09:07:34Z