MediaWiki:Vector-2022.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
 /* ===== ATRONIA Search Clean & Stable ===== */
-#p-search .cdx-search-input {
-   border-radius: 14px;
+/* ===== NAVBAR NORMAL ===== */
-   overflow: hidden;
+#p-search .cdx-search-input {
-   border: 1px solid #dcdcdc;
+    border-radius: 14px;
-   background: #ffffff;
+    overflow: hidden;
-   transition: border-color 0.2s ease, box-shadow 0.2s ease;
+    border: 1px solid #dcdcdc;
-}
+    background: #ffffff;
-/* remove estilos internos que causam "salto" */
+    transition: border-color 0.2s ease, box-shadow 0.2s ease;
+}
-#p-search .cdx-text-input__input {
-   border: none !important;
+#p-search .cdx-text-input__input {
-   background: transparent !important;
+    border: none !important;
-   box-shadow: none !important;
+    background: transparent !important;
-}
+    box-shadow: none !important;
-/* BOTÃO SEARCH */
+}
-#p-search .cdx-button {
-   background: #ffffff;
+#p-search .cdx-button {
-   color: #1B2826;
+    background: #ffffff;
-   border-left: 1px solid #e0e0e0;
+    color: #1B2826;
-   border-radius: 0; transition: background 0.2s ease, color 0.2s ease;
+    border-left: 1px solid #e0e0e0;
-}
+    border-radius: 0;
-/* hover legível */
+    transition: background 0.2s ease, color 0.2s ease;
-#p-search .cdx-button:hover {
+}
-   background: #92ff00;
-   color: #1B2826;
+#p-search .cdx-button:hover {
+    background: #92ff00;
+    color: #1B2826;
+}
+/* ===== NAVBAR STICKY (SCROLL) ===== */
+.vector-sticky-header .cdx-search-input {
+    border-radius: 14px;
+    overflow: hidden;
+    border: 1px solid #dcdcdc;
+    background: #ffffff;
+    transition: border-color 0.2s ease, box-shadow 0.2s ease;
+}
+.vector-sticky-header .cdx-text-input__input {
+    border: none !important;
+    background: transparent !important;
+    box-shadow: none !important;
+}
+.vector-sticky-header .cdx-button {
+    background: #ffffff;
+    color: #1B2826;
+    border-left: 1px solid #e0e0e0;
+    border-radius: 0;
+    transition: background 0.2s ease, color 0.2s ease;
+}
+.vector-sticky-header .cdx-button:hover {
+    background: #92ff00;
+    color: #1B2826;
 }