پرش به محتوا

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

استایل فرم بازخورد سفارشی
(دارک‌مود کلاس‌محور (پیش‌فرض روشن) + رفع infobox/جستجو)
(استایل فرم بازخورد سفارشی)
 
(۲ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱٬۷۰۳: خط ۱٬۷۰۳:
.mw-parser-output .infobox { border: 1px solid #e2e8ef; border-radius: 14px; box-shadow: 0 12px 32px -20px rgba(20,40,70,.4); }
.mw-parser-output .infobox { border: 1px solid #e2e8ef; border-radius: 14px; box-shadow: 0 12px 32px -20px rgba(20,40,70,.4); }
.mw-parser-output .infobox img { border-radius: 8px; }
.mw-parser-output .infobox img { border-radius: 8px; }
html.wj-night, html.wj-night body, html.wj-night .mw-page-container, html.wj-night .mw-page-container-inner, html.wj-night .mw-content-container, html.wj-night .vector-body { background-color: #1b1f24 !important; }
.wj-chips a, .wj-chips a:visited { color:#fff; text-decoration:none; }
html.wj-night body, html.wj-night .mw-body, html.wj-night .mw-body-content, html.wj-night .mw-parser-output { color: #e4e7ea !important; }
.wj-chips a:hover { text-decoration:underline; }
html.wj-night .vector-header-container, html.wj-night .vector-header, html.wj-night .vector-main-menu, html.wj-night .vector-main-menu-container, html.wj-night .vector-pinnable-header, html.wj-night .vector-menu-content, html.wj-night .vector-dropdown-content, html.wj-night .vector-page-toolbar, html.wj-night .vector-page-titlebar, html.wj-night .vector-sticky-header { background-color: #20262d !important; color:#e4e7ea !important; }
/* ===== Wikijoo custom feedback form (2026-06-01) ===== */
html.wj-night .vector-main-menu a, html.wj-night .vector-menu a, html.wj-night .vector-dropdown a, html.wj-night .vector-toc a, html.wj-night .mw-portlet a, html.wj-night .vector-page-toolbar a { color:#cbd5e1 !important; }
.wj-fb{max-width:680px;margin:34px auto 10px;background:#fff;border:1px solid #e4ebf1;border-radius:16px;padding:20px 22px;box-shadow:0 10px 30px -20px rgba(20,40,70,.35);font-size:14px;}
html.wj-night .mw-parser-output a, html.wj-night .mw-body a, html.wj-night a { color:#6cb6ff !important; }
.wj-fb-title{font-weight:800;font-size:17px;color:#14181f;margin-bottom:4px;}
html.wj-night .mw-parser-output a.new, html.wj-night a.new { color:#ff8a8a !important; }
.wj-fb-q{color:#5b6675;margin-bottom:12px;}
html.wj-night .firstHeading, html.wj-night .mw-page-title-main, html.wj-night .mw-parser-output h1, html.wj-night .mw-parser-output h2, html.wj-night .mw-parser-output h3, html.wj-night .mw-parser-output h4, html.wj-night .mw-parser-output h5 { color:#f0f3f6 !important; }
.wj-fb-rate{display:flex;gap:10px;margin-bottom:12px;}
html.wj-night .mw-parser-output h1, html.wj-night .mw-parser-output h2, html.wj-night h1.firstHeading { border-bottom-color:#3a424d !important; }
.wj-fb-rate button{cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;padding:8px 24px;border-radius:999px;border:1.5px solid #d7dee6;background:#fff;color:#33404e;transition:.15s;}
html.wj-night .wikitable, html.wj-night .mw-parser-output .wikitable { background-color:#242a31 !important; color:#e4e7ea !important; border-color:#3a424d !important; }
.wj-fb-rate button:hover{border-color:#13a097;color:#13a097;}
html.wj-night .wikitable > * > tr > th { background-color:#2c333c !important; color:#f0f3f6 !important; }
.wj-fb-rate button.sel[data-r="1"]{background:#127c3a;border-color:#127c3a;color:#fff;}
html.wj-night .wikitable > * > tr > td, html.wj-night .wikitable > * > tr > th { border-color:#3a424d !important; }
.wj-fb-rate button.sel[data-r="0"]{background:#b3261e;border-color:#b3261e;color:#fff;}
html.wj-night .infobox, html.wj-night .mw-parser-output .infobox { background-color:#242a31 !important; color:#e4e7ea !important; border-color:#3a424d !important; }
.wj-fb textarea{width:100%;box-sizing:border-box;min-height:74px;border:1px solid #dde5ec;border-radius:12px;padding:10px 12px;font-family:inherit;font-size:14px;resize:vertical;}
html.wj-night .infobox th, html.wj-night .infobox td { border-color:#3a424d !important; }
.wj-fb textarea:focus{outline:none;border-color:#13a097;box-shadow:0 0 0 3px rgba(19,160,151,.15);}
html.wj-night .thumbinner, html.wj-night .thumb, html.wj-night figure, html.wj-night .mw-parser-output .thumbinner { background-color:#242a31 !important; border-color:#3a424d !important; }
.wj-fb-contact{margin-top:10px;}
html.wj-night .thumbcaption, html.wj-night figcaption { color:#aeb6c0 !important; }
.wj-fb-contact summary{cursor:pointer;color:#1077bd;font-weight:600;list-style:none;}
html.wj-night pre, html.wj-night code, html.wj-night .mw-code, html.wj-night tt, html.wj-night kbd { background-color:#11151a !important; color:#e4e7ea !important; border-color:#3a424d !important; }
.wj-fb-contact summary::-webkit-details-marker{display:none;}
html.wj-night .cdx-text-input__input, html.wj-night input.cdx-text-input__input, html.wj-night .vector-search-box-input { background-color:#2c333c !important; color:#e4e7ea !important; border-color:#3a424d !important; }
.wj-fb-contact summary:before{content:"\25C2 ";color:#13a097;}
html.wj-night .mw-footer, html.wj-night .vector-footer, html.wj-night #footer { background-color:#181c21 !important; color:#aeb6c0 !important; }
.wj-fb-contact[open] summary:before{content:"\25BE ";}
html.wj-night .mw-footer a, html.wj-night .vector-footer a { color:#9ec5ff !important; }
.wj-fb-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;}
html.wj-night .vector-toc, html.wj-night .toc, html.wj-night #toc, html.wj-night .vector-pinnable-element { background-color:#242a31 !important; border-color:#3a424d !important; }
.wj-fb-grid input{box-sizing:border-box;border:1px solid #dde5ec;border-radius:10px;padding:9px 12px;font-family:inherit;font-size:14px;}
html.wj-night hr { border-color:#3a424d !important; }
.wj-fb-grid input:focus{outline:none;border-color:#13a097;box-shadow:0 0 0 3px rgba(19,160,151,.15);}
html.wj-night .mw-editsection, html.wj-night .mw-editsection a { color:#9aa4af !important; }
.wj-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;opacity:0;}
html.wj-night .mw-logo { background:#f4f6f8 !important; border-radius:10px !important; padding:3px 8px !important; }
.wj-fb-actions{display:flex;align-items:center;gap:14px;margin-top:14px;flex-wrap:wrap;}
html.wj-night .wj-card { background:#242a31 !important; border-color:#3a424d !important; }
.wj-fb-submit{cursor:pointer;font-family:inherit;font-weight:700;font-size:15px;color:#fff;border:0;padding:10px 30px;border-radius:999px;background:linear-gradient(135deg,#1077bd,#13a097);transition:filter .15s,transform .15s;}
html.wj-night .wj-card h2 { color:#f0f3f6 !important; border-bottom-color:#333b45 !important; }
.wj-fb-submit:hover{filter:brightness(1.07);transform:translateY(-1px);}
html.wj-night .wj-card p { color:#cbd5e1 !important; }
.wj-fb-submit:disabled{opacity:.6;cursor:default;transform:none;}
html.wj-night .wj-steps li { background:#2c333c !important; border-color:#3a424d !important; }
.wj-fb-consent{color:#8a96a3;font-size:12px;}
html.wj-night .wj-topics span { background:#2c333c !important; border-color:#3a424d !important; }
.wj-fb-done{display:none;color:#127c3a;font-weight:700;padding:6px 0;font-size:15px;}
html.wj-night .wj-topics span a { color:#e4e7ea !important; }
.wj-fb.done .wj-fb-title,.wj-fb.done .wj-fb-q,.wj-fb.done .wj-fb-rate,.wj-fb.done textarea,.wj-fb.done .wj-fb-contact,.wj-fb.done .wj-fb-actions{display:none;}
html.wj-night .wj-feat-img img { border-color:#3a424d !important; }
.wj-fb.done .wj-fb-done{display:block;}
html.wj-night .infobox, html.wj-night .infobox > tbody > tr > th, html.wj-night .infobox > tbody > tr > td, html.wj-night .infobox tr, html.wj-night .infobox caption { background-color:#242a31 !important; color:#e4e7ea !important; border-color:#3a424d !important; }
@media(max-width:520px){.wj-fb-grid{grid-template-columns:1fr;}}
html.wj-night .cdx-search-input, html.wj-night .cdx-search-input__input-wrapper, html.wj-night .cdx-text-input__input, html.wj-night .cdx-text-input, html.wj-night input[type="search"], html.wj-night .vector-search-box input, html.wj-night #searchInput { background-color:#2c333c !important; color:#e4e7ea !important; border-color:#3a424d !important; }
html.wj-night .cdx-text-input__input::placeholder { color:#9aa4af !important; }
html.wj-night .cdx-button, html.wj-night .mw-ui-button, html.wj-night .oo-ui-buttonElement-button { background-color:#2c333c !important; color:#e4e7ea !important; border-color:#3a424d !important; }
html.wj-night .mw-parser-output .mbox-image, html.wj-night .ambox, html.wj-night .navbox, html.wj-night .navbox-title, html.wj-night .navbox-group, html.wj-night .navbox table { background-color:#242a31 !important; color:#e4e7ea !important; border-color:#3a424d !important; }
html.wj-night .mw-message-box, html.wj-night .cdx-message, html.wj-night .mw-parser-output .tmbox { background-color:#2c2a20 !important; color:#e8e2cf !important; }
.wj-theme-btn { background:transparent; border:0; cursor:pointer; font-size:20px; line-height:1; padding:6px 10px; margin:0 2px; border-radius:8px; }
.wj-theme-btn:hover { background:rgba(0,0,0,.07); }
html.wj-night .wj-theme-btn:hover { background:rgba(255,255,255,.12); }
۲٬۲۵۴

ویرایش