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

نعت کائنات سے
Jump to navigationJump to search
کوئی خلاصۂ ترمیم نہیں
کوئی خلاصۂ ترمیم نہیں
 
(ایک ہی صارف کا 12 درمیانی نسخے نہیں دکھائے گئے)
سطر 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.
   ========================================================= */
   ========================================================= */


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




/* ---------- Sidebar (MonoBook RTL) — Urdu Wikipedia look ---------- */
/* ---------- Light typographic polish (does NOT touch skin layout) ---------- */
/* Clean, minimalist, blue-link sidebar matching ur.wikipedia.org aesthetic. */


#column-one {
/* Sitewide Urdu Nastaliq font + comfortable reading size */
     display: block !important;
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;
}
}


/* Page background — Wikipedia warm off-white */
/* Body / paragraph reading size */
body {
/* NOTE: no !important on font-size so inline styles on the home page hero win. */
     background: #f6f6f6 !important;
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;
}
}


/* The sidebar column itself (RTL: appears on the right in MonoBook RTL) */
/* Inline-styled blocks on the main page should keep their authored sizes */
#column-one {
body.mainpage .mw-parser-output [style*="font-size"],
    width: 12em !important;
body.page-صفحۂ_اول .mw-parser-output [style*="font-size"],
    padding: 0 !important;
body.page-Main_Page .mw-parser-output [style*="font-size"] {
    margin: 12px 4px 12px 0 !important;
     font-size: revert !important;
     font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', 'Alvi Nastaleeq', sans-serif !important;
     line-height: revert !important;
     direction: rtl;
    background: transparent !important;
}
}


/* Each portlet (section) flat, no card, just spacing — Wikipedia style */
/* Headings green, bold, larger */
#column-one .portlet {
.mw-parser-output h1,
    background: transparent !important;
.mw-parser-output h2,
    border: none !important;
.mw-parser-output h3,
    border-radius: 0 !important;
.mw-parser-output h4,
     margin: 0 0 14px 0 !important;
.mw-parser-output h5,
     padding: 0 !important;
.mw-parser-output h6,
     box-shadow: none !important;
.firstHeading, #firstHeading, .mw-first-heading {
     overflow: visible !important;
     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; }


/* Section heading — small grey label with bottom rule, exactly like urwiki */
/* TOC (table of contents) tidy */
#column-one .portlet h5,
.toc, #toc {
#column-one .portlet h3,
     font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', serif !important;
#column-one .portlet .pBody-label {
     font-size: 24px !important;
    background: transparent !important;
     line-height: 2 !important;
    color: #54595d !important;
}
     font-family: inherit !important;
.toc h2, #toc h2, .toctitle {
     font-size: 15px !important;
     color: #047857 !important;
     font-weight: 400 !important;
     font-weight: 700 !important;
    padding: 0 0 4px 0 !important;
    margin: 0 6px 6px !important;
     text-transform: none !important;
    letter-spacing: 0 !important;
    border: none !important;
    border-bottom: 1px solid #c8ccd1 !important;
     text-shadow: none !important;
    line-height: 1.5 !important;
}
}


/* Body of portlet */
/* Sidebar / portlet links sitewide */
#column-one .portlet .pBody {
.mw-portlet a,
     background: transparent !important;
.portlet a,
     border: none !important;
#mw-panel a,
    padding: 0 !important;
#column-one a,
    margin: 0 !important;
.sidebar a,
     box-shadow: none !important;
.mw-sidebar a {
     font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', 'Alvi Nastaleeq', sans-serif !important;
     font-size: 23px !important;
     line-height: 2 !important;
}
}


/* Lists & links inside portlets flat list, blue links */
/* Sidebar section headings green */
#column-one .portlet ul {
.mw-portlet-heading,
     list-style: none !important;
.portlet h3,
     margin: 0 !important;
.portlet h5,
     padding: 0 !important;
.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;
}
}
#column-one .portlet li {
 
    margin: 0 !important;
/* Soft warm page background like Wikipedia */
    padding: 0 !important;
body {
    border: none !important;
     background: #f6f6f6;
    line-height: 1.5 !important;
}
#column-one .portlet a {
    display: block;
    padding: 3px 10px 3px 6px;
    color: #3366cc !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    text-decoration: none !important;
    border: none !important;
    background: transparent !important;
    transition: color .15s ease, text-decoration .15s ease;
}
#column-one .portlet a:hover {
    color: #447ff5 !important;
    text-decoration: underline !important;
     background: transparent !important;
}
#column-one .portlet a:visited {
    color: #795cb2 !important;
}
#column-one .portlet a.new {
    color: #ba0000 !important;
}
#column-one .portlet a.new:visited {
    color: #a55858 !important;
}
}


/* Search portlet — clean Wikipedia-style search */
/* ---------- Hide the sidebar search box ---------- */
#p-search {
#p-search {
     background: transparent !important;
     display: none !important;
    border: none !important;
    margin-top: 8px !important;
}
#p-search h5,
#p-search h3 {
    border-bottom: 1px solid #c8ccd1 !important;
    color: #54595d !important;
}
#p-search .pBody {
    padding: 4px 6px !important;
}
#p-search input[type="search"],
#p-search input[type="text"],
#p-search input[name="search"] {
    width: 100% !important;
    box-sizing: border-box;
    padding: 5px 8px !important;
    border: 1px solid #a2a9b1 !important;
    border-radius: 2px !important;
    font-family: inherit !important;
    font-size: 14px !important;
    background: #fff !important;
}
#p-search input[type="search"]:focus,
#p-search input[type="text"]:focus {
    border-color: #3366cc !important;
    outline: none !important;
    box-shadow: inset 0 0 0 1px #3366cc;
}
#p-search input[type="submit"] {
    background: #f8f9fa !important;
    color: #202122 !important;
    border: 1px solid #a2a9b1 !important;
    border-radius: 2px !important;
    padding: 5px 12px !important;
    margin-top: 6px !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    cursor: pointer;
    box-shadow: none !important;
    transition: background .15s ease, border-color .15s ease;
}
#p-search input[type="submit"]:hover {
    background: #fff !important;
    border-color: #54595d !important;
    transform: none !important;
}
}


/* Logo on top of sidebar */
/* ---------- Sidebar width — narrow ---------- */
#p-logo {
/* MonoBook only — Timeless manages its own layout, leave it alone. */
     background: transparent !important;
#column-one {
    border: none !important;
     width: 200px !important;
     box-shadow: none !important;
     box-sizing: border-box !important;
    margin: 0 0 10px 0 !important;
}
}
#p-logo a {
body.skin-monobook #content,
     border: none !important;
.monobook-body #content {
    background: transparent !important;
     margin-right: 210px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
}


/* Main content area — Wikipedia content card */
/* ---------- Fix Timeless content overlapping the right sidebar ---------- */
#content {
body.skin-timeless #mw-content-block {
     margin-right: 13em !important;
     display: flex !important;
     margin-left: 12px !important;
     flex-direction: row-reverse;   /* sidebar on right in RTL */
    background: #ffffff !important;
     gap: 24px;
    border: 1px solid #a7d7f9 !important;
    border-right: none !important;
    border-radius: 0 !important;
    padding: 1em 1.25em !important;
     box-shadow: none !important;
}
}
 
body.skin-timeless #mw-content {
/* Tabs (page actions) on top — keep MonoBook default but tidy */
    min-width: 0 !important;
#p-cactions {
    flex: 1 1 auto !important;
     direction: rtl;
    overflow-wrap: break-word;
     word-wrap: break-word;
}
}
 
body.skin-timeless #mw-related-navigation {
/* Vector skin fallback (in case any user has Vector enabled) */
     flex: 0 0 220px !important;
.vector-page-toolbar,
    max-width: 220px !important;
#vector-toc-pinned-container,
.mw-table-of-contents-container {
     display: none !important;
}
 
/* Responsive — collapse sidebar under content on small screens */
@media (max-width: 900px) {
    #column-one {
        width: auto !important;
        margin: 8px !important;
    }
    #content {
        margin-right: 8px !important;
        margin-left: 8px !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;
}