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

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

@@ ৩৪ নং লাইন: / ৩৪ নং লাইন: @@
 */
-/* Styling for Infobox */
+/* Ensure the content is on the left side and infobox floats right */
+.page-content {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+}
+/* Align the Infobox to the right side */
 .infobox {
-     float: right;  /* Position the infobox to the right */
+     float: right;
-     margin-left: 20px;  /* Add some space between infobox and text */
+    margin-left: 20px;
-     margin-bottom: 20px; /* Add space at the bottom */
+    margin-bottom: 20px;
+    width: 300px; /* Adjust width as needed */
+    max-width: 100%;
+     margin-top: 0;
+}
+/* Adjust text so it starts on the left */
+.page-content .text-content {
+     width: calc(100% - 320px); /* Adjust width based on the infobox width */
+    padding-right: 20px;
+    margin-top: 20px;
 }
-/* Ensure the text starts from the left and wraps around the infobox */
+/* Ensure the page doesn't overflow */
-.page-content {
+body {
-     overflow: hidden; /* Ensure the text wraps around the infobox */
+     overflow-x: hidden;
-    padding-right: 20px; /* Add some padding to avoid text touching the infobox */
 }