Help:Your first article/styles.css

A quick crash-course on CSS:

var(--x,#fff)

means use variable --x, and if --x is not defined use #fff as a fallback.

--border-color-base and friends are defined by MediaWiki,

and they change depending on whether dark mode is enabled.

.YFA-search {

text-align:center;

border:1px solid var(--border-color-base,#a2a9b1);

max-width:35em;

margin:0 auto;

}

.YFA-search-top {

font-size:120%;

background-color: var(--background-color-neutral,#eaecf0);

color: var(--color-base,#202122);

text-align: center;

width:100%;

padding: 0.1em 0

}

.YFA-search-box {

padding:1.3em 1.5em;

color: var(--color-base,#202122);

background-color:var(--background-color-neutral-subtle,#f8f9fa);

border-top:1px solid var(--border-color-base,#a2a9b1);

}

.YFA-search-footer {

padding:0.1em 0.5em;

color: var(--color-base,#404122);

background-color:var(--background-color-neutral-subtle,#f4f5f6);

border-top:1px solid var(--border-color-base,#a2a9b1);

}