"میڈیاویکی:Common.css" کے نسخوں کے درمیان فرق

نعت کائنات سے
Jump to navigationJump to search
کوئی خلاصۂ ترمیم نہیں
کوئی خلاصۂ ترمیم نہیں
 
(ایک ہی صارف کا 13 درمیانی نسخے نہیں دکھائے گئے)
سطر 1: سطر 1:
/* =========================================================
/* =========================================================
   نعت کائنات — MediaWiki:Common.css
   نعت کائنات — MediaWiki:Common.css
   Paste contents of this file into:
   Paste contents of this file into:
سطر 5: سطر 5:
   After saving, do Ctrl+F5 on any page to clear CSS cache.
   After saving, do Ctrl+F5 on any page to clear CSS cache.
   ========================================================= */
   ========================================================= */
/------------- sidebar sytiling ----------------------/
/* Sidebar headings */
#mw-panel .portal h3 {
  font-weight: bold;
  color: #004080; /* deep blue headings */
  border-bottom: 1px solid #ddd;
  padding-bottom: 4px;
}
/* Sidebar links */
#mw-panel .body li a {
  display: block;
  padding: 6px 8px;
  border-radius: 4px;
  transition: background 0.2s, color 0.2s;
  font-size: 14px;
}
/* Hover effect */
#mw-panel .body li a:hover {
  background: #f0f8ff; /* light highlight */
  color: #00264d; /* darker text */
}
/* Add subtle spacing between sections */
#mw-panel .portal {
  margin-bottom: 12px;
}
/---------------sidebar styling closed--------------/




/* ---------- Hide page title on Main Page (صفحۂ اول) ---------- */
/* ---------- Hide page title on Main Page (صفحۂ اول) ---------- */
/* MediaWiki auto-generates body class as "page-<URL-encoded-title>". */
/* Cover every body-class variant MediaWiki/Timeless may emit. */
 
body.page-صفحۂ_اول h1.firstHeading,
body.page-صفحۂ_اول #firstHeading,
body.page-صفحۂ_اول #firstHeading,
body.page-صفحۂ_اول .mw-first-heading,
body.page-صفحۂ_اول .mw-first-heading,
body.page-Main_Page h1.firstHeading,
body.page-صفحۂ_اول .mw-page-title-main,
body.page-Main_Page #firstHeading,
body.page-Main_Page #firstHeading,
body.page-Main_Page .mw-first-heading {
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;
     display: none !important;
}
}


/* Also hide the "From <site>" subtitle / siteSub on the main page */
/* Hide the "From <site>" subtitle on the main page too */
body.page-صفحۂ_اول #siteSub,
body.page-صفحۂ_اول #siteSub,
body.page-Main_Page #siteSub,
body.page-Main_Page #siteSub,
body.mainpage #siteSub,
body.page-صفحۂ_اول #contentSub,
body.page-صفحۂ_اول #contentSub,
body.page-Main_Page #contentSub {
body.page-Main_Page #contentSub,
body.mainpage #contentSub {
     display: none !important;
     display: none !important;
}
}


/* CSS placed here will be applied to all skins */


/* ---------- 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. */
body,
.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: 28px;
    line-height: 2.2;
}
/* 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;
}


@font-face {
/* Headings — green, bold, larger */
     font-family: 'Jameel Noori Nastaleeq';
.mw-parser-output h1,
     src: url('path-to-font-file.ttf');
.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: 38px !important; }
.mw-parser-output h3 { font-size: 34px !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; }


/* TOC (table of contents) tidy */
.toc, #toc {
    font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', serif !important;
    font-size: 24px !important;
    line-height: 2 !important;
}
.toc h2, #toc h2, .toctitle {
    color: #047857 !important;
    font-weight: 700 !important;
}


#mw-panel {
/* Sidebar / portlet links sitewide */
     width: 22%; /* Adjust the percentage as needed */
.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 {
body {
     font-family: 'Jameel Noori Nastaleeq', sans-serif;
     background: #f6f6f6;
    font-size: 20px !important; /* Font size properly applied */
}
}


h1, h2, h3, h4 {
/* ---------- Hide the sidebar search box ---------- */
     color: green;
#p-search {
    display: none !important;
}
 
/* ---------- 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;
}
}


#ca-talk {
/* ---------- Fix Timeless content overlapping the right sidebar ---------- */
     display: none !important;
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;
}
}

حالیہ نسخہ بمطابق 14:27، 1 مئی 2026ء

/* =========================================================
   نعت کائنات — 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. */
body,
.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: 28px;
    line-height: 2.2;
}

/* 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: 38px !important; }
.mw-parser-output h3 { font-size: 34px !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; }

/* TOC (table of contents) tidy */
.toc, #toc {
    font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', serif !important;
    font-size: 24px !important;
    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;
}

/* ---------- Hide the sidebar search box ---------- */
#p-search {
    display: none !important;
}

/* ---------- 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;
}