MediaWiki:UITest.css: Difference between revisions

From IdleOn MMO Wiki
mNo edit summary
mNo edit summary
Line 64: Line 64:
}
}
.suggestions-special .special-label {
.suggestions-special .special-label {
     color: var(--contrast-2);
     color: var(--contrast-1);
    opacity: .6;
}
}
.suggestions .suggestions-result-current{
.suggestions .suggestions-result-current{
     background: var(--highlight-option);
     background: #36c;
    color: #fff;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
    color: #fff;
}
}

Revision as of 20:50, 21 February 2023

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-1);
    opacity: .6;
}
.suggestions .suggestions-result-current{
    background: #36c;
    color: #fff;
}
.suggestions-result-current .special-label, 
.suggestions-result-current .special-query {
    color: #fff;
}