MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
 /* ============================================================
-    KH LEAF THEME - ULTIMATE CONSOLIDATED VERSION
+    KH LEAF THEME - GREEN & GOLD EDITION
     ============================================================ */
@@ Line 6: / Line 6: @@
 .portable-infobox {
      background-color: #ffffff !important;
-     border: 2px solid #003366 !important;
+     border: 2px solid #3e5a47 !important; /* Changed to Green border */
      width: 300px !important;
      float: right !important;
@@ Line 17: / Line 17: @@
 }
+/* 2. INFOBOX TITLE (Yellow Background, Dark Text) */
 .portable-infobox .pi-title {
-     background-color: #003366 !important;
+     background-color: #ffd700 !important; /* Gold/Yellow */
-     color: #ffffff !important;
+     color: #2d4234 !important; /* Dark Green text for readability */
      text-align: center !important;
      padding: 12px 0 !important;
@@ Line 27: / Line 28: @@
      margin: -2px -2px 0 -2px !important;
      box-sizing: border-box !important;
-     border: none !important;
+     font-weight: bold !important;
 }
+/* 3. INFOBOX SECTION HEADERS (Green Background, White Text) */
 .portable-infobox .pi-header {
-     background-color: #3e5a47 !important;
+     background-color: #3e5a47 !important; /* Forest Green */
-     color: #ffffff !important;
+     color: #ffffff !important; /* White text */
      text-align: center !important;
      padding: 8px 0 !important;
@@ Line 44: / Line 46: @@
 }
+/* 4. THE CUSTOM SIDEBAR */
+/* Targets the sidebar area (Vector skin) */
+#mw-panel {
+    background-color: #f4f9f6 !important; /* Very faint leaf-green wash */
+    border-right: 2px solid #3e5a47 !important; /* Forest Green divider */
+    height: 100vh !important;
+}
+/* Sidebar Link Styling */
+#mw-panel .vector-menu-content-list li a {
+    color: #3e5a47 !important;
+    font-family: "Georgia", serif !important;
+}
+#mw-panel .vector-menu-content-list li a:hover {
+    color: #ffd700 !important; /* Glows Yellow on hover */
+    text-decoration: none !important;
+}
+/* 5. IMAGE AREA (Centered) */
 .portable-infobox .pi-image {
-     background-color: #f2f7f4 !important;
+     background-color: #fcfdfc !important;
      padding: 15px !important;
      text-align: center !important;
-     display: block !important;
+     display: block;
-    border-bottom: 1px solid #d4e0d8 !important;
 }
@@ Line 56: / Line 77: @@
      display: block !important;
      max-width: 100% !important;
-    height: auto !important;
 }
+/* 6. DATA ROWS & LEAVES */
 .portable-infobox .pi-data {
      display: flex !important;
@@ Line 70: / Line 91: @@
      border-right: 1px solid #ddd !important;
      font-size: 11px !important;
-     font-weight: bold !important;
+     font-weight: bold;
-    color: #333 !important;
 }
@@ Line 83: / Line 103: @@
      content: "\1F343  " !important;
      font-size: 10px !important;
-    display: inline-block !important;
 }
-/* 2. ARTICLE HEADERS (H2/H3) LEAF DECORATION */
+/* 7. ARTICLE HEADERS (H2/H3) */
 .mw-parser-output h2, .mw-parser-output h3 {
      border-bottom: 2px solid #3e5a47 !important;
-     color: #003366 !important;
+     color: #3e5a47 !important; /* Switched to Green to match theme */
-    padding-bottom: 5px !important;
-    clear: none !important;
 }
@@ Line 97: / Line 114: @@
 .mw-parser-output h3::before { content: "\1F343  " !important; font-size: 16px !important; }
-/* 3. TABLE OF CONTENTS STYLING */
+/* 8. TABLE OF CONTENTS */
 #toc, .toc {
-    background-color: #fcfcfc !important;
      border: 2px solid #3e5a47 !important;
-     padding: 15px !important;
+     background-color: #fff !important;
-    font-family: "Georgia", serif !important;
-    box-shadow: 3px 3px 8px rgba(0,0,0,0.08) !important;
-    border-radius: 0 !important;
 }
-#toctitle h2 {
+#toctitle h2 { color: #3e5a47 !important; border-bottom: 1px solid #ffd700 !important; }
-    color: #003366 !important;
+.tocnumber { color: #ffd700 !important; }
-    font-size: 16px !important;
-    border-bottom: 1px solid #3e5a47 !important;
-    padding-bottom: 5px !important;
-}
-#toctitle h2::before { content: none !important; }
+/* 9. AUTOMATIC FOOTER */
-.tocnumber { color: #3e5a47 !important; font-weight: bold !important; }
-.toctext { color: #003366 !important; }
-/* 4. AUTOMATIC "END OF ENTRY" FOOTER */
 .mw-parser-output::after {
      content: "🍃\A END OF ENTRY";
@@ Line 129: / Line 133: @@
      border-top: 1px solid #3e5a47 !important;
      font-family: "Georgia", serif !important;
-     color: #003366 !important;
+     color: #3e5a47 !important;
      font-size: 10px !important;
      letter-spacing: 3px !important;
-    font-weight: bold !important;
-    clear: both !important;
 }
-/* 5. UI FIXES (SEARCH BAR ALIGNMENT) */
+/* 10. UI FIXES */
-#p-search, .vector-search-box, #searchform {
+#p-search, .vector-search-box {
      float: right !important;
-    margin-left: auto !important;
-}
-#mw-panel h3::before, .vector-menu-heading::before, #p-search h3::before {
-    content: none !important;
-    display: none !important;
 }