|
|
| (One intermediate revision by the same user not shown) |
| Line 1: |
Line 1: |
| /* Reset and Base Styles */ | | $(document).ready(function () { |
| body {
| | // Collapse tool panel on page load |
| font-family: Arial, sans-serif;
| | const toolsPanel = document.querySelector('#vector-page-tools'); |
| margin: 0;
| |
| padding: 0;
| |
| background-color: #f6f6f6;
| |
| color: #333;
| |
| }
| |
|
| |
|
| .wiki-container {
| | if (toolsPanel) { |
| display: flex; | | toolsPanel.classList.add('collapsed'); |
| min-height: 100vh;
| |
| }
| |
|
| |
|
| /* Sidebar Styles */ | | // Add toggle button |
| .sidebar { | | const toggle = document.createElement('div'); |
| width: 250px;
| | toggle.id = 'page-tools-toggle'; |
| background-color: #f8f9fa; | | toggle.innerText = '☰ Tools'; |
| border-right: 1px solid #ddd;
| | document.body.appendChild(toggle); |
| padding: 20px; | |
| box-sizing: border-box; | |
| }
| |
|
| |
|
| .sidebar h1, .sidebar h2 { | | toggle.addEventListener('click', () => { |
| font-size: 1.2em;
| | toolsPanel.classList.toggle('collapsed'); |
| margin: 15px 0 10px 0;
| | }); |
| padding-bottom: 5px;
| | } |
| border-bottom: 1px solid #ddd; | |
| } | |
|
| |
|
| .sidebar h2 {
| | // Improve special page visibility |
| font-size: 1.1em;
| | $('.mw-specialpages-body, .mw-changeslist, .mw-page-info').css({ |
| color: #555;
| | 'background-color': '#1c0e0e', |
| }
| | 'border': '2px solid #ff2e2e', |
| | | 'padding': '20px', |
| .nav-menu, .nav-submenu { | | 'border-radius': '10px', |
| list-style-type: none;
| | 'box-shadow': '0 0 10px #ff0000' |
| padding: 0;
| | }); |
| margin: 0;
| | }); |
| }
| |
| | |
| .nav-menu li, .nav-submenu li {
| |
| padding: 5px 0;
| |
| cursor: pointer;
| |
| }
| |
| | |
| .nav-menu li:hover, .nav-submenu li:hover {
| |
| background-color: #e9ecef;
| |
| }
| |
| | |
| .sidebar-divider { | |
| height: 1px; | |
| background-color: #ddd;
| |
| margin: 15px 0;
| |
| }
| |
| | |
| .page-actions, .admin-actions {
| |
| font-size: 0.9em; | |
| }
| |
| | |
| .page-actions div, .admin-actions div {
| |
| padding: 5px 0; | |
| cursor: pointer; | |
| }
| |
| | |
| .page-actions div:hover, .admin-actions div:hover {
| |
| text-decoration: underline;
| |
| }
| |
| | |
| .user-info {
| |
| font-style: italic;
| |
| color: #666;
| |
| padding: 5px 0;
| |
| }
| |
| | |
| /* Main Content Styles */
| |
| .main-content {
| |
| flex: 1;
| |
| padding: 20px 30px;
| |
| background-color: white;
| |
| box-shadow: 0 0 5px rgba(0,0,0,0.1); | |
| }
| |
| | |
| .main-content h1 {
| |
| margin-top: 0;
| |
| color: #222;
| |
| } | |
| | |
| .divider {
| |
| height: 1px;
| |
| background-color: #eee;
| |
| margin: 15px 0;
| |
| } | |
| | |
| .stats {
| |
| font-size: 0.9em;
| |
| color: #666;
| |
| margin-top: 20px;
| |
| }
| |