|
Tags: Replaced Manual revert |
| Line 1: |
Line 1: |
| /* Modern Dark Mode for Game Wiki */
| |
|
| |
| /* Import Google Fonts */
| |
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
| |
|
| |
| /* Root Variables - Easy to Customize */
| |
| :root {
| |
| --bg-primary: #0f1419;
| |
| --bg-secondary: #1a1f2e;
| |
| --bg-tertiary: #252b3b;
| |
| --text-primary: #e8eaed;
| |
| --text-secondary: #9aa0a6;
| |
| --accent: #8ab4f8;
| |
| --accent-hover: #aac7ff;
| |
| --border: #3c4043;
| |
| --shadow: rgba(0, 0, 0, 0.3);
| |
| }
| |
|
| |
| /* Base Styles */
| |
| body {
| |
| background: var(--bg-primary) !important;
| |
| color: var(--text-primary) !important;
| |
| font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
| |
| line-height: 1.6;
| |
| }
| |
|
| |
| /* Main Content Area */
| |
| #content,
| |
| .mw-body {
| |
| background: var(--bg-secondary) !important;
| |
| border: 1px solid var(--border) !important;
| |
| border-radius: 8px !important;
| |
| box-shadow: 0 2px 8px var(--shadow) !important;
| |
| color: var(--text-primary) !important;
| |
| }
| |
|
| |
| /* Headers */
| |
| h1, h2, h3, h4, h5, h6,
| |
| .mw-heading {
| |
| color: var(--text-primary) !important;
| |
| font-weight: 600 !important;
| |
| border-bottom-color: var(--border) !important;
| |
| }
| |
|
| |
| h1 { font-size: 2em !important; }
| |
|
| |
| /* Links */
| |
| a {
| |
| color: var(--accent) !important;
| |
| text-decoration: none !important;
| |
| transition: color 0.2s ease;
| |
| }
| |
|
| |
| a:hover {
| |
| color: var(--accent-hover) !important;
| |
| text-decoration: underline !important;
| |
| }
| |
|
| |
| a:visited {
| |
| color: #c58af9 !important;
| |
| }
| |
|
| |
| /* Red links (pages that don't exist) */
| |
| a.new {
| |
| color: #f28b82 !important;
| |
| }
| |
|
| |
| /* Navigation/Sidebar */
| |
| #mw-panel,
| |
| .vector-menu-portal,
| |
| .mw-portlet {
| |
| background: var(--bg-secondary) !important;
| |
| border: 1px solid var(--border) !important;
| |
| border-radius: 8px !important;
| |
| padding: 12px !important;
| |
| margin-bottom: 12px !important;
| |
| }
| |
|
| |
| .vector-menu-heading,
| |
| .mw-portlet-label {
| |
| color: var(--text-primary) !important;
| |
| font-weight: 600 !important;
| |
| font-size: 0.9em !important;
| |
| text-transform: uppercase !important;
| |
| letter-spacing: 0.5px !important;
| |
| }
| |
|
| |
| /* Search Box */
| |
| #searchInput,
| |
| .cdx-text-input__input {
| |
| background: var(--bg-tertiary) !important;
| |
| border: 1px solid var(--border) !important;
| |
| border-radius: 6px !important;
| |
| color: var(--text-primary) !important;
| |
| padding: 8px 12px !important;
| |
| }
| |
|
| |
| #searchInput:focus,
| |
| .cdx-text-input__input:focus {
| |
| border-color: var(--accent) !important;
| |
| outline: none !important;
| |
| box-shadow: 0 0 0 2px rgba(138, 180, 248, 0.2) !important;
| |
| }
| |
|
| |
| /* Buttons */
| |
| .mw-ui-button,
| |
| button,
| |
| input[type="submit"] {
| |
| background: var(--accent) !important;
| |
| color: #000 !important;
| |
| border: none !important;
| |
| border-radius: 6px !important;
| |
| padding: 8px 16px !important;
| |
| font-weight: 500 !important;
| |
| cursor: pointer !important;
| |
| transition: all 0.2s ease !important;
| |
| }
| |
|
| |
| .mw-ui-button:hover,
| |
| button:hover,
| |
| input[type="submit"]:hover {
| |
| background: var(--accent-hover) !important;
| |
| transform: translateY(-1px) !important;
| |
| box-shadow: 0 2px 8px var(--shadow) !important;
| |
| }
| |
|
| |
| /* Tables */
| |
| table {
| |
| background: var(--bg-tertiary) !important;
| |
| border: 1px solid var(--border) !important;
| |
| border-radius: 6px !important;
| |
| overflow: hidden !important;
| |
| }
| |
|
| |
| th {
| |
| background: var(--bg-primary) !important;
| |
| color: var(--text-primary) !important;
| |
| font-weight: 600 !important;
| |
| padding: 12px !important;
| |
| border-bottom: 2px solid var(--border) !important;
| |
| }
| |
|
| |
| td {
| |
| color: var(--text-primary) !important;
| |
| padding: 10px !important;
| |
| border-bottom: 1px solid var(--border) !important;
| |
| }
| |
|
| |
| tr:hover {
| |
| background: var(--bg-primary) !important;
| |
| }
| |
|
| |
| /* Infoboxes */
| |
| .infobox {
| |
| background: var(--bg-tertiary) !important;
| |
| border: 1px solid var(--border) !important;
| |
| border-radius: 8px !important;
| |
| overflow: hidden !important;
| |
| }
| |
|
| |
| .infobox th {
| |
| background: var(--bg-primary) !important;
| |
| }
| |
|
| |
| /* Code blocks */
| |
| code,
| |
| pre,
| |
| .mw-code {
| |
| background: var(--bg-primary) !important;
| |
| color: #ff6b9d !important;
| |
| border: 1px solid var(--border) !important;
| |
| border-radius: 4px !important;
| |
| padding: 2px 6px !important;
| |
| font-family: 'JetBrains Mono', 'Courier New', monospace !important;
| |
| }
| |
|
| |
| pre {
| |
| padding: 12px !important;
| |
| overflow-x: auto !important;
| |
| }
| |
|
| |
| /* Edit Buttons */
| |
| .mw-editsection,
| |
| .mw-editsection a {
| |
| color: var(--text-secondary) !important;
| |
| font-size: 0.85em !important;
| |
| }
| |
|
| |
| /* Tabs (Edit, History, etc.) */
| |
| .vector-menu-tabs,
| |
| #p-views {
| |
| background: transparent !important;
| |
| }
| |
|
| |
| .vector-menu-tabs li,
| |
| #p-views li {
| |
| background: var(--bg-tertiary) !important;
| |
| border: 1px solid var(--border) !important;
| |
| border-bottom: none !important;
| |
| border-radius: 6px 6px 0 0 !important;
| |
| margin-right: 4px !important;
| |
| }
| |
|
| |
| .vector-menu-tabs li.selected,
| |
| #p-views li.selected {
| |
| background: var(--bg-secondary) !important;
| |
| border-bottom: 2px solid var(--accent) !important;
| |
| }
| |
|
| |
| .vector-menu-tabs a,
| |
| #p-views a {
| |
| color: var(--text-secondary) !important;
| |
| padding: 8px 16px !important;
| |
| }
| |
|
| |
| .vector-menu-tabs li.selected a,
| |
| #p-views li.selected a {
| |
| color: var(--text-primary) !important;
| |
| }
| |
|
| |
| /* Categories */
| |
| #catlinks {
| |
| background: var(--bg-tertiary) !important;
| |
| border: 1px solid var(--border) !important;
| |
| border-radius: 6px !important;
| |
| padding: 12px !important;
| |
| color: var(--text-primary) !important;
| |
| }
| |
|
| |
| /* Images */
| |
| img {
| |
| border-radius: 4px !important;
| |
| }
| |
|
| |
| .thumbinner {
| |
| background: var(--bg-tertiary) !important;
| |
| border: 1px solid var(--border) !important;
| |
| border-radius: 6px !important;
| |
| padding: 8px !important;
| |
| }
| |
|
| |
| .thumbcaption {
| |
| color: var(--text-secondary) !important;
| |
| }
| |
|
| |
| /* Footer */
| |
| #footer,
| |
| .mw-footer {
| |
| background: var(--bg-secondary) !important;
| |
| border-top: 1px solid var(--border) !important;
| |
| color: var(--text-secondary) !important;
| |
| margin-top: 24px !important;
| |
| padding: 16px !important;
| |
| border-radius: 8px !important;
| |
| }
| |
|
| |
| #footer a {
| |
| color: var(--text-secondary) !important;
| |
| }
| |
|
| |
| /* User Menu */
| |
| #p-personal,
| |
| .vector-user-links {
| |
| background: var(--bg-secondary) !important;
| |
| border-radius: 6px !important;
| |
| padding: 4px 8px !important;
| |
| }
| |
|
| |
| #p-personal li a {
| |
| color: var(--text-secondary) !important;
| |
| }
| |
|
| |
| /* Notifications */
| |
| .mw-notification {
| |
| background: var(--bg-tertiary) !important;
| |
| border: 1px solid var(--accent) !important;
| |
| border-radius: 6px !important;
| |
| color: var(--text-primary) !important;
| |
| box-shadow: 0 4px 12px var(--shadow) !important;
| |
| }
| |
|
| |
| /* Diffs (Page History) */
| |
| .diff-deletedline {
| |
| background: rgba(242, 139, 130, 0.2) !important;
| |
| }
| |
|
| |
| .diff-addedline {
| |
| background: rgba(129, 201, 149, 0.2) !important;
| |
| }
| |
|
| |
| /* Recent Changes */
| |
| .mw-changeslist-line {
| |
| border-bottom: 1px solid var(--border) !important;
| |
| padding: 8px 0 !important;
| |
| }
| |
|
| |
| /* Special Page Lists */
| |
| .mw-special-Allpages,
| |
| .mw-special-Categories {
| |
| background: var(--bg-tertiary) !important;
| |
| border-radius: 6px !important;
| |
| padding: 16px !important;
| |
| }
| |
|
| |
| /* Messages/Notices */
| |
| .mw-message-box {
| |
| background: var(--bg-tertiary) !important;
| |
| border: 1px solid var(--border) !important;
| |
| border-radius: 6px !important;
| |
| color: var(--text-primary) !important;
| |
| }
| |
|
| |
| /* Scrollbar (for Webkit browsers) */
| |
| ::-webkit-scrollbar {
| |
| width: 12px;
| |
| height: 12px;
| |
| }
| |
|
| |
| ::-webkit-scrollbar-track {
| |
| background: var(--bg-primary);
| |
| }
| |
|
| |
| ::-webkit-scrollbar-thumb {
| |
| background: var(--bg-tertiary);
| |
| border-radius: 6px;
| |
| border: 2px solid var(--bg-primary);
| |
| }
| |
|
| |
| ::-webkit-scrollbar-thumb:hover {
| |
| background: var(--border);
| |
| }
| |
|
| |
| /* Blockquotes */
| |
| blockquote {
| |
| background: var(--bg-tertiary) !important;
| |
| border-left: 4px solid var(--accent) !important;
| |
| padding: 12px 16px !important;
| |
| margin: 16px 0 !important;
| |
| border-radius: 4px !important;
| |
| color: var(--text-secondary) !important;
| |
| }
| |
|
| |
| /* Horizontal Rules */
| |
| hr {
| |
| border: none !important;
| |
| border-top: 1px solid var(--border) !important;
| |
| margin: 24px 0 !important;
| |
| }
| |
|
| |
| /* Selection */
| |
| ::selection {
| |
| background: rgba(138, 180, 248, 0.3) !important;
| |
| color: var(--text-primary) !important;
| |
| }
| |
|
| |
| /* Custom Wiki Logo */
| |
| #p-logo a { | | #p-logo a { |
| background-image: url('/images/3/36/Paperlilyicon.png') !important; | | background-image: url('/images/3/36/Paperlilyicon.png') !important; |
