|
|
Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
| /* PKWar Terminal Theme for MediaWiki - COMPLETE DARK THEME */
| |
|
| |
| :root {
| |
| --pkwar-bg: #1e1e1e;
| |
| --pkwar-text: #ffffff;
| |
| --pkwar-accent: #00FFFF;
| |
| --pkwar-secondary: #FF00FF;
| |
| --pkwar-gold: gold;
| |
| --pkwar-green: #00ff00;
| |
| --pkwar-red: #ff0000;
| |
| }
| |
|
| |
| /* Global styles - ENTIRE PAGE */
| |
| html, body {
| |
| background: #0a0a0a !important;
| |
| color: var(--pkwar-text) !important;
| |
| font-family: 'Courier New', monospace !important;
| |
| }
| |
|
| |
| /* Override all white backgrounds */
| |
| * {
| |
| background-color: transparent;
| |
| }
| |
|
| |
| /* Main page container */
| |
| .mw-page-container {
| |
| background: #0a0a0a !important;
| |
| color: var(--pkwar-text) !important;
| |
| }
| |
|
| |
| /* Header */
| |
| .mw-header {
| |
| background: var(--pkwar-bg) !important;
| |
| border-bottom: 2px solid #444 !important;
| |
| box-shadow: 0 2px 10px #000 !important;
| |
| }
| |
|
| |
| /* Logo area */
| |
| .mw-logo {
| |
| filter: brightness(1.2);
| |
| }
| |
|
| |
| /* Search box */
| |
| .vector-search-box-input {
| |
| background: #0a0a0a !important;
| |
| color: var(--pkwar-text) !important;
| |
| border: 1px solid #444 !important;
| |
| }
| |
|
| |
| .cdx-text-input__input:enabled {
| |
| background-color: #0a0a0a !important;
| |
| color: var(--pkwar-text) !important;
| |
| border-color: #444 !important;
| |
| }
| |
|
| |
| /* User menu and tools */
| |
| .vector-user-links {
| |
| background: transparent !important;
| |
| }
| |
|
| |
| .vector-menu-tabs, .vector-menu-tabs a, .vector-menu-dropdown {
| |
| background: transparent !important;
| |
| }
| |
|
| |
| /* Sidebar */
| |
| .mw-sidebar,
| |
| .vector-main-menu,
| |
| .vector-menu-portal {
| |
| background: var(--pkwar-bg) !important;
| |
| }
| |
|
| |
| .vector-menu-heading {
| |
| color: var(--pkwar-gold) !important;
| |
| background: none !important;
| |
| }
| |
|
| |
| /* Navigation menus */
| |
| .vector-menu-content-list a {
| |
| color: var(--pkwar-accent) !important;
| |
| }
| |
|
| |
| .vector-menu-content-list a:hover {
| |
| background: rgba(0, 255, 255, 0.1) !important;
| |
| }
| |
|
| |
| /* Page tabs */
| |
| .vector-menu-tabs .mw-list-item a {
| |
| background: var(--pkwar-bg) !important;
| |
| color: var(--pkwar-accent) !important;
| |
| }
| |
|
| |
| .vector-menu-tabs .selected a {
| |
| background: #2a2a2a !important;
| |
| color: var(--pkwar-gold) !important;
| |
| }
| |
|
| |
| /* Content area */
| |
| .mw-body,
| |
| .mw-body-content,
| |
| .mw-content-container {
| |
| background: var(--pkwar-bg) !important;
| |
| color: var(--pkwar-text) !important;
| |
| border: 2px solid #444 !important;
| |
| border-radius: 8px !important;
| |
| box-shadow: 0 0 10px #000c !important;
| |
| }
| |
|
| |
| /* Headers */
| |
| h1, h2, h3, h4, h5, h6 {
| |
| color: var(--pkwar-accent) !important;
| |
| border-color: #444 !important;
| |
| font-family: 'Courier New', monospace !important;
| |
| }
| |
|
| |
| /* Links */
| |
| a {
| |
| color: var(--pkwar-accent) !important;
| |
| }
| |
|
| |
| a:visited {
| |
| color: #0099cc !important;
| |
| }
| |
|
| |
| a.new,
| |
| a.new:visited {
| |
| color: var(--pkwar-red) !important;
| |
| }
| |
|
| |
| /* Tables */
| |
| table.wikitable {
| |
| background: var(--pkwar-bg) !important;
| |
| color: var(--pkwar-text) !important;
| |
| border: 1px solid #444 !important;
| |
| }
| |
|
| |
| table.wikitable > tr > th,
| |
| table.wikitable > * > tr > th {
| |
| background: rgba(0, 255, 255, 0.1) !important;
| |
| color: var(--pkwar-accent) !important;
| |
| border: 1px solid #444 !important;
| |
| }
| |
|
| |
| table.wikitable > tr > td,
| |
| table.wikitable > * > tr > td {
| |
| border: 1px solid #444 !important;
| |
| background: transparent !important;
| |
| }
| |
|
| |
| /* Footer */
| |
| .mw-footer {
| |
| background: var(--pkwar-bg) !important;
| |
| border: 2px solid #444 !important;
| |
| border-radius: 8px !important;
| |
| margin-top: 2em !important;
| |
| padding: 1em !important;
| |
| color: var(--pkwar-text) !important;
| |
| }
| |
|
| |
| .mw-footer li {
| |
| color: var(--pkwar-text) !important;
| |
| }
| |
|
| |
| /* Edit interface */
| |
| .mw-editform,
| |
| .editOptions {
| |
| background: var(--pkwar-bg) !important;
| |
| color: var(--pkwar-text) !important;
| |
| }
| |
|
| |
| #wpTextbox1,
| |
| .ace_editor {
| |
| background: #0a0a0a !important;
| |
| color: var(--pkwar-text) !important;
| |
| border: 1px solid #444 !important;
| |
| font-family: 'Courier New', monospace !important;
| |
| }
| |
|
| |
| /* Buttons */
| |
| .oo-ui-buttonElement-button {
| |
| background: #2a2a2a !important;
| |
| color: var(--pkwar-accent) !important;
| |
| border: 1px solid #444 !important;
| |
| }
| |
|
| |
| .oo-ui-buttonElement-button:hover {
| |
| background: #3a3a3a !important;
| |
| border-color: var(--pkwar-accent) !important;
| |
| }
| |
|
| |
| /* Dropdowns and menus */
| |
| .oo-ui-menuSelectWidget,
| |
| .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
| |
| background: #0a0a0a !important;
| |
| color: var(--pkwar-text) !important;
| |
| border: 1px solid #444 !important;
| |
| }
| |
|
| |
| /* Info boxes */
| |
| .mw-message-box {
| |
| background: rgba(0, 255, 255, 0.1) !important;
| |
| border: 1px solid var(--pkwar-accent) !important;
| |
| color: var(--pkwar-text) !important;
| |
| }
| |
|
| |
| /* Category boxes */
| |
| #catlinks {
| |
| background: var(--pkwar-bg) !important;
| |
| border: 1px solid #444 !important;
| |
| }
| |
|
| |
| /* Search results */
| |
| .mw-search-results {
| |
| background: transparent !important;
| |
| }
| |
|
| |
| .searchresults .mw-search-result {
| |
| background: var(--pkwar-bg) !important;
| |
| border: 1px solid #444 !important;
| |
| margin-bottom: 0.5em !important;
| |
| padding: 0.5em !important;
| |
| }
| |
|
| |
| /* Special pages */
| |
| .mw-special-Watchlist .mw-changeslist {
| |
| background: transparent !important;
| |
| }
| |
|
| |
| /* Forms */
| |
| input[type="text"],
| |
| input[type="search"],
| |
| input[type="password"],
| |
| textarea,
| |
| select {
| |
| background: #0a0a0a !important;
| |
| color: var(--pkwar-text) !important;
| |
| border: 1px solid #444 !important;
| |
| }
| |
|
| |
| /* Remove all remaining white areas */
| |
| .mw-page-container,
| |
| .mw-workspace-container,
| |
| .mw-content-container,
| |
| .mw-article-toolbar-container,
| |
| .mw-sidebar-container {
| |
| background: transparent !important;
| |
| }
| |
|
| |
| /* Terminal-style elements */
| |
| .terminal-box {
| |
| background: var(--pkwar-bg);
| |
| border: 2px solid #444;
| |
| border-radius: 8px;
| |
| padding: 1em;
| |
| font-family: 'Courier New', monospace;
| |
| margin: 1em 0;
| |
| box-shadow: 0 0 10px #000c;
| |
| }
| |
|
| |
| /* Code blocks */
| |
| pre,
| |
| code,
| |
| .mw-code {
| |
| background: #0a0a0a !important;
| |
| color: var(--pkwar-accent) !important;
| |
| border: 1px solid #444 !important;
| |
| font-family: 'Courier New', monospace !important;
| |
| }
| |
|
| |
| /* Diff pages */
| |
| .diff {
| |
| background: var(--pkwar-bg) !important;
| |
| }
| |
|
| |
| .diff-context {
| |
| background: #1a1a1a !important;
| |
| color: #aaa !important;
| |
| }
| |
|
| |
| .diff-addedline {
| |
| background: rgba(0, 255, 0, 0.1) !important;
| |
| }
| |
|
| |
| .diff-deletedline {
| |
| background: rgba(255, 0, 0, 0.1) !important;
| |
| }
| |
|
| |
| /* Notifications */
| |
| .mw-notification {
| |
| background: var(--pkwar-bg) !important;
| |
| border: 1px solid var(--pkwar-accent) !important;
| |
| color: var(--pkwar-text) !important;
| |
| }
| |