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

نعت کائنات سے
Jump to navigationJump to search
کوئی خلاصۂ ترمیم نہیں
کوئی خلاصۂ ترمیم نہیں
 
(ایک ہی صارف کا 11 درمیانی نسخے نہیں دکھائے گئے)
سطر 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 */
/* Sitewide Urdu Nastaliq font + comfortable reading size */
body {
body,
     background: #f6f6f6 !important;
.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;
}
}


/* ============ VECTOR SKIN (modern MediaWiki default) ============ */
/* Body / paragraph reading size */
 
/* NOTE: no !important on font-size so inline styles on the home page hero win. */
/* Show + style the left rail */
body,
#mw-panel,
.mw-body-content,
.mw-sidebar,
#mw-content-text,
.vector-main-menu,
.mw-parser-output,
.vector-menu-portal {
.mw-parser-output p,
    display: block !important;
.mw-parser-output li,
    direction: rtl;
.mw-parser-output dd,
     font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', 'Alvi Nastaleeq', sans-serif !important;
.mw-parser-output td,
     background: transparent !important;
.mw-parser-output th {
     font-size: 28px;
     line-height: 2.2;
}
}


#mw-panel {
/* Inline-styled blocks on the main page should keep their authored sizes */
     width: 12em !important;
body.mainpage .mw-parser-output [style*="font-size"],
    padding: 0 0.5em !important;
body.page-صفحۂ_اول .mw-parser-output [style*="font-size"],
     margin-top: 8px !important;
body.page-Main_Page .mw-parser-output [style*="font-size"] {
     font-size: revert !important;
     line-height: revert !important;
}
}


/* Each portlet (section) inside the panel */
/* Headings — green, bold, larger */
#mw-panel .portlet,
.mw-parser-output h1,
#mw-panel .mw-portlet,
.mw-parser-output h2,
.vector-menu-portal {
.mw-parser-output h3,
     background: transparent !important;
.mw-parser-output h4,
     border: none !important;
.mw-parser-output h5,
     border-radius: 0 !important;
.mw-parser-output h6,
     margin: 0 0 14px 0 !important;
.firstHeading, #firstHeading, .mw-first-heading {
    padding: 0 !important;
     color: #047857 !important;         /* deep emerald — matches home hero */
    box-shadow: none !important;
     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 (Wikipedia style) */
/* TOC (table of contents) tidy */
#mw-panel .portlet h3,
.toc, #toc {
#mw-panel .portlet h5,
     font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', serif !important;
#mw-panel .mw-portlet-heading,
     font-size: 24px !important;
#mw-panel .vector-menu-heading,
     line-height: 2 !important;
.vector-menu-portal h3 {
    background: transparent !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;
}
}
 
.toc h2, #toc h2, .toctitle {
/* Portlet body */
     color: #047857 !important;
#mw-panel .pBody,
     font-weight: 700 !important;
#mw-panel .mw-portlet-body,
#mw-panel .vector-menu-content,
.vector-menu-portal .body {
     background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
     box-shadow: none !important;
}
}


/* Lists */
/* Sidebar / portlet links sitewide */
#mw-panel ul,
.mw-portlet a,
.vector-menu-portal ul {
.portlet a,
    list-style: none !important;
#mw-panel a,
    margin: 0 !important;
#column-one a,
    padding: 0 !important;
.sidebar a,
}
.mw-sidebar a {
#mw-panel li,
     font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', 'Alvi Nastaleeq', sans-serif !important;
.vector-menu-portal li {
     font-size: 23px !important;
     margin: 0 !important;
     line-height: 2 !important;
     padding: 0 !important;
    border: none !important;
     line-height: 1.5 !important;
    background: transparent !important;
    display: block !important;
}
}


/* Links Wikipedia blue */
/* Sidebar section headings green */
#mw-panel a,
.mw-portlet-heading,
.vector-menu-portal a,
.portlet h3,
.vector-menu-content-item {
.portlet h5,
    display: block !important;
.sidebar h2,
    padding: 3px 10px 3px 6px !important;
.sidebar h3 {
    color: #3366cc !important;
     font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', sans-serif !important;
     font-size: 16px !important;
     font-weight: 700 !important;
    line-height: 1.7 !important;
     color: #047857 !important;
    text-decoration: none !important;
     font-size: 24px !important;
    border: none !important;
    background: transparent !important;
    transition: color .15s ease;
}
#mw-panel a:hover,
.vector-menu-portal a:hover {
    color: #447ff5 !important;
     text-decoration: underline !important;
    background: transparent !important;
}
#mw-panel a:visited,
.vector-menu-portal a:visited {
     color: #795cb2 !important;
}
#mw-panel a.new,
.vector-menu-portal a.new {
     color: #ba0000 !important;
}
#mw-panel a.new:visited,
.vector-menu-portal a.new:visited {
    color: #a55858 !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;
}