|
Tags: Blanking Manual revert |
| Line 1: |
Line 1: |
| /* Ensure top navigation bar is always visible */
| |
| #mw-navbar {
| |
| 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 {
| |
| background: #888; /* Color of the scrollbar thumb */
| |
| }
| |
|
| |
| #mw-navigation::-webkit-scrollbar-thumb:hover {
| |
| background: #555; /* Color of the scrollbar thumb on hover */
| |
| }
| |
