interstellar_development/interstellar_website
3
1
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

css code formater

Browse source
This commit is contained in:
sageTheDM 2025-01-05 01:16:38 +01:00
parent fa002e2786
commit 24d01959c1
6 changed files with 90 additions and 116 deletions
Download patch file Download diff file Expand all files Collapse all files

49
secret/styles.css
View file

@ -11,7 +11,7 @@ body {
margin: 0;
line-height: 1.6;
background-image: url('images/background.jpg');
background-size: cover /* Adjust size for tape appearance */
background-size: cover; /* Adjust size for tape appearance */
}
header {
@ -27,51 +27,22 @@ header {
/* Create the flickering neon light effect */
@keyframes neonFlicker {
0% {
text-shadow:
0 0 5px #ffcc00,
0 0 10px #ffcc00,
0 0 15px #ffcc00,
0 0 20px #ffcc00,
0 0 30px #ffcc00,
0 0 40px #ffcc00,
0 0 50px #ffcc00;
text-shadow: 0 0 5px #ffcc00, 0 0 10px #ffcc00, 0 0 15px #ffcc00, 0 0 20px #ffcc00, 0 0 30px #ffcc00, 0 0 40px #ffcc00, 0 0 50px #ffcc00;
}
20% {
text-shadow:
0 0 3px #ffcc00,
0 0 7px #ffcc00,
0 0 10px #ffcc00,
0 0 15px #ffcc00,
0 0 20px #ffcc00;
text-shadow: 0 0 3px #ffcc00, 0 0 7px #ffcc00, 0 0 10px #ffcc00, 0 0 15px #ffcc00, 0 0 20px #ffcc00;
}
40% {
text-shadow:
0 0 5px #ffcc00,
0 0 15px #ffcc00,
0 0 25px #ffcc00;
text-shadow: 0 0 5px #ffcc00, 0 0 15px #ffcc00, 0 0 25px #ffcc00;
}
60% {
text-shadow:
0 0 5px #ffcc00,
0 0 10px #ffcc00,
0 0 15px #ffcc00,
0 0 20px #ffcc00,
0 0 30px #ffcc00;
text-shadow: 0 0 5px #ffcc00, 0 0 10px #ffcc00, 0 0 15px #ffcc00, 0 0 20px #ffcc00, 0 0 30px #ffcc00;
}
80% {
text-shadow:
0 0 3px #ffcc00,
0 0 7px #ffcc00,
0 0 10px #ffcc00;
text-shadow: 0 0 3px #ffcc00, 0 0 7px #ffcc00, 0 0 10px #ffcc00;
}
100% {
text-shadow:
0 0 5px #ffcc00,
0 0 10px #ffcc00,
0 0 15px #ffcc00,
0 0 20px #ffcc00,
0 0 30px #ffcc00,
0 0 40px #ffcc00;
text-shadow: 0 0 5px #ffcc00, 0 0 10px #ffcc00, 0 0 15px #ffcc00, 0 0 20px #ffcc00, 0 0 30px #ffcc00, 0 0 40px #ffcc00;
}
}
@ -110,7 +81,7 @@ footer {
filter: brightness(0.6);
}
.item .description {
.item .description {
padding: 30px;
font-size: 1rem;
color: #ccc;
@ -119,7 +90,7 @@ footer {
flex-grow: 1;
}
p {
p {
text-decoration: none;
}
@ -154,7 +125,7 @@ p {
transform: translateX(-50%) translateY(-10px);
}
@media (max-width: 800px) {
@media(max-width: 800px) {
header {
font-size: 1.5rem;
}