Pro for FruitTartz

/* Profile by AlthIndor */

html, body {
 background: url('https://i.imgur.com/DtzdQ6M.png') center calc(50% + 15px) no-repeat, url('https://i.imgur.com/36yzoXi.jpg') 0 0;
 min-height: 800px;
}
html {--dark-pink: #D01250;}
body {position: relative;}

body a {
 text-decoration: none !important;
 transition: all .5s ease-in-out;
}

#columns, #column_3, #id_footprints, .custom_panel:nth-of-type(1) span ~ a {background: url('https://images2.imgbox.com/bb/19/ivxT6WUe_o.png') no-repeat border-box;}
#column_3 {background-position: top right;}
#id_footprints {background-position: bottom right;}

@media screen and (min-width: 1300px) {html, body {min-height: 880px;}}
@media screen and (min-width: 1400px) {html, body {min-height: 960px;}}
@media screen and (min-width: 1500px) {html, body {min-height: 1040px;}}

::selection {
 background: var(--dark-pink);
 color: #FFFFFF;
}

/* Fonts */

@font-face {
 font-family: 'Cinzel';
 font-style: normal;
 font-weight: 700;
 src: local('Cinzel Bold'), local('Cinzel-Bold'), url(https://fonts.gstatic.com/s/cinzel/v9/8vIK7ww63mVu7gtzTUHuE2Za.woff2) format('woff2');
}

@font-face {
 font-family: 'Handlee';
 font-style: normal;
 font-weight: 400;
 src: local('Handlee Regular'), local('Handlee-Regular'), url(https://fonts.gstatic.com/s/handlee/v8/-F6xfjBsISg9aMakPm3wow.woff2) format('woff2');
}

@font-face {
 font-family: 'Work Sans';
 font-style: normal;
 font-weight: 400;
 src: url(https://fonts.gstatic.com/s/worksans/v8/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBi8Jpg.woff2) format('woff2');
}

@font-face {
 font-family: 'Work Sans';
 font-style: normal;
 font-weight: 600;
 src: url(https://fonts.gstatic.com/s/worksans/v8/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQBi8Jpg.woff2) format('woff2');
}

/* Header */

#viewer #gaia_header {
 height: 29px !important;
 border-bottom: 1px solid #808080;
 box-shadow: 0 1px 5px #000;
}
#gaia_header li.spacer {display: none !important;}

#gaia_header #header_left, #gaia_header #header_right {
 background: none !important;
 font: 0/29px 'Cinzel', serif !important;
 padding: 0 8px !important;
 box-sizing: border-box;
}
#gaia_header #header_right {float: right;}

#gaia_header img {
-webkit-mask: url('https://i.imgur.com/cGGVY2x.png') 0 4px no-repeat;
 mask: url('https://i.imgur.com/cGGVY2x.png') 0 4px no-repeat;
 background: #FFFFFF;
 width: 0 !important;
 padding: 0 34px 0 0;
 margin-right: -1px;
 transition: background .5s ease-in-out;
}
#header_left li:nth-of-type(2) a:hover img {background: #FFD060;}

#gaia_header a {
 color: #FFFFFF !important;
 font-size: 11px !important;
 text-transform: uppercase;
}
#gaia_header a:hover {color: #FFD060 !important;}

#header_left li:nth-of-type(n+3)::before, #header_right li:nth-of-type(n+2)::before {
 content: '▩';
 color: navajowhite;
 font-size: 11px;
 margin: 0 7px;
}

/* Columns */

#columns, #column_1, #column_2, #column_3 {
 float: none;
 margin: 0;
 position: absolute;
}

#columns, #column_1 {
 width: 1240px;
 height: 780px;
}

#columns {
 top: calc(50% - 390px + 15px);
 left: calc(50% - 620px);
}

#column_2 {
 width: 260px;
 height: 150px;
 top: 110px;
 left: 950px;
 border: 0 solid transparent;
 border-width: 0 0 100px 0;
 transform-origin: 20px 20px;
 transform: rotate(5deg);
 overflow: visible;
}

#column_3 {
 width: 290px;
 height: 250px;
 top: 137px;
 right: 19px;
 clip-path: polygon(0 0, 5px 0, 121px 120px, 130px 118px, 138px 124px, 100% 81px, 100% 100%, 0 100%);
}

/* Scrollbars */

#columns ::-webkit-scrollbar {
 width: 7px;
 height: 7px;
 background: #00000018;
}
#columns ::-webkit-scrollbar-thumb {background: var(--dark-pink);}

#columns * {
 scrollbar-color: var(--dark-pink) #00000018;
 scrollbar-width: thin;
}

/* Panels */

.panel, .panel h2 {
 background: none;
 color: #202020;
 font: 400 11px/1.71 'Work Sans', sans-serif;
 padding: 0;
 margin: 0;
 box-sizing: border-box;
 overflow: hidden;
}
.panel {position: absolute;}
.panel img {max-width: 100% !important;}
.bbcode-swapping-image {background-image: url('https://i.imgur.com/2MbyLRf.png');}

.panel:not(#id_about) h2 {display: none;}

.panel a {color: var(--dark-pink);}
.panel a:hover {color: #FFA040;}

#id_about, .custom_panel:nth-of-type(2) {
 width: 360px;
 height: 578px !important;
 top: 101px;
 z-index: 2;
}
#id_about {left: 133px;}
.custom_panel:nth-of-type(2) {left: 533px;}

.custom_panel:nth-of-type(1) {
 width: 100%;
 height: 100%;
 z-index: 1;
}

#id_details, #id_wishlist {z-index: 3;}

/* About Me */

#id_about h2 {
 float: left;
 width: 155px;
 height: 205px;
 visibility: hidden;
}

/* Links */

.custom_panel:nth-of-type(1) span, .custom_panel:nth-of-type(1) span ~ a {
 display: block;
 position: absolute;
}

.custom_panel:nth-of-type(1) span {
 width: 111px;
 height: 30px;
 text-align: center;
}

.custom_panel:nth-of-type(1) span a {
 color: #000;
 font: 14px/31px 'Handlee', cursive;
}

.custom_panel:nth-of-type(1) a:hover {
 color: var(--dark-pink);
 text-shadow: 0 0 5px #FFFFFF;
}

.custom_panel:nth-of-type(1) span:nth-of-type(1), .custom_panel:nth-of-type(1) span:nth-of-type(2) {
 transform-origin: 0 0;
 transform: rotate(-90deg);
}

.custom_panel:nth-of-type(1) span:nth-of-type(1) {
 top: 378px;
 left: 87px;
}

.custom_panel:nth-of-type(1) span:nth-of-type(2) {
 top: 267px;
 left: 83px;
}

.custom_panel:nth-of-type(1) span:nth-of-type(3) {
 top: 50px;
 left: 655px;
}

.custom_panel:nth-of-type(1) span:nth-of-type(4) {
 top: 52px;
 left: 766px;
}

.custom_panel:nth-of-type(1) span ~ a {
 background-position: right -260px;
 width: 165px;
 height: 29px;
 font-size: 0;
 bottom: 107px;
 right: 91px;
 opacity: .01;
}
.custom_panel:nth-of-type(1) span ~ a:hover {opacity: 1;}

/* Gallery */

.custom_panel div[id*='content'], .custom_panel:nth-of-type(2) a {
 width: 100%;
 height: 100%;
}
.custom_panel br {display: none;}

.custom_panel:nth-of-type(2) div[id*='content'] {
 display: grid;
 grid-template-columns: repeat(3, 107px);
 grid-auto-rows: 186px;
 gap: 10px;
 overflow: hidden scroll;
 scroll-snap-type: y mandatory;
}

.custom_panel:nth-of-type(2) a {
 background: #FFFFFFA0;
 display: flex;
 flex-flow: row nowrap;
 justify-content: center;
 border: 1px solid #000;
 border-radius: 3px;
 box-sizing: border-box;
 overflow: hidden;
 scroll-snap-align: start;
 scroll-snap-stop: always;
}

.custom_panel a img {
 object-fit: cover;
 max-height: 100%;
 transition: all .5s ease-in-out;
}

.custom_panel a:hover img.user_img {
 filter: brightness(125%);
 opacity: .9;
}
.custom_panel img[class*='bbcode-swap'] {align-self: center;}

/* Details */

#id_details {
 top: 101px;
 left: 143px;
}
#id_details p:nth-of-type(n+2) {display: none;}

.forum_userstatus, #avatar_menu {
 width: 120px;
 text-indent: 1px;
 border: 1px solid #A0A0A0;
 box-sizing: border-box;
}
#avatar_menu .menu_seperator {margin: 0 !important;}

.forum_userstatus {
 height: 25px;
 padding-top: 4px;
 margin: 0;
}
.forum_userstatus .statuslinks {background: url('https://i.imgur.com/UzAXOFf.png') 89px -106px !important;}

.forum_userstatus .statuslinks span {
 background-position-x: 1px !important;
 font: 700 12px/16px 'Cinzel', serif;
}

#avatar_menu a {
 color: #404040;
 font: 10px/1.3 'Open Sans', sans-serif;
 padding-bottom: 4px !important;
}
#avatar_menu a:hover {background: pink;}

/* Wish List */

#id_wishlist {
 display: grid;
 grid-template-rows: repeat(3, 40px);
 grid-auto-flow: column;
 gap: 10px;
 width: 190px;
 height: 160px;
 top: 472px;
 right: 78px;
 overflow-x: scroll;
 scroll-snap-type: x mandatory;
}
.premium_sparkle {display: none;}

#id_wishlist .item {
 padding: 1px;
 position: relative;
 scroll-snap-align:  start;
 scroll-snap-stop: always;
}

#id_wishlist .item a {
 display: block;
 background: #D0E4B4;
 width: 30px;
 height: 30px;
 padding: 4px;
 border-radius: 3px;
 box-shadow: 0 1px 1px #00000080;
}
#id_wishlist .item a:hover {background: #D0E4B440;}

.owner_checkmark {
 margin: 0;
 bottom: 7px;
 left: 5px;
}

/* Visitors */

#column_2 {
 transition: top .5s .5s ease-in-out, transform .5s .5s ease-in-out, z-index 0s .5s linear;
 z-index: 2;
}

#column_3 {
 transition: z-index 0s .5s linear;
 z-index: 3;
}

#id_footprints, #id_footprints .item {
 display: grid;
 justify-content: center;
}

#id_footprints {
 grid-template-columns: 100%;
 gap: 10px;
 width: 100%;
 height: 100%;
 top: 0;
 padding-right: 5px;
 border: 10px solid transparent;
 box-shadow: 0 0 2px #00000040;
 transition: top .5s 0s ease-in-out;
 overflow-y: scroll;
}

#id_footprints .item {
 grid-template-rows: repeat(2, max-content);
 grid-template-columns: repeat(2, max-content);
}

#id_footprints .item a {
 grid-column: 1 / span 2;
 justify-self: center;
 line-height: 1.5;
}

#id_footprints .item::before {
 content: 'Visited ';
 white-space: pre;
 grid-row: 2 / span 1;
 justify-self: right;
}

#column_2:hover #id_footprints {
 top: 110px;
 transition: top .5s .5s ease-in-out;
}

#column_2:hover {
 transition: top .5s ease-in-out, transform .5s ease-in-out, z-index 0s .5s linear;
 top: 0;
 transform: rotate(0deg);
 z-index: 3;
}

#column_2:hover + #column_3 {z-index: 2;}

/* Misc */

#pictures_container, #texts_container {
 width: 1px;
 height: 1px;
 position: absolute;
 top: 0;
 left: 50%;
 overflow: visible;
}
#equipped-item-details_mask:nth-of-type(2), #avatar_menu + div + div {display: none !important;}