@import url("fontiran.css"); html { height: 100%; } body { background-color: #f5f7fb; /* Modern light gray background */ background-image: linear-gradient(135deg, rgba(241, 245, 249, 0.95) 0%, rgba(249, 250, 251, 0.98) 100%); color: #1e293b; /* Modern dark text color */ font-family: IRANsans, Tahoma; /* font name */ font-size: 9pt; /* font size */ margin: 0; /* top right bottom left */ height: 100%; direction:rtl; } .ewHeaderRow { background:url(images/sky_blue/header.jpg) center no-repeat; margin : 0px auto; width : 1000px; height : 220px; overflow : hidden; } .ewTitleName { background:url(images/title.png) center no-repeat; width : 350px; height : 70px; padding-top:10px; padding-right:100px; } .ewSubTitleName { background:url(images/subtitle.png) center no-repeat; width : 120px; height :162px; padding-right:130px; } .headernav { margin : 0px auto; width : 1000px; height : 35px; overflow : hidden; background:url(images/sky_blue/bg_menu_div.png) 0 0 no-repeat; } .headernav a { text-align:center; vertical-align:text-top; line-height:32px; color:#1e293b; /* Modern dark text */ text-shadow:#FFFFFF 1px 1px 0px; text-decoration:none; font-size:9pt; text-transform:uppercase; } .headernav a:link { color:#1e293b; /* Modern dark text */ text-decoration:none; } .headernav a:hover { color:#2563eb; /* Modern blue hover */ text-decoration:none; } a{ text-decoration:none; } a:hover { text-decoration:none; } a:link { text-decoration:none; } a:visited { text-decoration:none; } .login{ background:url(images/baby/login.jpg) no-repeat; } .topmenu{ height:37; vertical-align:middle; border-bottom: 0px; /* border width, horizontal grid line */ border-top: 0px; border-right: 0px; text-align:center; width:150px; } .menu_left{ width:150px; } .menu_right{ width:150px; } #page_wrapper { margin : 0px auto; width : 1000px; text-align : justify; display : block; clear : both; } .fontstyle { color: inherit; /* text color */ font-family: IRANsans, Tahoma; /* font name */ font-size: 9pt; /* font size */ } .bg_title { padding-right:10px; vertical-align:text-top; color:#dc2626; /* Modern red text */ vertical-align:text-top; padding-top:3px; background: url(images/sky_blue/top_items.gif) repeat-y; border-bottom:2px; border-bottom-color:#ef4444; /* Modern red border */ height:20px; } .bg_text { padding-right:10px; padding-left:10px; } .bg_bottom { /* Empty class - reserved for future use */ } .box_title { background: url(images/sky_blue/bg_title_box.gif) no-repeat; width: 187px !important; height: 42px !important; text-align:center; color:#475569; /* Modern gray text */ text-shadow:#EEEEEE 1px 1px 0px; vertical-align:middle; } .box_text { background: url(images/sky_blue/bg_body_box.gif) repeat; width: 187px !important; } .box_bottom { background: url(images/sky_blue/bg_bottom_box.gif) no-repeat; width: 187px !important; height: 30px !important; } .user_name{ color:#dc2626; /* Modern red */ font-size:9pt; } .user_panel{ color:#1e293b; /* Modern dark text */ font-size:9pt; text-shadow:#FFFFFF 1px 1px 0px; } .user_exit{ color:#2563eb; /* Modern blue */ font-size:9pt; text-shadow:#FFFFFF 1px 1px 0px; } .logout{ width:80%; border:0px; text-align:center; text-indent:12px; text-shadow:#EEEEEE 1px 1px 0px; table-layout:fixed; overflow:hidden; } .title_bg { background-color:#2563eb; /* Modern blue background */ background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); /* Modern gradient */ padding-right:10px; color:#FFFFFF; height:20px; } .ewNewsHeader{ color: #1e293b; /* Modern dark header font color */ background-image: url(images/sky_blue/liteblue.png); /* header bg image */ background-repeat:repeat-x; padding-right:10px; height:25px; } .ewNewsContent{ background-color:#fefce8; /* Modern light yellow background */ background: linear-gradient(135deg, rgba(254, 252, 232, 0.95), rgba(255, 255, 255, 0.98)); padding:10px; } input, textarea, select { font-family: IRANsans, Tahoma; /* font name */ font-size: 9pt; /* font size */ } /* بهینه‌سازی استایل input ها */ input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="date"], input[type="time"], textarea { padding: 0.5rem 0.75rem; border: 1.5px solid rgba(37, 99, 235, 0.2); border-radius: 8px; background: #ffffff; background-color: #ffffff !important; color: #1e293b; font-size: 9pt; font-family: IRANsans, Tahoma; transition: all 0.3s ease; outline: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); } input[type="text"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="password"]:hover, input[type="date"]:hover, input[type="time"]:hover, textarea:hover { border-color: rgba(37, 99, 235, 0.35); box-shadow: 0 2px 6px rgba(37, 99, 235, 0.1); } input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="time"]:focus, textarea:focus { border-color: rgba(37, 99, 235, 0.5); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15), 0 0 0 3px rgba(37, 99, 235, 0.1); background: #ffffff; background-color: #ffffff !important; } input[type="text"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="time"]:disabled, textarea:disabled { background: rgba(241, 245, 249, 0.8); border-color: rgba(148, 163, 184, 0.3); color: #64748b; cursor: not-allowed; opacity: 0.7; } /* استایل select */ select { padding: 0.5rem 0.75rem; border: 1.5px solid rgba(37, 99, 235, 0.2); border-radius: 8px; background: #ffffff; background-color: #ffffff !important; color: #1e293b; font-size: 9pt; font-family: IRANsans, Tahoma; transition: all 0.3s ease; outline: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); cursor: pointer; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232563eb' d='M6 9L1 4h10z'/%3E%3C/svg%3E"), #ffffff; background-repeat: no-repeat; background-position: left 0.75rem center; padding-left: 2.5rem; } select:hover { border-color: rgba(37, 99, 235, 0.35); box-shadow: 0 2px 6px rgba(37, 99, 235, 0.1); } select:focus { border-color: rgba(37, 99, 235, 0.5); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15), 0 0 0 3px rgba(37, 99, 235, 0.1); background: #ffffff; background-color: #ffffff !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232563eb' d='M6 9L1 4h10z'/%3E%3C/svg%3E"), #ffffff; } select:disabled { background: rgba(241, 245, 249, 0.8); border-color: rgba(148, 163, 184, 0.3); color: #64748b; cursor: not-allowed; opacity: 0.7; } /* استایل input های تاریخ (persian-date-input) */ input.persian-date-input, input.search-date-input { padding: 0.5rem 2.5rem 0.5rem 0.75rem; border: 1.5px solid rgba(37, 99, 235, 0.2); border-radius: 8px; background: #ffffff; background-color: #ffffff !important; color: #1e293b; font-size: 9pt; font-family: IRANsans, Tahoma; transition: all 0.3s ease; outline: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); cursor: pointer; position: relative; } input.persian-date-input:hover, input.search-date-input:hover { border-color: rgba(37, 99, 235, 0.35); box-shadow: 0 2px 6px rgba(37, 99, 235, 0.1); } input.persian-date-input:focus, input.search-date-input:focus { border-color: rgba(37, 99, 235, 0.5); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15), 0 0 0 3px rgba(37, 99, 235, 0.1); background: #ffffff; background-color: #ffffff !important; } .CalendarTop { height:50px; width:128px; background:url(images/sky_blue/calendar_top.png) no-repeat; font-size:9pt; vertical-align:middle; text-align:center; color:#FFFFFF; } .CalendarBottom { height:78px; width:128px; background:url(images/sky_blue/calendar_bottom.png) no-repeat; font-size:50px; vertical-align:top; } .page_header_right{ background:url(images/sky_blue/top_page_right.png) no-repeat; width:10px; height:32px; font-size:8.7pt } .page_header_center{ background:url(images/sky_blue/top_page_center.png) repeat-x; text-align:right; padding-right:5px; height:32px; font-size:8.7pt; } .page_header_alt{ background:url(images/sky_blue/top_page_alt.png) no-repeat; width:26px; height:32px; font-size:8.7pt; } .page_header_left{ background:url(images/sky_blue/top_page_left.png) no-repeat; width:10px; height:32px; } /* Menu */ .m1{background:url(images/sky_blue/m1.gif) no-repeat top center;height:25px;padding:0px 25px 0 0;margin-right:12px; width:140px;float:right; font-size:9pt;line-height:20px;vertical-align:middle; color:#000000;text-shadow:#FFB366 1px 1px 0px; } .ewMenuBarVertical{padding:0;margin:0;list-style:none} .ewMenuBarVertical a{background:url(images/sky_blue/bt.gif) no-repeat top center;height:25px;padding:0px 25px 0 0;margin-right:12px; width:140px;float:right; line-height:20px;color:#444444;text-shadow:#EEFFFF 1px 1px 0px;} .ewMenuBarVertical a:hover{background:url(images/sky_blue/bt.gif) 100% -25px no-repeat;color:#7c8a0f;text-shadow:#fff 0px 0px 2px} /* template layout */ .ewLayout { font-family: IRANsans, Tahoma; /* font name */ font-size: 9pt; /* font size */ width: 100%; height: 100%; } .ewContentTable { font-family: IRANsans, Tahoma; /* font name */ font-size: 9pt; /* font size */ width: 100%; height: 100%; clear: left; border:1px; border-color:#66FFFF; } .li_menu{ color: #0000FF; /* footer font color */ } .ewMenuColumn { background-color: #FFFFFF; /* background color */ margin-right : 13px; vertical-align: top; clear : both; float : none; margin-top : 13px; } .ewMenuColumn2 { background-color: #FFFFFF; /* background color */ margin-right : 13px; vertical-align: top; clear : both; float : none; margin-top : 13px; } .ewMenuColumn a{ color:#1e293b; /* Modern dark text */ text-decoration: none; } .ewMenuColumn a:active { color:#2563eb; /* Modern blue active link color */ text-decoration: none; } .ewMenuColumn a:link { color:#1e293b; /* Modern dark link color */ } .ewMenuColumn a:visited { color:#475569; /* Modern gray visited link color */ } #ewMenu { font-family: IRANsans, Tahoma; /* font name */ font-size: 9pt; /* font size */ overflow : hidden; } .ewContentColumn { background-color:#FFFFFF; /* background color */ vertical-align: top; border:1px; border-color:#cbd5e1; /* Modern light gray border */ padding: 10px; width:626; } .ewFooterRow { background:url(images/sky_blue/footer.gif) no-repeat; height:150px; color:#475569; /* Modern gray footer font color */ } .ewFooterText1 { font-family: IRANsans, Tahoma; /* font name */ font-size: 9pt; /* font size */ } .ewFooterText2 { font-family: IRANsans, Tahoma; /* font name */ font-size: 8pt; /* font size */ } .ewForm { margin: 0; padding: 0; box-shadow: none; } /* حذف سایه از فرم جستجو */ #users_list_SearchPanel .ewForm, #st_class_list_SearchPanel .ewForm { box-shadow: none !important; } .ewGrid { background: linear-gradient(135deg, rgba(37, 99, 235, 0.15), rgba(147, 51, 234, 0.12)); border-radius: 10px; padding: 0 !important; margin: 0.35rem 0 0.65rem; border: 1px solid rgba(37, 99, 235, 0.18); box-shadow: 0 18px 48px -22px rgba(30, 64, 175, 0.18); backdrop-filter: blur(10px); direction: rtl; position: relative; overflow: visible !important; z-index: 1; } .ewGrid .ewTable { margin: 0 !important; border: 0 !important; } .ewGrid .ewGridContent, .ewGrid .ewGridContent1, .ewGrid .ewGridMiddlePanel, .ewGrid .ewForm, .ewGrid fieldset { margin: 0 !important; padding: 0 !important; border: 0 !important; } .ewGrid td, .ewGrid th { padding: 3px !important; } .ewGrid::before { content: ''; position: absolute; top: -18px; right: -18px; width: 64px; height: 64px; background: radial-gradient(circle, rgba(255, 255, 255, 0.55) 0%, transparent 70%); border-radius: 50%; pointer-events: none; opacity: 0.9; } .ewGrid::after { content: ''; position: absolute; bottom: -20px; left: -24px; width: 72px; height: 72px; background: radial-gradient(circle, rgba(255, 255, 255, 0.35) 0%, transparent 70%); border-radius: 50%; pointer-events: none; opacity: 0.8; } .ewGridform{ border: 0px solid #9F9F9F; /* grid border */ } /* grid pager panel */ .ewGridUpperPanel, .ewGridLowerPanel { padding: 3px; border-left: 0; border-right: 0; background-color: #f8fafc; /* Modern light gray grid header color */ color: #2563eb; /* Modern blue grid header font color */ font-family: IRANsans, Tahoma; /* font name */ font-size: 8.5pt; /* font size */ } /* راست‌چین کردن محتوای ewGridLowerPanel */ .ewGridLowerPanel { text-align: right !important; direction: rtl !important; } .ewGridLowerPanel table { margin-right: 0 !important; margin-left: auto !important; float: right !important; } .ewGridLowerPanel table td { text-align: right !important; direction: rtl !important; } .ewGridUpperPanel { border-top: 0px; border-bottom: 1px solid; border-color: #9F9F9F; } .ewGridMiddlePanel { border: 1px solid rgba(37, 99, 235, 0.5); border-radius: 10px; overflow: hidden; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15), 0 2px 6px rgba(15, 23, 42, 0.1); } .ewGridLowerPanel { border: 1px solid rgba(37, 99, 235, 0.5); border-radius: 10px; overflow: hidden; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15), 0 2px 6px rgba(15, 23, 42, 0.1); background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95)); display: flex !important; align-items: center !important; justify-content: center !important; /* مرکز کردن محتوا */ flex-direction: column !important; /* عمودی برای نمایش دکمه در وسط */ padding: 8px 12px 10px 12px !important; /* کاهش padding برای کاهش ارتفاع */ margin-bottom: 10px !important; /* کاهش margin-bottom */ gap: 6px !important; /* کاهش gap بین عناصر */ color: #475569; font-size: 10pt !important; font-family: IRANsans, Tahoma; position: relative; text-align: right !important; direction: rtl !important; width: 100% !important; } .ewGridLowerPanel *, .ewGridLowerPanel td, .ewGridLowerPanel span, .ewGridLowerPanel div, .ewGridLowerPanel a, .ewGridLowerPanel input:not(.grade-save-btn):not(.btn) { text-align: right !important; direction: rtl !important; margin-left: auto !important; margin-right: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* کادر زیبا برای select (لیست انتخابی تعداد رکوردها) */ .ewGridLowerPanel select { text-align: right !important; direction: rtl !important; margin-left: auto !important; margin-right: 0 !important; padding: 6px 12px !important; font-size: 10pt !important; font-family: IRANsans, Tahoma !important; background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95)) !important; border: 1.5px solid rgba(37, 99, 235, 0.25) !important; border-radius: 8px !important; box-shadow: 0 2px 8px rgba(37, 99, 235, 0.1), 0 1px 3px rgba(37, 99, 235, 0.08) !important; color: #475569 !important; cursor: pointer; transition: all 0.3s ease !important; outline: none !important; min-width: 80px; } .ewGridLowerPanel select:hover { border-color: rgba(37, 99, 235, 0.4) !important; box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15), 0 2px 6px rgba(37, 99, 235, 0.12) !important; background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(249, 250, 251, 0.98)) !important; } .ewGridLowerPanel select:focus { border-color: rgba(37, 99, 235, 0.5) !important; box-shadow: 0 4px 16px rgba(37, 99, 235, 0.2), 0 2px 8px rgba(37, 99, 235, 0.15), 0 0 0 3px rgba(37, 99, 235, 0.1) !important; background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(249, 250, 251, 0.98)) !important; } /* حذف پس‌زمینه و کادر برای span.fontstyle و td در ewGridLowerPanel */ .ewGridLowerPanel .fontstyle, .ewGridLowerPanel span.fontstyle, .ewGridLowerPanel td { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 4px !important; font-size: 10pt !important; } /* کوچک کردن فونت برای b tags (آخرین صفحه، بعدی) و لینک‌های pagination */ .ewGridLowerPanel b, .ewGridLowerPanel strong, .ewGridLowerPanel .fontstyle a, .ewGridLowerPanel .fontstyle b, .ewGridLowerPanel span.fontstyle a, .ewGridLowerPanel span.fontstyle b, .ewGridLowerPanel a b, .ewGridLowerPanel a strong { font-size: 10pt !important; } .ewGridLowerPanel > *:first-child { margin-right: 0 !important; margin-left: auto !important; } .ewGridLowerPanel .grade-save-btn { align-self: center !important; margin: 0 !important; text-align: center !important; direction: ltr !important; /* برای دکمه LTR */ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; /* حفظ gradient */ border: none !important; box-shadow: 0 4px 12px rgba(102, 126, 234, 0.35) !important; /* حفظ shadow */ position: relative !important; z-index: 100 !important; /* z-index بالاتر */ display: inline-block !important; padding: 0.625rem 1.5rem !important; border-radius: 0.5rem !important; font-size: 0.875rem !important; min-width: 140px !important; letter-spacing: 0.5px !important; } .ewGridLowerPanel .grade-save-btn:hover { background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%) !important; box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5) !important; } .ewGridLowerPanel .btn { align-self: center !important; margin: 0 !important; text-align: center !important; direction: ltr !important; /* برای دکمه LTR */ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; /* حفظ gradient */ border: none !important; box-shadow: 0 4px 12px rgba(102, 126, 234, 0.35) !important; /* حفظ shadow */ position: relative !important; z-index: 100 !important; /* z-index بالاتر */ display: inline-block !important; padding: 0.625rem 1.5rem !important; border-radius: 0.5rem !important; font-size: 0.875rem !important; min-width: 140px !important; letter-spacing: 0.5px !important; } .ewGridLowerPanel .btn:hover { background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%) !important; box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5) !important; } /* دکمه‌های اصلی (مثل «ثبت موارد انضباطی») هم‌سان با تم سایت */ .btn { padding: 0.625rem 1.5rem; border-radius: 0.5rem; font-size: 0.875rem; font-weight: 600; font-family: 'IRANSans', Tahoma, sans-serif; cursor: pointer; transition: all 0.3s ease; border: none; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #ffffff; box-shadow: 0 4px 12px rgba(102, 126, 234, 0.35); text-align: center; display: inline-block; min-width: 140px; letter-spacing: 0.5px; } .btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5); background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%); } .btn:active { transform: translateY(0); } .btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; } /* استایل کادر برای دکمه btnAction */ #btnAction, #Action[type="submit"], input[type="submit"][name="Action"][id="Action"] { border: 2px solid rgba(37, 99, 235, 0.5) !important; border-radius: 8px !important; padding: 5px !important; margin-top: 10px !important; margin-bottom: 10px !important; font-size:1em !important; cursor: pointer !important; transition: border-color 0.3s ease, box-shadow 0.3s ease !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.2) !important; width: auto !important; /* عرض خودکار بر اساس محتوا */ min-width: auto !important; /* حداقل عرض خودکار */ max-width: none !important; /* حذف محدودیت حداکثر عرض */ display: inline-block !important; /* نمایش inline-block برای کنترل عرض */ box-sizing: border-box !important; /* شامل padding و border در عرض */ } #btnAction:hover, #Action[type="submit"]:hover, input[type="submit"][name="Action"][id="Action"]:hover { border-color: rgba(37, 99, 235, 0.8) !important; box-shadow: 0 4px 10px rgba(37, 99, 235, 0.3) !important; cursor: pointer !important; } #btnAction:active, #Action[type="submit"]:active, input[type="submit"][name="Action"][id="Action"]:active { border-color: rgba(37, 99, 235, 1) !important; box-shadow: 0 1px 4px rgba(37, 99, 235, 0.25) !important; } #btnAction:focus, #Action[type="submit"]:focus, input[type="submit"][name="Action"][id="Action"]:focus { outline: none !important; border-color: rgba(37, 99, 235, 0.9) !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.2), 0 0 0 3px rgba(37, 99, 235, 0.15) !important; } #btnAction:disabled, #Action[type="submit"]:disabled, input[type="submit"][name="Action"][id="Action"]:disabled { border-color: rgba(148, 163, 184, 0.3) !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important; cursor: not-allowed !important; } /* استایل کادر برای دکمه‌های input[type="button"] با openModalDialog */ input[type="button"][onclick*="openModalDialog"], input[type="button"][onclick*="openModalDialog"]:hover, input[type="button"][onclick*="openModalDialog"]:active, input[type="button"][onclick*="openModalDialog"]:focus { border: 2px solid rgba(37, 99, 235, 0.5) !important; border-radius: 8px !important; padding: 5px !important; margin-top: 10px !important; margin-bottom: 10px !important; font-size: 1.05em !important; cursor: pointer !important; transition: border-color 0.3s ease, box-shadow 0.3s ease !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.2) !important; } input[type="button"][onclick*="openModalDialog"]:hover { border-color: rgba(37, 99, 235, 0.8) !important; box-shadow: 0 4px 10px rgba(37, 99, 235, 0.3) !important; cursor: pointer !important; } input[type="button"][onclick*="openModalDialog"]:active { border-color: rgba(37, 99, 235, 1) !important; box-shadow: 0 1px 4px rgba(37, 99, 235, 0.25) !important; } input[type="button"][onclick*="openModalDialog"]:focus { outline: none !important; border-color: rgba(37, 99, 235, 0.9) !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.2), 0 0 0 3px rgba(37, 99, 235, 0.15) !important; } input[type="button"][onclick*="openModalDialog"]:disabled { border-color: rgba(148, 163, 184, 0.3) !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important; cursor: not-allowed !important; } /* استایل کادر برای لینک‌های a داخل ewTable که برای ثبت یا انصراف استفاده می‌شوند */ .ewTable a[onclick*="ValidateForm"], .ewTable a[href=""][onclick], .ewTable a[href*="cancel"], .ewTable td a[onclick]:not(.auto-update-link), .ewTable td a[href*="cancel"] { border: none !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; font-size: inherit !important; cursor: pointer !important; transition: none !important; box-shadow: none !important; display: inline-block !important; text-decoration: none !important; color: inherit !important; outline: none !important; background: none !important; background-color: transparent !important; } .ewTable a[onclick*="ValidateForm"]:hover, .ewTable a[href=""][onclick]:hover, .ewTable a[href*="cancel"]:hover, .ewTable td a[onclick]:hover:not(.auto-update-link), .ewTable td a[href*="cancel"]:hover { border: none !important; box-shadow: none !important; cursor: pointer !important; text-decoration: none !important; outline: none !important; } .ewTable a[onclick*="ValidateForm"]:active, .ewTable a[href=""][onclick]:active, .ewTable a[href*="cancel"]:active, .ewTable td a[onclick]:active:not(.auto-update-link), .ewTable td a[href*="cancel"]:active { border: none !important; box-shadow: none !important; text-decoration: none !important; outline: none !important; } .ewTable a[onclick*="ValidateForm"]:focus, .ewTable a[href=""][onclick]:focus, .ewTable a[href*="cancel"]:focus, .ewTable td a[onclick]:focus:not(.auto-update-link), .ewTable td a[href*="cancel"]:focus { outline: none !important; border: none !important; box-shadow: none !important; text-decoration: none !important; } /* حذف کادر از همه لینک‌های داخل ewTable که SVG دارند (مثل آیکون وضعیت) */ .ewTable td a[onclick*="autoactive"], .ewTable td a[href*="userslist.php"][onclick*="autoactive"] { border: none !important; outline: none !important; box-shadow: none !important; text-decoration: none !important; display: inline-block !important; padding: 0 !important; margin: 0 !important; } .ewTable td a[onclick*="autoactive"]:hover, .ewTable td a[href*="userslist.php"][onclick*="autoactive"]:hover, .ewTable td a[onclick*="autoactive"]:focus, .ewTable td a[href*="userslist.php"][onclick*="autoactive"]:focus, .ewTable td a[onclick*="autoactive"]:active, .ewTable td a[href*="userslist.php"][onclick*="autoactive"]:active { border: none !important; outline: none !important; box-shadow: none !important; text-decoration: none !important; } /* استایل برای card (گزارشات) */ .card { border: 1.5px solid rgba(37, 99, 235, 0.15) !important; border-radius: 12px !important; background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95)) !important; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08), 0 1px 3px rgba(15, 23, 42, 0.05) !important; margin-bottom: 12px !important; overflow: hidden !important; transition: all 0.3s ease !important; } .card:hover { border-color: rgba(37, 99, 235, 0.25) !important; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.12), 0 2px 8px rgba(15, 23, 42, 0.08) !important; transform: translateY(-2px) !important; } /* استایل برای card-header (گزارشات) */ .card-header { background: linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(59, 130, 246, 0.08)) !important; border-bottom: 1.5px solid rgba(37, 99, 235, 0.15) !important; padding: 12px 16px !important; font-family: 'IRANSans', Tahoma, sans-serif !important; font-size: 9.5pt !important; font-weight: 600 !important; color: #1e293b !important; transition: all 0.3s ease !important; } .card-header:hover { background: linear-gradient(135deg, rgba(37, 99, 235, 0.18), rgba(59, 130, 246, 0.12)) !important; } .card-header a { color: #1e293b !important; text-decoration: none !important; display: block !important; width: 100% !important; transition: color 0.2s ease !important; } .card-header a:hover { color: #2563eb !important; } .card-header a.collapsed { color: #475569 !important; } .card-header a.collapsed:hover { color: #2563eb !important; } /* استایل برای card-body (گزارشات) */ .card-body { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; padding-right: 1.5rem !important; padding-left: 1.5rem !important; font-family: 'IRANSans', Tahoma, sans-serif !important; font-size: 9pt !important; color: #1e293b !important; line-height: 1.6 !important; background: rgba(255, 255, 255, 0.6) !important; } /* استایل برای دکمه‌های submit در فرم‌های گزارشات */ .card-body input[type="submit"], .card-body button[type="submit"] { padding: 0.5rem 1.25rem !important; border-radius: 8px !important; font-size: 9pt !important; font-weight: 600 !important; font-family: 'IRANSans', Tahoma, sans-serif !important; cursor: pointer !important; transition: all 0.3s ease !important; border: none !important; background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important; color: #ffffff !important; box-shadow: 0 3px 10px rgba(37, 99, 235, 0.3) !important; text-align: center !important; display: inline-block !important; min-width: 120px !important; } .card-body input[type="submit"]:hover, .card-body button[type="submit"]:hover { background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%) !important; box-shadow: 0 6px 20px rgba(37, 99, 235, 0.5) !important; transform: translateY(-2px) !important; } .card-body input[type="submit"]:active, .card-body button[type="submit"]:active { transform: translateY(0) !important; box-shadow: 0 2px 8px rgba(37, 99, 235, 0.4) !important; } /* استایل برای select در فرم‌های گزارشات */ .card-body select { padding: 0.5rem 0.75rem !important; border: 1.5px solid rgba(37, 99, 235, 0.2) !important; border-radius: 8px !important; background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95)) !important; color: #1e293b !important; font-size: 9pt !important; font-family: IRANsans, Tahoma !important; transition: all 0.3s ease !important; outline: none !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important; cursor: pointer !important; min-width: 120px !important; } .card-body select:hover { border-color: rgba(37, 99, 235, 0.35) !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.1) !important; } .card-body select:focus { border-color: rgba(37, 99, 235, 0.5) !important; box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15), 0 0 0 3px rgba(37, 99, 235, 0.1) !important; background: rgba(255, 255, 255, 1) !important; } /* استایل برای input text در فرم‌های گزارشات */ .card-body input[type="text"], .card-body input[type="number"] { padding: 0.5rem 0.75rem !important; border: 1.5px solid rgba(37, 99, 235, 0.2) !important; border-radius: 8px !important; background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95)) !important; color: #1e293b !important; font-size: 9pt !important; font-family: IRANsans, Tahoma !important; transition: all 0.3s ease !important; outline: none !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important; } .card-body input[type="text"]:hover, .card-body input[type="number"]:hover { border-color: rgba(37, 99, 235, 0.35) !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.1) !important; } .card-body input[type="text"]:focus, .card-body input[type="number"]:focus { border-color: rgba(37, 99, 235, 0.5) !important; box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15), 0 0 0 3px rgba(37, 99, 235, 0.1) !important; background: rgba(255, 255, 255, 1) !important; } /* استایل برای accordion container */ .accordion { background: transparent !important; border: none !important; } /* استایل برای label و متن در فرم‌های گزارشات */ .card-body label, .card-body span { color: #475569 !important; font-size: 9pt !important; font-family: 'IRANSans', Tahoma, sans-serif !important; } /* استایل برای td حاوی "لیست نمرات کلاسی" - یک سایز بزرگتر و وسط‌چین */ td[bgcolor="#EAFFEB"], td[style*="background-color: #EAFFEB"], td[style*="background-color:#EAFFEB"] { font-size: 10.5pt !important; /* یک سایز بزرگتر از 9pt */ text-align: center !important; } td[bgcolor="#EAFFEB"] { font-weight: 700; background: linear-gradient(135deg, rgba(14, 165, 233, 0.22), rgba(125, 211, 252, 0.18)) !important; color: #0f172a; border-right: 0 !important; box-shadow: inset 0 -1px 0 rgba(15, 23, 42, 0.08); } /* وسط‌چین کردن محتوای th با پس‌زمینه سبز (نمرات) */ th[data-grade-type], th[style*="background-color: rgb(40, 167, 69)"], th[style*="background-color:#28a745"] { text-align: center !important; padding: 6px 6px !important; font-size: 1.05rem; /* یک سایز بزرگتر از 0.95rem */ } /* Bold کردن سطرهای اول، دوم و سوم جدول ewGrid */ .ewGrid tr:first-child, .ewGrid tr:nth-child(2), .ewGrid tr:nth-child(3) { font-weight:bold !important; } .ewGrid tr:first-child td, .ewGrid tr:first-child th, .ewGrid tr:nth-child(2) td, .ewGrid tr:nth-child(2) th, .ewGrid tr:nth-child(3) td, .ewGrid tr:nth-child(3) th { font-weight:normal !important; } /* حذف bold از ردیف، کد ملی و نام دانش‌آموز */ .ewGrid tr:first-child td.radif-cell, .ewGrid tr:nth-child(2) td.radif-cell, .ewGrid tr:nth-child(3) td.radif-cell, .ewGrid tr:first-child td.st-number-cell, .ewGrid tr:nth-child(2) td.st-number-cell, .ewGrid tr:nth-child(3) td.st-number-cell, .ewGrid tr:first-child td[data-column="student-name"], .ewGrid tr:nth-child(2) td[data-column="student-name"], .ewGrid tr:nth-child(3) td[data-column="student-name"], .ewGrid tr:first-child td[data-column="student-name"] div, .ewGrid tr:nth-child(2) td[data-column="student-name"] div, .ewGrid tr:nth-child(3) td[data-column="student-name"] div { font-weight: normal !important; } .ewGridUpperPanel td, .ewGridLowerPanel td { color: #2563eb; /* Modern blue grid header font color */ font-family: IRANsans, Tahoma; /* font name */ font-size: 9pt; /* font size */ } .ewPager { border-radius: 4px; } .ewPager td { white-space: nowrap; } .ewTabContent { padding: 0; border: 0; } .ewMultiColumnTable { border: 0; } .ewMultiColumnTable td { padding-top:0px; padding-bottom:20px; padding-left:10px; padding-right:10px; } /* main table */ .ewTable { border: 0; border-spacing: 0; border-collapse: collapse; empty-cells: show; width: 100%; font-family: IRANsans, Tahoma; /* font name */ font-size: 9pt; /* font size */ overflow:auto; } .ewTableSeparate { border-collapse: separate; } .ewTable td { padding: 3px; /* cell padding */ border-bottom: 1px solid; /* border width, horizontal grid line */ border-top: 0px; border-right: 0px; /*border-left: 1px solid; /* border width, vertical grid line */ border-color: #CFCFCF; /* border color */ height:35px; font-size: 9pt; font-family: IRANsans, Tahoma; } .ewTableAddOpt { border: 0; border-spacing: 0; font-family: IRANsans, Tahoma; /* font name */ font-size: 9pt; /* font size */ } .ewTableAddOpt td { padding: 3px; /* cell padding */ border: 0; } .title_menu{ background:url(images/bullet.gif) right no-repeat; padding-right:20px; } .menu_item{ background:url(images/go.gif) right no-repeat; padding-right:20px; } .ewTable .ewTableHeader { background-image: url(images/sky_blue/liteblue.png); /* header bg image */ text-align:right; } .ewTable .ewTableHeader td { color: #1e293b; /* Modern dark header font color */ border-bottom: 1px solid; /* header border width */ /*border-left: 1px solid; /* header border width */ border-color: #cbd5e1; /* Modern light gray header border color */ border-top-right-radius: 4px; border-top-left-radius: 4px; /*background-color:#E6E6E7; */ vertical-align: center; height:25px; text-shadow:#EEFFFF 1px 1px 0px; white-space: nowrap !important; /* جلوگیری از شکستن خط در td */ line-height: normal !important; /* ارتفاع خط عادی */ } .ewTable .ewTable2Header td { background-color:#dbeafe; /* Modern light blue header bgcolor */ color: #1e293b; /* Modern dark header font color */ border-bottom: 0px solid; /* header border width */ border-left: 0px solid; /* header border width */ border-color: #cbd5e1; /* Modern light gray header border color */ background-image: url(images/sky_blue/liteblue.png); /* header bg image */ background-repeat:repeat-x; vertical-align: center; height:20px; } .ewTableHeaderedit{ background-color: #9C9AB7; /* header bgcolor */ color: #191970; /*header font color */ border-bottom: 1px solid; /* header border width */ border-left: 1px solid; /* header border width */ border-color: #9F9F9F; /* header border color */ background-image: url(images/sky_blue/liteblue.png); /* header bg image */ background-repeat: repeat-x; vertical-align: center; height:30px; } .ewPointer { cursor: pointer; } .ewTableHeader a:link, .ewTableHeader a:active, .ewTableHeader a:visited { color: #1e293b; /* Modern dark header font color */ text-decoration: none; } .ewTableHeaderBtn { width: 100%; font-family: IRANsans, Tahoma; /* font name */ font-size: 9pt; /* font size */ } .ewTableHeader .ewTableHeaderBtn td { background: transparent; padding: 0; border: 0; white-space: nowrap; } .ewnews{ font-family: IRANsans, Tahoma; /* font name */ font-size: 9pt; /* font size */ color:#646464; padding-right:10px; } /* main table row color */ .ewTableRow { background-color:#FFFFFF; /* alt row color 1 */ color:#1e293b; /* Modern dark text */ cursor: default; height:30px; } /* main table alternate row color */ .ewTableAltRow { background-color:#f8fafc; /* Modern light gray alt row color 2 */ color:#1e293b; /* Modern dark text */ cursor: default; height:30px; } /* main table last row */ .ewTableLastRow td { border-bottom: 0px; } /* main table edit mode row color */ .ewTableEditRow { background-color: rgba(250, 204, 21, 0.26); /* Modern light yellow edit mode color */ color: inherit; } /* main table highlight color */ .ewTableHighlightRow { background-color: #FFFFAA; /* highlight color */ color: inherit; } /* main table select color */ .ewTableSelectRow { background-color: #fef3c7; /* Modern light yellow select color */ color: #1e293b; /* Modern dark text */ } /* main table footer */ .ewTableFooter { background-color:#fef3c7; /* Modern light yellow footer color */ color: #1e293b; /* Modern dark text */ } /* table for export to HTML */ .ewExportTable { border-collapse: collapse; empty-cells: show; } .ewExportTable td { padding: 3px; /* cell padding */ border: 1px solid #C0C0C0; } .ewBasicSearch { font-family: IRANsans, Tahoma; /* font name */ font-size: 9pt; /* font size */ background-image: url(images/sky_blue/liteblue.png); /* header bg image */ border: 1px solid; border-color:#C0C0C0; border-radius:4px; border-collapse: separate !important; } .ewBasicReport { font-family: IRANsans, Tahoma; /* font name */ padding:5px; width:100%; font-size: 10pt; /* font size */ background-image: url(images/sky_blue/liteblue.png); /* header bg image */ border: 1px solid; border-color:#C0C0C0; border-radius:4px; border-collapse: separate !important; } .ewBasicReport a{ text-decoration:none; } .ewBasicReport a:link{ text-decoration:none; } .ewBasicReport a:hover{ text-decoration:none; } .ewBasicSearch td { padding: 3px; padding-right:5px; } .ewBasicSearch.search-form-container { background: rgba(239, 244, 255, 0.96); border: 1px solid rgba(37, 99, 235, 0.2); border-radius: 18px; border-collapse: separate !important; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05) !important; } .ewBasicSearch.search-form-container, #fst_classlistsrch { border-radius: 18px; } #st_class_list_SearchPanel { background: transparent; border: none; box-shadow: none; } .ewBasicSearch.search-form-container td { background: transparent; } @media (max-width: 575px) { .st-number-cell, .st-number-header { display: none !important; } } .ewSearchOpr { font-family: IRANsans, Tahoma; /* font name */ font-size: 9pt; /* font size */ float: left; color: maroon; } .ewItemTable td { color: inherit; /* text color */ font-family: IRANsans, Tahoma; /* font name */ font-size: 9pt; /* font size */ border: 0px; padding: 0px; vertical-align: top; } /* separator */ .ewSeparator { color: gray; } /* classes for report */ .ewReportTable { border: 0px; border-collapse: collapse; } .ewReportTable td { padding: 3px; } .ewGroupField { font-weight: bold; } .ewGroupName { font-weight: bold; } .ewGroupHeader { border-bottom: 3px double Gray; border-top: 3px double Gray; } .ewGroupSummary { border-top: 1px solid Gray; } .ewGroupAggregate { font-weight: bold; } .ewGrandSummary { border-top: 1px solid Gray; } /* message */ .ewMessage { background-color:#fef3c7; /* Modern light yellow */ background: linear-gradient(135deg, rgba(254, 243, 199, 0.95), rgba(255, 255, 255, 0.98)); border:#cbd5e1 thin solid; /* Modern light gray border */ padding:7px; display: none; /* Hide default message display - will be converted to toast */ min-width: 100%; border-radius: 5px; color:#dc2626; /* Modern red message color */ font-family: IRANsans, Tahoma; /* font name */ font-size: 9pt; /* font size */ } /* استایل بهینه برای پیام تذکر تصویر */ div.Message { background: linear-gradient(135deg, rgba(254, 243, 199, 0.95), rgba(255, 251, 235, 0.98)) !important; border: 1.5px solid rgba(251, 191, 36, 0.3) !important; border-radius: 10px !important; padding: 12px 16px !important; margin: 12px 0 !important; box-shadow: 0 2px 8px rgba(251, 191, 36, 0.15), 0 1px 3px rgba(0, 0, 0, 0.08) !important; color: #92400e !important; font-family: 'IRANSans', Tahoma, sans-serif !important; font-size: 0.75rem !important; font-weight: 500 !important; line-height: 1.6 !important; display: block !important; position: relative !important; transition: all 0.3s ease !important; } div.Message::before { content: "⚠️" !important; margin-left: 8px !important; font-size: 1.1rem !important; vertical-align: middle !important; } div.Message:hover { box-shadow: 0 4px 12px rgba(251, 191, 36, 0.2), 0 2px 6px rgba(0, 0, 0, 0.1) !important; border-color: rgba(251, 191, 36, 0.5) !important; transform: translateY(-1px) !important; } /* استایل برای fieldset با کلاس ewlegend - عرض 100% */ fieldset.ewlegend { width: 100% !important; max-width: 100% !important; display: block !important; box-sizing: border-box !important; margin: 0 !important; padding: 16px 20px !important; border: 1.5px solid rgba(37, 99, 235, 0.2) !important; border-radius: 12px !important; background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95)) !important; box-shadow: 0 2px 8px rgba(37, 99, 235, 0.1), 0 1px 3px rgba(37, 99, 235, 0.08) !important; position: relative !important; min-width: 100% !important; } /* اطمینان از عرض 100% برای محتوای داخل fieldset */ fieldset.ewlegend > *, fieldset.ewlegend > div, fieldset.ewlegend > table, fieldset.ewlegend table, fieldset.ewlegend .ewGrid, fieldset.ewlegend .ewGridContent, fieldset.ewlegend .ewGridContent1, fieldset.ewlegend .ewGridMiddlePanel, fieldset.ewlegend .ewTable, fieldset.ewlegend table.ewGrid, fieldset.ewlegend table.ewTable, fieldset.ewlegend table[cellspacing], fieldset.ewlegend table[class*="ewGrid"], fieldset.ewlegend table[class*="ewTable"] { width: 100% !important; max-width: 100% !important; min-width: 100% !important; box-sizing: border-box !important; } /* اطمینان از عرض 100% برای td و tr داخل fieldset */ fieldset.ewlegend td, fieldset.ewlegend tr, fieldset.ewlegend .ewGridContent td, fieldset.ewlegend .ewGridContent tr, fieldset.ewlegend table td, fieldset.ewlegend table tr { box-sizing: border-box !important; } /* اطمینان از عرض 100% برای containerهای والد fieldset */ .ewGridMiddlePanel fieldset.ewlegend, div fieldset.ewlegend, td fieldset.ewlegend { width: 100% !important; max-width: 100% !important; min-width: 100% !important; } /* اطمینان از عرض 100% برای ewGridMiddlePanel که fieldset را دربر می‌گیرد */ .ewGridMiddlePanel { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } .ewGridMiddlePanel fieldset.ewlegend { width: 100% !important; max-width: 100% !important; min-width: 100% !important; display: block !important; } /* جلوگیری از تغییر رنگ زمینه هنگام hover روی fieldset */ fieldset.ewlegend:hover, fieldset.ewlegend:focus, fieldset.ewlegend:active { background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95)) !important; border-color: rgba(37, 99, 235, 0.2) !important; box-shadow: 0 2px 8px rgba(37, 99, 235, 0.1), 0 1px 3px rgba(37, 99, 235, 0.08) !important; transform: none !important; } .ewlegend { color: #1e293b !important; /* Modern dark text color */ font-family: IRANsans, Tahoma !important; /* font name */ font-size: 13px !important; /* font size - کوچکتر شده */ font-weight: 700 !important; /* Bold font weight */ padding: 12px 20px !important; /* Modern padding */ margin-bottom: 16px !important; /* Space below legend */ background: linear-gradient(135deg, rgba(37, 99, 235, 0.25), rgba(103, 126, 234, 0.2)) !important; /* پررنگ‌تر کردن gradient background */ border: 1.5px solid rgba(37, 99, 235, 0.35) !important; /* پررنگ‌تر کردن border */ border-radius: 12px !important; /* Rounded corners */ box-shadow: 0 2px 8px rgba(37, 99, 235, 0.15), 0 1px 3px rgba(37, 99, 235, 0.12) !important; /* پررنگ‌تر کردن shadow */ display: inline-block !important; /* Inline-block for auto width */ width: auto !important; /* Auto width based on content */ max-width: fit-content !important; /* Fit content width */ position: relative !important; /* For pseudo-elements */ transition: all 0.3s ease !important; /* Smooth transitions */ box-sizing: border-box !important; /* Include padding and border in width */ } .ewlegend::before { display: none !important; /* حذف خط عمودی آبی رنگ */ } .ewlegend:hover { background: linear-gradient(135deg, rgba(37, 99, 235, 0.15), rgba(103, 126, 234, 0.12)) !important; border-color: rgba(37, 99, 235, 0.3) !important; box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15), 0 2px 6px rgba(37, 99, 235, 0.12) !important; transform: translateY(-1px) !important; } .ewlegendnews { color:#FF8000; /* message color */ font-family: IRANsans, Tahoma; /* font name */ font-size: 9pt; /* font size */ padding-top:0px; padding-left:5px; padding-right:5px; padding-bottom:10px; } /* required field indicator */ .ewRequired { color: red; /* message color */ font-family: IRANsans, Tahoma; /* font name */ font-size: 9pt; /* font size */ display: inline !important; /* نمایش inline برای قرار گرفتن در کنار عنوان */ white-space: nowrap !important; /* جلوگیری از شکستن خط */ margin-right: 2px !important; /* فاصله کوچک از عنوان */ } /* اطمینان از نمایش inline ستاره در td های header */ .ewTable .ewTableHeader td .ewRequired, .ewTableHeader td .ewRequired, td.ewTableHeader .ewRequired { display: inline !important; white-space: nowrap !important; margin-right: 2px !important; } /* highlight */ .ewHighlightSearch { font-weight: bold; background-color: yellow; } /* Template */ .ewTemplate { display: none; } /* YUI TabView */ .yui-skin-sam .yui-navset .yui-nav { font-family: IRANsans, Tahoma; /* font name */ font-size: 9pt; /* font size */ } .yui-skin-sam .yui-navset .yui-content { padding: 0; border: 0; } /* .yui-navset defaults to .yui-navset-top */ .yui-skin-sam .yui-navset .yui-nav, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */ border-width: 0; } /* *** A8 *** */ .yui-skin-sam .yui-navset .yui-nav a, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a { background: #F5F5F5 url(images/mediumgray.png) repeat-x; /* tab background */ color: #000; border: solid #a3a3a3; /* tab left/right border color */ border-width: 0 1px; } /* *** A8 *** */ .yui-skin-sam .yui-navset .yui-nav a em, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em { border: solid #a3a3a3; /* tab top border color */ border-width: 1px 0 0; } /* *** A8 *** */ .yui-skin-sam .yui-navset .yui-nav a:hover, .yui-skin-sam .yui-navset .yui-nav a:focus { background: #F0FFFF url(images/sky_blue/liteblue.png); /* highlighted tab background */ } /* *** A8 *** */ .yui-skin-sam .yui-navset .yui-nav .selected a, .yui-skin-sam .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */ .yui-skin-sam .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */ background: #9C9AB7 url(images/sky_blue/liteblue.png); /* selected tab background */ color: #000000; } /* *** A8 *** */ .yui-skin-sam .yui-navset .yui-nav .selected a, .yui-skin-sam .yui-navset .yui-nav .selected a em { border-color: #243356; /* selected tab border color */ } /* YUI Button */ .yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a { font-size: 9pt; /* font size */ } /* YUI Panel */ .yui-skin-sam .yui-panel .hd { font-size: 9pt; /* font size */ line-height: 2.5; } /* Auto-Suggest */ .yui-skin-sam .yui-ac { /* DO NOT CHANGE! */ position: relative; } .yui-skin-sam .yui-ac-input { /* DO NOT CHANGE! */ position: relative; width: auto; } .yui-skin-sam .yui-ac-content ul{ font-family: IRANsans, Tahoma; /* font name */ font-size: 9pt; /* font size */ color: #000000; /* text color */ } .ewUnmatched { background: #FF9F9F; } /* scrollable table */ .ewScrollableTable { overflow-y: auto; /* for ie and modern browsers */ } .ewScrollableTable thead tr { position: relative; /* for ie */ } .ewScrollableTable .ewScrollableTableHeader { overflow: hidden; position: relative; /* for ie overflow bug http://rowanw.com/bugs/overflow_relative.htm */ } /* scrollable table */ .ewLangForm { text-align: right; } /*END_SYSTEM_STYLES*/ /*BEGIN_USER_STYLES*/ /* Modern Aurora-inspired table styling */ .ewTable { border-collapse: separate; border-spacing: 0; width: 100%; background: #dbe8ff; border: 5px solid #1d4ed8; /* گوشه‌های جدول در حالت عادی گرد بمانند */ border-radius: 10px; overflow: hidden; box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08); } /* حذف استایل‌های اضافی ewTable داخل ewGrid */ .ewTable.ewTableSeparate { border-spacing: 0; } .ewTable thead tr { background: #dbe8ff; } .ewTable thead th { padding: 14px 16px; font-weight: 700 !important; color: #0f172a; border-bottom: 1px solid rgba(148, 163, 184, 0.4); text-align: right; background: transparent; font-size: 9pt; font-family: IRANsans, Tahoma; } .ewTable thead th:last-child, .ewTable .ewTableHeader td:last-child { border-left: 1px solid #dbe8ff; } .ewTable .ewTableHeader, .ewTable .ewTableHeader td { background: #dbe8ff !important; font-weight: 700 !important; font-size: 9pt; font-family: IRANsans, Tahoma; width:15%; text-align: right; } /* ============================================ اطمینان از نمایش thead در همه حالات ============================================ */ /* قوی‌ترین selector برای thead */ thead, table thead, .ewTable thead, table.ewTable thead, table.ewTableSeparate thead, .ewGrid table thead, .ewGrid .ewTable thead, .ewGridContent table thead, .ewGridContent .ewTable thead, .ewGridContent1 table thead, .ewGridContent1 .ewTable thead, .ewGrid .ewGridContent table thead, .ewGrid .ewGridContent .ewTable thead, .ewGrid .ewGridContent1 table thead, .ewGrid .ewGridContent1 .ewTable thead, .ewGrid .ewGridMiddlePanel table thead, .ewGrid .ewGridMiddlePanel .ewTable thead, .ewGridMiddlePanel table thead, .ewGridMiddlePanel .ewTable thead, form table thead, form .ewTable thead, .ewForm table thead, .ewForm .ewTable thead { display: table-header-group !important; visibility: visible !important; opacity: 1 !important; position: relative !important; z-index: 10 !important; } /* اطمینان از نمایش tr های داخل thead */ thead tr, table thead tr, .ewTable thead tr, .ewGrid table thead tr, .ewGrid .ewTable thead tr { display: table-row !important; visibility: visible !important; opacity: 1 !important; } /* اطمینان از نمایش td و th های داخل thead */ thead tr td, thead tr th, table thead tr td, table thead tr th, .ewTable thead tr td, .ewTable thead tr th, .ewGrid table thead tr td, .ewGrid table thead tr th { display: table-cell !important; visibility: visible !important; opacity: 1 !important; } /* اطمینان از اینکه جدول داخل ewGridContent به درستی نمایش داده می‌شود */ .ewGrid .ewGridContent1 table, .ewGrid .ewGridContent1 .ewTable, .ewGrid .ewGridContent table, .ewGrid .ewGridContent .ewTable, .ewGridContent table, .ewGridContent .ewTable, .ewGridContent1 table, .ewGridContent1 .ewTable { display: table !important; table-layout: auto !important; } /* Bold کردن سطر عنوان در جداول داخل ewGrid - استایل‌های قوی */ .ewGrid .ewTable thead tr.ewTableHeader, .ewGrid .ewTable thead tr.ewTableHeader td, .ewGrid .ewTable thead tr.ewTableHeader th, .ewGrid .ewTable .ewTableHeader, .ewGrid .ewTable .ewTableHeader td, .ewGrid .ewTable .ewTableHeader th, .ewGrid thead tr.ewTableHeader, .ewGrid thead tr.ewTableHeader td, .ewGrid thead tr.ewTableHeader th, .ewGrid thead .ewTableHeader, .ewGrid thead .ewTableHeader td, .ewGrid thead .ewTableHeader th, table.ewGrid .ewTable thead tr.ewTableHeader, table.ewGrid .ewTable thead tr.ewTableHeader td, table.ewGrid .ewTable thead tr.ewTableHeader th, table.ewGrid thead tr.ewTableHeader, table.ewGrid thead tr.ewTableHeader td, table.ewGrid thead tr.ewTableHeader th, .ewGrid .ewTableHeader, .ewGrid .ewTableHeader td, .ewGrid .ewTableHeader th, .ewGrid table .ewTableHeader, .ewGrid table .ewTableHeader td, .ewGrid table .ewTableHeader th { font-weight: 700 !important; font-weight: bold !important; } /* Bold کردن محتوای داخل td های header */ .ewGrid .ewTable thead tr.ewTableHeader td *, .ewGrid .ewTable .ewTableHeader td *, .ewGrid thead tr.ewTableHeader td *, .ewGrid thead .ewTableHeader td *, table.ewGrid .ewTable thead tr.ewTableHeader td *, table.ewGrid thead tr.ewTableHeader td *, .ewGrid .ewTableHeader td *, .ewGrid table .ewTableHeader td * { font-weight: 700 !important; font-weight: bold !important; } /* جدول‌های برنامه روزانه/هفتگی در داشبورد، بدون radius در خود جدول */ #manager-day-table .ewTable, #teacher-week-table .ewTable { border-radius: 0 !important; overflow: visible; } .ewTable td { padding: 12px 16px; color: #1e293b; border-bottom: 1px solid rgba(15, 23, 42, 0.07); text-align: right; font-size: 9pt; font-family: IRANsans, Tahoma; vertical-align: middle !important; } /* اطمینان از نمایش درست آیکون‌ها و متن‌ها کنار هم در ListOptions */ .ewTable td .ListOptions, .ewTable td a[style*="inline-flex"], .ewTable td span[style*="inline-flex"] { display: inline-flex !important; align-items: center !important; vertical-align: middle !important; } .ewTable td .ListOptions span, .ewTable td a[style*="inline-flex"] span, .ewTable td span[style*="inline-flex"] span { display: inline !important; } /* اطمینان از نمایش درست a تگ‌هایی که شامل span با inline-flex هستند */ .ewTable td a:has(span[style*="inline-flex"]), .ewTable td a:has(span[style*="display: inline-flex"]) { display: inline-block !important; vertical-align: middle !important; } /* Fallback برای مرورگرهایی که :has را پشتیبانی نمی‌کنند */ .ewTable td a span[style*="inline-flex"], .ewTable td a span[style*="display: inline-flex"] { display: inline-flex !important; align-items: center !important; } /* اطمینان از عدم شکستن خط برای آیکون‌ها و متن‌ها */ .ewTable td .ListOptions, .ewTable td a[style*="inline-flex"], .ewTable td span[style*="inline-flex"] { white-space: nowrap !important; } .recent-average-header { white-space: nowrap; text-align: center; padding: 12px; min-width: 110px; } .average-header { white-space: nowrap; text-align: center; padding: 12px; min-width: 110px; } [data-column="student-name"] { text-align: right !important; } [data-column="student-name"] div { text-align: inherit; } /* افزایش سایز فونت نام دانش‌آموز، شماره دانش‌آموزی و ردیف در دسکتاپ */ @media (min-width: 769px) { [data-column="student-name"], [data-column="student-name"] div { font-size: 10pt !important; /* یک سایز بزرگتر از 9pt */ } .st-number-cell, .radif-cell { font-size: 10pt !important; /* یک سایز بزرگتر از 9pt */ } } .client-sortable { cursor: pointer; user-select: none; transition: color 0.2s ease; position: relative; padding-left: 18px; } .client-sortable:focus-visible { outline: 2px solid rgba(37, 99, 235, 0.35); outline-offset: 2px; } .client-sort-asc, .client-sort-desc { color: #1d4ed8 !important; } .client-sort-label { display: inline-flex; align-items: center; gap: 6px; } .client-sortable::after { content: ''; font-size: 0.75rem; line-height: 1; color: #1d4ed8; opacity: 0; transition: opacity 0.2s ease; position: absolute; left: 4px; top: 50%; transform: translateY(-50%); } .client-sort-asc::after { content: '▲'; opacity: 1; } .client-sort-desc::after { content: '▼'; opacity: 1; } .recent-average-cell { text-align: center; } .recent-average { display: inline-flex; align-items: center; justify-content: center; min-width: 56px; padding: 4px 10px; border-radius: 999px; background: rgba(37, 99, 235, 0.12); color: #0f172a; font-weight: bold !important; font-size: 0.8rem; } @media (max-width: 575px) { .recent-average { min-width: 42px; padding: 3px 6px; font-size: 0.8rem; /* یک سایز بزرگتر از 0.65rem */ } } .recent-grades-container { font-size: 0.85rem; } @media (max-width: 575px) { .recent-grades-container { font-size: 0.95rem; } .recent-average-header, .average-header { min-width: 60px !important; padding: 4px 2px !important; } .ewTable td.recent-average-cell { padding-left: 1px !important; padding-right: 1px !important; } .recent-average { min-width: 36px !important; padding: 2px 4px !important; font-size: 0.75rem !important; /* یک سایز بزرگتر از 0.6rem */ } } .ewTable tr:last-child td { border-bottom: none; } .ewTable tbody tr:nth-child(odd) td { background: #ffffff; } .ewTable tbody tr:nth-child(even) td { background: rgba(241, 245, 255, 0.75); } .ewTable tbody tr:hover td { background: #fff3c4 !important; } .ewTableHighlightRow td, .ewTableSelectRow td { background: rgba(59, 130, 246, 0.16) !important; color: #0f172a; } /* رنگ مکمل برای سطر سوم هدر جدول (مثلاً سطر «نام درس» در جدول انضباط) */ .ewTable thead tr:nth-child(3) td { /* سبز خیلی ملایم و مدرن، هماهنگ با تم کلی (خانواده green-100) */ background-color: #DCFCE7 !important; } .ewTableEditRow td { background: rgba(250, 204, 21, 0.26); } /* حذف استایل‌های پیچیده ewGrid */ /* حذف کادر مدرن ewGrid */ /* حذف استایل‌های پیچیده ewGridLowerPanel */ /* ردیوس مخصوص جدول‌های کلاس در صفحه نمرات؛ نه برنامه روزانه */ #gmp_st_class { border-radius: 10px 10px 0 0; overflow: hidden; } /*END_USER_STYLES*/ #fixedSize { width:187px; margin: auto; overflow:auto; } #fixedSize p { margin:10px; text-align:justify; } #textfield { width:162px; margin:20px auto; } #textfield input { width:162px; height:100px; } .tab_content { font-family: IRANsans, Tahoma; /* font name */ font-size: 9pt; /* font size */ } A.one5tabmenu { TEXT-ALIGN: center; WIDTH: 188px; DISPLAY: inline-block; HEIGHT: 35px; TEXT-DECORATION: none } SPAN.one5tabmenu { TEXT-ALIGN: center; WIDTH: 188px; DISPLAY: inline-block; HEIGHT: 35px; TEXT-DECORATION: none;text-shadow:#F3F3F3 1px 1px 0px; } A.one5tabmenu { BORDER-BOTTOM: #ffffff 0px; BORDER-LEFT: #ffffff 0px; DIRECTION: rtl; BACKGROUND: url(images/sky_blue/bgtab1.jpg) no-repeat left top; BORDER-TOP: #ffffff 0px; BORDER-RIGHT: #ffffff 0px } SPAN.one5tabmenu { FONT-FAMILY: IRANsans, Tahoma; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; FONT-SIZE: 9pt; CURSOR: pointer; } SPAN.two5tabmenu { MARGIN-TOP: 10px; DISPLAY: block; MARGIN-LEFT: 10px; CURSOR: pointer; MARGIN-RIGHT: 10px } A.one5tabmenu:hover { BORDER-BOTTOM: #ffffff 0px; BORDER-LEFT: #ffffff 0px; BACKGROUND: url(images/sky_blue/bgtab.jpg) no-repeat left top; BORDER-TOP: #ffffff 0px; BORDER-RIGHT: #ffffff 0px } A.one5tabmenu:hover SPAN.one5tabmenu { BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff; FONT-SIZE: 9pt; } A.one5tabmenu:hover SPAN.two5tabmenu { MARGIN-TOP: 10px; DISPLAY: block; MARGIN-LEFT: 10px; MARGIN-RIGHT: 0px } A.tone5tabmenu { TEXT-ALIGN: center; WIDTH: 188px; DISPLAY: inline-block; HEIGHT: 35px; TEXT-DECORATION: none;text-shadow:#000099 1px 1px 0px; } SPAN.tone5tabmenu { TEXT-ALIGN: center; WIDTH: 188px; DISPLAY: inline-block; HEIGHT: 35px; TEXT-DECORATION: none } A.tone5tabmenu { BORDER-BOTTOM: #ffffff 0px; BORDER-LEFT: #ffffff 0px; DIRECTION: rtl; BACKGROUND: url(images/sky_blue/bgtab.jpg) no-repeat left top; BORDER-TOP: #ffffff 0px; BORDER-RIGHT: #ffffff 0px } SPAN.tone5tabmenu { FONT-FAMILY: IRANsans, Tahoma; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff; FONT-SIZE: 9pt; CURSOR: pointer; } .tab_content_top_right{ background:url(images/sky_blue/top-right.jpg) no-repeat; width:14px; height:17px; } .tab_content_top_left{ background:url(images/sky_blue/top-left.jpg) no-repeat; width:14px; height:17px; } .tab_content_top_back{ background:url(images/sky_blue/top-back.jpg) repeat-x; height:17px; } .tab_content_right_back{ background:url(images/sky_blue/right-back.jpg) repeat-y; width:14px; } .tab_content_left_back{ background:url(images/sky_blue/left-back.jpg) repeat-y; width:14px; } .tab_content_right_bottom{ background:url(images/sky_blue/right-botomn.jpg) no-repeat; width:14px; height:15px; } .tab_content_bottom_back{ background:url(images/sky_blue/botom-back.jpg) repeat-x; height:15px; } .tab_content_bottom_left{ background:url(images/sky_blue/botomn-left.jpg) no-repeat; width:14px; height:15px; } .tab_content_style{ background-color:#FFFFFF; color:#990000; WIDTH: 100%; TEXT-DECORATION:none; border:0px; font-family: IRANsans, Tahoma; /* font name */ font-size: 9pt; /* font size */ } .tab_content_title { background:url(images/sky_blue/bull.gif) no-repeat right top; background-color:#FF9933; font-family: IRANsans, Tahoma; /* font name */ text-indent:25px; height:22px; color:#333333; font-size:9pt; /* font size */ } .tab_content_date { text-align:left; padding-left:5px; background-color:#FF9933; font-family: IRANsans, Tahoma; /* font name */ height:22px; color:#333333; font-size:9pt; /* font size */ } .tab_content_body { background-color:#E8EBF0; padding-right:5px; padding-left:5px; text-align:justify; font-family: IRANsans, Tahoma; /* font name */ color:#000000; font-size: 9pt; /* font size */ height:25px; } .tab_content_top{ background-color:#F0F0FF; font-size:0px; height:0px; } .tab_content_bottom{ background-color:#FFFFFF; height:10px; } .tab_content_comment{ background-color:#FFFFFF; background:url(images/sky_blue/comment-icon.png) no-repeat right; padding-right:25px; height:20px; font-size:9pt; } .tab_content_continue{ background:url(images/sky_blue/continue.gif) no-repeat left bottom ; background-color:#E8EBF0; font-size:9pt; text-indent:5px; height:20px; } .news_body_bg{ background-color:#E8EBF0; padding-right:5px; padding-left:5px; } .statistics{ color:#CC0000; } .ajaxpoller{ width:158px; height:180px; } .marquee{ padding:3px; background:#FFFF99; color:#000000; } .top_st_box{ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } /* * Component: Info Box * ------------------- */ .info-box { display: block; min-height: 90px; background: #fff; width: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 2px; margin-bottom: 15px; border: #000099; } .info-box small { font-size: 14px; box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; } .info-box .progress { background: rgba(0, 0, 0, 0.2); margin: 5px -10px 5px -10px; height: 2px; } .info-box .progress, .info-box .progress .progress-bar { border-radius: 0; } .info-box .progress .progress-bar { background: #fff; } .info-box-icon { border-top-right-radius: 2px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 2px; display: block; float: right; height: 90px; width: 90px; text-align: center; font-size: 45px; line-height: 90px; background: rgba(0, 0, 0, 0.2); } .info-box-icon > img { max-width: 100%; } .info-box-content { padding: 5px 10px; margin-right: 90px; } .info-box-number { display: block; font-weight: bold; font-size: 18px; } .progress-description, .info-box-text { display: block; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .info-box-text { text-transform: uppercase; } .info-box-more { display: block; } .progress-description { margin: 0; } .info-box-small { display: block; min-height: 60px; background: #fff; width: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 2px; margin-bottom: 15px; } .info-box-small small { font-size: 14px; } .info-box-small .progress { background: rgba(0, 0, 0, 0.2); margin: 5px -10px 5px -10px; height: 2px; } .info-box-small .progress, .info-box-small .progress .progress-bar { border-radius: 0; } .info-box-small .progress .progress-bar { background: #fff; } .info-box-small-icon { border-top-right-radius: 2px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 2px; display: block; float: right; height: 60px; width: 60px; text-align: center; font-size: 45px; line-height: 60px; background: rgba(0, 0, 0, 0.2); padding-top:10px; } .info-box-small-icon > img { max-width: 100%; } .info-box-small-content { padding: 10px 10px; margin-right: 60px; font-size: 13px; } .info-box-small-content:hover { background-color:#FFFF66; } .info-box-small-content-footer { margin-top:0px; margin-right: 60px; background-color:hsl(0, 4%, 90%); } .info-box-small-content .back{ background: rgba(0, 0, 0, 0.7); } .info-box-small-number { display: block; font-size: 13px; } .progress-description, .info-box-small-text { display: block; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .info-box-small-text { text-transform: uppercase; } .info-box-small-more { display: block; } .progress-description { margin: 0; } /* استایل برای موبایل - افزایش سایز فونت‌ها */ @media (max-width: 768px) { /* افزایش فونت body */ body { font-size: 9.5pt !important; /* از 9pt به 9.5pt */ } /* افزایش فونت‌های عمومی */ .fontstyle, .ewMenuColumn, .ewContentColumn, .ewTable, .ewTable td, .ewTable th, .ewGrid, .ewGrid td, .ewGrid th, input, textarea, select, button { font-size: 9.5pt !important; /* از 9pt به 9.5pt */ } /* افزایش فونت header */ .headernav a, .ewNewsHeader, .ewNewsContent, .ewTableHeader td, .ewTable2Header td { font-size: 9.5pt !important; } /* افزایش فونت card */ .card-header { font-size: 10pt !important; /* از 9.5pt به 10pt */ } .card-body { font-size: 9.5pt !important; /* از 9pt به 9.5pt */ } /* افزایش فونت دکمه‌ها */ .btn, .card-body input[type="submit"], .card-body button[type="submit"] { font-size: 0.8125rem !important; padding: 0.5rem 1.25rem !important; min-width: 120px !important; } /* افزایش فونت pagination */ .ewGridLowerPanel, .ewGridLowerPanel *, .ewGridLowerPanel td, .ewGridLowerPanel span, .ewGridLowerPanel .fontstyle { font-size: 10.5pt !important; /* از 10pt به 10.5pt */ } /* افزایش فونت input و select */ input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="date"], input[type="time"], textarea, select, .persian-date-input, .search-date-input { font-size: 9.5pt !important; /* از 9pt به 9.5pt */ } /* افزایش فونت menu */ .ewMenuColumn a, .headernav a { font-size: 9.5pt !important; } /* افزایش فونت user panel */ .user_name, .user_panel, .user_exit { font-size: 9.5pt !important; } /* افزایش فونت message */ .ewMessage { font-size: 9.5pt !important; } /* افزایش فونت legend */ .ewlegend, .ewlegendnews { font-size: 9.5pt !important; } /* افزایش فونت required */ .ewRequired { font-size: 9.5pt !important; } /* افزایش فونت tab */ .tab_content, .tab_content_title, .tab_content_date, .tab_content_body { font-size: 9.5pt !important; } /* افزایش فونت news */ .ewnews { font-size: 9.5pt !important; } /* افزایش فونت "ردیف" در موبایل */ td[width="50px"] { font-size: 10.5pt !important; /* یک سایز بزرگتر */ } /* افزایش فونت "کد ملی" در موبایل */ .st-number-header { font-size: 10.5pt !important; /* یک سایز بزرگتر */ } /* افزایش فونت td حاوی "لیست نمرات کلاسی" در موبایل */ td[bgcolor="#EAFFEB"], td[style*="background-color: #EAFFEB"], td[style*="background-color:#EAFFEB"] { font-size: 11.5pt !important; /* یک سایز بزرگتر از 10.5pt */ } } /* استایل برای موبایل کوچک - افزایش بیشتر فونت‌ها */ @media (max-width: 480px) { body { font-size: 10pt !important; /* از 9pt به 10pt */ } .fontstyle, .ewMenuColumn, .ewContentColumn, .ewTable, .ewTable td, .ewTable th, .ewGrid, .ewGrid td, .ewGrid th, input, textarea, select, button { font-size: 10pt !important; /* از 9pt به 10pt */ } .card-header { font-size: 10.5pt !important; } .card-body { font-size: 10pt !important; } .btn, .card-body input[type="submit"], .card-body button[type="submit"] { font-size: 0.75rem !important; padding: 0.5rem 1rem !important; min-width: 120px !important; max-width: 90% !important; } .ewGridLowerPanel, .ewGridLowerPanel *, .ewGridLowerPanel td, .ewGridLowerPanel span, .ewGridLowerPanel .fontstyle { font-size: 11pt !important; } input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="date"], input[type="time"], textarea, select, .persian-date-input, .search-date-input { font-size: 10pt !important; } /* افزایش فونت td حاوی "لیست نمرات کلاسی" در موبایل */ td[bgcolor="#EAFFEB"], td[style*="background-color: #EAFFEB"], td[style*="background-color:#EAFFEB"] { font-size: 12pt !important; /* یک سایز بزرگتر از 11.5pt در موبایل کوچک */ } /* افزایش فونت "ردیف" در موبایل کوچک */ td[width="50px"] { font-size: 11pt !important; /* یک سایز بزرگتر */ } /* افزایش فونت "کد ملی" در موبایل کوچک */ .st-number-header { font-size: 11pt !important; /* یک سایز بزرگتر */ } } .carousel-wrapper { position: relative; margin: 0 auto; max-width: 1180px; padding: 0 12px; } .col-12.carousel-wrapper { padding-left: 0 !important; padding-right: 0 !important; } .carousel-wrapper .carousel { border-radius: 20px; overflow: hidden; box-shadow: 0 18px 36px rgba(15, 23, 42, .12); width: 100%; padding: 0 !important; margin: 0 !important; } .carousel-wrapper .carousel-inner { aspect-ratio: 1000 / 300; width: 100%; position: relative; overflow: hidden; padding: 0 !important; margin: 0 !important; } .carousel-wrapper .carousel-inner.w-100 { width: 100% !important; padding: 0 !important; margin: 0 !important; } .carousel-wrapper .carousel-item { height: 100% !important; background: #ffffff; text-align: center; display: flex; align-items: stretch !important; justify-content: stretch !important; overflow: hidden; padding: 0 !important; margin: 0 !important; width: 100% !important; } .carousel-wrapper .carousel-item.item { height: 100% !important; padding: 0 !important; margin: 0 !important; } .carousel-wrapper .carousel-slide-img, .carousel-wrapper .img-fluid.carousel-slide-img, .carousel-wrapper .carousel-item img.carousel-slide-img, .carousel-wrapper .carousel-item .img-fluid.carousel-slide-img, .carousel-wrapper .carousel-item img, .carousel-wrapper .carousel-item .img-fluid { width: 100% !important; height: 100% !important; object-fit: fill !important; object-position: center !important; display: block !important; max-width: 100% !important; max-height: 100% !important; min-width: 100% !important; min-height: 100% !important; padding: 0 !important; margin: 0 !important; border: none !important; } @media (max-width: 992px) { .carousel-wrapper { padding: 0 8px; } } @media (max-width: 768px) { .carousel-wrapper .carousel-inner { aspect-ratio: 1000 / 360; } } @media (max-width: 576px) { .carousel-wrapper .carousel { border-radius: 16px; } } .top-students-section { margin: 0 auto 30px; padding: 20px; border-radius: 24px; overflow: hidden; position: relative; } .top-students-section::before { content: ""; position: absolute; inset: 10% -20% auto; height: 240px; background: radial-gradient(circle at center, rgba(255, 255, 255, .35), transparent 60%); opacity: .75; pointer-events: none; } .top-students-section header.section-header { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .top-students-carousel { position: relative; padding-top: 12px; } .top-students-carousel .carousel-indicators { position: static; display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 20px; margin-bottom: 0; padding: 0; } .top-students-carousel .carousel-indicators li { background-color: rgba(18, 134, 221, .3); width: 12px; height: 12px; border-radius: 50%; } .top-students-carousel .carousel-indicators .active { background-color: #1286dd; } .top-students-slide { display: flex; justify-content: center; gap: 24px; padding: 15px 10px 35px; } .top-students-card { background: #fff; border-radius: 18px; box-shadow: 0 15px 35px rgba(15, 23, 42, .08); padding: 18px 18px 26px; max-width: 280px; width: 100%; text-align: center; position: relative; transition: transform .35s ease, box-shadow .35s ease; } .top-students-card::after { content: ""; position: absolute; inset: auto 20% -22px; height: 46px; background: radial-gradient(circle, rgba(15, 23, 42, .22), transparent 65%); z-index: -1; opacity: 0; transition: opacity .35s ease; } .top-students-card:hover { transform: translateY(-8px); box-shadow: 0 22px 45px rgba(15, 23, 42, .12); } .top-students-card:hover::after { opacity: 1; } .top-students-avatar { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; object-position: center 25%; box-shadow: 0 10px 25px rgba(18, 134, 221, .25); margin-bottom: 15px; } .top-students-name { font-size: 15px; font-weight: 700; margin-bottom: 10px; color: #15223b; } .top-students-grade { font-size: 14px; color: #5b708b; margin-bottom: 0; } .links-section { margin: 15px 0 35px; padding: 16px 24px; border-radius: 24px; background: linear-gradient(135deg, rgba(17, 94, 207, .1), rgba(45, 197, 253, .08)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35); position: relative; overflow: hidden; } .links-section .section-header { justify-content: center !important; text-align: center !important; display: flex !important; align-items: center !important; width: 100% !important; } .links-section .section-header::after { display: none !important; } .links-section .section-title { margin: 0 auto !important; text-align: center !important; width: auto !important; } .links-section::after { content: ""; position: absolute; inset: auto -30% -35%; height: 280px; background: radial-gradient(circle at top, rgba(255, 255, 255, .4), transparent 70%); pointer-events: none; } .links-inner { position: relative; z-index: 1; } .links-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 18px; margin-top:10px; } .link-card { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 18px 16px 20px; border-radius: 18px; background: rgba(255, 255, 255, .82); backdrop-filter: blur(6px); text-decoration: none; box-shadow: 0 18px 35px rgba(15, 23, 42, .08); transition: transform .25s ease, box-shadow .25s ease, background .25s ease; } .link-card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(15, 23, 42, .12); background: #ffffff; } .link-card-icon { display: flex; align-items: center; justify-content: center; width: 100%; max-height: 96px; } .link-card-icon img { max-height: 96px; width: auto; } .link-card-title { color: #1f2942; font-weight: 600; font-size: 15px; text-align: center; line-height: 1.6; min-height: 48px; display: flex; align-items: center; justify-content: center; } .top-students-carousel-frame { display: flex; align-items: center; justify-content: center; gap: 14px; position: relative; padding: 0 6px; max-width: 100%; } .top-students-carousel-frame .btn-floating { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; background: #ffffff; color: #1286dd; box-shadow: 0 10px 20px rgba(15, 23, 42, .08); transition: transform .25s ease, background .25s ease, color .25s ease; border-radius: 12px; } .top-students-carousel-frame .btn-floating.btn-floating-prev i { transform: rotate(180deg); } .top-students-carousel-frame .btn-floating:hover { transform: translateY(-2px); background: #1286dd; color: #fff; } .top-students-slide { flex: 1 1 auto; min-width: 0; } .top-students-slide::-webkit-scrollbar { display: none; } .top-students-slide { -ms-overflow-style: none; scrollbar-width: none; } @media (max-width: 992px) { .top-students-slide { gap: 18px; } .top-students-card { max-width: 240px; } } @media (max-width: 768px) { .top-students-section { padding: 18px 16px 26px; } .top-students-carousel-frame { gap: 10px; } .top-students-slide { justify-content: flex-start; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 10px 6px 24px; } .top-students-card { scroll-snap-align: center; min-width: 100%; max-width: 100%; } .top-students-card::after { inset: auto 30% -22px; } .links-section { padding: 22px 20px; border-radius: 22px; } .links-grid { gap: 16px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); } } @media (max-width: 520px) { .top-students-card { min-width: 100%; } .top-students-name { font-size: 14px; } .top-students-grade { font-size: 13px; } } @media (max-width: 576px) { .top-students-section { padding: 16px 14px 22px; border-radius: 20px; } .top-students-carousel-frame { gap: 8px; } .top-students-carousel-frame .btn-floating { width: 32px; height: 32px; font-size: 13px; } .top-students-avatar { width: 100px; height: 100px; object-position: center 22%; margin-bottom: 12px; } .top-students-card { min-width: 100%; padding: 14px 14px 22px; } .top-students-name { font-size: 13.5px; } .top-students-grade { font-size: 12.5px; } .links-section { padding: 18px 16px 22px; margin: 20px 0 28px; } .links-grid { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px; } .link-card { padding: 16px 12px 18px; border-radius: 16px; gap: 10px; } .link-card-title { font-size: 14px; min-height: auto; } } /* کاهش فاصله عمودی بین بخش‌ها */ .top-students-section { margin-bottom: 2px !important; } .top-students-section + .col-lg-12, .top-students-section ~ .col-lg-12 { margin-top: 2px !important; } .links-section { margin-top: 2px !important; margin-bottom: 2px !important; } .col-lg-12.m-b30 { margin-bottom: 2px !important; } .widget-box { margin-bottom: 2px !important; } /* استایل مدرن برای بخش خبرها و اطلاعیه‌ها */ .news-modern-card { background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95)); border: 1.5px solid rgba(37, 99, 235, 0.18); border-radius: 18px; padding: 22px 26px; margin-bottom: 16px; box-shadow: 0 6px 24px rgba(15, 23, 42, 0.08), 0 2px 10px rgba(15, 23, 42, 0.05); transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; } .news-modern-card::before { content: ""; position: absolute; top: 0; right: 0; width: 5px; height: 100%; background: linear-gradient(180deg, rgba(37, 99, 235, 0.7), rgba(103, 126, 234, 0.5), rgba(37, 99, 235, 0.7)); border-top-right-radius: 18px; border-bottom-right-radius: 18px; pointer-events: none; z-index: 1; } .news-modern-card::after { content: ""; position: absolute; top: -50%; right: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(37, 99, 235, 0.03), transparent 70%); opacity: 0; transition: opacity 0.35s ease; pointer-events: none; z-index: 1; } .news-modern-card:hover { transform: translateY(-3px); box-shadow: 0 12px 36px rgba(15, 23, 42, 0.12), 0 6px 16px rgba(15, 23, 42, 0.08); border-color: rgba(37, 99, 235, 0.3); background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(249, 250, 251, 0.98)); } .news-modern-card:hover::after { opacity: 1; } .news-modern-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 14px; border-bottom: 1.5px solid rgba(37, 99, 235, 0.12); position: relative; } .news-modern-header::after { content: ""; position: absolute; bottom: -1.5px; right: 0; width: 60px; height: 2px; background: linear-gradient(90deg, rgba(37, 99, 235, 0.5), transparent); border-radius: 2px; } .news-modern-title { font-size: 14px; font-weight: 700; color: #0f172a; text-decoration: none; display: flex; align-items: center; gap: 8px; transition: all 0.25s ease; flex: 1; } .news-modern-title i { color: rgba(37, 99, 235, 0.75); font-size: 11px; transition: all 0.25s ease; margin-left: 2px; } .news-modern-title:hover { color: #1d4ed8; text-decoration: none; transform: translateX(-2px); } .news-modern-title:hover i { color: #1d4ed8; transform: translateX(-2px); } .news-modern-date { font-size: 13px; color: #64748b; background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(103, 126, 234, 0.08)); padding: 6px 14px; border-radius: 14px; font-weight: 600; border: 1px solid rgba(37, 99, 235, 0.15); box-shadow: 0 2px 6px rgba(37, 99, 235, 0.08); white-space: nowrap; } .news-modern-content { font-size: 10px !important; color: #475569; line-height: 1.7; margin-bottom: 18px; padding-right: 6px; text-align: justify; } .news-modern-content, .news-modern-content *, .news-modern-content p, .news-modern-content span, .news-modern-content div { font-size: 12px !important; } .news-modern-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0; background: transparent; color: #1d4ed8; border-radius: 0; font-size: 13px; font-weight: 600; text-decoration: none; transition: all 0.25s ease; box-shadow: none; border: none; cursor: pointer; font-family: 'IRANSans', Tahoma, sans-serif; position: relative; z-index: 10; pointer-events: auto; } .news-modern-btn:hover { transform: none; box-shadow: none; color: #2563eb; text-decoration: underline; } .news-modern-btn:active { transform: none; box-shadow: none; } .news-section-header { justify-content: center !important; text-align: center !important; display: flex !important; align-items: center !important; width: 100% !important; } .news-section-title, h3.news-section-title, .news-section-header h3.news-section-title, .news-section-header .news-section-title { font-size: 15px !important; line-height: 24px !important; color: #0f172a !important; position: relative !important; display: inline-block !important; padding-bottom: 12px !important; margin-bottom: 10px !important; } .news-section-title::before { content: ""; position: absolute; bottom: 0; right: 50%; transform: translateX(50%); width: 80px; height: 4px; background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.7), rgba(103, 126, 234, 0.5), rgba(37, 99, 235, 0.7), transparent); border-radius: 4px; box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3); } .news-section-title::after { content: ""; position: absolute; bottom: -2px; right: 50%; transform: translateX(50%); width: 120px; height: 2px; background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.2), transparent); border-radius: 2px; } @media (max-width: 768px) { .news-modern-card { padding: 16px 18px; border-radius: 14px; } .news-modern-header { flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; } .news-modern-date { align-self: auto; flex-shrink: 0; } .news-modern-title { font-size: 12px; flex: 1; } .news-modern-title i { font-size: 10px; } .news-modern-content { font-size: 11px !important; } .news-modern-content * { font-size: 11px !important; } } /* Toast Notification Styles - Global */ .toast-notification { position: fixed; top: 120px; left: 20px; z-index: 10000; min-width: 300px; max-width: 500px; padding: 1rem 1.25rem; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.1); display: flex; align-items: center; gap: 0.75rem; font-family: 'IRANSans', Tahoma, sans-serif; font-size: 0.875rem; line-height: 1.5; direction: rtl; opacity: 0; transform: translateX(-20px); transition: all 0.3s ease; pointer-events: none; } .toast-notification.show { opacity: 1; transform: translateX(0); pointer-events: auto; } .toast-notification.success { background: linear-gradient(135deg, #10b981 0%, #059669 100%); color: #ffffff; border-left: 4px solid #047857; } .toast-notification.error { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); color: #ffffff; border-left: 4px solid #b91c1c; } .toast-notification-icon { font-size: 1.5rem; font-weight: bold; line-height: 1; flex-shrink: 0; } .toast-notification-message { flex: 1; word-wrap: break-word; } @media (max-width: 768px) { .toast-notification { top: 110px; left: 10px; right: 10px; min-width: auto; max-width: calc(100% - 20px); font-size: 0.8125rem; padding: 0.875rem 1rem; } } /* محدود کردن عرض کادر تاریخ در studentadd.php */ .date-input-wrapper { position: relative !important; width: auto !important; max-width: 400px !important; min-width: 200px !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; } .date-input-wrapper input[type="text"] { width: auto !important; max-width: 350px !important; min-width: 200px !important; flex: 1 !important; } /* استایل آیکن تقویم داخل date-input-wrapper */ .date-input-wrapper svg { position: absolute !important; left: 8px !important; top: 50% !important; transform: translateY(-50%) !important; cursor: pointer !important; color: #4A90E2 !important; pointer-events: auto !important; z-index: 10 !important; width: 20px !important; height: 20px !important; } /* یکسان سازی عرض همه input box ها در جداول - محدود کردن به اندازه استاندارد */ table.ewTable input[type="text"], table.ewTable input[type="email"], table.ewTable input[type="tel"], table.ewTable input[type="number"], table.ewTable input[type="date"], table.ewTable select { width: auto !important; max-width: 400px !important; min-width: 200px !important; box-sizing: border-box !important; display: block !important; } /* استثنا برای دکمه submit - نباید display: block داشته باشد */ table.ewTable input[type="submit"], table.ewTable #btnAction, #btnAction { display: inline-block !important; width: auto !important; min-width: auto !important; max-width: none !important; } /* اطمینان از یکسان بودن عرض در span های wrapper */ table.ewTable td span { display: block !important; width: auto !important; box-sizing: border-box !important; } /* استثنا برای span هایی که inline-flex دارند (مثل آیکون‌ها با متن) */ table.ewTable td span[style*="inline-flex"], table.ewTable td span[style*="display: inline-flex"], table.ewTable td a[style*="inline-flex"], table.ewTable td a[style*="display: inline-flex"] { display: inline-flex !important; align-items: center !important; vertical-align: middle !important; } /* اطمینان از نمایش درست محتوای داخل span های inline-flex */ table.ewTable td span[style*="inline-flex"] span, table.ewTable td span[style*="display: inline-flex"] span, table.ewTable td a[style*="inline-flex"] span, table.ewTable td a[style*="display: inline-flex"] span { display: inline !important; } table.ewTable td span input[type="text"], table.ewTable td span input[type="email"], table.ewTable td span input[type="tel"], table.ewTable td span input[type="number"], table.ewTable td span input[type="date"], table.ewTable td span select { width: auto !important; max-width: 400px !important; min-width: 200px !important; box-sizing: border-box !important; } /* استایل‌های دکمه‌های مدرن */ .btn-modern-save, .btn-modern-delete, .btn-modern-add, .btn-modern-update { display: inline-flex; align-items: center; justify-content: center; padding: 10px 20px; font-size: 15px; font-weight: 600; font-family: IRANsans, Tahoma, Arial; border: none; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); text-decoration: none; } .btn-modern-save { background: linear-gradient(135deg, #4CAF50, #45a049); color: white; } .btn-modern-save:hover { background: linear-gradient(135deg, #45a049, #3d8b40); box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3); transform: translateY(-2px); } .btn-modern-delete { background: linear-gradient(135deg, #f44336, #d32f2f); color: white; } .btn-modern-delete:hover { background: linear-gradient(135deg, #d32f2f, #c62828); box-shadow: 0 4px 12px rgba(244, 67, 54, 0.3); transform: translateY(-2px); } .btn-modern-add { background: linear-gradient(135deg, #2196F3, #1976D2); color: white; } .btn-modern-add:hover { background: linear-gradient(135deg, #1976D2, #1565C0); box-shadow: 0 4px 12px rgba(33, 150, 243, 0.3); transform: translateY(-2px); } .btn-modern-update { background: linear-gradient(135deg, #FF9800, #F57C00); color: white; } .btn-modern-update:hover { background: linear-gradient(135deg, #F57C00, #E65100); box-shadow: 0 4px 12px rgba(255, 152, 0, 0.3); transform: translateY(-2px); } .btn-modern-save svg, .btn-modern-delete svg, .btn-modern-add svg, .btn-modern-update svg { margin-left: 8px; } /* اطمینان از معکوس شدن آیکن بازگشت در همه صفحات */ .action-icon-button.back svg, a.action-icon-button.back svg, .action-icon-button.back > svg, .action-icon-button.back svg[viewBox="0 0 24 24"] { transform: scaleX(-1) !important; } .action-icon-button.back:hover svg, a.action-icon-button.back:hover svg, .action-icon-button.back:hover > svg, .action-icon-button.back:hover svg[viewBox="0 0 24 24"] { transform: scaleX(-1) scale(1.05) !important; } /* حذف کادر و border از همه لینک‌ها و آیکون‌ها داخل ewTable و ewTableSeparate */ .ewTable a, .ewTable a:link, .ewTable a:visited, .ewTable a:hover, .ewTable a:active, .ewTable a:focus, .ewTableSeparate a, .ewTableSeparate a:link, .ewTableSeparate a:visited, .ewTableSeparate a:hover, .ewTableSeparate a:active, .ewTableSeparate a:focus { border: none !important; outline: none !important; box-shadow: none !important; text-decoration: none !important; } /* حذف کادر خاص از لینک‌های autoactive */ .ewTable a[onclick*="autoactive"], .ewTable a[onclick*="autoactive"]:link, .ewTable a[onclick*="autoactive"]:visited, .ewTable a[onclick*="autoactive"]:hover, .ewTable a[onclick*="autoactive"]:active, .ewTable a[onclick*="autoactive"]:focus, .ewTableSeparate a[onclick*="autoactive"], .ewTableSeparate a[onclick*="autoactive"]:link, .ewTableSeparate a[onclick*="autoactive"]:visited, .ewTableSeparate a[onclick*="autoactive"]:hover, .ewTableSeparate a[onclick*="autoactive"]:active, .ewTableSeparate a[onclick*="autoactive"]:focus { border: 0 !important; outline: 0 !important; box-shadow: none !important; text-decoration: none !important; background: none !important; background-color: transparent !important; padding: 0 !important; margin: 0 !important; display: inline-block !important; } /* حذف کادر از div های حاوی آیکون‌ها */ .ewTable td div[align="center"], .ewTable td div[style*="inline-flex"], .ewTableSeparate td div[align="center"], .ewTableSeparate td div[style*="inline-flex"] { border: none !important; outline: none !important; box-shadow: none !important; background: transparent !important; } /* استایل برای آیکون‌های SVG داخل جدول */ .ewTable svg { transition: all 0.3s ease; } .ewTable a:hover svg { transform: scale(1.15); filter: brightness(1.2); } /* حذف کادر از دکمه‌های مرتب‌سازی */ .ewTableHeaderBtn a, .ewTableHeaderBtn td, .ewTableHeaderBtn { border: none !important; outline: none !important; box-shadow: none !important; background: transparent !important; } /* استایل برای آیکون‌های رنگی */ .ewTable a svg[stroke="#4CAF50"] { stroke: #4CAF50; } .ewTable a:hover svg[stroke="#4CAF50"] { stroke: #45a049; } .ewTable a svg[stroke="#f44336"] { stroke: #f44336; } .ewTable a:hover svg[stroke="#f44336"] { stroke: #d32f2f; } /* استایل برای نوشته‌ها و آیکون‌های لیست در بدنه جدول (ListOptions Body) */ .ewTable tbody td span[style*="inline-flex"] { font-size: 12px !important; gap: 8px !important; } /* استایل خاص برای لینک‌های ListOptions */ .ewTable tbody td a[style*="text-decoration: none"] span[style*="inline-flex"] { font-size: 12px !important; gap: 8px !important; } /* استایل برای آیکون‌های SVG در بدنه لیست */ .ewTable tbody td span[style*="inline-flex"] svg, .ewTable tbody td a span[style*="inline-flex"] svg { width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; } /* حذف کامل کادر دور لینک تایید خودکار */ .ewTable a.auto-update-link, .ewTable a.auto-update-link:link, .ewTable a.auto-update-link:visited, .ewTable a.auto-update-link:hover, .ewTable a.auto-update-link:active, .ewTable a.auto-update-link:focus { border: none !important; outline: none !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; margin: 0 !important; } /* استایل آیکون تایید خودکار */ .ewTable a.auto-update-link svg { transition: all 0.3s ease; display: block; } .ewTable a.auto-update-link:hover svg { transform: scale(1.2); filter: brightness(1.1); } /* کاهش عرض ستون ردیف برای نمایش بهتر ستون‌های دیگر */ .ewTable td[width="15"], .ewTable th[width="15"], .ewTable thead td[width="15"] { width: 15px !important; max-width: 15px !important; min-width: 15px !important; padding: 8px 4px !important; font-size: 8.5pt !important; } /* اطمینان از فشرده بودن ستون ردیف در بدنه جدول */ .ewTable tbody td[style*="width: 15px"] { width: 15px !important; max-width: 15px !important; padding: 8px 4px !important; font-size: 8.5pt !important; } /* کلاس ewGrid1 برای نمایش اسکرول افقی - table wrapper */ table.ewGrid1 { display: block !important; width: 100% !important; overflow-x: auto !important; overflow-y: visible !important; -webkit-overflow-scrolling: touch !important; } /* tr و td داخل ewGrid1 */ table.ewGrid1 > tbody, table.ewGrid1 > tbody > tr, table.ewGrid1 > tbody > tr > td { display: block !important; width: 100% !important; } /* ewGridContent1 داخل ewGrid1 */ table.ewGrid1 td.ewGridContent1 { overflow-x: visible !important; padding: 0 !important; } /* جدول اصلی داخل ewGrid1 */ table.ewGrid1 .ewTable, table.ewGrid1 table.ewTable { width: max-content !important; min-width: 100% !important; display: table !important; margin: 0 !important; } /* جلوگیری از overflow در divهای داخلی */ table.ewGrid1 .ewGridMiddlePanel, table.ewGrid1 .ewGrid, table.ewGrid1 .ewGridContent { overflow: visible !important; } /* استایل نوار اسکرول برای ewGrid1 */ .ewGrid1::-webkit-scrollbar { height: 10px !important; background-color: rgba(241, 245, 249, 0.9) !important; border-radius: 5px !important; } .ewGrid1::-webkit-scrollbar-thumb { background: linear-gradient(135deg, rgba(37, 99, 235, 0.7), rgba(59, 130, 246, 0.6)) !important; border-radius: 5px !important; transition: background 0.3s ease !important; border: 2px solid rgba(241, 245, 249, 0.9) !important; } .ewGrid1::-webkit-scrollbar-thumb:hover { background: linear-gradient(135deg, rgba(37, 99, 235, 0.9), rgba(59, 130, 246, 0.8)) !important; } .ewGrid1::-webkit-scrollbar-track { background: rgba(241, 245, 249, 0.5) !important; border-radius: 5px !important; } /* استایل اسکرول برای Firefox */ .ewGrid1 { scrollbar-width: thin !important; scrollbar-color: rgba(37, 99, 235, 0.7) rgba(241, 245, 249, 0.8) !important; } /* محدود کردن عرض ستون اول (ردیف) به حداکثر 50px */ .ewTable tbody tr td:first-child, .ewTable thead tr td:first-child { max-width: 50px !important; width: 50px !important; min-width: 25px !important; padding: 2px !important; text-align: center !important; } /* عریض‌تر کردن ستون دوم */ .ewTable tbody tr td:nth-child(2), .ewTable thead tr td:nth-child(2) { width: auto !important; min-width: 120px !important; } /* استایل دکمه مدرن */ .btn-modern { padding: 5px 12px; background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%); color: white; border: none; border-radius: 5px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2); } .btn-modern:hover { background: linear-gradient(135deg, #1d4ed8 0%, #1e3a8a 100%); box-shadow: 0 4px 8px rgba(37, 99, 235, 0.3); transform: translateY(-1px); } .btn-modern:active { transform: translateY(0); box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2); } /* استایل Modal مدرن */ .modern-modal-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); z-index: 9998; animation: fadeIn 0.2s ease; } .modern-modal-container { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 900px; height: 85vh; max-height: 700px; background: white; border-radius: 12px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); z-index: 9999; display: flex; flex-direction: column; animation: slideDown 0.3s ease; } .modern-modal-header { display: flex; justify-content: space-between; align-items: center; padding: 20px 24px; border-bottom: 1px solid #e5e7eb; background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%); border-radius: 12px 12px 0 0; } .modern-modal-header h3 { margin: 0; font-size: 14px; font-weight: 600; color: #1f2937; } .modern-modal-close { background: none; border: none; font-size: 32px; line-height: 1; color: #6b7280; cursor: pointer; padding: 0; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 6px; transition: all 0.2s ease; } .modern-modal-close:hover { background: #f3f4f6; color: #1f2937; } .modern-modal-body { flex: 1; overflow: hidden; padding: 0; position: relative; } /* آیکن لودینگ modal */ .modern-modal-loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; } .modern-modal-spinner { width: 50px; height: 50px; border: 4px solid #f3f4f6; border-top: 4px solid #2563eb; border-radius: 50%; animation: spin 0.8s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .modern-modal-iframe { width: 100%; height: 100%; border: none; border-radius: 0 0 12px 12px; transition: opacity 0.3s ease; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes slideDown { from { opacity: 0; transform: translate(-50%, -52%); } to { opacity: 1; transform: translate(-50%, -50%); } } /* Responsive modal */ @media (max-width: 768px) { .modern-modal-container { width: 95%; height: 90vh; max-height: none; } .modern-modal-header { padding: 15px 16px; } .modern-modal-header h3 { font-size: 13px; } .modern-modal-spinner { width: 40px; height: 40px; border-width: 3px; } } /* Error Modal Styles */ .error-modal-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 10000; animation: fadeIn 0.2s ease; } .error-modal-container { background: white; border-radius: 12px; padding: 0; max-width: 420px; width: 90%; box-shadow: 0 10px 40px rgba(59, 130, 246, 0.12); animation: scaleIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); overflow: hidden; border: 1px solid #dbeafe; } .error-modal-header { background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%); padding: 14px 20px; display: flex; align-items: center; gap: 10px; } .error-modal-icon { width: 38px; height: 38px; background: rgba(255, 255, 255, 0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .error-modal-icon svg { width: 22px; height: 22px; color: white; stroke: white; fill: none; stroke-width: 2.5; } .error-modal-title { font-size: 13px; font-weight: 500; color: white; margin: 0; font-family: IRANSans, Tahoma, Arial, sans-serif; letter-spacing: -0.01em; } .error-modal-body { padding: 22px 24px; font-size: 13px; line-height: 1.7; color: #475569; font-family: IRANSans, Tahoma, Arial, sans-serif; text-align: right; direction: rtl; } .error-modal-footer { padding: 14px 22px; background: #f8fafc; border-top: 1px solid #e2e8f0; display: flex; justify-content: center; } .error-modal-button { background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%); color: white; border: none; padding: 9px 28px; border-radius: 7px; font-size: 12px; font-weight: 500; cursor: pointer; font-family: IRANSans, Tahoma, Arial, sans-serif; transition: all 0.2s ease; box-shadow: 0 2px 8px rgba(59, 130, 246, 0.2); } .error-modal-button:hover { background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3); } .error-modal-button:active { transform: translateY(0); box-shadow: 0 2px 6px rgba(59, 130, 246, 0.25); } @keyframes scaleIn { from { opacity: 0; transform: scale(0.8); } to { opacity: 1; transform: scale(1); } } /* Responsive error modal */ @media (max-width: 768px) { .error-modal-container { max-width: 95%; } .error-modal-header { padding: 12px 16px; } .error-modal-icon { width: 34px; height: 34px; } .error-modal-icon svg { width: 20px; height: 20px; } .error-modal-title { font-size: 12px; } .error-modal-body { padding: 18px 20px; font-size: 12px; line-height: 1.65; } .error-modal-footer { padding: 12px 18px; } .error-modal-button { padding: 8px 24px; font-size: 11px; } }