MediaWiki:Common.css: Difference between revisions

From Descendants of Darkness Wiki

No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
 
(31 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Ensure scrollbar is visible above the header */
/* Descendants of Darkness – bigger logo in left nav    */
#mw-navigation {
.mw-wiki-navigation-logo {
     z-index: 1000; /* Ensure sidebar appears above other content */
     width: 250px !important;     /* overall logo area width */
    overflow-y: auto; /* Enable scrolling for the sidebar */
     height: 250px !important;     /* overall logo area height */
     height: calc(100vh - 56px); /* Adjust height to fit viewport minus header height */
}
}


/* Style the scrollbar for the sidebar */
.mw-wiki-navigation-logo .mw-wiki-logo,
#mw-navigation::-webkit-scrollbar {
a.mw-wiki-logo {
     width: 8px; /* Width of the scrollbar */
     display: block !important;
    width: 100% !important;      /* fill the container width */
    height: 100% !important;     /* fill the container height */
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
}
}


#mw-navigation::-webkit-scrollbar-track {
/* If the menu looks squashed vertically, give the whole nav a bit more height */
    background: #f1f1f1; /* Color of the scrollbar track */
#site-navigation {
}
     min-height: 90px !important;
 
#mw-navigation::-webkit-scrollbar-thumb {
     background: #888; /* Color of the scrollbar thumb */
}
 
#mw-navigation::-webkit-scrollbar-thumb:hover {
    background: #555; /* Color of the scrollbar thumb on hover */
}
}

Latest revision as of 07:38, 14 November 2025

/* Descendants of Darkness – bigger logo in left nav    */
.mw-wiki-navigation-logo {
    width: 250px !important;      /* overall logo area width */
    height: 250px !important;      /* overall logo area height */
}

.mw-wiki-navigation-logo .mw-wiki-logo,
a.mw-wiki-logo {
    display: block !important;
    width: 100% !important;       /* fill the container width */
    height: 100% !important;      /* fill the container height */
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
}

/* If the menu looks squashed vertically, give the whole nav a bit more height */
#site-navigation {
    min-height: 90px !important;
}