MediaWiki:Timeless.css

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.

/* All CSS here will be loaded for users of the Timeless skin */
body { background-color: rgba(1, 21, 46, 1) !important; }

/* Header */
#mw-header-container {
  background-color: rgba(1, 21, 46, 1) !important;
  color: #fff !important;
}

#p-logo-text>a {
  color: #fff !important;
  margin-top: 7px !important;
}

.color-left, .color-middle, .color-right {
  background-color: transparent !important;
  height: 1px !important;
}

#personal .dropdown {
  background-color: rgba(25, 30, 36, 1) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
}

/* Body */
#mw-content-container 
{ 
  min-height: 100vh;
  background: radial-gradient(circle at top left, #000000 0%, transparent 70%), radial-gradient(circle at bottom right, #000000 0%, transparent 70%), radial-gradient(circle at center, #0b3d91 0%, #001020 100%); 
  background-blend-mode: screen;
  border-bottom: none !important;
}

#mw-content-block
{
  padding-top: 100px;
}

#mw-content
{
  background-color: rgba(25,30,36,1) !important;
  color: #fff !important;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  margin-bottom: 20px;
}

.sidebar-chunk
{
  background-color: rgba(25,30,36,0.9) !important;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

#page-tools, #p-logo, .mw-wiki-logo {
  margin-top: 0 !important;
}

.sidebar-chunk h3 {
  color: #fff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
}

/* TOC */
.toc {
  background-color: #232931 !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 10px;
}
.mw-changeslist-legend,
.mw-specialpages-notes {
  background-color: rgba(255, 255, 255, 0.7) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 10px;
}

/* Footer */
#mw-footer-container,
.mw-footer-container
{
  background-color: rgba(25,30,36,1) !important;
  color: #fff !important;
}

/* Texts */
li>a { color: #fff !important; }

/* Icons */
.tools-inline li a,
.mw-editsection,
#personal h2,
#mw-indicator-mw-helplink a,
#site-navigation h2,
#site-tools h2,
#ca-more span,
.dropdown-toggle::after,
.mw-enhancedchanges-checkbox:not(:checked) + * .mw-enhancedchanges-arrow {
  filter: brightness(0) invert(1) !important;
}

/* Table */
.wikitable>caption {
  color: #fff !important;
}

/* View Port Mobile */
@media screen and (max-width: 850px) {
  .sidebar-inner, .dropdown {
    background-color: rgba(25, 30, 36, 1) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 10px !important;
  }
}