মিডিয়াউইকি:Common.css: সংশোধিত সংস্করণের মধ্যে পার্থক্য
অবয়ব
খাত্তাব হাসান (আলোচনা | অবদান) পরীক্ষার জন্য ট্যাগ: পুনর্বহালকৃত |
সম্পাদনা সারাংশ নেই |
||
| (২ জন ব্যবহারকারী দ্বারা সম্পাদিত ৬টি মধ্যবর্তী সংশোধন দেখানো হচ্ছে না) | |||
| ২৭ নং লাইন: | ২৭ নং লাইন: | ||
Links | Links | ||
========================= */ | ========================= */ | ||
a { | /*a {*/ | ||
/* color: #2563eb;*/ | |||
/* text-decoration: none;*/ | |||
/* font-weight: 500;*/ | |||
} | /*}*/ | ||
a:hover { | /*a:hover {*/ | ||
/* color: #1e40af;*/ | |||
/* background: #e0e7ff;*/ | |||
/*}*/ | |||
} | |||
/* ========================= | /* ========================= | ||
| ৬০ নং লাইন: | ৫৮ নং লাইন: | ||
/* ❌ Remove default floating icons that cause clutter */ | /* ❌ Remove default floating icons that cause clutter */ | ||
.vector-search-toggle, | /*.vector-search-toggle,*/ | ||
.vector-search-toggle-button { | /*.vector-search-toggle-button {*/ | ||
/* display: none !important;*/ | |||
} | /*}*/ | ||
/* ✅ Main container: Force row layout */ | /* ✅ Main container: Force row layout */ | ||
.vector-search-box, | /*.vector-search-box,*/ | ||
.vector-search-box form { | /*.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 */ | /* ✅ Input Field: Fix box-sizing and borders */ | ||
.vector-search-box input, | /*.vector-search-box input,*/ | ||
.vector-search-box .cdx-text-input__input, | /*.vector-search-box .cdx-text-input__input,*/ | ||
.vector-search-box .cdx-search-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 */ | /* ✅ Search Button: Fix box-sizing and alignment */ | ||
.vector-search-box button, | /*.vector-search-box button,*/ | ||
.vector-search-box .cdx-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;*/ | |||
/*}*/ | |||
/* | |||
/* ========================= | /* ========================= | ||
| ১৪২ নং লাইন: | ১৩৩ নং লাইন: | ||
#footer-icons { | #footer-icons { | ||
display: flex !important; | display: flex !important; | ||
justify-content: flex-end; /* Aligns to the right. Change to 'center' if preferred | justify-content: flex-end; /* Aligns to the right. Change to 'center' if preferred | ||
align-items: center !important; | align-items: center !important; | ||
gap: 15px; /* Space between the two logos | gap: 15px; /* Space between the two logos | ||
list-style: none !important; | list-style: none !important; | ||
margin: 10px 0 0 0 !important; | margin: 10px 0 0 0 !important; | ||
| ১৫৫ নং লাইন: | ১৪৬ নং লাইন: | ||
margin: 0 !important; | margin: 0 !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
float: none !important; /* Overrides default MediaWiki float behavior | |||
} | } | ||
/* Force images to be consistent height */ | /* Force images to be consistent height */ | ||
#footer-icons img { | #footer-icons img { | ||
height: 31px !important; /* Standard MediaWiki button height | height: 31px !important; /* Standard MediaWiki button height | ||
width: auto !important; | width: auto !important; | ||
vertical-align: middle !important; | vertical-align: middle !important; | ||
} | } | ||
/*Main Page Banner */ | |||
.boipedia-hero-banner { | |||
/* Main | 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; | |||
background | |||
. | |||
background: | |||
text-align: center; | text-align: center; | ||
border-radius: 12px; | border-radius: 12px; | ||
margin-bottom: 25px; | margin-bottom: 25px; | ||
box-shadow: 0 10px 20px rgba(0,0,0,0.15); | |||
border: 1px solid rgba(255,255,255,0.1); | |||
} | } | ||
/* Boipedia Anniversary Banner */ | |||
#boipedia-anniversary-banner { | |||
margin: 10px 0; | |||
padding: 12px 16px; | |||
border: 1px solid #a2a9b1; | |||
background: #f8f9fa; | |||
border-radius: 6px; | |||
border-radius: | font-size: 15px; | ||
font- | position: relative; | ||
} | } | ||
#boipedia-banner-close { | |||
float: right; | |||
cursor: pointer; | |||
font-size: 20px; | |||
font- | |||
font-weight: bold; | font-weight: bold; | ||
color: #54595d; | |||
margin- | margin-left: 10px; | ||
} | } | ||
#boipedia-banner-close:hover { | |||
color: #d73333; | |||
} | } | ||
০৯:৫৫, ২০ জুন ২০২৬ তারিখে সম্পাদিত সর্বশেষ সংস্করণ
/* =========================
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);
}
/* Boipedia Anniversary Banner */
#boipedia-anniversary-banner {
margin: 10px 0;
padding: 12px 16px;
border: 1px solid #a2a9b1;
background: #f8f9fa;
border-radius: 6px;
font-size: 15px;
position: relative;
}
#boipedia-banner-close {
float: right;
cursor: pointer;
font-size: 20px;
font-weight: bold;
color: #54595d;
margin-left: 10px;
}
#boipedia-banner-close:hover {
color: #d73333;
}