مدیاویکی:Common.css: تفاوت میان نسخهها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۱: | خط ۱: | ||
/* ========================================================= | |||
ویکیداد — MediaWiki:Common.css | |||
نسخه یکپارچه طراحی سایت | |||
========================================================= */ | |||
/* ========================================================= | |||
01 — DESIGN SYSTEM | |||
========================================================= */ | |||
:root { | |||
/* رنگ اصلی */ | |||
--law-primary: #168477; | |||
--law-primary-dark: #11695f; | |||
/* لینک */ | |||
--law-link: #176c88; | |||
/* رنگهای معنایی */ | |||
--law-gold: #c49a3a; | |||
--law-blue: #3978ad; | |||
--law-purple: #8064a2; | |||
--law-orange: #d38a27; | |||
/* متن */ | |||
--law-text: #263238; | |||
--law-text-soft: #546e7a; | |||
/* زمینه */ | |||
--law-bg: #ffffff; | |||
--law-bg-soft: #f7f9f8; | |||
/* خطوط */ | |||
--law-border: #dfe7e5; | |||
/* سایه */ | |||
--law-shadow: 0 4px 18px rgba(20, 60, 55, 0.07); | |||
/* گوشه */ | |||
--law-radius: 12px; | |||
/* فاصله */ | |||
--law-space: 24px; | |||
} | |||
/* ========================================================= | |||
02 — پایه عمومی فارسی | |||
========================================================= */ | |||
html { | |||
direction: rtl; | |||
} | |||
body { | |||
direction: rtl; | |||
text-align: right; | |||
color: var(--law-text); | |||
} | |||
body, | |||
.mw-body, | |||
.mw-page-container, | |||
.mw-workspace-container { | |||
font-family: | |||
"Vazirmatn", | |||
"IRANSans", | |||
Tahoma, | |||
Arial, | |||
sans-serif; | |||
} | |||
input, | |||
textarea, | |||
select, | |||
button { | |||
font-family: inherit; | |||
} | |||
/* ========================================================= | |||
03 — لینکهای عمومی | |||
========================================================= */ | |||
.mw-body a { | |||
color: var(--law-link); | |||
} | |||
.mw-body a:hover { | |||
color: var(--law-primary-dark); | |||
} | |||
/* ========================================================= | |||
04 — تیترهای محتوای حقوقی | |||
========================================================= */ | |||
.mw-body h1, | |||
.mw-body h2, | |||
.mw-body h3, | |||
.mw-body h4 { | |||
color: var(--law-text); | |||
font-weight: 700; | |||
} | |||
.mw-body table { | |||
direction: rtl; | |||
} | |||
/* ========================================================= | |||
05 — صفحه حقوقی | |||
========================================================= */ | |||
.law-page { | |||
direction: rtl; | |||
text-align: right; | |||
line-height: 2; | |||
font-family: | |||
"Vazirmatn", | |||
"IRANSans", | |||
Tahoma, | |||
Arial, | |||
sans-serif; | |||
} | |||
.law-page a { | |||
color: var(--law-link); | |||
font-weight: 500; | |||
} | |||
.law-page a:hover { | |||
color: #0e4e63; | |||
} | |||
/* ========================================================= | |||
06 — جعبه ماده | |||
========================================================= */ | |||
.law-article-box { | |||
background: | |||
linear-gradient( | |||
135deg, | |||
#e8f5f2 0%, | |||
#d9eee9 100% | |||
); | |||
border-right: 6px solid var(--law-primary); | |||
border-radius: 12px; | |||
padding: 22px 26px; | |||
margin: 20px 0 25px; | |||
box-shadow: | |||
0 3px 12px rgba(22, 132, 119, 0.12); | |||
} | |||
.law-article-box .article-number { | |||
color: var(--law-primary-dark); | |||
font-size: 1.35em; | |||
font-weight: bold; | |||
margin-bottom: 10px; | |||
} | |||
.law-article-box .article-text { | |||
color: #173b38; | |||
font-size: 1.08em; | |||
font-weight: 500; | |||
} | |||
/* ========================================================= | |||
07 — مواد مرتبط | |||
========================================================= */ | |||
.related-laws-box { | |||
background: #f5f1e8; | |||
border-right: 5px solid var(--law-gold); | |||
border-radius: 10px; | |||
padding: 18px 22px; | |||
margin: 20px 0; | |||
} | |||
.related-laws-title { | |||
color: #80621e; | |||
font-weight: bold; | |||
font-size: 1.12em; | |||
} | |||
/* ========================================================= | |||
08 — اصطلاحات | |||
========================================================= */ | |||
.term-box { | |||
background: #f3eff8; | |||
border-right: 5px solid var(--law-purple); | |||
border-radius: 10px; | |||
padding: 18px 22px; | |||
margin: 18px 0; | |||
} | |||
/* ========================================================= | |||
09 — جعبه رأی قضایی | |||
========================================================= */ | |||
.judgment-box { | |||
background: #eef4fa; | |||
border-right: 5px solid var(--law-blue); | |||
border-radius: 10px; | |||
padding: 20px 24px; | |||
margin: 18px 0; | |||
} | |||
.judgment-title { | |||
color: #245d89; | |||
font-weight: bold; | |||
} | |||
/* ========================================================= | |||
10 — نظریه مشورتی | |||
========================================================= */ | |||
.advisory-box { | |||
background: #f5f0e9; | |||
border-right: 5px solid #a9783b; | |||
border-radius: 10px; | |||
padding: 20px 24px; | |||
margin: 18px 0; | |||
} | |||
/* ========================================================= | |||
11 — شرح ماده | |||
========================================================= */ | |||
.explanation-box { | |||
background: #ffffff; | |||
border-right: 5px solid var(--law-primary); | |||
border-radius: 10px; | |||
padding: 20px 24px; | |||
margin: 18px 0; | |||
box-shadow: | |||
0 2px 8px rgba(0, 0, 0, 0.06); | |||
} | |||
/* ========================================================= | |||
12 — جعبه جستارهای وابسته | |||
========================================================= */ | |||
.related-topics-box { | |||
background: #f7f7f7; | |||
border-right: 4px solid #777; | |||
border-radius: 8px; | |||
padding: 18px 22px; | |||
} | |||
/* ========================================================= | |||
13 — ناوبری مواد | |||
========================================================= */ | |||
.law-navigation { | |||
margin: 35px 0; | |||
padding: 18px; | |||
background: #f1f7f6; | |||
border: 1px solid #c9e3df; | |||
border-radius: 12px; | |||
} | |||
.law-navigation-title { | |||
color: var(--law-primary-dark); | |||
font-weight: bold; | |||
font-size: 1.15em; | |||
margin-bottom: 12px; | |||
} | |||
/* ========================================================= | |||
14 — جدول قدیمی فهرست مواد | |||
========================================================= */ | |||
.law-index-table { | |||
width: 100%; | |||
border-collapse: collapse; | |||
direction: rtl; | |||
} | |||
.law-index-table th { | |||
background: var(--law-primary); | |||
color: #fff; | |||
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; | |||
} | |||
/* ========================================================= | |||
15 — Breadcrumb اختصاصی ویکیداد | |||
========================================================= */ | |||
.wd-breadcrumb { | |||
direction: rtl; | |||
display: flex; | |||
align-items: center; | |||
flex-wrap: wrap; | |||
gap: 8px; | |||
margin: 12px 0 24px; | |||
padding: 6px 0; | |||
font-family: | |||
"Vazirmatn", | |||
"IRANSans", | |||
Tahoma, | |||
Arial, | |||
sans-serif; | |||
font-size: 13px; | |||
line-height: 1.9; | |||
color: #667773; | |||
} | |||
.wd-breadcrumb-item { | |||
display: inline-flex; | |||
align-items: center; | |||
} | |||
.wd-breadcrumb-item a { | |||
color: var(--law-link); | |||
text-decoration: none; | |||
font-weight: 600; | |||
} | |||
.wd-breadcrumb-item a:hover { | |||
color: var(--law-primary-dark); | |||
text-decoration: underline; | |||
} | |||
.wd-breadcrumb-arrow { | |||
display: inline-flex; | |||
align-items: center; | |||
color: #a5b3af; | |||
font-size: 13px; | |||
user-select: none; | |||
} | |||
.wd-breadcrumb-current { | |||
display: inline-flex; | |||
align-items: center; | |||
color: #405b56; | |||
font-weight: 800; | |||
} | |||
/* ========================================================= | |||
16 — فهرست مدرن قانون | |||
========================================================= */ | |||
.wd-law-index { | |||
direction: rtl; | |||
text-align: right; | |||
margin: 28px 0; | |||
font-family: | |||
"Vazirmatn", | |||
"IRANSans", | |||
Tahoma, | |||
Arial, | |||
sans-serif; | |||
} | |||
.wd-law-index-head { | |||
padding: 20px 22px; | |||
background: #f7faf9; | |||
border: 1px solid var(--law-border); | |||
border-right: 5px solid var(--law-primary); | |||
border-radius: 10px 10px 0 0; | |||
} | |||
.wd-law-index-title { | |||
font-size: 22px; | |||
font-weight: 800; | |||
color: #245b55; | |||
line-height: 1.9; | |||
} | |||
.wd-law-index-description { | |||
margin-top: 5px; | |||
font-size: 13px; | |||
color: #687875; | |||
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 10px; | |||
background: #ffffff; | |||
border: 1px solid #dce6e3; | |||
border-radius: 20px; | |||
color: #58706b; | |||
font-size: 12px; | |||
} | |||
.wd-law-index-status { | |||
font-weight: bold; | |||
} | |||
.wd-law-index-content { | |||
padding: 18px 0; | |||
} | |||
/* ========================================================= | |||
17 — فصل قانون | |||
========================================================= */ | |||
.wd-law-chapter { | |||
direction: rtl; | |||
text-align: right; | |||
margin: 12px 0; | |||
font-family: | |||
"Vazirmatn", | |||
"IRANSans", | |||
Tahoma, | |||
Arial, | |||
sans-serif; | |||
} | |||
.wd-law-chapter a { | |||
display: block; | |||
color: inherit; | |||
text-decoration: none; | |||
} | |||
.wd-law-chapter-clickable { | |||
display: flex; | |||
align-items: center; | |||
width: 100%; | |||
box-sizing: border-box; | |||
padding: 15px 17px; | |||
background: #f3f8f6; | |||
border: 1px solid #d5e4e0; | |||
border-right: 5px solid var(--law-primary); | |||
border-radius: 9px; | |||
transition: | |||
background 0.15s ease, | |||
border-color 0.15s ease, | |||
transform 0.15s ease; | |||
} | |||
.wd-law-chapter-clickable:hover { | |||
background: #edf5f2; | |||
border-color: #bcd5cf; | |||
transform: translateY(-1px); | |||
} | |||
.wd-law-chapter-main { | |||
flex: 1; | |||
min-width: 0; | |||
} | |||
.wd-law-chapter-title { | |||
display: block; | |||
color: #245b55; | |||
font-size: 16px; | |||
font-weight: 800; | |||
line-height: 2; | |||
} | |||
.wd-law-chapter-description { | |||
display: block; | |||
margin-top: 2px; | |||
color: #6b7d79; | |||
font-size: 12px; | |||
line-height: 1.9; | |||
} | |||
.wd-law-chapter-arrow { | |||
flex: 0 0 auto; | |||
margin-right: 14px; | |||
color: var(--law-primary); | |||
font-size: 18px; | |||
font-weight: bold; | |||
} | |||
/* ========================================================= | |||
18 — مبحث قانون | |||
========================================================= */ | |||
.wd-law-topic { | |||
direction: rtl; | |||
text-align: right; | |||
margin: 9px 0 9px 18px; | |||
font-family: | |||
"Vazirmatn", | |||
"IRANSans", | |||
Tahoma, | |||
Arial, | |||
sans-serif; | |||
} | |||
.wd-law-topic a { | |||
display: block; | |||
color: inherit; | |||
text-decoration: none; | |||
} | |||
.wd-law-topic-clickable { | |||
display: flex; | |||
align-items: center; | |||
width: 100%; | |||
box-sizing: border-box; | |||
padding: 12px 15px; | |||
background: #faf9fc; | |||
border: 1px solid #e4deea; | |||
border-right: 4px solid var(--law-purple); | |||
border-radius: 8px; | |||
transition: | |||
background 0.15s ease, | |||
border-color 0.15s ease, | |||
transform 0.15s ease; | |||
} | |||
.wd-law-topic-clickable:hover { | |||
background: #f5f1f8; | |||
border-color: #d3c6df; | |||
transform: translateY(-1px); | |||
} | |||
.wd-law-topic-main { | |||
flex: 1; | |||
min-width: 0; | |||
} | |||
.wd-law-topic-title { | |||
display: block; | |||
color: #654d83; | |||
font-size: 14px; | |||
font-weight: 800; | |||
line-height: 2; | |||
} | |||
.wd-law-topic-description { | |||
display: block; | |||
margin-top: 2px; | |||
color: #77807e; | |||
font-size: 12px; | |||
} | |||
.wd-law-topic-arrow { | |||
flex: 0 0 auto; | |||
margin-right: 12px; | |||
color: var(--law-purple); | |||
font-size: 17px; | |||
font-weight: bold; | |||
} | |||
/* ========================================================= | |||
19 — ماده در فهرست قانون | |||
========================================================= */ | |||
.wd-law-item { | |||
direction: rtl; | |||
text-align: right; | |||
margin: 7px 0 7px 36px; | |||
font-family: | |||
"Vazirmatn", | |||
"IRANSans", | |||
Tahoma, | |||
Arial, | |||
sans-serif; | |||
} | |||
.wd-law-item > a { | |||
display: block; | |||
color: inherit; | |||
text-decoration: none; | |||
} | |||
.wd-law-item-clickable { | |||
display: flex; | |||
align-items: center; | |||
width: 100%; | |||
box-sizing: border-box; | |||
min-height: 54px; | |||
padding: 9px 13px; | |||
background: #ffffff; | |||
border: 1px solid #e2e8e6; | |||
border-right: 3px solid #9bbab4; | |||
border-radius: 7px; | |||
transition: | |||
background 0.15s ease, | |||
border-color 0.15s ease, | |||
transform 0.15s ease; | |||
} | |||
.wd-law-item-clickable:hover { | |||
background: #f8fbfa; | |||
border-color: #c5d8d3; | |||
transform: translateY(-1px); | |||
} | |||
.wd-law-item-number { | |||
flex: 0 0 auto; | |||
min-width: 65px; | |||
color: #245b55; | |||
font-size: 13px; | |||
font-weight: 800; | |||
} | |||
.wd-law-item-text { | |||
flex: 1; | |||
min-width: 0; | |||
padding: 0 10px; | |||
} | |||
.wd-law-item-title { | |||
display: block; | |||
color: #405b56; | |||
font-size: 14px; | |||
font-weight: 700; | |||
line-height: 1.9; | |||
} | |||
.wd-law-item-summary { | |||
display: block; | |||
color: #778582; | |||
font-size: 12px; | |||
line-height: 1.8; | |||
} | |||
.wd-law-item-status { | |||
flex: 0 0 auto; | |||
padding: 3px 8px; | |||
border-radius: 15px; | |||
background: #edf6f2; | |||
color: #39776d; | |||
font-size: 11px; | |||
font-weight: bold; | |||
} | |||
.wd-law-item-arrow { | |||
flex: 0 0 auto; | |||
margin-right: 10px; | |||
color: #8aa7a1; | |||
font-size: 16px; | |||
} | |||
/* ========================================================= | |||
20 — سیستم تست تعاملی | |||
نسخه نهایی فعلی | |||
========================================================= */ | |||
.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: | |||
"Vazirmatn", | |||
"IRANSans", | |||
Tahoma, | |||
Arial, | |||
sans-serif; | |||
font-size: 15px; | |||
line-height: 1.9; | |||
text-align: right; | |||
cursor: pointer; | |||
user-select: none; | |||
transition: | |||
background 0.15s ease, | |||
border-color 0.15s ease, | |||
transform 0.15s ease; | |||
} | |||
.wd-test-option:hover { | |||
background: #f7faf9; | |||
border-color: var(--law-primary); | |||
transform: translateY(-1px); | |||
} | |||
.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: #edf8f2; | |||
border-color: #4b9b57; | |||
color: #276b35 !important; | |||
} | |||
.wd-test-option.wd-correct::before { | |||
color: #4b9b57; | |||
} | |||
.wd-test-option.wd-wrong { | |||
background: #fff1f1; | |||
border-color: #c85b5b; | |||
color: #9a3f3f !important; | |||
} | |||
.wd-test-option.wd-wrong::before { | |||
content: "☒"; | |||
color: #c85b5b; | |||
} | |||
.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(--law-purple); | |||
white-space: nowrap; | |||
} | |||
/* ========================================================= | |||
21 — تستهای قدیمی / کلاسهای پایه | |||
برای سازگاری با قالبهای قبلی | |||
========================================================= */ | |||
.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, 0.07); | |||
direction: rtl; | |||
text-align: right; | |||
} | |||
.test-official { | |||
background: #edf6fc; | |||
border-right: 6px solid var(--law-blue); | |||
} | |||
.test-official .test-label { | |||
color: #245d89; | |||
} | |||
.test-authored { | |||
background: #f5effa; | |||
border-right: 6px solid var(--law-purple); | |||
} | |||
.test-authored .test-label { | |||
color: #694d8b; | |||
} | |||
.test-trap { | |||
background: #fff5e7; | |||
border-right: 6px solid var(--law-orange); | |||
} | |||
.test-trap .test-label { | |||
color: #a56311; | |||
} | |||
.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: #fff; | |||
} | |||
.test-answer { | |||
margin-top: 15px; | |||
padding: 15px 18px; | |||
background: #eef8ef; | |||
border-right: 4px solid #4b9b57; | |||
border-radius: 8px; | |||
} | |||
.test-answer-title { | |||
color: #31743a; | |||
font-weight: bold; | |||
} | |||
.exam-tip { | |||
background: #fff9df; | |||
border-right: 4px solid #d0a928; | |||
border-radius: 8px; | |||
padding: 13px 16px; | |||
margin-top: 12px; | |||
} | |||
/* ========================================================= | |||
22 — References / منابع و مآخذ | |||
========================================================= */ | |||
.wd-references { | .wd-references { | ||
direction: rtl; | direction: rtl; | ||
text-align: right; | text-align: right; | ||
font-family: "Vazirmatn", "IRANSans", Tahoma, Arial, sans-serif; | |||
font-family: | |||
"Vazirmatn", | |||
"IRANSans", | |||
Tahoma, | |||
Arial, | |||
sans-serif; | |||
font-size: 13px; | font-size: 13px; | ||
color: #52615e; | color: #52615e; | ||
| خط ۱۰: | خط ۱٬۰۲۷: | ||
.wd-references ol { | .wd-references ol { | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat(2, minmax(0, 1fr)); | |||
grid-template-columns: | |||
repeat(2, minmax(0, 1fr)); | |||
column-gap: 28px; | column-gap: 28px; | ||
row-gap: 2px; | row-gap: 2px; | ||
| خط ۱۸: | خط ۱٬۰۳۸: | ||
list-style: none !important; | list-style: none !important; | ||
counter-reset: wd-reference; | counter-reset: wd-reference; | ||
} | } | ||
| خط ۲۳: | خط ۱٬۰۴۴: | ||
.wd-references li { | .wd-references li { | ||
position: relative; | position: relative; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
margin: 0 !important; | margin: 0 !important; | ||
padding: 4px 27px 4px 0 !important; | |||
padding: | |||
4px 27px 4px 0 !important; | |||
background: transparent !important; | background: transparent !important; | ||
border: 0 !important; | border: 0 !important; | ||
border-radius: 0 !important; | border-radius: 0 !important; | ||
line-height: 1.9; | line-height: 1.9; | ||
min-height: 0; | min-height: 0; | ||
| خط ۴۲: | خط ۱٬۰۶۸: | ||
position: absolute; | position: absolute; | ||
right: 0; | right: 0; | ||
top: 50%; | top: 50%; | ||
| خط ۴۷: | خط ۱٬۰۷۴: | ||
transform: translateY(-50%); | transform: translateY(-50%); | ||
color: | color: var(--law-primary); | ||
font-size: 11px; | font-size: 11px; | ||
| خط ۵۴: | خط ۱٬۰۸۱: | ||
.wd-references a { | .wd-references a { | ||
color: | color: var(--law-link); | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
.wd-references a:hover { | .wd-references a:hover { | ||
color: | color: var(--law-primary-dark); | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
| خط ۶۹: | خط ۱٬۰۹۶: | ||
.wd-references .mw-cite-backlink a { | .wd-references .mw-cite-backlink a { | ||
color: | color: var(--law-primary); | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.wd- | /* ========================================================= | ||
23 — Dropdown / Details | |||
========================================================= */ | |||
} | |||
.law-collapsible { | |||
direction: rtl; | |||
margin: 18px 0; | |||
border: 1px solid var(--law-border); | |||
border-radius: 10px; | |||
background: #ffffff; | |||
} | |||
.law-collapsible summary { | |||
cursor: pointer; | |||
padding: 13px 17px; | |||
color: #405b56; | |||
font-weight: 800; | |||
background: #f7faf9; | |||
border-radius: 10px; | |||
list-style: none; | |||
} | |||
.law-collapsible summary::-webkit-details-marker { | |||
display: none; | |||
} | |||
.law-collapsible summary::before { | |||
content: "+"; | |||
display: inline-block; | |||
margin-left: 8px; | |||
color: var(--law-primary); | |||
font-weight: bold; | |||
} | |||
.law-collapsible[open] summary { | |||
border-bottom: 1px solid var(--law-border); | |||
border-radius: 10px 10px 0 0; | |||
} | |||
.law-collapsible[open] summary::before { | |||
content: "−"; | |||
} | |||
.law-collapsible > *:not(summary) { | |||
padding-left: 17px; | |||
padding-right: 17px; | |||
} | |||
/* ========================================================= | |||
24 — صفحه اصلی ویکیداد | |||
========================================================= */ | |||
.wd-home { | |||
direction: rtl; | |||
text-align: right; | |||
font-family: | |||
"Vazirmatn", | |||
"IRANSans", | |||
Tahoma, | |||
Arial, | |||
sans-serif; | |||
} | |||
.wd-hero { | |||
position: relative; | |||
margin: 0 0 30px; | |||
padding: 42px 28px; | |||
background: | |||
linear-gradient( | |||
135deg, | |||
#eef7f4 0%, | |||
#f7faf9 100% | |||
); | |||
border: 1px solid #dce8e4; | |||
border-right: 6px solid var(--law-primary); | |||
border-radius: 14px; | |||
text-align: center; | |||
} | |||
.wd-hero-title { | |||
font-size: 34px; | |||
font-weight: 900; | |||
color: #245b55; | |||
line-height: 1.5; | |||
} | |||
.wd-hero-subtitle { | |||
margin-top: 5px; | |||
color: #62736f; | |||
font-size: 15px; | |||
line-height: 2; | |||
} | |||
.wd-search-box { | |||
max-width: 720px; | |||
margin: 24px auto 0; | |||
} | |||
.wd-search-box input[type="search"], | |||
.wd-search-box input[type="text"] { | |||
box-sizing: border-box; | |||
width: 100%; | |||
min-height: 46px; | |||
padding: 10px 15px; | |||
border: 1px solid #cfded9; | |||
border-radius: 8px; | |||
background: #ffffff; | |||
color: var(--law-text); | |||
font-family: inherit; | |||
font-size: 14px; | |||
} | |||
.wd-search-box input:focus { | |||
outline: none; | |||
border-color: var(--law-primary); | |||
box-shadow: | |||
0 0 0 3px rgba(22, 132, 119, 0.10); | |||
} | } | ||
/* ========================================================= | |||
25 — Sidebar / منوی کناری | |||
========================================================= */ | |||
#mw-panel { | |||
direction: rtl; | direction: rtl; | ||
text-align: right; | |||
} | |||
#mw-panel .portal { | |||
margin-bottom: 18px; | |||
} | |||
#mw-panel .portal h3 { | |||
position: relative; | |||
padding: 8px 10px; | |||
color: #405b56; | |||
font-family: | |||
"Vazirmatn", | |||
"IRANSans", | |||
Tahoma, | |||
Arial, | |||
sans-serif; | |||
font-size: 13px; | font-size: 13px; | ||
font-weight: 800; | |||
border-bottom: 1px solid #dfe7e5; | |||
} | |||
#mw-panel .portal h3::after { | |||
content: ""; | |||
position: absolute; | |||
right: 0; | |||
bottom: -1px; | |||
width: 34px; | |||
height: 2px; | |||
background: var(--law-primary); | |||
} | |||
#mw-panel .portal ul { | |||
margin: 5px 0 0; | |||
padding: 0; | |||
} | } | ||
. | #mw-panel .portal li { | ||
margin: 1px 0; | |||
} | } | ||
. | #mw-panel .portal li a { | ||
color: # | display: block; | ||
padding: 7px 10px; | |||
color: #52615e; | |||
font-family: | |||
"Vazirmatn", | |||
"IRANSans", | |||
Tahoma, | |||
Arial, | |||
sans-serif; | |||
font-size: 13px; | |||
text-decoration: none; | text-decoration: none; | ||
transition: color 0.15s ease; | border-radius: 6px; | ||
transition: | |||
background 0.15s ease, | |||
color 0.15s ease; | |||
} | } | ||
. | #mw-panel .portal li a:hover { | ||
background: #f1f7f5; | |||
color: var(--law-primary-dark); | |||
} | } | ||
. | #mw-panel .portal li.selected a { | ||
background: #eaf3f0; | |||
color: var(--law-primary-dark); | |||
font-weight: bold; | |||
font- | |||
} | } | ||
. | |||
/* ========================================================= | |||
26 — عنوانهای بخشهای صفحه ماده | |||
========================================================= */ | |||
.law-section-title { | |||
direction: rtl; | |||
text-align: right; | |||
margin: 28px 0 12px; | |||
padding-bottom: 8px; | |||
border-bottom: 2px solid var(--law-primary); | |||
color: #405b56; | color: #405b56; | ||
font-size: 19px; | |||
font-weight: 800; | |||
} | |||
.law-section-title.purple { | |||
border-bottom-color: var(--law-purple); | |||
color: #654d83; | |||
} | |||
.law-section-title.blue { | |||
border-bottom-color: var(--law-blue); | |||
color: #245d89; | |||
} | |||
.law-section-title.gold { | |||
border-bottom-color: var(--law-gold); | |||
color: #80621e; | |||
} | |||
/* ========================================================= | |||
27 — Typography برای متنهای توضیحی | |||
========================================================= */ | |||
.law-page p { | |||
line-height: 2.15; | |||
} | |||
.law-page blockquote { | |||
margin: 18px 0; | |||
padding: 12px 18px; | |||
background: #f7f9f8; | |||
border-right: 4px solid #b6cbc5; | |||
color: #52615e; | |||
border-radius: 7px; | |||
} | |||
/* ========================================================= | |||
28 — لیستهای حقوقی | |||
========================================================= */ | |||
.law-page ul, | |||
.law-page ol { | |||
line-height: 2.1; | |||
} | |||
.law-page li { | |||
margin-bottom: 4px; | |||
} | |||
/* ========================================================= | |||
29 — جدولهای محتوایی | |||
========================================================= */ | |||
.law-page table.wikitable { | |||
width: 100%; | |||
border-collapse: collapse; | |||
direction: rtl; | |||
margin: 20px 0; | |||
} | |||
.law-page table.wikitable th { | |||
background: #edf5f2; | |||
color: #245b55; | |||
font-weight: 800; | font-weight: 800; | ||
padding: 9px 11px; | |||
border: 1px solid #d4e1dd; | |||
} | } | ||
/* | .law-page table.wikitable td { | ||
padding: 9px 11px; | |||
border: 1px solid #dfe7e5; | |||
background: #ffffff; | |||
} | |||
.law-page table.wikitable tr:nth-child(even) td { | |||
background: #fafcfb; | |||
} | |||
/* ========================================================= | |||
30 — Mobile | |||
========================================================= */ | |||
@media (max-width: 700px) { | @media (max-width: 700px) { | ||
.law-page { | |||
line-height: 1.95; | |||
} | |||
.law-article-box { | |||
padding: 18px 17px; | |||
margin: 16px 0 21px; | |||
} | |||
.law-article-box .article-number { | |||
font-size: 1.2em; | |||
} | |||
.law-article-box .article-text { | |||
font-size: 1em; | |||
} | |||
.related-laws-box, | |||
.term-box, | |||
.judgment-box, | |||
.advisory-box, | |||
.explanation-box { | |||
padding: 16px 17px; | |||
} | |||
.wd-breadcrumb { | .wd-breadcrumb { | ||
gap: 5px; | gap: 5px; | ||
margin: 8px 0 18px; | margin: 8px 0 18px; | ||
padding: 4px 0; | padding: 4px 0; | ||
| خط ۱۵۴: | خط ۱٬۵۰۷: | ||
} | } | ||
.wd-law-chapter-clickable { | |||
padding: 13px 12px; | |||
} | |||
.wd-law-chapter-title { | |||
font-size: 14px; | |||
} | |||
.wd-law-topic { | |||
margin-right: 0; | |||
margin-left: 8px; | |||
} | |||
.wd-law-topic-clickable { | |||
padding: 10px 11px; | |||
} | |||
.wd-law-topic-title { | |||
font-size: 13px; | |||
} | |||
.wd-law-item { | |||
margin-right: 0; | |||
margin-left: 0; | |||
} | |||
.wd-law-item-clickable { | |||
min-height: 50px; | |||
padding: 8px 10px; | |||
} | |||
.wd-law-item-number { | |||
min-width: 58px; | |||
font-size: 12px; | |||
} | |||
.wd-law-item-title { | |||
font-size: 13px; | |||
} | |||
.wd-law-item-summary { | |||
font-size: 11px; | |||
} | |||
.wd-law-item-status { | |||
display: none; | |||
} | |||
.wd-test-option { | |||
padding: 11px 12px; | |||
font-size: 14px; | |||
} | |||
.wd-references ol { | |||
grid-template-columns: 1fr; | |||
column-gap: 0; | |||
} | |||
.wd-hero { | |||
padding: 30px 17px; | |||
} | |||
.wd-hero-title { | |||
font-size: 27px; | |||
} | |||
.wd-hero-subtitle { | |||
font-size: 13px; | |||
} | |||
.wd-search-box { | |||
margin-top: 18px; | |||
} | |||
.law-section-title { | |||
font-size: 17px; | |||
} | |||
} | |||
/* ========================================================= | |||
31 — چاپ | |||
========================================================= */ | |||
@media print { | |||
.wd-breadcrumb { | |||
margin-bottom: 15px; | |||
} | |||
.wd-test-option:hover, | |||
.wd-law-chapter-clickable:hover, | |||
.wd-law-topic-clickable:hover, | |||
.wd-law-item-clickable:hover { | |||
transform: none; | |||
} | |||
.wd-hero, | |||
.law-article-box, | |||
.related-laws-box, | |||
.term-box, | |||
.judgment-box, | |||
.advisory-box, | |||
.explanation-box { | |||
box-shadow: none !important; | |||
} | |||
} | } | ||
نسخهٔ ۱۱ سپتامبر ۲۰۲۶، ساعت ۲۰:۰۲
/* =========================================================
ویکیداد — MediaWiki:Common.css
نسخه یکپارچه طراحی سایت
========================================================= */
/* =========================================================
01 — DESIGN SYSTEM
========================================================= */
:root {
/* رنگ اصلی */
--law-primary: #168477;
--law-primary-dark: #11695f;
/* لینک */
--law-link: #176c88;
/* رنگهای معنایی */
--law-gold: #c49a3a;
--law-blue: #3978ad;
--law-purple: #8064a2;
--law-orange: #d38a27;
/* متن */
--law-text: #263238;
--law-text-soft: #546e7a;
/* زمینه */
--law-bg: #ffffff;
--law-bg-soft: #f7f9f8;
/* خطوط */
--law-border: #dfe7e5;
/* سایه */
--law-shadow: 0 4px 18px rgba(20, 60, 55, 0.07);
/* گوشه */
--law-radius: 12px;
/* فاصله */
--law-space: 24px;
}
/* =========================================================
02 — پایه عمومی فارسی
========================================================= */
html {
direction: rtl;
}
body {
direction: rtl;
text-align: right;
color: var(--law-text);
}
body,
.mw-body,
.mw-page-container,
.mw-workspace-container {
font-family:
"Vazirmatn",
"IRANSans",
Tahoma,
Arial,
sans-serif;
}
input,
textarea,
select,
button {
font-family: inherit;
}
/* =========================================================
03 — لینکهای عمومی
========================================================= */
.mw-body a {
color: var(--law-link);
}
.mw-body a:hover {
color: var(--law-primary-dark);
}
/* =========================================================
04 — تیترهای محتوای حقوقی
========================================================= */
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4 {
color: var(--law-text);
font-weight: 700;
}
.mw-body table {
direction: rtl;
}
/* =========================================================
05 — صفحه حقوقی
========================================================= */
.law-page {
direction: rtl;
text-align: right;
line-height: 2;
font-family:
"Vazirmatn",
"IRANSans",
Tahoma,
Arial,
sans-serif;
}
.law-page a {
color: var(--law-link);
font-weight: 500;
}
.law-page a:hover {
color: #0e4e63;
}
/* =========================================================
06 — جعبه ماده
========================================================= */
.law-article-box {
background:
linear-gradient(
135deg,
#e8f5f2 0%,
#d9eee9 100%
);
border-right: 6px solid var(--law-primary);
border-radius: 12px;
padding: 22px 26px;
margin: 20px 0 25px;
box-shadow:
0 3px 12px rgba(22, 132, 119, 0.12);
}
.law-article-box .article-number {
color: var(--law-primary-dark);
font-size: 1.35em;
font-weight: bold;
margin-bottom: 10px;
}
.law-article-box .article-text {
color: #173b38;
font-size: 1.08em;
font-weight: 500;
}
/* =========================================================
07 — مواد مرتبط
========================================================= */
.related-laws-box {
background: #f5f1e8;
border-right: 5px solid var(--law-gold);
border-radius: 10px;
padding: 18px 22px;
margin: 20px 0;
}
.related-laws-title {
color: #80621e;
font-weight: bold;
font-size: 1.12em;
}
/* =========================================================
08 — اصطلاحات
========================================================= */
.term-box {
background: #f3eff8;
border-right: 5px solid var(--law-purple);
border-radius: 10px;
padding: 18px 22px;
margin: 18px 0;
}
/* =========================================================
09 — جعبه رأی قضایی
========================================================= */
.judgment-box {
background: #eef4fa;
border-right: 5px solid var(--law-blue);
border-radius: 10px;
padding: 20px 24px;
margin: 18px 0;
}
.judgment-title {
color: #245d89;
font-weight: bold;
}
/* =========================================================
10 — نظریه مشورتی
========================================================= */
.advisory-box {
background: #f5f0e9;
border-right: 5px solid #a9783b;
border-radius: 10px;
padding: 20px 24px;
margin: 18px 0;
}
/* =========================================================
11 — شرح ماده
========================================================= */
.explanation-box {
background: #ffffff;
border-right: 5px solid var(--law-primary);
border-radius: 10px;
padding: 20px 24px;
margin: 18px 0;
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.06);
}
/* =========================================================
12 — جعبه جستارهای وابسته
========================================================= */
.related-topics-box {
background: #f7f7f7;
border-right: 4px solid #777;
border-radius: 8px;
padding: 18px 22px;
}
/* =========================================================
13 — ناوبری مواد
========================================================= */
.law-navigation {
margin: 35px 0;
padding: 18px;
background: #f1f7f6;
border: 1px solid #c9e3df;
border-radius: 12px;
}
.law-navigation-title {
color: var(--law-primary-dark);
font-weight: bold;
font-size: 1.15em;
margin-bottom: 12px;
}
/* =========================================================
14 — جدول قدیمی فهرست مواد
========================================================= */
.law-index-table {
width: 100%;
border-collapse: collapse;
direction: rtl;
}
.law-index-table th {
background: var(--law-primary);
color: #fff;
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;
}
/* =========================================================
15 — Breadcrumb اختصاصی ویکیداد
========================================================= */
.wd-breadcrumb {
direction: rtl;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin: 12px 0 24px;
padding: 6px 0;
font-family:
"Vazirmatn",
"IRANSans",
Tahoma,
Arial,
sans-serif;
font-size: 13px;
line-height: 1.9;
color: #667773;
}
.wd-breadcrumb-item {
display: inline-flex;
align-items: center;
}
.wd-breadcrumb-item a {
color: var(--law-link);
text-decoration: none;
font-weight: 600;
}
.wd-breadcrumb-item a:hover {
color: var(--law-primary-dark);
text-decoration: underline;
}
.wd-breadcrumb-arrow {
display: inline-flex;
align-items: center;
color: #a5b3af;
font-size: 13px;
user-select: none;
}
.wd-breadcrumb-current {
display: inline-flex;
align-items: center;
color: #405b56;
font-weight: 800;
}
/* =========================================================
16 — فهرست مدرن قانون
========================================================= */
.wd-law-index {
direction: rtl;
text-align: right;
margin: 28px 0;
font-family:
"Vazirmatn",
"IRANSans",
Tahoma,
Arial,
sans-serif;
}
.wd-law-index-head {
padding: 20px 22px;
background: #f7faf9;
border: 1px solid var(--law-border);
border-right: 5px solid var(--law-primary);
border-radius: 10px 10px 0 0;
}
.wd-law-index-title {
font-size: 22px;
font-weight: 800;
color: #245b55;
line-height: 1.9;
}
.wd-law-index-description {
margin-top: 5px;
font-size: 13px;
color: #687875;
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 10px;
background: #ffffff;
border: 1px solid #dce6e3;
border-radius: 20px;
color: #58706b;
font-size: 12px;
}
.wd-law-index-status {
font-weight: bold;
}
.wd-law-index-content {
padding: 18px 0;
}
/* =========================================================
17 — فصل قانون
========================================================= */
.wd-law-chapter {
direction: rtl;
text-align: right;
margin: 12px 0;
font-family:
"Vazirmatn",
"IRANSans",
Tahoma,
Arial,
sans-serif;
}
.wd-law-chapter a {
display: block;
color: inherit;
text-decoration: none;
}
.wd-law-chapter-clickable {
display: flex;
align-items: center;
width: 100%;
box-sizing: border-box;
padding: 15px 17px;
background: #f3f8f6;
border: 1px solid #d5e4e0;
border-right: 5px solid var(--law-primary);
border-radius: 9px;
transition:
background 0.15s ease,
border-color 0.15s ease,
transform 0.15s ease;
}
.wd-law-chapter-clickable:hover {
background: #edf5f2;
border-color: #bcd5cf;
transform: translateY(-1px);
}
.wd-law-chapter-main {
flex: 1;
min-width: 0;
}
.wd-law-chapter-title {
display: block;
color: #245b55;
font-size: 16px;
font-weight: 800;
line-height: 2;
}
.wd-law-chapter-description {
display: block;
margin-top: 2px;
color: #6b7d79;
font-size: 12px;
line-height: 1.9;
}
.wd-law-chapter-arrow {
flex: 0 0 auto;
margin-right: 14px;
color: var(--law-primary);
font-size: 18px;
font-weight: bold;
}
/* =========================================================
18 — مبحث قانون
========================================================= */
.wd-law-topic {
direction: rtl;
text-align: right;
margin: 9px 0 9px 18px;
font-family:
"Vazirmatn",
"IRANSans",
Tahoma,
Arial,
sans-serif;
}
.wd-law-topic a {
display: block;
color: inherit;
text-decoration: none;
}
.wd-law-topic-clickable {
display: flex;
align-items: center;
width: 100%;
box-sizing: border-box;
padding: 12px 15px;
background: #faf9fc;
border: 1px solid #e4deea;
border-right: 4px solid var(--law-purple);
border-radius: 8px;
transition:
background 0.15s ease,
border-color 0.15s ease,
transform 0.15s ease;
}
.wd-law-topic-clickable:hover {
background: #f5f1f8;
border-color: #d3c6df;
transform: translateY(-1px);
}
.wd-law-topic-main {
flex: 1;
min-width: 0;
}
.wd-law-topic-title {
display: block;
color: #654d83;
font-size: 14px;
font-weight: 800;
line-height: 2;
}
.wd-law-topic-description {
display: block;
margin-top: 2px;
color: #77807e;
font-size: 12px;
}
.wd-law-topic-arrow {
flex: 0 0 auto;
margin-right: 12px;
color: var(--law-purple);
font-size: 17px;
font-weight: bold;
}
/* =========================================================
19 — ماده در فهرست قانون
========================================================= */
.wd-law-item {
direction: rtl;
text-align: right;
margin: 7px 0 7px 36px;
font-family:
"Vazirmatn",
"IRANSans",
Tahoma,
Arial,
sans-serif;
}
.wd-law-item > a {
display: block;
color: inherit;
text-decoration: none;
}
.wd-law-item-clickable {
display: flex;
align-items: center;
width: 100%;
box-sizing: border-box;
min-height: 54px;
padding: 9px 13px;
background: #ffffff;
border: 1px solid #e2e8e6;
border-right: 3px solid #9bbab4;
border-radius: 7px;
transition:
background 0.15s ease,
border-color 0.15s ease,
transform 0.15s ease;
}
.wd-law-item-clickable:hover {
background: #f8fbfa;
border-color: #c5d8d3;
transform: translateY(-1px);
}
.wd-law-item-number {
flex: 0 0 auto;
min-width: 65px;
color: #245b55;
font-size: 13px;
font-weight: 800;
}
.wd-law-item-text {
flex: 1;
min-width: 0;
padding: 0 10px;
}
.wd-law-item-title {
display: block;
color: #405b56;
font-size: 14px;
font-weight: 700;
line-height: 1.9;
}
.wd-law-item-summary {
display: block;
color: #778582;
font-size: 12px;
line-height: 1.8;
}
.wd-law-item-status {
flex: 0 0 auto;
padding: 3px 8px;
border-radius: 15px;
background: #edf6f2;
color: #39776d;
font-size: 11px;
font-weight: bold;
}
.wd-law-item-arrow {
flex: 0 0 auto;
margin-right: 10px;
color: #8aa7a1;
font-size: 16px;
}
/* =========================================================
20 — سیستم تست تعاملی
نسخه نهایی فعلی
========================================================= */
.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:
"Vazirmatn",
"IRANSans",
Tahoma,
Arial,
sans-serif;
font-size: 15px;
line-height: 1.9;
text-align: right;
cursor: pointer;
user-select: none;
transition:
background 0.15s ease,
border-color 0.15s ease,
transform 0.15s ease;
}
.wd-test-option:hover {
background: #f7faf9;
border-color: var(--law-primary);
transform: translateY(-1px);
}
.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: #edf8f2;
border-color: #4b9b57;
color: #276b35 !important;
}
.wd-test-option.wd-correct::before {
color: #4b9b57;
}
.wd-test-option.wd-wrong {
background: #fff1f1;
border-color: #c85b5b;
color: #9a3f3f !important;
}
.wd-test-option.wd-wrong::before {
content: "☒";
color: #c85b5b;
}
.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(--law-purple);
white-space: nowrap;
}
/* =========================================================
21 — تستهای قدیمی / کلاسهای پایه
برای سازگاری با قالبهای قبلی
========================================================= */
.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, 0.07);
direction: rtl;
text-align: right;
}
.test-official {
background: #edf6fc;
border-right: 6px solid var(--law-blue);
}
.test-official .test-label {
color: #245d89;
}
.test-authored {
background: #f5effa;
border-right: 6px solid var(--law-purple);
}
.test-authored .test-label {
color: #694d8b;
}
.test-trap {
background: #fff5e7;
border-right: 6px solid var(--law-orange);
}
.test-trap .test-label {
color: #a56311;
}
.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: #fff;
}
.test-answer {
margin-top: 15px;
padding: 15px 18px;
background: #eef8ef;
border-right: 4px solid #4b9b57;
border-radius: 8px;
}
.test-answer-title {
color: #31743a;
font-weight: bold;
}
.exam-tip {
background: #fff9df;
border-right: 4px solid #d0a928;
border-radius: 8px;
padding: 13px 16px;
margin-top: 12px;
}
/* =========================================================
22 — References / منابع و مآخذ
========================================================= */
.wd-references {
direction: rtl;
text-align: right;
font-family:
"Vazirmatn",
"IRANSans",
Tahoma,
Arial,
sans-serif;
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(--law-primary);
font-size: 11px;
font-weight: 800;
}
.wd-references a {
color: var(--law-link);
text-decoration: none;
}
.wd-references a:hover {
color: var(--law-primary-dark);
text-decoration: underline;
}
.wd-references .mw-cite-backlink {
margin-right: 4px;
white-space: nowrap;
}
.wd-references .mw-cite-backlink a {
color: var(--law-primary);
font-weight: bold;
}
/* =========================================================
23 — Dropdown / Details
========================================================= */
.law-collapsible {
direction: rtl;
margin: 18px 0;
border: 1px solid var(--law-border);
border-radius: 10px;
background: #ffffff;
}
.law-collapsible summary {
cursor: pointer;
padding: 13px 17px;
color: #405b56;
font-weight: 800;
background: #f7faf9;
border-radius: 10px;
list-style: none;
}
.law-collapsible summary::-webkit-details-marker {
display: none;
}
.law-collapsible summary::before {
content: "+";
display: inline-block;
margin-left: 8px;
color: var(--law-primary);
font-weight: bold;
}
.law-collapsible[open] summary {
border-bottom: 1px solid var(--law-border);
border-radius: 10px 10px 0 0;
}
.law-collapsible[open] summary::before {
content: "−";
}
.law-collapsible > *:not(summary) {
padding-left: 17px;
padding-right: 17px;
}
/* =========================================================
24 — صفحه اصلی ویکیداد
========================================================= */
.wd-home {
direction: rtl;
text-align: right;
font-family:
"Vazirmatn",
"IRANSans",
Tahoma,
Arial,
sans-serif;
}
.wd-hero {
position: relative;
margin: 0 0 30px;
padding: 42px 28px;
background:
linear-gradient(
135deg,
#eef7f4 0%,
#f7faf9 100%
);
border: 1px solid #dce8e4;
border-right: 6px solid var(--law-primary);
border-radius: 14px;
text-align: center;
}
.wd-hero-title {
font-size: 34px;
font-weight: 900;
color: #245b55;
line-height: 1.5;
}
.wd-hero-subtitle {
margin-top: 5px;
color: #62736f;
font-size: 15px;
line-height: 2;
}
.wd-search-box {
max-width: 720px;
margin: 24px auto 0;
}
.wd-search-box input[type="search"],
.wd-search-box input[type="text"] {
box-sizing: border-box;
width: 100%;
min-height: 46px;
padding: 10px 15px;
border: 1px solid #cfded9;
border-radius: 8px;
background: #ffffff;
color: var(--law-text);
font-family: inherit;
font-size: 14px;
}
.wd-search-box input:focus {
outline: none;
border-color: var(--law-primary);
box-shadow:
0 0 0 3px rgba(22, 132, 119, 0.10);
}
/* =========================================================
25 — Sidebar / منوی کناری
========================================================= */
#mw-panel {
direction: rtl;
text-align: right;
}
#mw-panel .portal {
margin-bottom: 18px;
}
#mw-panel .portal h3 {
position: relative;
padding: 8px 10px;
color: #405b56;
font-family:
"Vazirmatn",
"IRANSans",
Tahoma,
Arial,
sans-serif;
font-size: 13px;
font-weight: 800;
border-bottom: 1px solid #dfe7e5;
}
#mw-panel .portal h3::after {
content: "";
position: absolute;
right: 0;
bottom: -1px;
width: 34px;
height: 2px;
background: var(--law-primary);
}
#mw-panel .portal ul {
margin: 5px 0 0;
padding: 0;
}
#mw-panel .portal li {
margin: 1px 0;
}
#mw-panel .portal li a {
display: block;
padding: 7px 10px;
color: #52615e;
font-family:
"Vazirmatn",
"IRANSans",
Tahoma,
Arial,
sans-serif;
font-size: 13px;
text-decoration: none;
border-radius: 6px;
transition:
background 0.15s ease,
color 0.15s ease;
}
#mw-panel .portal li a:hover {
background: #f1f7f5;
color: var(--law-primary-dark);
}
#mw-panel .portal li.selected a {
background: #eaf3f0;
color: var(--law-primary-dark);
font-weight: bold;
}
/* =========================================================
26 — عنوانهای بخشهای صفحه ماده
========================================================= */
.law-section-title {
direction: rtl;
text-align: right;
margin: 28px 0 12px;
padding-bottom: 8px;
border-bottom: 2px solid var(--law-primary);
color: #405b56;
font-size: 19px;
font-weight: 800;
}
.law-section-title.purple {
border-bottom-color: var(--law-purple);
color: #654d83;
}
.law-section-title.blue {
border-bottom-color: var(--law-blue);
color: #245d89;
}
.law-section-title.gold {
border-bottom-color: var(--law-gold);
color: #80621e;
}
/* =========================================================
27 — Typography برای متنهای توضیحی
========================================================= */
.law-page p {
line-height: 2.15;
}
.law-page blockquote {
margin: 18px 0;
padding: 12px 18px;
background: #f7f9f8;
border-right: 4px solid #b6cbc5;
color: #52615e;
border-radius: 7px;
}
/* =========================================================
28 — لیستهای حقوقی
========================================================= */
.law-page ul,
.law-page ol {
line-height: 2.1;
}
.law-page li {
margin-bottom: 4px;
}
/* =========================================================
29 — جدولهای محتوایی
========================================================= */
.law-page table.wikitable {
width: 100%;
border-collapse: collapse;
direction: rtl;
margin: 20px 0;
}
.law-page table.wikitable th {
background: #edf5f2;
color: #245b55;
font-weight: 800;
padding: 9px 11px;
border: 1px solid #d4e1dd;
}
.law-page table.wikitable td {
padding: 9px 11px;
border: 1px solid #dfe7e5;
background: #ffffff;
}
.law-page table.wikitable tr:nth-child(even) td {
background: #fafcfb;
}
/* =========================================================
30 — Mobile
========================================================= */
@media (max-width: 700px) {
.law-page {
line-height: 1.95;
}
.law-article-box {
padding: 18px 17px;
margin: 16px 0 21px;
}
.law-article-box .article-number {
font-size: 1.2em;
}
.law-article-box .article-text {
font-size: 1em;
}
.related-laws-box,
.term-box,
.judgment-box,
.advisory-box,
.explanation-box {
padding: 16px 17px;
}
.wd-breadcrumb {
gap: 5px;
margin: 8px 0 18px;
padding: 4px 0;
font-size: 12px;
line-height: 1.8;
}
.wd-breadcrumb-arrow {
font-size: 11px;
}
.wd-law-chapter-clickable {
padding: 13px 12px;
}
.wd-law-chapter-title {
font-size: 14px;
}
.wd-law-topic {
margin-right: 0;
margin-left: 8px;
}
.wd-law-topic-clickable {
padding: 10px 11px;
}
.wd-law-topic-title {
font-size: 13px;
}
.wd-law-item {
margin-right: 0;
margin-left: 0;
}
.wd-law-item-clickable {
min-height: 50px;
padding: 8px 10px;
}
.wd-law-item-number {
min-width: 58px;
font-size: 12px;
}
.wd-law-item-title {
font-size: 13px;
}
.wd-law-item-summary {
font-size: 11px;
}
.wd-law-item-status {
display: none;
}
.wd-test-option {
padding: 11px 12px;
font-size: 14px;
}
.wd-references ol {
grid-template-columns: 1fr;
column-gap: 0;
}
.wd-hero {
padding: 30px 17px;
}
.wd-hero-title {
font-size: 27px;
}
.wd-hero-subtitle {
font-size: 13px;
}
.wd-search-box {
margin-top: 18px;
}
.law-section-title {
font-size: 17px;
}
}
/* =========================================================
31 — چاپ
========================================================= */
@media print {
.wd-breadcrumb {
margin-bottom: 15px;
}
.wd-test-option:hover,
.wd-law-chapter-clickable:hover,
.wd-law-topic-clickable:hover,
.wd-law-item-clickable:hover {
transform: none;
}
.wd-hero,
.law-article-box,
.related-laws-box,
.term-box,
.judgment-box,
.advisory-box,
.explanation-box {
box-shadow: none !important;
}
}