پرش به محتوا

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

استایل فرم بازخورد سفارشی
(ویرایش Erfan (بحث) به آخرین تغییری که DaneshGostar انجام داده بود واگردانده شد)
 
(استایل فرم بازخورد سفارشی)
 
(۱۵ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱٬۶۵۴: خط ۱٬۶۵۴:
color: #14866d;
color: #14866d;
}
}
/* ===== Wikijoo modern main page (added 2026-05-30) ===== */
.wj-hero{background:linear-gradient(135deg,#1077bd,#13a097);color:#fff;border-radius:22px;padding:34px 30px;text-align:center;box-shadow:0 18px 40px -20px rgba(16,119,189,.5);margin-bottom:22px;}
.wj-hero h1{margin:0 0 8px;font-size:30px;font-weight:800;color:#fff;border:0;}
.wj-hero p{margin:0;font-size:17px;opacity:.95;}
.wj-chips{margin-top:18px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.wj-chips span{background:rgba(255,255,255,.18);padding:7px 16px;border-radius:999px;font-size:14px;font-weight:600;}
.wj-grid{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:22px;}
.wj-card{background:#fff;border:1px solid #e6edf3;border-radius:18px;padding:22px 24px;box-shadow:0 10px 30px -18px rgba(20,40,70,.25);flex:1;min-width:300px;}
.wj-card h2{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:20px;font-weight:800;color:#14181f;border:0;padding-bottom:12px;border-bottom:2px solid #eef3f7;}
.wj-ic{width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;background:linear-gradient(135deg,#1077bd,#13a097);color:#fff;flex:0 0 auto;}
.wj-card p{line-height:2;text-align:justify;color:#39434f;margin:0 0 14px;}
.wj-more{display:inline-block;background:linear-gradient(135deg,#1077bd,#13a097);border-radius:999px;font-weight:700;font-size:14px;}
.wj-more a,.wj-more a:visited{display:inline-block;color:#fff;padding:9px 22px;}
.wj-more a:hover{color:#fff;text-decoration:none;}
.wj-fimg{float:left;width:150px;height:150px;border-radius:14px;margin:0 0 10px 16px;background:#eef3f7 url(/resources/assets/logov24.png) center/70% no-repeat;border:1px solid #e6edf3;}
.wj-steps{list-style:none;margin:0;padding:0;}
.wj-steps li{background:#f6f9fb;border:1px solid #e6edf3;border-radius:12px;padding:12px 16px;margin-bottom:10px;line-height:1.9;}
.wj-steps li .n{display:inline-flex;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#1077bd,#13a097);color:#fff;align-items:center;justify-content:center;font-weight:800;font-size:13px;margin-left:8px;}
.wj-topics{display:flex;gap:10px;flex-wrap:wrap;}
.wj-topics span{background:#f6f9fb;border:1px solid #e6edf3;border-radius:999px;font-weight:600;font-size:14px;}
.wj-topics span a,.wj-topics span a:visited{display:inline-block;padding:9px 18px;color:#14181f;}
.wj-topics span a:hover{color:#13a097;text-decoration:none;}
@media(max-width:680px){.wj-fimg{float:none;display:block;margin:0 0 14px auto;width:100%;height:180px;}}
/* ===== main page fixes 2026-05-30: unify title font + featured image layout ===== */
.wj-hero h1, .wj-card h2 { font-family: inherit !important; }
.wj-feat{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;}
.wj-feat-img{flex:0 0 auto;}
.wj-feat-img img{width:150px;height:auto;border-radius:14px;border:1px solid #e6edf3;display:block;}
.wj-feat-text{flex:1;min-width:220px;}
.wj-feat-text p{margin-top:0;}
@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;}}
۲٬۲۵۴

ویرایش