MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Line 374: Line 374:
#footer a, .mw-footer a { color: #c8c8c8 !important; }
#footer a, .mw-footer a { color: #c8c8c8 !important; }
#footer a:hover, .mw-footer a:hover { color: var(--accent-yellow) !important; }
#footer a:hover, .mw-footer a:hover { color: var(--accent-yellow) !important; }
/* === BEZPEČNOSTNÉ OVERRIDES === */
* { border-color: currentColor; }
hr { border: 0; border-top: 1px solid #1f1f1f !important; }
/* === ANTI-WHITE PANELS - KOMPLETNÉ POKRYTIE === */
/* Vector skin základy */
.skin-vector body {
  color: var(--text-primary);
  background: var(--bg-primary);
}
.skin-vector .mw-body,
.skin-vector .mw-workspace-container {
  background: var(--bg-primary);
}
/* Page transparency */
.page__main {
  background-color: rgba(10,10,10,0.9) !important;
}
/* Všetky možné biele panely */
.page, .page-content, .mw-content-text,
.mw-parser-output, .content, article {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}
/* Sidebar a navigačné elementy */
#mw-panel .portal h3,
#mw-panel .portal li a {
  color: var(--text-muted) !important;
}
#mw-panel .portal li a:hover {
  color: var(--accent-yellow) !important;
}
/* Záložky Vector skinu */
.vector-menu-tabs a {
  background: #0f0f0f !important;
  color: var(--text-muted) !important;
  border-color: #222 !important;
}
.vector-menu-tabs .selected a {
  background: #141414 !important;
  color: var(--accent-yellow) !important;
  border-bottom-color: #141414 !important;
}
/* Vyhľadávacie pole */
#simpleSearch, .vector-search-box {
  background: var(--bg-secondary) !important;
  border: 1px solid #222 !important;
}
/* Všetky možné white containery */
.mw-body-content,
.mw-content-container,
#bodyContent,
#mw-content-text,
.parsoid-body {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}
/* Kategórie */
#catlinks {
  background: var(--bg-secondary) !important;
  border: 1px solid #333 !important;
  border-left: 3px solid var(--accent-yellow) !important;
}
#catlinks a { color: var(--link-color) !important; }
#catlinks a:hover { color: var(--accent-yellow) !important; }
/* Referencie a citations */
.references, .mw-references-wrap {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--accent-yellow) !important;
  padding: .6rem .8rem !important;
  border-radius: 4px;
}
ol.references li:target,
sup.reference:target {
  background-color: rgba(41,255,255,.2) !important;
}
/* Kód bloky */
pre, code, .mw-code {
  background: #101010 !important;
  color: #e8e8e8 !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 4px;
}
pre {
  padding: .6rem .8rem !important;
  overflow: auto;
}
/* Blockquotes */
blockquote {
  border-left: 3px solid var(--accent-yellow);
  background: var(--bg-secondary);
  padding: .6rem .8rem;
  color: #dcdcdc;
}
/* Lists */
.mw-body-content ul,
.mw-body-content ol {
  margin: .4rem 0 .8rem 2rem !important;
}
.mw-body-content li {
  line-height: 1.5;
}
.page-content li::marker {
  color: var(--accent-cyan);
}
/* Všetky OOUI komponenty */
.oo-ui-widget,
.oo-ui-optionWidget,
.oo-ui-toolbar,
.mw-rcfilters-ui-filterMenuHeaderWidget,
.mw-rcfilters-ui-rcTopSectionWidget,
.oo-ui-tagMultiselectWidget-handle,
.oo-ui-tagItemWidget.oo-ui-widget,
.oo-ui-menuSelectWidget,
.oo-ui-menuSelectWidget .oo-ui-menuOptionWidget,
.oo-ui-popupWidget-popup,
.oo-ui-popupWidget-body {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-secondary) !important;
  border-color: #333 !important;
}
/* Všetky možné message boxy */
.mw-message-box,
.mw-message-box-warning,
.mw-message-box-error,
.mw-message-box-success,
.warningbox,
.errorbox,
.successbox,
.mw-warning,
.mw-editnotice,
.mw-warning-with-logexcerpt {
  background: var(--bg-tertiary) !important;
  color: var(--text-secondary) !important;
  border: 1px solid #333 !important;
  padding: 0.75em 1em !important;
}
/* Farebné akcenty pre message boxy */
.mw-message-box-warning, .warningbox {
  border-left: 4px solid #d19a00 !important;
}
.mw-message-box-error, .errorbox {
  border-left: 4px solid #c0392b !important;
}
.mw-message-box-success, .successbox {
  border-left: 4px solid #27ae60 !important;
}
/* Editačné formuláre */
.editOptions,
.editCheckboxes,
#wpTextbox1,
#wpSummary {
  background: var(--bg-secondary) !important;
  color: var(--text-secondary) !important;
  border: 1px solid #333 !important;
}
.editButtons input,
.editButtons button {
  background: #222 !important;
  color: var(--text-secondary) !important;
  border: 1px solid #555 !important;
}
/* CodeMirror */
.CodeMirror,
.CodeMirror-gutters {
  background: var(--bg-secondary) !important;
  color: var(--text-secondary) !important;
  border-color: #333 !important;
}
.CodeMirror-cursor {
  border-left: 1px solid var(--text-secondary) !important;
}
/* Changeslist a Recent Changes */
.mw-changeslist,
.mw-changeslist-line,
.mw-rcfilters-ui-watchlistTopSectionWidget,
.mw-changeslist-legend,
.mw-changeslist-legend dl,
.mw-changeslist-legend dd {
  background: var(--bg-tertiary) !important;
  color: var(--text-secondary) !important;
  border-color: #333 !important;
}
/* Všetky možné DataTables a špeciálne stránky */
table.mw-datatable,
.TablePager,
table.filelist,
.mw-pager-navigation,
.TablePager_nav {
  background: var(--bg-tertiary) !important;
  color: var(--text-secondary) !important;
  border: 1px solid #333 !important;
}
table.mw-datatable th,
table.mw-datatable td,
.TablePager th,
.TablePager td,
table.filelist th,
table.filelist td {
  background: var(--bg-secondary) !important;
  color: var(--text-secondary) !important;
  border-color: #333 !important;
}
/* Pruhovanie tabuliek */
table.mw-datatable tr:nth-child(even) > td,
table.filelist tr:nth-child(even) > td {
  background: #161616 !important;
}
/* Hatnotes a notice boxy */
.ambox, .tmbox, .ombox, .fmbox, .imbox, .cmbox,
.hatnote, .notice {
  background: var(--bg-secondary) !important;
  color: #e6e6e6 !important;
  border: 1px solid #333 !important;
  border-left: 4px solid var(--link-color) !important;
  padding: .65rem .8rem !important;
  margin: .8rem 0 !important;
  border-radius: 3px;
}
/* Bezpečnostné globálne pravidlá pre všetky elementy */
div, section, article, aside, main, header, footer,
nav, span, p, ul, ol, li, dl, dt, dd {
  background-color: inherit;
}
/* Force dark pre akékoľvek inline štýly */
[style*="background: white"],
[style*="background-color: white"],
[style*="background: #fff"],
[style*="background-color: #fff"] {
  background: var(--bg-primary) !important;
}
[style*="color: black"],
[style*="color: #000"] {
  color: var(--text-primary) !important;
}


/* === BEZPEČNOSTNÉ OVERRIDES === */
/* === BEZPEČNOSTNÉ OVERRIDES === */
* { border-color: currentColor; }
* { border-color: currentColor; }
hr { border: 0; border-top: 1px solid #1f1f1f !important; }
hr { border: 0; border-top: 1px solid #1f1f1f !important; }