@charset "utf-8"; /* ========================================================= RotaiMax - استایل سراسری سایت 1) فونت وزیر برای کل سایت (فایل ها در /fonts/ ) 2) سلسله مراتب تیترها : H1 > H2 > H3 > H4 > H5 > H6 این فایل باید آخرین استایل داخل باشد ========================================================= */ /* ---------------- 1) فونت وزیر ---------------- */ @font-face { font-family: 'Vazir'; src: url('/fonts/Vazir.eot'); src: url('/fonts/Vazir.eot?#iefix') format('embedded-opentype'), url('/fonts/Vazir.woff2') format('woff2'), url('/fonts/Vazir.woff') format('woff'), url('/fonts/Vazir.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Vazir'; src: url('/fonts/Vazir-Thin.eot'); src: url('/fonts/Vazir-Thin.eot?#iefix') format('embedded-opentype'), url('/fonts/Vazir-Thin.woff2') format('woff2'), url('/fonts/Vazir-Thin.woff') format('woff'), url('/fonts/Vazir-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Vazir'; src: url('/fonts/Vazir-Light.eot'); src: url('/fonts/Vazir-Light.eot?#iefix') format('embedded-opentype'), url('/fonts/Vazir-Light.woff2') format('woff2'), url('/fonts/Vazir-Light.woff') format('woff'), url('/fonts/Vazir-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Vazir'; src: url('/fonts/Vazir-Medium.eot'); src: url('/fonts/Vazir-Medium.eot?#iefix') format('embedded-opentype'), url('/fonts/Vazir-Medium.woff2') format('woff2'), url('/fonts/Vazir-Medium.woff') format('woff'), url('/fonts/Vazir-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Vazir'; src: url('/fonts/Vazir-Bold.eot'); src: url('/fonts/Vazir-Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/Vazir-Bold.woff2') format('woff2'), url('/fonts/Vazir-Bold.woff') format('woff'), url('/fonts/Vazir-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } /* نام های جایگزین تا اگر جایی مستقیم صدا زده شد هم کار کند */ @font-face { font-family: 'Vazirmatn'; src: url('/fonts/Vazir.woff2') format('woff2'), url('/fonts/Vazir.woff') format('woff'), url('/fonts/Vazir.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Vazirmatn'; src: url('/fonts/Vazir-Bold.woff2') format('woff2'), url('/fonts/Vazir-Bold.woff') format('woff'), url('/fonts/Vazir-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } /* اعمال فونت روی کل سایت - بدون دست زدن به آیکون ها */ html, body, h1, h2, h3, h4, h5, h6, p, a, span, div, li, ul, ol, td, th, dt, dd, label, legend, small, strong, b, em, blockquote, figcaption, caption, address, pre, code, article, section, aside, header, footer, nav, main, form, fieldset, option, optgroup, summary, details, input, select, textarea, button, .btn, .form-control { font-family: 'Vazir', 'Vazirmatn', Tahoma, Arial, sans-serif !important; } /* آیکون ها (فونت آوسام) نباید فونتشان عوض شود */ .fa, .fas, .far, .fal, .fab, .fa-solid, .fa-regular, .fa-brands, [class^="fa-"], [class*=" fa-"], .glyphicon, [class^="glyphicon-"], [class*=" glyphicon-"], .material-icons, .icon-font { font-family: 'FontAwesome' !important; } .fab, .fa-brands, [class^="fa-brand"] { font-family: 'FontAwesome' !important; } .glyphicon, [class^="glyphicon-"], [class*=" glyphicon-"] { font-family: 'Glyphicons Halflings' !important; } .material-icons { font-family: 'Material Icons' !important; } /* اعداد و ارقام لاتین با همان وزیر خوانا هستند */ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ---------------- 2) سلسله مراتب تیترها ---------------- این قوانین فقط روی تیترهای بدون کلاس (متن محتوای مدیر) اثر می گذارند چون انتخابگرهای کلاس دار اولویت بالاتری دارند و طراحی صفحات حفظ می شود. */ h1 { font-size: 30px; font-weight: 700; line-height: 1.45; } h2 { font-size: 23px; font-weight: 700; line-height: 1.5; } h3 { font-size: 18px; font-weight: 700; line-height: 1.6; } h4 { font-size: 16px; font-weight: 700; line-height: 1.6; } h5 { font-size: 15px; font-weight: 700; line-height: 1.7; } h6 { font-size: 14px; font-weight: 700; line-height: 1.7; } /* --- تضمین کوچک تر بودن H3 نسبت به H2 در بدنه مطالب و محصولات --- */ .full-description h2, .article-body h2, .page-content h2, .toc-content-text h2, .faq-answer-text h2 { font-size: 22px; } .full-description h3, .article-body h3, .page-content h3, .toc-content-text h3, .faq-answer-text h3 { font-size: 17px; } .full-description h4, .article-body h4, .page-content h4, .toc-content-text h4, .faq-answer-text h4 { font-size: 15px; } /* تیترهای کلاس دار قالب - نگه داشتن ترتیب H2 بزرگ تر از H3 */ .toc-list-title { font-size: 17px !important; } .sidebar-widget-title{ font-size: 17px !important; } .footer-title { font-size: 17px !important; } @media (max-width: 992px) { h1 { font-size: 26px; } h2 { font-size: 21px; } h3 { font-size: 17px; } h4 { font-size: 15px; } } @media (max-width: 768px) { h1 { font-size: 22px; } h2 { font-size: 19px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 13px; } h6 { font-size: 13px; } .full-description h2, .article-body h2, .page-content h2, .toc-content-text h2, .faq-answer-text h2 { font-size: 19px; } .full-description h3, .article-body h3, .page-content h3, .toc-content-text h3, .faq-answer-text h3 { font-size: 16px; } .toc-list-title, .sidebar-widget-title, .footer-title { font-size: 16px !important; } }