MediaWiki:Common.css

From The Talos Principle Wiki
Revision as of 07:08, 18 November 2023 by Theadamabrams (talk | contribs) (Navbar looks like buttons!)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */

/* Collapsible elements. Toggle-link moved to left. */
/* Margin around it adjusted. */
/* https://www.mediawiki.org/wiki/Manual:Collapsible_elements */

.mw-collapsible span.mw-collapsible-toggle {
    float:none;
    margin-left:0;
    margin-right:1em;
}

a.mw-collapsible-text:after {
  content: ' spoiler';
}

.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none;
}

/* Customizing the navigation list in the sidebar */
#p-navigation .vector-menu-content-list {
    list-style: none;
    padding: 0;
}

#p-navigation .vector-menu-content-list .mw-list-item {
    margin-bottom: 1px; /* Adjust the spacing between buttons as needed */
}

#p-navigation .vector-menu-content-list a {
    display: block; /* Set to block for full width */
    padding: 8px 6px; /* Adjust the padding as needed */
    text-decoration: none;
    font-size: 110%;
    background-color: #dc9; /* Set your desired background color */
    color: #000; /* Set your desired text color */
    border: 1px solid #b95; /* Set your desired border color */
    border-radius: 4px; /* Adjust the border radius as needed */
    transition: background-color 0.3s ease;
}

#p-navigation .vector-menu-content-list a:hover {
    background-color: #b95; /* Set your desired background color on hover */
    border-color: #dc9; /* Set your desired border color on hover */
    color: #fff; /* Set your desired text color on hover */
}
/* End navbar customization */