MediaWiki:Timeless.css
From Helbreath Portal
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.
/* === HARD OVERRIDE: LEWE MENU (Vector 2022 / Vector classic / Timeless) === */
/* TŁO MENU + WSZYSTKIE WRAPPERY W ŚRODKU */
.skin-vector-2022 #mw-panel,
.skin-vector-2022 #mw-panel *:where(.vector-menu, .vector-menu-portal, .mw-portlet, .vector-menu-content, .mw-portlet-body, .vector-menu-content-list),
#vector-main-menu,
.vector-main-menu,
.vector-sidenav,
.vector-sidebar-container,
.vector-column-start,
#mw-site-navigation,
#mw-related-navigation,
#mw-panel .portal,
#mw-panel .portal .body {
background-color: rgba(18,19,22,0.98) !important; /* ciemne tło */
background-image: none !important;
border: none !important;
box-shadow: none !important;
}
/* NAGŁÓWKI KATEGORII W MENU */
#mw-panel .portal h3,
.skin-vector-2022 #mw-panel .vector-menu-heading,
#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;
}
/* LISTY LINKÓW W MENU (usuń białe krawędzie/linie) */
#mw-panel .portal .body ul,
.vector-menu-content-list,
#vector-main-menu .vector-menu-content,
#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 {
border: 0 !important; /* żadne białe linie między pozycjami */
background: transparent !important;
}
/* 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: #ffffff !important;
background: rgba(201,154,45,0.15) !important;
transform: translateX(2px);
}
/* STICKY/PINNABLE PASKI PRZY MENU (często białe) */
.skin-vector-2022 .vector-sticky-header,
.skin-vector-2022 .vector-pinnable-header,
.skin-vector-2022 .vector-main-menu-action {
background: rgba(18,19,22,0.98) !important;
border: 0 !important;
box-shadow: none !important;
}
/* OTOCZENIE MENU (guttery/kolumny), żeby nie prześwitywała biel */
.skin-vector-2022 .mw-page-container,
.skin-vector-2022 .vector-main-container,
.skin-vector-2022 .vector-sidebar-container,
.skin-vector-2022 .vector-column-start {
background-color: transparent !important;
background-image: none !important;
border: 0 !important;
}
/* NAZWA UŻYTKOWNIKA I LINKI W PASKU OSOBISTYM – widoczne na ciemnym */
#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;
}