MediaWiki:Timeless.css: Difference between revisions

Latest revision as of 23:50, 5 December 2025

/* 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,
.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;
  }

  #site-navigation h2,
  #site-tools h2,
  #ca-more span,
  .dropdown-toggle::after {
    filter: brightness(0) invert(1) !important;
  }
}