66 lines
1.3 KiB
CSS
66 lines
1.3 KiB
CSS
body {
|
|
font: 100% / 1.5 "Lucida Grande", "Lucida Sans", "Luxi Sans", "Go", "Atkinson Hyperlegible", Verdana, sans-serif;
|
|
color: #000000;
|
|
text-align: left;
|
|
box-sizing: border-box;
|
|
/* width: 100%; */
|
|
background: no-repeat linear-gradient(white, grey);
|
|
background-size: cover;
|
|
background-attachment: fixed;
|
|
}
|
|
|
|
main:not(main[data-type=content]), .container {
|
|
max-width: 64rem;
|
|
width: 100%;
|
|
padding: 0 1.5rem;
|
|
box-sizing: border-box;
|
|
margin: 0 auto;
|
|
background: white;
|
|
box-shadow: 2px 2px 12px rgb(0 0 0 / 40%);
|
|
padding-top: 0.5em;
|
|
}
|
|
|
|
footer {
|
|
padding-bottom: 0.1em;
|
|
}
|
|
|
|
.welcome {
|
|
margin: 0 auto;
|
|
width: max-content;
|
|
display: block;
|
|
padding-right: 0.5em;
|
|
}
|
|
|
|
.logo {
|
|
display: block;
|
|
margin: auto;
|
|
object-fit: contain;
|
|
align-content: center;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.notice {
|
|
border: 1px solid #303040;
|
|
background-image: linear-gradient(#f0f0f0, #ddd);
|
|
padding: 16px 21px;
|
|
}
|
|
|
|
@media only screen and (prefers-color-scheme: dark) {
|
|
.notice {
|
|
background-image: linear-gradient(#101010, #333);
|
|
}
|
|
|
|
body {
|
|
background-image: linear-gradient(black, grey);
|
|
}
|
|
|
|
main:not(main[data-type=content]), .container {
|
|
background: #202025;
|
|
color: #f0f0f0;
|
|
}
|
|
|
|
a {
|
|
color: cornflowerblue;
|
|
}
|
|
}
|