hypermc/panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update styles for modals and notifs

Browse Source
This commit is contained in:
MCHost
2025-07-10 03:19:43 -04:00
parent f11c2f96ba
commit d162b17dba
7 changed files with 1239 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
public/css/main-site.css
View File

@@ -7,7 +7,8 @@
font-style: normal;
}
html, body {
html,
body {
margin: 0;
padding: 0;
background: none;
@@ -27,9 +28,17 @@ body {
}
@keyframes bgShift {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
/* Custom Scrollbar Styles */
@@ -77,22 +86,27 @@ body {
transform: translate(0);
text-shadow: 0 0 8px rgba(20, 184, 166, 0.5);
}
20% {
transform: translate(-2px, 2px);
text-shadow: 0 0 8px rgba(20, 184, 166, 0.5), 2px 0 #3b82f6;
}
40% {
transform: translate(2px, -2px);
text-shadow: 0 0 8px rgba(20, 184, 166, 0.5), -2px 0 #14b8a6;
}
60% {
transform: translate(-2px, 0);
text-shadow: 0 0 8px rgba(20, 184, 166, 0.5), 2px 0 #3b82f6;
}
80% {
transform: translate(2px, 0);
text-shadow: 0 0 8px rgba(20, 184, 166, 0.5), -2px 0 #14b8a6;
}
100% {
transform: translate(0);
text-shadow: 0 0 8px rgba(20, 184, 166, 0.5);
@@ -133,9 +147,12 @@ body {
}
@keyframes floatSection {
0%, 100% {
0%,
100% {
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.4), inset 0 0 15px rgba(255, 255, 255, 0.08);
}
50% {
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), inset 0 0 18px rgba(255, 255, 255, 0.1);
}
@@ -198,9 +215,12 @@ body {
}
@keyframes neonPulse {
0%, 100% {
0%,
100% {
filter: brightness(1);
}
50% {
filter: brightness(1.2);
}
@@ -210,9 +230,11 @@ body {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
@@ -304,6 +326,7 @@ body {
opacity: 0;
transform: scale(0.95);
}
to {
opacity: 1;
transform: scale(1);
@@ -319,8 +342,7 @@ body {
overflow: hidden;
}
.feature-card:hover {
}
.feature-card:hover {}
.feature-card::before {
content: '';
@@ -369,13 +391,25 @@ body {
}
@keyframes fadeInOut {
0%, 100% { opacity: 0; }
50% { opacity: 0.8; }
0%,
100% {
opacity: 0;
}
50% {
opacity: 0.8;
}
}
@keyframes float {
0% { transform: translateY(0); }
100% { transform: translateY(-100vh); }
0% {
transform: translateY(0);
}
100% {
transform: translateY(-100vh);
}
}
.particle.fade-out {
@@ -383,8 +417,13 @@ body {
}
@keyframes fadeOut {
0% { opacity: 0.8; }
100% { opacity: 0; }
0% {
opacity: 0.8;
}
100% {
opacity: 0;
}
}
.header-bg {
@@ -569,28 +608,36 @@ footer a:hover {
.hero-bg {
min-height: 500px;
}
.hero-bg iframe {
min-height: 500px;
}
.btn-minecraft {
padding: 12px 26px;
font-size: 0.9rem;
}
.minecraft-font.text-5xl {
font-size: 2.5rem;
}
.minecraft-font.text-4xl {
font-size: 2rem;
}
.minecraft-font.text-3xl {
font-size: 1.75rem;
}
.feature-card {
padding: 1.5rem;
}
.nav-btn {
display: none;
}
.hamburger {
display: flex;
}
@@ -600,22 +647,47 @@ footer a:hover {
.hero-bg {
min-height: 400px;
}
.hero-bg iframe {
min-height: 400px;
}
.minecraft-font.text-5xl {
font-size: 2rem;
}
.minecraft-font.text-4xl {
font-size: 1.75rem;
}
.minecraft-font.text-3xl {
font-size: 1.5rem;
}
.mobile-nav-container ul li a,
.mobile-nav-container ul li button {
font-size: 1rem;
padding: 0.75rem;
width: 180px;
}
/* In main-site.css */
#particles-js {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
z-index: 0;
overflow: hidden;
pointer-events: none;
}
#particles-js canvas.particles-js-canvas-el {
width: 100vw !important;
height: 100vh !important;
position: absolute;
top: 0;
left: 0;
}
}