مدیاویکی:Common.css: تفاوت میان نسخه‌ها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| (یک نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) | |||
| خط ۵٬۲۳۲: | خط ۵٬۲۳۲: | ||
``` | ``` | ||
} | |||
/* محدوده مواد زیر تیترهای فهرست قانون */ | |||
.wd-heading-range { | |||
direction: rtl; | |||
text-align: right; | |||
font-family: inherit; | |||
font-size: 14px; | |||
color: #64748b; | |||
line-height: 2; | |||
margin: 4px 14px 12px; | |||
} | |||
/* ========================================= | |||
Wikidad — Mobile Readability Fix | |||
رفع فونت ریز، فضای خالی و عرض کارت‌ها | |||
========================================= */ | |||
@media screen and (max-width: 768px) { | |||
.wd-regulation-page { | |||
width: 100% !important; | |||
max-width: 100% !important; | |||
box-sizing: border-box !important; | |||
padding-right: 12px !important; | |||
padding-left: 12px !important; | |||
font-size: 18px !important; | |||
line-height: 2 !important; | |||
} | |||
/* اصلاح عرض گریدها و حذف فضای خالی */ | |||
.wd-regulation-page .wd-component-grid { | |||
display: grid !important; | |||
grid-template-columns: minmax(0, 1fr) !important; | |||
width: 100% !important; | |||
max-width: 100% !important; | |||
gap: 14px !important; | |||
margin: 18px 0 !important; | |||
padding: 0 !important; | |||
} | |||
/* کارت‌ها تمام‌عرض شوند */ | |||
.wd-regulation-page .wd-component-item { | |||
display: block !important; | |||
width: 100% !important; | |||
max-width: 100% !important; | |||
min-width: 0 !important; | |||
box-sizing: border-box !important; | |||
margin: 0 !important; | |||
padding: 20px 18px !important; | |||
} | |||
/* عنوان کارت‌ها */ | |||
.wd-regulation-page .wd-component-title { | |||
font-size: 20px !important; | |||
line-height: 1.8 !important; | |||
font-weight: 700 !important; | |||
margin-bottom: 14px !important; | |||
} | |||
/* متن داخل کارت‌ها */ | |||
.wd-regulation-page .wd-component-description { | |||
font-size: 18px !important; | |||
line-height: 2.05 !important; | |||
text-align: justify !important; | |||
overflow-wrap: anywhere !important; | |||
} | |||
/* تیترهای اصلی صفحه */ | |||
.wd-regulation-page .wd-regulation-section-title { | |||
font-size: 24px !important; | |||
line-height: 1.8 !important; | |||
margin-top: 30px !important; | |||
margin-bottom: 18px !important; | |||
} | |||
.wd-regulation-page .wd-regulation-hero-title { | |||
font-size: 27px !important; | |||
line-height: 1.8 !important; | |||
} | |||
.wd-regulation-page .wd-regulation-hero-subtitle { | |||
font-size: 18px !important; | |||
line-height: 1.9 !important; | |||
} | |||
/* متن مواد آیین‌نامه و مقررات */ | |||
.wd-regulation-page .wd-regulation-article-body { | |||
font-size: 18px !important; | |||
line-height: 2.1 !important; | |||
overflow-wrap: anywhere !important; | |||
} | |||
.wd-regulation-page .wd-regulation-article-body p, | |||
.wd-regulation-page .wd-regulation-article-body li { | |||
font-size: 18px !important; | |||
line-height: 2.1 !important; | |||
margin-bottom: 12px !important; | |||
} | |||
/* کاهش فاصله‌های عمودی اضافی */ | |||
.wd-regulation-page .wd-regulation-article { | |||
margin-bottom: 20px !important; | |||
} | |||
.wd-regulation-page .wd-regulation-card, | |||
.wd-regulation-page .wd-judgment-card, | |||
.wd-regulation-page .wd-advisory-card, | |||
.wd-regulation-page .wd-source-box { | |||
width: 100% !important; | |||
max-width: 100% !important; | |||
min-width: 0 !important; | |||
box-sizing: border-box !important; | |||
margin-top: 16px !important; | |||
margin-bottom: 16px !important; | |||
padding: 18px !important; | |||
} | |||
/* جدول‌ها در موبایل از صفحه بیرون نزنند */ | |||
.wd-regulation-page .wd-history-table { | |||
width: 100% !important; | |||
max-width: 100% !important; | |||
overflow-x: auto !important; | |||
-webkit-overflow-scrolling: touch; | |||
} | |||
.wd-regulation-page .wd-history-table table { | |||
min-width: 560px; | |||
font-size: 16px !important; | |||
line-height: 1.9 !important; | |||
} | |||
/* جلوگیری از ایجاد عرض اضافی */ | |||
.wd-regulation-page img, | |||
.wd-regulation-page table { | |||
max-width: 100%; | |||
} | |||
} | } | ||
نسخهٔ کنونی تا ۷ اکتبر ۲۰۲۶، ساعت ۰۱:۰۷
/* =========================================================
ویکی‌داد — MediaWiki:Common.css
نسخه نهایی یکپارچه
پالت: رسمی + زنده + کمی فانتزی
نکته:
فونت محلی Vazirmatn در MediaWiki:Vector-2022.css
تعریف شده است و این فایل فقط از خانواده فونت استفاده می‌کند.
========================================================= */
/* =========================================================
1. DESIGN SYSTEM
========================================================= */
:root {
/* هویت اصلی ویکی‌داد */
--wd-teal: #147d73;
--wd-teal-dark: #0d625b;
--wd-teal-mid: #2c8d82;
--wd-teal-soft: #e6f4f0;
/* آبی فیروزه‌ای */
--wd-cyan: #16758a;
--wd-cyan-soft: #e8f5f7;
/* طلایی */
--wd-gold: #b98a32;
--wd-gold-dark: #85651f;
--wd-gold-soft: #fbf4df;
/* آبی */
--wd-blue: #3979a7;
--wd-blue-dark: #285f87;
--wd-blue-soft: #edf5fb;
/* بنفش */
--wd-purple: #76629a;
--wd-purple-dark: #604d82;
--wd-purple-soft: #f3eff9;
/* مرجانی */
--wd-coral: #c97838;
--wd-coral-dark: #a95e27;
--wd-coral-soft: #fff2e7;
/* سبز پاسخ */
--wd-success: #4b9b57;
--wd-success-dark: #31743a;
--wd-success-soft: #edf8f2;
/* قرمز خطا */
--wd-danger: #c85b5b;
--wd-danger-dark: #9a3f3f;
--wd-danger-soft: #fff1f1;
/* متن */
--wd-text: #293b3a;
--wd-text-soft: #657572;
--wd-text-light: #7b8986;
/* زمینه */
--wd-bg: #ffffff;
--wd-bg-soft: #f7faf9;
--wd-bg-warm: #fcfaf6;
/* خطوط */
--wd-border: #dce8e4;
--wd-border-dark: #c8d9d4;
/* سایه */
--wd-shadow:
0 4px 18px rgba(25, 83, 76, 0.07);
--wd-shadow-hover:
0 6px 18px rgba(25, 83, 76, 0.11);
/* گوشه */
--wd-radius: 10px;
--wd-radius-small: 7px;
/* فونت محلی ویکی‌داد */
--wd-font:
"WikidadVazirmatn",
Tahoma,
Arial,
sans-serif;
}
/* =========================================================
2. پایه ویکی
========================================================= */
html {
direction: rtl;
}
body {
direction: rtl;
text-align: right;
color: var(--wd-text);
}
/* =========================================================
3. لینک‌های عمومی صفحات حقوقی
========================================================= */
.mw-body a {
color: var(--wd-cyan);
}
.mw-body a:hover {
color: var(--wd-teal-dark);
}
/* =========================================================
4. تیترهای MediaWiki
========================================================= */
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4 {
color: var(--wd-text);
font-weight: 700;
}
/* =========================================================
5. صفحه حقوقی
========================================================= */
.law-page {
direction: rtl;
text-align: right;
line-height: 2;
font-family: var(--wd-font);
}
.law-page a {
color: var(--wd-cyan);
font-weight: 500;
text-decoration: none;
}
.law-page a:hover {
color: var(--wd-teal-dark);
text-decoration: underline;
}
/* =========================================================
6. بردکرامب
قوانین و مقررات ← قانون ← فصل ← ماده
========================================================= */
.wd-breadcrumb {
direction: rtl;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 7px;
margin: 12px 0 24px;
padding: 0;
font-family: var(--wd-font);
font-size: 13px;
line-height: 1.8;
}
/* کادر هر سطح */
.wd-breadcrumb-item {
display: inline-flex;
align-items: center;
box-sizing: border-box;
min-height: 35px;
padding: 5px 13px;
background:
linear-gradient(
135deg,
#f7faf9,
#eef6f3
);
border: 1px solid #d4e3df;
border-radius: 8px;
color: #42645f;
white-space: nowrap;
box-shadow:
0 1px 3px rgba(25, 83, 76, 0.04);
transition:
background .16s ease,
border-color .16s ease,
transform .16s ease,
box-shadow .16s ease;
}
.wd-breadcrumb-item a {
color: #3c6861 !important;
text-decoration: none !important;
font-weight: 650;
}
.wd-breadcrumb-item:hover {
background:
linear-gradient(
135deg,
#edf8f4,
#e2f1ed
);
border-color: #9fc8bf;
transform: translateY(-1px);
box-shadow:
0 3px 9px rgba(25, 83, 76, 0.08);
}
.wd-breadcrumb-item:hover a {
color: var(--wd-teal-dark) !important;
}
/* فلش */
.wd-breadcrumb-arrow {
display: inline-flex;
align-items: center;
justify-content: center;
width: 17px;
color: #93aaa5;
font-size: 14px;
font-weight: 700;
user-select: none;
}
/* ماده جاری */
.wd-breadcrumb-current {
display: inline-flex;
align-items: center;
box-sizing: border-box;
min-height: 35px;
padding: 5px 14px;
background:
linear-gradient(
135deg,
#e0f2ec,
#d4ebe5
);
border: 1px solid #acd0c6;
border-right: 3px solid var(--wd-teal);
border-radius: 8px;
color: var(--wd-teal-dark);
font-weight: 800;
white-space: nowrap;
box-shadow:
0 2px 7px rgba(20, 125, 115, 0.08);
}
/* =========================================================
7. صفحه اصلی — هدر
========================================================= */
.wd-home {
direction: rtl;
text-align: right;
font-family: var(--wd-font);
}
/* هدر اصلی */
.wd-hero {
position: relative;
margin-bottom: 28px;
padding: 34px 30px;
background:
linear-gradient(
135deg,
#eaf7f3 0%,
#e2f2ee 52%,
#edf7f5 100%
);
border-right: 6px solid var(--wd-teal);
border-radius: 13px;
box-shadow: var(--wd-shadow);
overflow: hidden;
}
/* یک هاله خیلی ظریف برای زنده‌تر شدن هدر */
.wd-hero::before {
content: "";
position: absolute;
width: 150px;
height: 150px;
left: -45px;
top: -55px;
background: rgba(255,255,255,.35);
border-radius: 50%;
pointer-events: none;
}
.wd-hero::after {
content: "";
position: absolute;
width: 90px;
height: 90px;
left: 70px;
bottom: -45px;
background: rgba(255,255,255,.22);
border-radius: 50%;
pointer-events: none;
}
.wd-hero-title {
position: relative;
z-index: 1;
color: var(--wd-teal-dark);
font-size: 30px;
font-weight: 900;
line-height: 1.7;
}
.wd-hero-subtitle {
position: relative;
z-index: 1;
margin-top: 5px;
color: #60736f;
font-size: 15px;
line-height: 2;
}
.wd-search-box {
position: relative;
z-index: 1;
margin-top: 22px;
}
/* =========================================================
8. فهرست قانون — سربرگ
========================================================= */
.wd-law-index {
direction: rtl;
text-align: right;
margin: 24px 0;
font-family: var(--wd-font);
}
.wd-law-index-head {
padding: 20px 22px;
background:
linear-gradient(
135deg,
#eef8f4,
#e2f2ee
);
border-right: 5px solid var(--wd-teal);
border-radius: 11px;
margin-bottom: 16px;
box-shadow:
0 2px 10px rgba(25, 83, 76, 0.05);
}
.wd-law-index-title {
color: var(--wd-teal-dark);
font-size: 21px;
font-weight: 850;
line-height: 1.9;
}
.wd-law-index-description {
margin-top: 5px;
color: var(--wd-text-soft);
font-size: 13px;
line-height: 2;
}
.wd-law-index-meta {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin-top: 12px;
}
.wd-law-index-meta span {
display: inline-block;
padding: 4px 9px;
background: rgba(255,255,255,.82);
border: 1px solid #d3e2de;
border-radius: 6px;
color: #52635f;
font-size: 11px;
}
.wd-law-index-status {
font-weight: 700;
}
/* =========================================================
9. فصل قانون
========================================================= */
.wd-law-chapter {
margin: 13px 0;
}
.wd-law-chapter a {
display: block;
color: inherit !important;
text-decoration: none !important;
}
.wd-law-chapter-clickable {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
min-height: 64px;
box-sizing: border-box;
padding: 12px 18px;
background:
linear-gradient(
135deg,
#eef8f4 0%,
#e3f1ed 100%
);
border: 1px solid #cfe1dc;
border-right: 5px solid var(--wd-teal);
border-radius: 10px;
box-shadow:
0 2px 8px rgba(25, 83, 76, 0.045);
transition:
background .17s ease,
border-color .17s ease,
transform .17s ease,
box-shadow .17s ease;
}
.wd-law-chapter-clickable:hover {
background:
linear-gradient(
135deg,
#e5f5ef,
#d9eee8
);
border-color: #a8cbc2;
transform: translateY(-1px);
box-shadow:
0 5px 14px rgba(25, 83, 76, 0.09);
}
.wd-law-chapter-main {
display: flex;
flex-direction: column;
min-width: 0;
}
.wd-law-chapter-title {
color: #185e57;
font-size: 16px;
font-weight: 800;
line-height: 1.9;
}
.wd-law-chapter-description {
margin-top: 2px;
color: #71847f;
font-size: 12px;
line-height: 1.8;
}
.wd-law-chapter-arrow {
flex: 0 0 auto;
margin-right: 15px;
width: 29px;
height: 29px;
display: flex;
align-items: center;
justify-content: center;
background: #d8ebe5;
border-radius: 50%;
color: #27766d;
font-size: 15px;
font-weight: 800;
}
/* =========================================================
10. مبحث قانون
========================================================= */
.wd-law-topic {
margin: 9px 0;
}
.wd-law-topic a {
display: block;
color: inherit !important;
text-decoration: none !important;
}
.wd-law-topic-clickable {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
min-height: 55px;
box-sizing: border-box;
padding: 10px 16px;
background:
linear-gradient(
135deg,
#fbfcfc,
#f5f9f7
);
border: 1px solid #dfe8e5;
border-right: 4px solid #75a69e;
border-radius: 9px;
transition:
background .16s ease,
border-color .16s ease,
transform .16s ease,
box-shadow .16s ease;
}
.wd-law-topic-clickable:hover {
background:
linear-gradient(
135deg,
#f2f8f6,
#ebf4f1
);
border-color: #bfd6d0;
transform: translateX(-2px);
box-shadow:
0 3px 9px rgba(25, 83, 76, 0.06);
}
.wd-law-topic-main {
display: flex;
flex-direction: column;
min-width: 0;
}
.wd-law-topic-title {
color: #486863;
font-size: 14px;
font-weight: 750;
line-height: 1.9;
}
.wd-law-topic-description {
color: #7b8986;
font-size: 11px;
line-height: 1.8;
}
.wd-law-topic-arrow {
flex: 0 0 auto;
margin-right: 12px;
color: #70958f;
font-size: 14px;
}
/* =========================================================
11. ماده در فهرست
========================================================= */
.wd-law-item {
margin: 6px 0;
}
.wd-law-item a {
display: block;
color: inherit !important;
text-decoration: none !important;
}
.wd-law-item-clickable {
display: flex;
align-items: center;
width: 100%;
min-height: 50px;
box-sizing: border-box;
padding: 8px 13px;
background: #ffffff;
border: 1px solid #e1e9e6;
border-radius: 8px;
transition:
background .15s ease,
border-color .15s ease,
box-shadow .15s ease,
transform .15s ease;
}
.wd-law-item-clickable:hover {
background:
linear-gradient(
90deg,
#ffffff,
#f1f8f5
);
border-color: #b8d3cc;
transform: translateX(-2px);
box-shadow:
0 3px 9px rgba(25, 83, 76, 0.055);
}
.wd-law-item-number {
flex: 0 0 auto;
min-width: 72px;
color: #24746b;
font-size: 13px;
font-weight: 850;
}
.wd-law-item-text {
display: flex;
flex-direction: column;
flex: 1;
min-width: 0;
}
.wd-law-item-title {
color: #405552;
font-size: 13px;
font-weight: 700;
line-height: 1.8;
}
.wd-law-item-summary {
margin-top: 1px;
color: #7b8986;
font-size: 11px;
line-height: 1.8;
}
.wd-law-item-status {
flex: 0 0 auto;
margin-right: 9px;
padding: 3px 8px;
background: #edf7f3;
border: 1px solid #d4e8e2;
border-radius: 5px;
color: #31786f;
font-size: 10px;
font-weight: 700;
}
.wd-law-item-arrow {
flex: 0 0 auto;
margin-right: 9px;
color: #7d9993;
font-size: 14px;
}
/* =========================================================
12. جعبه‌های محتوایی
========================================================= */
.term-box {
background:
linear-gradient(
135deg,
#f7f3fb,
#f1edf8
);
border-right: 5px solid var(--wd-purple);
border-radius: 10px;
padding: 18px 22px;
margin: 18px 0;
box-shadow:
0 2px 9px rgba(118, 98, 154, 0.06);
}
.related-laws-box {
background:
linear-gradient(
135deg,
#fffaf0,
#f9f3e6
);
border-right: 5px solid var(--wd-gold);
border-radius: 10px;
padding: 18px 22px;
margin: 20px 0;
box-shadow:
0 2px 9px rgba(185, 138, 50, 0.055);
}
.related-laws-title {
color: var(--wd-gold-dark);
font-weight: 800;
font-size: 1.12em;
}
.judgment-box {
background:
linear-gradient(
135deg,
#f1f7fc,
#eaf3fa
);
border-right: 5px solid var(--wd-blue);
border-radius: 10px;
padding: 20px 24px;
margin: 18px 0;
box-shadow:
0 2px 9px rgba(57, 121, 167, 0.055);
}
.judgment-title {
color: var(--wd-blue-dark);
font-weight: 800;
}
.advisory-box {
background:
linear-gradient(
135deg,
#fcf7ef,
#f7efe3
);
border-right: 5px solid #a9783b;
border-radius: 10px;
padding: 20px 24px;
margin: 18px 0;
box-shadow:
0 2px 9px rgba(169, 120, 59, 0.055);
}
.explanation-box {
background:
linear-gradient(
135deg,
#ffffff,
#f8fbfa
);
border-right: 5px solid var(--wd-teal);
border-radius: 10px;
padding: 20px 24px;
margin: 18px 0;
box-shadow:
0 3px 11px rgba(20, 80, 70, 0.055);
}
/* =========================================================
13. نکات و جستارهای وابسته
========================================================= */
.related-topics-box {
background:
linear-gradient(
135deg,
#f8faf9,
#f2f6f5
);
border-right: 4px solid #7d918d;
border-radius: 8px;
padding: 18px 22px;
margin: 20px 0;
}
/* =========================================================
14. ناوبری قدیمی مواد
========================================================= */
.law-navigation {
margin: 35px 0;
padding: 18px;
background:
linear-gradient(
135deg,
#edf8f5,
#e4f2ee
);
border: 1px solid #c9e3df;
border-radius: 12px;
direction: rtl;
text-align: center;
box-shadow:
0 3px 11px rgba(20, 100, 90, .05);
}
.law-navigation-title {
color: var(--wd-teal-dark);
font-weight: 800;
font-size: 1.15em;
margin-bottom: 12px;
}
/* =========================================================
15. جدول قدیمی فهرست مواد
========================================================= */
.law-index-table {
width: 100%;
border-collapse: collapse;
direction: rtl;
margin: 20px 0;
}
.law-index-table th {
background: var(--wd-teal);
color: #ffffff;
padding: 10px;
}
.law-index-table td {
padding: 9px;
border: 1px solid #ddd;
}
.law-index-table tr:nth-child(even) {
background: #f8fbfa;
}
.law-index-table a {
text-decoration: none;
}
/* =========================================================
16. عنوان‌ها / سکشن‌های محتوایی
========================================================= */
.wd-section-title {
display: flex;
align-items: center;
gap: 10px;
margin: 28px 0 12px;
padding-bottom: 8px;
border-bottom: 1px solid var(--wd-border);
color: var(--wd-text);
font-size: 19px;
font-weight: 800;
}
.wd-section-title::before {
content: "";
width: 4px;
height: 25px;
background: var(--wd-teal);
border-radius: 3px;
}
/* =========================================================
17. تست تعاملی — نسخه اصلی و نهایی
========================================================= */
.wd-test {
direction: rtl;
text-align: right;
margin: 32px 0;
font-family: var(--wd-font);
}
.wd-test-options {
display: flex;
flex-direction: column;
gap: 9px;
}
.wd-test-options ul {
margin: 0 !important;
padding: 0 !important;
}
.wd-test-options li {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
/* گزینه */
.wd-test-option {
display: flex;
align-items: center;
width: 100%;
box-sizing: border-box;
padding: 12px 15px;
background: #ffffff;
border: 1px solid #dfe7e5;
border-radius: 8px;
color: #37474f !important;
font-family: var(--wd-font);
font-size: 15px;
line-height: 1.9;
text-align: right;
cursor: pointer;
user-select: none;
transition:
background .15s ease,
border-color .15s ease,
transform .15s ease,
box-shadow .15s ease;
}
.wd-test-option:hover {
background:
linear-gradient(
90deg,
#ffffff,
#f0f8f6
);
border-color: var(--wd-teal);
transform: translateY(-1px);
box-shadow:
0 3px 9px rgba(20, 125, 115, .07);
}
/* علامت گزینه */
.wd-test-option::before {
content: "□";
flex: 0 0 auto;
margin-left: 11px;
font-size: 21px;
line-height: 1;
color: #78909c;
}
.wd-test-option.wd-selected::before {
content: "☑";
}
/* صحیح */
.wd-test-option.wd-correct {
background:
linear-gradient(
90deg,
#edf9f2,
#e5f5ec
);
border-color: var(--wd-success);
color: #276b35 !important;
box-shadow:
0 3px 10px rgba(75, 155, 87, .08);
}
.wd-test-option.wd-correct::before {
color: var(--wd-success);
}
/* غلط */
.wd-test-option.wd-wrong {
background:
linear-gradient(
90deg,
#fff3f1,
#fff0ed
);
border-color: var(--wd-danger);
color: var(--wd-danger-dark) !important;
}
.wd-test-option.wd-wrong::before {
content: "☒";
color: var(--wd-danger);
}
/* نتیجه */
.wd-test-result-message.wd-result-correct {
color: #287653;
}
.wd-test-result-message.wd-result-wrong {
color: #a04444;
}
.wd-test.wd-test-finished .wd-test-option {
cursor: default;
}
.wd-test.wd-test-finished .wd-test-option:hover {
transform: none;
}
/* نوع سؤال */
.wd-test-source {
font-size: 12px;
font-weight: normal;
color: var(--wd-purple);
white-space: nowrap;
}
/* =========================================================
18. بانک تست قدیمی — حفظ سازگاری
========================================================= */
.test-bank {
margin: 25px 0;
}
.test-card {
border-radius: 12px;
padding: 20px 22px;
margin: 22px 0;
box-shadow:
0 3px 12px rgba(0,0,0,.07);
direction: rtl;
text-align: right;
}
.test-official {
background: var(--wd-blue-soft);
border-right: 6px solid var(--wd-blue);
}
.test-official .test-label {
color: var(--wd-blue-dark);
}
.test-authored {
background: var(--wd-purple-soft);
border-right: 6px solid var(--wd-purple);
}
.test-authored .test-label {
color: var(--wd-purple-dark);
}
.test-trap {
background: var(--wd-coral-soft);
border-right: 6px solid var(--wd-coral);
}
.test-trap .test-label {
color: var(--wd-coral-dark);
}
.test-label {
font-weight: bold;
font-size: .92em;
margin-bottom: 10px;
}
.test-option {
display: block;
background: rgba(255,255,255,.72);
border: 1px solid #ddd;
border-radius: 8px;
padding: 10px 13px;
margin: 8px 0;
cursor: pointer;
}
.test-option:hover {
background: #ffffff;
}
.test-answer {
margin-top: 15px;
padding: 15px 18px;
background: var(--wd-success-soft);
border-right: 4px solid var(--wd-success);
border-radius: 8px;
}
.test-answer-title {
color: var(--wd-success-dark);
font-weight: bold;
}
.exam-tip {
background:
linear-gradient(
135deg,
#fff9df,
#fff5d1
);
border-right: 4px solid #d0a928;
border-radius: 8px;
padding: 13px 16px;
margin-top: 12px;
}
/* =========================================================
19. منابع و مآخذ — دو ستونه
========================================================= */
.wd-references {
direction: rtl;
text-align: right;
font-family: var(--wd-font);
font-size: 13px;
color: #52615e;
}
.wd-references ol {
display: grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
column-gap: 28px;
row-gap: 2px;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
counter-reset: wd-reference;
}
.wd-references li {
position: relative;
box-sizing: border-box;
margin: 0 !important;
padding: 4px 27px 4px 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
line-height: 1.9;
min-height: 0;
counter-increment: wd-reference;
}
.wd-references li::before {
content: counter(wd-reference);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
color: var(--wd-teal);
font-size: 11px;
font-weight: 800;
}
.wd-references a {
color: var(--wd-cyan);
text-decoration: none;
}
.wd-references a:hover {
color: var(--wd-teal-dark);
text-decoration: underline;
}
.wd-references .mw-cite-backlink {
margin-right: 4px;
white-space: nowrap;
}
.wd-references .mw-cite-backlink a {
color: var(--wd-teal);
font-weight: bold;
}
/* =========================================================
20. جعبه ماده — هماهنگی رنگی بدون تخریب Template
========================================================= */
.law-article-box a {
color: var(--wd-cyan);
}
.law-article-box a:hover {
color: var(--wd-teal-dark);
}
/* =========================================================
21. جزئیات بازشونده
========================================================= */
.law-collapsible {
margin: 20px 0;
border: 1px solid var(--wd-border);
border-radius: 10px;
background: #ffffff;
overflow: hidden;
}
.law-collapsible summary {
cursor: pointer;
padding: 13px 17px;
background:
linear-gradient(
135deg,
#f1f8f5,
#eaf4f1
);
color: var(--wd-teal-dark);
font-weight: 800;
list-style: none;
}
.law-collapsible summary::-webkit-details-marker {
display: none;
}
.law-collapsible > div,
.law-collapsible > p {
padding: 0 18px;
}
/* =========================================================
22. لیست‌ها
========================================================= */
.law-page ul,
.law-page ol {
line-height: 2.1;
}
.law-page li {
margin-bottom: 4px;
}
/* =========================================================
23. جدول‌های عمومی
========================================================= */
.mw-body table {
direction: rtl;
}
/* =========================================================
24. موبایل
========================================================= */
@media (max-width: 700px) {
.wd-hero {
padding: 25px 20px;
border-right-width: 5px;
}
.wd-hero-title {
font-size: 24px;
}
.wd-hero-subtitle {
font-size: 13px;
}
.wd-breadcrumb {
gap: 5px;
margin: 10px 0 18px;
font-size: 12px;
}
.wd-breadcrumb-item,
.wd-breadcrumb-current {
min-height: 32px;
padding: 4px 9px;
border-radius: 7px;
}
.wd-breadcrumb-arrow {
width: 12px;
font-size: 12px;
}
.wd-law-index-head {
padding: 16px 15px;
}
.wd-law-index-title {
font-size: 18px;
}
.wd-law-chapter-clickable {
min-height: 55px;
padding: 10px 12px;
}
.wd-law-chapter-title {
font-size: 14px;
}
.wd-law-topic-clickable {
padding: 9px 11px;
}
.wd-law-topic-title {
font-size: 13px;
}
.wd-law-item-clickable {
padding: 8px 10px;
}
.wd-law-item-number {
min-width: 63px;
font-size: 12px;
}
.wd-law-item-title {
font-size: 12px;
}
.wd-law-item-summary {
font-size: 10px;
}
.wd-references ol {
grid-template-columns: 1fr;
column-gap: 0;
}
}
/* =========================================================
25. چاپ
========================================================= */
@media print {
.wd-breadcrumb {
margin-bottom: 15px;
}
.wd-breadcrumb-item,
.wd-breadcrumb-current {
background: #ffffff !important;
border-color: #999 !important;
color: #000 !important;
}
.wd-breadcrumb-arrow {
color: #555 !important;
}
.wd-test-option {
break-inside: avoid;
}
.law-navigation {
break-inside: avoid;
}
}
/* =========================================================
WIKIDAD — COMPACT ARTICLE LAYOUT
========================================================= */
/* صفحه مقاله */
.law-page {
line-height: 1.95;
}
/* پاراگراف‌ها */
.law-page p {
margin: 0.2em 0 !important;
}
/* تیترهای داخلی */
.law-page h2,
.law-page h3,
.law-page h4 {
margin-top: 12px !important;
margin-bottom: 6px !important;
}
/* ---------------------------------------------------------
فاصله بخش‌های اصلی
--------------------------------------------------------- */
.law-page > div[style*="margin:30px 0"] {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
.law-page > div[style*="margin:30px 0 20px"] {
margin-top: 12px !important;
margin-bottom: 10px !important;
}
.law-page > div[style*="margin:30px 0 0"] {
margin-top: 12px !important;
margin-bottom: 6px !important;
}
.law-page > div[style*="margin:25px 0"] {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.law-page > div[style*="margin:22px 0"] {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
/* ---------------------------------------------------------
فاصله عنوان بخش از محتوای آن
--------------------------------------------------------- */
.law-page div[style*="margin-bottom:16px"] {
margin-bottom: 6px !important;
}
.law-page div[style*="margin-bottom:15px"] {
margin-bottom: 6px !important;
}
.law-page div[style*="margin-bottom:10px"] {
margin-bottom: 5px !important;
}
.law-page div[style*="margin-bottom:8px"] {
margin-bottom: 4px !important;
}
/* ---------------------------------------------------------
متن بخش‌ها
--------------------------------------------------------- */
.law-page div[style*="line-height:2.3"] {
line-height: 2 !important;
}
.law-page div[style*="line-height:2.25"] {
line-height: 2 !important;
}
.law-page div[style*="line-height:2.2"] {
line-height: 1.95 !important;
}
.law-page div[style*="line-height:2.1"] {
line-height: 1.9 !important;
}
/* ---------------------------------------------------------
اصطلاحات
--------------------------------------------------------- */
.law-page .term-box {
margin-top: 6px !important;
margin-bottom: 6px !important;
}
.law-page .term-box > div {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
/* ---------------------------------------------------------
تست‌ها — فشرده
--------------------------------------------------------- */
.law-page .wd-test {
margin: 10px 0 !important;
}
/* عنوان تست */
.law-page .wd-test-header {
padding-top: 0 !important;
padding-bottom: 5px !important;
margin: 0 !important;
}
/* متن سؤال */
.law-page .wd-test-question {
line-height: 1.9 !important;
margin: 0 !important;
}
/* ناحیه گزینه‌ها */
.law-page .wd-test > div[style*="padding:20px 4px 8px"] {
padding: 7px 4px 2px !important;
margin: 0 !important;
}
/* اگر padding با شکل دیگری ثبت شده باشد */
.law-page .wd-test > div[style*="padding:20px"] {
padding-top: 7px !important;
padding-bottom: 2px !important;
}
/* فاصله گزینه‌ها */
.law-page .wd-test-options {
gap: 5px !important;
}
/* خود گزینه‌ها */
.law-page .wd-test-option {
padding-top: 9px !important;
padding-bottom: 9px !important;
}
/* نتیجه تست */
.law-page .wd-test-result {
margin-top: 8px !important;
}
/* ---------------------------------------------------------
جعبه‌های معیارهای تشخیص
--------------------------------------------------------- */
.law-page div[style*="margin-bottom:9px"] {
margin-bottom: 4px !important;
}
/* ---------------------------------------------------------
جدول
--------------------------------------------------------- */
.law-page table {
margin-top: 6px !important;
margin-bottom: 6px !important;
}
.law-page table th,
.law-page table td {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
/* ---------------------------------------------------------
FAQ
--------------------------------------------------------- */
.law-page div[style*="border-bottom:1px solid #dfe7e5"] {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
/* ---------------------------------------------------------
Breadcrumb
--------------------------------------------------------- */
.wd-breadcrumb {
margin-top: 6px !important;
margin-bottom: 8px !important;
}
/* ---------------------------------------------------------
ارجاعات
--------------------------------------------------------- */
.law-page .wd-references {
margin-top: 2px !important;
}
.law-page .wd-references ol {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* ---------------------------------------------------------
مسیر مطالعه
--------------------------------------------------------- */
.law-page div[style*="margin:20px 0 8px"] {
margin-top: 8px !important;
margin-bottom: 4px !important;
}
/* ---------------------------------------------------------
موبایل
--------------------------------------------------------- */
@media (max-width:700px) {
.law-page > div[style*="margin:30px"] {
margin-top: 9px !important;
margin-bottom: 9px !important;
}
.law-page > div[style*="margin:25px"] {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.law-page .wd-test {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
}
/* =========================================================
دکمه سابقه تقنینی ماده
========================================================= */
.wd-version-toggle {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
box-sizing: border-box !important;
padding: 7px 13px !important;
background: #f8faf9 !important;
border: 1px solid #cfdad6 !important;
border-radius: 7px !important;
color: #28706a !important;
font-family:
"WikidadVazirmatn",
Tahoma,
Arial,
sans-serif !important;
font-size: 13px !important;
font-weight: bold !important;
line-height: 1.5 !important;
cursor: pointer !important;
user-select: none !important;
transition:
background 0.15s ease,
border-color 0.15s ease,
color 0.15s ease,
transform 0.15s ease !important;
}
.wd-version-toggle:hover {
background: #edf5f2 !important;
border-color: #168477 !important;
color: #11695f !important;
transform: translateY(-1px) !important;
}
.wd-version-toggle-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 18px !important;
height: 18px !important;
font-size: 17px !important;
font-weight: 800 !important;
line-height: 1 !important;
}
.wd-version-toggle-label {
display: inline-block !important;
white-space: nowrap !important;
}
/* =========================================================
WIKIDAD — RESPONSIVE SYSTEM
نسخه 1.0
========================================================= */
/* =========================================================
1. عناصر پایه — جلوگیری از بیرون‌زدگی
========================================================= */
.mw-body,
.law-page,
.wd-home {
box-sizing: border-box;
max-width: 100%;
}
.mw-body *,
.law-page *,
.wd-home * {
box-sizing: border-box;
}
/* تصاویر */
.law-page img,
.wd-home img {
max-width: 100%;
height: auto;
}
/* iframe و ویدئو */
.law-page iframe,
.law-page video,
.wd-home iframe,
.wd-home video {
max-width: 100%;
}
/* =========================================================
2. جدول‌ها — جلوگیری از خراب شدن صفحه
========================================================= */
.law-page table,
.wd-home table {
max-width: 100%;
}
/* =========================================================
3. متن‌های خیلی طولانی
========================================================= */
.law-page a,
.wd-home a {
overflow-wrap: anywhere;
}
/* =========================================================
4. تبلت و نمایشگرهای متوسط
========================================================= */
@media (max-width: 1000px) {
.wd-hero {
padding: 28px 24px;
}
.wd-hero-title {
font-size: 27px;
}
.wd-law-index-head {
padding: 18px 19px;
}
.term-box,
.related-laws-box,
.judgment-box,
.advisory-box,
.explanation-box,
.related-topics-box {
padding-left: 18px;
padding-right: 18px;
}
}
/* =========================================================
5. موبایل
========================================================= */
@media (max-width: 700px) {
/* -----------------------------------------
صفحه قانون
----------------------------------------- */
.law-page {
width: 100%;
max-width: 100%;
overflow-wrap: break-word;
}
/* -----------------------------------------
Breadcrumb
----------------------------------------- */
.wd-breadcrumb {
width: 100%;
max-width: 100%;
gap: 4px;
}
.wd-breadcrumb-item,
.wd-breadcrumb-current {
max-width: 100%;
white-space: normal;
}
/* -----------------------------------------
Hero
----------------------------------------- */
.wd-hero {
padding: 22px 16px;
margin-bottom: 18px;
border-right-width: 4px;
}
.wd-hero-title {
font-size: 22px;
line-height: 1.65;
}
.wd-hero-subtitle {
font-size: 12px;
line-height: 1.9;
}
.wd-search-box {
margin-top: 16px;
}
/* -----------------------------------------
عنوان فهرست قانون
----------------------------------------- */
.wd-law-index {
margin: 16px 0;
}
.wd-law-index-head {
padding: 14px 13px;
margin-bottom: 10px;
}
.wd-law-index-title {
font-size: 17px;
}
.wd-law-index-description {
font-size: 12px;
}
/* -----------------------------------------
فصل
----------------------------------------- */
.wd-law-chapter-clickable {
min-height: 52px;
padding: 9px 11px;
}
.wd-law-chapter-title {
font-size: 13px;
line-height: 1.8;
}
.wd-law-chapter-description {
font-size: 11px;
}
.wd-law-chapter-arrow {
margin-right: 9px;
width: 26px;
height: 26px;
font-size: 13px;
}
/* -----------------------------------------
مبحث
----------------------------------------- */
.wd-law-topic-clickable {
min-height: 48px;
padding: 8px 10px;
}
.wd-law-topic-title {
font-size: 12px;
}
.wd-law-topic-description {
font-size: 10px;
}
.wd-law-topic-arrow {
margin-right: 8px;
}
/* -----------------------------------------
ماده در فهرست
----------------------------------------- */
.wd-law-item-clickable {
align-items: flex-start;
padding: 8px 9px;
}
.wd-law-item-number {
min-width: 58px;
font-size: 11px;
}
.wd-law-item-title {
font-size: 11px;
line-height: 1.75;
}
.wd-law-item-summary {
font-size: 10px;
}
.wd-law-item-status {
margin-right: 6px;
padding: 2px 5px;
font-size: 9px;
}
.wd-law-item-arrow {
margin-right: 6px;
font-size: 12px;
}
/* -----------------------------------------
جعبه‌های حقوقی
----------------------------------------- */
.term-box,
.related-laws-box,
.judgment-box,
.advisory-box,
.explanation-box,
.related-topics-box {
width: 100%;
max-width: 100%;
padding: 13px 13px;
margin: 12px 0;
}
/* -----------------------------------------
عنوان سکشن
----------------------------------------- */
.wd-section-title {
font-size: 16px;
margin-top: 20px;
margin-bottom: 9px;
}
/* -----------------------------------------
تست
----------------------------------------- */
.wd-test {
width: 100%;
max-width: 100%;
}
.wd-test-option {
width: 100%;
max-width: 100%;
padding: 10px 11px;
font-size: 13px;
line-height: 1.8;
}
.wd-test-option::before {
margin-left: 8px;
font-size: 18px;
}
/* -----------------------------------------
منابع
----------------------------------------- */
.wd-references {
font-size: 12px;
}
.wd-references ol {
grid-template-columns: 1fr;
}
.wd-references li {
padding-right: 24px !important;
}
/* -----------------------------------------
ناوبری مواد
----------------------------------------- */
.law-navigation {
padding: 13px;
margin: 20px 0;
}
/* -----------------------------------------
جعبه بازشونده
----------------------------------------- */
.law-collapsible summary {
padding: 11px 12px;
line-height: 1.8;
}
.law-collapsible > div,
.law-collapsible > p {
padding-left: 12px;
padding-right: 12px;
}
/* -----------------------------------------
جدول
----------------------------------------- */
.law-page table {
width: 100%;
max-width: 100%;
}
/* -----------------------------------------
دکمه سابقه تقنینی
----------------------------------------- */
.wd-version-toggle {
max-width: 100%;
white-space: normal !important;
text-align: center;
}
.wd-version-toggle-label {
white-space: normal !important;
}
}
/* =========================================================
6. موبایل خیلی کوچک
========================================================= */
@media (max-width: 480px) {
.wd-hero {
padding: 18px 13px;
}
.wd-hero-title {
font-size: 20px;
}
.wd-hero-subtitle {
font-size: 11px;
}
.wd-law-index-title {
font-size: 16px;
}
.wd-law-item-clickable {
padding: 7px 7px;
}
.wd-law-item-number {
min-width: 53px;
font-size: 10px;
}
.wd-law-item-title {
font-size: 10.5px;
}
.wd-law-item-status {
display: none;
}
.wd-law-item-arrow {
display: none;
}
.wd-section-title {
font-size: 15px;
}
.term-box,
.related-laws-box,
.judgment-box,
.advisory-box,
.explanation-box,
.related-topics-box {
padding: 11px 10px;
}
}
/* =========================================================
7. جلوگیری از عناصر عریض ناشناخته
========================================================= */
.law-page pre,
.law-page code {
max-width: 100%;
overflow-x: auto;
}
.law-page pre {
white-space: pre-wrap;
overflow-wrap: anywhere;
}
/* =========================================================
8. جداول خیلی عریض
========================================================= */
.law-page table {
overflow-wrap: anywhere;
}
@media (max-width: 700px) {
.law-page table {
font-size: 12px;
}
.law-page table th,
.law-page table td {
padding: 5px 6px !important;
word-break: break-word;
}
}
/* =========================================================
پایان Responsive
========================================================= */
/* =========================================================
WIKIDAD — افزایش خوانایی در موبایل
فقط موبایل
========================================================= */
@media (max-width: 700px) {
/* متن اصلی */
.skin-vector-2022 .mw-body-content,
.skin-vector-2022 .law-page,
.skin-vector-2022 .wd-home {
font-size: 17px;
}
/* پاراگراف‌ها */
.skin-vector-2022 .law-page p,
.skin-vector-2022 .wd-home p {
font-size: 17px;
line-height: 1.9;
}
/* فهرست‌ها */
.skin-vector-2022 .law-page li,
.skin-vector-2022 .wd-home li {
font-size: 17px;
line-height: 1.9;
}
/* جدول‌ها */
.skin-vector-2022 .law-page td,
.skin-vector-2022 .law-page th,
.skin-vector-2022 .wd-home td,
.skin-vector-2022 .wd-home th {
font-size: 16px;
}
/* لینک‌ها */
.skin-vector-2022 .law-page a,
.skin-vector-2022 .wd-home a {
font-size: inherit;
}
/* تیترهای داخل مقاله */
.skin-vector-2022 .law-page h2 {
font-size: 22px;
}
.skin-vector-2022 .law-page h3 {
font-size: 19px;
}
.skin-vector-2022 .law-page h4 {
font-size: 18px;
}
}
/* =========================================================
Wikidad — طراحی اختصاصی رده‌های مقاله
کنترل بخش واقعی Category Links در MediaWiki
========================================================= */
#catlinks {
direction: rtl;
text-align: right;
margin: 24px 0 8px !important;
padding: 12px 14px !important;
background: #f7f9f8 !important;
border-right: 4px solid #527d77 !important;
border-radius: 5px !important;
box-sizing: border-box !important;
line-height: 1.9 !important;
font-size: 13px !important;
}
/* عنوان «رده‌ها» */
#catlinks .mw-normal-catlinks > a:first-child {
display: inline-block;
color: #527d77 !important;
font-weight: 700 !important;
text-decoration: none !important;
margin-left: 8px !important;
}
/* حذف ظاهر فهرست پیش‌فرض */
#catlinks ul {
display: flex !important;
flex-wrap: wrap !important;
gap: 7px !important;
list-style: none !important;
margin: 9px 0 0 !important;
padding: 0 !important;
}
/* هر رده */
#catlinks li {
display: block !important;
margin: 0 !important;
padding: 0 !important;
min-width: 0 !important;
}
/* لینک رده */
#catlinks li a {
display: block !important;
box-sizing: border-box !important;
padding: 5px 10px !important;
margin: 0 !important;
background: #527d77 !important;
color: #fff !important;
border-radius: 4px !important;
text-decoration: none !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 1.8 !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
}
/* حالت هاور */
#catlinks li a:hover {
background: #456b66 !important;
color: #fff !important;
text-decoration: none !important;
}
/* جلوگیری از به‌هم‌ریختگی در موبایل */
@media (max-width: 600px) {
#catlinks {
margin: 18px 0 8px !important;
padding: 10px !important;
}
#catlinks ul {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 6px !important;
}
#catlinks li a {
width: 100% !important;
text-align: center !important;
padding: 5px 7px !important;
font-size: 11.5px !important;
}
}
/* =========================================================
WIKIDAD — REGULATION PAGE
طراحی نهایی صفحات آیین‌نامه و اسناد مقرراتی
نسخه یکپارچه
---------------------------------------------------------
نکات:
- مستقل از .law-page
- بدون TOC
- بدون JavaScript
- بدون دسترسی سریع
- بدون وضعیت تنقیحی مستقل
- شناسنامه سند = یک کارت واحد
- دسکتاپ: برد کامپوننت 6 ستونه
- موبایل: برد کامپوننت 2 ستونه
========================================================= */
/* =========================================================
1. پوسته اصلی آیین‌نامه
========================================================= */
.wd-regulation-page {
direction: rtl;
text-align: right;
width: 100%;
max-width: 100%;
box-sizing: border-box;
font-family: var(--wd-font) !important;
color: var(--wd-text);
font-size: 14px;
line-height: 1.95;
overflow-wrap: break-word;
}
/* تمام عناصر داخل صفحه */
.wd-regulation-page *,
.wd-regulation-page h1,
.wd-regulation-page h2,
.wd-regulation-page h3,
.wd-regulation-page h4,
.wd-regulation-page h5,
.wd-regulation-page h6,
.wd-regulation-page p,
.wd-regulation-page span,
.wd-regulation-page strong,
.wd-regulation-page em,
.wd-regulation-page a,
.wd-regulation-page li,
.wd-regulation-page td,
.wd-regulation-page th {
font-family: var(--wd-font) !important;
box-sizing: border-box;
}
/* لینک‌ها */
.wd-regulation-page a {
color: var(--wd-cyan);
text-decoration: none;
}
.wd-regulation-page a:hover {
color: var(--wd-teal-dark);
text-decoration: underline;
}
/* پاراگراف‌های خالی MediaWiki */
.wd-regulation-page p:empty,
.wd-regulation-page .mw-empty-elt {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* =========================================================
2. بردکرامب
========================================================= */
.wd-regulation-page .wd-regulation-breadcrumb {
direction: rtl;
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center;
justify-content: flex-start;
gap: 7px;
width: 100%;
max-width: 100%;
margin: 4px 0 12px;
padding: 0;
font-size: 13px;
line-height: 1.8;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: thin;
}
/* هر آیتم */
.wd-regulation-page .wd-regulation-breadcrumb > *,
.wd-regulation-page .wd-regulation-breadcrumb .wd-breadcrumb-item,
.wd-regulation-page .wd-regulation-breadcrumb .wd-breadcrumb-current,
.wd-regulation-page .wd-regulation-breadcrumb .wd-breadcrumb-arrow {
display: inline-flex !important;
flex: 0 0 auto !important;
align-items: center;
white-space: nowrap;
}
/* آیتم لینک */
.wd-regulation-page .wd-regulation-breadcrumb .wd-breadcrumb-item {
min-height: 32px;
padding: 4px 11px;
background:
linear-gradient(
135deg,
#f7faf9,
#eef6f3
);
border: 1px solid #d4e3df;
border-radius: 7px;
color: #42645f;
box-shadow:
0 1px 3px rgba(25,83,76,.04);
}
.wd-regulation-page .wd-regulation-breadcrumb .wd-breadcrumb-item a {
color: #3c6861 !important;
text-decoration: none !important;
font-weight: 650;
}
/* آیتم جاری */
.wd-regulation-page .wd-regulation-breadcrumb .wd-breadcrumb-current {
min-height: 32px;
padding: 4px 12px;
background:
linear-gradient(
135deg,
#e0f2ec,
#d4ebe5
);
border: 1px solid #acd0c6;
border-right: 3px solid var(--wd-teal);
border-radius: 7px;
color: var(--wd-teal-dark);
font-weight: 800;
}
/* فلش */
.wd-regulation-page .wd-regulation-breadcrumb .wd-breadcrumb-arrow {
width: 16px;
justify-content: center;
color: #93aaa5;
font-size: 13px;
font-weight: 700;
}
/* scrollbar */
.wd-regulation-page .wd-regulation-breadcrumb::-webkit-scrollbar {
height: 4px;
}
.wd-regulation-page .wd-regulation-breadcrumb::-webkit-scrollbar-thumb {
background: #c8d9d4;
border-radius: 10px;
}
/* =========================================================
3. هدر اصلی آیین‌نامه
========================================================= */
.wd-regulation-page .wd-regulation-hero {
position: relative;
width: 100%;
margin: 0 0 12px;
padding: 20px 22px;
background:
linear-gradient(
135deg,
#eaf7f3 0%,
#e2f2ee 55%,
#edf7f5 100%
);
border: 1px solid #cfe3de;
border-right: 6px solid var(--wd-teal);
border-radius: 11px;
box-shadow:
0 3px 12px rgba(25,83,76,.065);
overflow: hidden;
}
/* هاله ظریف */
.wd-regulation-page .wd-regulation-hero::before {
content: "";
position: absolute;
width: 120px;
height: 120px;
left: -45px;
top: -50px;
background: rgba(255,255,255,.32);
border-radius: 50%;
pointer-events: none;
}
/* عنوان */
.wd-regulation-page .wd-regulation-hero-title {
position: relative;
z-index: 1;
margin: 0;
color: var(--wd-teal-dark);
font-size: 24px;
font-weight: 900;
line-height: 1.75;
}
/* زیرعنوان */
.wd-regulation-page .wd-regulation-hero-subtitle {
position: relative;
z-index: 1;
margin: 3px 0 0;
color: #60736f;
font-size: 13px;
line-height: 1.9;
}
/* متادیتای کوتاه هدر */
.wd-regulation-page .wd-regulation-hero-meta {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 10px;
}
.wd-regulation-page .wd-regulation-hero-meta span {
display: inline-flex;
align-items: center;
padding: 3px 8px;
background: rgba(255,255,255,.76);
border: 1px solid #d2e3df;
border-radius: 6px;
color: #52706a;
font-size: 11px;
line-height: 1.7;
}
/* =========================================================
4. کارت‌های عمومی
========================================================= */
.wd-regulation-page .wd-regulation-card {
width: 100%;
margin: 9px 0;
padding: 16px 18px;
background: #ffffff;
border: 1px solid var(--wd-border);
border-radius: 10px;
box-shadow:
0 2px 9px rgba(25,83,76,.045);
box-sizing: border-box;
}
/* =========================================================
5. عنوان بخش
========================================================= */
.wd-regulation-page .wd-regulation-section-title {
display: flex;
align-items: center;
gap: 8px;
margin: 15px 0 8px;
padding-bottom: 6px;
border-bottom: 1px solid var(--wd-border);
color: var(--wd-text);
font-size: 18px;
font-weight: 850;
line-height: 1.8;
}
.wd-regulation-page .wd-regulation-section-title::before {
content: "";
flex: 0 0 auto;
width: 4px;
height: 23px;
background: var(--wd-teal);
border-radius: 3px;
}
/* =========================================================
6. شناسنامه سند
یک کارت واحد
========================================================= */
.wd-regulation-page .wd-regulation-meta {
position: relative;
background:
linear-gradient(
135deg,
#ffffff,
#f7faf9
);
border-right: 5px solid var(--wd-teal);
padding: 17px 19px;
margin: 9px 0;
}
/* عنوان شناسنامه */
.wd-regulation-page .wd-regulation-meta-title {
margin: 0 0 10px;
color: var(--wd-teal-dark);
font-size: 18px;
font-weight: 850;
line-height: 1.8;
}
/* شبکه اطلاعات */
.wd-regulation-page .wd-regulation-meta-grid {
display: grid;
grid-template-columns:
repeat(3, minmax(0,1fr));
gap: 7px;
width: 100%;
}
/* هر اطلاعات */
.wd-regulation-page .wd-meta-item {
min-width: 0;
padding: 8px 10px;
background: #ffffff;
border: 1px solid #e0eae7;
border-radius: 7px;
line-height: 1.8;
}
/* برچسب */
.wd-regulation-page .wd-meta-label {
display: block;
margin-bottom: 2px;
color: #72827f;
font-size: 10.5px;
font-weight: 700;
}
/* مقدار */
.wd-regulation-page .wd-meta-value {
display: block;
color: #405552;
font-size: 12px;
font-weight: 650;
overflow-wrap: anywhere;
}
/* =========================================================
7. مقدمه / متن تصویب
========================================================= */
.wd-regulation-page .wd-regulation-preamble {
width: 100%;
margin: 9px 0;
padding: 14px 17px;
background:
linear-gradient(
135deg,
#fbfcfc,
#f5f9f7
);
border-right: 4px solid #75a69e;
border-radius: 9px;
color: #455854;
line-height: 2.05;
box-shadow:
0 2px 7px rgba(25,83,76,.035);
}
.wd-regulation-page .wd-regulation-preamble p {
margin: .25em 0 !important;
}
/* =========================================================
8. مواد آیین‌نامه
========================================================= */
.wd-regulation-page .wd-regulation-article {
width: 100%;
margin: 7px 0;
padding: 0;
background: #ffffff;
border: 1px solid #dce8e4;
border-radius: 9px;
box-shadow:
0 2px 8px rgba(25,83,76,.035);
overflow: hidden;
break-inside: avoid;
}
/* سربرگ ماده */
.wd-regulation-page .wd-regulation-article-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
min-height: 43px;
padding: 8px 13px;
background:
linear-gradient(
135deg,
#eef8f4,
#e4f2ee
);
border-bottom: 1px solid #d5e5e0;
}
/* شماره ماده */
.wd-regulation-page .wd-article-number {
color: var(--wd-teal-dark);
font-size: 15px;
font-weight: 850;
line-height: 1.8;
}
/* وضعیت ماده */
.wd-regulation-page .wd-article-status {
flex: 0 0 auto;
padding: 3px 8px;
border: 1px solid #d4e5df;
border-radius: 5px;
background: rgba(255,255,255,.76);
color: #52746e;
font-size: 10px;
font-weight: 700;
line-height: 1.7;
}
/* بدنه ماده */
.wd-regulation-page .wd-regulation-article-body {
padding: 12px 15px;
color: #3f514e;
font-size: 14px;
line-height: 2.05;
}
.wd-regulation-page .wd-regulation-article-body p {
margin: .2em 0 !important;
}
/* لیست‌های داخل ماده */
.wd-regulation-page .wd-regulation-article-body ul,
.wd-regulation-page .wd-regulation-article-body ol {
margin-top: 5px;
margin-bottom: 5px;
padding-right: 24px;
}
.wd-regulation-page .wd-regulation-article-body li {
margin-bottom: 2px;
}
/* =========================================================
9. تبصره / نکته ماده
========================================================= */
.wd-regulation-page .wd-article-note {
margin: 8px 0 0;
padding: 9px 11px;
background:
linear-gradient(
135deg,
#fffaf0,
#f9f3e6
);
border-right: 4px solid var(--wd-gold);
border-radius: 7px;
color: #5e543e;
font-size: 13px;
line-height: 1.95;
}
/* =========================================================
10. سوابق / یادداشت ماده
========================================================= */
.wd-regulation-page .wd-article-history {
margin-top: 7px;
padding: 8px 10px;
background: #f7faf9;
border: 1px solid #e0eae7;
border-radius: 7px;
color: #687874;
font-size: 11.5px;
line-height: 1.9;
}
/* =========================================================
11. وضعیت‌های رنگی
========================================================= */
.wd-regulation-page .wd-status-valid {
background: #edf8f2;
border-color: #cde5d3;
color: #31743a;
}
.wd-regulation-page .wd-status-amended {
background: #fff8e8;
border-color: #ead9aa;
color: #806320;
}
.wd-regulation-page .wd-status-repealed {
background: #fff1f1;
border-color: #ebcccc;
color: #9a3f3f;
}
/* =========================================================
12. پیوست / تعهدنامه
========================================================= */
.wd-regulation-page .wd-regulation-annex {
margin: 10px 0;
padding: 16px 18px;
background:
linear-gradient(
135deg,
#f7f3fb,
#f1edf8
);
border-right: 5px solid var(--wd-purple);
border-radius: 10px;
box-shadow:
0 2px 9px rgba(118,98,154,.055);
}
.wd-regulation-page .wd-annex-title {
margin: 0 0 8px;
color: var(--wd-purple-dark);
font-size: 17px;
font-weight: 850;
}
.wd-regulation-page .wd-annex-content {
color: #514b5d;
line-height: 2;
}
.wd-regulation-page .wd-annex-content p {
margin: .2em 0 !important;
}
/* =========================================================
13. برد کامپوننت‌های مرتبط
========================================================= */
.wd-regulation-page .wd-component-grid {
display: grid !important;
grid-template-columns:
repeat(6, minmax(0,1fr)) !important;
gap: 8px !important;
width: 100%;
margin: 9px 0;
align-items: stretch;
}
/* کارت‌های کامپوننت */
.wd-regulation-page .wd-component-grid > * {
min-width: 0;
width: 100%;
margin: 0 !important;
box-sizing: border-box;
}
/* اگر کارت‌ها با کلاس عمومی ساخته شده باشند */
.wd-regulation-page .wd-component-item {
min-width: 0;
min-height: 78px;
padding: 10px 9px;
display: flex;
flex-direction: column;
justify-content: center;
background: #ffffff;
border: 1px solid #dce7e4;
border-radius: 8px;
text-align: right;
box-shadow:
0 2px 6px rgba(25,83,76,.035);
transition:
transform .15s ease,
box-shadow .15s ease,
border-color .15s ease;
}
.wd-regulation-page .wd-component-item:hover {
transform: translateY(-1px);
border-color: #b7d1ca;
box-shadow:
0 4px 10px rgba(25,83,76,.075);
}
/* عنوان کامپوننت */
.wd-regulation-page .wd-component-title {
color: var(--wd-teal-dark);
font-size: 12px;
font-weight: 800;
line-height: 1.75;
}
/* توضیح کامپوننت */
.wd-regulation-page .wd-component-description {
margin-top: 2px;
color: #788985;
font-size: 10px;
line-height: 1.7;
}
/* =========================================================
14. مقررات مرتبط
========================================================= */
.wd-regulation-page .wd-related-regulations {
margin: 10px 0;
padding: 14px 16px;
background:
linear-gradient(
135deg,
#fffaf0,
#f9f3e6
);
border-right: 5px solid var(--wd-gold);
border-radius: 9px;
}
.wd-regulation-page .wd-related-item {
display: block;
margin: 5px 0;
padding: 7px 10px;
background: rgba(255,255,255,.72);
border: 1px solid #eadfca;
border-radius: 6px;
color: #66583d;
line-height: 1.85;
}
.wd-regulation-page .wd-related-item a {
color: #765d24;
}
/* =========================================================
15. آرای هیأت عمومی دیوان عدالت اداری
========================================================= */
.wd-regulation-page .wd-judgment-card {
margin: 9px 0;
padding: 14px 16px;
background:
linear-gradient(
135deg,
#f1f7fc,
#eaf3fa
);
border-right: 5px solid var(--wd-blue);
border-radius: 9px;
box-shadow:
0 2px 8px rgba(57,121,167,.05);
}
.wd-regulation-page .wd-judgment-title {
margin: 0 0 6px;
color: var(--wd-blue-dark);
font-size: 15px;
font-weight: 850;
}
.wd-regulation-page .wd-judgment-meta {
margin-bottom: 6px;
color: #60747f;
font-size: 11.5px;
}
.wd-regulation-page .wd-judgment-body {
color: #43555e;
font-size: 13px;
line-height: 2;
}
/* =========================================================
16. نظریات مشورتی
========================================================= */
.wd-regulation-page .wd-advisory-card {
margin: 9px 0;
padding: 14px 16px;
background:
linear-gradient(
135deg,
#fcf7ef,
#f7efe3
);
border-right: 5px solid #a9783b;
border-radius: 9px;
box-shadow:
0 2px 8px rgba(169,120,59,.045);
}
.wd-regulation-page .wd-advisory-title {
margin: 0 0 6px;
color: #765629;
font-size: 15px;
font-weight: 850;
}
.wd-regulation-page .wd-advisory-body {
color: #5d5548;
font-size: 13px;
line-height: 2;
}
/* =========================================================
17. منابع و کنترل متن
========================================================= */
.wd-regulation-page .wd-source-box {
margin: 10px 0;
padding: 12px 15px;
background:
linear-gradient(
135deg,
#f7faf9,
#f1f6f4
);
border-right: 4px solid #527d77;
border-radius: 8px;
color: #52615e;
font-size: 12px;
line-height: 1.95;
}
.wd-regulation-page .wd-source-box strong {
color: #3f6861;
}
/* =========================================================
18. جدول سوابق
========================================================= */
.wd-regulation-page .wd-history-table {
width: 100%;
border-collapse: collapse;
margin: 8px 0;
font-size: 12px;
}
.wd-regulation-page .wd-history-table th {
padding: 7px 9px;
background: var(--wd-teal);
color: #ffffff;
font-weight: 700;
text-align: right;
}
.wd-regulation-page .wd-history-table td {
padding: 7px 9px;
border: 1px solid #dce6e3;
color: #52615e;
background: #ffffff;
vertical-align: top;
}
.wd-regulation-page .wd-history-table tr:nth-child(even) td {
background: #f8fbfa;
}
/* =========================================================
19. کتابخانه / اسناد مرتبط
========================================================= */
.wd-regulation-page .wd-document-library {
display: grid;
grid-template-columns:
repeat(3, minmax(0,1fr));
gap: 8px;
margin: 9px 0;
}
.wd-regulation-page .wd-document-library > * {
min-width: 0;
margin: 0 !important;
}
/* =========================================================
20. حذف کامل دسترسی سریع
========================================================= */
.wd-regulation-page .wd-quick-links {
display: none !important;
}
/* =========================================================
21. حذف وضعیت تنقیحی مستقل
========================================================= */
.wd-regulation-page .wd-consolidation-box {
display: none !important;
}
/* اگر عنوان مستقل وضعیت تنقیحی وجود داشته باشد */
.wd-regulation-page .wd-consolidation-title {
display: none !important;
}
/* =========================================================
22. کاهش فاصله عناصر MediaWiki
========================================================= */
.wd-regulation-page > p {
margin-top: .2em !important;
margin-bottom: .2em !important;
}
.wd-regulation-page > ul,
.wd-regulation-page > ol {
margin-top: 4px !important;
margin-bottom: 5px !important;
}
/* جلوگیری از فاصله ناشی از divهای خالی */
.wd-regulation-page > div:empty {
display: none !important;
margin: 0 !important;
padding: 0 !important;
min-height: 0 !important;
}
/* =========================================================
23. تصاویر
========================================================= */
.wd-regulation-page img {
max-width: 100%;
height: auto;
}
/* =========================================================
24. جدول‌های عمومی
========================================================= */
.wd-regulation-page table {
max-width: 100%;
direction: rtl;
}
/* =========================================================
25. جلوگیری از بیرون‌زدگی متن
========================================================= */
.wd-regulation-page a,
.wd-regulation-page span,
.wd-regulation-page td,
.wd-regulation-page th {
overflow-wrap: anywhere;
}
/* =========================================================
26. رده‌های صفحه
========================================================= */
.wd-regulation-page + #catlinks {
direction: rtl;
text-align: right;
margin-top: 12px !important;
}
/* =========================================================
27. موبایل — تا 768px
========================================================= */
@media (max-width: 768px) {
.wd-regulation-page {
font-size: 15px;
line-height: 2;
width: 100%;
max-width: 100%;
}
/* Breadcrumb */
.wd-regulation-page .wd-regulation-breadcrumb {
gap: 6px;
margin: 5px 0 11px;
font-size: 14px;
line-height: 1.9;
}
/* Hero */
.wd-regulation-page .wd-regulation-hero {
margin-bottom: 10px;
padding: 16px 15px;
border-right-width: 4px;
border-radius: 9px;
}
.wd-regulation-page .wd-regulation-hero-title {
font-size: 20px;
line-height: 1.7;
}
.wd-regulation-page .wd-regulation-hero-subtitle {
font-size: 12px;
line-height: 1.9;
}
/* کارت عمومی */
.wd-regulation-page .wd-regulation-card {
margin: 7px 0;
padding: 12px;
}
/* شناسنامه */
.wd-regulation-page .wd-regulation-meta {
padding: 13px;
margin: 7px 0;
}
.wd-regulation-page .wd-regulation-meta-title {
font-size: 17px;
margin-bottom: 8px;
}
.wd-regulation-page .wd-regulation-meta-grid {
grid-template-columns:
repeat(2,minmax(0,1fr));
gap: 6px;
}
.wd-regulation-page .wd-meta-item {
padding: 7px 8px;
}
.wd-regulation-page .wd-meta-label {
font-size: 10px;
}
.wd-regulation-page .wd-meta-value {
font-size: 12px;
}
/* عنوان بخش */
.wd-regulation-page .wd-regulation-section-title {
margin: 12px 0 7px;
font-size: 17px;
}
/* مقدمه */
.wd-regulation-page .wd-regulation-preamble {
margin: 7px 0;
padding: 11px 12px;
line-height: 2;
}
/* مواد */
.wd-regulation-page .wd-regulation-article {
margin: 6px 0;
border-radius: 8px;
}
.wd-regulation-page .wd-regulation-article-head {
min-height: 40px;
padding: 7px 10px;
}
.wd-regulation-page .wd-article-number {
font-size: 14px;
}
.wd-regulation-page .wd-article-status {
font-size: 9px;
padding: 2px 6px;
}
.wd-regulation-page .wd-regulation-article-body {
padding: 10px 11px;
font-size: 15px;
line-height: 2.05;
}
/* تبصره */
.wd-regulation-page .wd-article-note {
margin-top: 7px;
padding: 8px 9px;
font-size: 13px;
}
/* کامپوننت‌ها — دو ستون */
.wd-regulation-page .wd-component-grid {
grid-template-columns:
repeat(2,minmax(0,1fr)) !important;
gap: 7px !important;
margin: 7px 0;
}
.wd-regulation-page .wd-component-item {
min-height: 74px;
padding: 9px 8px;
}
.wd-regulation-page .wd-component-title {
font-size: 11px;
}
.wd-regulation-page .wd-component-description {
font-size: 9.5px;
}
/* پیوست */
.wd-regulation-page .wd-regulation-annex {
margin: 8px 0;
padding: 12px 13px;
}
/* اسناد مرتبط */
.wd-regulation-page .wd-document-library {
grid-template-columns:
repeat(2,minmax(0,1fr));
gap: 7px;
}
/* جداول */
.wd-regulation-page .wd-history-table {
font-size: 11px;
}
.wd-regulation-page .wd-history-table th,
.wd-regulation-page .wd-history-table td {
padding: 6px 6px;
}
}
/* =========================================================
28. موبایل خیلی کوچک — تا 480px
========================================================= */
@media (max-width: 480px) {
.wd-regulation-page {
font-size: 15px;
line-height: 2;
}
.wd-regulation-page .wd-regulation-breadcrumb {
font-size: 13px;
gap: 5px;
}
.wd-regulation-page .wd-regulation-hero {
padding: 14px 12px;
}
.wd-regulation-page .wd-regulation-hero-title {
font-size: 18px;
}
.wd-regulation-page .wd-regulation-hero-subtitle {
font-size: 11.5px;
}
/* شناسنامه در صفحه خیلی کوچک */
.wd-regulation-page .wd-regulation-meta-grid {
grid-template-columns: 1fr;
}
/* کامپوننت همچنان دو ستون */
.wd-regulation-page .wd-component-grid {
grid-template-columns:
repeat(2,minmax(0,1fr)) !important;
gap: 6px !important;
}
.wd-regulation-page .wd-component-item {
min-height: 70px;
padding: 8px 7px;
}
.wd-regulation-page .wd-component-title {
font-size: 10.5px;
}
/* متن مواد */
.wd-regulation-page .wd-regulation-article-body {
padding: 9px 10px;
font-size: 15px;
line-height: 2.05;
}
/* کارت‌ها */
.wd-regulation-page .wd-regulation-card {
padding: 10px;
}
/* منابع */
.wd-regulation-page .wd-source-box {
padding: 10px 11px;
font-size: 12px;
}
}
/* =========================================================
29. چاپ
========================================================= */
@media print {
.wd-regulation-page {
font-size: 12px;
line-height: 1.8;
color: #000 !important;
}
.wd-regulation-page .wd-regulation-breadcrumb {
overflow: visible;
white-space: normal;
margin-bottom: 8px;
}
.wd-regulation-page .wd-regulation-hero,
.wd-regulation-page .wd-regulation-card,
.wd-regulation-page .wd-regulation-article,
.wd-regulation-page .wd-regulation-annex,
.wd-regulation-page .wd-judgment-card,
.wd-regulation-page .wd-advisory-card {
box-shadow: none !important;
}
.wd-regulation-page .wd-regulation-article {
break-inside: avoid;
}
.wd-regulation-page .wd-quick-links,
.wd-regulation-page .wd-consolidation-box,
.wd-regulation-page .wd-consolidation-title {
display: none !important;
}
.wd-regulation-page a {
color: #000 !important;
text-decoration: none !important;
}
}
/* =========================================================
پایان طراحی صفحات آیین‌نامه
========================================================= */
/* =========================================================
WIKIDAD HOME
صفحه اصلی دانشنامه حقوقی
========================================================= */
.wd-home {
direction:rtl;
text-align:right;
max-width:1180px;
margin:0 auto;
color:#37474f;
}
/* =========================================================
HERO
========================================================= */
.wd-home-hero {
margin:0 0 34px;
padding:42px 30px 38px;
border-radius:12px;
background:linear-gradient(135deg,#eef6f3 0%,#f7faf9 55%,#eef5f7 100%);
border:1px solid #d8e6e1;
box-shadow:0 5px 18px rgba(55,80,75,.07);
}
.wd-home-hero-content {
max-width:850px;
margin:0 auto;
text-align:center;
}
.wd-home-brand {
font-size:38px;
font-weight:900;
color:#245b55;
line-height:1.5;
}
.wd-home-tagline {
margin-top:3px;
font-size:18px;
font-weight:700;
color:#527d77;
}
.wd-home-description {
max-width:700px;
margin:12px auto 24px;
font-size:14px;
color:#64736f;
line-height:2;
}
.wd-home-search {
max-width:680px;
margin:0 auto;
}
.wd-home-search input {
box-sizing:border-box;
}
.wd-home-search-hint {
margin-top:8px;
font-size:11.5px;
color:#7d8986;
}
/* =========================================================
SECTION
========================================================= */
.wd-home-section {
margin:0 0 38px;
}
.wd-home-section-title {
font-size:21px;
font-weight:800;
color:#365f59;
margin-bottom:4px;
}
.wd-home-section-subtitle {
font-size:12.5px;
color:#7a8783;
margin-bottom:16px;
}
/* =========================================================
RESOURCE CARDS
========================================================= */
.wd-home-resource-grid {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
}
.wd-home-resource-card {
display:flex;
gap:12px;
min-height:145px;
padding:17px;
background:#fff;
border:1px solid #e0e7e4;
border-radius:8px;
box-shadow:0 2px 9px rgba(55,80,75,.045);
transition:transform .15s ease,box-shadow .15s ease;
}
.wd-home-resource-card:hover {
transform:translateY(-2px);
box-shadow:0 5px 16px rgba(55,80,75,.09);
}
.wd-resource-icon {
flex:0 0 38px;
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:7px;
background:#eef5f2;
color:#527d77;
font-size:22px;
font-weight:800;
}
.wd-resource-body {
min-width:0;
}
.wd-resource-title {
font-size:16px;
font-weight:800;
color:#405b56;
margin-bottom:7px;
}
.wd-resource-text {
font-size:12.5px;
line-height:1.9;
color:#71807c;
}
.wd-resource-link {
margin-top:11px;
font-size:12px;
font-weight:700;
}
.wd-resource-link a {
color:#527d77;
text-decoration:none;
}
/* =========================================================
MAIN COLUMNS
========================================================= */
.wd-home-main-columns {
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
gap:18px;
margin-bottom:40px;
}
.wd-home-panel {
background:#fff;
border:1px solid #e0e7e4;
border-radius:9px;
padding:18px;
box-shadow:0 2px 9px rgba(55,80,75,.04);
}
.wd-home-panel-header {
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:15px;
padding-bottom:13px;
margin-bottom:4px;
border-bottom:1px solid #edf1ef;
}
.wd-home-panel-title {
font-size:18px;
font-weight:800;
color:#405f59;
}
.wd-home-panel-subtitle {
margin-top:3px;
font-size:11.5px;
color:#87918e;
}
.wd-home-panel-more {
font-size:11.5px;
font-weight:700;
}
.wd-home-panel-more a {
color:#527d77;
text-decoration:none;
}
/* =========================================================
POPULAR LAWS
========================================================= */
.wd-popular-law-list {
display:flex;
flex-direction:column;
}
.wd-popular-law {
display:flex;
align-items:center;
gap:12px;
padding:11px 4px;
border-bottom:1px solid #edf1ef;
}
.wd-popular-law:last-child {
border-bottom:none;
}
.wd-popular-law-number {
width:32px;
height:32px;
display:flex;
align-items:center;
justify-content:center;
border-radius:5px;
background:#f3f7f5;
color:#78908a;
font-size:11px;
font-weight:800;
}
.wd-popular-law-content {
min-width:0;
font-size:13.5px;
font-weight:700;
}
.wd-popular-law-content a {
color:#405b56;
text-decoration:none;
}
.wd-popular-law-content span {
display:block;
margin-top:2px;
font-size:11px;
font-weight:400;
color:#87918e;
}
/* =========================================================
SUBJECTS
========================================================= */
.wd-subject-grid {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
margin-top:13px;
}
.wd-subject-card {
position:relative;
padding:12px 12px 12px 10px;
border:1px solid #e6ebe9;
border-radius:6px;
background:#fafcfb;
font-size:13px;
font-weight:800;
}
.wd-subject-card a {
color:#466761;
text-decoration:none;
}
.wd-subject-card span {
display:block;
margin-top:3px;
font-size:10.5px;
font-weight:400;
color:#87918e;
}
.wd-subject-icon {
float:right;
width:25px;
height:25px;
margin-left:8px;
display:flex;
align-items:center;
justify-content:center;
border-radius:4px;
background:#edf4f1;
color:#527d77;
font-size:13px;
}
/* =========================================================
SPECIAL PATHS
========================================================= */
.wd-special-grid {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
margin-top:16px;
}
.wd-special-card {
padding:17px;
background:#f9fbfa;
border:1px solid #e0e8e4;
border-radius:7px;
}
.wd-special-title {
font-size:14px;
font-weight:800;
color:#405f59;
margin-bottom:7px;
}
.wd-special-text {
min-height:48px;
font-size:11.5px;
line-height:1.9;
color:#74817e;
}
.wd-special-link {
margin-top:12px;
font-size:11.5px;
font-weight:700;
}
.wd-special-link a {
color:#527d77;
text-decoration:none;
}
/* =========================================================
FEATURE
========================================================= */
.wd-home-feature {
margin:0 0 34px;
padding:25px;
background:#f3f7f5;
border-right:5px solid #527d77;
border-radius:8px;
}
.wd-home-feature-title {
font-size:20px;
font-weight:800;
color:#315f58;
}
.wd-home-feature-text {
max-width:900px;
margin:9px 0 20px;
font-size:13px;
line-height:2.1;
color:#65736f;
}
.wd-home-feature-grid {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
}
.wd-feature-item {
display:flex;
align-items:flex-start;
gap:9px;
padding:12px;
background:#fff;
border:1px solid #e0e8e4;
border-radius:6px;
}
.wd-feature-number {
flex:0 0 27px;
width:27px;
height:27px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#527d77;
color:#fff;
font-size:11px;
font-weight:800;
}
.wd-feature-item b {
display:block;
font-size:12.5px;
color:#405b56;
}
.wd-feature-item span {
display:block;
margin-top:2px;
font-size:10.5px;
line-height:1.7;
color:#7b8784;
}
/* =========================================================
GUIDE
========================================================= */
.wd-home-guide {
margin-bottom:30px;
padding:20px;
background:#fff;
border:1px solid #e1e7e5;
border-radius:8px;
}
.wd-home-guide-title {
margin-bottom:15px;
font-size:18px;
font-weight:800;
color:#405f59;
}
.wd-home-guide-grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}
.wd-guide-item {
display:flex;
gap:10px;
padding:12px;
background:#fafcfb;
border-radius:6px;
}
.wd-guide-step {
flex:0 0 30px;
width:30px;
height:30px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#eef5f2;
color:#527d77;
font-size:12px;
font-weight:800;
}
.wd-guide-item b {
font-size:12.5px;
color:#405b56;
}
.wd-guide-item p {
margin:4px 0 0;
font-size:11px;
line-height:1.8;
color:#7a8683;
}
/* =========================================================
FOOTER NOTE
========================================================= */
.wd-home-footer-note {
margin-top:25px;
padding:16px;
text-align:center;
border-top:1px solid #e4eae8;
color:#87918e;
font-size:11.5px;
}
/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:900px) {
```
.wd-home-resource-grid {
grid-template-columns:repeat(2,minmax(0,1fr));
}
.wd-home-main-columns {
grid-template-columns:1fr;
}
.wd-special-grid {
grid-template-columns:repeat(2,minmax(0,1fr));
}
.wd-home-feature-grid {
grid-template-columns:repeat(2,minmax(0,1fr));
}
```
}
@media(max-width:600px) {
```
.wd-home-hero {
padding:30px 16px;
border-radius:8px;
}
.wd-home-brand {
font-size:30px;
}
.wd-home-tagline {
font-size:15px;
}
.wd-home-description {
font-size:12.5px;
}
.wd-home-resource-grid {
grid-template-columns:1fr;
}
.wd-subject-grid {
grid-template-columns:1fr;
}
.wd-special-grid {
grid-template-columns:1fr;
}
.wd-home-feature-grid {
grid-template-columns:1fr;
}
.wd-home-guide-grid {
grid-template-columns:1fr;
}
```
}
/* محدوده مواد زیر تیترهای فهرست قانون */
.wd-heading-range {
direction: rtl;
text-align: right;
font-family: inherit;
font-size: 14px;
color: #64748b;
line-height: 2;
margin: 4px 14px 12px;
}
/* =========================================
Wikidad — Mobile Readability Fix
رفع فونت ریز، فضای خالی و عرض کارت‌ها
========================================= */
@media screen and (max-width: 768px) {
.wd-regulation-page {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
padding-right: 12px !important;
padding-left: 12px !important;
font-size: 18px !important;
line-height: 2 !important;
}
/* اصلاح عرض گریدها و حذف فضای خالی */
.wd-regulation-page .wd-component-grid {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
width: 100% !important;
max-width: 100% !important;
gap: 14px !important;
margin: 18px 0 !important;
padding: 0 !important;
}
/* کارت‌ها تمام‌عرض شوند */
.wd-regulation-page .wd-component-item {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
margin: 0 !important;
padding: 20px 18px !important;
}
/* عنوان کارت‌ها */
.wd-regulation-page .wd-component-title {
font-size: 20px !important;
line-height: 1.8 !important;
font-weight: 700 !important;
margin-bottom: 14px !important;
}
/* متن داخل کارت‌ها */
.wd-regulation-page .wd-component-description {
font-size: 18px !important;
line-height: 2.05 !important;
text-align: justify !important;
overflow-wrap: anywhere !important;
}
/* تیترهای اصلی صفحه */
.wd-regulation-page .wd-regulation-section-title {
font-size: 24px !important;
line-height: 1.8 !important;
margin-top: 30px !important;
margin-bottom: 18px !important;
}
.wd-regulation-page .wd-regulation-hero-title {
font-size: 27px !important;
line-height: 1.8 !important;
}
.wd-regulation-page .wd-regulation-hero-subtitle {
font-size: 18px !important;
line-height: 1.9 !important;
}
/* متن مواد آیین‌نامه و مقررات */
.wd-regulation-page .wd-regulation-article-body {
font-size: 18px !important;
line-height: 2.1 !important;
overflow-wrap: anywhere !important;
}
.wd-regulation-page .wd-regulation-article-body p,
.wd-regulation-page .wd-regulation-article-body li {
font-size: 18px !important;
line-height: 2.1 !important;
margin-bottom: 12px !important;
}
/* کاهش فاصله‌های عمودی اضافی */
.wd-regulation-page .wd-regulation-article {
margin-bottom: 20px !important;
}
.wd-regulation-page .wd-regulation-card,
.wd-regulation-page .wd-judgment-card,
.wd-regulation-page .wd-advisory-card,
.wd-regulation-page .wd-source-box {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
margin-top: 16px !important;
margin-bottom: 16px !important;
padding: 18px !important;
}
/* جدول‌ها در موبایل از صفحه بیرون نزنند */
.wd-regulation-page .wd-history-table {
width: 100% !important;
max-width: 100% !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
}
.wd-regulation-page .wd-history-table table {
min-width: 560px;
font-size: 16px !important;
line-height: 1.9 !important;
}
/* جلوگیری از ایجاد عرض اضافی */
.wd-regulation-page img,
.wd-regulation-page table {
max-width: 100%;
}
}