/*
 * Custom CSS for @furple's profile on Hjonk
 * Generated on 2025-11-01 22:50:00
 * This CSS file was last modified on: 2025-05-01 20:09:11
 * Length: 0 characters
 *
 * Please be respectful: copying, modifying, or redistributing without permission
 * is not nice <3
 */

.container::after { display: none; } /* hack for new layout *//*
	hjonk lavender night - @playervalley
	fork of rose night - @cuttlefish
	can be used as a profile theme and as a site theme

	includes some fixes that rose night didn't provide (mainly search bar is same as button style-wise)
	support is less guaranteed, though i will try. my css skills are rusty :p haven't done it since nekoweb
*/

/* Background assets */
.container:before{background-image: url(//images.weserv.nl/?url=http://wsrv.nl?url=hjonk.me/background_new.png&filt=negate&hue=102&sat=1.3)}
.dreamy-textbox{background-image: url(//images.weserv.nl/?url=http://wsrv.nl?url=hjonk.me/new_asset/notebook.png&hue=235)}
.dreamy-textbox, .font-hotfix{filter: invert(1) hue-rotate(180deg)}
.emisoft-logo, .special-bg{filter: invert(1) hue-rotate(88deg)}
.post-metadata:before, .alert:before, li.selected:before {background-image: url(//images.weserv.nl/?url=http://wsrv.nl?url=hjonk.me/images/pattern.png&hue=272)}
.top-part .cd-component, .profile-corner{filter: invert(1) hue-rotate(272deg)}
.toasters-container-full{filter: invert(1) contrast(150%) hue-rotate(88deg)}
 
/* Main */
body{background: #000}
a, .post-metadata b{color: #9289ff}
a:hover{text-shadow: 0px 0px 2px #bcbcff}
button:active, input[type=submit]:active{box-shadow: inset 0 0 4px #aaaaf2}
button:nth-child(n), .js_search{background: linear-gradient(0deg, #0f0f0f, #000); color: #d4ccff; border-color: #2c2c2c !important}
.achievement-icon{filter: hue-rotate(255deg)}
.container{border-color: #2b2647 !important; box-shadow: 0 0 20px #1f1a3c; background-color: #000; color: #d4ccff}
.caption, ::placeholder{color: #998fbe}
.floating-heart, .like-post img, .with-love img{filter: hue-rotate(248deg)}
.primary{background: linear-gradient(0deg, #a3a3dd, #bcbcff) !important}
 
/* Header */
.header-buttons a{background: #000; border-color: #2c2c2c}
.header-buttons a:last-of-type{background: linear-gradient(90deg, #000 59%, #000)}
.header-container a:hover{text-shadow: 0px 0px 2px #aaaaf2}
.profile-dropdown{background: linear-gradient(0deg, #0f0f0f 72%, #000); color: #9289ff; border-color: #2c2c2c}
.profile-dropdown:hover{background: linear-gradient(0deg, #141414 72%, #0f0f0f); color: #aaaaf2; border-color: #2c2c2c}
.header .caption{color: #7b6fab !important}
 
/* Top of Profile */
.alert{background-color: #08041d; color: #d4ccff; border-color: #2b2647}
.profile-banner-section{border-color: #2c2c2c}
.banner-user-area{background: #000000d6; color: #9289ff}
.primary{border-color: #24243b !important; color: #150057 !important}
 
/* Sidebar */
.side-panel-separate, .side-panel-separate textarea{background: #0a0011; border-color: #2b2647}
.side-panel-separate textarea, .section-header .caption{color: #d4ccff !important}
.section-header{border-color: #464669}
.section{border-color: #2c2c2c}
.section:hover{background-color: #0c0c0c4a}
.side-panel-separate .fancy-list li:first-of-type{border-color: #24243b}
.side-panel-separate li{background: linear-gradient(0deg, #0a0011, #150020); border-color: #24243b}
.fancy-list li{background: #0000007d; border-color: #24243b}
.fancy-list li.selected{background: #08041d}
.fancy-list li:hover{background: #0f0f0f}
.followers-list > a:nth-child(n) > img:nth-child(1), .following-list > a:nth-child(n) > img:nth-child(1){border-color: #2c2c2c}
 
/* Footer */
.footer-section a{color: #000; text-shadow: -1px -1px 1px #9289ff, 1px -1px 1px #9289ff, -1px 1px 1px #9289ff, 1px 1px 1px #9289ff}
 
/* Post stuff */
.post{border-color: #2c2c2c}
.post-metadata{background: linear-gradient(45deg, #000, #000 6px, #08041d 6px); border-color: #2b2647; color: #d4ccff}
.new-post{background: #0a0011}
.new-post .post-metadata{background: linear-gradient(45deg, #0a0011, #0a0011 6px, #08041d 6px)}
.image-preview img{border-color: #2c2c2c}
.replies{background: linear-gradient(0deg, #0f0f0f, #000 20%)}
.lastfm-attachment-post{background: #000; border-color: #2c2c2c}
.lastfm-attachment-post .album-cover{border-color: #2c2c2c}
.embed.youtube{background: #000; border-color: #2c2c2c}
 
/* Non-profile stuff */
.icon-special{filter: hue-rotate(75deg)}
.side-panel-separate .news-section{background: linear-gradient(0deg, #08041d, #0000 20%); border-color: #2b2647}
.user-card{background: #000000ad; border-color: #24243b}
.user-card:first-of-type{border-color: #24243b}
.notification{background: #000; border-color: #2c2c2c}
.text-decoration{color: #a875e8}
.user-card-search, .item-buy-section{border-color: #2c2c2c}
.border-decoration:hover{
    --gradColor1: #57575785;
    --gradColor2: #68686854;
    --gradColor3: #2c2c2c82;
}
.attachment{background: #000; border-color: #2c2c2c; color: #d4ccff}