126 lines
No EOL
2.4 KiB
CSS
126 lines
No EOL
2.4 KiB
CSS
/* Copyright © 2022-2023 Lilium_Snow */
|
|
/* This CSS document is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License. Get a copy of the license at https://creativecommons.org/licenses/by-sa/4.0/legalcode */
|
|
|
|
|
|
@font-face {
|
|
font-family: quicksand-light;
|
|
src: url(https://snowcake.me/assets/fonts/Quicksand-Light.ttf);
|
|
}
|
|
|
|
@font-face {
|
|
font-family: quicksand-regular;
|
|
src: url(https://snowcake.me/assets/fonts/Quicksand-Regular.ttf);
|
|
}
|
|
|
|
@font-face {
|
|
font-family: quicksand-medium;
|
|
src: url(https://snowcake.me/assets/fonts/Quicksand-Medium.ttf);
|
|
}
|
|
|
|
@font-face {
|
|
font-family: quicksand-semibold;
|
|
src: url(https://snowcake.me/assets/fonts/Quicksand-SemiBold.ttf);
|
|
}
|
|
|
|
@font-face {
|
|
font-family: quicksand-bold;
|
|
src: url(https://snowcake.me/assets/fonts/Quicksand-Bold.ttf);
|
|
}
|
|
|
|
body {
|
|
background-image: radial-gradient(circle, #ff99cc, #ff99aa, #ffaa99);
|
|
color: #404040;
|
|
text-align: center;
|
|
font-family: quicksand-regular;
|
|
}
|
|
|
|
a:link {
|
|
color: #404040;
|
|
font-family: quicksand-regular;
|
|
}
|
|
|
|
a:visited {
|
|
color: #404040;
|
|
font-family: quicksand-regular;
|
|
}
|
|
|
|
a:hover {
|
|
color: #404040;
|
|
font-family: quicksand-regular;
|
|
}
|
|
|
|
a:active {
|
|
color: #404040;
|
|
font-family: quicksand-regular;
|
|
}
|
|
|
|
.content {
|
|
margin: auto;
|
|
width: 60%;
|
|
background-color: rgba(255, 255, 255, 0.4);
|
|
border: 2px solid #ffffff;
|
|
border-radius: 15px;
|
|
padding: 20px 20px;
|
|
}
|
|
|
|
.button {
|
|
background-color: rgba(255, 255, 255, 0.4);
|
|
border-radius: 15px;
|
|
border: 2px solid #ffffff;
|
|
padding: 10px 10px;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
font-size: 15px;
|
|
margin: 4px 2px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
body {
|
|
background-image: radial-gradient(circle, #8e009f, #6b0077, #470050);
|
|
color: #ffffff;
|
|
text-align: center;
|
|
font-family: quicksand-regular;
|
|
}
|
|
|
|
.content {
|
|
margin: auto;
|
|
width: 60%;
|
|
background-color: rgba(0, 0, 0, 0.4);
|
|
border: 2px solid #ffffff;
|
|
border-radius: 15px;
|
|
padding: 20px 20px;
|
|
}
|
|
|
|
.button {
|
|
background-color: rgba(0, 0, 0, 0.4);
|
|
border-radius: 15px;
|
|
border: 2px solid #ffffff;
|
|
padding: 10px 10px;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
font-size: 15px;
|
|
margin: 4px 2px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
a:link {
|
|
color: #ffffff;
|
|
font-family: quicksand-regular;
|
|
}
|
|
|
|
a:visited {
|
|
color: #ffffff;
|
|
font-family: quicksand-regular;
|
|
}
|
|
|
|
a:hover {
|
|
color: #ffffff;
|
|
font-family: quicksand-regular;
|
|
}
|
|
|
|
a:active {
|
|
color: #ffffff;
|
|
font-family: quicksand-regular;
|
|
}
|
|
} |