Template:Hidden archive top/sandbox/styles.css
Appearance
.hidden-archive {
box-sizing: border-box;
border: 1px solid #a2a9b1;
width: 100%;
clear: both;
text-align: center;
padding: 1px;
margin: 0.2em auto 0;
font-size:100%;
}
.hat-header {
padding: 0.25em 1em;
line-height: 1.5em;
text-align: center;
background-color: #f2dfce;
color: inherit;
}
.hat-content {
border: solid 1px silver;
padding: 8px;
background-color: #fff4f2;
color: inherit;
text-align: left;
}
@media screen {
html.skin-theme-clientpref-night .hat-header {
background-color: #492b13;
}
html.skin-theme-clientpref-night .hat-content {
background-color: #391c19;
}
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .hat-header {
background-color: #492b13;
}
html.skin-theme-clientpref-os .hat-content {
background-color: #391c19;
}
}