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