62 lines
870 B
CSS
62 lines
870 B
CSS
body {
|
|
max-width: 900px;
|
|
margin: auto;
|
|
}
|
|
#site-header {
|
|
margin-top: 10px;
|
|
text-align: center;
|
|
}
|
|
#footer {
|
|
margin-bottom: 10px;
|
|
}
|
|
.icon {
|
|
width: 15px;
|
|
}
|
|
input, textarea, button {
|
|
border: none;
|
|
border-radius: 5px;
|
|
field-sizing: content; /* Only supported by Chromium */
|
|
}
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
body {
|
|
background-color: #333333;
|
|
color: #ffffff;
|
|
}
|
|
a {
|
|
color: #546BEB;
|
|
}
|
|
a:visited {
|
|
color: #EF46F1;
|
|
}
|
|
input, textarea, button {
|
|
background-color: #1E1E1E;
|
|
color: #ffffff;
|
|
}
|
|
hr {
|
|
color: white;
|
|
}
|
|
.comment:nth-child(even) {
|
|
background: #1E1E1E;
|
|
}
|
|
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
input, textarea, button {
|
|
background-color: #DEDEDE;
|
|
color: #000000;
|
|
}
|
|
hr {
|
|
color: black;
|
|
}
|
|
.comment:nth-child(even) {
|
|
background: #EEEEEE;
|
|
}
|
|
}
|