User:Editingthingsforlife/vector-2022.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
-/* Reset and Base Styles */
+/* === Madness Descent Vector-2022 Theme === */
 body {
-    font-family: Arial, sans-serif;
+  background-color: #1a0e08 !important;
-    margin: 0;
+  color: #f0e6d2;
-    padding: 0;
+  font-family: 'Courier New', monospace;
-    background-color: #f6f6f6;
-    color: #333;
 }
-.wiki-container {
+#content,
-    display: flex;
+.vector-main-page,
-    min-height: 100vh;
+.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;
 }
-/* Sidebar Styles */
+#firstHeading {
-.sidebar {
+  font-size: 3em;
-    width: 250px;
+  font-weight: bold;
-    background-color: #f8f9fa;
+  color: #ff2c2c;
-    border-right: 1px solid #ddd;
+  text-shadow: 0 0 8px #ff0000;
-    padding: 20px;
+  text-align: center;
-    box-sizing: border-box;
+  margin-bottom: 20px;
 }
-.sidebar h1, .sidebar h2 {
+/* === Sidebar Redesign === */
-    font-size: 1.2em;
+.vector-sidebar-container {
-    margin: 15px 0 10px 0;
+  background-color: #0e0604;
-    padding-bottom: 5px;
+  border-right: 2px solid #ff2c2c;
-    border-bottom: 1px solid #ddd;
+  padding: 15px;
 }
-.sidebar h2 {
+.vector-sidebar .vector-menu a {
-    font-size: 1.1em;
+  color: #ffd966 !important;
-    color: #555;
+  background-color: #1a120e;
+  display: block;
+  padding: 8px;
+  border-radius: 6px;
+  margin: 6px 0;
+  text-decoration: none;
 }
-.nav-menu, .nav-submenu {
+.vector-sidebar .vector-menu a:hover {
-    list-style-type: none;
+  background-color: #ff2c2c;
-    padding: 0;
+  color: white !important;
-    margin: 0;
 }
-.nav-menu li, .nav-submenu li {
+/* === Top Personal Tools (top right) === */
-    padding: 5px 0;
+.vector-user-links,
-    cursor: pointer;
+.vector-page-toolbar,
+.vector-toolbar {
+  background-color: #1a0e08;
+  color: #ffcc99;
+  border: none;
 }
-.nav-menu li:hover, .nav-submenu li:hover {
+/* === Edit + Tools Panel Toggle === */
-    background-color: #e9ecef;
+#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;
 }
-.sidebar-divider {
+#vector-page-tools.collapsed {
-    height: 1px;
+  transform: translateX(100%);
-    background-color: #ddd;
-    margin: 15px 0;
 }
-.page-actions, .admin-actions {
+#page-tools-toggle {
-    font-size: 0.9em;
+  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;
 }
-.page-actions div, .admin-actions div {
+/* === Forms and Inputs === */
-    padding: 5px 0;
+textarea,
-    cursor: pointer;
+input,
+select {
+  background-color: #2b1b15;
+  color: white;
+  border: 1px solid #ff3b3b;
+  padding: 5px;
+  border-radius: 5px;
 }
-.page-actions div:hover, .admin-actions div:hover {
+/* === Links and History Tabs === */
-    text-decoration: underline;
+.mw-portlet a,
+.vector-tab,
+.vector-tab a {
+  color: #ff9999 !important;
 }
-.user-info {
+.mw-portlet a:hover,
-    font-style: italic;
+.vector-tab a:hover {
-    color: #666;
+  color: #ffffff !important;
-    padding: 5px 0;
+  background-color: #ff2c2c;
-}
-/* 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;
 }