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 */
  z-index: 1000; /* Ensure sidebar appears above other content */
    overflow-y: auto; /* Enable scrolling for the sidebar */
  overflow-y: auto; /* Enable scrolling for the sidebar */
    height: calc(100vh - 56px); /* Adjust height to fit viewport minus header height */
  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 */
  width: 8px; /* Width of the scrollbar */
}
}


#mw-navigation::-webkit-scrollbar-track {
#mw-navigation::-webkit-scrollbar-track {
    background: #f1f1f1; /* Color of the 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 */
  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 */
  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 */
}