MediaWiki:Common.css: Difference between revisions
From Descendants of Darkness Wiki
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
/* Ensure scrollbar is visible above the header */ | /* Ensure scrollbar is visible above the header */ | ||
#mw-navigation { | #mw-navigation { | ||
z-index: 1000; /* Ensure sidebar appears above other content */ | |||
overflow-y: auto; /* Enable scrolling for the sidebar */ | |||
height: calc(100vh - 56px); /* Adjust height to fit viewport minus header height */ | |||
position: fixed; /* Fix the sidebar position */ | |||
top: 56px; /* Adjust the top position based on the header height */ | |||
bottom: 0; | |||
width: 200px; /* Adjust the width of the sidebar as needed */ | |||
} | } | ||
/* Style the scrollbar for the sidebar */ | /* Style the scrollbar for the sidebar */ | ||
#mw-navigation::-webkit-scrollbar { | #mw-navigation::-webkit-scrollbar { | ||
width: 8px; /* Width of the scrollbar */ | |||
} | } | ||
#mw-navigation::-webkit-scrollbar-track { | #mw-navigation::-webkit-scrollbar-track { | ||
background: #f1f1f1; /* Color of the scrollbar track */ | |||
} | } | ||
#mw-navigation::-webkit-scrollbar-thumb { | #mw-navigation::-webkit-scrollbar-thumb { | ||
background: #888; /* Color of the scrollbar thumb */ | |||
} | } | ||
#mw-navigation::-webkit-scrollbar-thumb:hover { | #mw-navigation::-webkit-scrollbar-thumb:hover { | ||
background: #555; /* Color of the scrollbar thumb on hover */ | |||
} | |||
/* Adjust the main content area */ | |||
#content { | |||
margin-left: 220px; /* Adjust the margin based on the sidebar width */ | |||
padding-top: 56px; /* Adjust the top padding based on the header height */ | |||
} | } | ||
Revision as of 18:54, 4 April 2024
/* Ensure scrollbar is visible above the header */
#mw-navigation {
z-index: 1000; /* Ensure sidebar appears above other content */
overflow-y: auto; /* Enable scrolling for the sidebar */
height: calc(100vh - 56px); /* Adjust height to fit viewport minus header height */
position: fixed; /* Fix the sidebar position */
top: 56px; /* Adjust the top position based on the header height */
bottom: 0;
width: 200px; /* Adjust the width of the sidebar as needed */
}
/* 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 {
background: #888; /* Color of the scrollbar thumb */
}
#mw-navigation::-webkit-scrollbar-thumb:hover {
background: #555; /* Color of the scrollbar thumb on hover */
}
/* Adjust the main content area */
#content {
margin-left: 220px; /* Adjust the margin based on the sidebar width */
padding-top: 56px; /* Adjust the top padding based on the header height */
}