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

نعت کائنات سے
Jump to navigationJump to search
کوئی خلاصۂ ترمیم نہیں
کوئی خلاصۂ ترمیم نہیں
 
(ایک ہی صارف کا 9 درمیانی نسخے نہیں دکھائے گئے)
سطر 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-صفحۂ_اول .mw-page-title-main,
body.page-صفحۂ_اول .mw-page-title-main,
body.page-صفحۂ_اول h1#firstHeading,
body.page-Main_Page h1.firstHeading,
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.page-Main_Page .mw-page-title-main,
body.rootpage-صفحۂ_اول #firstHeading,
body.rootpage-صفحۂ_اول .mw-first-heading,
body.rootpage-صفحۂ_اول .mw-first-heading,
body.rootpage-صفحۂ_اول h1#firstHeading,
body.rootpage-Main_Page #firstHeading,
body.rootpage-Main_Page .mw-first-heading {
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 — Urdu Wikipedia look (Vector + MonoBook) ---------- */
/* ---------- Light typographic polish (does NOT touch skin layout) ---------- */
/* Clean, minimalist sidebar matching ur.wikipedia.org aesthetic. */
 
/* Page background — Wikipedia warm off-white */
body {
    background: #f6f6f6 !important;
}
 
/* ============ VECTOR SKIN (modern MediaWiki default) ============ */
 
/* Show + style the left rail (sidebar only) */
#mw-panel,
.mw-sidebar {
    display: block !important;
    direction: rtl;
    font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', 'Alvi Nastaleeq', sans-serif !important;
    background: transparent !important;
}


#mw-panel {
/* Sitewide Urdu Nastaliq font + comfortable reading size */
    width: 13em !important;
body,
    padding: 0 0.6em !important;
.mw-body,
     /* push the sidebar below the logo / title so it doesn't overlap */
.mw-body-content,
    margin-top: 160px !important;
#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;
}
}


/* Each portlet (section) inside the panel */
/* Body / paragraph reading size */
#mw-panel .portlet,
/* NOTE: no !important on font-size so inline styles on the home page hero win. */
#mw-panel .mw-portlet {
body,
    background: transparent !important;
.mw-body-content,
    border: none !important;
#mw-content-text,
    border-radius: 0 !important;
.mw-parser-output,
     margin: 0 0 14px 0 !important;
.mw-parser-output p,
    padding: 0 !important;
.mw-parser-output li,
     box-shadow: none !important;
.mw-parser-output dd,
.mw-parser-output td,
.mw-parser-output th {
     font-size: 28px;
     line-height: 2.2;
}
}


/* Section heading: small grey label with bottom rule (Wikipedia style) */
/* Inline-styled blocks on the main page should keep their authored sizes */
#mw-panel .portlet h3,
body.mainpage .mw-parser-output [style*="font-size"],
#mw-panel .portlet h5,
body.page-صفحۂ_اول .mw-parser-output [style*="font-size"],
#mw-panel .mw-portlet-heading,
body.page-Main_Page .mw-parser-output [style*="font-size"] {
#mw-panel .vector-menu-heading {
     font-size: revert !important;
    background: transparent !important;
     line-height: revert !important;
    color: #54595d !important;
    font-family: inherit !important;
     font-size: 18px !important;
    font-weight: 600 !important;
    padding: 0 0 5px 0 !important;
    margin: 0 6px 8px !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.6 !important;
}
}


/* Portlet body */
/* Headings — green, bold, larger */
#mw-panel .pBody,
.mw-parser-output h1,
#mw-panel .mw-portlet-body,
.mw-parser-output h2,
#mw-panel .vector-menu-content {
.mw-parser-output h3,
     background: transparent !important;
.mw-parser-output h4,
     border: none !important;
.mw-parser-output h5,
     padding: 0 !important;
.mw-parser-output h6,
     margin: 0 !important;
.firstHeading, #firstHeading, .mw-first-heading {
    box-shadow: none !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; }


/* Lists (sidebar only) */
/* TOC (table of contents) tidy */
#mw-panel ul {
.toc, #toc {
     list-style: none !important;
     font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', serif !important;
     margin: 0 !important;
     font-size: 24px !important;
     padding: 0 !important;
     line-height: 2 !important;
}
}
#mw-panel li {
.toc h2, #toc h2, .toctitle {
     margin: 0 !important;
     color: #047857 !important;
     padding: 0 !important;
     font-weight: 700 !important;
    border: none !important;
    line-height: 1.5 !important;
    background: transparent !important;
    display: block !important;
}
}


/* Links — Wikipedia blue (scoped strictly to the sidebar panel) */
/* Sidebar / portlet links sitewide */
.mw-portlet a,
.portlet a,
#mw-panel a,
#mw-panel a,
#mw-panel .vector-menu-content-item {
#column-one a,
    display: block !important;
.sidebar a,
    padding: 4px 10px 4px 6px !important;
.mw-sidebar a {
    color: #3366cc !important;
     font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', 'Alvi Nastaleeq', sans-serif !important;
    font-size: 19px !important;
     font-size: 23px !important;
    line-height: 1.9 !important;
     line-height: 2 !important;
    text-decoration: none !important;
    border: none !important;
    background: transparent !important;
    transition: color .15s ease;
}
#mw-panel a:hover,
#mw-panel .vector-menu-content-item:hover {
     color: #447ff5 !important;
    text-decoration: underline !important;
     background: transparent !important;
}
#mw-panel a:visited {
    color: #795cb2 !important;
}
#mw-panel a.new {
     color: #ba0000 !important;
}
#mw-panel a.new:visited {
    color: #a55858 !important;
}
}


/* ---- Restore default look for top-bar menus (personal, namespaces, views, user) ---- */
/* Sidebar section headings — green */
#p-personal,
.mw-portlet-heading,
#p-personal ul,
.portlet h3,
#p-personal li,
.portlet h5,
#p-personal a,
.sidebar h2,
#p-namespaces,
.sidebar h3 {
#p-namespaces ul,
    font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', sans-serif !important;
#p-namespaces li,
     font-weight: 700 !important;
#p-namespaces a,
     color: #047857 !important;
#p-views,
     font-size: 24px !important;
#p-views ul,
#p-views li,
#p-views a,
#p-cactions,
#p-cactions ul,
#p-cactions li,
#p-cactions a,
#right-navigation,
#left-navigation,
.vector-user-menu,
.vector-user-menu ul,
.vector-user-menu li,
.vector-user-menu a,
.vector-menu-tabs,
.vector-menu-tabs ul,
.vector-menu-tabs li,
.vector-menu-tabs a {
     /* let the skin handle these — undo any block/font overrides */
    display: revert !important;
    background: revert;
     color: revert;
    padding: revert;
    margin: revert;
    border: revert;
     font-size: revert;
    font-family: sans-serif;
    line-height: revert;
}
#p-personal li,
#p-namespaces li,
#p-views li,
#p-cactions li,
.vector-menu-tabs li {
    display: inline-block !important;
}
}


/* Logo */
/* Soft warm page background like Wikipedia */
#p-logo,
body {
.mw-logo {
     background: #f6f6f6;
     background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 0 10px 0 !important;
}
}


/* Sidebar search portlet (legacy Vector) */
/* ---------- Hide the sidebar search box ---------- */
#p-search {
#p-search {
     margin-top: 8px !important;
     display: none !important;
}
#p-search input[type="search"],
#p-search input[type="text"],
#p-search input[name="search"],
.cdx-text-input__input {
    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,
.cdx-text-input__input: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;
}
#p-search input[type="submit"]:hover {
    background: #fff !important;
    border-color: #54595d !important;
}
}


/* Page tabs (top) keep them tidy in RTL */
/* ---------- Sidebar width narrow ---------- */
#p-cactions,
/* MonoBook only Timeless manages its own layout, leave it alone. */
#p-namespaces,
#column-one {
#p-views,
     width: 200px !important;
.vector-menu-tabs,
     box-sizing: border-box !important;
#mw-head {
    direction: rtl;
}
 
/* Main content card Wikipedia pale-blue border */
#content,
.mw-body {
     background: #ffffff !important;
     border: 1px solid #a7d7f9 !important;
    border-radius: 0 !important;
    padding: 1em 1.25em !important;
    box-shadow: none !important;
    margin-right: 13em !important;
    margin-left: 12px !important;
}
 
/* Vector-2022 layout fix: container sets margins, not #content */
.mw-page-container,
.mw-content-container {
    background: transparent !important;
}
}
.vector-feature-page-tools-pinned-disabled .mw-content-container,
body.skin-monobook #content,
.mw-body {
.monobook-body #content {
     max-width: none !important;
     margin-right: 210px !important;
}
}


/* Hide Vector-2022 floating tools that clash with the panel */
/* ---------- Fix Timeless content overlapping the right sidebar ---------- */
.vector-page-toolbar-container .vector-page-toolbar,
body.skin-timeless #mw-content-block {
#vector-toc-pinned-container,
     display: flex !important;
.mw-table-of-contents-container.vector-pinnable-element {
    flex-direction: row-reverse;  /* sidebar on right in RTL */
     /* keep TOC visible — only hide if you want a stricter look */
    gap: 24px;
}
}
 
body.skin-timeless #mw-content {
/* ============ MonoBook fallback ============ */
     min-width: 0 !important;
#column-one {
     flex: 1 1 auto !important;
     display: block !important;
     overflow-wrap: break-word;
    width: 12em !important;
     word-wrap: break-word;
    padding: 0 !important;
     margin: 12px 4px 12px 0 !important;
     font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', sans-serif !important;
     direction: rtl;
    background: transparent !important;
}
}
#column-one .portlet {
body.skin-timeless #mw-related-navigation {
    background: transparent !important;
     flex: 0 0 220px !important;
    border: none !important;
     max-width: 220px !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}
#column-one .portlet h5,
#column-one .portlet h3 {
     background: transparent !important;
    color: #54595d !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    padding: 0 0 5px 0 !important;
    margin: 0 6px 8px !important;
    border: none !important;
    border-bottom: 1px solid #c8ccd1 !important;
    text-transform: none !important;
}
#column-one .portlet .pBody {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
#column-one .portlet a {
    display: block;
    padding: 4px 10px 4px 6px;
    color: #3366cc !important;
     font-size: 19px !important;
    line-height: 1.9 !important;
    text-decoration: none !important;
}
#column-one .portlet a:hover {
    color: #447ff5 !important;
    text-decoration: underline !important;
}
 
/* Responsive — collapse sidebar under content on small screens */
@media (max-width: 900px) {
    #mw-panel,
    #column-one {
        width: auto !important;
        margin: 8px !important;
        padding: 8px !important;
    }
    #content,
    .mw-body {
        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;
}