/* ========================================================================= modern-skin.css — لایه‌ی ظاهری مدرن (بدون تغییر در کد برنامه) این فایل باید آخرین CSS در هر صفحه لود شود تا روی تم قدیمی بنشیند. هیچ ID یا کنترل سمت سرور تغییر نمی‌کند؛ فقط ظاهر بازطراحی می‌شود. طراحی: مینیمال، الهام‌گرفته از Apple، راست‌چین، فونت IRANSans. ========================================================================= */ /* ---------- فونت IRANSans نسخه‌ی FaNum (اعداد را فارسی نمایش می‌دهد) ---------- از همین فونت استفاده می‌شود تا در کل برنامه همه‌ی اعداد خودکار فارسی شوند. */ @font-face { font-family: 'IRANSansModern'; src: url('../fonts/iransans-fanum/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'IRANSansModern'; src: url('../fonts/iransans-fanum/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'IRANSansModern'; src: url('../fonts/iransans-fanum/woff/IRANSansWeb(FaNum).woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'IRANSansModern'; src: url('../fonts/iransans-fanum/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'IRANSansModern'; src: url('../fonts/iransans-fanum/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } /* ---------- توکن‌های طراحی ---------- */ :root { --ms-bg: #eef1f4; /* بوم اصلی */ --ms-surface: #ffffff; /* کارت‌ها */ --ms-surface-2: #f6f7f9; /* سطح فرعی/هدر جدول */ --ms-ink: #1d1d1f; /* متن اصلی */ --ms-ink-2: #6e6e73; /* متن فرعی */ --ms-line: #e3e5e9; /* خطوط و بوردر */ --ms-line-2: #d2d2d7; /* بوردر ورودی‌ها */ --ms-primary: #274690; /* سورمه‌ای براق (navy) */ --ms-primary-d: #1b3068; --ms-indigo: #5b53c6; /* بنفش (جایگزین bg-purple) */ --ms-indigo-d: #4a43b0; --ms-green: #0e9f6e; /* زمردِ عمیق (نه سبزِ روشن) */ --ms-green-d: #077e57; --ms-red: #e02d3c; /* قرمزِ پالوده */ --ms-red-d: #bf1f2e; --ms-amber: #e8890c; --ms-side: #2d569e; /* سایدبار — آبیِ بالا */ --ms-side-2: #17315f; /* سایدبار — سرمه‌ایِ پایین */ --ms-radius: 14px; --ms-radius-sm: 10px; --ms-shadow: 0 1px 2px rgba(16,24,40,.05), 0 4px 16px rgba(16,24,40,.06); --ms-shadow-sm: 0 1px 2px rgba(16,24,40,.06); --ms-side-w: 250px; --ms-font: 'IRANSansModern','IRANSans','Vazirmatn',Tahoma,'Segoe UI',sans-serif; } /* ---------- پایه ---------- */ html { -webkit-text-size-adjust: 100%; } body, body.LTR, html body { font-family: var(--ms-font) !important; background: var(--ms-bg) !important; color: var(--ms-ink); line-height: 1.9; letter-spacing: 0; direction: rtl; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } * { font-family: var(--ms-font); } h1,h2,h3,h4,h5,h6 { font-family: var(--ms-font); color: var(--ms-ink); font-weight: 700; } a { color: var(--ms-primary); } a:hover { color: var(--ms-primary-d); } ::selection { background: rgba(0,113,227,.15); } /* اسکرول‌بار نرم */ * { scrollbar-width: thin; scrollbar-color: #c9ccd2 transparent; } *::-webkit-scrollbar { width: 10px; height: 10px; } *::-webkit-scrollbar-thumb { background: #c9ccd2; border-radius: 20px; border: 2px solid transparent; background-clip: content-box; } *::-webkit-scrollbar-thumb:hover { background: #a7abb3; background-clip: content-box; } /* ========================================================================= پنل داشبورد سمت راست (از navbar بالای صفحه ساخته می‌شود) ========================================================================= */ .navbar.navbar-inverse, .navbar.navbar-default { position: fixed !important; top: 0; right: 0; bottom: 0; width: var(--ms-side-w); min-height: 100vh; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: linear-gradient(180deg, var(--ms-side) 0%, var(--ms-side-2) 100%) !important; box-shadow: -6px 0 24px rgba(16,24,40,.10); z-index: 1040; overflow-y: auto; overflow-x: hidden; } /* عنوان برند بالای سایدبار (بدون نیاز به تغییر مارک‌آپ) */ .navbar.navbar-inverse::before, .navbar.navbar-default::before { content: "سامانه طراحی آزمون"; display: block; padding: 26px 22px 18px; font-size: 17px; font-weight: 700; color: #fff; letter-spacing: .2px; border-bottom: 1px solid rgba(255,255,255,.08); margin-bottom: 10px; } .navbar.navbar-inverse .container-fluid, .navbar.navbar-default .container-fluid, .navbar.navbar-inverse .container, .navbar.navbar-default .container { width: 100% !important; padding: 0 14px 18px !important; margin: 0 !important; display: flex; flex-direction: column; min-height: calc(100vh - 84px); } .navbar .navbar-form { display: flex !important; flex-direction: column; align-items: stretch; gap: 6px; width: 100%; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; flex: 1 1 auto; } /* آیکن کاربر → آواتار دایره‌ای */ .navbar .navbar-form > i.icon-user-following, .navbar .navbar-form > i[class*="icon-user"] { display: block; width: 54px; height: 54px; margin: 4px auto 6px; border-radius: 50%; background: rgba(255,255,255,.10); color: #fff !important; font-size: 24px !important; line-height: 54px !important; text-align: center; padding: 0 !important; } /* پیام خوش‌آمد */ .navbar .badge-warning, .navbar .navbar-form > .badge { display: block; background: transparent !important; color: rgba(255,255,255,.72) !important; font-size: 12.5px !important; font-weight: 400 !important; text-align: center; line-height: 1.8; padding: 0 6px 14px !important; margin: 0 0 8px !important; border-bottom: 1px solid rgba(255,255,255,.08); white-space: normal; box-shadow: none !important; } /* دکمه‌های ناوبری → آیتم‌های منوی عمودی */ .navbar .navbar-form > a.btn, .navbar .navbar-form .btn { display: flex !important; align-items: center; gap: 10px; width: 100%; text-align: right; justify-content: flex-start; background: transparent !important; color: rgba(255,255,255,.82) !important; border: 0 !important; border-radius: 10px !important; padding: 11px 14px !important; margin: 0 !important; font-size: 14px !important; font-weight: 500 !important; box-shadow: none !important; transition: background .18s ease, color .18s ease; float: none !important; } .navbar .navbar-form > a.btn i, .navbar .navbar-form .btn i { font-size: 17px; opacity: .9; } .navbar .navbar-form > a.btn:hover, .navbar .navbar-form .btn:hover { background: rgba(255,255,255,.10) !important; color: #fff !important; } /* دکمه‌ی خروج → پایین سایدبار */ .navbar .navbar-form > a.btn-danger, .navbar .navbar-form .btn-danger.pull-left { margin-top: auto !important; float: none !important; color: #ff8a80 !important; } .navbar .navbar-form > a.btn-danger:hover, .navbar .navbar-form .btn-danger.pull-left:hover { background: rgba(255,59,48,.16) !important; color: #ff5b50 !important; } /* عناصر داخلی navbar که ممکن است باقی بمانند */ .navbar .navbar-form br { display: none; } /* ========================================================================= ناحیه‌ی محتوا ========================================================================= */ /* حالت پیش‌فرض (صفحاتی که سایدبار ندارند: Login و ...): وسط‌چین */ .container { width: auto !important; max-width: 1180px; margin-right: auto !important; margin-left: auto !important; padding-top: 22px; padding-bottom: 40px; } /* نسخه‌ی مبتنی بر کلاس (توسط panel-ui.js) — مستقل از :has() و سازگار با همه مرورگرها */ body.ms-navside > form { display: block; box-sizing: border-box; padding-right: calc(var(--ms-side-w) + 26px) !important; padding-left: 26px !important; } body.ms-navside > form > .container, body.ms-navside .container:not(.navbar .container):not(.navbar-form .container) { max-width: 1200px !important; margin-right: auto !important; margin-left: auto !important; width: auto !important; padding-top: 26px; } /* صفحاتی که سایدبار دارند: فضای سایدبار رزرو و محتوا وسط‌چین می‌شود (مثل صفحات مدیریت) */ body:has(> form > .navbar-inverse) > form, body:has(> form > .navbar-default) > form { display: block; box-sizing: border-box; padding-right: calc(var(--ms-side-w) + 26px) !important; padding-left: 26px !important; } body:has(> form > .navbar-inverse) > form > .container, body:has(> form > .navbar-default) > form > .container, body:has(> form > .navbar-inverse) .container:not(.navbar .container):not(.navbar-form .container), body:has(> form > .navbar-default) .container:not(.navbar .container):not(.navbar-form .container) { max-width: 1200px !important; margin-right: auto !important; margin-left: auto !important; padding-top: 26px; } /* کانتینرِ داخل خود سایدبار نباید مارجین بگیرد */ .navbar .container, .navbar .container-fluid { margin: 0 !important; max-width: none !important; } /* ========================================================================= هدر بالای صفحه برای صفحات editor / SuperAdmin (ساختار header-minimal) این صفحات سایدبار ندارند؛ نوار بالای‌شان مدرن می‌شود. ========================================================================= */ .header.header-minimal, .header.header-minimal.primary, .page-wrapper > .header { background: linear-gradient(180deg, var(--ms-side) 0%, var(--ms-side-2) 100%) !important; box-shadow: var(--ms-shadow-sm); border: 0 !important; margin-bottom: 22px; } .header.header-minimal .header-title a, .header.header-minimal .header-title span { color: #fff !important; font-weight: 700; font-size: 16px; text-decoration: none; } .header.header-minimal .nav-pills > li > a, .header.header-minimal .btn { color: rgba(255,255,255,.85) !important; background: rgba(255,255,255,.08) !important; border-radius: 10px !important; } .header.header-minimal .btn.pull-left { float: left; } .header.header-minimal .btn:hover { background: rgba(255,255,255,.16) !important; color:#fff !important; } .header.header-minimal .navbar-toggle { border: 0; } .header.header-minimal .navbar-toggle .icon-bar { background: #fff; } /* محتوای این صفحات وسط‌چین با عرض مناسب */ .page-wrapper .main > .container { max-width: 1120px; margin: 0 auto !important; padding: 6px 16px 40px !important; } /* ========================================================================= کارت‌ها (portlet) ========================================================================= */ .portlet, .portlet.box { background: var(--ms-surface) !important; border: 1px solid var(--ms-line) !important; border-radius: var(--ms-radius) !important; box-shadow: var(--ms-shadow) !important; overflow: hidden; margin-bottom: 22px; } /* رنگ‌های تم روی کارت را خنثی می‌کنیم */ .portlet.bg-blue, .portlet.bg-purple, .portlet.bg-darkblue, .portlet.bg-green, .portlet.bg-orange, .portlet.bg-red { background: var(--ms-surface) !important; } .portlet .portlet-heading, .portlet.box .portlet-heading { background: var(--ms-surface) !important; color: var(--ms-ink) !important; border-bottom: 1px solid var(--ms-line); border-radius: 0 !important; padding: 16px 20px !important; min-height: 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .portlet .portlet-heading * { color: var(--ms-ink) !important; } .portlet .portlet-title { padding: 0 !important; float: none !important; } .portlet .portlet-title h3.title, .portlet .portlet-title .title { font-size: 16px !important; font-weight: 700 !important; color: var(--ms-ink) !important; margin: 0 !important; display: flex; align-items: center; gap: 9px; line-height: 1.6; } .portlet .portlet-title h3.title i, .portlet .portlet-title .title i { color: var(--ms-primary) !important; font-size: 18px; } .portlet .portlet-body, .portlet.box .portlet-body { background: var(--ms-surface) !important; padding: 20px !important; border-radius: 0 0 var(--ms-radius) var(--ms-radius); } /* ========================================================================= تب‌ها → استپر/سگمنت مدرن (گام اول/دوم/سوم) ========================================================================= */ .nav-tabs { border: 0 !important; background: var(--ms-surface-2); padding: 6px !important; border-radius: 12px !important; display: flex; flex-wrap: wrap; gap: 6px; } .nav-tabs > li { float: none !important; margin: 0 !important; flex: 1 1 auto; } .nav-tabs > li > a { border: 0 !important; border-radius: 9px !important; margin: 0 !important; padding: 10px 14px !important; text-align: center; color: var(--ms-ink-2) !important; background: transparent !important; font-weight: 500; font-size: 13.5px; transition: all .18s ease; line-height: 1.7; } .nav-tabs > li > a:hover { color: var(--ms-ink) !important; background: rgba(0,0,0,.03) !important; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background: var(--ms-surface) !important; color: var(--ms-primary) !important; border: 0 !important; box-shadow: var(--ms-shadow-sm); font-weight: 700; } .tab-content { margin-top: 4px; } .tab-content > .tab-pane { padding-top: 18px; } /* ========================================================================= دکمه‌ها ========================================================================= */ .btn { border-radius: var(--ms-radius-sm) !important; border: 1px solid rgba(39,70,144,.14) !important; background: rgba(39,70,144,.09) !important; /* خنثیِ تُنال (هم‌خانواده با سورمه‌ای، نه خاکستری) */ color: var(--ms-primary) !important; font-family: var(--ms-font) !important; font-weight: 600 !important; font-size: 14px !important; padding: 9px 18px !important; line-height: 1.7 !important; letter-spacing: .1px; transition: transform .14s ease, box-shadow .2s ease, background .2s ease, filter .2s ease; box-shadow: none; outline: none; } .btn:hover { background: rgba(39,70,144,.16) !important; color: var(--ms-primary-d) !important; transform: translateY(-1px); } .btn:active { transform: translateY(0); } .btn:focus, .btn:active:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(39,70,144,.28) !important; } .btn i { margin-left: 6px; } .btn-round { border-radius: 999px !important; } .btn-sm { padding: 6px 13px !important; font-size: 12.5px !important; } .btn-block { display: block; width: 100%; } /* دکمه‌های بی‌رنگ از استایلِ خنثیِ تُنالِ پایه استفاده می‌کنند؛ دکمه‌های رنگی و «حذف» رنگ خودشان را نشان می‌دهند. */ /* اصلی — آبیِ روشن‌ترِ براق (navy/blue) */ .btn-primary, .btn.bg-purple, .btn-blue, .btn.bg-blue, .btn.bg-darkblue { background: linear-gradient(180deg, #4f88db 0%, #3a6cc4 50%, #2d59ab 100%) !important; color: #fff !important; border-color: transparent !important; box-shadow: 0 2px 9px rgba(45,90,175,.38), inset 0 1px 0 rgba(255,255,255,.34) !important; } .btn-primary:hover, .btn.bg-purple:hover, .btn-blue:hover, .btn.bg-blue:hover, .btn.bg-darkblue:hover { background: linear-gradient(180deg, #5d97e6 0%, #4276cf 50%, #3462b6 100%) !important; color: #fff !important; transform: translateY(-1px); box-shadow: 0 9px 22px rgba(45,90,175,.46), inset 0 1px 0 rgba(255,255,255,.45) !important; } /* بنفشِ متمایز */ .btn.bg-indigo { background: linear-gradient(180deg,#6a62d6,#4a43b0) !important; color:#fff !important; border-color:transparent !important; box-shadow:0 2px 8px rgba(75,67,176,.32), inset 0 1px 0 rgba(255,255,255,.30) !important; } .btn.bg-indigo:hover { transform: translateY(-1px); box-shadow:0 7px 18px rgba(75,67,176,.40) !important; } /* موفقیت/ویرایش — زمردِ عمیق */ .btn-success, .btn.bg-green { background: linear-gradient(180deg, #12b17b 0%, #0a8a5f 100%) !important; color: #fff !important; border-color: transparent !important; box-shadow: 0 2px 8px rgba(14,159,110,.32), inset 0 1px 0 rgba(255,255,255,.30) !important; } .btn-success:hover, .btn.bg-green:hover { background: linear-gradient(180deg,#0fa06f,#087a52) !important; color:#fff !important; transform: translateY(-1px); box-shadow:0 7px 18px rgba(14,159,110,.40) !important; } /* حذف — قرمزِ پالوده (چه کلاس danger، چه شناسه‌ی Delete/delete) */ .btn-danger, .btn.bg-red, .content .btn[id*="Delete"], .content .btn[id*="delete"], .content a.btn[id*="Del"], .content .btn[id*="Remove"], .content a.btn[id*="Hazf"] { background: linear-gradient(180deg, #ec4453 0%, #cf2532 100%) !important; color:#fff !important; border-color: transparent !important; box-shadow: 0 2px 8px rgba(224,45,60,.32), inset 0 1px 0 rgba(255,255,255,.30) !important; } .btn-danger:hover, .btn.bg-red:hover, .content .btn[id*="Delete"]:hover, .content .btn[id*="delete"]:hover { background: linear-gradient(180deg,#e23444,#bd1f2c) !important; color:#fff !important; transform: translateY(-1px); box-shadow:0 7px 18px rgba(224,45,60,.40) !important; } /* هشدار — کهربایی */ .btn-warning, .btn.bg-orange { background: linear-gradient(180deg,#f59e2c,#dc7d08) !important; color:#fff !important; border-color: transparent !important; box-shadow: 0 2px 8px rgba(232,137,12,.30), inset 0 1px 0 rgba(255,255,255,.30) !important; } .btn-warning:hover, .btn.bg-orange:hover { transform: translateY(-1px); box-shadow:0 7px 18px rgba(232,137,12,.38) !important; } /* اطلاع — فیروزه‌ای */ .btn-info { background: linear-gradient(180deg,#14a8c9,#0e86a6) !important; color:#fff !important; border-color: transparent !important; box-shadow: 0 2px 8px rgba(20,168,201,.30), inset 0 1px 0 rgba(255,255,255,.30) !important; } .btn-info:hover { transform: translateY(-1px); box-shadow:0 7px 18px rgba(20,168,201,.38) !important; } /* خنثیِ ثانویه (btn-default) — تُنالِ سورمه‌ای، نه خاکستری */ .btn-default { background: rgba(39,70,144,.09) !important; color: var(--ms-primary) !important; border: 1px solid rgba(39,70,144,.16) !important; box-shadow: none !important; } .btn-default:hover { background: rgba(39,70,144,.16) !important; color: var(--ms-primary-d) !important; transform: translateY(-1px); } .text-white, .btn.text-white { color:#fff !important; } /* ========================================================================= فرم‌ها ========================================================================= */ .form-control { border: 1px solid var(--ms-line-2) !important; border-radius: var(--ms-radius-sm) !important; background: var(--ms-surface) !important; color: var(--ms-ink) !important; box-shadow: none !important; padding: 9px 13px !important; height: auto !important; min-height: 42px; font-size: 14px !important; font-family: var(--ms-font) !important; line-height: 1.7 !important; transition: border-color .16s ease, box-shadow .16s ease; } .form-control:focus { border-color: var(--ms-primary) !important; box-shadow: 0 0 0 3px rgba(0,113,227,.15) !important; outline: none !important; } /* ورودی‌هایی که کلاس alert-info (آبی) دارند را خنثی می‌کنیم */ .form-control.alert-info, input.alert-info, textarea.alert-info { background: var(--ms-surface) !important; border-color: var(--ms-line-2) !important; color: var(--ms-ink) !important; } select.form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%208'%3E%3Cpath%20fill%3D'%236e6e73'%20d%3D'M6%208L0%200h12z'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: left 14px center; background-size: 10px; padding-left: 34px !important; } ::placeholder { color: #a9adb5 !important; opacity: 1; } .form-group { margin-bottom: 14px; } label { color: var(--ms-ink); font-weight: 500; } /* ========================================================================= جدول‌ها (GridView و ...) ========================================================================= */ .table { background: var(--ms-surface); border-radius: 12px; overflow: hidden; border: 1px solid var(--ms-line); margin-bottom: 16px; } .table > thead > tr > th, .table > thead > tr > td { background: var(--ms-surface-2) !important; color: var(--ms-ink) !important; font-weight: 700 !important; border-bottom: 1px solid var(--ms-line) !important; border-top: 0 !important; padding: 12px 14px !important; vertical-align: middle; text-align: right; } .table > tbody > tr > td { border-top: 1px solid var(--ms-line) !important; padding: 12px 14px !important; color: var(--ms-ink); vertical-align: top; line-height: 1.9; } .table.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th { border-color: var(--ms-line) !important; } .table.primary-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > td { background: #f3f8ff !important; } .table .alert-info { background: var(--ms-surface-2) !important; color: var(--ms-ink) !important; border-color: var(--ms-line) !important; } .table-responsive { border: 0 !important; } /* صفحه‌بندی GridView */ .pagination > li > a, .pagination > li > span, .table .alert-info a, .PagerStyle a, .PagerStyle span { border-radius: 8px !important; } /* ========================================================================= بج‌ها و برچسب‌ها ========================================================================= */ .badge { border-radius: 999px !important; font-weight: 500 !important; font-size: 12px !important; padding: 4px 10px !important; font-family: var(--ms-font) !important; line-height: 1.6; } .badge-danger, .badge.bg-red { background: rgba(255,59,48,.12) !important; color: var(--ms-red-d) !important; } .badge-warning, .badge.bg-orange { background: rgba(255,159,10,.14) !important; color: #b26a00 !important; } .badge.bg-darkblue, .badge.bg-blue, .badge-info { background: rgba(0,113,227,.10) !important; color: var(--ms-primary-d) !important; } .badge.bg-purple { background: rgba(88,86,214,.12) !important; color: var(--ms-indigo-d) !important; } /* alert box‌ها */ .alert { border-radius: 12px !important; border: 1px solid var(--ms-line) !important; } .alert-info { background: #eef5ff !important; color: #0a4a9e !important; border-color: #d6e6ff !important; } /* ========================================================================= دکمه‌ی برگشت به بالا و متفرقه ========================================================================= */ .scroll-top { background: var(--ms-primary) !important; color: #fff !important; width: 44px; height: 44px; border-radius: 50% !important; left: 24px; right: auto; bottom: 24px; line-height: 44px !important; text-align: center; box-shadow: 0 6px 18px rgba(0,113,227,.35); z-index: 1030; } .scroll-top i { color:#fff !important; } /* container-fluid عمومی (خارج از سایدبار) */ .container-fluid:not(.navbar .container-fluid) { padding-right: 0; padding-left: 0; } /* ========================================================================= واکنش‌گرا — در عرض کم، سایدبار به نوار بالا تبدیل می‌شود ========================================================================= */ @media (max-width: 992px) { .navbar.navbar-inverse, .navbar.navbar-default { position: static !important; width: 100% !important; min-height: 0 !important; box-shadow: var(--ms-shadow-sm); } .navbar.navbar-inverse::before, .navbar.navbar-default::before { text-align: center; } .navbar .navbar-form { flex-direction: row !important; flex-wrap: wrap; justify-content: center; } .navbar .navbar-form > a.btn, .navbar .navbar-form .btn { width: auto !important; } .navbar .navbar-form > a.btn-danger, .navbar .navbar-form .btn-danger.pull-left { margin-top: 0 !important; } .navbar .badge-warning, .navbar .navbar-form > .badge { border: 0; } body > form > .container, .container { margin-right: 16px !important; margin-left: 16px !important; } } /* ========================================================================= چاپ — سایدبار در چاپ حذف شود (احتیاطی) ========================================================================= */ @media print { .navbar.navbar-inverse, .navbar.navbar-default, .scroll-top { display: none !important; } body > form > .container, .container { margin: 0 !important; max-width: none !important; } body { background: #fff !important; } } /* ========================================================================= یکدست‌سازی صفحات مدیریتی (editor / پنل مدیریت / لیست سوالات) این صفحات هدر بالای صفحه داشتند؛ با اسکریپت panel-ui.js یک سایدبار تزریق می‌شود و هدر قدیمی پنهان می‌گردد تا با کل برنامه هماهنگ شود. ========================================================================= */ /* هدر قدیمی این صفحات پنهان می‌شود (اسکریپت این کلاس را اضافه می‌کند). با specificity بالا تا هیچ قانون دیگری آن را دوباره نمایان نکند. */ .ms-legacy-hidden, body.ms-has-side .page-wrapper > .header.ms-legacy-hidden, body.ms-has-side .page-wrapper > .ms-legacy-hidden { display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; } /* سایدبار تزریقی — هم‌ظاهر با سایدبار سایر صفحات */ .ms-side { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: var(--ms-side-w) !important; min-height: 100vh; background: #16181d !important; background: linear-gradient(180deg, var(--ms-side) 0%, var(--ms-side-2) 100%) !important; box-shadow: -6px 0 24px rgba(16,24,40,.10); z-index: 2000 !important; display: flex !important; flex-direction: column; padding: 0 14px 18px; overflow-y: auto; overflow-x: hidden; } .ms-side .ms-brand { display: block; padding: 26px 8px 16px; margin-bottom: 8px; font-size: 17px; font-weight: 700; color: #fff; letter-spacing: .2px; border-bottom: 1px solid rgba(255,255,255,.08); } .ms-side .ms-brand small { display:block; font-size:11.5px; font-weight:400; color:rgba(255,255,255,.5); margin-top:3px; } .ms-side .ms-nav { display: flex; flex-direction: column; gap: 4px; flex: 1 1 auto; } .ms-side .ms-sub-title { font-size: 11.5px; color: rgba(255,255,255,.4); font-weight: 500; padding: 14px 12px 6px; letter-spacing: .3px; } .ms-side a.ms-item, .ms-side .ms-item { display: flex; align-items: center; gap: 10px; cursor: pointer; padding: 11px 14px; border-radius: 10px; border: 0; color: rgba(255,255,255,.82); font-size: 14px; font-weight: 500; text-decoration: none; background: transparent; text-align: right; transition: background .18s ease, color .18s ease; } .ms-side a.ms-item i, .ms-side .ms-item i { font-size: 16px; width: 20px; text-align: center; opacity: .9; } .ms-side a.ms-item:hover, .ms-side .ms-item:hover { background: rgba(255,255,255,.12); color: #fff; } .ms-side a.ms-item.active, .ms-side .ms-item.active { background: rgba(255,255,255,.18); color: #fff; box-shadow: inset -3px 0 0 rgba(255,255,255,.75); } .ms-side .ms-exit { margin-top: auto; color: #ff8a80; border-top: 1px solid rgba(255,255,255,.08); border-radius: 0; padding-top: 15px; } .ms-side .ms-exit:hover { background: rgba(255,59,48,.16); color: #ff5b50; } /* محتوای صفحات مدیریتی کنار سایدبار قرار می‌گیرد. نکته: قالب قدیمی این صفحات را display:table/table-row کرده بود که باعث می‌شد margin اثر نکند؛ اینجا به بلاک تبدیل و با padding از سایدبار جدا می‌شود. */ body.ms-has-side { background: var(--ms-bg) !important; } body.ms-has-side .page-wrapper { display: block !important; width: auto !important; overflow: visible !important; box-sizing: border-box; padding-right: calc(var(--ms-side-w) + 26px) !important; padding-left: 26px !important; } body.ms-has-side .page-wrapper > .main, body.ms-has-side .page-wrapper > .footer { display: block !important; width: auto !important; } body.ms-has-side .page-wrapper > .main > .container { width: auto !important; max-width: 1200px; margin: 0 auto !important; padding-top: 22px !important; } /* نماهای قابل‌جابه‌جایی در پنل مدیریت */ .ms-view-hidden { display: none !important; } /* ========================================================================= فوتر — رفع مشکل هم‌پوشانی و ظاهر تمیز (آیتم ۴) ========================================================================= */ /* فوتر به‌طور کامل حذف می‌شود (طبق درخواست) */ #footer, .footer, .footer-bottom, .footer-navigation { display: none !important; } /* دکمه‌های حذف → قرمزِ توپر (نه سفید) */ .content a.btn[id*="Delete"], .content a.btn[id*="delete"], .content .btn[id*="Delete"], .content .btn[id*="delete"] { background: var(--ms-red) !important; color: #fff !important; border: 0 !important; box-shadow: 0 1px 2px rgba(255,59,48,.28) !important; } .content a.btn[id*="Delete"]:hover, .content .btn[id*="Delete"]:hover { background: var(--ms-red-d) !important; } /* عنوان بخش‌ها در صفحات مدیریتی */ .page-header { font-size: 17px !important; font-weight: 700 !important; color: var(--ms-ink) !important; border-bottom: 1px solid var(--ms-line) !important; padding-bottom: 12px !important; margin: 6px 0 18px !important; } .page-header.center { text-align: center; } .box { background: var(--ms-surface); border: 1px solid var(--ms-line); border-radius: var(--ms-radius); padding: 18px; box-shadow: var(--ms-shadow-sm); margin-bottom: 18px; } /* واکنش‌گرا برای سایدبار تزریقی */ @media (max-width: 992px) { .ms-side { position: static; width: 100%; min-height: 0; flex-direction: row; flex-wrap: wrap; align-items: center; } .ms-side .ms-brand { border: 0; padding: 12px 8px; margin: 0; width: 100%; } .ms-side .ms-nav { flex-direction: row; flex-wrap: wrap; } .ms-side .ms-exit { margin-top: 0; border-top: 0; padding-top: 11px; } .ms-side .ms-sub-title { width: 100%; padding: 6px 12px 2px; } body.ms-has-side .page-wrapper { padding-right: 14px !important; padding-left: 14px !important; } } @media print { .ms-side { display: none !important; } body.ms-has-side .page-wrapper { padding: 0 !important; } body.ms-has-side .page-wrapper > .main > .container { margin: 0 !important; max-width: none !important; } #footer { display: none !important; } } /* ========================================================================= دکمه‌های داخل سلول‌های جدول: جمع‌وجور و درونِ کادر (رفع بیرون‌زدگی حذف) ========================================================================= */ .table td .btn, .GridView td .btn, table.table-bordered td .btn, td .btn.btn-sm { padding: 5px 11px !important; font-size: 12.5px !important; white-space: nowrap !important; box-shadow: none !important; margin: 2px !important; display: inline-flex !important; align-items: center; gap: 5px; vertical-align: middle; max-width: 100%; } .table td .btn i, .GridView td .btn i { margin: 0 !important; } /* ستونِ «انتخاب عملیات» به‌اندازه‌ی محتوا و وسط‌چین تا دکمه بیرون نزند */ .table td:has(> .btn), .table td:has(> a.btn), .GridView td:has(> .btn), .GridView td:has(> a.btn) { white-space: nowrap !important; text-align: center !important; vertical-align: middle !important; } /* اگر چند دکمه در یک سلول است، زیر هم و مرتب */ .table td .btn + .btn, .GridView td .btn + .btn { margin-top: 4px !important; } /* ========================================================================= زیرنماهای اطلاعیه‌ها + ظرفِ اسکرولِ جدول‌های پهن ========================================================================= */ .ms-sub-hidden { display: none !important; } .ms-tablewrap { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; margin-bottom: 6px; } .ms-tablewrap > table, .ms-tablewrap > .table, .ms-tablewrap > .parentTable { margin-bottom: 0; } .ms-add-notice, .ms-back-notice { margin: 2px 0 16px !important; } .ms-back-notice i, .ms-add-notice i { margin-left: 6px; } /* ========================================================================= صفحه‌ی ورود — طراحیِ زیبا و هماهنگ با پالتِ آبی ========================================================================= */ body.ms-login { background: #eef3fc !important; background-image: radial-gradient(1000px 520px at 100% -5%, rgba(45,86,158,.16), transparent 60%), radial-gradient(760px 460px at 0% 8%, rgba(79,136,219,.13), transparent 55%), linear-gradient(135deg, #eef3fc 0%, #dce7f7 55%, #e9f0fb 100%) !important; background-attachment: fixed !important; min-height: 100vh; } body.ms-login .back-gradian, body.ms-login .logo-background { background: transparent !important; background-image: none !important; } /* عنوانِ بزرگِ بالای صفحه */ body.ms-login span.title.font-xlg, body.ms-login .btn-primary.title { display: inline-block; padding: 16px 34px !important; border-radius: 16px !important; font-size: 21px !important; font-weight: 700 !important; line-height: 1.7 !important; background: linear-gradient(180deg, #4f88db 0%, #2d59ab 100%) !important; color:#fff !important; box-shadow: 0 10px 30px rgba(45,90,175,.35), inset 0 1px 0 rgba(255,255,255,.35) !important; border: 0 !important; } /* عنوان‌های بخش (اطلاعیه‌ها / ورود به سامانه / تماس با ما) → پیلِ آبیِ براق */ body.ms-login h2 > .badge, body.ms-login h2 .badge { display: inline-block !important; background: linear-gradient(180deg, #4f88db 0%, #2d59ab 100%) !important; color: #fff !important; font-size: 15px !important; font-weight: 700 !important; padding: 9px 22px !important; border-radius: 11px !important; box-shadow: 0 4px 14px rgba(45,90,175,.30), inset 0 1px 0 rgba(255,255,255,.30) !important; } /* خطوطِ عرضی → خطِ آبیِ محو (به‌جای خاکستری) */ body.ms-login hr.title-hr, body.ms-login .title-hr { border: 0 !important; height: 3px !important; background: linear-gradient(90deg, transparent, rgba(45,86,158,.55), transparent) !important; border-radius: 3px; margin: 14px 0 24px !important; opacity: 1 !important; } /* کارت‌ها (پرتلت) → سفید، گِرد، سایه‌دار */ body.ms-login .portlet, body.ms-login .portlet.box { background: #fff !important; border: 1px solid #e3e9f4 !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 10px 30px rgba(30,53,104,.10) !important; } /* سرِ کارت‌ها → نوارِ آبیِ ملایم با عنوانِ سرمه‌ای */ body.ms-login .portlet-heading, body.ms-login .portlet .portlet-heading { background: linear-gradient(180deg, #eef3fc, #e4ecf9) !important; border-bottom: 1px solid #e0e7f3 !important; padding: 14px 18px !important; } body.ms-login .portlet-title .title, body.ms-login .portlet-heading .title, body.ms-login .portlet-heading h3, body.ms-login .portlet-title h3 { color: #22386c !important; font-weight: 700 !important; font-size: 16px !important; margin: 0 !important; } body.ms-login .portlet-title i, body.ms-login .portlet-heading i { color: var(--ms-primary) !important; } body.ms-login .portlet-body { background: #fff !important; padding: 20px !important; color: var(--ms-ink) !important; } /* کارتِ ورود (ستونِ کوچک) کمی متمایز */ body.ms-login .col-md-4 .portlet-heading, body.ms-login .col-sm-4 .portlet-heading { background: linear-gradient(180deg,#4f88db,#2d59ab) !important; border-bottom: 0 !important; } body.ms-login .col-md-4 .portlet-heading .title, body.ms-login .col-md-4 .portlet-heading h3, body.ms-login .col-md-4 .portlet-heading i { color:#fff !important; } /* ورودی‌های لاگین — مدرن، با رفعِ پس‌زمینه‌ی زردِ autofill */ body.ms-login .form-control { background: #f5f8fd !important; border: 1.5px solid #dde5f3 !important; color: var(--ms-ink) !important; border-radius: 12px !important; padding: 12px 16px !important; font-size: 14.5px !important; box-shadow: none !important; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; } body.ms-login .form-control:hover { border-color: #c7d3ea !important; } body.ms-login .form-control:focus { background: #fff !important; border-color: var(--ms-primary) !important; box-shadow: 0 0 0 4px rgba(45,90,175,.16) !important; } body.ms-login input:-webkit-autofill, body.ms-login input:-webkit-autofill:hover, body.ms-login input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #f5f8fd inset !important; box-shadow: 0 0 0 1000px #f5f8fd inset !important; -webkit-text-fill-color: var(--ms-ink) !important; caret-color: var(--ms-ink) !important; border: 1.5px solid #dde5f3 !important; transition: background-color 9999s ease-in-out 0s !important; } body.ms-login .btn-block { padding: 12px !important; font-size: 15px !important; } /* ========================================================================= رفعِ پس‌زمینه‌ی زردِ autofill مرورگر در کلِ برنامه ========================================================================= */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important; box-shadow: 0 0 0 1000px #ffffff inset !important; -webkit-text-fill-color: var(--ms-ink) !important; caret-color: var(--ms-ink) !important; transition: background-color 9999s ease-in-out 0s !important; }