diff options
| author | Pinapelz <yukais@pinapelz.com> | 2025-10-24 01:23:43 -0700 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2025-10-24 01:23:43 -0700 |
| commit | 742a152f6679b4cfd73bb0a2d6949bd42cb312af (patch) | |
| tree | 6847da0cc2e2815331a2f7d4761097159be8aa9e /styles/styles.css | |
| parent | baa9cc619caf19d89845344b0dc18094a2a0124d (diff) | |
adjust filepath for new nekoweb routing
Diffstat (limited to 'styles/styles.css')
| -rw-r--r-- | styles/styles.css | 402 |
1 files changed, 0 insertions, 402 deletions
diff --git a/styles/styles.css b/styles/styles.css deleted file mode 100644 index 005472e..0000000 --- a/styles/styles.css +++ /dev/null @@ -1,402 +0,0 @@ -body { - background: url("bg.webp"); - background-size: - 100px 100px, - 100% 100%; - font-family: "Courier New", monospace; - color: #333; - background-color: pink; - cursor: url("cursor.gif"), auto; -} -.container { - width: 80%; - margin: 0 auto; - padding: 20px; - border-width: 10px; - border-style: solid; - border-image: url("border.webp") 9 fill round; - z-index: -999; -} - -.sidebar { - float: left; - width: 25%; - padding: 10px; - margin-top: 30px; - border: solid #ffb6c1 2px; - background: #ffe4e1; - text-align: center; -} - -.sidebar ul { - list-style-type: none; - padding: 0; - margin: 0; - text-align: center; -} - -.sidebar ul li { - margin-bottom: 2px; -} - -.sidebar ul li a { - color: #ff69b4; - text-decoration: none; -} - -.sidebar ul li a:hover { - text-decoration: underline; -} - -.content { - float: right; - width: 70%; - padding: 10px; -} -.footer { - clear: both; - text-align: center; - padding-top: 30px; - margin-top: 20px; - font-size: 0.8em; -} -a { - color: #ff69b4; - text-decoration: none; -} -a:hover { - text-decoration: underline; -} -.glitter { - color: #ff69b4; - font-weight: bold; - animation: glitter 3s infinite alternate; -} -@keyframes glitter { - 0% { - color: #ff69b4; - } - 25% { - color: #ff1493; - } - 50% { - color: #db7093; - } - 75% { - color: #ff69b4; - } - 100% { - color: #ffa07a; - } -} - -.border-img { - max-width: 100%; - border: solid #ff69b4 2px; -} - -marquee { - font-size: 1.2em; - color: #ff69b4; - margin-bottom: 10px; -} - -blink { - color: #ff1493; - animation: blinker 1.5s linear infinite; -} -@keyframes blinker { - 50% { - opacity: 0; - } -} - -.welcome-box { - border-style: dashed; - border: 2px dashed #ff69b4; - padding: 20px; -} - -.general-section { - margin-top: 20px; - padding: 10px; - background: #ffebf0; - border: solid #ffb6c1 2px; - display: flex; - flex-direction: row; - justify-content: space-between; -} - -.general-section h3 { - color: #ff69b4; - text-shadow: 1px 1px 2px #fff; -} - -.general-section ul { - list-style-type: disc; - padding-left: 20px; - flex: 1; -} - -.general-section ul li { - margin-bottom: 10px; -} - -.contacts-section { - margin-top: 20px; - padding: 10px; - background: #ffe4e1; - border: solid #ffb6c1 2px; -} -.contacts-section h3 { - color: #ff69b4; - text-shadow: 1px 1px 2px #fff; -} -.contacts-section ul { - list-style-type: none; - padding: 0; -} -.contacts-section ul li { - margin-bottom: 5px; -} - -.discord-status { - display: flex; - align-items: center; - padding: 15px; - border-radius: 10px; - color: white; - transition: background-color 0.3s ease-in-out; - margin-top: 20px; - margin-bottom: 10px; - background: #7289da; -} - -.discord-status img { - width: 50px; - height: 50px; - border-radius: 50%; - margin-right: 20px; -} - -.discord-status h2 { - font-size: 1.2rem; -} - -.discord-status p { - font-size: 1rem; - opacity: 0.8; -} - -@keyframes crazy-animation { - 0% { - transform: rotate(0deg) scale(1) translateX(0) skew(0deg) rotateY(0deg); - filter: hue-rotate(0deg) blur(0px); - opacity: 1; - } - 10% { - transform: rotate(30deg) scale(1.3) translateX(10px) skew(10deg) - rotateY(90deg); - filter: hue-rotate(50deg) blur(2px); - opacity: 0.8; - } - 25% { - transform: rotate(45deg) scale(1.5) translateX(20px) skew(-10deg) - rotateY(180deg); - filter: hue-rotate(120deg) blur(4px); - opacity: 0.6; - } - 50% { - transform: rotate(-45deg) scale(0.8) translateX(-30px) skew(15deg) - rotateY(270deg); - filter: hue-rotate(200deg) blur(6px); - opacity: 1; - } - 75% { - transform: rotate(90deg) scale(1.8) translateX(15px) skew(-15deg) - rotateY(360deg); - filter: hue-rotate(300deg) blur(3px); - opacity: 0.7; - } - 100% { - transform: rotate(0deg) scale(1) translateX(0) skew(0deg) rotateY(0deg); - filter: hue-rotate(360deg) blur(0px); - opacity: 1; - } -} - -.crazy-image:hover { - animation: crazy-animation 3s ease-in-out infinite; -} - -.fullscreen-text { - top: 0; - left: 0; - color: black; - display: flex; - justify-content: center; - align-items: center; - font-size: 2em; - opacity: 0; - visibility: hidden; - transition: - opacity 0.5s, - visibility 0.5s; - z-index: 10; -} - -.crazy-image:hover + .fullscreen-text { - opacity: 1; - visibility: visible; -} - -@media (max-width: 1024px) { - .container { - width: 90%; - } - - .main-content { - flex-direction: column; - } - - .sidebar, - .content { - width: 100%; - } -} - -/* Media Queries for Mobile Devices */ -@media (max-width: 768px) { - .container { - width: 100%; - padding: 10px; - } - .sidebar, - .content { - float: none; - width: 100%; - margin-top: 10px; - } - .header { - font-size: 1.5em; - } - .footer { - font-size: 0.7em; - } - .discord-status { - flex-direction: column; - align-items: flex-start; - } - .discord-status img { - margin-right: 0; - margin-bottom: 10px; - } - .discord-status h2 { - font-size: 1rem; - } - .discord-status p { - font-size: 0.9rem; - } -} - -.center { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - text-align: center; -} - -.music-player { - margin-top: 20px; - padding: 10px; - background: #ffebf0; - border: dotted #ffb6c1 2px; - display: inline-block; - vertical-align: top; -} - -.music-player h3 { - color: #ff69b4; - text-shadow: 1px 1px 2px #fff; - margin-bottom: 10px; - text-align: center; -} - -.music-player audio { - width: 100%; -} - -.now-playing { - margin-top: 10px; - padding: 10px; - text-align: center; -} - -.now-playing h4 { - margin: 0; - font-size: 1.2em; -} - -.now-playing p { - margin: 5px 0; -} - -.header { - position: relative; - text-align: center; - font-size: 2em; - color: #ff69b4; - text-shadow: - 1px 1px 2px #fff, - 2px 2px 4px #ffa07a; - animation: glitter 3s infinite alternate; - overflow: hidden; -} - -.header-content { - position: relative; - z-index: 1; -} - -.header-animation { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - pointer-events: none; - z-index: -997; -} - -.header-animation img { - position: absolute; - width: 50px; - height: 50px; - opacity: 0.8; - animation: float 5s infinite ease-in-out; -} - -@keyframes float { - 0% { - transform: translateY(0); - } - 50% { - transform: translateY(-40px); - } - 100% { - transform: translateY(0); - } -} - -.random-image-container { - display: flex; - justify-content: center; - align-items: center; -} - -.random-image-container img { - max-width: 100%; - height: auto; - display: block; -}
\ No newline at end of file |
