70 lines
1.2 KiB
CSS
70 lines
1.2 KiB
CSS
/* 404 Style */
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--border: #ffffff;
|
|
--buttonborder: #d9534f;
|
|
--imgborder: #d9534f;
|
|
--insert: #D5D8D7;
|
|
--bg: #24292f;
|
|
--color: #D5D8D7;
|
|
--error: #d9534f;
|
|
--linkcolor: #ffffff;
|
|
--visitedcolor: #ffffff;
|
|
--hr: #d9534f;
|
|
}
|
|
code {
|
|
font: 15px/22px IBM Plex Mono,monospace;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
html {
|
|
font: 15px/22px IBM Plex Mono,monospace;
|
|
margin: 0;
|
|
padding: 0;
|
|
background: var(--bg);
|
|
color: var(--color);
|
|
}
|
|
.ins {
|
|
color: var(--insert);
|
|
padding-top: 10px;
|
|
text-decoration: none;
|
|
}
|
|
.error {
|
|
color: var(--error);
|
|
}
|
|
hr {
|
|
color: var(--hr);
|
|
}
|
|
img {
|
|
border: 1px solid var(--imgborder);
|
|
margin-bottom: 2px;
|
|
}
|
|
body {
|
|
margin: 4% auto 0px;
|
|
max-width: 512px;
|
|
max-height: 512px;
|
|
}
|
|
p.par {
|
|
padding-top: 1px;
|
|
}
|
|
a:link{
|
|
color: var(--linkcolor);
|
|
}
|
|
a:visited,
|
|
a:active {
|
|
color: var(--visitedcolor);
|
|
}
|
|
button {
|
|
font-family: inherit;
|
|
border: 1px solid var(--buttonborder);
|
|
background-color: #444;
|
|
color: #ffffff;
|
|
padding: 6px 12px;
|
|
}
|
|
button:hover {
|
|
background-color: #999999;
|
|
}
|
|
button:active {
|
|
box-shadow: 1px 1px 1px 0px #222222 inset;
|
|
background-color: #888888;
|
|
} |