Jamon/resonancerumble
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adjusted some styles

Browse Source
This commit is contained in:
Jamon 2024-08-12 19:57:54 +12:00
parent 1125ad4f74
commit 18fbe63641
1 changed files with 41 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
static/styles.css
View File

@ -859,6 +859,7 @@ body {
background-color: rgba(18, 4, 88, 0.6); background-color: rgba(18, 4, 88, 0.6);
border-radius: 10px; border-radius: 10px;
box-shadow: 0 0 10px #ff00ff, inset 0 0 5px #00ffff; box-shadow: 0 0 10px #ff00ff, inset 0 0 5px #00ffff;
cursor: none;
} }
.social-link { .social-link {
@ -880,6 +881,7 @@ body {
border-color: #00ffff; border-color: #00ffff;
box-shadow: 0 0 15px #00ffff; box-shadow: 0 0 15px #00ffff;
transform: translateX(5px); transform: translateX(5px);
cursor: none;
} }
.social-link i { .social-link i {
@ -1412,7 +1414,7 @@ body {
border: 2px solid #00ffff; border: 2px solid #00ffff;
border-radius: 4px; border-radius: 4px;
background-color: transparent; background-color: transparent;
cursor: none;
margin-right: 10px; margin-right: 10px;
} }
@ -1452,7 +1454,7 @@ body {
color: #00ffff; color: #00ffff;
font-family: 'Orbitron', sans-serif; font-family: 'Orbitron', sans-serif;
font-size: 16px; font-size: 16px;
cursor: none;
} }
#notificationContainer { #notificationContainer {
@ -1516,7 +1518,7 @@ body {
border: 2px solid #00ffff; border: 2px solid #00ffff;
border-radius: 10px; border-radius: 10px;
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: none;
transition: transform 0.2s; transition: transform 0.2s;
position: relative; position: relative;
} }
@ -1529,6 +1531,7 @@ body {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
cursor: none;
transition: filter 0.2s; transition: filter 0.2s;
} }
@ -1786,6 +1789,7 @@ img {
:root { :root {
--cursor-color: #ff00ff; /* Neon pink */ --cursor-color: #ff00ff; /* Neon pink */
--cursor-outline: #00ffff; /* Cyan outline */ --cursor-outline: #00ffff; /* Cyan outline */
--cursor-gradient: radial-gradient(circle, #ff00ff, #9d00ff); /* Gradient for dot */
} }
body { body {
@ -1799,6 +1803,7 @@ img {
pointer-events: none; pointer-events: none;
z-index: 9999; z-index: 9999;
mix-blend-mode: difference; /* This will help the cursor stand out on different backgrounds */ mix-blend-mode: difference; /* This will help the cursor stand out on different backgrounds */
transition: transform 0.2s ease-out;
} }
.cursor-dot { .cursor-dot {
@ -1808,9 +1813,10 @@ img {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 4px; width: 4px;
height: 4px; height: 4px;
background-color: var(--cursor-color); background: var(--cursor-gradient);
border-radius: 50%; border-radius: 50%;
box-shadow: 0 0 5px var(--cursor-color), 0 0 10px var(--cursor-color); box-shadow: 0 0 10px var(--cursor-color), 0 0 20px var(--cursor-color);
animation: pulse 1.5s infinite ease-in-out;
} }
.cursor-outline { .cursor-outline {
@ -1822,14 +1828,26 @@ img {
height: 16px; height: 16px;
border: 2px solid var(--cursor-outline); border: 2px solid var(--cursor-outline);
border-radius: 50%; border-radius: 50%;
transition: all 0.1s ease-out; transition: all 0.2s ease-out;
box-shadow: 0 0 10px var(--cursor-outline), 0 0 30px var(--cursor-outline), 0 0 50px var(--cursor-outline);
} }
.custom-cursor.clicking .cursor-outline { .custom-cursor.clicking .cursor-outline {
width: 12px; width: 12px;
height: 12px; height: 12px;
box-shadow: 0 0 20px var(--cursor-outline), 0 0 40px var(--cursor-outline);
} }
@keyframes pulse {
0%, 100% {
transform: translate(-50%, -50%) scale(1);
}
50% {
transform: translate(-50%, -50%) scale(1.2);
}
}
/* Style for interactive elements */ /* Style for interactive elements */
button, .draggable, .class-option, .weapon-option { button, .draggable, .class-option, .weapon-option {
cursor: none; cursor: none;
@ -1996,6 +2014,7 @@ img {
.social-link { .social-link {
font-size: 16px; font-size: 16px;
padding: 10px 15px; padding: 10px 15px;
cursor: none;
} }
.social-link i { .social-link i {