Alt y2k

Subtle alt y2k
Code

<style>@import url("https://fonts.googleapis.com/css2?family=VT323&family=UnifrakturMaguntia&display=swap");
@keyframes subtle-flicker{50%{opacity:0.96;}52%{opacity:0.92;}54%{opacity:0.98;}}@keyframes film-grain{0%{transform:translate(0, 0);}10%{transform:translate(-1px, 1px);}20%{transform:translate(1px, -1px);}30%{transform:translate(-1px, -1px);}40%{transform:translate(1px, 1px);}50%{transform:translate(-1px, 0);}60%{transform:translate(1px, 0);}70%{transform:translate(0, 1px);}80%{transform:translate(0, -1px);}90%{transform:translate(1px, 1px);}100%{transform:translate(0, 0);}}@keyframes pulse-led{50%{box-shadow:0 0 8px #ff0000, inset 0 0 4px #ff4444;opacity:1;}}[data-skin-page]{--alt-black:#050505;--alt-charcoal:#111111;--alt-silver:#888888;--alt-bone:#c0c0c0;--alt-blood:#3a0000;--alt-rust:#5c2018;--skin-palette-accent:var(--alt-bone);--skin-palette-accent-text:var(--alt-black);--skin-palette-backdrop:var(--alt-black);--skin-palette-chrome:var(--alt-charcoal);--skin-palette-chrome-text:var(--alt-bone);--skin-palette-link:var(--alt-silver);--skin-palette-link-hover:#ffffff;--skin-palette-muted:#444444;--skin-palette-page:var(--alt-black);--skin-palette-page-text:var(--alt-bone);--skin-palette-surface:#0a0a0a;--skin-palette-surface-text:var(--alt-bone);background:linear-gradient(105deg, transparent 48%, rgba(180,180,160,0.08) 49%, rgba(180,180,160,0.08) 51%, transparent 52%),
    linear-gradient(-75deg, transparent 48%, rgba(180,180,160,0.05) 49%, rgba(180,180,160,0.05) 51%, transparent 52%),
    
    radial-gradient(circle, rgba(255,255,255,0.04) 1px, transparent 1px),
    
    repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(0,0,0,0.4) 30px, rgba(0,0,0,0.4) 31px),
    
    radial-gradient(circle at 20% 30%, #1a1a1a 0%, #050505 60%, #000000 100%);background-size:100% 100%, 100% 100%, 16px 16px, 100% 100%, cover;background-position:center;}[data-skin-part="shell"],
[data-skin-root],
[data-skin-root] *{font-family:"VT323", monospace !important;}[data-skin-root]{animation:subtle-flicker 4s infinite;background:linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,0.2) 50%),
    repeating-linear-gradient(90deg, rgba(255,255,255,0.02) 0px, transparent 1px, transparent 4px),
    radial-gradient(circle at center, #0f0f0f 0%, #050505 100%);background-size:100% 2px, 100% 100%, cover;border:1px solid #222;border-radius:2px;box-shadow:0 0 0 1px #000,
    0 0 0 4px #151515,
    0 0 0 5px #2a2a2a,
    0 0 0 6px #000,
    0 20px 50px rgba(0,0,0,0.9),
    inset 0 0 80px rgba(0,0,0,1);color:var(--alt-bone);margin-block:40px;padding:clamp(20px, 4vw, 50px);position:relative;overflow:hidden;}[data-skin-root]::before{content:"";top:-50%;left:-50%;right:-50%;bottom:-50%;pointer-events:none;z-index:999;animation:film-grain 0.5s steps(4) infinite;}[data-skin-root]::after{content:"†";bottom:10px;right:15px;font-family:'UnifrakturMaguntia', cursive;font-size:24px;color:#333;text-shadow:1px 1px 0 #000;}[data-skin-part="navigation"],
[data-skin-part="navigation-top"],
[data-skin-part="navigation-links"]{background:repeating-linear-gradient(
      45deg,
      #0a0a0a,
      #0a0a0a 5px,
      #111 5px,
      #111 10px
    ) !important;border-top:1px solid #333 !important;border-bottom:1px solid #000 !important;box-shadow:0 4px 10px rgba(0,0,0,0.8) !important;color:var(--alt-silver) !important;}[data-skin-part="footer"]{background:none !important;color:#444 !important;border-top:1px dashed #222 !important;margin-top:20px;padding-top:10px;}[data-skin-root] a{background:transparent;border-bottom:1px dotted #444;color:var(--alt-silver) !important;text-decoration:none;transition:all 0.3s ease;position:relative;}[data-skin-root] a:hover{background:transparent;border-bottom-color:#fff;color:#fff !important;text-shadow:0 0 8px rgba(255,255,255,0.4);letter-spacing:1px;}[data-skin-root] .panel,
[data-skin-part="notice"],
[data-skin-part="vibe"],
[data-skin-part="url"],
[data-skin-part="links"],
[data-skin-part="interests"]{background:radial-gradient(circle at 50% 50%, rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(135deg, #0a0a0a 0%, #050505 100%) !important;background-size:8px 8px, 100% 100% !important;border:1px solid #222 !important;outline:1px dashed #1a1a1a;outline-offset:3px;border-radius:0 !important;box-shadow:0 4px 15px rgba(0,0,0,0.8),
    inset 0 0 30px rgba(0,0,0,0.9) !important;color:var(--alt-bone) !important;margin-bottom:15px;}[data-skin-root] .panel__heading{background:linear-gradient(90deg, #111 0%, #0a0a0a 100%) !important;border-bottom:1px solid #222 !important;color:var(--alt-bone) !important;font-family:'UnifrakturMaguntia', cursive !important;font-size:1.4em !important;letter-spacing:1px;text-shadow:2px 2px 0px #000;padding:8px 12px !important;}[data-skin-root] .panel__heading::before{content:"✝ ";color:var(--alt-blood);}[data-skin-root] .panel__body,
[data-skin-part="wall"] .post-card,
[data-skin-part="wall"] .composer{background:transparent !important;color:var(--alt-bone) !important;}[data-skin-part="about"]{background:transparent !important;border:0 !important;box-shadow:none !important;}[data-skin-part="photo"]{background:linear-gradient(145deg, #1a1a1a 0%, #0a0a0a 100%) !important;border:1px solid #2a2a2a !important;border-radius:4px !important;box-shadow:0 0 0 1px #000,
    0 0 0 3px #111,
    0 15px 35px rgba(0,0,0,0.9),
    inset 0 0 40px rgba(0,0,0,1) !important;padding:15px !important;position:relative;margin:0 auto 25px auto;width:fit-content;}[data-skin-part="photo"]::before{content:"";bottom:6px;right:12px;width:4px;height:4px;background:#ff0000;border-radius:50%;animation:pulse-led 3s infinite;}[data-skin-part="photo"]::after{content:"Q-2000";bottom:5px;left:12px;font-size:7px;color:#333;letter-spacing:2px;font-family:Arial, sans-serif;font-weight:bold;}[data-skin-part="photo"] .screen-container{position:relative;background:#000;border:1px solid #111;border-radius:2px;overflow:hidden;box-shadow:inset 0 0 30px rgba(0,0,0,1);}[data-skin-part="photo"] img,
[data-skin-part="photo"] .profile-placeholder{width:100%;height:auto;display:block;border:0 !important;border-radius:0 !important;box-shadow:none !important;filter:grayscale(40%) 
    contrast(1.2) 
    brightness(0.9)
    sepia(20%)
    hue-rotate(180deg);}[data-skin-part="photo"] .scanlines{top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(
    0deg,
    rgba(0,0,0,0.15) 0px,
    rgba(0,0,0,0.15) 1px,
    transparent 1px,
    transparent 3px
  );pointer-events:none;z-index:10;}[data-skin-part="photo"] .gloss{top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 40%, transparent 60%, rgba(255,255,255,0.02) 100%);pointer-events:none;z-index:11;}[data-skin-part="photo"] .vignette{top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center, transparent 60%, rgba(0,0,0,0.8) 100%);pointer-events:none;z-index:12;}[data-skin-part="interests"] td{background:rgba(0,0,0,0.4) !important;border:1px solid #1a1a1a !important;color:var(--alt-silver) !important;}[data-skin-part="actions"] .profile-actions__cell{background:#0a0a0a;border:1px solid #222;}[data-skin-part="actions"] .profile-action{background:linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);border:1px solid #333;color:var(--alt-bone) !important;font-weight:normal;text-transform:uppercase;letter-spacing:2px;font-size:0.9em;transition:all 0.3s ease;}[data-skin-part="actions"] .profile-action:hover{background:#fff;color:#000 !important;border-color:#fff;box-shadow:0 0 15px rgba(255,255,255,0.2);}[data-skin-root] h1,
[data-skin-root] h2,
[data-skin-root] h3{font-family:'UnifrakturMaguntia', cursive !important;color:var(--alt-bone);text-shadow:2px 2px 0px #000;border-bottom:1px solid #222;padding-bottom:5px;margin-bottom:15px;}</style>


<div class="screen-container">
  <span></span>
  <div class="scanlines"></div>
  <div class="gloss"></div>
  <div class="vignette"></div>
</div>
Comments

No comments yet.