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

نعت کائنات سے
Jump to navigationJump to search
کوئی خلاصۂ ترمیم نہیں
کوئی خلاصۂ ترمیم نہیں
 
(ایک ہی صارف کا 10 درمیانی نسخے نہیں دکھائے گئے)
سطر 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 — 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: 12em !important;
body,
    padding: 0 0.5em !important;
.mw-body,
     margin-top: 8px !important;
.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;
}
}


/* 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: 15px !important;
    font-weight: 400 !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;
}
}


/* 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: 3px 10px 3px 6px !important;
.mw-sidebar a {
    color: #3366cc !important;
     font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', 'Alvi Nastaleeq', sans-serif !important;
    font-size: 16px !important;
     font-size: 23px !important;
    line-height: 1.7 !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;
}
}
 
body.skin-monobook #content,
/* Main content card — Wikipedia pale-blue border */
.monobook-body #content {
#content,
     margin-right: 210px !important;
.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 */
/* ---------- Fix Timeless content overlapping the right sidebar ---------- */
.mw-page-container,
body.skin-timeless #mw-content-block {
.mw-content-container {
     display: flex !important;
     background: transparent !important;
    flex-direction: row-reverse;  /* sidebar on right in RTL */
    gap: 24px;
}
}
.vector-feature-page-tools-pinned-disabled .mw-content-container,
body.skin-timeless #mw-content {
.mw-body {
     min-width: 0 !important;
     max-width: none !important;
    flex: 1 1 auto !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
}
 
body.skin-timeless #mw-related-navigation {
/* Hide Vector-2022 floating tools that clash with the panel */
     flex: 0 0 220px !important;
.vector-page-toolbar-container .vector-page-toolbar,
     max-width: 220px !important;
#vector-toc-pinned-container,
.mw-table-of-contents-container.vector-pinnable-element {
    /* keep TOC visible — only hide if you want a stricter look */
}
 
/* ============ MonoBook fallback ============ */
#column-one {
    display: block !important;
    width: 12em !important;
    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 {
    background: transparent !important;
    border: none !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: 15px !important;
    font-weight: 400 !important;
    padding: 0 0 4px 0 !important;
    margin: 0 6px 6px !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: 3px 10px 3px 6px;
    color: #3366cc !important;
    font-size: 16px !important;
    line-height: 1.7 !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;
}