"میڈیاویکی:Common.css" کے نسخوں کے درمیان فرق

کوئی خلاصۂ ترمیم نہیں
کوئی خلاصۂ ترمیم نہیں
ٹیگ: موبائل ترمیم موبائل ویب ترمیم
سطر 443: سطر 443:
  * comment above.
  * comment above.
  */
  */
/* General Infobox styles */
/* কাস্টম ক্লাস "infobox-ar" ব্যবহার করে কনফ্লিক্ট এড়ানো হয়েছে */
.wikitable {
.infobox-ar {
     background-color: #f9f9f9;
     background-color: #f9f9f9;
     border: 1px solid #ddd;
     border: 1px solid #ddd;
سطر 450: سطر 450:
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
     padding: 10px;
     padding: 10px;
     margin: 10px;
     margin-top: 10px;
     float: right; /* Align infobox to the right */
     float: right; /* ডান পাশে রাখার জন্য */
}
}


/* Image and name styling */
/* ছবির সঠিক সাইজ ঠিক রাখার জন্য */
.wikitable img {
.infobox-ar img {
     width: 100%;
     width: 100%;
     height: auto;
     height: auto;
سطر 463: سطر 463:
}
}


/* For mobile devices */
/* মোবাইল ভিউতে ফুল-উইডথ করা */
@media (max-width: 768px) {
@media (max-width: 768px) {
     .wikitable {
     .infobox-ar {
         float: none; /* Remove float on small screens */
         float: none; /* মোবাইলে ফ্লোট বন্ধ */
         width: 100%; /* Full width on small screens */
         width: 100%; /* পুরো স্ক্রীন নেবে */
         margin: 0;
         margin: 0;
    }
    .wikitable img {
        width: 100%;
     }
     }
}
}


/* For larger screens (desktop) */
/* ডেস্কটপ ভিউতে উইকিপিডিয়ার মতো ডান পাশে রাখবে */
@media (min-width: 768px) {
@media (min-width: 768px) {
     .wikitable {
     .infobox-ar {
         width: 30%; /* Set the infobox to take up 30% of the screen */
         width: 30%; /* ৩০% স্ক্রীন প্রস্থ */
     }
     }
}
}