MediaWiki:Common.css: Difference between revisions

Newer edit →

@@ Line 1: / Line 1: @@
-/* Background and general colors */
+/* === Global Dark Theme === */
-body {
+body.madness-theme,
-    background-color: #1c0f0a;
+body.skin-vector {
-    color: #fefefe;
+  background-color: #1a0e08;
-    font-family: 'Courier New', monospace;
+  color: #f0e6d2;
+  font-family: 'Courier New', monospace;
 }
-/* Header title */
+/* === Headings and Text === */
 #firstHeading {
-    color: #ff2c2c;
+  font-size: 3em;
-    font-size: 3em;
+  font-weight: bold;
-    font-weight: bold;
+  color: #ff2c2c;
-    text-shadow: 0 0 8px #ff0000;
+  text-shadow: 0 0 8px #ff0000;
-    text-align: center;
+  text-align: center;
-    margin-bottom: 20px;
+  margin-bottom: 20px;
 }
-/* Navigation styles */
+.mw-body {
-#mw-panel {
+  background-color: #2a1b14;
-    background-color: #120a07;
+  border: 2px solid #ff3b3b;
-    color: #fff;
+  border-radius: 10px;
-    padding: 1em;
+  box-shadow: 0 0 12px #ff0000;
-    border-right: 2px solid #ff4444;
+  padding: 20px;
 }
-#p-navigation h3,
+/* === Sidebar Links === */
-#p-Community h3 {
+#mw-panel {
-    font-family: 'Impact', sans-serif;
+  background-color: #0e0604;
-    font-size: 1.2em;
+  border-right: 2px solid #ff2c2c;
-    color: #ff3b3b;
+  padding-top: 20px;
-    border-bottom: 2px solid #ff4444;
+  width: 200px;
 }
+#mw-panel a {
-#p-navigation ul,
+  color: #ffd966 !important;
-#p-Community ul {
+  background-color: #1a120e;
-    list-style: none;
+  padding: 8px;
-    padding-left: 0;
+  border-radius: 5px;
+  display: block;
+  margin-bottom: 5px;
+  text-decoration: none;
 }
+#mw-panel a:hover {
-#p-navigation li a,
+  background-color: #333;
-#p-Community li a {
+  color: #fff !important;
-    color: #ffd966;
-    background-color: #1a120e;
-    padding: 8px;
-    display: block;
-    text-decoration: none;
-    margin-bottom: 5px;
-    border-radius: 5px;
 }
-#p-navigation li a:hover,
+/* === Collapsible Tool Panel === */
-#p-Community li a:hover {
+#p-tb {
-    background-color: #333;
+  position: fixed;
-    color: #fff;
+  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;
 }
-/* Content box styling */
+#p-tb.collapsed {
-#bodyContent {
+  transform: translateX(100%);
-    background: #2a1b14;
-    border: 2px solid #ff3b3b;
-    border-radius: 10px;
-    padding: 20px;
-    box-shadow: 0 0 12px #ff0000;
 }
-/* Buttons */
+#p-tb-toggle {
-button,
+  position: fixed;
-input[type="submit"],
+  right: 0;
-input[type="button"] {
+  top: 10px;
-    background-color: #ff4646;
+  background-color: #ff2c2c;
-    border: none;
+  color: #fff;
-    color: white;
+  padding: 6px 12px;
-    font-weight: bold;
+  cursor: pointer;
-    padding: 10px 20px;
+  z-index: 1000;
-    border-radius: 8px;
+  font-weight: bold;
-    cursor: pointer;
+  border-radius: 6px 0 0 6px;
 }
-button:hover,
+/* Hide old vector sticky header */
-input[type="submit"]:hover,
+.vector-sticky-header {
-input[type="button"]:hover {
+  display: none !important;
-    background-color: #d13939;
-}
-/* Links */
-a {
-    color: #ffd966;
-}
-a:hover {
-    color: #ffffff;
-    text-decoration: underline;
 }