@@ ১ নং লাইন: / ১ নং লাইন: @@
-/* ====== Global Base ====== */
+/* =========================
+   Global Base
+   ========================= */
 body {
      background: linear-gradient(180deg, #f8faff 0%, #eef2ff 100%);
@@ ৬ নং লাইন: / ৮ নং লাইন: @@
      line-height: 1.7;
      margin: 0;
-    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-/* ====== Main Content ====== */
+/* =========================
+   Main Content
+   ========================= */
 #content,
 .mw-body {
@@ ১৯ নং লাইন: / ২২ নং লাইন: @@
      max-width: 1100px;
      box-shadow: 0 6px 20px rgba(30,58,138,0.08);
-    transition: box-shadow 0.3s ease;
 }
-#content:hover {
-    box-shadow: 0 10px 28px rgba(30,58,138,0.15);
+/* =========================
+   Links
+   ========================= */
+/*a {*/
+/*    color: #2563eb;*/
+/*    text-decoration: none;*/
+/*    font-weight: 500;*/
+/*}*/
+/*a:hover {*/
+/*    color: #1e40af;*/
+/*    background: #e0e7ff;*/
+/*}*/
+/* =========================
+   HEADER LOGO — EXACT SIZE
+   ========================= */
+.mw-logo-wordmark,
+.mw-wiki-title,
+.mw-site-title {
+    display: none !important;
 }
-/* ====== Headings ====== */
+.mw-header .mw-logo img {
-h1, h2, h3 {
+     width: 128px !important;
-    color: #1e3a8a;
+     height: 40px !important;
-    font-weight: 700;
+     object-fit: contain;
-    letter-spacing: -0.4px;
-}
-h1 {
-    font-size: 1.9em;
-    border-bottom: 2px solid #2563eb;
-    padding-bottom: 0.2em;
-}
-h2 {
-     font-size: 1.5em;
-     border-left: 4px solid #2563eb;
-     padding-left: 0.4em;
 }
-/* ====== Links ====== */
+/* =====================================================
-a {
+   🔥 FIXED SEARCH ALIGNMENT (Vector 2022)
-    color: #2563eb;
+   ===================================================== */
-    text-decoration: none;
-    transition: all 0.25s ease;
+/* ❌ Remove default floating icons that cause clutter */
-    font-weight: 500;
+/*.vector-search-toggle,*/
-}
+/*.vector-search-toggle-button {*/
-a:hover {
+/*    display: none !important;*/
-    color: #1e40af;
+/*}*/
-    background: #e0e7ff;
-    padding: 2px 6px;
+/* ✅ Main container: Force row layout */
-    border-radius: 6px;
+/*.vector-search-box,*/
-}
+/*.vector-search-box form {*/
+/*    display: flex !important;*/
+/*    align-items: center !important;*/
+/*    gap: 0 !important;*/
+/*    margin: 0 !important;*/
+/*    max-width: 100%;*/
+/*}*/
+/* ✅ 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: 0 10px !important;*/
+/*    border: 1px solid #a2a9b1 !important;*/
+/*    border-right: none !important; /* Merge seamlessly with button */
+/*    border-radius: 6px 0 0 6px !important;*/
+/*    font-size: 14px !important;*/
+/*}*/
+/* ✅ 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 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;*/
+/*}*/
-/* ====== Sidebar ====== */
+/* =========================
+   Sidebar (unchanged)
+   ========================= */
 #mw-panel {
      background: #f0f5ff;
      border-right: 1px solid #dbeafe;
-    padding-top: 0.8em;
 }
-#mw-panel .portal h3 {
-     color: #1e3a8a;
+/* =========================
-    font-size: 1em;
+   Footer Base
-     border-bottom: 1px solid #cbd5e1;
+   ========================= */
-     padding-bottom: 0.3em;
+.mw-footer {
+     background: #ffffff;
+     border-top: 1px solid #a2a9b1;
+     padding: 1em 1.5em;
+    font-size: 0.875em;
 }
-#mw-panel .portal .body li a {
-    display: block;
+/* Hide default Wikimedia logo if needed */
-    padding: 6px 10px;
+.mw-footer .mw-wikimedia-logo {
-    margin: 3px 0;
+     display: none !important;
-    color: #1e40af;
-    border-radius: 8px;
-    transition: all 0.25s ease;
-}
-#mw-panel .portal .body li a:hover {
-     background: linear-gradient(90deg, #2563eb, #1e40af);
-    color: #fff;
 }
-/* ====== Navigation Tabs ====== */
+/* =========================
-.vector-menu-tabs li a {
+   🔥 FOOTER ICONS ALIGNMENT
-     color: #1e3a8a !important;
+   ========================= */
-     padding: 8px 14px;
-     border-radius: 8px;
+/* Align the "Powered By" logos side-by-side */
-     font-weight: 500;
+#footer-icons {
-     transition: all 0.25s ease;
+     display: flex !important;
-}
+     justify-content: flex-end; /* Aligns to the right. Change to 'center' if preferred
-.vector-menu-tabs li a:hover {
+     align-items: center !important;
-    background: linear-gradient(90deg, #2563eb, #1e3a8a);
+     gap: 15px; /* Space between the two logos
-     color: #fff !important;
+     list-style: none !important;
-     box-shadow: 0 2px 6px rgba(0,0,0,0.15);
+     margin: 10px 0 0 0 !important;
+     padding: 0 !important;
 }
-/* ====== Footer ====== */
+/* Ensure individual list items don't force a line break */
-#footer {
+#footer-icons li {
-     background: #f0f5ff;
+     display: block !important;
-     border-top: 1px solid #dbeafe;
+     margin: 0 !important;
-     padding: 1.2em;
+     padding: 0 !important;
-    text-align: center;
+   float: none !important; /* Overrides default MediaWiki float behavior
-    color: #475569;
-    font-size: 0.9em;
-}
-#footer:hover {
-    background: #e0e7ff;
 }
-/* ====== Infobox & Tables ====== */
+/* Force images to be consistent height */
-.infobox,
+#footer-icons img {
-.wikitable {
+     height: 31px !important; /* Standard MediaWiki button height
-    border: 1px solid #cbd5e1;
+     width: auto !important;
-    border-radius: 12px;
+     vertical-align: middle !important;
-    margin: 1em auto;
-    overflow: hidden;
-    box-shadow: 0 2px 10px rgba(30,58,138,0.08);
-    transition: transform 0.2s ease, box-shadow 0.2s ease;
-}
-.infobox:hover,
-.wikitable:hover {
-     transform: translateY(-2px);
-     box-shadow: 0 6px 16px rgba(30,58,138,0.15);
-}
-.infobox th,
-.wikitable th {
-    background: linear-gradient(90deg, #1e3a8a, #2563eb);
-    color: #fff;
-    font-weight: 600;
-    padding: 0.8em;
-}
-.infobox td,
-.wikitable td {
-    background: #f8faff;
-     padding: 0.7em;
-}
-.infobox tr:nth-child(even) td,
-.wikitable tr:nth-child(even) td {
-    background: #eef2ff;
-}
-.infobox tr:hover td,
-.wikitable tr:hover td {
-    background: #dbeafe;
 }
-/* ====== Search Box ====== */
-#p-search input {
-    border: 1px solid #93c5fd;
-    border-radius: 10px;
-    padding: 7px 12px;
-    transition: all 0.25s ease;
-}
-#p-search input:focus {
-    outline: none;
-    border-color: #2563eb;
-    box-shadow: 0 0 0 3px rgba(37,99,235,0.3);
-}
-/* ====== Buttons ====== */
+ /*Main Page Banner */
-.mw-ui-button,
+.boipedia-hero-banner {
-button,
+     background-image: linear-gradient(135deg, rgba(26, 42, 108, 0.93), rgba(178, 31, 31, 0.93), rgba(253, 187, 45, 0.93)), url('https://boipedia.org/images/7/79/Open_Book_B%26W.jpg');
-input[type="submit"],
+     background-size: cover, 150px;
-input[type="button"] {
+     background-repeat: no-repeat, repeat;
-     background: linear-gradient(90deg, #2563eb, #1e40af);
+     background-position: center, center;
-     color: #fff;
+     color: white;
-     border: none;
+     padding: 50px 20px;
-     border-radius: 10px;
+     text-align: center;
-     padding: 8px 16px;
+     border-radius: 12px;
-     cursor: pointer;
+    margin-bottom: 25px;
-     font-weight: 500;
+     box-shadow: 0 10px 20px rgba(0,0,0,0.15);
-     transition: all 0.2s ease;
+     border: 1px solid rgba(255,255,255,0.1);
-}
-.mw-ui-button:hover,
-button:hover,
-input[type="submit"]:hover,
-input[type="button"]:hover {
-     background: linear-gradient(90deg, #1e40af, #1e3a8a);
-     transform: translateY(-1px);
-    box-shadow: 0 4px 10px rgba(30,58,138,0.25);
 }

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