مدیاویکی:Common.css: تفاوت میان نسخه‌ها

از ویکی داد
پرش به ناوبری پرش به جستجو
→ تفاوت با ویرایش قدیمی‌ترتفاوت با ویرایش جدیدتر ←

Rasool (بحث | مشارکت‌ها)

3 گروه کاربری
۲۶۷ ویرایش‌ها
جزبدون خلاصۀ ویرایش
جزبدون خلاصۀ ویرایش
خط ۱: خط ۱:
/* =========================================================
/* =========================================================
   WIKIDAD — Persian Legal Design System
   WIKIDAD
  Stage A — Base Persian UI
   MediaWiki:Common.css
   MediaWiki:Common.css
  Version 1.0
   ========================================================= */
   ========================================================= */




/* =========================================================
/* ---------------------------------------------------------
   01. VARIABLES — سیستم رنگ و اندازه
   1. WIKIDAD VARIABLES
   ========================================================= */
   --------------------------------------------------------- */


:root {
:root {
     --law-primary: #168477;
     --wd-primary: #168477;
     --law-primary-dark: #11695f;
     --wd-primary-dark: #11695f;
     --law-primary-light: #eaf6f4;
     --wd-primary-soft: #eaf6f4;


     --law-link: #176c88;
     --wd-gold: #c49a3a;


     --law-gold: #c49a3a;
     --wd-text: #263238;
     --law-gold-light: #fbf7eb;
     --wd-text-soft: #68777b;


     --law-blue: #3978ad;
     --wd-bg: #ffffff;
     --law-blue-light: #eef4fa;
     --wd-bg-soft: #f7f9f8;


     --law-purple: #8064a2;
     --wd-border: #dfe7e5;
    --law-purple-light: #f3eff8;


     --law-orange: #d38a27;
     --wd-link: #176c88;
    --law-orange-light: #fff5e7;


     --law-green: #4b9b57;
     --wd-radius: 10px;
    --law-green-light: #edf7ee;


     --law-text: #263238;
     --wd-shadow:
    --law-text-soft: #607277;
        0 3px 14px rgba(20, 60, 55, 0.07);
 
    --law-bg: #ffffff;
    --law-bg-soft: #f7f9f8;
 
    --law-border: #dfe7e5;
 
    --law-shadow: 0 4px 18px rgba(20, 60, 55, 0.07);
    --law-shadow-hover: 0 8px 28px rgba(20, 60, 55, 0.11);
 
    --law-radius: 12px;
    --law-radius-small: 8px;
 
    --law-space: 24px;
 
    --law-content-width: 1100px;
}
}




/* =========================================================
/* ---------------------------------------------------------
   02. GLOBAL — تنظیمات عمومی فارسی
   2. GLOBAL
   ========================================================= */
   --------------------------------------------------------- */


html {
html {
خط ۶۳: خط ۴۵:
     direction: rtl;
     direction: rtl;
     text-align: right;
     text-align: right;
    background: var(--wd-bg);
    color: var(--wd-text);


     font-family:
     font-family:
         "Vazirmatn",
         "Vazirmatn",
        "IRANSansX",
         "IRANSans",
         "IRANSans",
        "IRANSansX",
         Tahoma,
         Tahoma,
         Arial,
         Arial,
         sans-serif;
         sans-serif;
    color: var(--law-text);
    background: var(--law-bg);
    line-height: 2;


     font-size: 16px;
     font-size: 16px;


     -webkit-font-smoothing: antialiased;
     line-height: 1.95;
    text-rendering: optimizeLegibility;
}
}




/* لینک‌ها */
/* ---------------------------------------------------------
  3. LINKS
  --------------------------------------------------------- */


a {
a {
     color: var(--law-link);
     color: var(--wd-link);
    text-decoration: none;
}
}


a:hover {
a:hover {
     color: var(--law-primary-dark);
     color: var(--wd-primary-dark);
    text-decoration: underline;
}
}


a:visited {
 
     color: #496f7c;
/* ---------------------------------------------------------
  4. PAGE BACKGROUND
  --------------------------------------------------------- */
 
#mw-page-base {
     background:
        linear-gradient(
            to bottom,
            #edf7f5 0,
            #ffffff 150px
        ) !important;
}
}




/* متن انتخاب‌شده */
/* ---------------------------------------------------------
  5. MAIN PAGE CONTAINER
  --------------------------------------------------------- */


::selection {
#content {
     background: var(--law-primary-light);
     background: #ffffff;
     color: var(--law-primary-dark);
 
    border: 1px solid var(--wd-border);
 
    border-radius: var(--wd-radius);
 
     box-shadow: var(--wd-shadow);
}
}




/* =========================================================
/* ---------------------------------------------------------
   03. TYPOGRAPHY — تایپوگرافی
   6. MAIN CONTENT
   ========================================================= */
   --------------------------------------------------------- */
 
#bodyContent,
.mw-body-content {
    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;
 
    color: var(--wd-text);


.mw-body {
     line-height: 2;
     font-size: 16px;
}
}


.mw-body h1,
 
.mw-body h2,
/* ---------------------------------------------------------
.mw-body h3,
  7. PAGE TITLE
.mw-body h4,
  --------------------------------------------------------- */
.mw-body h5,
 
.mw-body h6 {
#firstHeading {
    color: var(--wd-primary-dark);
 
     font-family:
     font-family:
         "Vazirmatn",
         "Vazirmatn",
        "IRANSansX",
         "IRANSans",
         "IRANSans",
         Tahoma,
         Tahoma,
خط ۱۳۰: خط ۱۴۱:
         sans-serif;
         sans-serif;


     color: var(--law-text);
     font-size: 30px;
     font-weight: 700;
 
     font-weight: 800;


     line-height: 1.7;
     line-height: 1.6;


     border-bottom: none;
     border-bottom: none;
}


.mw-body h1 {
     margin-bottom: 24px;
     font-size: 30px;
    color: var(--law-primary-dark);
}
}


.mw-body h2 {
    font-size: 24px;
    margin-top: 36px;
    padding-bottom: 10px;


    border-bottom: 1px solid var(--law-border);
/* ---------------------------------------------------------
}
  8. HEADINGS
  --------------------------------------------------------- */


.mw-body h3 {
.mw-body-content h2 {
    font-size: 20px;
     color: var(--wd-primary-dark);
     color: var(--law-primary-dark);


     margin-top: 28px;
     font-size: 23px;
}


.mw-body h4 {
     font-weight: 800;
     font-size: 18px;
}


    border-bottom:
        2px solid var(--wd-primary-soft);


/* =========================================================
    padding-bottom: 8px;
  04. MAIN CONTENT — محدوده اصلی سایت
  ========================================================= */


.mw-body {
    margin-top: 34px;
    background: var(--law-bg);
}
}


.mw-body-content h3 {
    color: var(--wd-primary);


/* فضای اطراف محتوای اصلی */
    font-size: 20px;
 
    font-weight: 700;


.mw-body-content {
     margin-top: 28px;
    max-width: var(--law-content-width);
    margin-left: auto;
     margin-right: auto;
}
}


.mw-body-content h4 {
    color: var(--wd-text);
    font-size: 18px;
}


/* =========================================================
  05. HEADER / VECTOR
  ========================================================= */


/* ظاهر کلی هدر */
/* ---------------------------------------------------------
  9. HEADER
  --------------------------------------------------------- */


.vector-header {
#mw-head {
     font-family:
     font-family:
         "Vazirmatn",
         "Vazirmatn",
        "IRANSansX",
         "IRANSans",
         "IRANSans",
         Tahoma,
         Tahoma,
خط ۱۹۷: خط ۲۰۴:




/* نام سایت */
/* Header background */


.vector-menu-portal .vector-menu-heading {
#mw-head {
     font-weight: 700;
     background: #ffffff;
}
}




/* منوها */
/* ---------------------------------------------------------
  10. PERSONAL MENU
  --------------------------------------------------------- */


.vector-menu-portal {
#p-personal {
     font-size: 14px;
     font-size: 13px;
}
}


 
#p-personal a {
/* لینک‌های منو */
     color: var(--wd-text-soft);
 
.vector-menu-portal a {
     color: var(--law-text-soft);
}
}


.vector-menu-portal a:hover {
#p-personal a:hover {
     color: var(--law-primary);
     color: var(--wd-primary);
}
}




/* =========================================================
/* ---------------------------------------------------------
   06. SEARCH — جستجوی سایت
   11. SEARCH BOX
   ========================================================= */
   --------------------------------------------------------- */


#p-search {
#p-search {
     font-family:
     font-family:
         "Vazirmatn",
         "Vazirmatn",
        "IRANSansX",
         "IRANSans",
         "IRANSans",
         Tahoma,
         Tahoma,
خط ۲۳۸: خط ۲۴۵:
     font-family:
     font-family:
         "Vazirmatn",
         "Vazirmatn",
        "IRANSansX",
         "IRANSans",
         "IRANSans",
         Tahoma,
         Tahoma,
خط ۲۴۳: خط ۲۵۱:
         sans-serif;
         sans-serif;


     font-size: 15px;
     font-size: 14px;
 
    border:
        1px solid var(--wd-border);


    border: 1px solid var(--law-border);
     border-radius: 8px;
     border-radius: var(--law-radius-small);


     padding: 8px 14px;
    background: #ffffff;
 
    color: var(--wd-text);
 
     padding: 8px 12px;


     transition:
     transition:
         border-color 0.2s ease,
         border-color .2s ease,
         box-shadow 0.2s ease;
         box-shadow .2s ease;
}
}


#searchInput:focus {
#searchInput:focus {
     border-color: var(--law-primary);
     border-color: var(--wd-primary);


     box-shadow:
     box-shadow:
         0 0 0 3px rgba(22, 132, 119, 0.12);
         0 0 0 3px rgba(22,132,119,.12);


     outline: none;
     outline: none;
خط ۲۶۵: خط ۲۷۹:




/* =========================================================
/* ---------------------------------------------------------
   07. PAGE TITLE — عنوان صفحات
   12. SEARCH BUTTON
   ========================================================= */
   --------------------------------------------------------- */


#firstHeading {
#searchButton {
     color: var(--law-primary-dark);
     border-radius: 8px;
 
    font-weight: 800;


     line-height: 1.6;
     border-color: var(--wd-primary);


     margin-bottom: 24px;
     color: var(--wd-primary);
}
}




/* =========================================================
/* ---------------------------------------------------------
   08. LAW PAGE — صفحه ماده قانونی
   13. TOP NAVIGATION
   ========================================================= */
   --------------------------------------------------------- */
 
.law-page {
    direction: rtl;
    text-align: right;


#mw-panel {
     font-family:
     font-family:
         "Vazirmatn",
         "Vazirmatn",
        "IRANSansX",
         "IRANSans",
         "IRANSans",
         Tahoma,
         Tahoma,
         Arial,
         Arial,
         sans-serif;
         sans-serif;
    line-height: 2;
    color: var(--law-text);
}
}




/* عنوان قانون */
/* Sidebar headings */


.law-page .law-title {
#mw-panel .portal h3 {
     margin-bottom: 24px;
     color: var(--wd-primary-dark);
}


    font-size: 14px;


/* =========================================================
  09. ARTICLE BOX — جعبه ماده
  ========================================================= */
.law-article-box {
    position: relative;
    background:
        linear-gradient(
            135deg,
            #f7fcfb 0%,
            #edf8f5 100%
        );
    border: 1px solid #d5e9e5;
    border-right: 6px solid var(--law-primary);
    border-radius: var(--law-radius);
    padding: 24px 28px;
    margin: 24px 0;
    box-shadow: var(--law-shadow);
    transition:
        box-shadow 0.2s ease,
        transform 0.2s ease;
}
.law-article-box:hover {
    box-shadow: var(--law-shadow-hover);
}
/* شماره ماده */
.law-article-number {
    display: inline-block;
    color: var(--law-primary-dark);
    font-size: 18px;
     font-weight: 800;
     font-weight: 800;
    margin-bottom: 10px;
}
}




/* متن ماده */
/* Sidebar links */


.law-article-text {
#mw-panel .portal a {
    color: #173b38;
     color: var(--wd-text-soft);
 
    font-size: 17px;
 
    line-height: 2.25;
 
    text-align: justify;
}
 
 
/* =========================================================
  10. RELATED LAWS — مواد مرتبط
  ========================================================= */
 
.related-laws-box {
    background: var(--law-gold-light);
 
    border: 1px solid #eee5ce;
    border-right: 5px solid var(--law-gold);
 
    border-radius: var(--law-radius);
 
    padding: 20px 24px;
 
    margin: 28px 0;
}
 
.related-laws-box .box-title {
    color: #80641f;
 
    font-weight: 800;
 
    margin-bottom: 12px;
}
 
.related-laws-box ul {
    margin: 0;
    padding-right: 20px;
}
 
.related-laws-box li {
    margin-bottom: 7px;
}
 
.related-laws-box a {
     color: var(--law-link);
    font-weight: 600;
}
 
 
/* توضیح کنار لینک */
 
.related-laws-description {
    color: var(--law-text-soft);


     font-size: 14px;
     font-size: 14px;
}
}


#mw-panel .portal a:hover {
    color: var(--wd-primary);


/* =========================================================
     text-decoration: none;
  11. EXPLANATION — شرح ماده
  ========================================================= */
 
.explanation-box {
    background: #ffffff;
 
    border: 1px solid var(--law-border);
     border-right: 5px solid var(--law-primary);
 
    border-radius: var(--law-radius);
 
    padding: 24px 28px;
 
    margin: 28px 0;
 
    box-shadow: var(--law-shadow);
}
}


.explanation-box .box-title {
    color: var(--law-primary-dark);


    font-size: 20px;
/* ---------------------------------------------------------
    font-weight: 800;
  14. PORTLET MENUS
  --------------------------------------------------------- */


    margin-bottom: 18px;
.vector-menu-portal {
}
     font-family:
 
        "Vazirmatn",
.explanation-box p {
        "IRANSansX",
    margin-top: 0;
        "IRANSans",
    margin-bottom: 14px;
        Tahoma,
}
        Arial,
 
        sans-serif;
.explanation-box ul,
.explanation-box ol {
    padding-right: 24px;
}
 
 
/* =========================================================
  12. JUDGMENT — رأی قضایی
  ========================================================= */
 
.judgment-box {
    background: var(--law-blue-light);
 
    border: 1px solid #d9e6f1;
    border-right: 5px solid var(--law-blue);
 
    border-radius: var(--law-radius);
 
    padding: 20px 24px;
 
    margin: 24px 0;
 
    box-shadow: var(--law-shadow);
}
 
.judgment-box .box-title {
    color: #275d8b;
 
     font-weight: 800;
 
    margin-bottom: 12px;
}
 
.judgment-box .judgment-number {
    color: var(--law-blue);
 
    font-weight: 700;
}
 
 
/* =========================================================
  13. ADVISORY OPINION — نظریه مشورتی
  ========================================================= */
 
.advisory-box {
    background: #fbf6ed;
 
    border: 1px solid #eee1c9;
    border-right: 5px solid #a9783b;
 
    border-radius: var(--law-radius);
 
    padding: 20px 24px;
 
    margin: 24px 0;
 
    box-shadow: var(--law-shadow);
}
 
.advisory-box .box-title {
    color: #825b2c;
 
    font-weight: 800;
 
    margin-bottom: 12px;
}
 
 
/* =========================================================
  14. TERMS — تعریف اصطلاحات
  ========================================================= */
 
.term-box {
    background: var(--law-purple-light);
 
    border: 1px solid #e2d9eb;
    border-right: 5px solid var(--law-purple);
 
    border-radius: var(--law-radius);
 
    padding: 20px 24px;
 
    margin: 24px 0;
 
    box-shadow: var(--law-shadow);
}
 
.term-box .term-title {
    color: #684d88;
 
    font-weight: 800;
 
    font-size: 18px;
 
    margin-bottom: 8px;
}
}


.term-box .term-content {
    color: var(--law-text);
}


/* ---------------------------------------------------------
  15. CONTENT LINKS
  --------------------------------------------------------- */


/* =========================================================
.mw-body-content a {
  15. TEST BANK — بانک تست
     color: var(--wd-link);
  ========================================================= */
 
.test-bank {
    margin: 28px 0;
}
 
.test-card {
     background: #ffffff;
 
    border: 1px solid var(--law-border);
 
    border-right: 5px solid var(--law-primary);
 
    border-radius: var(--law-radius);
 
    padding: 20px 24px;
 
    margin: 18px 0;
 
    box-shadow: var(--law-shadow);


     transition:
     transition:
         box-shadow 0.2s ease,
         color .15s ease;
        transform 0.2s ease;
}
}


.test-card:hover {
.mw-body-content a:hover {
     box-shadow: var(--law-shadow-hover);
     color: var(--wd-primary-dark);
}


 
     text-decoration: underline;
/* تست مستند */
 
.test-official {
     border-right-color: var(--law-blue);
}
}


.test-official .test-label {
    color: var(--law-blue);
}


/* ---------------------------------------------------------
  16. PARAGRAPHS
  --------------------------------------------------------- */


/* سؤال تألیفی */
.mw-body-content p {
    margin-top: 0;


.test-authored {
     margin-bottom: 16px;
     border-right-color: var(--law-purple);
}
}


.test-authored .test-label {
    color: var(--law-purple);
}


/* ---------------------------------------------------------
  17. LISTS
  --------------------------------------------------------- */


/* دام تستی */
.mw-body-content ul,
.mw-body-content ol {
    padding-right: 28px;


.test-trap {
     padding-left: 0;
     border-right-color: var(--law-orange);
 
    background: var(--law-orange-light);
}
}


.test-trap .test-label {
.mw-body-content li {
    color: #a96512;
     margin-bottom: 7px;
}
 
 
/* برچسب تست */
 
.test-label {
    display: inline-block;
 
    font-size: 13px;
    font-weight: 800;
 
     margin-bottom: 8px;
}
}




/* متن سؤال */
/* ---------------------------------------------------------
  18. TABLE OF CONTENTS
  --------------------------------------------------------- */


.test-question {
#toc {
     font-size: 16px;
     background: var(--wd-bg-soft);


     font-weight: 600;
     border:
        1px solid var(--wd-border);


     line-height: 2;
     border-right:
        4px solid var(--wd-primary);


    margin-bottom: 14px;
     border-radius:
}
        var(--wd-radius);
 
 
/* گزینه‌ها */
 
.test-options {
    margin: 12px 0;
 
    padding-right: 20px;
}
 
.test-options li {
    margin-bottom: 6px;
}
 
 
/* پاسخ */
 
.test-answer {
    background: var(--law-green-light);
 
    border-right: 4px solid var(--law-green);
 
    border-radius: var(--law-radius-small);
 
    padding: 14px 18px;
 
    margin-top: 16px;
}
 
 
/* نکته آزمونی */
 
.exam-tip {
    background: #fff9e8;
 
    border-right: 4px solid #d0a928;
 
     border-radius: var(--law-radius-small);
 
    padding: 14px 18px;
 
    margin-top: 16px;
 
    color: #665315;
}
 
 
/* =========================================================
  16. COLLAPSIBLE SECTIONS — بخش‌های باز و بسته‌شونده
  ========================================================= */
 
.law-page details {
    background: #ffffff;
 
    border: 1px solid var(--law-border);
 
    border-radius: var(--law-radius);
 
    margin: 18px 0;
 
    box-shadow: 0 2px 10px rgba(20, 60, 55, 0.04);
}
 
.law-page details summary {
    cursor: pointer;


     padding: 15px 20px;
     padding: 15px 20px;


     color: var(--law-primary-dark);
     box-shadow:
 
        0 2px 10px rgba(20,60,55,.04);
    font-weight: 800;
 
    list-style: none;
}
}


.law-page details summary::-webkit-details-marker {
#toc .toctitle {
    display: none;
     color: var(--wd-primary-dark);
}
 
.law-page details summary::before {
     content: "‹";
 
    display: inline-block;
 
    margin-left: 10px;
 
    font-size: 20px;
 
    transition: transform 0.2s ease;
}
 
.law-page details[open] summary::before {
    transform: rotate(-90deg);
}
 
.law-page details > div {
    padding: 0 20px 20px;
}
 
 
/* =========================================================
  17. RELATED TOPICS — جستارهای وابسته
  ========================================================= */
 
.related-topics {
    background: var(--law-bg-soft);
 
    border: 1px solid var(--law-border);
 
    border-radius: var(--law-radius);


    padding: 20px 24px;
    margin: 28px 0;
}
.related-topics-title {
     font-weight: 800;
     font-weight: 800;
    color: var(--law-text);
    margin-bottom: 10px;
}
}




/* =========================================================
/* ---------------------------------------------------------
   18. LAW NAVIGATION — ماده قبل و بعد
   19. CATEGORIES
   ========================================================= */
   --------------------------------------------------------- */
 
.law-navigation {
    display: flex;


    justify-content: space-between;
.catlinks {
    align-items: center;
     background: var(--wd-bg-soft);
 
    gap: 16px;
 
    background: var(--law-primary-light);
 
    border: 1px solid #d4ebe7;
 
    border-radius: var(--law-radius);
 
    padding: 14px 18px;
 
    margin: 32px 0;
}
 
.law-navigation a {
    color: var(--law-primary-dark);
 
    font-weight: 700;
}
 
.law-navigation .current-article {
    color: var(--law-text-soft);
 
    font-size: 14px;
 
    text-align: center;
}
 
 
/* =========================================================
  19. LAW STATUS — وضعیت ماده
  ========================================================= */
 
.law-status {
    display: inline-flex;
 
    align-items: center;
 
    gap: 6px;
 
    padding: 4px 10px;
 
    border-radius: 20px;
 
    font-size: 12px;
 
    font-weight: 700;
}
 
.law-status-valid {
     background: var(--law-green-light);
    color: #34743d;
}
 
.law-status-amended {
    background: #fff6e6;
    color: #946515;
}
 
.law-status-repealed {
    background: #f7eeee;
    color: #9a4848;
}
 
 
/* =========================================================
  20. LAW INDEX — فهرست مواد قانون
  ========================================================= */
 
.law-index {
    margin: 30px 0;
}
 
.law-index table {
    width: 100%;
 
    border-collapse: separate;
    border-spacing: 0;
 
    overflow: hidden;
 
    border: 1px solid var(--law-border);
 
    border-radius: var(--law-radius);
}
 
.law-index th {
    background: var(--law-primary);
 
    color: #ffffff;
 
    font-weight: 700;
 
    padding: 12px 16px;
 
    text-align: right;
}
 
.law-index td {
    padding: 12px 16px;
 
    border-bottom: 1px solid var(--law-border);
 
    background: #ffffff;
}
 
.law-index tr:last-child td {
    border-bottom: none;
}
 
.law-index tr:hover td {
    background: var(--law-bg-soft);
}
 
 
/* =========================================================
  21. GENERAL TABLES — جداول عمومی
  ========================================================= */
 
.mw-body table.wikitable {
    border: 1px solid var(--law-border);
 
    border-collapse: collapse;


     width: 100%;
     border:
        1px solid var(--wd-border);


     margin: 24px 0;
     border-radius:
 
        8px;
    font-size: 15px;
}
 
.mw-body table.wikitable th {
    background: var(--law-primary-light);
 
    color: var(--law-primary-dark);
 
    font-weight: 700;
 
    border: 1px solid var(--law-border);


     padding: 10px 14px;
     padding: 10px 14px;
}


.mw-body table.wikitable td {
    margin-top: 30px;
    border: 1px solid var(--law-border);


     padding: 10px 14px;
     font-size: 13px;
}
}


.mw-body table.wikitable tr:nth-child(even) td {
    background: #fbfcfc;
}


/* ---------------------------------------------------------
  20. FOOTER
  --------------------------------------------------------- */


/* =========================================================
#footer {
  22. BLOCKQUOTES — نقل قول
     font-family:
  ========================================================= */
        "Vazirmatn",
 
        "IRANSansX",
blockquote {
        "IRANSans",
     background: var(--law-bg-soft);
        Tahoma,
 
        Arial,
    border-right: 4px solid var(--law-primary);
        sans-serif;
 
    border-left: none;
 
    border-radius: var(--law-radius-small);
 
    margin: 24px 0;
 
    padding: 16px 20px;
 
    color: var(--law-text-soft);
}
 
 
/* =========================================================
  23. NOTICE / INFO BOXES
  ========================================================= */
 
.law-info-box {
    background: var(--law-blue-light);
 
    border-right: 5px solid var(--law-blue);


     border-radius: var(--law-radius);
     color: var(--wd-text-soft);


     padding: 18px 22px;
     border-top:
        1px solid var(--wd-border);


     margin: 22px 0;
     margin-top: 40px;
}
}


.law-warning-box {
#footer a {
    background: var(--law-orange-light);
     color: var(--wd-link);
 
    border-right: 5px solid var(--law-orange);
 
    border-radius: var(--law-radius);
 
    padding: 18px 22px;
 
    margin: 22px 0;
}
 
.law-success-box {
    background: var(--law-green-light);
 
    border-right: 5px solid var(--law-green);
 
    border-radius: var(--law-radius);
 
    padding: 18px 22px;
 
    margin: 22px 0;
}
 
 
/* =========================================================
  24. BREADCRUMBS / CATEGORIES
  ========================================================= */
 
.mw-indicators {
     direction: rtl;
}
 
.catlinks {
    background: var(--law-bg-soft);
 
    border: 1px solid var(--law-border);
 
    border-radius: var(--law-radius-small);
 
    padding: 10px 14px;
 
    margin-top: 28px;
 
    font-size: 13px;
}
}




/* =========================================================
/* ---------------------------------------------------------
   25. FOOTER
   21. EDIT / TOOL LINKS
   ========================================================= */
   --------------------------------------------------------- */


.mw-footer {
#p-cactions a,
#p-views a,
#p-cactions li,
#p-views li {
     font-family:
     font-family:
         "Vazirmatn",
         "Vazirmatn",
        "IRANSansX",
         "IRANSans",
         "IRANSans",
         Tahoma,
         Tahoma,
         Arial,
         Arial,
         sans-serif;
         sans-serif;
    color: var(--law-text-soft);
}
}


.mw-footer a {
    color: var(--law-link);
}


 
/* ---------------------------------------------------------
/* =========================================================
   22. EDIT SECTION
   26. EDITOR / EDIT MODE
   --------------------------------------------------------- */
   ========================================================= */


.mw-editsection {
.mw-editsection {
     font-size: 12px;
     font-size: 12px;


     margin-right: 8px;
     font-weight: normal;
}
}


.mw-editsection a {
.mw-editsection a {
     color: var(--law-link);
     color: var(--wd-link);
}
}




/* =========================================================
/* ---------------------------------------------------------
   27. CODE / TECHNICAL CONTENT
   23. BLOCKQUOTES
   ========================================================= */
   --------------------------------------------------------- */


code,
blockquote {
pre,
     background:
.mw-code {
        var(--wd-bg-soft);
     direction: ltr;


     text-align: left;
     border-right:
        4px solid var(--wd-primary);


     font-family:
     border-left:
         Consolas,
         none;
        "Courier New",
        monospace;
}


pre {
     border-radius:
     border: 1px solid var(--law-border);
        8px;


     border-radius: var(--law-radius-small);
     padding:
        14px 18px;


     background: #f6f8f8;
     color:
        var(--wd-text-soft);
}


    padding: 16px;


    overflow-x: auto;
/* ---------------------------------------------------------
}
  24. TABLES
  --------------------------------------------------------- */


.wikitable {
    border:
        1px solid var(--wd-border);


/* =========================================================
    border-collapse:
  28. LISTS — فهرست‌ها
        collapse;
  ========================================================= */


.mw-body ul,
     width: 100%;
.mw-body ol {
     padding-right: 28px;
    padding-left: 0;
}


.mw-body li {
    font-family:
    margin-bottom: 5px;
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;
}
}


.wikitable th {
    background:
        var(--wd-primary-soft);


/* =========================================================
    color:
  29. REFERENCES — منابع و پانویس
        var(--wd-primary-dark);
  ========================================================= */


.mw-references-wrap {
     border:
     background: var(--law-bg-soft);
        1px solid var(--wd-border);


     border: 1px solid var(--law-border);
     padding:
 
        10px 14px;
    border-radius: var(--law-radius);
}
 
    padding: 18px 22px;


     margin-top: 30px;
.wikitable td {
}
     border:
        1px solid var(--wd-border);


.references {
     padding:
     font-size: 14px;
        10px 14px;
    line-height: 1.9;
}
}




/* =========================================================
/* ---------------------------------------------------------
   30. MOBILE — موبایل
   25. MOBILE
   ========================================================= */
   --------------------------------------------------------- */


@media (max-width: 700px) {
@media (max-width: 700px) {
خط ۱٬۱۳۰: خط ۵۸۲:
     }
     }


    .mw-body h1,
     #firstHeading {
     #firstHeading {
         font-size: 24px;
         font-size: 24px;
     }
     }


     .mw-body h2 {
     .mw-body-content h2 {
         font-size: 21px;
         font-size: 20px;
     }
     }


     .mw-body h3 {
     .mw-body-content h3 {
         font-size: 18px;
         font-size: 18px;
     }
     }


     .law-article-box {
     #content {
        padding: 18px 18px;
         border-radius: 0;
 
         border-right-width: 4px;
    }
 
    .law-article-text {
        font-size: 16px;
 
        line-height: 2.15;
 
        text-align: right;
    }
 
    .related-laws-box,
    .explanation-box,
    .judgment-box,
    .advisory-box,
    .term-box,
    .test-card {
        padding: 17px 18px;
    }
 
    .law-navigation {
        flex-direction: column;
 
        align-items: stretch;
 
        text-align: center;
    }
 
    .law-navigation a {
        display: block;
 
        padding: 8px;
    }
 
    .law-index {
        overflow-x: auto;
    }
 
    .law-index table {
        min-width: 600px;
    }
 
    .mw-body table.wikitable {
        display: block;
 
        overflow-x: auto;
 
        white-space: nowrap;
    }
}
 
 
/* =========================================================
  31. PRINT — نسخه چاپ
  ========================================================= */
 
@media print {
 
    body {
        background: #ffffff !important;
 
        color: #000000 !important;
    }
 
    .law-article-box,
    .related-laws-box,
    .explanation-box,
    .judgment-box,
    .advisory-box,
    .term-box,
    .test-card {
        box-shadow: none !important;
    }
 
    .law-navigation {
        display: none;
    }


    a {
        border-left: none;
         color: #000000 !important;
         border-right: none;


         text-decoration: none !important;
         box-shadow: none;
     }
     }
    .mw-editsection {
        display: none;
    }
}
/* =========================================================
  32. ACCESSIBILITY — خوانایی و دسترسی
  ========================================================= */
a:focus,
button:focus,
input:focus,
summary:focus {
    outline: 2px solid var(--law-primary);
    outline-offset: 2px;
}
}




/* =========================================================
/* ---------------------------------------------------------
   33. UTILITY CLASSES — کلاس‌های کمکی
   26. TEST MARKER
   ========================================================= */
   --------------------------------------------------------- */


.law-center {
/*
    text-align: center;
   اگر این فایل درست بارگذاری شده باشد،
}
   رنگ عنوان صفحه باید سبز تیره شود.
 
*/
.law-muted {
    color: var(--law-text-soft);
}
 
.law-gold {
    color: var(--law-gold);
}
 
.law-primary {
    color: var(--law-primary);
}
 
.law-blue {
    color: var(--law-blue);
}
 
.law-purple {
    color: var(--law-purple);
}
 
.law-orange {
    color: var(--law-orange);
}
 
.law-bold {
    font-weight: 700;
}
 
.law-small {
    font-size: 13px;
}
 
.law-large {
    font-size: 18px;
}
 
 
/* =========================================================
   END — WIKIDAD DESIGN SYSTEM
   ========================================================= */

نسخهٔ ۱۰ سپتامبر ۲۰۲۶، ساعت ۰۹:۰۱

/* =========================================================
   WIKIDAD
   Stage A — Base Persian UI
   MediaWiki:Common.css
   ========================================================= */


/* ---------------------------------------------------------
   1. WIKIDAD VARIABLES
   --------------------------------------------------------- */

:root {
    --wd-primary: #168477;
    --wd-primary-dark: #11695f;
    --wd-primary-soft: #eaf6f4;

    --wd-gold: #c49a3a;

    --wd-text: #263238;
    --wd-text-soft: #68777b;

    --wd-bg: #ffffff;
    --wd-bg-soft: #f7f9f8;

    --wd-border: #dfe7e5;

    --wd-link: #176c88;

    --wd-radius: 10px;

    --wd-shadow:
        0 3px 14px rgba(20, 60, 55, 0.07);
}


/* ---------------------------------------------------------
   2. GLOBAL
   --------------------------------------------------------- */

html {
    direction: rtl;
}

body {
    direction: rtl;
    text-align: right;

    background: var(--wd-bg);

    color: var(--wd-text);

    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;

    font-size: 16px;

    line-height: 1.95;
}


/* ---------------------------------------------------------
   3. LINKS
   --------------------------------------------------------- */

a {
    color: var(--wd-link);
}

a:hover {
    color: var(--wd-primary-dark);
}


/* ---------------------------------------------------------
   4. PAGE BACKGROUND
   --------------------------------------------------------- */

#mw-page-base {
    background:
        linear-gradient(
            to bottom,
            #edf7f5 0,
            #ffffff 150px
        ) !important;
}


/* ---------------------------------------------------------
   5. MAIN PAGE CONTAINER
   --------------------------------------------------------- */

#content {
    background: #ffffff;

    border: 1px solid var(--wd-border);

    border-radius: var(--wd-radius);

    box-shadow: var(--wd-shadow);
}


/* ---------------------------------------------------------
   6. MAIN CONTENT
   --------------------------------------------------------- */

#bodyContent,
.mw-body-content {
    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;

    color: var(--wd-text);

    line-height: 2;
}


/* ---------------------------------------------------------
   7. PAGE TITLE
   --------------------------------------------------------- */

#firstHeading {
    color: var(--wd-primary-dark);

    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;

    font-size: 30px;

    font-weight: 800;

    line-height: 1.6;

    border-bottom: none;

    margin-bottom: 24px;
}


/* ---------------------------------------------------------
   8. HEADINGS
   --------------------------------------------------------- */

.mw-body-content h2 {
    color: var(--wd-primary-dark);

    font-size: 23px;

    font-weight: 800;

    border-bottom:
        2px solid var(--wd-primary-soft);

    padding-bottom: 8px;

    margin-top: 34px;
}

.mw-body-content h3 {
    color: var(--wd-primary);

    font-size: 20px;

    font-weight: 700;

    margin-top: 28px;
}

.mw-body-content h4 {
    color: var(--wd-text);

    font-size: 18px;
}


/* ---------------------------------------------------------
   9. HEADER
   --------------------------------------------------------- */

#mw-head {
    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;
}


/* Header background */

#mw-head {
    background: #ffffff;
}


/* ---------------------------------------------------------
   10. PERSONAL MENU
   --------------------------------------------------------- */

#p-personal {
    font-size: 13px;
}

#p-personal a {
    color: var(--wd-text-soft);
}

#p-personal a:hover {
    color: var(--wd-primary);
}


/* ---------------------------------------------------------
   11. SEARCH BOX
   --------------------------------------------------------- */

#p-search {
    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;
}

#searchInput {
    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;

    font-size: 14px;

    border:
        1px solid var(--wd-border);

    border-radius: 8px;

    background: #ffffff;

    color: var(--wd-text);

    padding: 8px 12px;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

#searchInput:focus {
    border-color: var(--wd-primary);

    box-shadow:
        0 0 0 3px rgba(22,132,119,.12);

    outline: none;
}


/* ---------------------------------------------------------
   12. SEARCH BUTTON
   --------------------------------------------------------- */

#searchButton {
    border-radius: 8px;

    border-color: var(--wd-primary);

    color: var(--wd-primary);
}


/* ---------------------------------------------------------
   13. TOP NAVIGATION
   --------------------------------------------------------- */

#mw-panel {
    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;
}


/* Sidebar headings */

#mw-panel .portal h3 {
    color: var(--wd-primary-dark);

    font-size: 14px;

    font-weight: 800;
}


/* Sidebar links */

#mw-panel .portal a {
    color: var(--wd-text-soft);

    font-size: 14px;
}

#mw-panel .portal a:hover {
    color: var(--wd-primary);

    text-decoration: none;
}


/* ---------------------------------------------------------
   14. PORTLET MENUS
   --------------------------------------------------------- */

.vector-menu-portal {
    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;
}


/* ---------------------------------------------------------
   15. CONTENT LINKS
   --------------------------------------------------------- */

.mw-body-content a {
    color: var(--wd-link);

    transition:
        color .15s ease;
}

.mw-body-content a:hover {
    color: var(--wd-primary-dark);

    text-decoration: underline;
}


/* ---------------------------------------------------------
   16. PARAGRAPHS
   --------------------------------------------------------- */

.mw-body-content p {
    margin-top: 0;

    margin-bottom: 16px;
}


/* ---------------------------------------------------------
   17. LISTS
   --------------------------------------------------------- */

.mw-body-content ul,
.mw-body-content ol {
    padding-right: 28px;

    padding-left: 0;
}

.mw-body-content li {
    margin-bottom: 7px;
}


/* ---------------------------------------------------------
   18. TABLE OF CONTENTS
   --------------------------------------------------------- */

#toc {
    background: var(--wd-bg-soft);

    border:
        1px solid var(--wd-border);

    border-right:
        4px solid var(--wd-primary);

    border-radius:
        var(--wd-radius);

    padding: 15px 20px;

    box-shadow:
        0 2px 10px rgba(20,60,55,.04);
}

#toc .toctitle {
    color: var(--wd-primary-dark);

    font-weight: 800;
}


/* ---------------------------------------------------------
   19. CATEGORIES
   --------------------------------------------------------- */

.catlinks {
    background: var(--wd-bg-soft);

    border:
        1px solid var(--wd-border);

    border-radius:
        8px;

    padding: 10px 14px;

    margin-top: 30px;

    font-size: 13px;
}


/* ---------------------------------------------------------
   20. FOOTER
   --------------------------------------------------------- */

#footer {
    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;

    color: var(--wd-text-soft);

    border-top:
        1px solid var(--wd-border);

    margin-top: 40px;
}

#footer a {
    color: var(--wd-link);
}


/* ---------------------------------------------------------
   21. EDIT / TOOL LINKS
   --------------------------------------------------------- */

#p-cactions a,
#p-views a,
#p-cactions li,
#p-views li {
    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;
}


/* ---------------------------------------------------------
   22. EDIT SECTION
   --------------------------------------------------------- */

.mw-editsection {
    font-size: 12px;

    font-weight: normal;
}

.mw-editsection a {
    color: var(--wd-link);
}


/* ---------------------------------------------------------
   23. BLOCKQUOTES
   --------------------------------------------------------- */

blockquote {
    background:
        var(--wd-bg-soft);

    border-right:
        4px solid var(--wd-primary);

    border-left:
        none;

    border-radius:
        8px;

    padding:
        14px 18px;

    color:
        var(--wd-text-soft);
}


/* ---------------------------------------------------------
   24. TABLES
   --------------------------------------------------------- */

.wikitable {
    border:
        1px solid var(--wd-border);

    border-collapse:
        collapse;

    width: 100%;

    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;
}

.wikitable th {
    background:
        var(--wd-primary-soft);

    color:
        var(--wd-primary-dark);

    border:
        1px solid var(--wd-border);

    padding:
        10px 14px;
}

.wikitable td {
    border:
        1px solid var(--wd-border);

    padding:
        10px 14px;
}


/* ---------------------------------------------------------
   25. MOBILE
   --------------------------------------------------------- */

@media (max-width: 700px) {

    body {
        font-size: 15px;
    }

    #firstHeading {
        font-size: 24px;
    }

    .mw-body-content h2 {
        font-size: 20px;
    }

    .mw-body-content h3 {
        font-size: 18px;
    }

    #content {
        border-radius: 0;

        border-left: none;
        border-right: none;

        box-shadow: none;
    }
}


/* ---------------------------------------------------------
   26. TEST MARKER
   --------------------------------------------------------- */

/*
   اگر این فایل درست بارگذاری شده باشد،
   رنگ عنوان صفحه باید سبز تیره شود.
*/
برگرفته از «https://wikidad.ir/index.php?title=مدیاویکی:Common.css&oldid=5»