Pro for Nezumimousey

/* Design © Nezumimousey */
/* + Coding by AlthIndor */

html, body {
  background: linear-gradient(to bottom, #101010 30px, transparent 30px),
    url('https://i.ibb.co/Pcc9qTf/wallpaper.png') fixed center / cover #F0F0F0;
  background-blend-mode: color-dodge, normal, normal;
}
body a {text-decoration: none !important;}

#columns, #column_1, #id_about, #id_comments, #id_friends, #id_wishlist {background: url('https://i.ibb.co/ws7K7nr/layout.png') border-box;}
#id_about, #id_comments, #id_wishlist {background-position: bottom left;}
#column_1, #id_friends {background-position: bottom right;}

/* Fonts */

@font-face {
  font-family: 'Delius';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/delius/v15/PN_xRfK0pW_9e1rdZsg_.woff2) format('woff2');
}

@font-face {
  font-family: 'Delius Swash Caps';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/deliusswashcaps/v19/oY1E8fPLr7v4JWCExZpWebxVKORpXUeaIGY.woff2) format('woff2');
}

/* Header */

#viewer #gaia_header, #viewer #gaia_header ul {
  background: none;
  box-sizing: border-box;
}
#gaia_header li.spacer {display: none !important;}
#gaia_header li {margin: 0 5px;}

#gaia_header #header_left, #gaia_header #header_right {
  font: 0/29px 'Delius Swash Caps', cursive !important;
  padding: 0 3px !important;
}
#gaia_header #header_right {float: right;}

#header_left img {
 -webkit-mask: url('https://i.imgur.com/cGGVY2x.png') 0 1px no-repeat;
  mask: url('https://i.imgur.com/cGGVY2x.png') 0 1px no-repeat;
  background: #505050;
  width: 0;
  padding: 0 34px 0 0;
  margin-right: -1px;
}
#header_left li:nth-of-type(2) a:hover img {background: crimson;}

#gaia_header a {
  color: #505050 !important;
  font-size: 12px !important;
}
#gaia_header a:hover {color: crimson !important;}

/* Columns */

#columns, #column_1 {
  float: none;
  font-size: 0;
  margin: 0;
}
#column_2, #column_3 {display: contents;}

#column_1, #id_equipment {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

#columns {
  width: 1235px;
  height: 540px;
  top: calc(50% - 270px);
  left: calc(50% - 617px);
  contain: layout;
}

#column_1 {
  align-content: center;
  box-sizing: border-box;
}

/* Scrollbars */

#columns ::-webkit-scrollbar {width: 0;}

.panel {
  scrollbar-width: none;
  overscroll-behavior: contain;
}

/* Panels */

.panel, .panel h2 {
  color: #505050;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.panel {
  background: #FFFFFF;
  font: 10px/1.8 'Delius', cursive;
  text-align: justify;
}
#id_about img, #id_comments .postcontent img {max-width: 100%;}

.panel a {color: inherit;}
#id_about a:hover {color: goldenrod;}
#id_comments a:hover {color: green;}
#id_friends a:hover {color: dodgerblue;}

#column_1 .panel {
  border: 10px solid transparent;
  border-radius: 4px;
}

/* Tabbed Panels */

#column_1, #id_about, #id_comments, #id_friends, #id_wishlist {
  width: 498px;
  height: 310px;
  position: fixed;
  top: 60px;
  left: 320px;
  border-radius: 20px;
}
#column_1, #id_friends {border: 30px solid transparent;}

#id_about, #id_comments, #id_wishlist {
  border: 40px solid transparent;
  overflow-y: auto;
}

#column_1, #details_title {background-color: #FECCCC;}
#id_about, #about_title {background-color: #FDEDB6;}
#id_comments, #comments_title {background-color: #DBF6C4;}
#id_friends, #friends_title {background-color: #C0EBFB;}
#id_wishlist, #wishlist_title {background-color: #CAC5E0;}

#column_1 {z-index: 5;}
#id_about {z-index: 4;}
#id_comments {z-index: 3;}
#id_friends {z-index: 2;}
#id_wishlist {z-index: 1;}

#id_about:hover, #id_comments:hover, #id_friends:hover, #id_wishlist:hover {z-index: 6;}

/* Panel Headers */

.panel h2 {
 -webkit-mask: linear-gradient(to bottom, #000 34px, #0000 34px);
  mask: linear-gradient(to bottom, #000 34px, #0000 34px);
 -webkit-mask-composite: source-over;
  mask-composite: add;
  width: 150px;
  height: 80px;
  font: bold 15px/38px 'Delius Swash Caps', cursive;
  text-align: center;
  text-transform: capitalize;
  position: fixed;
  top: 30px;
  border: 4px solid #FFFFFF;
  border-radius: 50% 50% 0 0;
}

#details_title {
 -webkit-mask: linear-gradient(135deg, #000 40px, #0000 40px), linear-gradient(to bottom, #000 34px, #0000 34px);
  mask: linear-gradient(135deg, #000 40px, #0000 40px), linear-gradient(to bottom, #000 34px, #0000 34px);
  left: 320px;
}

#about_title {left: 407px;}
#comments_title {left: 494px;}
#friends_title {left: 581px;}

#wishlist_title {
 -webkit-mask: linear-gradient(-135deg, #000 40px, #0000 40px), linear-gradient(to bottom, #000 34px, #0000 34px);
  mask: linear-gradient(-135deg, #000 40px, #0000 40px), linear-gradient(to bottom, #000 34px, #0000 34px);
  left: 668px;
}

/* Details */

#id_details {
  font-size: 12px;
  text-align: center;
  margin-bottom: 12px;
  border-width: 15px;
}
#id_details p {margin: 0;}

#id_details p:nth-of-type(1), .forum_userstatus {position: fixed;}
#avatar_menu a {font-family: 'Delius', cursive;}

#id_details p:nth-of-type(1) {
  top: 80px;
  left: 96px;
}

.forum_userstatus {
  line-height: 16px !important;
  top: 246px;
  left: 114px;
  border: 1px solid #E0E0E0;
}

/* Item Tiles */

#id_equipment, #id_wishlist {scroll-snap-type: y mandatory;}
#id_equipment .item, #id_wishlist .item {scroll-snap-align: start;}
#id_equipment .item a, #id_wishlist .item a {display: block;}
#id_equipment .clear, #id_wishlist .clear {display: none;}
.premium_sparkle, .glow {display: none;}

#id_equipment {
  min-width: 290px;
  max-width: 380px;
  height: 50px;
  overflow-y: auto;
}
#equipment_title {display: none;}

#id_wishlist {
  display: grid;
  grid-template-columns: repeat(9, 42px);
  grid-auto-rows: 42px;
  gap: 5px;
  align-content: start;
}

#id_equipment .item, #id_wishlist .item a {
  width: 30px;
  height: 30px;
}

#id_wishlist .item {
  position: relative;
  outline: 1px dotted #A0A0A0;
  outline-offset: -4px;
}

#id_wishlist .item a {
  background: #E5E2F0;
  padding: 5px;
  border: 1px solid #CAC5E0;
  border-radius: 50%;
  transition: background .5s ease-in-out;
}
#id_wishlist .item a:hover {background: #CAC5E0;}

#id_wishlist .item img[src*='thumbnail'] {transition: transform .5s ease-in-out; }
#id_wishlist .item a:hover img[src*='thumbnail'] {transform: rotate(1turn);}

.owner_checkmark {
  margin: 0;
  bottom: 6px;
  left: 6px;
}

/* Comments */

#id_comments dd, #id_comments .deletecomment {display: grid;}
#id_comments #alerts_banner, #id_comments .clear {display: none;}
#id_comments #alert_container {display: contents;}
#id_comments .postcontent {word-wrap: anywhere;}

#id_comments dl {
  clear: both;
  margin-top: 36px;
}

#id_comments dt {
  height: unset;
  line-height: inherit;
  padding: 0 0 2px 0;
  margin: 0 0 3px 0;
  border-bottom: 1px dotted #008000;
}

#id_comments dd {
  grid-template-columns: max-content 1fr;
  grid-auto-rows: max-content;
  gap: 0 9px;
  margin: 0 0 20px 0;
}
#id_comments dd:last-of-type {margin: 0;}

#id_comments .dropBox {
  background: #00800080;
  width: 48px;
  height: 48px;
  margin: 5px 0 0 0;
  border: 2px solid transparent;
  border-radius: 2px;
  overflow: hidden;
}

#id_comments .dropBox img {
  width: 120px;
  height: 150px;
  margin: -30px 0 0 -47px;
}

#id_comments .deletecomment {
  grid-auto-flow: column;
  justify-content: start;
  margin: 0;
  grid-area: 2/2/3/3;
}
#id_comments .deletecomment br {display: none;}

#id_comments .deletecomment::before {
  content: ' or ';
  grid-column: 2;
  white-space: pre;
}

/* Comments Buttons */

#id_comments h2 + div, #id_comments h2 ~ p {
  width: calc(50% - 6px);
  height: 24px;
  font: 10px/25px 'Delius Swash Caps', cursive;
  text-align: center;
  margin: 0;
}
#id_comments h2 + div {float: left;}
#id_comments h2 ~ p {float: right;}

#id_comments h2 + div a, #id_comments h2 ~ p a {
  display: block;
  background: #00800080;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  border-radius: 4px;
}
#id_comments h2 + div a:hover, #id_comments h2 ~ p a:hover {background: #DBF6C4;}
#id_comments h2 + div a {font-size: 0;}

#id_comments h2 + div a::before {
  content: 'Post New Comment';
  font-size: 10px;
}

/* Friends */

#id_friends {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

#id_friends h2 ~ div, #id_friends h2 ~ p {display: none;}
#id_friends p {margin: 10px 0 5px 0;}
#id_friends .dropBox {margin-bottom: 10px;}

#id_friends ul {
  display: grid;
  grid-template: max-content max-content / repeat(5, 1fr);
  gap: 10px;
  background: #FFFFFF;
  width: 100%;
  padding: 12px;
  border-radius: 4px;
}

#id_friends li {
  background: #E0F5Fd;
  width: 100%;
  height: auto;
  border-radius: 2px;
}

/* Media */

.media_panel, .media_panel h2 {background: #FFBB77;}

.media_panel {
  width: 250px;
  height: 170px !important;
  top: 360px;
  left: 15px;
  border: 4px solid #FFFFFF;
  border-radius: 10px;
}

.media_panel h2 {
  top: 330px;
  left: 65px;
}

.media_panel iframe {
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  margin: 12px 0 0 12px;
}

/* Misc */

#pictures_container, #texts_container {
  width: 0;
  height: 0;
  position: absolute;
  top: calc(50% - 270px);
  left: 50%;
}

#equipped-item-details_mask ~ #equipped-item-details_mask, #avatar_menu + div + div {display: none !important;}