Pro for Celestial Extinction (Green)

/* Profile By AlthIndor */

html, body {background: url('https://i.imgur.com/4SzWG4x.png') center;}
body, * {cursor: url('https://downloads.totallyfreecursors.com/thumbnails/easterbunny.gif'), auto !important;}
body a {transition: all .5s ease-in-out;}

/* Fonts */

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

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

@font-face {
  font-family: 'Concert One';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/concertone/v11/VEM1Ro9xs5PjtzCu-srDqSTijP4.woff2) format('woff2');
}

/* Header */

#viewer #gaia_header {
  height: 30px !important;
  box-shadow: 0 2px 5px #00000060;
}
#gaia_header li.spacer {display: none !important;}
#gaia_header li {margin: 0 5px;}

#gaia_header #header_left, #gaia_header #header_right {
  font: 400 0/28px 'Concert One', sans-serif !important;
  padding: 0 3px !important;
}
#gaia_header #header_right {float: right;}

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

#gaia_header a {
  color: #FFFFFF !important;
  font-size: 12px !important;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
}
#gaia_header a:hover {color: lightcyan !important;}

/* Columns */

#columns {
  float: none;
  width: 824px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: visible;
}
#column_3 {display: none;}

#columns .column {
  background: #3FAA88C0;
  height: 256px;
  font-size: 0;
  padding: 10px;
  margin: 0;
  border: 1px solid #000;
  box-shadow: 0 2px 5px #000000C0;
  backdrop-filter: blur(20px);
}
#column_1 {width: auto;}

#column_2 {
  float: right;
  width: 380px;
  margin: 0;
  position: relative;
  contain: layout;
}

/* Scrollbars */

#columns ::-webkit-scrollbar {
  background: #0004;
  width: 6px;
}
#columns ::-webkit-scrollbar-thumb {background: #000;}

.panel, #id_comments dl {
  scrollbar-color: #000 #0004;
  scrollbar-width: thin;
}

/* Panels */

.panel, .panel h2 {
  padding: 0;
  margin: 0;
}
#column_1 h2 {display: none;}

.panel {
  background: #FFFFFFA0;
  font: 400 10px/1.7 'Work Sans', sans-serif;
  text-align: justify;
  border-radius: 5px;
  box-shadow: 0 1px 2px #00000080;
  overflow: hidden;
}
.panel:not(.media_panel) {border: 10px solid transparent;}
.panel a {color: inherit;}
.panel a:hover {color: lightcoral;}

#id_wishlist, #id_details {height: 190px;}
#id_wishlist, #id_about, #id_footprints, #id_comments dl {overflow-y: scroll;}

#id_about, #id_comments dl {padding-right: 10px;}
#id_about a, #id_comments .postcontent a {text-decoration: dotted underline;}
#id_about img, #id_comments .postcontent img {max-width: 100% !important;}

#column_2 .panel {
  background: linear-gradient(to bottom, #FFF 5px, #0002 5px, #0000 8px) #FFFFFFC0 border-box;
  width: calc(100% - 20px);
  height: calc(100% - 50px);
  position: absolute;
  left: 10px;
  box-sizing: border-box;
  border-top-width: 15px;
  border-radius: 0 0 5px 5px;
  z-index: 1;
}
#column_2 .panel:hover {z-index: 2;}

#column_2 .panel:hover, #column_2 #id_about {bottom: 10px;}
#column_2 .panel:hover ~ #id_about, #column_2 .panel {bottom: -100%;}

/* Panel Headers */

.panel h2 {
  width: 127px;
  height: 32px;
  font: 400 14px/31px 'Concert One', sans-serif;
  text-align: center;
  position: fixed;
  top: 10px;
  border-radius: 5px 5px 0 0;
  box-shadow: 0 1px 2px #00000080;
  clip-path: inset(-10px -10px 1px -10px);
}

#id_about h2 {left: 10px;}
#id_footprints h2 {right: 10px;}

#id_comments h2 {
  width: 126px;
  left: 137px;
}

#id_about h2, .panel:hover h2 {
  background: #FFF;
  color: #000;
}

.panel:hover ~ #id_about h2, .panel h2 {
  background: #000;
  color: #FFF;
}

/* Details */

#id_details {
  float: left;
  width: 120px;
  margin: 0 10px 10px 0;
}
#id_details p:nth-of-type(n+2) {display: none;}

#id_details p:first-of-type {
  padding-bottom: 7px;
  margin-bottom: 7px;
  border-bottom: 1px solid #FFF;
}
#id_details p:first-of-type img {filter: drop-shadow(0 1px 1px #0004) drop-shadow(0 0 10px #FFF);}

#id_details .forum_userstatus {
  background: #FFF;
  width: 100%;
  height: 25px;
  padding: 5px 6px;
  border: none;
  border-radius: 3px;
  box-sizing: border-box;
}
#id_details .statuslinks {background: none;}

#id_details .statuslinks span {
  width: 70px;
  font: 12px/14px 'Concert One', sans-serif;
  text-align: center;
  text-transform: uppercase;
  padding-left: 19px;
}

#id_details .pushBox {
  background: #000;
  width: 9px;
  height: 10px;
  margin-top: 3px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

/* Avatar Menu */

#avatar_menu {
  border: none;
  border-radius: 0 0 5px 5px;
}

#avatar_menu a {
  color: lightcoral;
  text-align: center;
}

#avatar_menu .menu_seperator {
  background: #0004 !important;
  width: calc(100% - 10px) !important;
  margin-left: 5px !important;
}

/* Wish List */

#id_wishlist {
  display: grid;
  grid-template-columns: repeat(4, 40px);
  grid-auto-rows: 40px;
  gap: 10px;
  width: 210px;
}
#id_wishlist .clear, .premium_sparkle {display: none;}

#id_wishlist .item {
  background: #FFF;
  width: 30px;
  height: 30px;
  padding: 5px;
  position: relative;
  border-radius: 3px;
  transition: background .5s ease-in-out;
}
#id_wishlist .item:hover {background: lightcoral;}

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

/* Comments */

#id_comments #alerts_banner, #id_comments h2 + div .clear {display: none;}
#id_comments #alert_container, #id_comments dt {padding: 0;}
#id_comments .deletecomment {margin: 0 0 0 10px;}
#id_comments dd {margin-bottom: 15px;}
#id_comments dd:last-of-type {margin: 0;}

#id_comments dl {
  clear: both;
  width: 100%;
  height: calc(100% - 45px);
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  overflow-x: hidden;
}

#id_comments dt {
  height: auto;
  line-height: normal;
  padding-bottom: 5px;
  margin-bottom: 4px;
  border-bottom: 1px solid #FFF;
}

#id_comments .dropBox {
  background: #FFF;
  width: 48px;
  height: 58px;
  margin: 4px 8px 0 0;
  border: 1px solid transparent;
  border-radius: 3px;
  overflow: hidden;
}

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

/* Comments Links */

#id_comments h2 + div, #id_comments h2 ~ p {
  width: calc(50% - 5px);
  height: 30px;
  position: relative;
}
#id_comments h2 + div {float: left;}
#id_comments h2 ~ p {float: right;}

#id_comments h2 + div a, #id_comments h2 ~ p a {
  background: #000;
  width: 100%;
  height: 100%;
  color: #FFF;
  font: 10px/30px 'Concert One', sans-serif;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  position: absolute;
  border-radius: 3px;
}

#id_comments h2 + div a:hover, #id_comments h2 ~ p a:hover {
  background: #FFFFFF;
  color: #000;
}

/* Visitors */

#id_footprints .item {
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
}

#id_footprints .item::before {
  content: ' visited ';
  white-space: pre;
  grid-column: 2;
}
#id_footprints .item::after {content: '.';}

/* Media */

.media_panel {
  clear: both;
  background: url('https://i.imgur.com/gqTTTvw.png') -20px -4px no-repeat, url('https://i.imgur.com/gqTTTvw.png') 92px -44px no-repeat #000;
  width: 100%;
  height: 36px !important;
}

.media_panel iframe {
  width: calc(100% + 26px);
  height: 240px;
  position: absolute;
  bottom: 0;
  left: -14px;
  opacity: .001;
}