wade/wade.sop.wtf
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update yue

Browse Source
This commit is contained in:
Sophia Atkinson
2023-08-18 01:33:59 -07:00
parent 120a1f6be3
commit 21118c5ffa
10 changed files with 122 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
assets/css/main.css
View File

@ -3,53 +3,69 @@ CSS by Sophia Atkinson
https://sophia.wtf
CC BY-NC 4.0
*/
@font-face {
font-family: 'OpenDyslexic3';
src: url("/assets/css/font/OpenDyslexic3-Regular.ttf") format("truetype");
font-style: normal;
@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css");
:root{
--main-font: OpenDyslexic2 Alt;
--line-height: 1.5em;
}
@import url("https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css");
body {
background: #141729;
padding: 0;
margin: 0;
max-width: 100%;
max-height: 100%;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*{
cursor: url(/img/cursor.webp), default;
}
.dyslexia{
font-family: OpenDyslexic3 !important;
font-family: OpenDyslexic2 Alt !important;
}
br{
line-height: var(--line-height);
}
h1 {
color: #fff;
font-family: monospace, monospace;
font-family: var(--main-font);
font-size: 35px;
line-height: 1.5em;
line-height: var(--line-height);
}
h2 {
color: #fff;
font-family: monospace, monospace;
font-family: var(--main-font);
font-size: 25px;
line-height: 1.5em;
line-height: var(--line-height);
}
h3 {
color: #fff;
font-family: monospace, monospace;
font-family: var(--main-font);
font-size: 20px;
line-height: 1.5em;
line-height: var(--line-height);
}
h4{
color: #fff;
font-family: monospace, monospace;
font-family: var(--main-font);
font-size: 15px;
line-height: 1.5em;
line-height: var(--line-height);
}
h5{
color: #fff;
font-family: monospace, monospace;
font-family: var(--main-font);
font-size: 10px;
line-height: 1.5em;
line-height: var(--line-height);
}
h6{
color: #fff;
font-family: monospace, monospace;
font-family: var(--main-font);
font-size: 5px;
line-height: 1.5em;
line-height: var(--line-height);
}
::-webkit-scrollbar {
display: none;
@ -67,26 +83,35 @@ iframe,
object {
max-width: 100%;
}
img.avatar {
width: 200px;
.avatar {
height: 200px;
margin-top: 5px;
max-width: 100%;
max-height: 100%;
}
div.footer {
max-width: 100%;
#footer {
max-height: 100%;
position: absolute;
left: 0;
bottom: 0;
height: 100px;
width: 100%;
overflow: hidden;
background-color: transparent;
display: flex;
justify-content: center;
text-align: center;
align-content: flex-end;
flex-wrap: wrap;
padding: 10px;
margin: 0;
}
@media only screen and (max-height: 768px) {
#footer {
position: relative!important;
justify-items: flex-end;
display: flex;
align-items: flex-end;
align-content: flex-end;
flex-wrap: wrap;
}
}
.sa-credit {
border-bottom-color: transparent;
text-decoration: none;
@ -100,13 +125,13 @@ div.footer {
sub {
color: #fff;
font-family: monospace, monospace;
font-family: var(--main-font);
font-size: 0.8em;
}
sup {
color: #fff;
font-family: monospace, monospace;
font-family: var(--main-font);
font-size: 0.8em;
position: relative;
top: -0.5em;
@ -126,7 +151,7 @@ blockquote{
border-left: solid 6px #121212;
font-style: italic;
margin: 0 0 2em 0;
padding: 0.5em 0 0.5em 1.5em;
padding: 0.5em 0 0.5em var(--line-height);
}
code {
@ -141,7 +166,7 @@ code {
p {
color: #fff;
font-family: monospace, monospace;
font-family: var(--main-font);
font-size: 1em;
}
@ -159,7 +184,7 @@ a:hover,
a:focus,
a:active {
border-bottom-color: transparent;
color: #1BA965 !important;
color: #1BA965 !important;
text-decoration: none;
}
@ -179,8 +204,21 @@ em, i {
.align-center {
text-align: center;
justify-content: center;
align-items: center;
align-self: center;
justify-self: center;
}
.align-right {
text-align: right;
}
#header {
animation: change 5s step-end both;
}
@keyframes change {
from { color: #3AB54A }
to { color: #ED1B24 }
}