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

نسخہ بمطابق 13:23، 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 (صفحۂ اول) ---------- */
/* MediaWiki auto-generates body class as "page-<URL-encoded-title>". */

body.page-صفحۂ_اول h1.firstHeading,
body.page-صفحۂ_اول #firstHeading,
body.page-صفحۂ_اول .mw-first-heading,
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 .mw-first-heading,
body.page-Main_Page .mw-page-title-main,
body.rootpage-صفحۂ_اول .mw-first-heading,
body.rootpage-صفحۂ_اول h1#firstHeading,
body.rootpage-Main_Page .mw-first-heading {
    display: none !important;
}

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


/* ---------- Sidebar — Urdu Wikipedia look (Vector + MonoBook) ---------- */
/* 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 {
    width: 13em !important;
    padding: 0 0.6em !important;
    /* push the sidebar below the logo / title so it doesn't overlap */
    margin-top: 160px !important;
}

/* Each portlet (section) inside the panel */
#mw-panel .portlet,
#mw-panel .mw-portlet {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Section heading: small grey label with bottom rule (Wikipedia style) */
#mw-panel .portlet h3,
#mw-panel .portlet h5,
#mw-panel .mw-portlet-heading,
#mw-panel .vector-menu-heading {
    background: transparent !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 */
#mw-panel .pBody,
#mw-panel .mw-portlet-body,
#mw-panel .vector-menu-content {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* Lists (sidebar only) */
#mw-panel ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
#mw-panel li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    line-height: 1.5 !important;
    background: transparent !important;
    display: block !important;
}

/* Links — Wikipedia blue (scoped strictly to the sidebar panel) */
#mw-panel a,
#mw-panel .vector-menu-content-item {
    display: block !important;
    padding: 4px 10px 4px 6px !important;
    color: #3366cc !important;
    font-size: 19px !important;
    line-height: 1.9 !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) ---- */
#p-personal,
#p-personal ul,
#p-personal li,
#p-personal a,
#p-namespaces,
#p-namespaces ul,
#p-namespaces li,
#p-namespaces a,
#p-views,
#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 */
#p-logo,
.mw-logo {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 0 10px 0 !important;
}

/* Sidebar search portlet (legacy Vector) */
#p-search {
    margin-top: 8px !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 */
#p-cactions,
#p-namespaces,
#p-views,
.vector-menu-tabs,
#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,
.mw-body {
    max-width: none !important;
}

/* Hide Vector-2022 floating tools that clash with the panel */
.vector-page-toolbar-container .vector-page-toolbar,
#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: 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;
    }
}