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

Compare commits

base: Trianta:f3a5359a845fd63c47a8572a03a005edb9008f56
Branches Tags
Trianta:main
Trianta:pong
Trianta:redesign
Trianta:angular
Trianta:reorganize
Trianta:v0.2.2
Trianta:v0.2.1
Trianta:v0.2.0
Trianta:v0.1.0
..
compare: Trianta:f1346a628ccc5a3ad74dc381169edaeedb1d633b
Branches Tags
Trianta:pong
Trianta:main
Trianta:redesign
Trianta:angular
Trianta:reorganize
Trianta:v0.2.2
Trianta:v0.2.1
Trianta:v0.2.0
Trianta:v0.1.0

No commits in common. "f3a5359a845fd63c47a8572a03a005edb9008f56" and "f1346a628ccc5a3ad74dc381169edaeedb1d633b" have entirely different histories.
f3a5359a84 ... f1346a628c

1 changed files with 18 additions and 14 deletions
Show Stats Expand all files Collapse all files

32
default.css
View File

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