Pro for milk stain

/* Profile by AlthIndor */

:root {
  --h-brt: #FFFFFF;
  --h-mid: #DFDFDF;
  --s-mid: #808080;
  --s-drk: #000000;
  --title: #000080;
  --wndow: #C0C0C0;
  --textc: #000000;
}

html, body {
  background: #008080;
  font: 12px 'Open Sans', sans-serif;
}
a {text-decoration: none !important;}
* {cursor: url('https://cur.cursors-4u.net/nature/nat-4/nat317.png') 0 10, auto !important;}

#panel-details {
  position: absolute;
  top: 30px;
  left: 0;
}

#panel-details div, #panel-details::after {
  width: 74px;
  height: 50px;
  color: #FFFFFF;
  line-height: 85px;
  text-align: center;
  margin-bottom: 25px;
}
#panel-details h2 {display: none;}

#panel-details .hd::before {content: 'Computer';}
#panel-details .bd::before {content: 'Documents';}
#panel-details .ft::before {content: 'Network';}

#panel-details::after {
  content: 'Trash Bin';
  display: block;
}

/* Icon Sheet */

#gaia_header li:nth-child(n+2) a,
#panel-details div,
#panel-details::after,
#id_footprints .item,
.custom_panel li:nth-child(1),
.custom_panel li:nth-child(3)::after {
  background: url('https://i.imgur.com/q6s8vJe.png') no-repeat;
}

.custom_panel li:nth-child(1)::after {
  -webkit-mask: url('https://i.imgur.com/q6s8vJe.png') 0 -236px no-repeat;
  mask: url('https://i.imgur.com/q6s8vJe.png') 0 -236px no-repeat;
}

#gaia_header li a[href*='mygaia'] {background-position-y: -22px;}
#gaia_header li a[href*='market'] {background-position-y: -44px;}
#gaia_header li a[href*='forum']  {background-position-y: -66px;}
#gaia_header li a[href*='world']  {background-position-y: -88px;}
#gaia_header li a[href*='games']  {background-position-y: -110px;}
#gaia_header li a[href*='=edit']  {background-position-y: -132px;}
#gaia_header li a[href*='logout'] {background-position-y: -154px;}
#gaia_header li a[href*='report'] {background-position-y: -176px;}
#header_right li:nth-of-type(2) a:not([href*='edit']) {background-position-y: -132px;}

#panel-details .hd {background-position-y: -467px;}
#panel-details .bd {background-position-y: -519px;}
#panel-details .ft {background-position-y: -571px;}
#panel-details::after {background-position-y: -623px;}

#id_footprints .item {background-position-y: bottom;}

.custom_panel li:nth-child(1) {background-position-y: -207px;}
.custom_panel li:nth-child(3)::after {background-position-y: -258px;}

/* Fonts */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url('https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVI.woff2') format('woff2');
}

/* Header */

#viewer #gaia_header, #viewer #gaia_header li {display: flex !important;}
#viewer #gaia_header img {display: none !important;}
#header_left li:nth-child(2) {order: -1;}

#viewer #gaia_header {
  background: var(--wndow) !important;
  height: 26px !important;
  padding: 2px !important;
  box-shadow: 0 1px var(--s-mid),
    0 2px var(--s-drk);
  box-sizing: border-box;
  gap: 3px;
}

#viewer #gaia_header ul {
  display: contents !important;
  font: 400 0/21px 'Open Sans', sans-serif !important;
  text-align: left !important;
}

#gaia_header a, #gaia_header a::before, #header_right::after {font-size: 12px !important;}
#gaia_header a, #header_right::after {color: var(--textc) !important;}
#gaia_header a {font-weight: 400;}

#header_left .spacer {
  margin: 0 1px 0 -1px;
  padding: 2px 0 0 4px;
  box-shadow:
    1px 0 var(--s-mid) inset,
    2px 0 var(--h-brt) inset;
}

#header_left .spacer::before {
  content: '';
  width: 3px;
  height: 18px;
  box-shadow:
    -1px -1px var(--s-mid) inset,
    1px 1px var(--h-brt) inset;
}

#header_right li:nth-child(1) {
  flex-grow: 1;
  justify-content: right;
  order: 1;
}
#header_right li:nth-child(1) a:hover {font-weight: 700;}

#header_right::after {
  content: '12:01 PM';
  margin: 0 0 0 3px;
  padding: 0 8px;
  border-left: 2px solid transparent;
  box-shadow:
    -1px 0 var(--h-brt),
    -2px 0 var(--s-mid),
    -1px -1px var(--h-brt) inset,
    +1px +1px var(--s-mid) inset;
  order: 2;
}

#header_right :is(a[href*='edit'], a[href*='logout'], a[href*='report']) {font-size: 0 !important;}
#header_right a[href*='edit']::before {content: 'Editor';}
#header_right a[href*='logout']::before {content: 'Logout';}
#header_right a[href*='report']::before {content: 'Report';}

#gaia_header li:nth-child(n+2) a {
  width: 97px;
  padding: 0 0 0 23px;
  box-shadow:
    -1px -1px var(--s-drk) inset,
    +1px +1px var(--h-brt) inset,
    -2px -2px var(--s-mid) inset,
    +2px +2px var(--h-mid) inset;
}
#header_left li:nth-child(2) a {width: 31px;}

/* Columns */

#columns, #column_1 {
  width: 640px;
  height: 480px;
}

#columns {
  top: calc(50% - 240px);
  left: calc(50% - 320px);
  contain: layout;
}

#columns .column {
  font-size: 0;
  margin: 0;
  position: absolute;
}
#column_3 {display: contents;}

#column_2 {
  width: calc(100% - 10px);
  height: calc(100% - 122px);
  top: 44px;
  left: 4px;
}

/* Panels */

.panel, .panel h2 {
  color: var(--textc);
  font: 400 12px 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
}

#column_1 .panel, #column_3 .panel {background: none;}
#column_1 h2, #column_3 h2 {display: none;}

.panel {
  position: absolute;
  box-sizing: border-box;
  overflow: hidden;
}

.panel .clear {display: none;}
.panel a {color: var(--title);}
.panel img:not(.avatarImage) {max-width: 100% !important;}

#column_2 .panel {
  background: linear-gradient(#FFF0 3px, #FFFF 3px, #FFFF calc(100% - 3px), #FFF0 calc(100% - 3px)) local padding-box;
  width: 100%;
  height: 100%;
  padding: 13px 10px;
  top: -100%;
  right: 0;
  border-left: 62px solid transparent;
  overflow-y: scroll;
}
#column_2 .panel:hover {top: 0;}

.spoiler-control, #id_comments :is(h2 + div a, h2 ~ p a) {
  background: var(--wndow);
  width: 100px;
  height: 22px;
  font: inherit;
  text-transform: capitalize;
  border: none;
  box-shadow:
    -1px -1px var(--s-drk) inset,
    +1px +1px var(--h-mid) inset,
    -2px -2px var(--s-mid) inset,
    +2px +2px var(--h-brt) inset;
}

.spoiler-revealed {
  padding: 4px;
  border: 1px dotted var(--title);
}
.spoiler-revealed .spoiler-control {margin-bottom: 4px;}

/* Panel Headers, Contact Buttons */

#column_2 h2, #id_contact, #id_contact * {height: 18px;}
#id_contact {left: 239px;}

#column_2 h2, #id_contact {
  line-height: 18px;
  font-weight: 400;
  text-align: center;
  text-transform: capitalize;
  position: fixed;
  top: 23px;
}

#column_2 h2 {
  background: none;
  cursor: default;
}
#column_2 h2::first-letter {text-decoration: underline;}

#about_title {
  width: 48px;
  left: 4px;
}

#wishlist_title {
  width: 58px;
  left: 52px;
}

#comments_title {
  width: 74px;
  left: 110px;
}

#footprints_title {
  width: 55px;
  left: 184px;
}

#id_contact li {
  float: left;
  position: relative;
}

#id_contact li * {
  display: block;
  color: inherit;
  font-size: 0;
  font-weight: inherit;
  padding: 0 7px;
}

#id_contact li *::before {font-size: 12px;}
#id_contact li:nth-child(1) *::before {content: 'Friend';}
#id_contact li:nth-child(2) *::before {content: 'Message';}
#id_contact li:nth-child(3) *::before {content: 'Trade';}

#id_contact li a::after {
  content: ' ';
  background: currentColor;
  height: 1px;
  position: absolute;
  left: 7px;
  top: 14px;
}
#id_contact li:nth-child(1) a::after {width: 6px;}
#id_contact li:nth-child(2) a::after {width: 10px;}
#id_contact li:nth-child(3) a::after {width: 7px;}

#column_2 .panel:hover h2 {
  text-indent: 2px;
  line-height: 20px;
  box-shadow:
    -1px -1px var(--h-brt) inset,
    +1px +1px var(--s-mid) inset;
}
#column_2 .panel:hover h2 {border-bottom: 3px solid transparent;}

#id_contact li a:hover {
  box-shadow:
    -1px -1px var(--s-mid) inset,
    +1px +1px var(--h-brt) inset;
}

/* Comments */

#id_comments #alerts_banner {display: none;}
#id_comments #alert_container {display: contents;}

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

#id_comments dt {
  display: flex;
  justify-content: space-between;
  height: 0;
  line-height: 1;
  text-align: left;
  margin: 0 0 0 60px;
  padding: 0;
  position: relative;
  border: none;
}

#id_comments dd {
  display: grid;
  grid-template: max-content 1fr / max-content calc(100% - 60px);
  gap: 0 8px;
  margin: 0 0 20px 0;
}
#id_comments dd:last-of-type {margin: 0;}

#id_comments .dropBox, #id_comments .dropBox::after {
  width: 52px;
  height: 52px;
}

#id_comments .dropBox {
  grid-area: 1/1/3/2;
  background: var(--s-mid);
  position: relative;
  overflow: hidden;
}

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

#id_comments .dropBox::after {
  content: '';
  position: absolute;
  top: 0;
  box-shadow:
    -1px -1px var(--h-brt) inset,
    +1px +1px var(--s-mid) inset,
    -2px -2px var(--h-mid) inset,
    +2px +2px var(--s-drk) inset;
}

#id_comments .deletecomment {
  grid-row: 2;
  display: flex;
  float: none;
  margin: 0;
}
#id_comments .deletecomment a:first-child {order: -1;}
#id_comments .deletecomment br {display: none;}

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

#id_comments .postcontent::before {
  content: ' ';
  display: block;
  white-space: pre;
  margin: 0 0 2px 0;
  border-bottom: 1px dotted var(--title);
}

/* Comments Buttons */

#id_comments :is(h2 + div, h2 ~ p) {
  width: calc(50% - 4px);
  height: 22px;
  text-align: center;
}
#id_comments h2 + div {float: left;}

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

#id_comments :is(h2 + div, h2 ~ p) a {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  line-height: 23px;
}
#id_comments h2 + div a {font-size: 0;}

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

/* Wish List */

#id_wishlist .item {
  float: none;
  width: max-content;
  height: 30px;
  position: relative;
}
#id_wishlist .item:nth-of-type(n+2) {margin-top: 4px;}

#id_wishlist a {
  display: flex;
  align-items: center;
  color: inherit;
  font-weight: 400;
}
#id_wishlist a:hover {color: #FFFFFF;}

#id_wishlist a::before {
  background: var(--title);
  width: 30px;
  height: 30px;
  position: absolute;
  mix-blend-mode: color;
}
#id_wishlist a:hover::before {content: '';}

#id_wishlist a::after {
  content: attr(title);
  margin-left: 2px;
  padding: 2px 6px 2px 4px;
}

#id_wishlist a:hover::after {
  background: var(--title);
  outline: 1px dotted var(--title);
  outline-offset: -1px;
  box-shadow: 0 0 0 1px lightyellow inset;
}

.owner_checkmark, .private_checkmark {
  margin: 0;
  z-index: unset;
  pointer-events: none;
}
.premium_sparkle {display: none;}

.owner_checkmark {
  background: url('https://i.imgur.com/UzAXOFf.png') 0 -88px var(--title);
  width: 0;
  padding: 10px 12px 0 0;
  bottom: 0;
  border: 1px solid var(--title);
  border-width: 1px 0;
}

.private_checkmark {
  position: unset;
  order: 1;
}

/* Visitors */

#id_footprints .item {
  display: grid;
  grid-auto-flow: column;
  justify-content: left;
  height: 16px;
  line-height: 16px;
  padding-left: 19px;
}
#id_footprints .item:nth-child(n+2) {margin-top: 2px;}

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

/* MS Paint Theme */

.custom_panel,
.custom_panel :is(div, ul) {
  width: 100%;
  height: 100% !important;
  top: 0;
}

.custom_panel ul,
.custom_panel li:nth-child(3),
.custom_panel li:nth-child(4) {
  display: grid;
}

.custom_panel ul {
  grid-template: 18px 20px 1fr 47px 25px / 100%;
  background: var(--wndow);
  margin: 0 !important;
  padding: 4px;
  box-shadow:
    -1px -1px var(--s-drk) inset,
    +1px +1px var(--h-mid) inset,
    -2px -2px var(--s-mid) inset,
    +2px +2px var(--h-brt) inset;
  box-sizing: border-box;
}

.custom_panel li:nth-child(1),
.custom_panel li:nth-child(5) {
  display: flex;
}

.custom_panel li:nth-child(1) {
  background-color: var(--title);
  color: #FFFFFF;
  font-weight: 900;
  line-height: 14px;
  padding: 2px 2px 2px 20px;
}

.custom_panel li:nth-child(1)::before {
  content: 'untitled - Paint';
  flex-grow: 1;
}

.custom_panel li:nth-child(1) b {
  background: var(--wndow);
  width: 16px;
  height: 14px;
  box-shadow:
    -1px -1px var(--s-drk) inset,
    +1px +1px var(--h-brt) inset,
    -2px -2px var(--s-mid) inset,
    +2px +2px var(--h-mid) inset;
}
.custom_panel li:nth-child(1) b:last-child {margin-left: 2px;}

.custom_panel li:nth-child(1)::after,
.custom_panel li:nth-child(3)::after {
  content: '';
  position: absolute;
}

.custom_panel li:nth-child(1)::after {
  background: var(--textc);
  width: 50px;
  height: 14px;
  top: 8px;
  right: 6px;
}

.custom_panel li:nth-child(3) {
  grid-template: 100% / 57px 1fr;
  gap: 1px;
  background: var(--s-mid);
  padding-top: 1px;
  border: 1px solid var(--h-brt);
  border-width: 0 1px 1px 0;
}

.custom_panel li:nth-child(3) b:first-child {
  background: var(--wndow);
  padding-left: 4px;
  border-top: 1px solid var(--h-brt);
  border-bottom: 1px solid var(--s-mid);
  overflow: hidden;
}

.custom_panel li:nth-child(3) i {
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  box-shadow:
    -1px -1px var(--s-drk) inset,
    +1px +1px var(--h-brt) inset,
    -2px -2px var(--s-mid) inset;
}
.custom_panel li:nth-child(3) i:nth-last-child(n+16) {margin-top: -2px;}

.custom_panel li:nth-child(3) i:last-child {
  width: 40px;
  height: 65px;
  margin: 3px 0 0 4px;
  box-shadow:
    +1px +1px var(--s-mid) inset,
    +1px +1px var(--h-brt);
}

.custom_panel li:nth-child(3) b:last-child {
  border: 1px solid var(--h-mid);
  border-width: 0 1px 1px 0;
  box-shadow: 1px 1px var(--s-drk) inset;
}

.custom_panel li:nth-child(3)::after {
  width: 50px;
  height: 200px;
  top: 43px;
  left: 8px;
}

.custom_panel li:nth-child(4) {
  grid-template: 16px 16px / 31px repeat(14, 16px);
  grid-auto-flow: column;
  align-content: center;
}

.custom_panel li:nth-child(4) b {
  box-shadow:
    -1px -1px var(--h-brt) inset,
    +1px +1px var(--s-mid) inset,
    -2px -2px var(--wndow) inset,
    +2px +2px var(--s-drk) inset;
}

.custom_panel li:nth-child(4) b:first-child {
  grid-row: 1/3;
  background: #FFFFFF80;
  position: relative;
}

.custom_panel li:nth-child(4) i {
  width: 13px;
  height: 13px;
  position: absolute;
  border: 1px solid transparent;
  border-color: var(--h-brt) var(--s-mid) var(--s-mid) var(--h-brt);
  box-shadow: 0 0 0 1px var(--wndow) inset;
}

.custom_panel li:nth-child(4) i:first-child {
  background: var(--color2);
  right: 5px;
  bottom: 5px;
}

.custom_panel li:nth-child(4) i:last-child {
  background: var(--color1);
  top: 5px;
  left: 4px;
}

.custom_panel li:nth-child(5) {
  gap: 2px;
  padding-top: 4px;
  box-shadow:
    0 +1px var(--s-mid) inset,
    0 +2px var(--h-brt) inset;
}

.custom_panel li:nth-child(5) b {
  font-weight: 400;
  line-height: 21px;
  padding: 0 2px;
  box-shadow:
    -1px -1px var(--h-brt) inset,
    +1px +1px var(--s-mid) inset;
}

.custom_panel li:nth-child(5) b:nth-child(1) {flex-grow: 1;}
.custom_panel li:nth-child(5) b:nth-child(1)::before {content: 'For Help, click Help Topics on the Help Menu.';}
.custom_panel li:nth-child(5) b:nth-child(n+2) {width: 113px;}

/* Paint Custom Colors */

:root {
  --color1: #000;
  --color2: #FFF;
}

.custom_panel li:nth-child(4) b:nth-child(02) {background-color: var(--color1);}
.custom_panel li:nth-child(4) b:nth-child(03) {background-color: var(--color2);}
.custom_panel li:nth-child(4) b:nth-child(04) {background: #808080;}
.custom_panel li:nth-child(4) b:nth-child(05) {background: #C0C0C0;}
.custom_panel li:nth-child(4) b:nth-child(06) {background: #800000;}
.custom_panel li:nth-child(4) b:nth-child(07) {background: #FF0000;}
.custom_panel li:nth-child(4) b:nth-child(08) {background: #808000;}
.custom_panel li:nth-child(4) b:nth-child(09) {background: #FFFF00;}
.custom_panel li:nth-child(4) b:nth-child(10) {background: #008000;}
.custom_panel li:nth-child(4) b:nth-child(11) {background: #00FF00;}
.custom_panel li:nth-child(4) b:nth-child(12) {background: #008080;}
.custom_panel li:nth-child(4) b:nth-child(13) {background: #00FFFF;}
.custom_panel li:nth-child(4) b:nth-child(14) {background: #000080;}
.custom_panel li:nth-child(4) b:nth-child(15) {background: #0000FF;}
.custom_panel li:nth-child(4) b:nth-child(16) {background: #800080;}
.custom_panel li:nth-child(4) b:nth-child(17) {background: #FF00FF;}
.custom_panel li:nth-child(4) b:nth-child(18) {background: #808040;}
.custom_panel li:nth-child(4) b:nth-child(19) {background: #FFFF80;}
.custom_panel li:nth-child(4) b:nth-child(20) {background: #004040;}
.custom_panel li:nth-child(4) b:nth-child(21) {background: #00FF80;}
.custom_panel li:nth-child(4) b:nth-child(22) {background: #0080FF;}
.custom_panel li:nth-child(4) b:nth-child(23) {background: #80FFFF;}
.custom_panel li:nth-child(4) b:nth-child(24) {background: #004080;}
.custom_panel li:nth-child(4) b:nth-child(25) {background: #8080FF;}
.custom_panel li:nth-child(4) b:nth-child(26) {background: #4000FF;}
.custom_panel li:nth-child(4) b:nth-child(27) {background: #FF0080;}
.custom_panel li:nth-child(4) b:nth-child(28) {background: #804000;}
.custom_panel li:nth-child(4) b:nth-child(29) {background: #FF8040;}

/* Put Image Here */

.custom_panel li:nth-child(3) b:last-child {background: url('');}