MediaWiki:Vector-2022.css: Difference between revisions

← Older edit

@@ Line 34: / Line 34: @@
 html {
-background-color: white;
+background-color:  white;
 }
@@ Line 44: / Line 44: @@
+}
+.mw-logo-wordmark {
+}
+.vector-menu-content-list span {
+}
+.vector-icon.mw-ui-icon-menu.mw-ui-icon-wikimedia-menu {
+background-color: rgb(68, 71, 70) !important;
+}
+.vector-icon.mw-ui-icon-userAvatar.mw-ui-icon-wikimedia-userAvatar {
+background-color: rgb(68, 71, 70)!important;
+}
+.vector-icon.mw-ui-icon-watchlist.mw-ui-icon-wikimedia-watchlist {
+background-color: rgb(68, 71, 70)!important;
+}
+.vector-dropdown-label-text span {
+}
+#vector-user-links-dropdown-label::after {
+}
+.vector-header-container {
+width: 100%;
+background-color: #F8FAFD;
 }
 .vector-header.mw-header {
+background-color: #F8FAFD;
+}
+.mw-page-container {
 }
-.mw-page-container {
+/* Keep the wrapper shape the same in all states */
+.vector-search-box .cdx-text-input {
+  border: 0;
+  border-radius: 25px !important;
+  background: transparent !important;
+  box-shadow: none !important;
+  transition: none !important;
+}
+/* On focus, don't change size; (optional) keep same border color to avoid flicker */
+.vector-search-box .cdx-text-input:focus-within {
+  border: 0;
+  box-shadow: none !important;
+}
+/* Actual input: fixed height/bg/radius, no border */
+.vector-search-box .cdx-text-input__input,
+#searchInput {
+  height: 42px !important;
+  background-color: #E9EEF6 !important;
+  border: 0;
+  border-radius: 25px !important;
+  box-shadow: none !important;
 }
-/* ===== 4. Search field styling (rounded pill look) ===== */
+/* Fix your earlier typo so layout stays stable */
-.vector-header-end .cdx-text-input,
+.cdx-search-input--has-end-button {
-#vector-sticky-header .cdx-text-input {
+  border: 0;
-    border-radius: 14px !important;
+  background: transparent;
-    border: 1px solid black !important;
+  display: flex;                      /* was 'display; flex;' */
-    box-shadow: none !important;
+  gap: 7px;
-    background-color: #fff;
 }
-.vector-header-end .cdx-text-input__input,
-#vector-sticky-header .cdx-text-input__input {
-     border-radius: 14px !important;
+.vector-header-end .cdx-text-input:focus-within,
+#vector-sticky-header .cdx-text-input:focus-within,
+.vector-header-end .cdx-text-input__input:focus,
+#vector-sticky-header .cdx-text-input__input:focus {
+     background-color: #E9EEF6 !important;
      border: 0 !important;
+    border-radius: 25px !important;
+    box-shadow: none !important;
+    outline: none !important;
+    height: 42px !important;
 }
-.cdx-search-input--has-end-button {
-border: 0px;
+.cdx-button.cdx-search-input__end-button {
-background: transparent;
+border-radius: 25px !important;
-display; flex;
+background-color: rgb(194, 231, 255);
-gap: 7px;
+border: 0;
+color: rgb(0, 29, 53);
+letter-spacing: 0.5px;
 }
-.cdx-button.cdx-search-input__end-button{
-  border-radius: 14px !important;
-   border: 1px solid black !important;
-}
@@ Line 96: / Line 173: @@
 h6 {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
 }