91 lines
1.8 KiB
CSS
91 lines
1.8 KiB
CSS
/* ==========================================================
|
|
KITESTACKS CYBERPUNK TEST THEME
|
|
TEST ONLY
|
|
========================================================== */
|
|
|
|
/* Background */
|
|
body {
|
|
background: url("/images/cyberpunk-bg.png") center center fixed !important;
|
|
background-size: cover !important;
|
|
}
|
|
|
|
/* Remove old injected banner */
|
|
body::before,
|
|
body::after {
|
|
display: none !important;
|
|
content: none !important;
|
|
}
|
|
|
|
/* Dark overlay for readability */
|
|
body::selection {
|
|
background: rgba(56,189,248,0.35);
|
|
}
|
|
|
|
/* Main containers */
|
|
div[class*="service"],
|
|
div[class*="widget"],
|
|
.card,
|
|
.service-card {
|
|
background: rgba(7,15,30,0.72) !important;
|
|
backdrop-filter: blur(10px);
|
|
-webkit-backdrop-filter: blur(10px);
|
|
|
|
border: 1px solid rgba(56,189,248,0.25) !important;
|
|
|
|
border-radius: 18px !important;
|
|
|
|
box-shadow:
|
|
0 0 15px rgba(56,189,248,0.08),
|
|
0 0 30px rgba(56,189,248,0.05) !important;
|
|
}
|
|
|
|
/* Section headers */
|
|
h2 {
|
|
color: #dbeafe !important;
|
|
font-weight: 700 !important;
|
|
letter-spacing: 0.03em !important;
|
|
|
|
text-shadow:
|
|
0 0 8px rgba(56,189,248,0.45);
|
|
}
|
|
|
|
/* Search box */
|
|
input[type="text"] {
|
|
background: rgba(5,10,20,0.75) !important;
|
|
border: 1px solid rgba(56,189,248,0.35) !important;
|
|
border-radius: 14px !important;
|
|
}
|
|
|
|
/* Widget row */
|
|
div[class*="widget"] {
|
|
border-radius: 18px !important;
|
|
}
|
|
|
|
/* Hover effects */
|
|
a:hover .service-card,
|
|
.service-card:hover,
|
|
.card:hover {
|
|
transform: translateY(-2px);
|
|
|
|
box-shadow:
|
|
0 0 15px rgba(56,189,248,0.25),
|
|
0 0 35px rgba(56,189,248,0.18) !important;
|
|
|
|
transition: all .2s ease;
|
|
}
|
|
|
|
/* Footer */
|
|
footer {
|
|
backdrop-filter: blur(8px);
|
|
}
|
|
|
|
/* Slightly dim the background for readability */
|
|
body::after {
|
|
content: "";
|
|
position: fixed;
|
|
inset: 0;
|
|
background: rgba(0,0,20,0.45);
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
EOF
|