پرش به محتوا

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

استایل فرم بازخورد سفارشی
بدون خلاصۀ ویرایش
برچسب: برگردانده‌شده
(استایل فرم بازخورد سفارشی)
 
(۱۱ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱٬۶۵۴: خط ۱٬۶۵۴:
color: #14866d;
color: #14866d;
}
}
/* نوار مشکی سوگواری */
/* ===== Wikijoo modern main page (added 2026-05-30) ===== */
body::before {
.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;}
  content: "با اندوه فراوان درگذشت بنیان‌گذار دانشنامه، زنده‌یاد آقای سودآور را تسلیت عرض می‌کنیم";
.wj-hero h1{margin:0 0 8px;font-size:30px;font-weight:800;color:#fff;border:0;}
  display: block;
.wj-hero p{margin:0;font-size:17px;opacity:.95;}
  width: 100%;
.wj-chips{margin-top:18px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
  background: black;
.wj-chips span{background:rgba(255,255,255,.18);padding:7px 16px;border-radius:999px;font-size:14px;font-weight:600;}
  color: white;
.wj-grid{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:22px;}
  text-align: center;
.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;}
  padding: 5px;
.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;}
  font-size: 12px;
.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;}
  font-weight: bold;
.wj-card p{line-height:2;text-align:justify;color:#39434f;margin:0 0 14px;}
  position: fixed;
.wj-more{display:inline-block;background:linear-gradient(135deg,#1077bd,#13a097);border-radius:999px;font-weight:700;font-size:14px;}
  top: 0;
.wj-more a,.wj-more a:visited{display:inline-block;color:#fff;padding:9px 22px;}
  left: 0;
.wj-more a:hover{color:#fff;text-decoration:none;}
  z-index: 9999;
.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;}
.ribbon {
.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;}
  width: 150px;
.wj-topics{display:flex;gap:10px;flex-wrap:wrap;}
  height: 150px;
.wj-topics span{background:#f6f9fb;border:1px solid #e6edf3;border-radius:999px;font-weight:600;font-size:14px;}
  overflow: hidden;
.wj-topics span a,.wj-topics span a:visited{display:inline-block;padding:9px 18px;color:#14181f;}
  position: fixed;
.wj-topics span a:hover{color:#13a097;text-decoration:none;}
  top: 0;
@media(max-width:680px){.wj-fimg{float:none;display:block;margin:0 0 14px auto;width:100%;height:180px;}}
  right: 0;
 
  z-index: 9999;
/* ===== main page fixes 2026-05-30: unify title font + featured image layout ===== */
}
.wj-hero h1, .wj-card h2 { font-family: inherit !important; }
.ribbon::before {
.wj-feat{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;}
  content: " ";
.wj-feat-img{flex:0 0 auto;}
  position: absolute;
.wj-feat-img img{width:150px;height:auto;border-radius:14px;border:1px solid #e6edf3;display:block;}
  width: 200px;
.wj-feat-text{flex:1;min-width:220px;}
  height: 30px;
.wj-feat-text p{margin-top:0;}
  background: black;
@media(max-width:680px){.wj-feat-img{width:100%;}.wj-feat-img img{width:100%;height:auto;}}
  transform: rotate(45deg);
/* ===== Wikijoo: article readability & modern blocks (2026-05-31) ===== */
  top: 30px;
.mw-parser-output { font-size: 16px; line-height: 2; }
  right: -50px;
.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;}}
۲٬۲۵۴

ویرایش