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.

.help-yfa-learn {

padding: 10px 35px;

background: var(--background-color-success-subtle, #d5fdf4);

border-radius:2px;

}

.help-yfa-learn-writing {

font-size:220%;

color:#14866d;

font-weight:bold;

}

.help-yfa-learn-how {

font-size: 150%;

}

.help-yfa-learn-how {

font-size: 125%;

}

.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);

text-align: center;

padding: 0.1em 0;

font-weight: bold;

}

.YFA-search-box {

padding:1.3em 1.5em;

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;

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

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

}