MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 400: / Line 400: @@
    line-height: 1.2;
 }
+#mw-panel a[href*="discord.gg"],
+#mw-panel a[href*="discord.com/invite"]{
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 12px;
+  border-radius: 6px;
+  font-weight: 600;
+  text-decoration: none;
+  background: #5865F2;
+  color: #fff !important;
+}
+#mw-panel a[href*="discord.gg"]::before,
+#mw-panel a[href*="discord.com/invite"]::before{
+  content: "";
+  width: 18px;
+  height: 18px;
+  flex: 0 0 18px;
+  background: url("/w/Special:FilePath/Discord-white-icon.png") center / contain no-repeat;
+}
+#mw-panel a[href*="discord.gg"]:hover,
+#mw-panel a[href*="discord.com/invite"]:hover{
+  filter: brightness(0.95);
+}
+#mw-panel a[href="https://consumerrights.wiki"]{
+  display: block;
+}
+#mw-panel a[href="https://consumerrights.wiki"]::after{
+  content: "This extension is currently under development. Once complete,\00A0it will notify you when you're viewing a product,\00A0site,\00A0or\00A0service that has an article on our wiki.";
+  display: block;
+  margin-top: 4px;
+  font-size: 0.85em;
+  opacity: 0.7;
+  font-weight: 400;
+  line-height: 1.2;
+}
+/* Jake */
 .vector-header,
@@ Line 441: / Line 484: @@
 }
-.vector-header .vector-search-box,
+#p-search .cdx-text-input__input{
-.vector-header .vector-typeahead-search-container,
-.vector-header .cdx-typeahead-search,
-.vector-header .cdx-search-input,
-.vector-header #simpleSearch,
-.vector-header .cdx-text-input{
-  color: var(--color-base, #202122) !important;
-}
-.vector-header .cdx-text-input__input{
    background: #fff !important;
    color: var(--color-base, #202122) !important;
 }
-.vector-header .cdx-text-input__input::placeholder{
+#p-search .cdx-text-input__input::placeholder{
    color: rgba(32,33,34,0.6) !important;
 }
-.vector-header .cdx-text-input__start-icon{
+#p-search .cdx-text-input__start-icon{
    filter: none !important;
 }
-.vector-header .cdx-button:hover,
+#p-search .cdx-menu,
-.vector-header .cdx-button:focus{
+#p-search .cdx-menu *{
-   background-color: rgba(255, 255, 255, 0.14) !important;
+   color: var(--color-base, #202122) !important;
-   border-radius: 8px;
+}
+#p-search .cdx-menu{
+   background: #fff !important;
+}
+#p-search .cdx-menu a{
+  color: var(--color-progressive, #36c) !important;
 }
-.vector-header .cdx-button .vector-icon{
+#p-search .cdx-menu a:visited{
-   filter: invert(1) brightness(1.2);
+   color: var(--color-visited, #6b4ba1) !important;
-  transition: filter 0.15s ease;
 }
-.vector-header .cdx-button:hover .vector-icon,
+#vector-main-menu-dropdown-label,
-.vector-header .cdx-button:focus .vector-icon{
+#vector-appearance-dropdown-label,
-   filter: invert(1) brightness(1.45);
+#vector-user-links-dropdown-label,
+.vector-header a.search-toggle,
+#pt-notifications-alert > a,
+#pt-notifications-notice > a{
+   background-color: transparent !important;
+  opacity: 1 !important;
+  border-radius: 8px;
 }
-.vector-header .vector-search-box a.search-toggle:hover .vector-icon,
+#vector-main-menu-dropdown-label .vector-icon,
-.vector-header .vector-search-box a.search-toggle:focus .vector-icon{
+#vector-appearance-dropdown-label .vector-icon,
-   filter: invert(1) brightness(1.45);
+#vector-user-links-dropdown-label .vector-icon,
+.vector-header a.search-toggle .vector-icon,
+#pt-notifications-alert > a .vector-icon,
+#pt-notifications-notice > a .vector-icon{
+  opacity: 1 !important;
+   filter: invert(1) brightness(1.2);
 }
-.vector-header .vector-search-box a.search-toggle:hover,
+#vector-main-menu-dropdown-label:hover,
-.vector-header .vector-search-box a.search-toggle:focus{
+#vector-appearance-dropdown-label:hover,
+#vector-user-links-dropdown-label:hover,
+.vector-header a.search-toggle:hover,
+#pt-notifications-alert > a:hover,
+#pt-notifications-notice > a:hover{
    background-color: rgba(255, 255, 255, 0.14) !important;
-   border-radius: 8px;
+   opacity: 1 !important;
+}
+#vector-main-menu-dropdown-label:hover .vector-icon,
+#vector-appearance-dropdown-label:hover .vector-icon,
+#vector-user-links-dropdown-label:hover .vector-icon,
+.vector-header a.search-toggle:hover .vector-icon,
+#pt-notifications-alert > a:hover .vector-icon,
+#pt-notifications-notice > a:hover .vector-icon{
+  filter: invert(1) brightness(1.45) !important;
+  opacity: 1 !important;
 }