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

Saeed در ۸ مهٔ ۲۰۲۶، ساعت ۰۷:۵۷

2026-05-08T07:57:25Z

@@ خط ۱: / خط ۱: @@
 /* دستورات این بخش همهٔ کاربران را تحت تاثیر قرار می‌دهند. */
-/* وارد کردن فونت وزیرمتن */
-@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;300;400;500;600;700;800;900&display=swap');
+/* فونت لوکال وزیرمتن */
 /* اعمال فونت */
 body, h1, h2, h3, h4, h5, h6, p, div, span, a, button, input, textarea, select, .mw-body, .mw-heading, .vector-menu-heading, td, th {
      font-family: 'Vazirmatn', Tahoma, sans-serif !important;

Saeed در ۷ مارس ۲۰۲۶، ساعت ۱۰:۳۸

2026-03-07T10:38:17Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ۷ مارس ۲۰۲۶، ساعت ۱۱:۳۸
خط ۲۹:		خط ۲۹:

	float: left;		float: left;
	width: ~~320px~~;		width: 300px;
	background: #f8f9fa;		background: #f8f9fa;
	border: 1px solid #a2a9b1; /* حاشیه نازک دور کل باکس */		border: 1px solid #a2a9b1; /* حاشیه نازک دور کل باکس */

Saeed در ۷ مارس ۲۰۲۶، ساعت ۱۰:۳۰

2026-03-07T10:30:32Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ۷ مارس ۲۰۲۶، ساعت ۱۱:۳۰
خط ۲۰:		خط ۲۰:


	.infobox-universal{		/* تنظیمات کلی باکس */
	float:left;		.infobox-universal {
	width:320px;		/* گزینه 1: افزودن سایه برای عمق دادن */
	background:#f8f9fa;		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	border:1px solid #a2a9b1;
	border-~~radius~~:~~6px~~;		/* گزینه 2: گرد کردن گوشه‌ها (مقدار بیشتر از قبل) */
	border-~~collapse~~:~~collapse~~;		border-radius: 12px;
	margin:0 15px 10px 0;
	font-size:90%;		float: left;
	line-height:1.4;		width: 320px;
	overflow:hidden;		background: #f8f9fa;
			border: 1px solid #a2a9b1; /* حاشیه نازک دور کل باکس */
			border-collapse: separate; /* برای نمایش درست گوشه‌های گرد */
			border-spacing: 0;
			margin: 0 15px 10px 0;
			font-size: 90%;
			line-height: 1.5;
			overflow: hidden;
	}		}

	/* عنوان اصلی */		/* عنوان اصلی */
	.infobox-universal th{		.infobox-universal th {
	background:#b0c4de;		/* گزینه 3: گرادینت رنگی برای عنوان اصلی */
	padding:~~8px~~;		background: linear-gradient(to bottom, #b0c4de, #8ecae6);
	text-align:center;
	font-weight:bold;		padding: 12px;
	font-size:110%;		text-align: center;
	border-bottom:~~1px~~ solid #~~a2a9b1~~;		font-weight: bold;
			font-size: 110%;
			color: #1e3a5f; /* رنگ متن تیره‌تر برای خوانایی روی گرادینت */

			/* گزینه 6: خط ضخیم‌تر زیر عنوان اصلی */
			border-bottom: 3px solid #5a8eb5;
	}		}

	/* ~~سلول‌ها~~ */		/* هدر بخش‌ها */
	.infobox-~~universal~~ td{		.infobox-section td {
	padding:~~6px~~ 8px;		/* گزینه 3: گرادینت ملایم برای هدر بخش‌ها */
	border-~~bottom~~:1px solid #~~e6e6e6~~;		background: linear-gradient(to bottom, #e8cce8, #f3d6f3);
	~~vertical~~-~~align~~:~~top~~;
			font-weight: bold;
			text-align: center;
			padding: 8px;
			font-size: 95%;

			/* گزینه 6: حاشیه‌های مشخص برای هدر بخش‌ها */
			border-top: 1px solid #d3b5d3;
			border-bottom: 2px solid #d3b5d3;
	}		}

	/* ~~ستون عنوان~~ */		/* سلول‌های داده و لیبل */
	.infobox-~~label~~{		.infobox-universal td {
	~~background~~:~~#eef3fb~~;		padding: 8px 10px;
	~~font~~-~~weight~~:~~bold~~;		vertical-align: top;
	~~width~~:~~40%;~~
	~~color~~:~~#202122~~;		/* گزینه 6: حذف حاشیه‌های بین سطرها برای ظاهر تمیز */
			border-bottom: none !important;
	}		}

	/* ~~داده‌ها~~ */		/* گزینه 4: افکت هاور (رفتن موس روی سطرها) */
	.infobox-universal td~~:not(.infobox-label)~~{		.infobox-universal tr:hover td {
	background:#~~ffffff~~;		background-color: #eef6fc !important; /* رنگ آبی بسیار کمرنگ */
			transition: background-color 0.3s ease; /* انیمیشن نرم */
	}		}

	/* ~~هدر بخش‌ها~~ */		/* ستون عنوان‌ها (لیبل‌ها) */
	.infobox-~~section td~~{		.infobox-label {
	background:#~~e8cce8~~;		background: #eef3fb;
	font-weight:bold;		font-weight: bold;
	~~text-align:center;~~		width: 40%;
	~~padding~~:~~7px;~~		color: #202122;
	~~font-size:95~~%;
	~~border-top:1px solid #d3b5d3;~~
	~~border-bottom~~:~~1px solid~~ #~~d3b5d3~~;
	}		}

	/* تصویر */		/* تصویر */
	.infobox-image td{		.infobox-image td {
	text-align:center;		text-align: center;
	padding:10px;		padding: 10px;
	background:#ffffff;		background: #ffffff;
	}		border-bottom: 1px solid #e6e6e6; /* نگه داشتن خط زیر عکس */

	~~.infobox-image img{~~
	~~max-width:100%;~~
	~~height:auto;~~
	border-~~radius~~:~~4px~~;
	}

	/* ~~حذف~~ خط ~~آخر~~ */
	~~.infobox-universal tr:last-child td{~~
	~~border-bottom:none;~~
	}

	~~/* ریسپانسیو برای موبایل */~~
	~~@media screen and (max-width:720px){~~

	~~.infobox-universal{~~
	~~float:none;~~
	~~width:100%;~~
	~~margin:10px 0;~~
	}		}

			.infobox-image img {
			max-width: 100%;
			height: auto;
			border-radius: 4px;
	}		}

Saeed در ۷ مارس ۲۰۲۶، ساعت ۰۸:۱۱

2026-03-07T08:11:22Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ۷ مارس ۲۰۲۶، ساعت ۰۹:۱۱
خط ۲۴:		خط ۲۴:
	width:320px;		width:320px;
	background:#f8f9fa;		background:#f8f9fa;
	border:1px solid #~~aaa~~;		border:1px solid #a2a9b1;
	border-radius:6px;		border-radius:6px;
	border-collapse:collapse;		border-collapse:collapse;
	margin:0 15px 10px 0;		margin:0 15px 10px 0;
	font-size:90%;		font-size:90%;
			line-height:1.4;
			overflow:hidden;
	}		}

			/* عنوان اصلی */
	.infobox-universal th{		.infobox-universal th{
	background:#b0c4de;		background:#b0c4de;
خط ۳۷:		خط ۴۰:
	font-weight:bold;		font-weight:bold;
	font-size:110%;		font-size:110%;
			border-bottom:1px solid #a2a9b1;
	}		}

			/* سلول‌ها */
	.infobox-universal td{		.infobox-universal td{
	padding:~~5px 7px~~;		padding:6px 8px;
	border-bottom:1px solid #~~e0e0e0~~;		border-bottom:1px solid #e6e6e6;
			vertical-align:top;
	}		}

			/* ستون عنوان */
	.infobox-label{		.infobox-label{
	background:#eef3fb;		background:#eef3fb;
	font-weight:bold;		font-weight:bold;
	width:40%;		width:40%;
			color:#202122;
	}		}

			/* داده‌ها */
			.infobox-universal td:not(.infobox-label){
			background:#ffffff;
			}

			/* هدر بخش‌ها */
	.infobox-section td{		.infobox-section td{
	background:#e8cce8;		background:#e8cce8;
	font-weight:bold;		font-weight:bold;
	text-align:center;		text-align:center;
			padding:7px;
			font-size:95%;
			border-top:1px solid #d3b5d3;
			border-bottom:1px solid #d3b5d3;
	}		}

			/* تصویر */
	.infobox-image td{		.infobox-image td{
	text-align:center;		text-align:center;
	padding:~~8px~~;		padding:10px;
			background:#ffffff;
			}

			.infobox-image img{
			max-width:100%;
			height:auto;
			border-radius:4px;
			}

			/* حذف خط آخر */
			.infobox-universal tr:last-child td{
			border-bottom:none;
			}

			/* ریسپانسیو برای موبایل */
			@media screen and (max-width:720px){

			.infobox-universal{
			float:none;
			width:100%;
			margin:10px 0;
			}

	}		}

Saeed در ۷ مارس ۲۰۲۶، ساعت ۰۶:۵۸

2026-03-07T06:58:44Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ۷ مارس ۲۰۲۶، ساعت ۰۷:۵۸
خط ۳۳:		خط ۳۳:
	.infobox-universal th{		.infobox-universal th{
	background:#b0c4de;		background:#b0c4de;
	padding:~~6px~~;		padding:8px;
	text-align:center;		text-align:center;
	font-weight:bold;		font-weight:bold;
			font-size:110%;
	}		}

	.infobox-universal td{		.infobox-universal td{
	padding:~~4px 6px~~;		padding:5px 7px;
	border-bottom:1px solid #e0e0e0;		border-bottom:1px solid #e0e0e0;
	}		}
خط ۴۶:		خط ۴۷:
	background:#eef3fb;		background:#eef3fb;
	font-weight:bold;		font-weight:bold;
	width:35%;		width:40%;
	}		}

خط ۵۷:		خط ۵۸:
	.infobox-image td{		.infobox-image td{
	text-align:center;		text-align:center;
			padding:8px;
	}		}

Saeed در ۷ مارس ۲۰۲۶، ساعت ۰۶:۲۵

2026-03-07T06:25:54Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ۷ مارس ۲۰۲۶، ساعت ۰۷:۲۵
خط ۲۰:		خط ۲۰:


	~~/* ===== جدول اصلی (اصلاحیه نهایی) ===== */~~		.infobox-universal{
	~~table~~.infobox-universal {		float:left;
	width: ~~340px !important~~; ~~/* عرض ثابت */~~		width:320px;
	background~~-color~~: #f8f9fa;		background:#f8f9fa;
	border: 1px solid #~~7a7a7a~~;		border:1px solid #aaa;
	~~box-shadow: 0 2px 6px rgba(0,0,0,0.08);~~		border-radius:6px;
	border-radius: 6px;		border-collapse:collapse;
	~~font-size: 90%;~~		margin:0 15px 10px 0;
	~~line-height: 1.4;~~		font-size:90%;
	border-collapse: collapse;
	~~direction: rtl;~~
	~~text-align: right;~~
	~~overflow: hidden;~~

	~~/* --- تنظیمات شناورسازی (مهم‌ترین بخش) --- */~~
	~~float: left !important; /* اجبار به شناور شدن در سمت چپ */~~
	~~clear: left; /* جلوگیری از تداخل با سایر عناصر */~~
	margin: 0 ~~1em 0.5em~~ 0; ~~/* فاصله: بالا-راست-پایین-چپ */~~
	~~display: table; /* اطمینان از نمایش به عنوان جدول */~~
	}

	~~/* استایل‌های داخلی */~~
	~~.infobox-universal th {~~
	~~background-color: #b0c4de;~~
	~~padding: 6px 8px;~~
	~~font-weight: bold;~~
	font-size: ~~1.1em;~~
	~~text-align: center~~;
	}		}

	.infobox-universal td {		.infobox-universal th{
	padding: ~~4px~~ 6px;		background:#b0c4de;
	~~border~~-~~bottom~~: ~~1px solid #e0e0e0~~;		padding:6px;
	~~vertical~~-~~align~~: ~~middle~~;		text-align:center;
			font-weight:bold;
	}		}

	.infobox-~~label~~ {		.infobox-universal td{
	~~background-color~~: ~~#eef3fb~~;		padding:4px 6px;
	~~font~~-~~weight~~: ~~bold;~~		border-bottom:1px solid #e0e0e0;
	~~width: 35%~~;
	}		}

	.infobox-~~image td~~ {		.infobox-label{
	~~text-align: center;~~		background:#eef3fb;
	background: #~~ffffff;~~		font-weight:bold;
	~~padding: 6px 0;~~		width:35%;
	}

	~~.infobox-universal td img {~~
	~~display: block;~~
	~~margin: auto;~~
	~~max-width: 100%;~~
	~~height: auto~~;
	}

	~~.infobox-section td {~~
	font-weight: bold;
	~~text-align: center;~~
	~~padding: 6px 0;~~
	~~font-size: 1em;~~
	~~background-color: #e8cce8;~~
	~~color: #3a1a3a;~~
	~~border-top: none;~~
	~~border-bottom: none;~~
	~~border-radius: 4px;~~
	}

	~~.infobox-universal tr:last-child td {~~
	~~border-bottom: none;~~
	}


	~~/* ===== حل نهایی مشکل فاصله و هم‌چینایی ===== */~~

	~~/* ۱. تنظیم خود جدول به عنوان شناور (Float) */~~
	~~table.infobox-universal {~~
	~~float: left !important;~~
	width: ~~340px !important;~~
	~~margin: 0 1em 0.5em 0 !important; /* فاصله از متن سمت راست */~~
	~~display: table !important~~;
	}		}

	~~/* ۲. حذف تمام فاصله‌های اضافی از پاراگرافی که دور جدول است */~~		.infobox-section td{
	~~p:has(table~~.infobox-~~universal)~~ {		background:#e8cce8;
	~~margin~~: ~~0 !important~~;		font-weight:bold;
	~~padding~~: ~~0 !important~~;		text-align:center;
	}		}

	~~/* ۳. (کلید حل مشکل) به پاراگراف بعدی دستور می‌دهیم که Clear نباشد */~~		.infobox-image td{
	~~/* این دستور می‌گوید: هر پاراگرافی که بعد از جعبه اطلاعات آمد، باید کنار آن قرار بگیرد، نه زیر آن */~~		text-align:center;
	~~p:has(table~~.infobox-~~universal) + p~~ {
	~~clear~~: ~~none !important~~;
	}		}

Saeed در ۲۸ فوریهٔ ۲۰۲۶، ساعت ۰۰:۵۶

2026-02-28T00:56:15Z

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


	/* ===== حل مشکل ~~تگ‌های p خودکار مدیاویکی~~ ===== */		/* ===== حل نهایی مشکل فاصله و هم‌چینایی ===== */

	/* ~~پیدا کردن تگ p که دور جعبه اطلاعات پیچیده شده و اصلاح استایل آن~~ */		/* ۱. تنظیم خود جدول به عنوان شناور (Float) */
	~~p:has(~~.infobox-universal) {		table.infobox-universal {
	float: left !important; ~~/* خود پاراگراف را شناور می‌کنیم (مانند یک Div) */~~		float: left !important;
	width: 340px !important; ~~/* عرض آن را دقیقاً هم‌اندازه جدول می‌کنیم */~~		width: 340px !important;
	margin: 0 1em 0.5em 0 !important; /* ~~تنظیم فاصله‌ها (بالا-~~راست~~-پایین-چپ)~~ */		margin: 0 1em 0.5em 0 !important; /* فاصله از متن سمت راست */
	display: ~~block~~ !important;		display: table !important;
	}		}

	/* ~~حالا~~ جدول ~~داخل آن را تنظیم می‌کنیم تا کل فضای پاراگراف را پر کند~~ */		/* ۲. حذف تمام فاصله‌های اضافی از پاراگرافی که دور جدول است */
	p:has(.infobox-universal) ~~.infobox-universal~~ {		p:has(table.infobox-universal) {
	~~float~~: ~~none~~ !important; /* ~~جدول دیگر نباید شناور باشد چون والدش~~ (پاراگراف~~) شناور است~~ */		margin: 0 !important;
	~~width: 100% !important;~~ /* ~~جدول تمام عرض پاراگراف را بگیرد~~ */		padding: 0 !important;
	~~display~~: table;		}
	~~margin~~: 0 !important; ~~/* حذف مارجین‌های داخلی جدول */~~
			/* ۳. (کلید حل مشکل) به پاراگراف بعدی دستور می‌دهیم که Clear نباشد */
			/* این دستور می‌گوید: هر پاراگرافی که بعد از جعبه اطلاعات آمد، باید کنار آن قرار بگیرد، نه زیر آن */
			p:has(table.infobox-universal) + p {
			clear: none !important;
	}		}

Saeed در ۲۸ فوریهٔ ۲۰۲۶، ساعت ۰۰:۵۰

2026-02-28T00:50:21Z

@@ خط ۸۹: / خط ۸۹: @@
 .infobox-universal tr:last-child td {
      border-bottom: none;
+}

Saeed در ۲۸ فوریهٔ ۲۰۲۶، ساعت ۰۰:۳۷

2026-02-28T00:37:48Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ۲۸ فوریهٔ ۲۰۲۶، ساعت ۰۱:۳۷
خط ۱:		خط ۱:
	/* دستورات این بخش همهٔ کاربران را تحت تاثیر قرار می‌دهند. */		/* دستورات این بخش همهٔ کاربران را تحت تاثیر قرار می‌دهند. */
	/* وارد کردن فونت وزیرمتن ~~از گوگل فونت~~ */		/* وارد کردن فونت وزیرمتن */
	@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;300;400;500;600;700;800;900&display=swap');		@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;300;400;500;600;700;800;900&display=swap');

	/* اعمال فونت ~~روی تمام بخش‌های اصلی سایت~~ */		/* اعمال فونت */
	body, h1, h2, h3, h4, h5, h6, p, div, span, a, button, input, textarea, select, .mw-body, .mw-heading, .vector-menu-heading, td, th {		body, h1, h2, h3, h4, h5, h6, p, div, span, a, button, input, textarea, select, .mw-body, .mw-heading, .vector-menu-heading, td, th {
	font-family: 'Vazirmatn', Tahoma, sans-serif !important;		font-family: 'Vazirmatn', Tahoma, sans-serif !important;
	}		}

	/* ~~تنظیم جهت متن و چینش برای فارسی راست‌چین بهتر~~ */		/* تنظیمات پایه */
	body {		body {
	direction: rtl;		direction: rtl;
خط ۱۴:		خط ۱۴:
	}		}

	/* کلاس ~~برای~~ لیست چند ستونه */		/* کلاس لیست چند ستونه */
	.cols-2 { column-count: 2; column-gap: 20px; }		.cols-2 { column-count: 2; column-gap: 20px; }
	.cols-3 { column-count: 3; column-gap: 20px; }		.cols-3 { column-count: 3; column-gap: 20px; }
خط ۲۰:		خط ۲۰:


	/* ===== جدول اصلی (~~اصلاح شده~~) ===== */		/* ===== جدول اصلی (اصلاحیه نهایی) ===== */
	.infobox-universal {		table.infobox-universal {
	width: 340px;		width: 340px !important; /* عرض ثابت */
	background-color: #f8f9fa;		background-color: #f8f9fa;
	border: 1px solid #7a7a7a;		border: 1px solid #7a7a7a;
خط ۳۴:		خط ۳۴:
	overflow: hidden;		overflow: hidden;

	/* --- ~~تغییرات زیر اضافه شدند~~ --- */		/* --- تنظیمات شناورسازی (مهم‌ترین بخش) --- */
	float: left; /* ~~جدول~~ سمت چپ ~~قرار بگیرد~~ */		float: left !important; /* اجبار به شناور شدن در سمت چپ */
	~~margin~~: ~~0 1em 1em 0~~; /* ~~فاصله~~ از ~~بالا، راست (متن)، پایین، چپ~~ */		clear: left; /* جلوگیری از تداخل با سایر عناصر */
	/* ~~اگر می‌خواهید دقیقاً چسبیده به~~ بالا ~~باشد، می‌توانید margin~~-~~top را منفی کنید، اما 0 پیشنهاد می‌شود~~ */		margin: 0 1em 0.5em 0; /* فاصله: بالا-راست-پایین-چپ */
	~~clear~~: ~~left~~; /* ~~برای جلوگیری~~ از ~~هم‌پوشانی با سایر شناورها~~ */		display: table; /* اطمینان از نمایش به عنوان جدول */
	}		}

			/* استایل‌های داخلی */
	.infobox-universal th {		.infobox-universal th {
	background-color: #b0c4de;		background-color: #b0c4de;
خط ۷۹:		خط ۸۰:
	padding: 6px 0;		padding: 6px 0;
	font-size: 1em;		font-size: 1em;
	background-color: #e8cce8; ~~/* صورتی/بنفش روشن */~~		background-color: #e8cce8;
	color: #3a1a3a;		color: #3a1a3a;
	border-top: none;		border-top: none;

Saeed در ۲۸ فوریهٔ ۲۰۲۶، ساعت ۰۰:۳۱

2026-02-28T00:31:11Z

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


	~~/* ===== wrapper جدول ===== */~~		/* ===== جدول اصلی (اصلاح شده) ===== */
	~~.infobox-wrapper {~~
	~~display: inline-table; /* رفتار جدول واقعی */~~
	~~float: left; /* جدول سمت چپ باقی بماند */~~
	~~margin: -5px 0 0 0; /* حذف کامل گپ بالای صفحه */~~
	}

	/* ===== جدول اصلی ===== */
	.infobox-universal {		.infobox-universal {
	width: 340px;		width: 340px;
خط ۴۰:		خط ۳۳:
	text-align: right;		text-align: right;
	overflow: hidden;		overflow: hidden;

			/* --- تغییرات زیر اضافه شدند --- */
			float: left; /* جدول سمت چپ قرار بگیرد */
			margin: 0 1em 1em 0; /* فاصله از بالا، راست (متن)، پایین، چپ */
			/* اگر می‌خواهید دقیقاً چسبیده به بالا باشد، می‌توانید margin-top را منفی کنید، اما 0 پیشنهاد می‌شود */
			clear: left; /* برای جلوگیری از هم‌پوشانی با سایر شناورها */
	}		}