Trianta/trianta.dev
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases 4 Wiki Activity

core: redesign website #11

Merged
Trianta merged 122 commits from redesign into main 2024-12-10 03:16:37 -06:00
Conversation 0 Commits 122 Files Changed 12 +14 -15
1 changed files with 14 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit f3a5359a84 - Show all commits

29
default.css
View File

@ -1,11 +1,11 @@
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
font-size: 14px; font-size: 14px;
color: #cad3f5; color: #4c4f69;
line-height: 1.5; line-height: 1.5;
max-width: 1920px; max-width: 1920px;
margin-inline: auto; margin-inline: auto;
background: #24273a; background: #eff1f5;
margin: 0px auto; margin: 0px auto;
} }
@ -34,7 +34,6 @@ body {
#main { #main {
margin: 0px 120px; margin: 0px 120px;
display: flex; display: flex;
/*background: #1e2030;*/
} }
.canvas { .canvas {
@ -102,32 +101,32 @@ a:hover, a:active {
a.button { a.button {
margin: 14px 10%; margin: 14px 10%;
padding: 4px 12px; padding: 4px 12px;
border: 1px outset #494d64; border: 1px outset #bcc0cc;
border-radius: 9px; border-radius: 9px;
color: #8aadf4; color: #1e66f5;
display: inline-block; display: inline-block;
background-color: #363a4f; background-color: #ccd0da;
text-decoration: none; text-decoration: none;
width: 80px; width: 80px;
text-align: center; text-align: center;
} }
@keyframes hover { @keyframes hover {
0% { box-shadow: 0 0 8px 4px #24273a; } 0% { box-shadow: 0 0 8px 4px #eff1f5; }
15% { box-shadow: 0 0 8px 4px #494d64; } 15% { box-shadow: 0 0 8px 4px #bcc0cc; }
50% { box-shadow: 0 0 8px 4px #b7bdf8; } 50% { box-shadow: 0 0 8px 4px #7287fd; }
85% { box-shadow: 0 0 8px 4px #494d64; } 85% { box-shadow: 0 0 8px 4px #bcc0cc; }
100% { box-shadow: 0 0 8px 4px #24273a; } 100% { box-shadow: 0 0 8px 4px #eff1f5; }
} }
@keyframes card { @keyframes card {
0% { box-shadow: 0 0 8px 4px #24273a; } 0% { box-shadow: 0 0 8px 4px #eff1f5; }
50% { box-shadow: 0 0 8px 4px #df8e1d; } 50% { box-shadow: 0 0 8px 4px #df8e1d; }
100% { box-shadow: 0 0 8px 4px #24273a; } 100% { box-shadow: 0 0 8px 4px #eff1f5; }
} }
.card { .card {
background: #363a4f; background: #ccd0da;
text-align: center; text-align: center;
border-radius: 18px; border-radius: 18px;
animation: card 3s linear infinite; animation: card 3s linear infinite;
@ -139,7 +138,7 @@ a.button {
} }
.cardTop { .cardTop {
background: #1e2030; background: #e6e9ef;
border-top-left-radius: 18px; border-top-left-radius: 18px;
border-top-right-radius: 18px; border-top-right-radius: 18px;
} }