|
|
| Line 1: |
Line 1: |
| /* === Madness Descent Vector-2022 Theme === */
| | $(document).ready(function () { |
| body {
| | // Collapse tool panel on page load |
| background-color: #1a0e08 !important; | | const toolsPanel = document.querySelector('#vector-page-tools'); |
| color: #f0e6d2; | |
| font-family: 'Courier New', monospace;
| |
| }
| |
|
| |
|
| #content,
| | if (toolsPanel) { |
| .vector-main-page, | | toolsPanel.classList.add('collapsed'); |
| .mw-body, | |
| .vector-body {
| |
| background-color: #2a1b14;
| |
| color: #f0e6d2;
| |
| border: 2px solid #ff3b3b;
| |
| border-radius: 12px;
| |
| box-shadow: 0 0 12px #ff0000;
| |
| padding: 20px;
| |
| margin-bottom: 40px;
| |
| }
| |
|
| |
|
| #firstHeading {
| | // Add toggle button |
| font-size: 3em;
| | const toggle = document.createElement('div'); |
| font-weight: bold;
| | toggle.id = 'page-tools-toggle'; |
| color: #ff2c2c;
| | toggle.innerText = '☰ Tools'; |
| text-shadow: 0 0 8px #ff0000;
| | document.body.appendChild(toggle); |
| text-align: center;
| |
| margin-bottom: 20px;
| |
| }
| |
|
| |
|
| /* === Sidebar Redesign === */
| | toggle.addEventListener('click', () => { |
| .vector-sidebar-container { | | toolsPanel.classList.toggle('collapsed'); |
| background-color: #0e0604;
| | }); |
| border-right: 2px solid #ff2c2c;
| | } |
| padding: 15px; | |
| } | |
|
| |
|
| .vector-sidebar .vector-menu a {
| | // Improve special page visibility |
| color: #ffd966 !important; | | $('.mw-specialpages-body, .mw-changeslist, .mw-page-info').css({ |
| background-color: #1a120e; | | 'background-color': '#1c0e0e', |
| display: block;
| | 'border': '2px solid #ff2e2e', |
| padding: 8px;
| | 'padding': '20px', |
| border-radius: 6px;
| | 'border-radius': '10px', |
| margin: 6px 0;
| | 'box-shadow': '0 0 10px #ff0000' |
| text-decoration: none;
| | }); |
| }
| | }); |
| | |
| .vector-sidebar .vector-menu a:hover { | |
| background-color: #ff2c2c;
| |
| color: white !important;
| |
| }
| |
| | |
| /* === Top Personal Tools (top right) === */
| |
| .vector-user-links, | |
| .vector-page-toolbar, | |
| .vector-toolbar { | |
| background-color: #1a0e08;
| |
| color: #ffcc99;
| |
| border: none;
| |
| }
| |
| | |
| /* === Edit + Tools Panel Toggle === */
| |
| #vector-page-tools { | |
| position: fixed;
| |
| right: 0;
| |
| top: 50px;
| |
| background-color: #120a07;
| |
| color: #ffd966;
| |
| padding: 10px;
| |
| border: 2px solid #ff3b3b;
| |
| border-radius: 10px 0 0 10px;
| |
| max-width: 220px;
| |
| z-index: 999;
| |
| transition: transform 0.3s ease;
| |
| }
| |
| | |
| #vector-page-tools.collapsed {
| |
| transform: translateX(100%);
| |
| }
| |
| | |
| #page-tools-toggle {
| |
| position: fixed;
| |
| right: 0;
| |
| top: 10px;
| |
| background-color: #ff2c2c;
| |
| color: #fff; | |
| padding: 6px 12px;
| |
| cursor: pointer;
| |
| z-index: 1000;
| |
| font-weight: bold;
| |
| border-radius: 6px 0 0 6px;
| |
| } | |
| | |
| /* === Forms and Inputs === */
| |
| textarea,
| |
| input,
| |
| select {
| |
| background-color: #2b1b15;
| |
| color: white;
| |
| border: 1px solid #ff3b3b;
| |
| padding: 5px;
| |
| border-radius: 5px;
| |
| } | |
| | |
| /* === Links and History Tabs === */
| |
| .mw-portlet a,
| |
| .vector-tab,
| |
| .vector-tab a {
| |
| color: #ff9999 !important;
| |
| }
| |
| | |
| .mw-portlet a:hover,
| |
| .vector-tab a:hover {
| |
| color: #ffffff !important;
| |
| background-color: #ff2c2c;
| |
| }
| |