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

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

@@ ১ নং লাইন: / ১ নং লাইন: @@
 /* CSS placed here will be applied to all skins */
+<style>
+  .worldbox-container {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+  }
+  /* ইনফোবক্সের জন্য প্রস্থ শতাংশে নির্ধারণ */
+  .worldbox {
+    width: 35%; /* ইনফোবক্সের প্রস্থ 35% হবে */
+    float: right;
+    margin-left: 2%; /* ইনফোবক্সের বাম সাইডে সামান্য মার্জিন */
+    font-size: 90%;
+    line-height: 1.4;
+  }
+  .worldbox-content {
+    flex-grow: 1;
+    max-width: 65%; /* কন্টেন্টের প্রস্থ 65% হবে */
+    margin-right: 0;
+    margin-left: 0;
+    padding-left: 0;
+    padding-right: 0;
+    width: 100%; /* কন্টেন্ট পূর্ণ প্রস্থে থাকবে */
+  }
+  /* মোবাইল ভিউতে কনটেন্ট ও ইনফোবক্স পরিবর্তন */
+  @media (max-width: 768px) {
+    .worldbox {
+      float: none;
+      width: 100%;
+      margin: 0;
+    }
+    .worldbox-content {
+      margin-right: 0;
+      width: 100%;
+      padding-left: 0;
+      padding-right: 0;
+      margin-left: 0;
+    }
+    .worldbox-special-section {
+      order: -1;
+      width: 100%;
+      margin-top: 20px;
+    }
+  }
+</style>