মিডিয়াউইকি:Common.css

লক্ষ্য করুন: প্রকাশ করার পর, পরিবর্তনগুলো দেখতে আপনাকে আপনার ব্রাউজারের ক্যাশে পরিষ্কার করার প্রয়োজন হতে পারে।

• ফায়ারফক্স / সাফারি: পুনরায় লোড-এ ক্লিক করার সময় শিফট টিপে ধরে রাখুন, অথবা হয় Ctrl-F5 বা Ctrl-R টিপুন (ম্যাকে ⌘-R টিপুন)
• গুগল ক্রোম: Ctrl-Shift-R (ম্যাকে ⌘-Shift-R) টিপুন
• এজ: Ctrl ধরে রাখা অবস্থায় Refresh-এ ক্লিক করুন, অথবা Ctrl-F5 টিপুন।
• অপেরা: Ctrl-F5 টিপুন।

/* =======================================
   মুক্তপিডিয়া কাস্টম ফন্ট
======================================= */

@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;
	}
}