مدیاویکی:Common.css: تفاوت میان نسخه‌ها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| (۲۴ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) | |||
| خط ۱: | خط ۱: | ||
/* ========================================================= | /* ========================================================= | ||
ویکی‌داد — MediaWiki:Common.css | |||
نسخه نهایی یکپارچه | |||
MediaWiki: | پالت: رسمی + زنده + کمی فانتزی | ||
نکته: | |||
فونت محلی Vazirmatn در MediaWiki:Vector-2022.css | |||
تعریف شده است و این فایل فقط از خانواده فونت استفاده می‌کند. | |||
========================================================= */ | ========================================================= */ | ||
/* | /* ========================================================= | ||
1. | 1. DESIGN SYSTEM | ||
========================================================= */ | |||
:root { | :root { | ||
--wd- | /* هویت اصلی ویکی‌داد */ | ||
--wd-teal: #147d73; | |||
--wd-teal-dark: #0d625b; | |||
--wd-teal-mid: #2c8d82; | |||
--wd-teal-soft: #e6f4f0; | |||
--wd- | /* آبی فیروزه‌ای */ | ||
--wd- | --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: #ffffff; | ||
--wd-bg-soft: # | --wd-bg-soft: #f7faf9; | ||
--wd-bg-warm: #fcfaf6; | |||
/* خطوط */ | |||
--wd-border: #dce8e4; | |||
--wd-border-dark: #c8d9d4; | |||
--wd- | /* سایه */ | ||
--wd-shadow: | |||
0 4px 18px rgba(25, 83, 76, 0.07); | |||
--wd- | --wd-shadow-hover: | ||
0 6px 18px rgba(25, 83, 76, 0.11); | |||
/* گوشه */ | |||
--wd-radius: 10px; | --wd-radius: 10px; | ||
--wd-radius-small: 7px; | |||
--wd- | /* فونت محلی ویکی‌داد */ | ||
--wd-font: | |||
"WikidadVazirmatn", | |||
Tahoma, | |||
Arial, | |||
sans-serif; | |||
} | } | ||
/* | /* ========================================================= | ||
2. | 2. پایه ویکی | ||
========================================================= */ | |||
html { | html { | ||
| خط ۴۵: | خط ۱۰۱: | ||
direction: rtl; | direction: rtl; | ||
text-align: right; | text-align: right; | ||
color: var(--wd-text); | 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, | |||
color: var(--wd- | .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); | |||
line-height: | 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- | 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 | 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: | box-shadow: | ||
0 | 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: | 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 | border: 1px solid #d3e2de; | ||
border-radius: | 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- | .wd-law-chapter-title { | ||
color: #185e57; | |||
font-size: 16px; | |||
font-size: | |||
font-weight: 800; | font-weight: 800; | ||
line-height: 1.9; | |||
} | } | ||
.wd-law-chapter-description { | |||
margin-top: 2px; | |||
color: #71847f; | |||
font-size: 12px; | |||
font-size: | |||
line-height: 1.8; | |||
} | } | ||
.wd- | .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%; | |||
border-radius: | |||
color: #27766d; | |||
font-size: 15px; | |||
font-size: | |||
font-weight: 800; | font-weight: 800; | ||
} | } | ||
.wd- | /* ========================================================= | ||
margin | 10. مبحث قانون | ||
========================================================= */ | |||
.wd-law-topic { | |||
margin: 9px 0; | |||
} | } | ||
.wd-law-topic a { | |||
display: block; | |||
color: inherit !important; | |||
color: | |||
text-decoration: none !important; | |||
} | } | ||
.wd-law-topic-clickable { | |||
display: flex; | |||
display: | |||
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: 1px solid # | |||
border-right: 4px solid #75a69e; | |||
border-radius: 9px; | |||
transition: | |||
background .16s ease, | |||
border-color .16s ease, | |||
transform .16s ease, | |||
box-shadow .16s ease; | |||
} | } | ||
.wd- | .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; | font-size: 14px; | ||
} | } | ||
/* ========================================================= | |||
11. ماده در فهرست | |||
========================================================= */ | |||
.wd-law-item { | |||
margin: 6px 0; | |||
margin: | |||
} | } | ||
.wd-law-item a { | |||
display: block; | 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); | |||
box-shadow: 0 | |||
} | } | ||
.law- | .wd-law-item-number { | ||
flex: 0 0 auto; | |||
min-width: 72px; | |||
color: #24746b; | |||
font-size: 13px; | |||
font-weight: 850; | |||
} | } | ||
.wd- | .wd-law-item-text { | ||
display: | |||
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- | .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%; | width: 100%; | ||
border-collapse: collapse; | |||
direction: rtl; | |||
margin: 20px 0; | |||
} | } | ||
.law- | .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- | .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; | |||
margin | } | ||
.law-page li { | |||
margin-bottom: 4px; | |||
} | } | ||
/* ========================================================= | /* ========================================================= | ||
23. جدول‌های عمومی | |||
========================================================= */ | ========================================================= */ | ||
. | .mw-body table { | ||
direction: rtl; | |||
} | } | ||
. | /* ========================================================= | ||
24. موبایل | |||
========================================================= */ | |||
@media (max-width: 700px) { | |||
.wd- | .wd-hero { | ||
padding: 25px 20px; | |||
border-right-width: 5px; | |||
} | |||
.wd- | .wd-hero-title { | ||
font-size: 24px; | |||
} | |||
} | |||
.wd- | .wd-hero-subtitle { | ||
font-size: 13px; | |||
} | |||
} | |||
.wd- | .wd-breadcrumb { | ||
gap: 5px; | |||
margin: 10px 0 18px; | |||
font-size: 12px; | |||
} | |||
.wd- | .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- | .wd-law-index-title { | ||
font-size: 18px; | |||
} | |||
} | |||
.wd-law-chapter- | .wd-law-chapter-clickable { | ||
min-height: 55px; | |||
padding: 10px 12px; | |||
} | |||
.wd-law-chapter-title { | |||
} | font-size: 14px; | ||
} | |||
.wd-law- | .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- | .wd-references ol { | ||
grid-template-columns: 1fr; | |||
column-gap: 0; | |||
} | |||
} | } | ||
/* ========================================================= | /* ========================================================= | ||
25. چاپ | |||
========================================================= */ | ========================================================= */ | ||
@media print { | |||
.wd- | .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; | |||
} | |||
margin-top: | .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- | /* اگر padding با شکل دیگری ثبت شده باشد */ | ||
padding- | |||
.law-page .wd-test > div[style*="padding:20px"] { | |||
padding-top: 7px !important; | |||
padding-bottom: 2px !important; | |||
} | } | ||
/* | /* فاصله گزینه‌ها */ | ||
.wd- | .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- | .wd-version-toggle-label { | ||
display: | display: inline-block !important; | ||
white-space: nowrap !important; | |||
} | } | ||
. | |||
.wd- | /* ========================================================= | ||
WIKIDAD — RESPONSIVE SYSTEM | |||
نسخه 1.0 | |||
========================================================= */ | |||
/* ========================================================= | |||
1. عناصر پایه — جلوگیری از بیرون‌زدگی | |||
========================================================= */ | |||
.mw-body, | |||
.law-page, | |||
.wd-home { | |||
box-sizing: border-box; | |||
max-width: 100%; | |||
} | } | ||
.wd- | .mw-body *, | ||
.law-page *, | |||
.wd-home * { | |||
box-sizing: border-box; | |||
} | } | ||
.wd- | |||
/* تصاویر */ | |||
.law-page img, | |||
.wd-home img { | |||
max-width: 100%; | |||
height: auto; | |||
} | } | ||
.wd-breadcrumb-current { | /* iframe و ویدئو */ | ||
background: # | |||
border-color: # | .law-page iframe, | ||
color: # | .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; | 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%; | |||
} | |||
} | } | ||
نسخهٔ کنونی تا ۷ اکتبر ۲۰۲۶، ساعت ۰۱:۰۷
/* =========================================================
ویکی‌داد — 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%;
}
}