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

نسخہ بمطابق 13:09، 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 (MonoBook RTL) — Urdu Wikipedia look ---------- */
/* Clean, minimalist, blue-link sidebar matching ur.wikipedia.org aesthetic. */

#column-one {
    display: block !important;
}

/* Page background — Wikipedia warm off-white */
body {
    background: #f6f6f6 !important;
}

/* The sidebar column itself (RTL: appears on the right in MonoBook RTL) */
#column-one {
    width: 12em !important;
    padding: 0 !important;
    margin: 12px 4px 12px 0 !important;
    font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', 'Alvi Nastaleeq', sans-serif !important;
    direction: rtl;
    background: transparent !important;
}

/* Each portlet (section) — flat, no card, just spacing — Wikipedia style */
#column-one .portlet {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* Section heading — small grey label with bottom rule, exactly like urwiki */
#column-one .portlet h5,
#column-one .portlet h3,
#column-one .portlet .pBody-label {
    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;
}

/* Body of portlet */
#column-one .portlet .pBody {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* Lists & links inside portlets — flat list, blue links */
#column-one .portlet ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
#column-one .portlet li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    line-height: 1.5 !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;
    border: none !important;
    background: transparent !important;
    transition: color .15s ease, text-decoration .15s ease;
}
#column-one .portlet a:hover {
    color: #447ff5 !important;
    text-decoration: underline !important;
    background: transparent !important;
}
#column-one .portlet a:visited {
    color: #795cb2 !important;
}
#column-one .portlet a.new {
    color: #ba0000 !important;
}
#column-one .portlet a.new:visited {
    color: #a55858 !important;
}

/* Search portlet — clean Wikipedia-style search */
#p-search {
    background: transparent !important;
    border: none !important;
    margin-top: 8px !important;
}
#p-search h5,
#p-search h3 {
    border-bottom: 1px solid #c8ccd1 !important;
    color: #54595d !important;
}
#p-search .pBody {
    padding: 4px 6px !important;
}
#p-search input[type="search"],
#p-search input[type="text"],
#p-search input[name="search"] {
    width: 100% !important;
    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 {
    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;
    box-shadow: none !important;
    transition: background .15s ease, border-color .15s ease;
}
#p-search input[type="submit"]:hover {
    background: #fff !important;
    border-color: #54595d !important;
    transform: none !important;
}

/* Logo on top of sidebar */
#p-logo {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 0 10px 0 !important;
}
#p-logo a {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Main content area — Wikipedia content card */
#content {
    margin-right: 13em !important;
    margin-left: 12px !important;
    background: #ffffff !important;
    border: 1px solid #a7d7f9 !important;
    border-right: none !important;
    border-radius: 0 !important;
    padding: 1em 1.25em !important;
    box-shadow: none !important;
}

/* Tabs (page actions) on top — keep MonoBook default but tidy */
#p-cactions {
    direction: rtl;
}

/* Vector skin fallback (in case any user has Vector enabled) */
.vector-page-toolbar,
#vector-toc-pinned-container,
.mw-table-of-contents-container {
    display: none !important;
}

/* Responsive — collapse sidebar under content on small screens */
@media (max-width: 900px) {
    #column-one {
        width: auto !important;
        margin: 8px !important;
    }
    #content {
        margin-right: 8px !important;
        margin-left: 8px !important;
    }
}