Pro for 2slimy

/* Design by Cassiel Socks */
/* And Coding by AlthIndor */

:root {
    --dark-l1: #2D242CFF;
    --dark-l2: #2D242CCC;
    --pink: #E4547C;
    --purp: #885082;
}

html, body {
    background: url('https://i.imgur.com/5JVVHtT.png') var(--dark-l2) center;
    min-height: 880px;
}
body {position: relative;}
body a {text-decoration: none !important;}
* {cursor: url('https://i.imgur.com/hrKGTJi.png'), auto;}

@media (min-width: 2000px) or (min-height: 2000px) {
    html, body {background-size: cover;}
}

::selection {
    background: #FFFFFF;
    color: seagreen;
}

/* Fonts */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Awesome';
    font-style: normal;
    font-weight: 900;
    src: url(https://ka-f.fontawesome.com/releases/v5.15.4/webfonts/free-fa-solid-900.woff2) format('woff2');
}

/* Header */

#viewer #gaia_header {
    backdrop-filter: blur(5px);
    background: var(--dark-l2) !important;
    height: 40px !important;
}
#gaia_header li {margin: 0 5px;}
#gaia_header li.spacer {display: none !important;}

#gaia_header ul {
    background: none !important;
    width: unset !important;
    font: 0/39px 'Montserrat', sans-serif !important;
    text-transform: uppercase;
    padding: 0 5px !important;
}

#gaia_header #header_right {
    float: right;
    display: grid !important;
    grid-auto-flow: column;
}
#gaia_header #header_right li:nth-of-type(4) {grid-column: 2;}

#gaia_header a, #gaia_header a::before {font-size: 12px !important;}
#gaia_header a {color: #FFFFFF !important;}
#gaia_header a:hover {color: var(--pink) !important;}

#header_left img {
    -webkit-mask: url('https://i.imgur.com/cGGVY2x.png') 0 0 no-repeat;
    mask: url('https://i.imgur.com/cGGVY2x.png') 0 0 no-repeat;
    background: currentColor;
    width: 0;
    height: 15px;
    padding: 0 34px 0 0;
}

#header_right a[href*='mode=edit'], #header_right a[href*='report.php'] {font-size: 0 !important;}
#header_right a[href*='mode=edit']::before {content: 'Edit My Own';}
#header_right a[href*='report.php']::before {content: 'Report Profile';}

/* Columns */

#columns, #pictures_container, #texts_container {
    top: calc(50% + 30px - 350px);
    left: calc(50% - 440px);
}
#pictures_container, #texts_container {position: absolute;}

#columns {
    width: 880px;
    height: 700px;
}
#columns .column {display: contents;}

#columns::after {
    content: url('https://i.imgur.com/Y79G9uU.png');
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
}

/* Scrollbars */

#columns ::-webkit-scrollbar {
    background: transparent;
    width: 8px;
}
#columns ::-webkit-scrollbar-thumb {background: var(--dark-l2);}
#id_wishlist::-webkit-scrollbar {width: 0;}

@supports not selector(#columns ::-webkit-scrollbar) {
    .panel, dl {
        scrollbar-color: var(--dark-l2) transparent;
        scrollbar-width: thin;
    }
    #id_wishlist {scrollbar-width: none;}
}

/* Panels */

.panel, dl {
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
}

.panel {
    background: none;
    color: var(--dark-l1);
    font: 400 12px/1.7 'Open Sans', sans-serif;
    padding: 0;
    margin: 0;
    z-index: 3;
}
.panel h2 {display: none;}
.panel img:not(.avatarImage) {max-width: 100% !important;}

.panel a {color: var(--purp);}
.panel a:hover {color: var(--pink);}

#id_about, #id_comments {
    width: 480px;
    left: 205px;
    z-index: 1;
}

#id_about, #id_comments dl {
    backdrop-filter: blur(5px);
    background: linear-gradient(to bottom, #FFFFFFCC 75%, #FFFFFF00) border-box;
    padding-right: 20px;
    border: 20px solid transparent;
    border-radius: 2px;
    overflow-y: scroll;
}

#id_about, #id_wishlist {top: 105px;}
#id_about {height: 300px;}

#id_comments {
    height: 171px;
    bottom: 105px;
}

#id_comments dl {
    height: 150px;
    bottom: 0;
    left: 0;
}

/* Details */

#id_details {
    background: linear-gradient(to bottom, #FFFFFFFF, #FFFFFF80);
    width: 140px;
    height: 30px;
    top: 238px;
    left: 695px;
    border: 3px solid currentColor;
    border-radius: 50%;
    overflow: visible;
}
#id_details :is(p:nth-of-type(n+2), div) {display: none;}

#id_details p {
    margin: 0;
    position: absolute;
    bottom: 10px;
    left: 7px;
}

/* Contact Buttons and Media */

#id_contact, .media_panel {
    text-align: center;
    top: 50px;
}
#id_contact {left: 705px;}
.media_panel {left: 360px;}

#id_contact ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 120px;
}

#id_contact li *, .media_panel {
    backdrop-filter: blur(5px);
    background: var(--dark-l2);
    width: 35px;
    height: 35px !important;
    color: #FFFFFF;
    font-size: 0;
    border-radius: 5px;
}
#id_contact li * {display: block;}
#id_contact a:hover, .media_panel:hover {background: var(--pink);}

#id_contact li *::before, .media_panel::before {font: 16px/35px 'Font Awesome';}
#id_contact li:nth-of-type(1) *::before {content: '';}
#id_contact li:nth-of-type(2) *::before {content: '';}
#id_contact li:nth-of-type(3) *::before {content: '';}
.media_panel::before {content: '';}

.media_panel iframe {
    width: 300px;
    height: 200px;
    position: absolute;
    bottom: 0;
    left: -13px;
    opacity: .001;
}

/* Comments */

#id_comments h2 + div, #id_comments #alert_container, #id_comments h2 ~ p {display: contents;}
#id_comments .clear, #alerts_banner, .date a, .deletecomment {display: none;}

#id_comments dt {
    clear: unset;
    height: unset;
    line-height: normal;
    text-align: left;
    padding: 0 0 5px 0;
    margin: 0 0 3px 0;
    border-bottom: 1px dotted #2D242C80;
}

#id_comments .username {
    float: none;
    display: unset;
}
#id_comments .date {font-size: 80%;}

#id_comments dd {
    display: grid;
    grid-template: max-content / 50px calc(100% - 60px);
    gap: 10px;
    margin: 0 0 20px 0;
}
#id_comments dd:last-of-type {margin: 0;}

.dropBox {
    background: var(--dark-l2);
    width: 48px;
    height: 48px;
    margin-top: 5px;
    border: 1px solid transparent;
    border-radius: 2px;
    overflow: hidden;
}

.avatarImage {
    width: 120px;
    height: 150px;
    margin: -30px 0 0 -47px;
}

/* Comment Links */

#id_comments h2 + div a, #id_comments h2 ~ p a {
    color: var(--dark-l1);
    font-size: 0;
}
#id_comments a:hover {color: var(--pink);}

#id_comments h2 + div a::before, #id_comments h2 ~ p a::before {font: 800 10px/21px 'Montserrat';}
#id_comments h2 + div a::before {content: 'POST NEW';}
#id_comments h2 ~ p a::before {content: 'VIEW ALL';}

#id_comments #alert_container::after {
    content: ' ●';
    white-space: pre;
    margin: 0 2px;
}

/* Wish List */

#id_wishlist {
    display: flex;
    flex-flow: row wrap;
    align-content: start;
    gap: 10px;
    width: 110px;
    height: 230px;
    left: 75px;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
}
#id_wishlist .clear, .premium_sparkle {display: none;}

#id_wishlist .item {
    position: relative;
    scroll-snap-align: start;
    outline: 1px dotted var(--dark-l1);
    outline-offset: -7px;
}

#id_wishlist a {
    display: block;
    background: #D0FCA0;
    width: 30px;
    height: 30px;
    padding: 8px;
    border: 2px solid transparent;
    border-radius: 50%;
    box-shadow: 0 0 0 1px inset var(--dark-l1);
}
#id_wishlist a:hover {background: #FFFFFF;}

.owner_checkmark {
    background: #FFFFFF;
    padding: 1px;
    margin: 0;
    bottom: 6px;
    left: 6px;
    border: 1px solid currentColor;
    pointer-events: none;
}