پرش به محتوا

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

استایل فرم بازخورد سفارشی
(اصلاح فونت تایتل و چیدمان عکس مقالهٔ برگزیده)
(استایل فرم بازخورد سفارشی)
 
(۵ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱٬۶۸۶: خط ۱٬۶۸۶:
.wj-feat-text p{margin-top:0;}
.wj-feat-text p{margin-top:0;}
@media(max-width:680px){.wj-feat-img{width:100%;}.wj-feat-img img{width:100%;height:auto;}}
@media(max-width:680px){.wj-feat-img{width:100%;}.wj-feat-img img{width:100%;height:auto;}}
/* ===== Wikijoo: article readability & modern blocks (2026-05-31) ===== */
.mw-parser-output { font-size: 16px; line-height: 2; }
.mw-parser-output p { margin: .7em 0 1.05em; text-align: justify; }
.mw-parser-output li { margin-bottom: .35em; line-height: 1.95; }
.mw-parser-output dd { line-height: 1.9; }
.mw-parser-output h2 { line-height: 1.6; margin-top: 1.3em; padding-bottom: .3em; }
.mw-parser-output h3, .mw-parser-output h4 { line-height: 1.55; margin-top: 1.1em; }
.mw-parser-output blockquote { border-inline-start: 4px solid #13a097; background: #f5fbfa; margin: 1.1em 0; padding: .7em 1.2em; border-radius: 10px; }
.mw-parser-output .thumb img, .mw-parser-output figure img, .mw-parser-output img.mw-file-element { border-radius: 8px; }
.mw-parser-output .thumbinner, .mw-parser-output figure.mw-default-size { border-radius: 12px; }
/* wikitables */
.mw-parser-output .wikitable { border: 1px solid #e0e6ec; box-shadow: 0 8px 22px -16px rgba(20,40,70,.35); }
.mw-parser-output .wikitable > * > tr > th { background: #eef3f7; }
.mw-parser-output .wikitable > * > tr > th, .mw-parser-output .wikitable > * > tr > td { padding: 8px 12px; }
/* infobox: gentle modern card (additive, low-risk) */
.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; }
.wj-chips a, .wj-chips a:visited { color:#fff; text-decoration:none; }
.wj-chips a:hover { text-decoration:underline; }
/* ===== Wikijoo custom feedback form (2026-06-01) ===== */
.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;}
.wj-fb-title{font-weight:800;font-size:17px;color:#14181f;margin-bottom:4px;}
.wj-fb-q{color:#5b6675;margin-bottom:12px;}
.wj-fb-rate{display:flex;gap:10px;margin-bottom:12px;}
.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;}
.wj-fb-rate button:hover{border-color:#13a097;color:#13a097;}
.wj-fb-rate button.sel[data-r="1"]{background:#127c3a;border-color:#127c3a;color:#fff;}
.wj-fb-rate button.sel[data-r="0"]{background:#b3261e;border-color:#b3261e;color:#fff;}
.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;}
.wj-fb textarea:focus{outline:none;border-color:#13a097;box-shadow:0 0 0 3px rgba(19,160,151,.15);}
.wj-fb-contact{margin-top:10px;}
.wj-fb-contact summary{cursor:pointer;color:#1077bd;font-weight:600;list-style:none;}
.wj-fb-contact summary::-webkit-details-marker{display:none;}
.wj-fb-contact summary:before{content:"\25C2 ";color:#13a097;}
.wj-fb-contact[open] summary:before{content:"\25BE ";}
.wj-fb-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;}
.wj-fb-grid input{box-sizing:border-box;border:1px solid #dde5ec;border-radius:10px;padding:9px 12px;font-family:inherit;font-size:14px;}
.wj-fb-grid input:focus{outline:none;border-color:#13a097;box-shadow:0 0 0 3px rgba(19,160,151,.15);}
.wj-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;opacity:0;}
.wj-fb-actions{display:flex;align-items:center;gap:14px;margin-top:14px;flex-wrap:wrap;}
.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;}
.wj-fb-submit:hover{filter:brightness(1.07);transform:translateY(-1px);}
.wj-fb-submit:disabled{opacity:.6;cursor:default;transform:none;}
.wj-fb-consent{color:#8a96a3;font-size:12px;}
.wj-fb-done{display:none;color:#127c3a;font-weight:700;padding:6px 0;font-size:15px;}
.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;}
.wj-fb.done .wj-fb-done{display:block;}
@media(max-width:520px){.wj-fb-grid{grid-template-columns:1fr;}}
۲٬۲۵۴

ویرایش