MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 540: / Line 540: @@
    padding-right: 20px !important;
 }
+/* ===== Search box (clean, modern) ===== */
-/* Hide unwanted header elements */
+#p-search {
-body.page-Main_Page #vector-main-menu-dropdown,
+  margin-left: 20px;
-body.page-Main_Page #p-search,
+}
-body.page-Main_Page .vector-user-links {
-   display: none !important;
+.cdx-search-input__input {
+  background: rgba(255,255,255,0.12) !important;
+  border: 1px solid rgba(255,255,255,0.2) !important;
+  color: #fff !important;
+  border-radius: 8px !important;
+  padding: 6px 10px !important;
+}
+.cdx-search-input__input::placeholder {
+  color: rgba(255,255,255,0.6);
+}
+/* Search button */
+.cdx-search-input__end-button {
+  background: rgba(255,255,255,0.15) !important;
+  color: #fff !important;
+  border: none !important;
+}
+/* ===== Icons (user, watchlist etc.) ===== */
+.vector-header .vector-icon {
+  filter: invert(1);
+  opacity: 0.9;
+}
+/* ===== User name ===== */
+.vector-user-links a {
+  color: rgba(255,255,255,0.9) !important;
+}
+.vector-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.vector-header-start {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+}
+.vector-header-end {
+   display: flex;
+  align-items: center;
+  gap: 12px;
+}
+.vector-search-box {
+  max-width: 420px;
 }
 body.page-Main_Page #mw-panel,