batzyblog

Subscribe via Atom

Homepage

https://catpuccino.neocities.org/

Email

catpuccino@proton.me

About

/*! * Y2K Dream Theme for status.cafe * Created by smallpancakes (https://smallpancakes.nekoweb.org) * Feel free to use this theme! Just please keep the credits ♡ */ /* Custom Properties */ :root { --y2k-bg: #fdfcf0; --y2k-text: #5d6d7e; --y2k-pink: #ff99c8; --y2k-blue: #dcf3ff; --y2k-lavender: #e6e6fa; --y2k-mint: #d0f0c0; --y2k-border: rgba(255, 255, 255, 0.6); --y2k-shadow: rgba(165, 199, 233, 0.15); --glass-bg: rgba(255, 255, 255, 0.45); --glass-blur: blur(12px); /* Cursor from 3dcatz https://www.cursor.cc/?action=icon_list&user_id=174957 */ cursor: url('data:image/x-icon;base64,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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADDr9vm1/gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADWjdD2vP7m1/gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADRisv2vP72vP7m1/gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADMh8bRisvbkdXDr9sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////////////////O////hH///4A///+AP//2gB//4AAD/+AAAf/gAAD/wAAB/8AAA4PgAAwB8AA4APCAcAB4AOAAMADAACABgAfgAQAD4AAAAeAAAADgAAAA8AB///AA///4Af///AP///4H///P////x////8P////D////w=='), auto; } body { background-color: var(--y2k-bg); background-image: radial-gradient(circle at 10% 20%, var(--y2k-blue) 0%, transparent 40%), radial-gradient(circle at 90% 80%, var(--y2k-pink) 0%, transparent 40%), radial-gradient(circle at 50% 50%, var(--y2k-lavender) 0%, transparent 60%); background-attachment: fixed; color: var(--y2k-text); font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; margin: 0 auto; padding: 0; min-height: 100vh; } .cols { width: 90%; max-width: 650px; margin: 0 auto; display: flex !important; flex-direction: column !important; gap: 30px; align-items: center; } .cols>section { width: 100%; display: flex; flex-direction: column; align-items: stretch; } header nav { text-align: center; margin-bottom: 40px; padding: 20px; } header nav a:first-child { font-size: 3.5rem; font-weight: 900; text-transform: lowercase; letter-spacing: -4px; background: linear-gradient(135deg, #a2d2ff, #ffafbd, #ffc3a0, #d0f0c0); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.8)); font-family: 'Courier New', Courier, monospace; animation: shine 5s linear infinite; display: block; margin-bottom: 10px; } @keyframes shine { to { background-position: 200% center; } } /* Profile */ .profile-picture { margin: 0 auto; } .cols>section:first-of-type { text-align: center; margin-bottom: 20px; } .cols>section:first-of-type h2 { font-size: 2.2rem; margin: 0; color: #4a4a4a; letter-spacing: -1px; background: rgba(255, 255, 255, 0.3); display: inline-block; padding: 5px 20px; border-radius: 50px; } dl { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 12px 0; margin: 30px auto; max-width: 450px; text-align: left; } dt { font-size: 0.7rem; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; color: var(--y2k-text); background: var(--y2k-pink); padding: 6px 12px; border-radius: 15px 0 0 15px; display: flex; align-items: center; justify-content: flex-end; min-width: 100px; margin: 0 !important; box-shadow: -5px 5px 15px var(--y2k-shadow); } dd { margin: 0 !important; font-size: 0.9rem; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); padding: 6px 18px; border-radius: 0 15px 15px 0; color: var(--y2k-text); border: 1px solid var(--y2k-border); border-left: none; box-shadow: 5px 5px 15px var(--y2k-shadow); } /* Statuses */ .status, article.status { background: var(--glass-bg); backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); border: 1px solid var(--y2k-border); border-radius: 24px; padding: 25px; box-shadow: 0 8px 32px 0 var(--y2k-shadow); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; margin-bottom: 25px; text-align: left; } .status:hover, article.status:hover { transform: translateY(-5px); background: rgba(255, 255, 255, 0.6); box-shadow: 0 12px 40px 0 var(--y2k-shadow); } .status-username { font-size: 0.75rem; margin-bottom: 12px; opacity: 0.7; text-transform: uppercase; letter-spacing: 1.5px; display: flex; justify-content: space-between; align-items: center; } .status-username a { color: var(--y2k-text) !important; text-decoration: none !important; font-weight: bold !important; } .status-username a:hover { color: var(--y2k-pink) !important; } .status-content { margin: 0 !important; font-size: 1.15rem; color: #333; } article.status:first-of-type { border-width: 3px; border-color: rgba(255, 255, 255, 0.9); box-shadow: 0 20px 60px 0 rgba(165, 199, 233, 0.4); transform: translateY(-5px); } article.status:first-of-type::before { content: "✧ CURRENT STATUS ✧"; display: block; font-size: 0.7rem; font-weight: bold; margin-bottom: 10px; color: var(--y2k-text); letter-spacing: 2px; } article.status:nth-of-type(even) { transform: rotate(0.8deg); } article.status:nth-of-type(odd):not(:first-of-type) { transform: rotate(-0.5deg); } article.status:nth-of-type(4n+1) { border-color: var(--y2k-lavender); } article.status:nth-of-type(4n+2) { border-color: var(--y2k-blue); } article.status:nth-of-type(4n+3) { border-color: var(--y2k-pink); } article.status:nth-of-type(4n) { border-color: var(--y2k-mint); } /* Decorative Sparkles */ article.status::after, .status::after { content: "✦"; position: absolute; top: 10px; right: 15px; font-size: 1.2rem; color: var(--y2k-pink); opacity: 0.5; animation: float 3s ease-in-out infinite; } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } } /* Newer/Older Status */ .cols>section:last-of-type>p:last-of-type { text-align: center; } /* Mobile Adjustments */ @media (max-width: 600px) { .cols { width: 95%; margin: 30px auto; } .status, article.status { padding: 20px; } header nav a:first-child { font-size: 2.5rem; } } /* Links */ a { color: var(--y2k-text) !important; text-decoration: none !important; transition: all 0.3s ease; position: relative; font-weight: 600; } a:hover, a:active, a:focus { color: var(--y2k-pink) !important; text-shadow: 0 0 8px rgba(255, 153, 200, 0.8) !important; outline: none !important; } a::after { content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: var(--y2k-pink); transform: scaleX(0); transform-origin: right; transition: transform 0.3s ease; }

Statuses

Newer statuses