MediaWiki:UITest.css

From IdleOn MMO Wiki
Revision as of 18:04, 21 February 2023 by Wekhter (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
div.testUI {
	color: pink;
}

/* simple search */

.client-darkmode .mw-no-invert#p-search{
    filter: none;
}

#simpleSearch,
.client-darkmode #simpleSearch { 
    background: transparent;
    border: 0;
}
#simpleSearch #searchInput,
#searchform #searchInput { 
    background:var(--base-2); 
    border:1px solid var(--contrast-3);
}

#simpleSearch #searchInput:hover,
#simpleSearch #searchInput:active,
#searchform #searchInput:hover,
#searchform #searchInput:active { 
    border-color:var(--contrast-2);
}

#simpleSearch #searchInput:focus,
#searchform #searchInput:focus {
    border-color:var(--contrast-2);
    box-shadow: inset 0 0 0 1px var(--link);
    outline: 1px solid transparent;}

#simpleSearch #searchButton,
#simpleSearch #mw-searchButton{
    background: transparent url(/wiki/skins/Vector/resources/common/images/search.svg?bbf78) no-repeat center center;
    border: none;
    filter: var(--filter);
}

.skin-timeless #simpleSearch #searchButton,
.skin-timeless #simpleSearch #mw-searchButton{
    height: 2.1em;
}

.skin-vector-2022 #simpleSearch #searchButton, 
.skin-vector-2022 #simpleSearch #mw-searchButton {
    background-color: transparent;
    border: none;
    height: 32px;
}

.suggestions, 
.suggestions .suggestions-results, 
.suggestions .suggestions-special { 
    color: var(--contrast-1); 
    background: var(--base-2); 
    border-color: var(--contrast-3);
}
.suggestions .suggestions-result, 
.suggestions-special .special-query {
    color: var(--contrast-1);
}
.suggestions-special .special-label {
    color: var(--contrast-2);
}

.suggestions .suggestions-result-current{
    background: var(--highlight-option);
}