LadderCheese🧀

!important; background-attachment: fixed !important; background-size: auto !important; /* Changed from 'cover' to 'auto' to allow tiling */ background-repeat: repeat !important; /* Forces the image to tile */ background-position: top left !important; font-family: var(--goth-font) !important; font-size: 14px !important; color: var(--text-color) !important; line-height: 1.5 !important; } /* --- 4. THEMED MODULE CONTAINERS --- */ .contact, .url-info, .table-section, .tunes, .blog-preview, .blurbs, .friends, #comments { border: 3px solid var(--blood-red) !important; border-radius: 0px !important; background: var(--container-bg-color) !important; box-shadow: none !important; /* Box shadow removed */ margin-bottom: 20px !important; padding: 0 !important; overflow: hidden !important; } /* --- 6. THEMED HEADERS --- */ .contact .heading, .url-info .heading, .table-section .heading, .tunes .heading, .blog-preview h4, .blurbs .heading, .friends .heading, #comments .heading, .heading h4 { font-family: var(--heading-font) !important; color: #fff !important; font-size: 24px !important; text-shadow: none !important; height: 45px !important; line-height: 45px !important; padding: 0 15px !important; background: var(Blue) !important; border-bottom: 3px solid #000 !important; text-align: left !important; background-image: url('https://i.postimg.cc/kgT5Kqtx/2785232z98q5s9udo.jpg') !important; background-attachment: fixed !important; background-size: auto !important; /* Changed from 'cover' to 'auto' to allow tiling */ background-repeat: repeat !important; /* Forces the image to tile */ background-position: top left !important; } /* --- 7. CONTENT & LINKS --- */ a { color: var(--blood-red) !important; text-decoration: none !important; font-weight: normal !important; } a:hover { color: #254CF7 !important; } /* --- 8. FRIENDS GRID --- */ .friends-grid img { border: 2px solid var(--blood-red) !important; border-radius: 0px !important; background: #000 !important; } /* --- 9. THEMED TABLES --- */ .details-table { border: 2px solid var(--blood-red) !important; background: #111 !important; } .details-table th, .details-table td { border: 1px solid var(--dark-red) !important; } .details-table th { background: var(--dark-red) !important; font-family: var(--heading-font) !important; } /* --- 12. NAVIGATION --- */ .main-header, .myspace-header { background: #000 !important; border: 3px solid var(--blood-red) !important; border-radius: 0px !important; } .main-nav a { font-family: var(--goth-font) !important; color: var(--off-white) !important; background: #1a0000 !important; } .main-nav a:hover { background: var(--blood-red) !important; } /* Reset the main table background */ .comments-table { background-color: transparent !important; border: 1px solid var(--blood-red) !important; } /* Style the author cell (left side) */ .cb-author-cell { background-color: #0a0a0a !important; border-right: 1px solid var(--blood-red) !important; color: #7894DE !important; font-family: var(--goth-font) !important; } /* Style the content cell (right side) */ .cb-content-cell { background-color: #141414 !important; color: var(--off-white) !important; font-family: var(--goth-font) !important; } /* Style the action buttons (Delete/Reply) */ .cb-actions a, .cb-reply-form input[type="submit"], .cb-actions button { background-color: #5083F2 !important; border: 1px solid var(--blood-red) !important; color: var(--off-white) !important; font-family: var(--goth-font) !important; padding: 2px 8px !important; text-decoration: none !important; cursor: pointer !important; } .cb-actions a:hover, .cb-reply-form input[type="submit"]:hover { background-color: var(--blood-red) !important; color: #00BFFC !important; } /* Style the timestamp and other text within the comment */ .cb-content-cell p { color:#8FC7D9 !important; } .myspace-header, .top-nav { background: transparent !important; border: none !important; box-shadow: none !important; margin-bottom: 10px !important; } /* Ensure logo remains visible */ #site-logo-link { display: flex !important; justify-content: center !important; padding-bottom: 10px !important; } /* Style navigation for a minimal, transparent look */ .main-nav a, .nav a { background: transparent !important; border: none !important; color: var(--off-white) !important; font-family: var(--goth-font) !important; text-shadow: 1px 1px 2px #000 !important; padding: 5px 10px !important; } .main-nav a:hover { color: var(--blood-red) !important; background: transparent !important; } .main-nav-wrapper, .main-nav-container, .main-nav { background: transparent !important; border: none !important; box-shadow: none !important; } /* Style the list items and links */ .main-nav li { background: transparent !important; border: none !important; } .main-nav a { font-family: var(--goth-font) !important; color: var(--off-white) !important; text-decoration: none !important; background: transparent !important; border: none !important; padding: 5px 10px !important; transition: color 0.2s ease !important; } /* Hover effect */ .main-nav a:hover { color: var(--blood-red) !important; } /* Ensure dropdown triggers look the same */ .main-nav .dropdown > a { color: var(--off-white) !important; } .profile-playlist-widget { background: transparent !important; border: none !important; } /* Style the Playlist Header */ .pp-header { background: var(--blood-red) !important; border-bottom: 3px solid #000 !important; padding: 10px !important; } .pp-header h3 { font-family: var(--heading-font) !important; color: #fff !important; margin: 0 !important; font-size: 20px !important; } /* Style the help button */ .pp-help-btn { background: #000 !important; color: var(--blood-red) !important; border: 1px solid var(--blood-red) !important; font-family: var(--goth-font) !important; cursor: pointer !important; } /* Style the playlist list area */ .profile-playlist-widget ul { background: rgba(10, 10, 10, 0.9) !important; border: 3px solid var(--blood-red) !important; border-top: none !important; padding: 10px !important; margin: 0 !important; } /* Style empty playlist text */ .profile-playlist-empty { color: var(--text-color) !important; font-family: var(--goth-font) !important; list-style: none !important; } footer[role="contentinfo"] { background: transparent !important; padding: 20px !important; text-align: center !important; border-top: 3px solid var(--blood-red) !important; margin-top: 40px !important; } footer a { color: var(--blood-red) !important; font-family: var(--goth-font) !important; text-decoration: none !important; } footer a:hover { color: #ff3333 !important; text-decoration: underline !important; } /* Footer Navigation Links */ footer nav ul.links { list-style: none !important; display: flex !important; justify-content: center !important; gap: 15px !important; padding: 0 !important; } footer nav ul.links li a { font-size: 12px !important; } /* Copyright Text */ footer p.copyright { color: var(--text-color) !important; font-family: var(--goth-font) !important; margin-top: 10px !important; font-size: 11px !important; } .online img { height: 1.5em !important; margin-right: 5px !important; /* Remove the blink animation */ animation: none !important; /* Replace the icon with your GIF */ content: url('https://i7.glitter-graphics.org/pub/104/104607x61kd02dl0.gif') !important; } .person img.pfp-fallback { filter: grayscale(100%) !important; transition: filter 0.3s ease !important; } /* Optional: Bring back color on hover */ .person:hover img.pfp-fallback { filter: grayscale(0%) !important; } .person img.pfp-fallback, img.cb-pfp-img { filter: grayscale(100%) !important; transition: filter 0.3s ease !important; } /* Optional: Bring back color on hover */ .person:hover img.pfp-fallback, .cb-author-link:hover img.cb-pfp-img { filter: grayscale(0%) !important; } body::after { content: '' !important; position: fixed !important; bottom: 50px !important; right: 0 !important; width: 200px !important; height: 200px !important; background-image: url('https://64.media.tumblr.com/bbdd7c56e08ea51a3c759739143f396b/133e3dfc329aa1d0-d2/s250x400/edbddcbdd4bbbee5657207b96d108fa7b95c9431.gifv') !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: bottom right !important; pointer-events: none !important; /* Click-through */ z-index: 9999 !important; } .skull-rain { position: fixed; top: -50px; font-size: 20px; user-select: none; pointer-events: none; z-index: 9997; } @keyframes rain { 0% { transform: translateY(0); } 100% { transform: translateY(100vh); } } /* Create 3 distinct paths for scattered movement */ .s1 { left: 10%; animation: rain 8s linear infinite; } .s2 { left: 30%; animation: rain 12s linear infinite; } .s3 { left: 55%; animation: rain 10s linear infinite; } .s4 { left: 80%; animation: rain 15s linear infinite; } .s5 { left: 95%; animation: rain 9s linear infinite; } #logo { content: url('https://gloomy-poison.neocities.org/spookycute_graphics/skelanimalbatpixel.gif') !important; } .mood::after, .profile-mood::after, .profile .mood::after { content: '' !important; display: block !important; width: 100% !important; height: 40px !important; background-image: url('https://64.media.tumblr.com/296c7ec0192f2a6de137a2125ddd0b0b/21c9ae3431b849d0-c2/s540x810/86da71343250849fd4493d9dea50c14961d12f4f.gifv') !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; margin-top: 15px !important; margin-bottom: 10px !important; } h1 { font-family: 'UnifrakturMaguntia', cursive !important; font-size: 30px !important; line-height: 1.5 !important; color: var(--blood-red) !important; animation: blackGlowPulse 1.5s ease-in-out infinite alternate !important; } @keyframes blackGlowPulse { from { text-shadow: 0 0 5px var(--blood-red), 0 0 10px var(--blood-red); } to { text-shadow: 0 0 10px var(--blood-red), 0 0 20px var(--blood-red), 0 0 30px var(--blood-red), 0 0 40px var(--blood-red); } } .pf-photo-grid img { filter: grayscale(100%) !important; transition: filter 0.3s ease !important; } .pf-photo-grid img:hover { filter: grayscale(0%) !important; } #footer-music-bar, .music-bar { background: #000 !important; /* Overrides the default blue background */ background-image: url('https://i6.glitter-graphics.org/pub/2647/2647846rv2pu3l20r.gif') !important; /* Optional: matches your main background */ border-top: 3px solid var(--blood-red) !important; border-radius: 0px !important; font-family: var(--goth-font) !important; } /* Style the text details */ .bar-info-section .bar-now-playing { color: var(--text-color) !important; font-family: var(--goth-font) !important; } #bar-title { color: var(--blood-red) !important; font-weight: bold !important; text-shadow: 1px 1px 2px #000 !important; } /* Style all the player buttons (play, pause, next, volume toggle) */ .bar-btn { background-color: #1a0000 !important; border: 1px solid var(--blood-red) !important; color: var(--off-white) !important; border-radius: 0px !important; cursor: pointer !important; transition: all 0.2s ease !important; } .bar-btn:hover { background-color: var(--blood-red) !important; color: #fff !important; box-shadow: 0 0 5px var(--blood-red) !important; } /* Style the progress/volume containers if applicable */ .bar-progress-container, .bar-playlist-container, .bar-volume { border: 1px solid var(--dark-red) !important; background: #111 !important; } /* Fixes internal SVG icons if the player uses them instead of text inside buttons */ .bar-btn svg { fill: var(--off-white) !important; } .bar-btn:hover svg { fill: #fff !important; }