میڈیاویکی:Common.css
یاد دہانی: محفوظ کرنے کے بعد ان تبدیلیوں کو دیکھنے کے لیے آپ کو اپنے براؤزر کا کیش (cache) صاف کرنا ہوگا۔
- فائرفاکس/ سفاری: جب Reload پر کلک کریں تو Shift دباکر رکھیں، یا Ctrl-F5 یا Ctrl-R دبائیں (Mac پر R-⌘)
- گوگل کروم: Ctrl-Shift-R دبائیں (Mac پر Shift-R-⌘)
- انٹرنیٹ ایکسپلورر: جب Refresh پر کلک کریں تو Ctrl یا Ctrl-F5 دبائیں
- اوپیرا: Tools → Preferences میں جائیں اور کیش (cache) صاف کریں
/* =========================================================
نعت کائنات — MediaWiki:Common.css
Paste contents of this file into:
https://naatkainaat.org/index.php/MediaWiki:Common.css
After saving, do Ctrl+F5 on any page to clear CSS cache.
========================================================= */
/* ---------- Hide page title on Main Page (صفحۂ اول) ---------- */
/* Cover every body-class variant MediaWiki/Timeless may emit. */
body.page-صفحۂ_اول #firstHeading,
body.page-صفحۂ_اول .mw-first-heading,
body.page-صفحۂ_اول .mw-page-title-main,
body.page-Main_Page #firstHeading,
body.page-Main_Page .mw-first-heading,
body.page-Main_Page .mw-page-title-main,
body.rootpage-صفحۂ_اول #firstHeading,
body.rootpage-صفحۂ_اول .mw-first-heading,
body.rootpage-Main_Page #firstHeading,
body.rootpage-Main_Page .mw-first-heading,
body.mainpage #firstHeading,
body.mainpage .mw-first-heading,
body.mainpage .mw-page-title-main,
body[class*="page-صفحۂ"] #firstHeading,
body[class*="page-صفحۂ"] .mw-first-heading,
body[class*="rootpage-صفحۂ"] #firstHeading,
body[class*="rootpage-صفحۂ"] .mw-first-heading,
body[class*="page-%D8%B5%D9%81%D8%AD%DB%82"] #firstHeading,
body[class*="page-%D8%B5%D9%81%D8%AD%DB%82"] .mw-first-heading {
display: none !important;
}
/* Hide the "From <site>" subtitle on the main page too */
body.page-صفحۂ_اول #siteSub,
body.page-Main_Page #siteSub,
body.mainpage #siteSub,
body.page-صفحۂ_اول #contentSub,
body.page-Main_Page #contentSub,
body.mainpage #contentSub {
display: none !important;
}
/* ---------- Light typographic polish (does NOT touch skin layout) ---------- */
/* Sitewide Urdu Nastaliq font + comfortable reading size */
body,
.mw-body,
.mw-body-content,
#bodyContent,
#mw-content-text,
.mw-parser-output,
p, li, dd, dt, td, th, blockquote,
h1, h2, h3, h4, h5, h6,
.firstHeading, #firstHeading, .mw-first-heading {
font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', 'Alvi Nastaleeq', 'Pak Nastaleeq', serif !important;
}
/* Body / paragraph reading size */
/* NOTE: no !important on font-size so inline styles on the home page hero win. */
.mw-body-content,
#mw-content-text,
.mw-parser-output,
.mw-parser-output p,
.mw-parser-output li,
.mw-parser-output dd,
.mw-parser-output td,
.mw-parser-output th {
font-size: 24px;
line-height: 1.8;
}
body:not(.mainpage):not(.page-Main_Page):not(.rootpage-Main_Page):not(.page-\000635\000641\00062d\0006c2_\000627\000648\000644):not(.rootpage-\000635\000641\00062d\0006c2_\000627\000648\000644) .mw-parser-output,
body:not(.mainpage):not(.page-Main_Page):not(.rootpage-Main_Page):not(.page-\000635\000641\00062d\0006c2_\000627\000648\000644):not(.rootpage-\000635\000641\00062d\0006c2_\000627\000648\000644) .mw-parser-output p,
body:not(.mainpage):not(.page-Main_Page):not(.rootpage-Main_Page):not(.page-\000635\000641\00062d\0006c2_\000627\000648\000644):not(.rootpage-\000635\000641\00062d\0006c2_\000627\000648\000644) .mw-parser-output li,
body:not(.mainpage):not(.page-Main_Page):not(.rootpage-Main_Page):not(.page-\000635\000641\00062d\0006c2_\000627\000648\000644):not(.rootpage-\000635\000641\00062d\0006c2_\000627\000648\000644) .mw-parser-output dd,
body:not(.mainpage):not(.page-Main_Page):not(.rootpage-Main_Page):not(.page-\000635\000641\00062d\0006c2_\000627\000648\000644):not(.rootpage-\000635\000641\00062d\0006c2_\000627\000648\000644) .mw-parser-output td,
body:not(.mainpage):not(.page-Main_Page):not(.rootpage-Main_Page):not(.page-\000635\000641\00062d\0006c2_\000627\000648\000644):not(.rootpage-\000635\000641\00062d\0006c2_\000627\000648\000644) .mw-parser-output th {
line-height: 1.8;
}
/* Sitewide article paragraph spacing; homepage panels keep their own rules. */
body:not(.mainpage):not(.page-Main_Page):not(.rootpage-Main_Page):not(.page-\000635\000641\00062d\0006c2_\000627\000648\000644):not(.rootpage-\000635\000641\00062d\0006c2_\000627\000648\000644) .mw-parser-output p {
margin-top: 8px;
margin-bottom: 8px;
}
/* Poetry blocks: center at widest original line, then justify every misra to that width. */
.mw-parser-output .nk-poetry {
display: table;
width: max-content;
max-width: 100%;
margin: 0 auto;
direction: rtl;
}
.mw-parser-output .nk-poetry p {
width: 100%;
text-align: justify;
text-align-last: justify;
text-justify: inter-word;
margin-top: 8px;
margin-bottom: 8px;
}
.mw-parser-output .nk-book-lead-layout {
display: block;
}
.mw-parser-output .nk-book-lead-infobox {
float: left;
clear: left;
width: 300px;
max-width: 100%;
margin: 0 1em 1em 0;
}
.mw-parser-output .nk-book-lead-infobox > .infobox {
float: none !important;
clear: none !important;
width: 100% !important;
max-width: 100% !important;
table-layout: fixed;
margin: 0 !important;
}
.nk-generated-page-form,
.nk-generated-page-form fieldset,
.nk-generated-page-form .nk-generated-page-form-table {
max-width: 100%;
box-sizing: border-box;
}
.nk-generated-page-form input,
.nk-generated-page-form textarea,
.nk-generated-page-form select {
max-width: 100%;
box-sizing: border-box;
direction: rtl;
text-align: right;
}
.nk-generated-page-form select,
.nk-generated-page-form input[list] {
direction: rtl;
text-align: right;
}
@media screen and (max-width: 700px) {
.mw-parser-output .nk-book-lead-layout {
display: flex;
flex-direction: column;
}
.mw-parser-output .nk-book-lead-text {
order: 1;
}
.mw-parser-output .nk-book-lead-infobox {
float: none !important;
order: 2;
width: min(300px, 100%);
margin: 0 auto 1em !important;
}
.mw-parser-output .nk-book-lead-infobox img {
max-width: 100%;
height: auto;
}
.nk-generated-page-form {
width: 100%;
overflow-x: hidden;
}
.nk-generated-page-form fieldset {
min-width: 0;
padding-left: 8px;
padding-right: 8px;
}
.nk-generated-page-form .nk-generated-page-form-table,
.nk-generated-page-form .nk-generated-page-form-table tbody,
.nk-generated-page-form .nk-generated-page-form-table tr,
.nk-generated-page-form .nk-generated-page-form-table td {
display: block;
width: 100% !important;
box-sizing: border-box;
}
.nk-generated-page-form .nk-generated-page-form-table td {
padding: 4px 0 !important;
}
.nk-generated-page-form .nk-generated-page-form-table td:first-child {
font-weight: 700;
}
}
/* Inline-styled blocks on the main page should keep their authored sizes */
body.mainpage .mw-parser-output [style*="font-size"],
body.page-صفحۂ_اول .mw-parser-output [style*="font-size"],
body.page-Main_Page .mw-parser-output [style*="font-size"] {
font-size: revert !important;
line-height: revert !important;
}
/* Headings — green, bold, larger */
.mw-parser-output h1,
.mw-parser-output h2,
.mw-parser-output h3,
.mw-parser-output h4,
.mw-parser-output h5,
.mw-parser-output h6,
.firstHeading, #firstHeading, .mw-first-heading {
color: #047857 !important; /* deep emerald — matches home hero */
font-weight: 700 !important;
line-height: 1.7 !important;
border-bottom-color: #6ee7b7 !important;
}
.mw-parser-output h1,
.firstHeading, #firstHeading, .mw-first-heading { font-size: 44px !important; }
.mw-parser-output h2 { font-size: 32px !important; }
.mw-parser-output h3 { font-size: 28px !important; color: #0f766e !important; }
.mw-parser-output h4 { font-size: 30px !important; color: #0f766e !important; }
.mw-parser-output h5 { font-size: 28px !important; color: #134e4a !important; }
.mw-parser-output h6 { font-size: 26px !important; color: #134e4a !important; }
@media screen and (max-width: 700px) {
body:not(.mainpage):not(.page-Main_Page):not(.rootpage-Main_Page):not(.page-\000635\000641\00062d\0006c2_\000627\000648\000644):not(.rootpage-\000635\000641\00062d\0006c2_\000627\000648\000644) .mw-parser-output,
body:not(.mainpage):not(.page-Main_Page):not(.rootpage-Main_Page):not(.page-\000635\000641\00062d\0006c2_\000627\000648\000644):not(.rootpage-\000635\000641\00062d\0006c2_\000627\000648\000644) .mw-parser-output p,
body:not(.mainpage):not(.page-Main_Page):not(.rootpage-Main_Page):not(.page-\000635\000641\00062d\0006c2_\000627\000648\000644):not(.rootpage-\000635\000641\00062d\0006c2_\000627\000648\000644) .mw-parser-output li,
body:not(.mainpage):not(.page-Main_Page):not(.rootpage-Main_Page):not(.page-\000635\000641\00062d\0006c2_\000627\000648\000644):not(.rootpage-\000635\000641\00062d\0006c2_\000627\000648\000644) .mw-parser-output dd {
font-size: 18px;
line-height: 1.7;
}
body:not(.mainpage):not(.page-Main_Page):not(.rootpage-Main_Page):not(.page-\000635\000641\00062d\0006c2_\000627\000648\000644):not(.rootpage-\000635\000641\00062d\0006c2_\000627\000648\000644) .firstHeading,
body:not(.mainpage):not(.page-Main_Page):not(.rootpage-Main_Page):not(.page-\000635\000641\00062d\0006c2_\000627\000648\000644):not(.rootpage-\000635\000641\00062d\0006c2_\000627\000648\000644) #firstHeading,
body:not(.mainpage):not(.page-Main_Page):not(.rootpage-Main_Page):not(.page-\000635\000641\00062d\0006c2_\000627\000648\000644):not(.rootpage-\000635\000641\00062d\000627\000648\000644) .mw-first-heading {
font-size: 24px !important;
line-height: 1.55 !important;
font-weight: 700 !important;
}
body:not(.mainpage):not(.page-Main_Page):not(.rootpage-Main_Page):not(.page-\000635\000641\00062d\0006c2_\000627\000648\000644):not(.rootpage-\000635\000641\00062d\0006c2_\000627\000648\000644) .mw-parser-output h2 { font-size: 24px !important; line-height: 1.55 !important; font-weight: 700 !important; }
body:not(.mainpage):not(.page-Main_Page):not(.rootpage-Main_Page):not(.page-\000635\000641\00062d\0006c2_\000627\000648\000644):not(.rootpage-\000635\000641\00062d\0006c2_\000627\000648\000644) .mw-parser-output h3,
body:not(.mainpage):not(.page-Main_Page):not(.rootpage-Main_Page):not(.page-\000635\000641\00062d\0006c2_\000627\000648\000644):not(.rootpage-\000635\000641\00062d\0006c2_\000627\000648\000644) .mw-parser-output h4 { font-size: 22px !important; line-height: 1.55 !important; font-weight: 700 !important; }
body:not(.mainpage):not(.page-Main_Page):not(.rootpage-Main_Page):not(.page-\000635\000641\00062d\0006c2_\000627\000648\000644):not(.rootpage-\000635\000641\00062d\0006c2_\000627\000648\000644) .mw-parser-output h5,
body:not(.mainpage):not(.page-Main_Page):not(.rootpage-Main_Page):not(.page-\000635\000641\00062d\0006c2_\000627\000648\000644):not(.rootpage-\000635\000641\00062d\0006c2_\000627\000648\000644) .mw-parser-output h6 { font-size: 20px !important; line-height: 1.55 !important; font-weight: 700 !important; }
.mw-parser-output .nk-home,
.mw-parser-output .nk-home p,
.mw-parser-output .nk-home li,
.mw-parser-output .nk-home dd,
.mw-parser-output .nk-home dt,
.mw-parser-output .nk-home td,
.mw-parser-output .nk-home th,
.mw-parser-output .nk-home-panel,
.mw-parser-output .nk-home-panel-body,
.mw-parser-output .nk-home-panel-body p,
.mw-parser-output .nk-home-panel-body li {
font-size: 16px !important;
line-height: 1.75 !important;
font-weight: 400 !important;
}
.mw-parser-output .nk-home-title {
font-size: 24px !important;
line-height: 1.55 !important;
font-weight: 700 !important;
}
.mw-parser-output .nk-home-tagline,
.mw-parser-output .nk-home-intro,
.mw-parser-output .nk-home-shortcuts a,
.mw-parser-output .nk-home-stats span,
.mw-parser-output .nk-home-search input,
.mw-parser-output .nk-home-search button {
font-size: 16px !important;
line-height: 1.75 !important;
}
.mw-parser-output .nk-home-stats strong {
font-size: 18px !important;
line-height: 1.55 !important;
}
#bodyContent .mw-parser-output .nk-home-panel > .mw-heading h2,
.mw-parser-output .nk-home-panel > .mw-heading h2 {
font-size: 22px !important;
line-height: 28px !important;
font-weight: 700 !important;
}
}
/* TOC (table of contents) tidy */
.toc, #toc {
font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', serif !important;
font-size: 24px !important;
}
/* Split long reference lists without changing short lists. */
.mw-parser-output ol.references:has(> li:nth-child(6)) {
columns: 2;
column-gap: 2.5rem;
}
.mw-parser-output ol.references:has(> li:nth-child(6)) > li {
break-inside: avoid;
}
@media screen and (max-width: 700px) {
.mw-parser-output ol.references:has(> li:nth-child(6)) {
columns: 1;
}
line-height: 2 !important;
}
.toc h2, #toc h2, .toctitle {
color: #047857 !important;
font-weight: 700 !important;
}
/* Sidebar / portlet links sitewide */
.mw-portlet a,
.portlet a,
#mw-panel a,
#column-one a,
.sidebar a,
.mw-sidebar a {
font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', 'Alvi Nastaleeq', sans-serif !important;
font-size: 23px !important;
line-height: 2 !important;
}
/* Sidebar section headings — green */
.mw-portlet-heading,
.portlet h3,
.portlet h5,
.sidebar h2,
.sidebar h3 {
font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', sans-serif !important;
font-weight: 700 !important;
color: #047857 !important;
font-size: 24px !important;
}
/* Soft warm page background like Wikipedia */
body {
background: #f6f6f6;
}
/* ---------- Sidebar width — narrow ---------- */
/* MonoBook only — Timeless manages its own layout, leave it alone. */
#column-one {
width: 200px !important;
box-sizing: border-box !important;
}
body.skin-monobook #content,
.monobook-body #content {
margin-right: 210px !important;
}
/* ---------- Fix Timeless content overlapping the right sidebar ---------- */
body.skin-timeless #mw-content-block {
display: flex !important;
flex-direction: row-reverse; /* sidebar on right in RTL */
gap: 24px;
}
body.skin-timeless #mw-content {
min-width: 0 !important;
flex: 1 1 auto !important;
overflow-wrap: break-word;
word-wrap: break-word;
}
body.skin-timeless #mw-related-navigation {
flex: 0 0 220px !important;
max-width: 220px !important;
}
/* Wikipedia-style portal layout for the Naat Kainaat main page. */
.mw-parser-output .nk-home {
font-size: 1.125rem !important;
line-height: 1.9;
color: #202122;
}
.mw-parser-output .nk-home p,
.mw-parser-output .nk-home li,
.mw-parser-output .nk-home dd,
.mw-parser-output .nk-home dt,
.mw-parser-output .nk-home td,
.mw-parser-output .nk-home th {
font-size: 1.125rem !important;
line-height: 1.9;
}
.nk-home-welcome {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.5rem;
padding: 1.25rem 1.5rem;
margin-bottom: 0.75rem;
border: 1px solid #a2a9b1;
background: #f8f9fa;
}
.nk-home-welcome-copy {
flex: 1 1 32rem;
}
.nk-home-title {
margin-bottom: 0.2rem;
color: #202122;
font-size: 2rem;
font-weight: 700;
line-height: 1.5;
}
.nk-home-tagline {
color: #54595d;
font-size: 1.1rem;
font-weight: 700;
}
.nk-home-intro {
margin-top: 0.35rem;
color: #54595d;
}
.nk-home-stats {
display: flex;
flex: 0 0 auto;
gap: 0.75rem;
text-align: center;
}
.nk-home-stats div {
min-width: 5.5rem;
padding: 0.45rem 0.7rem;
border-right: 1px solid #c8ccd1;
}
.nk-home-stats strong,
.nk-home-stats span {
display: block;
}
.nk-home-stats strong {
color: #3366cc;
font-size: 1.25rem;
}
.nk-home-stats span {
color: #54595d;
font-size: 0.875rem;
}
.nk-home-search {
padding: 0.75rem 1rem;
border: 1px solid #a2a9b1;
border-top: 0;
background: #fff;
}
.nk-home-search .mw-inputbox-form {
display: flex;
max-width: 48rem;
margin: 0 auto;
gap: 0.5rem;
}
.nk-home-search .mw-inputbox-input {
flex: 1 1 auto;
min-width: 0;
}
.nk-home-shortcuts {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.35rem 1.5rem;
padding: 0.55rem 1rem;
margin-bottom: 1rem;
border: 1px solid #c8ccd1;
border-top: 0;
background: #f8f9fa;
}
.nk-home-columns {
display: grid;
grid-template-columns: minmax(0, 65fr) minmax(17rem, 35fr);
gap: 5px;
align-items: stretch;
margin-bottom: 1rem;
}
.nk-home-column {
display: grid;
gap: 1rem;
grid-template-rows: auto auto;
align-content: start;
min-width: 0;
}
.nk-home-column-joined {
border: 1px solid #c6c9ff;
border-radius: 5px;
background: #f0f2f0;
}
.nk-home-column-joined > .nk-home-panel {
border-color: transparent;
border-radius: 0;
background: transparent;
}
@media screen and (min-width: 901px) {
.nk-home-columns > .nk-home-column {
box-sizing: border-box;
height: 1642px;
}
.nk-home-columns > .nk-home-column:not(.nk-home-column-joined) {
grid-template-rows: 350px 380px 510px 354px;
}
.nk-home-columns > .nk-home-column-joined {
grid-template-rows: 746px 426px 436px;
}
.nk-home-columns > .nk-home-column > .nk-home-panel {
display: flex;
flex-direction: column;
min-height: 0;
overflow: hidden;
}
.nk-home-columns > .nk-home-column > .nk-home-panel > .nk-home-panel-body {
flex: 1 1 auto;
min-height: 0;
overflow: hidden;
}
}
.nk-home-panel {
box-sizing: border-box;
overflow: visible;
padding: 0.5em 1em 1em;
border: 1px solid #c6c9ff;
border-radius: 5px;
background: #f0f2f0;
color: #000;
}
.mw-parser-output .nk-home-panel > .mw-heading {
margin: 0;
padding: 0.35rem 0.75rem;
border: 0;
border-bottom: 1px solid #a2a9b1;
background: #eaecf0;
}
.mw-parser-output .nk-home-panel > .mw-heading h2 {
margin: 0;
padding: 0;
border: 0;
color: #202122;
font-size: 1.25rem !important;
line-height: 1.6;
}
.mw-parser-output .nk-home-panel > .mw-heading .mw-editsection {
font-size: 0.75rem;
font-weight: 400;
}
.nk-home-panel-featured > .mw-heading,
.nk-home-panel-poets > .mw-heading,
.nk-home-panel-daily-poet > .mw-heading {
background: #cef2e0 !important;
border-color: #a3bfb1 !important;
}
.nk-home-panel-news > .mw-heading,
.nk-home-panel-recitation > .mw-heading,
.nk-home-panel-recent > .mw-heading {
background: #cedff2 !important;
border-color: #a3b0bf !important;
}
.nk-home-panel-dyk > .mw-heading,
.nk-home-panel-topics > .mw-heading {
background: #f5f5d5 !important;
border-color: #d6d6b0 !important;
}
.nk-home-panel-contribute > .mw-heading,
.nk-home-panel-partners > .mw-heading {
background: #f2cedd !important;
border-color: #c9a7b5 !important;
}
/* Urdu Wikipedia-style heading shading without changing panel colors. */
.mw-parser-output .nk-home-panel > .mw-heading {
position: relative;
height: 28px;
min-height: 28px;
padding: 0 !important;
margin: 2px 0 8px;
overflow: visible;
border: 0;
background: transparent !important;
box-shadow: none;
}
.mw-parser-output .nk-home-panel > .mw-heading::before {
position: absolute;
z-index: 0;
top: 0;
right: 0;
width: min(350px, 100%);
height: 25px;
border-radius: 0 4px 4px 0;
background: linear-gradient(
to left,
rgba(194, 223, 255, 1),
rgba(194, 223, 255, 1) 2%,
rgba(194, 223, 255, 0)
);
content: '';
}
.mw-parser-output .nk-home-panel > .mw-heading::after {
position: absolute;
z-index: 2;
top: -6px;
right: 5px;
display: grid;
width: 38px;
height: 38px;
border: 1px solid rgba(84, 89, 93, 0.22);
border-radius: 50%;
background: radial-gradient(
circle at 35% 30%,
#fff 0,
rgba(255, 255, 255, 0.92) 45%,
rgba(200, 204, 209, 0.72) 100%
);
box-shadow:
0 1px 2px rgba(0, 0, 0, 0.18),
inset 0 1px 1px #fff;
color: #72777d;
content: '◆';
font-size: 1.15rem;
line-height: 1;
place-items: center;
}
.mw-parser-output .nk-home-panel > .mw-heading h2 {
position: absolute;
z-index: 1;
top: 1px;
right: 40px;
margin: 0;
padding: 0 0.4em;
border: 0;
font-size: 1.3rem !important;
font-weight: 700;
line-height: 28.6px !important;
text-align: right;
text-shadow: none;
}
.mw-parser-output .nk-home-panel > .mw-heading .mw-editsection {
position: absolute;
z-index: 1;
top: 3px;
left: 0.4rem;
}
.mw-parser-output .nk-home-panel-featured > .mw-heading::after {
content: '★';
color: #d5a900;
}
.mw-parser-output .nk-home-panel-news > .mw-heading::after {
content: '●';
color: #36c;
}
.mw-parser-output .nk-home-panel-dyk > .mw-heading::after {
content: '؟';
color: #72777d;
font-weight: 700;
}
.mw-parser-output .nk-home-panel-recitation > .mw-heading::after {
content: '♪';
color: #36c;
}
.mw-parser-output .nk-home-panel-daily-poet > .mw-heading::after {
content: '✒';
color: #14866d;
}
.mw-parser-output .nk-home-panel-recent > .mw-heading::after {
content: '↻';
color: #36c;
font-weight: 700;
}
.mw-parser-output .nk-home-panel-topics > .mw-heading::after {
content: '◈';
color: #72777d;
}
.mw-parser-output .nk-home-panel-poets > .mw-heading::after {
content: '✒';
color: #14866d;
}
.mw-parser-output .nk-home-panel-contribute > .mw-heading::after {
content: '+';
color: #b32424;
font-weight: 700;
}
.mw-parser-output .nk-home-panel-partners > .mw-heading::after {
content: '●';
color: #b32424;
}
.nk-home-panel-body {
padding: 0;
}
.nk-home-panel-body > :first-child {
margin-top: 0;
}
.nk-home-panel-body > :last-child {
margin-bottom: 0;
}
.nk-home-panel-body ul,
.nk-home-era-grid ul {
margin-top: 0.25rem;
}
.nk-home-panel-featured img {
max-width: 11rem;
height: auto;
margin: 0 0 0.75rem 1rem;
}
.nk-home-more {
margin-top: 0.65rem;
text-align: left;
font-weight: 700;
}
.nk-home-clear {
clear: both;
}
.nk-home-topic-grid,
.nk-home-era-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
padding: 0;
}
.nk-home-topic-grid > div {
padding: 0.7rem 0.85rem;
border: 1px solid #c8ccd1;
background: #f8f9fa;
}
.nk-home-topic-grid strong,
.nk-home-topic-grid span {
display: block;
}
.nk-home-topic-grid span {
margin-top: 0.15rem;
color: #54595d;
font-size: 0.875rem;
}
.nk-home-era-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.nk-home-era-grid > div {
padding: 0 0.85rem;
border-right: 3px solid #36c;
}
.mw-parser-output .nk-home-era-grid h3 {
margin: 0 0 0.4rem;
padding: 0;
border: 0;
font-size: 1.05rem !important;
}
.nk-home-panel-poets > .nk-home-more {
padding: 0;
}
.nk-home-columns-bottom {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.nk-home-actions {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 0.75rem;
}
.nk-home-actions a {
display: inline-block;
padding: 0.25rem 0.75rem;
border: 1px solid #36c;
border-radius: 2px;
background: #f8f9fa;
font-weight: 700;
}
.nk-home-form-links {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.6rem;
margin: 1rem 0 0.85rem;
}
.nk-home-form-links-intro {
display: block;
max-width: 32rem;
margin: 0.75rem auto 0;
}
.nk-home-form-links-intro p {
display: grid;
grid-template-columns: repeat(3, minmax(7rem, 1fr));
gap: 0.6rem;
margin: 0;
}
.nk-home-form-links a {
display: block;
padding: 0.75rem 0.9rem;
border: 1px solid #a3b8d8;
border-radius: 4px;
background: linear-gradient(180deg, #ffffff 0%, #f3f7fb 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
color: #064e3b;
font-weight: 700;
text-align: center;
text-decoration: none;
}
.nk-home-form-links-intro a:first-child {
border-color: #047857;
}
.nk-home-form-links a:hover,
.nk-home-form-links a:focus {
border-color: #047857;
background: #eef8f3;
color: #043f2f;
text-decoration: none;
}
@media screen and (max-width: 700px) {
.nk-home-form-links {
grid-template-columns: 1fr;
}
}
.nk-home-footer {
padding: 0.85rem 1rem;
border: 1px solid #c8ccd1;
background: #f8f9fa;
text-align: center;
}
html[dir='rtl'] .vector-page-titlebar-toc .vector-dropdown-content,
html[dir='rtl'] .vector-sticky-header-toc .vector-dropdown-content {
right: auto;
left: -1px;
}
/* Random featured Naat Khawan. */
.nk-home-random-person {
min-height: 5rem;
}
.nk-home-random-person img,
.nk-home-daily-text img {
float: right;
width: auto;
max-width: 48%;
height: auto;
margin: 0 0 0.5rem 0.75rem;
border-radius: 2px;
}
.nk-home-panel-featured .nk-home-random-person img,
.nk-home-panel-dyk .nk-home-daily-text img {
width: auto;
max-width: 48%;
height: 226px;
object-fit: contain;
}
.nk-home-panel-news .nk-home-daily-text img,
.nk-home-panel-daily-poet .nk-home-random-person img,
.nk-home-panel-recitation .nk-home-random-person img {
width: auto;
max-width: 48%;
height: 174px;
object-fit: contain;
}
.nk-home-random-person strong {
display: block;
font-size: 1.15rem;
}
.nk-home-random-person p {
margin: 0.35rem 0 0;
}
.nk-home-random-person::after,
.nk-home-daily-text::after {
display: block;
clear: both;
content: '';
}
.nk-home-daily-text strong {
display: block;
margin-bottom: 0.35rem;
font-size: 1.15rem;
}
.nk-home-daily-text p {
margin: 0;
}
.nk-home-daily-item::after {
display: block;
clear: both;
content: '';
}
.nk-home-daily-item + .nk-home-daily-item {
margin-top: 0.7rem;
padding-top: 0.7rem;
border-top: 1px solid #c8ccd1;
}
/* Responsive 16:9 wrapper for the daily naat video panel. */
.nk-video-embed {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
}
.nk-video-embed iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
border: 0;
}
#nk-daily-video > strong {
display: block;
margin-top: 0.5rem;
}
.nk-home-recent-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
font-size: 0.9em;
}
.nk-home-recent-table th,
.nk-home-recent-table td {
padding: 0.35rem 0.45rem;
border: 1px solid #c8ccd1;
text-align: right;
vertical-align: top;
overflow-wrap: anywhere;
}
.nk-home-recent-table th {
background: #eaecf0;
font-weight: 700;
}
.nk-home-recent-table th:first-child {
width: 42%;
}
.nk-home-recent-table th:nth-child(2) {
width: 18%;
}
.nk-home-recent-table th:nth-child(3) {
width: 40%;
}
@media screen and (max-width: 900px) {
.nk-home-columns,
.nk-home-columns-bottom {
grid-template-columns: 1fr;
}
.nk-home-column {
grid-template-rows: none;
}
.nk-home-era-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 640px) {
.nk-home-panel {
min-width: 0;
max-width: 100%;
}
.nk-home-recent-table a {
overflow-wrap: anywhere;
word-break: break-word;
}
.nk-home-welcome {
display: block;
padding: 1rem;
}
.nk-home-title {
font-size: 1.55rem;
}
.nk-home-stats {
justify-content: space-between;
margin-top: 0.75rem;
}
.nk-home-stats div {
flex: 1 1 0;
min-width: 0;
}
.nk-home-search .mw-inputbox-form {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
}
.nk-home-topic-grid,
.nk-home-era-grid {
grid-template-columns: 1fr;
}
.nk-home-panel-video .embedvideo {
display: block !important;
width: min(100%, 16.25rem) !important;
margin-right: auto !important;
margin-left: auto !important;
}
.nk-home-panel-featured .nk-home-random-person img,
.nk-home-panel-dyk .nk-home-daily-text img,
.nk-home-panel-news .nk-home-daily-text img,
.nk-home-panel-daily-poet .nk-home-random-person img,
.nk-home-panel-recitation .nk-home-random-person img {
float: none;
display: block;
width: auto;
max-width: min(100%, 15rem);
margin: 0 auto 0.75rem;
}
}
/* 2025 annual index: homepage-style panels with editable sections. */
body.page-تبادلۂ_خیال_2025 .nk-year-page {
color: #202122;
font-size: 24px !important;
line-height: 2.2;
}
body.page-تبادلۂ_خیال_2025 .mw-parser-output .nk-year-page p,
body.page-تبادلۂ_خیال_2025 .mw-parser-output .nk-year-page li,
body.page-تبادلۂ_خیال_2025 .mw-parser-output .nk-year-page dd,
body.page-تبادلۂ_خیال_2025 .mw-parser-output .nk-year-page dt {
font-size: 24px !important;
line-height: 2.2;
}
body.page-تبادلۂ_خیال_2025 .nk-year-intro {
margin-bottom: 0;
}
body.page-تبادلۂ_خیال_2025 .nk-year-title {
font-size: 44px;
line-height: 1.5;
}
body.page-تبادلۂ_خیال_2025 .nk-year-subtitle {
margin-bottom: 0.2rem;
font-size: 24px;
}
body.page-تبادلۂ_خیال_2025 .nk-year-edit-help {
margin-bottom: 1rem;
padding: 0.6rem 1rem;
border-color: #c8ccd1;
border-style: solid;
border-width: 0 1px 1px;
background: #f8f9fa;
}
body.page-تبادلۂ_خیال_2025 .nk-year-edit-button {
display: inline-block;
margin: 0 0.6rem 0 0;
padding: 0.05rem 0.7rem;
border: 1px solid #36c;
border-radius: 3px;
background: #fff;
}
body.page-تبادلۂ_خیال_2025 .nk-year-columns {
display: grid;
grid-template-columns: minmax(0, 65fr) minmax(17rem, 35fr);
gap: 5px;
align-items: stretch;
margin-bottom: 1rem;
}
body.page-تبادلۂ_خیال_2025 .nk-year-column-main,
body.page-تبادلۂ_خیال_2025 .nk-year-column-side {
display: grid;
min-width: 0;
gap: 1rem;
}
body.page-تبادلۂ_خیال_2025 .nk-year-column-main {
grid-template-rows: 1fr;
}
body.page-تبادلۂ_خیال_2025 .nk-year-column-side {
grid-template-rows: repeat(3, 1fr);
}
body.page-تبادلۂ_خیال_2025 .nk-year-column-main > .nk-home-panel,
body.page-تبادلۂ_خیال_2025 .nk-year-column-side > .nk-home-panel {
height: 100%;
}
body.page-تبادلۂ_خیال_2025 .nk-year-page .nk-home-panel > .mw-heading:has(> h2) {
height: 44px;
min-height: 44px;
margin-bottom: 10px;
}
body.page-تبادلۂ_خیال_2025 .nk-year-page .nk-home-panel > .mw-heading:has(> h2)::before {
width: min(420px, 100%);
height: 41px;
}
body.page-تبادلۂ_خیال_2025 .nk-year-page .nk-home-panel > .mw-heading:has(> h2)::after {
top: -3px;
width: 46px;
height: 46px;
}
body.page-تبادلۂ_خیال_2025 .nk-year-page .nk-home-panel > .mw-heading:has(> h2) h2 {
top: 0;
right: 48px;
font-size: 32px !important;
line-height: 44px !important;
}
body.page-تبادلۂ_خیال_2025 .nk-year-page .nk-home-panel > .mw-heading:has(> h2) .mw-editsection {
top: 8px;
}
body.page-تبادلۂ_خیال_2025 .nk-year-page .nk-home-panel > .mw-heading + p,
body.page-تبادلۂ_خیال_2025 .nk-year-page .nk-home-panel > .mw-heading + ul {
margin-top: 0.35rem;
}
body.page-تبادلۂ_خیال_2025 .nk-year-page .nk-home-panel > .mw-heading:not(:first-child) {
position: static;
height: auto;
min-height: 0;
margin: 0.7rem 0 0.25rem;
padding: 0.1rem 0.55rem !important;
border-right: 4px solid #14866d;
border-bottom: 1px solid #a3bfb1;
background: #e7f3ef !important;
}
body.page-تبادلۂ_خیال_2025 .nk-year-page .nk-home-panel > .mw-heading:not(:first-child)::before,
body.page-تبادلۂ_خیال_2025 .nk-year-page .nk-home-panel > .mw-heading:not(:first-child)::after {
display: none;
}
body.page-تبادلۂ_خیال_2025 .nk-year-page .nk-home-panel > .mw-heading:not(:first-child) h3 {
position: static;
margin: 0;
padding: 0;
border: 0;
font-size: 28px !important;
line-height: 1.7 !important;
}
body.page-تبادلۂ_خیال_2025 .nk-year-page .nk-home-panel > .mw-heading:not(:first-child) .mw-editsection {
position: static;
float: left;
margin-top: 0.15rem;
font-size: 0.75rem;
}
body.page-تبادلۂ_خیال_2025 .nk-year-page ul {
margin: 0.2rem 0 0.75rem;
padding-right: 1.75rem;
}
body.page-تبادلۂ_خیال_2025 .nk-year-page li {
margin-bottom: 0.15rem;
}
body.page-تبادلۂ_خیال_2025 .nk-year-months-panel {
margin-bottom: 1rem;
}
body.page-تبادلۂ_خیال_2025 .nk-year-month-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.65rem;
margin-top: 0.6rem;
}
body.page-تبادلۂ_خیال_2025 .nk-year-month-card {
padding: 0.45rem 0.7rem;
border: 1px solid #c8ccd1;
border-radius: 4px;
background: #fff;
}
body.page-تبادلۂ_خیال_2025 .nk-year-month-card > .mw-heading {
margin: -0.1rem 0 0.25rem;
padding: 0.05rem 0.45rem;
border: 0;
border-bottom: 1px solid #a3bfb1;
background: #e7f3ef;
}
body.page-تبادلۂ_خیال_2025 .nk-year-month-card > .mw-heading h3 {
margin: 0;
padding: 0;
border: 0;
font-size: 28px !important;
line-height: 1.7 !important;
}
body.page-تبادلۂ_خیال_2025 .nk-year-month-edit {
display: block;
margin: -0.1rem 0 0.2rem;
font-size: 0.85rem;
}
body.page-تبادلۂ_خیال_2025 .nk-year-month-edit a {
color: #54595d;
}
@media screen and (max-width: 900px) {
body.page-تبادلۂ_خیال_2025 .nk-year-columns {
grid-template-columns: 1fr;
}
body.page-تبادلۂ_خیال_2025 .nk-year-month-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 640px) {
body.page-تبادلۂ_خیال_2025 .nk-year-title {
font-size: 44px;
}
body.page-تبادلۂ_خیال_2025 .nk-year-month-grid {
grid-template-columns: 1fr;
}
}
/* Annual article index shared by styled year pages. */
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article {
color: #202122;
font-size: 24px !important;
line-height: 2.2;
}
body:is(.page-2025, .page-1900, .page-2026) .mw-parser-output .nk-year-article p,
body:is(.page-2025, .page-1900, .page-2026) .mw-parser-output .nk-year-article li,
body:is(.page-2025, .page-1900, .page-2026) .mw-parser-output .nk-year-article dd,
body:is(.page-2025, .page-1900, .page-2026) .mw-parser-output .nk-year-article dt {
font-size: 24px !important;
line-height: 2.2;
}
body.page-2026 .mw-parser-output ol.references,
body.page-2026 .mw-parser-output ol.references li {
font-size: 0.875rem !important;
line-height: 1.6 !important;
}
body.page-2026 .mw-parser-output i,
body.page-2026 .mw-parser-output em {
font-style: normal !important;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-intro {
margin-bottom: 1rem;
padding: 1rem 1.25rem;
border: 1px solid #a2a9b1;
border-radius: 5px;
background: #f8f9fa;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-title {
color: #202122;
font-size: 44px;
font-weight: 700;
line-height: 1.6;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-subtitle {
margin-bottom: 0.25rem;
color: #54595d;
font-size: 28px;
font-weight: 700;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-columns {
display: grid;
grid-template-columns: minmax(0, 65fr) minmax(17rem, 35fr);
gap: 1rem;
align-items: start;
margin-bottom: 1rem;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-main,
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-side {
display: grid;
grid-auto-rows: max-content;
align-content: start;
gap: 1rem;
min-width: 0;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-section {
min-width: 0;
padding: 0 0.25rem 0.5rem;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-section > .mw-heading {
margin: 0 0 0.35rem;
padding: 0 0.45rem 0.15rem;
border: 0;
border-bottom: 2px solid #14866d;
border-radius: 5px;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-section > .mw-heading h2 {
margin: 0;
padding: 0;
border: 0;
font-size: 32px !important;
line-height: 1.7 !important;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-section ul {
margin: 0.15rem 0 0;
padding-right: 1.6rem;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-panel {
box-sizing: border-box;
padding: 0.75rem 1rem 1rem;
border: 1px solid #c8ccd1;
border-radius: 5px;
background: #fff;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-panel > .mw-heading {
margin: 0 0 0.55rem;
padding: 0.2rem 0.65rem;
border: 0;
border-right: 5px solid #14866d;
border-bottom: 1px solid #a3bfb1;
border-radius: 5px;
background: #e7f3ef;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-panel > .mw-heading h2 {
margin: 0;
padding: 0;
border: 0;
font-size: 32px !important;
line-height: 1.7 !important;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-books > .mw-heading:not(:first-child) {
margin: 0.65rem 0 0.2rem;
padding: 0;
border: 0;
border-bottom: 1px solid #eaecf0;
background: transparent;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-books > .mw-heading h3,
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-month > .mw-heading h3 {
margin: 0;
padding: 0;
border: 0;
font-size: 28px !important;
line-height: 1.7 !important;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-panel ul {
margin: 0.15rem 0 0.65rem;
padding-right: 1.6rem;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-note {
padding: 0.4rem 0.65rem;
border-right: 4px solid #a2a9b1;
border-radius: 5px;
background: #f8f9fa;
color: #54595d;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-deaths {
margin-bottom: 1rem;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-deaths > .mw-heading {
height: 48px;
min-height: 48px;
margin-bottom: 8px;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-deaths > .mw-heading::before {
width: min(450px, 100%);
height: 45px;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-deaths > .mw-heading::after {
top: -3px;
width: 50px;
height: 50px;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-deaths > .mw-heading h2 {
top: 0;
right: 52px;
font-size: 32px !important;
line-height: 48px !important;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-deaths > .mw-heading .mw-editsection {
top: 10px;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-death-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.25rem 1.5rem;
margin: 0.45rem 0 0;
padding-right: 1.6rem;
}
@media screen and (max-width: 900px) {
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-columns {
grid-template-columns: 1fr;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-death-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 640px) {
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-title {
font-size: 44px;
}
body:is(.page-2025, .page-1900, .page-2026) .nk-year-article-death-list {
grid-template-columns: 1fr;
}
}
/* Prevent page-title/link labels from becoming italic just because title text contains wiki apostrophes. User-written italics in normal article text still work. */
.mw-parser-output a i,
.mw-parser-output a em,
.mw-parser-output .mw-selflink i,
.mw-parser-output .mw-selflink em {
font-style: normal;
}
body.page-زمرہ_کتب #mw-subcategories {
display: none !important;
}
@media screen and (max-width: 700px) {
.mw-first-heading,
#firstHeading,
.firstHeading {
font-size: 24px !important;
line-height: 1.55 !important;
font-weight: 700 !important;
}
.mw-parser-output {
font-size: 18px !important;
line-height: 1.7 !important;
font-weight: 400 !important;
}
.mw-parser-output .nk-home,
.mw-parser-output .nk-home p,
.mw-parser-output .nk-home li,
.mw-parser-output .nk-home dd,
.mw-parser-output .nk-home dt,
.mw-parser-output .nk-home td,
.mw-parser-output .nk-home th,
.mw-parser-output .nk-home-panel,
.mw-parser-output .nk-home-panel-body,
.mw-parser-output .nk-home-panel-body p,
.mw-parser-output .nk-home-panel-body li {
font-size: 16px !important;
line-height: 1.75 !important;
font-weight: 400 !important;
}
.mw-parser-output .nk-home-panel > .mw-heading h2 {
font-size: 22px !important;
line-height: 28px !important;
font-weight: 700 !important;
}
#mw-subcategories h2,
#mw-pages h2 {
font-size: 24px !important;
line-height: 1.55 !important;
font-weight: 700 !important;
}
#mw-subcategories .mw-category-group h3,
#mw-pages .mw-category-group h3 {
font-size: 20px !important;
line-height: 1.55 !important;
font-weight: 700 !important;
}
#mw-subcategories .mw-category-group li,
#mw-pages .mw-category-group li {
font-size: 16px !important;
line-height: 1.75 !important;
font-weight: 400 !important;
}
.mw-body-content,
.mw-body-content p,
.mw-body-content li,
.mw-body-content dd,
.mw-body-content td,
.mw-body-content th {
font-size: 18px !important;
line-height: 1.7 !important;
}
.mw-body-content h2,
.mw-parser-output h2 {
font-size: 24px !important;
line-height: 1.55 !important;
font-weight: 700 !important;
}
.mw-body-content h3,
.mw-body-content h4,
.mw-parser-output h3,
.mw-parser-output h4 {
font-size: 20px !important;
line-height: 1.55 !important;
font-weight: 700 !important;
}
.mw-body-content h5,
.mw-body-content h6,
.mw-parser-output h5,
.mw-parser-output h6 {
font-size: 18px !important;
line-height: 1.55 !important;
font-weight: 700 !important;
}
.mw-body-content form,
.mw-body-content form table,
.mw-body-content form tr,
.mw-body-content form td,
.mw-body-content form th,
.mw-body-content form label,
.mw-body-content form .mw-help-field-hint,
.mw-body-content .mw-message-box {
font-size: 16px !important;
line-height: 1.75 !important;
}
.mw-body-content input,
.mw-body-content textarea,
.mw-body-content select,
.mw-body-content button,
.mw-body-content .oo-ui-widget,
.mw-body-content .oo-ui-inputWidget-input,
.mw-body-content .oo-ui-buttonElement-button {
font-size: 16px !important;
line-height: 1.75 !important;
}
}
/* NK site policy: links and table borders */
a {
text-decoration: none;
color: #464feb;
}
tr th, tr td {
border: 1px solid #e6e6e6;
}
tr th {
background-color: #f5f5f5;
}