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.

/* === AWARYJNA NAPRAWA: przywróć tło i usuń białe warstwy === */

/* 1) GLOBALNE TŁO-OBRAZ (wraca tło na całej stronie) */
html, body {
  background: url("https://helbreathportal.pl/resources/assets/bg.png") no-repeat center center fixed !important;
  background-size: cover !important;
  background-color: #0a0b0d !important;  /* fallback gdy obraz się nie załaduje */
  color: #d8d8d8 !important;
}

/* delikatne przyciemnienie dla czytelności */
body::before {
  content: "";
  position: fixed; inset: 0;
  background: rgba(10,11,13,.65);
  pointer-events: none;
  z-index: -1;
}

/* 2) WSZYSTKIE STRUKTURALNE WRAPPERY (Vector 2022) — PRZEZROCZYSTE
      (żeby tło body było widoczne, bez białych paneli) */
.skin-vector-2022 .mw-workspace-container,
.skin-vector-2022 .mw-page-container,
.skin-vector-2022 .mw-page-container-inner,
.skin-vector-2022 .vector-main-container,
.skin-vector-2022 .vector-grid,
.skin-vector-2022 .vector-body,
.skin-vector-2022 .mw-body,
.skin-vector-2022 .vector-sidebar-container,
.skin-vector-2022 .vector-column-start,
.skin-vector-2022 .vector-column-end,
.skin-vector-2022 .vector-main-menu-container,
.skin-vector-2022 .vector-main-menu-inner,
.skin-vector-2022 .vector-sticky-header,
.skin-vector-2022 .vector-pinnable-header {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 3) SAME PANELE (lewe menu i treść) — ciemne półprzezroczyste */
#mw-panel,
#vector-main-menu,
.vector-main-menu {
  background: rgba(18,19,22,.92) !important;
  border-right: 1px solid #2b2d30 !important;
  border-radius: 0 12px 12px 0 !important;
  box-shadow: 3px 0 16px rgba(0,0,0,.55) !important;
}
#mw-content,
.mw-content-container {
  background: rgba(18,19,22,.92) !important;
  border: 1px solid #2b2d30 !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 16px rgba(0,0,0,.75) !important;
}

/* 4) NAGŁÓWKI KATEGORII — bez białych ramek */
#mw-panel .portal h3,
#vector-main-menu .vector-menu-heading,
#mw-site-navigation .sidebar-heading,
#mw-related-navigation .sidebar-heading {
  background: #1b1c1f !important;
  color: #c99a2d !important;
  border: 0 !important;                 /* usuń jasne obramowania */
  border-left: 4px solid #9b7920 !important;
  padding: 6px 10px !important;
  margin: 6px 8px !important;
  border-radius: 8px !important;
  box-shadow: inset 0 0 6px rgba(0,0,0,.6) !important;
}

/* 5) LISTY I POZYCJE W MENU — żadnych białych linii */
#mw-panel .portal .body ul,
.vector-menu-content-list,
#mw-site-navigation ul,
#mw-related-navigation ul {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#mw-panel .portal .body li,
.vector-menu-content-list > li {
  background: transparent !important;
  border: 0 !important;
}

/* 6) LINKI W MENU */
#mw-panel .portal .body li a,
.vector-menu-content a,
#vector-main-menu a,
#mw-site-navigation a,
#mw-related-navigation a {
  color: #d2d2d2 !important;
  display: block;
  padding: 6px 10px;
  border-radius: 6px;
  text-decoration: none !important;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}
#mw-panel .portal .body li a:hover,
.vector-menu-content a:hover,
#vector-main-menu a:hover,
#mw-site-navigation a:hover,
#mw-related-navigation a:hover {
  color: #fff !important;
  background: rgba(201,154,45,.15) !important;
  transform: translateX(2px);
}

/* 7) NAZWA UŻYTKOWNIKA — czytelna na ciemnym tle */
#pt-userpage a,
.vector-user-links a,
.mw-portlet-personal a,
.vector-header-end a {
  color: #c99a2d !important;
  font-weight: 600 !important;
  text-shadow: 0 0 6px rgba(201,154,45,.45) !important;
}
#pt-userpage a:hover,
.vector-user-links a:hover,
.mw-portlet-personal a:hover,
.vector-header-end a:hover {
  color: #ffffff !important;
}