MediaWiki:Common.css

From Cheeky Factor
Revision as of 21:30, 26 September 2024 by Garyf (talk | contribs)

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 */
.p-navbar {
  background-color: #88b5d7;
}

.nav-link a {
  filter: invert(10%) sepia(95%) saturate(685%) hue-rotate(168deg) brightness(94%) contrast(107%);
}

.jsbc-breadcrumbs {margin-top: 20px;}

.responsive-1 { width: 320px; height: 50px; }
@media(min-width: 500px) { .responsive-1 { width: 468px; height: 60px; } }
@media(min-width: 768px) { .responsive-1 { width: 728px; height: 90px; } }

#toc {
  position: sticky;
  float: left;
  top: 60px; /* Sticks the TOC 10px from the top */
  z-index: 1000; /* Ensures the TOC stays above other content */
  background-color: white; /* Optional: Set background color to avoid overlap issues */
  border: 1px solid #ccc; /* Optional: Add border for better visual separation */
  padding: 10px; /* Optional: Add some padding inside the TOC */
}

/*Default home page CSS*/
.portal-box {
    margin-left: 0.5em; 
    margin-right: 0.5em; 
    margin-bottom: 1em; 
    background: #becdd6; 
    border: 1px solid #323e48; 
    width: calc(45% - 1em);
}

@media (prefers-color-scheme: dark) {
.portal-box {
    margin-left: 0.5em; 
    margin-right: 0.5em; 
    margin-bottom: 1em; 
    background: #3e6f87; 
    border: 1px solid #323e48; 
    width: calc(45% - 1em);
    }
}