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

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

/* CSS placed here will be applied to all skins */
@media (max-width: 768px) {
  .infobox-container {
    display: flex !important;
    flex-direction: column-reverse !important;
    width: 100% !important;
  }
  .infobox {
    float: none !important;
    width: 100% !important;
    margin: 10px 0 0 0 !important;
  }
  .content {
    margin-right: 0 !important;
    width: 100% !important;
  }
}

@@ ১ নং লাইন: / ১ নং লাইন: @@
 /* CSS placed here will be applied to all skins */
-/* Ensure the page container uses flexbox to control layout */
+@media (max-width: 768px) {
-.page-content {
+  .infobox-container {
-     display: flex;
+     display: flex !important;
-     flex-wrap: wrap; /* Allow wrapping on smaller screens */
+     flex-direction: column-reverse !important;
-    justify-content: flex-start; /* Align content to the left */
+     width: 100% !important;
-     margin-top: 20px;
+  }
-}
+  .infobox {
+     float: none !important;
-/* Infobox - floated to the right */
+     width: 100% !important;
-.infobox {
+     margin: 10px 0 0 0 !important;
-     float: right; /* Make sure it's on the right */
+  }
-    margin-left: 20px; /* Space between the text and infobox */
+  .content {
-     width: 300px; /* Adjust width as needed */
+     margin-right: 0 !important;
-     margin-bottom: 20px; /* Space below the infobox */
+     width: 100% !important;
-}
+  }
-/* Main text content area */
-.page-content .text-content {
-    width: 70%; /* Adjust width to leave space for infobox */
-    padding-left: 10px; /* Padding on the left side */
-}
-/* Optional: Add some spacing between content and infobox */
-body {
-     margin-left: 20px; /* Ensure some space on the left */
-}
-/* Make sure infobox content doesn't overlap */
-.infobox img {
-     width: 100%;
-    height: auto;
 }