Pro for tanmono

/* Profile By AlthIndor */

:root {
  --color-1: #CF6A76;
  --color-2: lemonchiffon;
  --color-3: #695A45;
  --color-4: #FCDEE2;
  --top-offset: 150px;
  --drop-shadow: 0 2px 5px #40000080;
}

html, body {
  background: url(https://i.imgur.com/0cBt7ef.png) center #FCDEE2;
  height: revert;
  min-height: 100vh;
}
body {padding-top: var(--top-offset);}

::selection {
  background: #3399FF;
  color: #FFFFFF;
}

/* Fonts */

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

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), url('https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOUuhp.woff2') format('woff2');
}

/* Header */

#gaia_header, #header_left, #header_right {box-sizing: border-box;}
#gaia_header li.spacer {display: none !important;}

#viewer #gaia_header {
  background: var(--color-3) !important;
  width: calc(100% - 20px) !important;
  height: 40px !important;
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  border-radius: 5px;
  box-shadow: var(--drop-shadow);
}

#gaia_header #header_left, #gaia_header #header_right {
  background: none !important;
  width: auto !important;
  font: 0/40px 'Kosugi Maru', sans-serif !important;
  padding: 0 15px !important;
}
#gaia_header #header_right {float: right;}

#header_left img {
 -webkit-mask: url('https://i.imgur.com/5FTB40o.png') no-repeat 0 2px;
  mask: url('https://i.imgur.com/5FTB40o.png') no-repeat 0 2px;
  background: #FFFFFF;
  width: 0 !important;
  padding: 0 37px 0 0;
}
#header_left li:nth-of-type(2) a:hover img {background: var(--color-4);}

#gaia_header a {
  color: #FFFFFF !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: .05em;
  text-decoration: none !important;
  text-transform: uppercase;
}
#gaia_header a:hover {color: var(--color-4) !important;}

#header_left li:nth-of-type(n+3)::before, #header_right li:nth-of-type(n+2)::before {
  content: '■';
  font-size: 10px;
  margin: 0 8px 0 7px;
  position: relative;
  top: -2px;
}

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

/* Columns */

#columns {
  float: none;
  width: 430px;
  font-size: 0;
  padding-top: 70px;
  margin: 0 auto;
  position: static;
  transform: translateZ(0);
  overflow: visible;
}
#columns .column {display: contents;}

/* Panels */

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

.panel a {
  color: var(--color-1);
  text-decoration: dotted underline;
}
.panel a:hover {color: inherit;}

.panel {
  color: var(--color-3);
  font: 10px/1.6 'Open Sans', sans-serif;
  text-align: justify;
}

.panel:not(#id_contact):not(.media_panel) {
  padding: 0 15px 15px 15px;
  margin-bottom: 30px;
}

.panel:not(#id_contact) {
  background: #FFFFFF;
  border-radius: 5px;
  box-shadow: var(--drop-shadow);
}

.panel h2 {
  background: var(--color-3);
  width: calc(100% + 30px);
  height: 40px;
  font: 20px/40px 'Kosugi Maru', monospace;
  letter-spacing: .05em;
  text-align: center;
  margin: 0 0 15px -15px;
}

#id_about img, #id_comments .postcontent img {max-width: 100%;}

/* Contact Buttons */

#id_contact, #id_comments h2 + div a, #id_comments h2 ~ p a, .media_panel {
  position: fixed;
  top: 0;
}
#id_contact h2, .media_panel h2 {display: none;}

#id_contact {
  background: none;
  overflow: visible;
}

#id_contact li, #id_comments h2 + div a, #id_comments h2 ~ p a {
  background: var(--color-3);
  width: 60px;
  height: 40px;
  border-radius: 5px;
  box-shadow: var(--drop-shadow);
}
#id_contact li:hover, #id_comments h2 + div a:hover, #id_comments h2 ~ p a:hover {background: var(--color-1);}

#id_contact li {
  float: left;
  margin-right: 10px;
  position: relative;
}

#id_contact li *, #id_comments h2 + div a, #id_comments h2 ~ p a {
  color: #FFFFFF;
  font-size: 0;
  text-align: center;
}

#id_contact li * {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#id_contact li a {text-decoration: none;}

#id_comments h2 + div a, #id_comments h2 ~ p a {text-decoration: none;}
#id_comments h2 + div a {left: 210px;}
#id_comments h2 ~ p a {left: 280px;}

#id_contact li *::before, #id_comments h2 + div a::before, #id_comments h2 ~ p a::before {font: 20px/40px 'Kosugi Maru', monospace;}
#id_contact li:nth-of-type(1) *::before {content: 'ADD';}
#id_contact li:nth-of-type(2) *::before {content: 'MSG';}
#id_contact li:nth-of-type(3) *::before {content: 'TRD';}
#id_comments h2 + div a::before {content: 'CMT';}
#id_comments h2 ~ p a::before {content: 'ALL';}

/* Comments */

#id_comments {padding-bottom: 0 !important;}
#id_comments h2 {margin-bottom: 0;}
#id_comments #alert_container, #id_comments h2 + div, #id_comments h2 ~ p {display: contents;}
#id_comments #alerts_banner {display: none;}

#id_comments dt, #id_comments dd {
  width: 100%;
  margin-left: -15px;
}
#id_comments dd:nth-of-type(even), #id_comments dt:nth-of-type(even) {background: var(--color-2);}
#id_comments dd:nth-of-type(even):last-of-type, #id_comments dt:nth-of-type(even):last-of-type {display: none;}

#id_comments dt {
  height: revert;
  line-height: revert;
  padding: 10px 15px 4px 15px;
  border-bottom: none;
}

#id_comments dd {
  padding: 0 15px 15px 15px;
  margin-bottom: 0;
}

#id_comments .dropBox {
  background: #FFFFFF;
  width: 48px;
  height: 54px;
  margin: 5px 10px 0 0;
  border: 1px solid #000000;
  overflow: hidden;
}

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

#id_comments .deletecomment {
  text-align: right;
  margin: 0 0 10px 25px;
}
#id_comments .deletecomment a:first-of-type::after {content: ' Comment'; letter-spacing: .02em;}

#id_comments .deletecomment a:last-of-type {
  font-size: 0;
  text-decoration: none;
}

#id_comments .deletecomment a:last-of-type::after {
  content: 'Return Comment';
  font-size: 10px;
  text-decoration: dotted underline;
}


/* Wish List */

#id_wishlist {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 10px;
}
#id_wishlist .clear, .premium_sparkle {display: none;}

#id_wishlist h2 {
  margin-bottom: 5px;
  grid-column: span 8;
}

#id_wishlist .item {
  background: var(--color-4);
  width: 100%;
  height: 40px;
  text-align: center;
  padding: 5px;
  position: relative;
  border-radius: 5px;
  box-sizing: border-box;
}
#id_wishlist .item:hover {background: var(--color-1);}

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

/* Visitors */

#id_footprints {padding: 0 0 10px 0 !important;}
#id_footprints h2 {margin-bottom: 10px;}

#id_footprints .item {padding: 5px 15px;}
#id_footprints .item:nth-of-type(even) {background: var(--color-2);}
#id_footprints .item:nth-of-type(even):nth-last-of-type(2) {display: none;}

/* Media */

.media_panel {
  background: url('https://i.imgur.com/gqTTTvw.png') -16px -2px var(--color-3) !important;
  width: 80px;
  height: 40px !important;
  right: 0;
}
.media_panel:hover {background-color: var(--color-1) !important;}

.media_panel iframe {
  position: absolute;
  bottom: 2px;
  left: -9px;
  opacity: .001;
}

/* Misc */

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

/* Kosugi Maru Font */

/* [117] */
@font-face {
  font-family: 'Kosugi Maru';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/kosugimaru/v6/0nksC9PgP_wGh21A2KeqGiTv4ur_mWjfXWdNMtg65zwIiCccFzPAsA.117.woff2) format('woff2');
  unicode-range: U+4e, U+a0, U+3000, U+300c-300d, U+4e00, U+4e0a, U+4e2d, U+4e8b, U+4eba, U+4f1a, U+5165, U+5168, U+5185, U+51fa, U+5206, U+5229, U+524d, U+52d5, U+5408, U+554f, U+5831, U+5834, U+5927, U+5b9a, U+5e74, U+5f0f, U+60c5, U+65b0, U+65b9, U+6642, U+6700, U+672c, U+682a, U+6b63, U+6c17, U+7121, U+751f, U+7528, U+753b, U+76ee, U+793e, U+884c, U+898b, U+8a18, U+9593, U+95a2, U+ff01, U+ff08-ff09;
}

/* [118] */
@font-face {
  font-family: 'Kosugi Maru';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/kosugimaru/v6/0nksC9PgP_wGh21A2KeqGiTv4ur_mWjfXWdNMtg65zwIiCccFzPAsA.118.woff2) format('woff2');
  unicode-range: U+21-22, U+27-2a, U+2c-3b, U+3f, U+41-4d, U+4f-5d, U+61-7b, U+7d, U+ab, U+ae, U+b2-b3, U+b7, U+bb, U+c9, U+d6, U+d8, U+dc, U+e0-e5, U+e7-ed, U+ef, U+f1-f4, U+f6, U+f8, U+fa, U+fc-fd, U+103, U+14d, U+1b0, U+1ebf, U+1ec7, U+2013-2014, U+201c-201d, U+2039-203a, U+203c, U+2048-2049, U+2113, U+2122, U+65e5, U+6708, U+70b9;
}

/* [119] */
@font-face {
  font-family: 'Kosugi Maru';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/kosugimaru/v6/0nksC9PgP_wGh21A2KeqGiTv4ur_mWjfXWdNMtg65zwIiCccFzPAsA.119.woff2) format('woff2');
  unicode-range: U+20, U+3001-3002, U+3041-307f, U+3081-308f, U+3091-3093, U+3099-309a, U+309d-309e, U+30a1-30e1, U+30e3-30ed, U+30ef-30f0, U+30f2-30f4, U+30fb-30fe, U+ff0c, U+ff0e;
}