মিডিয়াউইকি:Common.css
অবয়ব
লক্ষ্য করুন: প্রকাশ করার পর, পরিবর্তনগুলো দেখতে আপনাকে আপনার ব্রাউজারের ক্যাশে পরিষ্কার করার প্রয়োজন হতে পারে।
- ফায়ারফক্স / সাফারি: পুনরায় লোড-এ ক্লিক করার সময় শিফট টিপে ধরে রাখুন, অথবা হয় Ctrl-F5 বা Ctrl-R টিপুন (ম্যাকে ⌘-R টিপুন)
- গুগল ক্রোম: Ctrl-Shift-R (ম্যাকে ⌘-Shift-R) টিপুন
- এজ: Ctrl ধরে রাখা অবস্থায় Refresh-এ ক্লিক করুন, অথবা Ctrl-F5 টিপুন।
- অপেরা: Ctrl-F5 টিপুন।
/* =========================
Global Base
========================= */
body {
background: linear-gradient(180deg, #f8faff 0%, #eef2ff 100%);
color: #1e293b;
font-family: "Segoe UI", "Noto Sans Bengali", "Helvetica Neue", sans-serif;
line-height: 1.7;
margin: 0;
}
/* =========================
Main Content
========================= */
#content,
.mw-body {
background: #ffffff;
border: 1px solid #dbeafe;
border-radius: 14px;
padding: 1.5em;
margin: 1.5em auto;
max-width: 1100px;
box-shadow: 0 6px 20px rgba(30,58,138,0.08);
}
/* =========================
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;
}
.mw-header .mw-logo img {
width: 128px !important;
height: 40px !important;
object-fit: contain;
}
/* =====================================================
🔥 FIXED SEARCH ALIGNMENT (Vector 2022)
===================================================== */
/* ❌ Remove default floating icons that cause clutter */
/*.vector-search-toggle,*/
/*.vector-search-toggle-button {*/
/* display: none !important;*/
/*}*/
/* ✅ Main container: Force row layout */
/*.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 (unchanged)
========================= */
#mw-panel {
background: #f0f5ff;
border-right: 1px solid #dbeafe;
}
/* =========================
Footer Base
========================= */
.mw-footer {
background: #ffffff;
border-top: 1px solid #a2a9b1;
padding: 1em 1.5em;
font-size: 0.875em;
}
/* 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;
}
/*Main Page Banner */
.boipedia-hero-banner {
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');
background-size: cover, 150px;
background-repeat: no-repeat, repeat;
background-position: center, center;
color: white;
padding: 50px 20px;
text-align: center;
border-radius: 12px;
margin-bottom: 25px;
box-shadow: 0 10px 20px rgba(0,0,0,0.15);
border: 1px solid rgba(255,255,255,0.1);
}