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; } | ||