Pro for SoulSuccubus

/* Profile by AlthIndor */

html, body {
  background: url('https://i.pinimg.com/originals/cc/4e/01/cc4e012fc8d96cbe52d99dd863743823.jpg') fixed center / cover #303030;
  height: initial;
}
#columns::before, .panel h2 {background: url('https://i.imgur.com/GROF4wS.png') top center;}

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

#panel-details {
  background: url('https://i.imgur.com/sPLYSEH.png') no-repeat bottom right / contain;
  width: 100vh;
  height: 100vh;
  position: fixed;
  bottom: 0;
  right: 50%;
}

/* Fonts */

@font-face {
  font-family: 'Shadows Into Light';
  font-style: normal;
  font-weight: 400;
  src: local('Shadows Into Light'), local('ShadowsIntoLight'), url(https://fonts.gstatic.com/s/shadowsintolight/v9/UqyNK9UOIntux_czAvDQx_ZcHqZXBNQzdcD5.woff2) format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
}

/* Header */

#viewer #gaia_header, #gaia_header #header_left, #gaia_header #header_right {
  height: 30px !important;
  box-sizing: border-box;
}
#viewer #gaia_header {background: none !important;}
#gaia_header li.spacer {display: none !important;}
#gaia_header li {margin: 0 3px;}

#gaia_header #header_left, #gaia_header #header_right {
  background: #FFFFFF40 !important;
  width: auto !important;
  min-width: 470px;
  font: 400 0/29px 'Shadows Into Light', cursive !important;
  padding: 0 7px !important;
  filter: drop-shadow(0 3px 5px #00000080);
}
#gaia_header #header_left {border-radius: 0 0 10px 0;}

#gaia_header #header_right {
  float: right;
  border-radius: 0 0 0 10px;
}

#gaia_header img {
 background: url('https://i.imgur.com/5FTB40o.png') 0 4px no-repeat;
 width: 0 !important;
 padding: 0 37px 0 0;
 margin: 0 0 0 2px;
}

#gaia_header a {
  background: #A064B0;
  color: #FFFFFF !important;
  font-size: 14px !important;
  letter-spacing: .05em;
  padding: 1px 6px;
  position: relative;
  top: 10px;
  border: 2px solid #00000080;
  border-radius: 5px;
}
#gaia_header a:hover {background: #8C7CF0;}

/* Columns */

#columns, #columns .column {
  float: none;
  overflow: visible;
}

#columns {
  background: #FFFFFF40;
  width: 500px;
  min-height: calc(100% - 100px);
  position: relative;
  top: 100px;
  left: calc(50% - 250px);
  border: 10px solid transparent;
  border-width: 20px 20px 0 20px;
  border-radius: 10px 10px 0 0;
  box-sizing: border-box;
}

#columns .column {
  display: block;
  width: 100%;
  font-size: 0;
  margin: 0;
}

/* Panels */

#columns::before, .panel, .panel h2 {
  color: #FFFFFF;
  text-align: center;
  box-sizing: border-box;
}
#columns::before, .panel h2 {background-color: #703088;}

#columns::before {
  content: '';
  display: block;
  height: 118px;
}

#columns::before, .panel {
  width: 100%;
  margin: 0 0 20px 0;
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: 0 3px 5px #00000080;
}

.panel {
  background-color: #382C2C;
  font: 10px/1.6 'Open Sans', sans-serif;
  padding: 0 10px 10px 10px;
  overflow: hidden;
}

.panel h2 {
  width: calc(100% + 20px);
  height: 40px;
  font-size: 0;
  padding: 0;
  margin: 0 0 10px -10px;
  border-bottom: 1px solid #000;
}
#id_comments h2 {background-position-y: -120px;}
#id_footprints h2 {background-position-y: -160px;}
.custom_panel h2 {background-position-y: -200px;}

.custom_panel img, .postcontent img {max-width: 100%;}
.panel a {color: lightblue;}
.panel a:hover {color: turquoise;}

/* Comments */

#id_comments #alerts_banner {display: none;}
#id_comments .postcontent {text-align: justify;}
#id_comments h2 {margin-bottom: 15px !important;}
#id_comments dl {margin-top: 50px;}
#id_comments dd {margin: 0 0 15px 0;}
#id_comments dd:last-of-type {margin: 0;}

#id_comments dt {
  height: auto;
  line-height: normal;
  padding: 0 0 4px 0;
  margin: 0 0 3px 0;
  border-bottom: 1px dotted #FFFFFF40;
}
#id_comments .date a {font-weight: 400;}

#id_comments .dropBox {
  background: #FFFFFF40;
  width: 48px;
  height: 56px;
  margin: 4px 10px 0 0;
  border: 1px solid #000;
  overflow: hidden;
}

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

#id_comments .deletecomment {
  text-align: right;
  margin: 0 0 0 10px;
}

/* Comments Links */

#id_comments h2 ~ div:first-of-type, #id_comments h2 ~ p {
  background: #703088;
  width: calc(50% - 5px);
  height: 22px;
  line-height: 21px;
  position: relative;
  border-radius: 2px;
  box-shadow: 0 1px 3px #00000080;
  transition: background .5s ease-in-out;
}
#id_comments h2 ~ div:first-of-type:hover, #id_comments h2 ~ p:hover {background: #8C7CF0;}

#id_comments h2 ~ div:first-of-type {
  float: left;
  font-size: 0;
}

#id_comments #alert_container {
  float: none;
  padding: 0;
}

#id_comments h2 ~ p {
  float: right;
  margin: 0;
}

#id_comments h2 ~ div:first-of-type a, #id_comments h2 ~ p a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#id_comments h2 ~ div:first-of-type a::after, #id_comments h2 ~ p a {
  color: #FFFFFF;
  font-size: 10px;
  text-transform: uppercase;
}
#id_comments h2 ~ div:first-of-type a::after {content: 'Leave A Comment';}