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

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

@@ ৫৬ নং লাইন: / ৫৬ নং লাইন: @@
 /* =====================================================
-    🔥 ONLY SEARCH FIX — VECTOR 2022 (NO SIDE EFFECTS)
+    🔥 FIXED SEARCH ALIGNMENT (Vector 2022)
     ===================================================== */
-/* ❌ Remove the floating magnifier icon */
+/* ❌ Remove default floating icons that cause clutter */
 .vector-search-toggle,
 .vector-search-toggle-button,
@@ ৬৬ নং লাইন: / ৬৬ নং লাইন: @@
 }
-/* ✅ Ensure search container stays inline */
+/* ✅ Main container: Force row layout */
-.vector-search-box {
+.vector-search-box,
-    display: flex !important;
-    align-items: center !important;
-}
-/* ✅ Search form layout */
 .vector-search-box form {
      display: flex !important;
      align-items: center !important;
      gap: 0 !important;
+    margin: 0 !important;
+    max-width: 100%;
 }
-/* ✅ Search input */
+/* ✅ Input Field: Fix box-sizing and borders */
 .vector-search-box input,
 .vector-search-box .cdx-text-input__input,
 .vector-search-box .cdx-search-input__input {
+    box-sizing: border-box !important; /* Critical for matching button height */
      height: 36px !important;
-     padding: 6px 10px !important;
+     padding: 0 10px !important;
+    border: 1px solid #a2a9b1 !important;
+    border-right: none !important; /* Merge seamlessly with button */
      border-radius: 6px 0 0 6px !important;
-     line-height: normal !important;
+     font-size: 14px !important;
 }
-/* ✅ Search button */
+/* ✅ Search Button: Fix box-sizing and alignment */
 .vector-search-box button,
 .vector-search-box .cdx-button {
+    box-sizing: border-box !important;
      height: 36px !important;
-     padding: 0 14px !important;
+     padding: 0 16px !important;
+    background-color: #f8f9fa !important;
+    border: 1px solid #a2a9b1 !important;
      border-radius: 0 6px 6px 0 !important;
+    cursor: pointer !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
+    font-weight: bold !important;
+    font-size: 14px !important;
+}
+/* Hover effect for the search button */
+.vector-search-box button:hover {
+    background-color: #e0e7ff !important;
+    border-color: #2563eb !important;
+    color: #1e40af !important;
 }
@@ ১০৯ নং লাইন: / ১২২ নং লাইন: @@
 /* =========================
-    Footer (unchanged)
+    Footer Base
     ========================= */
 .mw-footer {
@@ ১১৮ নং লাইন: / ১৩১ নং লাইন: @@
 }
+/* Hide default Wikimedia logo if needed */
 .mw-footer .mw-wikimedia-logo {
      display: none !important;
+}
+/* =========================
+   🔥 FOOTER ICONS ALIGNMENT
+   ========================= */
+/* Align the "Powered By" logos side-by-side */
+#footer-icons {
+    display: flex !important;
+    justify-content: flex-end; /* Aligns to the right. Change to 'center' if preferred */
+    align-items: center !important;
+    gap: 15px; /* Space between the two logos */
+    list-style: none !important;
+    margin: 10px 0 0 0 !important;
+    padding: 0 !important;
+}
+/* Ensure individual list items don't force a line break */
+#footer-icons li {
+    display: block !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    float: none !important; /* Overrides default MediaWiki float behavior */
+}
+/* Force images to be consistent height */
+#footer-icons img {
+    height: 31px !important; /* Standard MediaWiki button height */
+    width: auto !important;
+    vertical-align: middle !important;
 }