মিডিয়াউইকি:Common.css: সংশোধিত সংস্করণের মধ্যে পার্থক্য

← পুরনো সম্পাদনা নতুনতর সম্পাদনা →

@@ ৫৬৩ নং লাইন: / ৫৬৩ নং লাইন: @@
 .infobox-office, .infobox-organization {
      color: #3465c5;
+}
+/* মোবাইলে ইনফোবক্স ঠিকভাবে সেন্টার করা */
+@media (max-width: 767px) {
+    .infobox-person-officeholder {
+        width: 95%; /* মোবাইলে কিছুটা মার্জিন রেখে সুন্দরভাবে ফিট করবে */
+        margin: 10px auto; /* সেন্টার করা */
+        display: block;
+        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
+        border-radius: 8px; /* হালকা গোলাকৃতির কোণা */
+        overflow: hidden; /* ডিজাইন ঠিক রাখবে */
+    }
+    /* মোবাইলে ইনফোবক্সের ভেতরের টেবিলের স্পেসিং ঠিক করা */
+    .infobox-person-officeholder table {
+        width: 100%;
+        border-collapse: collapse;
+    }
+    /* মোবাইলে ইনফোবক্সের প্রতিটি সেকশন ঠিকমতো বসানোর জন্য */
+    .infobox-person-officeholder th,
+    .infobox-person-officeholder td {
+        display: block;
+        text-align: center;
+        padding: 8px;
+    }
+    /* মোবাইল ভিউতে ছবির জন্য */
+    .infobox-image-wrapper {
+        width: 100%;
+        max-width: 300px;
+        margin: 0 auto;
+    }
+    .infobox-img {
+        width: 100%;
+        max-height: 250px;
+        object-fit: cover; /* ছবি ঠিকভাবে বসবে */
+        border-radius: 5px;
+    }
+    /* মোবাইল ভিউতে সিগনেচার ঠিকমতো বসানোর জন্য */
+    .infobox-signature img {
+        max-width: 80px;
+        height: auto;
+    }
 }