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

→ تفاوت با ویرایش قدیمی‌تر تفاوت با ویرایش جدیدتر ←

@@ خط ۸۲۱: / خط ۸۲۱: @@
      }
 }
@@ خط ۸۲۷: / خط ۸۲۶: @@
      display: grid;
      grid-template-columns: repeat(6, 1fr);
-     gap: 10px; /* کاهش فاصله بین گریدها */
+     gap: 10px;
      margin-top: 15px;
+    /* این خط باعث می‌شود ستون‌ها در وسط قرار بگیرند */
+    justify-items: center;
 }
@@ خط ۸۳۴: / خط ۸۳۵: @@
      background-color: #f4f7fa;
      border: 2px solid #9bbbd9;
-     border-radius: 6px; /* کمی گردتر و ظریف‌تر */
+     border-radius: 6px;
-    /* کاهش فضای داخلی برای کوچک شدن ارتفاع و عرض */
-    padding: 5px 2px;
-    /* تنظیم سایز فونت برای باکس‌های کوچک‌تر */
-    font-size: 0.9em;
-     text-align: center;
+     /* تنظیم ابعاد دقیق برای کوچک شدن */
-     transition: all 0.2s ease-in-out;
+    width: 100px;      /* عرض ثابت (کمتر از این مقدار کوچک‌تر می‌شود) */
+     height: 40px;      /* ارتفاع ثابت */
-     /* جلوگیری از بزرگ شدن بیش از حد ارتفاع */
+     /* متن داخل باکس */
-     min-height: 40px;
+     font-size: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
+    transition: all 0.2s ease-in-out;
 }
 .grid-item:hover {
-     transform: translateY(-2px); /* کاهش شدت حرکت هاور */
+     transform: translateY(-2px);
      border-color: #5a8ab8;
      background-color: #e8f0f8;
@@ خط ۸۶۲: / خط ۸۶۰: @@
      .main-grid {
          grid-template-columns: repeat(3, 1fr);
-         gap: 8px;
+    }
+    .grid-item {
+         width: 80px;  /* در موبایل کوچک‌تر شود */
+        height: 35px;
      }
 }