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

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

@@ ১ নং লাইন: / ১ নং লাইন: @@
 /* CSS placed here will be applied to all skins */
-.infobox-container {
+.infobox {
-  display: flex;
+    border: 1px solid #aaa;
-  flex-wrap: wrap;
+    background-color: #f9f9f9;
-  align-items: flex-start;
+    padding: 5px;
+    font-size: 90%;
 }
+@media (min-width: 500px) {
-.infobox {
+    .infobox { width: 400px; }
-    width: 250px; /* প্রয়োজন অনুযায়ী চেঞ্জ করো */
-    float: right;
-    clear: right;
-    margin-left: 10px;
-    margin-bottom: 10px;
-    overflow: hidden; /* অতিরিক্ত কনটেন্ট কেটে ফেলবে */
-    background: #f8f9fa; /* যদি ব্যাকগ্রাউন্ড দরকার হয় */
-    border: 1px solid #a2a9b1;
-    padding: 5px;
-}
-.infobox img {
-    max-width: 100%; /* ছবিকে ইনফোবক্সের সীমানায় রাখবে */
-    height: auto;
-}
-.content {
-  flex-grow: 1;
-  max-width: 800px;
-  margin-right: 320px;
-}
-@media (max-width: 768px) {
-  .infobox {
-    float: none;
-    width: 100%;
-    margin: 0;
-  }
-  .content {
-    margin-right: 0;
-    width: 100%;
-  }
 }