মিডিয়াউইকি:Common.css: সংশোধিত সংস্করণের মধ্যে পার্থক্য
অবয়ব
Md Abu Sayeed (আলোচনা | অবদান) হালনাগাদ |
Md Abu Sayeed (আলোচনা | অবদান) হালনাগাদ |
||
| (একই ব্যবহারকারী দ্বারা সম্পাদিত ৩টি মধ্যবর্তী সংশোধন দেখানো হচ্ছে না) | |||
| ১ নং লাইন: | ১ নং লাইন: | ||
/* মুক্তপিডিয়া কাস্টম ফন্ট */ | /* ======================================= | ||
মুক্তপিডিয়া কাস্টম ফন্ট | |||
======================================= */ | |||
@font-face { | @font-face { | ||
| ৪৪ নং লাইন: | ৪৬ নং লাইন: | ||
font-family: 'Target Group', sans-serif !important; | font-family: 'Target Group', sans-serif !important; | ||
font-weight: 700; | font-weight: 700; | ||
} | |||
/* ======================================= | |||
মুক্তপিডিয়া লোগো | |||
======================================= */ | |||
/* MediaWiki-এর ডিফল্ট লেখা লুকান */ | |||
.mw-logo-wordmark, | |||
.mw-logo-tagline, | |||
.vector-header .mw-logo-wordmark, | |||
.vector-header .mw-logo-tagline { | |||
display: none !important; | |||
} | |||
/* Logo Container */ | |||
.vector-header .mw-logo, | |||
.vector-logo, | |||
.mw-logo { | |||
min-width: 300px !important; | |||
display: flex !important; | |||
align-items: center !important; | |||
} | |||
/* Logo Size */ | |||
.vector-header .mw-logo img, | |||
.vector-header .mw-logo-icon, | |||
.vector-logo img, | |||
.mw-logo img { | |||
height: 85px !important; | |||
max-height: 85px !important; | |||
width: auto !important; | |||
} | |||
/* Mobile */ | |||
@media (max-width: 768px) { | |||
.vector-header .mw-logo img, | |||
.vector-header .mw-logo-icon, | |||
.vector-logo img, | |||
.mw-logo img { | |||
height: 55px !important; | |||
max-height: 55px !important; | |||
} | |||
.vector-header .mw-logo, | |||
.vector-logo, | |||
.mw-logo { | |||
min-width: 180px !important; | |||
} | |||
} | |||
/* ===================================================== | |||
Muktopedia Table (muktotable) | |||
===================================================== */ | |||
table.muktotable { | |||
width: 100%; | |||
margin: 1em 0; | |||
border-collapse: collapse; | |||
border: 1px solid #d6e4f0; | |||
background: #ffffff; | |||
font-size: 14px; | |||
font-family: inherit; | |||
box-shadow: 0 2px 8px rgba(0,0,0,.08); | |||
border-radius: 8px; | |||
overflow: hidden; | |||
} | |||
table.muktotable caption { | |||
padding: 12px; | |||
font-size: 17px; | |||
font-weight: bold; | |||
color: #ffffff; | |||
background: linear-gradient(90deg,#0099ff,#0066cc); | |||
text-align: center; | |||
} | |||
table.muktotable th { | |||
background: #0b6efd; | |||
color: #ffffff; | |||
padding: 10px; | |||
text-align: center; | |||
font-weight: bold; | |||
border: 1px solid #d6e4f0; | |||
} | |||
table.muktotable td { | |||
padding: 9px; | |||
border: 1px solid #e6edf5; | |||
vertical-align: top; | |||
} | |||
table.muktotable tr:nth-child(even) { | |||
background: #f7fbff; | |||
} | |||
table.muktotable tr:hover td { | |||
background: #e9f4ff; | |||
} | |||
table.muktotable a { | |||
color: #0057b8; | |||
text-decoration: none; | |||
font-weight: 500; | |||
} | |||
table.muktotable a:hover { | |||
color: #003f88; | |||
text-decoration: underline; | |||
} | |||
table.muktotable.sortable th { | |||
cursor: pointer; | |||
} | |||
@media screen and (max-width:768px) { | |||
table.muktotable { | |||
display: block; | |||
overflow-x: auto; | |||
white-space: nowrap; | |||
} | |||
} | } | ||
১৪:১৬, ১ আগস্ট ২০২৬ তারিখে সম্পাদিত সর্বশেষ সংস্করণ
/* =======================================
মুক্তপিডিয়া কাস্টম ফন্ট
======================================= */
@font-face {
font-family: 'Target Group';
src: url('/resources/fonts/TargetGroupWeb_400.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Target Group';
src: url('/resources/fonts/TargetGroupWeb_700.woff2') format('woff2');
font-weight: 700;
font-style: normal;
}
body,
.mw-body,
.vector-body,
.skin-vector-2022,
.vector-sticky-header,
.mw-parser-output,
.skin-minerva,
.skin-minerva .mw-body,
.skin-minerva .mw-parser-output,
.skin-minerva h1,
.skin-minerva h2,
.skin-minerva h3,
.skin-minerva h4,
.skin-minerva h5,
.skin-minerva h6,
.skin-minerva p,
.skin-minerva li,
.skin-minerva a {
font-family: 'Target Group', sans-serif !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Target Group', sans-serif !important;
font-weight: 700;
}
/* =======================================
মুক্তপিডিয়া লোগো
======================================= */
/* MediaWiki-এর ডিফল্ট লেখা লুকান */
.mw-logo-wordmark,
.mw-logo-tagline,
.vector-header .mw-logo-wordmark,
.vector-header .mw-logo-tagline {
display: none !important;
}
/* Logo Container */
.vector-header .mw-logo,
.vector-logo,
.mw-logo {
min-width: 300px !important;
display: flex !important;
align-items: center !important;
}
/* Logo Size */
.vector-header .mw-logo img,
.vector-header .mw-logo-icon,
.vector-logo img,
.mw-logo img {
height: 85px !important;
max-height: 85px !important;
width: auto !important;
}
/* Mobile */
@media (max-width: 768px) {
.vector-header .mw-logo img,
.vector-header .mw-logo-icon,
.vector-logo img,
.mw-logo img {
height: 55px !important;
max-height: 55px !important;
}
.vector-header .mw-logo,
.vector-logo,
.mw-logo {
min-width: 180px !important;
}
}
/* =====================================================
Muktopedia Table (muktotable)
===================================================== */
table.muktotable {
width: 100%;
margin: 1em 0;
border-collapse: collapse;
border: 1px solid #d6e4f0;
background: #ffffff;
font-size: 14px;
font-family: inherit;
box-shadow: 0 2px 8px rgba(0,0,0,.08);
border-radius: 8px;
overflow: hidden;
}
table.muktotable caption {
padding: 12px;
font-size: 17px;
font-weight: bold;
color: #ffffff;
background: linear-gradient(90deg,#0099ff,#0066cc);
text-align: center;
}
table.muktotable th {
background: #0b6efd;
color: #ffffff;
padding: 10px;
text-align: center;
font-weight: bold;
border: 1px solid #d6e4f0;
}
table.muktotable td {
padding: 9px;
border: 1px solid #e6edf5;
vertical-align: top;
}
table.muktotable tr:nth-child(even) {
background: #f7fbff;
}
table.muktotable tr:hover td {
background: #e9f4ff;
}
table.muktotable a {
color: #0057b8;
text-decoration: none;
font-weight: 500;
}
table.muktotable a:hover {
color: #003f88;
text-decoration: underline;
}
table.muktotable.sortable th {
cursor: pointer;
}
@media screen and (max-width:768px) {
table.muktotable {
display: block;
overflow-x: auto;
white-space: nowrap;
}
}