الگو:پاسخ تاشو/styles.css - تاریخچهٔ نسخه‌ها

Nazarzadeh در ‏۲۴ مهٔ ۲۰۲۶، ساعت ۰۹:۱۲

2026-05-24T09:12:57Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۲۴ مهٔ ۲۰۲۶، ساعت ۱۲:۴۲
خط ۱۵:		خط ۱۵:
	.qa-question,		.qa-question,
	.qa-answer {		.qa-answer {
	display: ~~grid~~;		display: table;
	~~grid-template-columns~~: ~~72px 1fr~~;		width: 100%;
	~~column~~-~~gap~~: ~~18px;~~		box-sizing: border-box;
	~~align~~-~~items: start~~;
	padding: 12px 54px 12px 14px;		padding: 12px 54px 12px 14px;
			table-layout: fixed;
	}		}

	.qa-question {		.qa-question {
	min-height: 48px;		min-height: 48px;
	~~align~~-~~items~~: ~~center~~;		}

			.qa-answer {
			border-top: 1px solid #d7d6d6;
			background: #fff;
	}		}

	.qa-label {		.qa-label {
			display: table-cell;
			width: 72px;
	font-size: 22px;		font-size: 22px;
	font-weight: bold;		font-weight: bold;
	line-height: 1.6;		line-height: 1.6;
	white-space: nowrap;		white-space: nowrap;
			vertical-align: top;
	color: #000;		color: #000;
	}		}

	.qa-text {		.qa-text {
	~~min~~-width: 0;		display: table-cell;
			width: auto;
	line-height: 1.9;		line-height: 1.9;
			vertical-align: top;
			word-break: normal;
			overflow-wrap: break-word;
			}

			.qa-question .qa-label,
			.qa-question .qa-text {
			vertical-align: middle;
	}		}

	/* MediaWiki toggle ~~becomes the~~ triangle */		/* MediaWiki toggle as triangle */
	.qa-item .mw-collapsible-toggle {		.qa-item .mw-collapsible-toggle {
	position: absolute;		position: absolute;
	top: ~~19px~~;		top: 30px;
	right: 18px;		right: 18px;
	width: 0;		width: 0;
خط ۶۱:		خط ۷۷:
	}		}

	/* ~~Colors~~ */		/* Green */
	.qa-green {		.qa-green {
	border-color: #94f7a1;		border-color: #94f7a1;
خط ۷۴:		خط ۹۰:
	}		}

			/* Red */
	.qa-red {		.qa-red {
	border-color: #ffa5a5;		border-color: #ffa5a5;
خط ۸۶:		خط ۱۰۳:
	}		}

			/* Blue */
	.qa-blue {		.qa-blue {
	border-color: #b8bcff;		border-color: #b8bcff;
خط ۹۸:		خط ۱۱۶:
	}		}

			/* Yellow */
	.qa-yellow {		.qa-yellow {
	border-color: #f3dc70;		border-color: #f3dc70;

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

2026-05-24T08:57:29Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۲۴ مهٔ ۲۰۲۶، ساعت ۱۲:۲۷
خط ۱۵:		خط ۱۵:
	.qa-question,		.qa-question,
	.qa-answer {		.qa-answer {
	display: ~~flex~~;		display: grid;
	~~align~~-~~items~~: ~~flex-start~~;		grid-template-columns: 72px 1fr;
	gap: 18px;		column-gap: 18px;
			align-items: start;
	padding: 12px 54px 12px 14px;		padding: 12px 54px 12px 14px;
	}		}
خط ۲۴:		خط ۲۵:
	min-height: 48px;		min-height: 48px;
	align-items: center;		align-items: center;
	}

	~~.qa-answer {~~
	~~border-top: 1px solid #d7d6d6;~~
	~~background: #fff;~~
	}		}

	.qa-label {		.qa-label {
	~~flex: 0 0 auto;~~
	font-size: 22px;		font-size: 22px;
	font-weight: bold;		font-weight: bold;
خط ۴۱:		خط ۳۶:

	.qa-text {		.qa-text {
	~~flex~~: ~~1 1 auto~~;		min-width: 0;
	line-height: 1.9;		line-height: 1.9;
	}		}

Nazarzadeh در ‏۲۴ مهٔ ۲۰۲۶، ساعت ۰۸:۴۰

2026-05-24T08:40:27Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۲۴ مهٔ ۲۰۲۶، ساعت ۱۲:۱۰
خط ۵۸:		خط ۵۸:
	border-left: 8px solid transparent;		border-left: 8px solid transparent;
	border-right: 8px solid transparent;		border-right: 8px solid transparent;
	border-~~top~~: 13px solid currentColor;		border-bottom: 13px solid currentColor;
	}		}

	.qa-item.mw-collapsed .mw-collapsible-toggle {		.qa-item.mw-collapsed .mw-collapsible-toggle {
	border-~~top~~: 0;		border-bottom: 0;
	border-~~bottom~~: 13px solid currentColor;		border-top: 13px solid currentColor;
	}		}

Nazarzadeh در ‏۲۴ مهٔ ۲۰۲۶، ساعت ۰۸:۳۴

2026-05-24T08:34:11Z

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

	.qa-item {		.qa-item {
	margin: 0 0 ~~2px~~;		position: relative;
			margin: 0 0 3px;
	border: 1px solid #d7d6d6;		border: 1px solid #d7d6d6;
	border-radius: 5px;		border-radius: 5px;
	overflow: hidden;		overflow: hidden;
	background: #fff;		background: #fff;
			}

			.qa-question,
			.qa-answer {
			display: flex;
			align-items: flex-start;
			gap: 18px;
			padding: 12px 54px 12px 14px;
	}		}

	.qa-question {		.qa-question {
	~~position~~: ~~relative;~~		min-height: 48px;
	~~display: flex~~;
	align-items: center;		align-items: center;
	~~gap: 1em;~~
	~~min-height: 48px;~~
	~~padding: 8px 52px 8px 14px;~~
	~~border-bottom: 1px solid #d7d6d6;~~
	}		}

	.qa-answer {		.qa-answer {
	~~display: flex;~~		border-top: 1px solid #d7d6d6;
	~~align-items: flex~~-~~start;~~
	~~gap: 1em;~~
	~~padding~~: ~~12px 14px~~;
	background: #fff;		background: #fff;
	}		}
خط ۳۴:		خط ۳۵:
	font-size: 22px;		font-size: 22px;
	font-weight: bold;		font-weight: bold;
			line-height: 1.6;
			white-space: nowrap;
	color: #000;		color: #000;
	}		}

	.qa~~-text,~~		.qa-text {
	~~.qa-answer~~-text {
	flex: 1 1 auto;		flex: 1 1 auto;
	line-height: 1.9;		line-height: 1.9;
	}		}

			/* MediaWiki toggle becomes the triangle */
	.qa-item .mw-collapsible-toggle {		.qa-item .mw-collapsible-toggle {
	position: absolute;		position: absolute;
	top: ~~50%~~;		top: 19px;
	right: ~~16px~~;		right: 18px;
	width: 0;		width: 0;
	height: 0;		height: 0;
	margin~~-top~~: ~~-6px~~;		padding: 0;
			margin: 0;
	overflow: hidden;		overflow: hidden;
	text-indent: -9999px;		text-indent: -9999px;
	border-left: ~~7px~~ solid transparent;		border-left: 8px solid transparent;
	border-right: ~~7px~~ solid transparent;		border-right: 8px solid transparent;
	border-top: ~~12px~~ solid currentColor;		border-top: 13px solid currentColor;
	}		}

	.qa-item.mw-collapsed .mw-collapsible-toggle {		.qa-item.mw-collapsed .mw-collapsible-toggle {
	border-top: 0;		border-top: 0;
	border-bottom: ~~12px~~ solid currentColor;		border-bottom: 13px solid currentColor;
	}		}

	.qa-green ~~.qa-question~~ {		/* Colors */
	~~background: #f6fff7;~~		.qa-green {
	border-color: #94f7a1;		border-color: #94f7a1;
	}		}

	.qa-green {		.qa-green .qa-question {
	~~border-color~~: #~~94f7a1~~;		background: #f6fff7;
	}		}

خط ۷۵:		خط ۷۹:
	}		}

	.qa-red ~~.qa-question~~ {		.qa-red {
	~~background: #fff8f8;~~
	border-color: #ffa5a5;		border-color: #ffa5a5;
	}		}

	.qa-red {		.qa-red .qa-question {
	~~border-color~~: #~~ffa5a5~~;		background: #fff8f8;
	}		}

خط ۸۸:		خط ۹۱:
	}		}

	.qa-blue ~~.qa-question~~ {		.qa-blue {
	~~background: #fafaff;~~
	border-color: #b8bcff;		border-color: #b8bcff;
	}		}

	.qa-blue {		.qa-blue .qa-question {
	~~border-color~~: #~~b8bcff~~;		background: #fafaff;
	}		}

خط ۱۰۱:		خط ۱۰۳:
	}		}

	.qa-yellow ~~.qa-question~~ {		.qa-yellow {
	~~background: #fffdf2;~~
	border-color: #f3dc70;		border-color: #f3dc70;
	}		}

	.qa-yellow {		.qa-yellow .qa-question {
	~~border-color~~: #~~f3dc70~~;		background: #fffdf2;
	}		}

Nazarzadeh در ‏۲۴ مهٔ ۲۰۲۶، ساعت ۰۸:۱۴

2026-05-24T08:14:22Z

@@ خط ۱: / خط ۱: @@
-        .question {
+.qa-list {
-            transition: all 0.3s ease;
+	direction: rtl;
-            user-select: none;
+	margin: 1em 0;
-cursor: pointer;
-        .question:hover {
+.qa-item {
-            background: #eaffec;
+	margin: 0 0 2px;
+	border: 1px solid #d7d6d6;
-        .answer p {
+.qa-question {
-            transition: max-height 0.4s ease, padding 0.4s ease;
+	position: relative;
-            max-height: 2em;
+	display: flex;
-            overflow: hidden;
+	align-items: center;
-            cursor: pointer;
+	gap: 1em;
-            white-space: nowrap;
+	min-height: 48px;
-            text-overflow: ellipsis;
+	padding: 8px 52px 8px 14px;
+	border-bottom: 1px solid #d7d6d6;
-        .answer.expanded p {
+.qa-answer {
-            max-height: unset;
+	display: flex;
-            white-space: normal;
+	align-items: flex-start;
+	gap: 1em;

Nazarzadeh در ‏۷ فوریهٔ ۲۰۲۶، ساعت ۱۰:۰۳

2026-02-07T10:03:08Z

@@ خط ۷: / خط ۷: @@
          .question:hover {
              background: #eaffec;
+         }

Nazarzadeh در ‏۷ فوریهٔ ۲۰۲۶، ساعت ۰۹:۴۶

2026-02-07T09:46:31Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۷ فوریهٔ ۲۰۲۶، ساعت ۱۳:۱۶
خط ۲:		خط ۲:
	transition: all 0.3s ease;		transition: all 0.3s ease;
	user-select: none;		user-select: none;
			cursor: pointer;
	}		}

خط ۱۴:		خط ۱۵:
	top: 50%;		top: 50%;
	transition: transform 0.3s ease;		transition: transform 0.3s ease;
			transform: translateY(-50%);
	color: #94f7a1;		color: #94f7a1;
	font-size: 12px;		font-size: 12px;
خط ۱۹:		خط ۲۱:

	.question.active::after {		.question.active::after {
	transform: rotate(180deg);		transform: translateY(-50%) rotate(180deg);
	}		}

Nazarzadeh در ‏۷ فوریهٔ ۲۰۲۶، ساعت ۰۹:۳۳

2026-02-07T09:33:30Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۷ فوریهٔ ۲۰۲۶، ساعت ۱۳:۰۳
خط ۱۰:		خط ۱۰:
	.question::after {		.question::after {
	content: '▼';		content: '▼';
	position: ~~absolute~~;		position: relative;
	right: 95px;		right: 95px;
	top: 50%;		top: 50%;

Nazarzadeh در ‏۷ فوریهٔ ۲۰۲۶، ساعت ۰۹:۳۳

2026-02-07T09:33:01Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۷ فوریهٔ ۲۰۲۶، ساعت ۱۳:۰۳
خط ۱۱:		خط ۱۱:
	content: '▼';		content: '▼';
	position: absolute;		position: absolute;
	~~left~~: ~~15px~~;		right: 95px;
	top: ~~50px~~;		top: 50%;
	transition: transform 0.3s ease;		transition: transform 0.3s ease;
	color: #94f7a1;		color: #94f7a1;
	font-size: 12px;		font-size: 12px;

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

2026-02-07T08:56:35Z

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

	.answer {		.answer p {
	transition: max-height 0.4s ease, padding 0.4s ease;		transition: max-height 0.4s ease, padding 0.4s ease;
	max-height: 2em;		max-height: 2em;
خط ۳۱:		خط ۳۱:
	}		}

	.answer.expanded {		.answer.expanded p {
	max-height: unset;		max-height: unset;
	white-space: normal;		white-space: normal;
	}		}