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

نسخہ بمطابق 13:13، 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-Main_Page h1.firstHeading,
body.page-Main_Page #firstHeading,
body.page-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 */
#mw-panel,
.mw-sidebar,
.vector-main-menu,
.vector-menu-portal {
    display: block !important;
    direction: rtl;
    font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', 'Alvi Nastaleeq', sans-serif !important;
    background: transparent !important;
}

#mw-panel {
    width: 12em !important;
    padding: 0 0.5em !important;
    margin-top: 8px !important;
}

/* Each portlet (section) inside the panel */
#mw-panel .portlet,
#mw-panel .mw-portlet,
.vector-menu-portal {
    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,
.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;
}

/* Portlet body */
#mw-panel .pBody,
#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 */
#mw-panel ul,
.vector-menu-portal ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
#mw-panel li,
.vector-menu-portal li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    line-height: 1.5 !important;
    background: transparent !important;
    display: block !important;
}

/* Links — Wikipedia blue */
#mw-panel a,
.vector-menu-portal a,
.vector-menu-content-item {
    display: block !important;
    padding: 3px 10px 3px 6px !important;
    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;
}
#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 */
#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: 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;
    }
}