বিষয়বস্তুতে চলুন

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

From ওয়ার্ল্ডপিডিয়া, the free encyclopedia
সম্পাদনা সারাংশ নেই
ট্যাগ: পুনর্বহালকৃত মোবাইল সম্পাদনা মোবাইল ওয়েব সম্পাদনা
সম্পাদনা সারাংশ নেই
ট্যাগ: পুনর্বহালকৃত
১ নং লাইন: ১ নং লাইন:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
<includeonly>
/* Layout for content and infobox */
<style>
.content-container {
   /* মোবাইলের জন্য 100% প্রস্থ */
  display: flex;
   @media only screen and (max-width: 768px) {
  flex-direction: row;
    .worldbox-person-table {
  justify-content: space-between;
      width: 100% !important;
  margin: 20px;
    }
}
 
.intro-text {
  flex: 0 0 60%;
   margin-right: 20px;
}
 
.infobox {
  flex: 0 0 35%;
  padding: 15px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
   border-radius: 8px;
}
 
@media (max-width: 768px) {
  .content-container {
    flex-direction: column;
   }
   }


   /* ডেস্কটপের জন্য সর্বোচ্চ 30% প্রস্থ */
   .intro-text,
   @media only screen and (min-width: 769px) {
   .infobox {
     .worldbox-person-table {
     flex: 0 0 100%;
      width: 30% !important;
     margin: 0 0 15px 0;
     }
   }
   }
</style>
}
 
{| class="wikitable worldbox-person-table"

১৮:৫৭, ২৬ ফেব্রুয়ারি ২০২৫ তারিখে সংশোধিত সংস্করণ

/* CSS placed here will be applied to all skins */
/* Layout for content and infobox */
.content-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 20px;
}

.intro-text {
  flex: 0 0 60%;
  margin-right: 20px;
}

.infobox {
  flex: 0 0 35%;
  padding: 15px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 8px;
}

@media (max-width: 768px) {
  .content-container {
    flex-direction: column;
  }

  .intro-text,
  .infobox {
    flex: 0 0 100%;
    margin: 0 0 15px 0;
  }
}