MediaWiki:Common.css: Difference between revisions

From Descendants of Darkness Wiki

← Older edit
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
 
(17 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* ====================================
/* Descendants of Darkness – bigger logo in left nav    */
 
.mw-wiki-navigation-logo {
/* Ensure top navigation bar is always visible */
     width: 250px !important;     /* overall logo area width */
#mw-navbar {
     height: 250px !important;     /* overall logo area height */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    /* Add any other styles for the top navigation bar */
}
 
/* Fix the position of the "Actions" and "Tools" bar */
aside {
    position: fixed; /* Make the bar fixed */
    top: 42px; /* Adjust the top position to align below the top navigation bar */
    left: 280px; /* Move the bar slightly to the right */
    z-index: 999; /* Ensure the bar appears above the main content area */
    background-color: #fff; /* Add a background color to the bar */
    padding: 10px; /* Add some padding for spacing */
}
 
/* Adjust the spacing for the main content area */
.col-12.col-md-9.col-xl-9.py-md-3.px-md-5 {
    margin-left: 280px; /* Adjust the margin to accommodate the sidebar */
    padding-top: 0; /* Remove the previous padding-top */
    padding-bottom: 50px; /* Add some bottom padding to allow scrolling */
    position: relative;
    top: 56px; /* Adjust the top position to align below the header and "Actions" and "Tools" bar */
}
/* Styles for the sidebar */
#mw-navigation {
    z-index: 998; /* Ensure sidebar appears below the "Actions" and "Tools" bar */
    overflow-y: auto; /* Enable scrolling for the sidebar */
    height: calc(100vh - 136px); /* Adjust height to fit viewport minus top navigation bar height and "Actions" and "Tools" bar height */
    position: fixed;
    top: 50px; /* Align the sidebar with the top navigation bar */
    bottom: 50;
     width: 260px; /* Adjust the width of the sidebar */
    /*background-color:  #0d0d0d;  Change the background color as desired */
    color: #ffffff !important; /* Change the font color of the text inside the sidebar */
}
 
 
/* Lock footer content at the bottom */
#footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f1f1f1; /* Optional: Add a background color */
     height: 40px; /* Adjust the height as needed */
    padding: 5px; /* Adjust the padding as needed */
    z-index: 1000; /* Ensure it appears above other content */
}
 
 
/* Style the scrollbar for the sidebar */
#mw-navigation::-webkit-scrollbar {
    width: 8px; /* Width of the scrollbar */
}
 
#mw-navigation::-webkit-scrollbar-track {
    background: #f1f1f1; /* Color of the scrollbar track */
}
}


#mw-navigation::-webkit-scrollbar-thumb {
.mw-wiki-navigation-logo .mw-wiki-logo,
     background: #888; /* Color of the scrollbar thumb */
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;
}
}


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

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;
}
Retrieved from "https://descendantsofdarkness.com/wiki/index.php?title=MediaWiki:Common.css&oldid=16506"