پرش به محتوا

صفحه اصلی/دسته بندی موضوعی - فراغیب

از فراغیب
صفحه‌ای تازه حاوی «<html> <!-- بخش استایل‌های اختصاصی و واکنش‌گرا (در صورت استفاده همزمان در یک صفحه، کدهای CSS مشترک هستند) --> <style> .wiki-category-container { direction: rtl; margin: 40px auto; max-width: 1200px; padding: 10px; } .wiki-category-grid { display: grid !important; grid-template-columns: repeat(6, 1fr) !important; gap: 15px !im...» ایجاد کرد
 
بدون خلاصۀ ویرایش
خط ۱: خط ۱:
<html>
<html>
<!-- بخش استایل‌های اختصاصی و واکنش‌گرا (در صورت استفاده همزمان در یک صفحه، کدهای CSS مشترک هستند) -->
<!-- بخش استایل‌های اختصاصی و واکنش‌گرا -->
<style>
<style>
   .wiki-category-container {
   .wiki-category-container {
خط ۱۱: خط ۱۱:
   .wiki-category-grid {
   .wiki-category-grid {
     display: grid !important;
     display: grid !important;
     grid-template-columns: repeat(6, 1fr) !important;
     grid-template-columns: repeat(5, 1fr) !important; /* چیدمان ۵ ستونه در دسکتاپ */
     gap: 15px !important;
     gap: 15px !important;
   }
   }
خط ۲۷: خط ۲۷:
     font-weight: 600;
     font-weight: 600;
      
      
     /* استفاده از clamp برای تغییر اندازه فونت پویا بین 14px تا 17px متناسب با عرض صفحه */
     /* استفاده از clamp برای تغییر اندازه فونت پویا متناسب با عرض صفحه */
     font-size: clamp(13px, 1.1vw, 16px) !important;
     font-size: clamp(13px, 1.1vw, 16px) !important;
      
      
خط ۴۷: خط ۴۷:
   @media (max-width: 768px) {
   @media (max-width: 768px) {
     .wiki-category-grid {
     .wiki-category-grid {
       grid-template-columns: repeat(2, 1fr) !important; /* ۲ کادر در هر ردیف */
       grid-template-columns: repeat(2, 1fr) !important; /* ۲ کادر در هر ردیف در موبایل */
       gap: 10px !important;
       gap: 10px !important;
     }
     }

نسخهٔ ‏۶ ژوئیهٔ ۲۰۲۶، ساعت ۱۵:۳۷