Code for ReppyBars

/* Cody By AlthIndor, Graphics by Visual Light */

#site, #wishlist, #bar li {background: url('https://i.imgur.com/PB0BaQg.png') !important;}
body {background: url('https://i.imgur.com/brWj1nP.jpg') fixed bottom center / cover;}
a {text-decoration: none !important;}

/* Fonts */

@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/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

/* Header */

#gaia_header {
 background: none;
 overflow: hidden;
}

#gaia_header #header_left, #gaia_header #header_right {
 background: none;
 width: 50%;
 color: transparent;
 font-size: 8px;
 line-height: 26px !important;
}
#header_left .spacer {display: none;}

#header_left img {
 background: url('https://i.imgur.com/s0NkOhU.png') 6px 1px no-repeat;
 width: 0px !important;
 padding: 0 52px 0 0;
}

#header_right .favorites_add {
 background: none !important;
 margin: 0 -1px 0 8px;
}

#header_right .favorites_add::before {
 content: '❤';
 font-size: 16px;
 position: absolute;
 top: -4px;
 left: 1px;
}

#gaia_header a {
 color: #FFFFFF !important;
 font-family: 'Open Sans', sans-serif;
 font-size: 10px;
 font-weight: bold;
 letter-spacing: 0.05em;
 text-transform: uppercase;
 opacity: .9;
 transition: .5s ease-in-out;
}
#gaia_header a:hover {color: #FFA0B0 !important;}

/* Remove Sections */

#header {display: none;}
#details {display: none;}
#friends {display: none;}
#journal {display: none;}
#multimedia {display: none;}
#signature {display: none;}
.section h2 {display: none;}

#profile .avatar {display: none;}
#profile .items {display: none;}

/* Main Profile */

#site, #content, #content #sidebar, #content #main {
 padding: 0;
 margin: 0;
}

#site {
 width: 960px;
 height: 710px;
 position: absolute;
 top: calc((100% - 710px)  / 2);
 left: calc((100% - 960px) / 2);
}

#content #sidebar, #content #main {
 width: 1px;
 height: 1px;
 position: absolute;
 top: 0;
 left: 0;
 overflow: visible;
}

#content #main {
 min-height: 0;
 border: none;
}

/* Sections */

.section {
 background: none !important;
 color: #403038;
 font-family: 'Open Sans', sans-serif;
 font-size: 11px;
 line-height: 1.6em;
 text-align: justify !important;
 position: absolute;
 box-sizing: border-box;
}

.section:not(#profile) {
 width: 450px;
 left: 128px;
 border: 10px solid transparent;
 overflow-x: hidden;
 overflow-y: scroll;
}
#about, #comments, #wishlist:hover {height: 239px;}
#about, #comments {padding: 0 10px 0 0;}

.section a, .section a:visited {
 color: #904864 !important;
 font-weight: bold;
}

/* Contact Bar */

#profile {
 width: 190px;
 padding: 0;
 position: absolute !important;
 top: 46px;
 left: 645px;
}

#bar {
 margin: 0;
 height: 100%;
}
#bar, #bar li a {background: none !important;}

#bar li, #bar li a {
 display: block;
 width: 49px !important;
 height: 49px;
 font-size: 0;
 padding: 0;
 border-radius: 50%;
}
#bar li {opacity: 0; transition: opacity .5s ease-in-out;}
#bar li:hover {opacity: 1;}

#bar #onlineButton, #bar #offlineButton, #bar #ignoreButton {display: none;}
#bar #addButton, #bar #msgButton {margin-right: 21px;}
#bar #addButton {background-position: -1px -711px !important;}
#bar #msgButton {background-position: -51px -711px !important;}
#bar #tradeButton {background-position: -101px -711px !important;}

/* About */

#about {top: 106px;}
#about .links {display: none;}

/* Comments */

#comments {
 top: 358px;
 z-index: 2;
}
#comments #alerts_banner, #comments .admin, #comments h2 ~ p, #comments dt {display: none;}
#comments dd::before, #comments dd::after {display: none;}
#comments dl, #comments .date {padding: 0;}
#comments dl dd, #comments dd:last-of-type .message {margin: 0;}

#comments dl dd {
 background: none;
 border: none;
}

#comments .date {
 display: block;
 float: right;
 font-style: normal;
}

#comments .date ~ p {
 line-height: 18px;
 text-transform: uppercase;
}

#comments .message {
 background: none !important;
 min-height: 0px !important;
 font-size: inherit;
 left: 0;
 padding: 0;
 margin: 0 0 15px 0;
}

#comments .postcontent {
 text-align: inherit;
 padding: 4px 0 0 0;
 margin: 3px 0 0 0;
 border-top: 1px solid #403038;
}

/* Comments Links */

#comments .links {
 width: 190px;
 height: 24px;
 position: fixed;
 top: calc((100% - 710px)  / 2 + 608px);
 left: calc((100% - 960px) / 2 + 645px);
}
#comments .links, #comments .links * {margin: 0;}
#comments .alert_container li:nth-last-of-type(1) {display: none;}

#comments .links * {
 display: block;
 width: 100%;
 height: 100%;
 font-size: 0;
}

/* Wish List */

#wishlist {
 background-position: -128px -358px !important;
 background-origin: border-box !important;
 height: 0;
 padding: 0;
 top: 358px;
 z-index: 1;
}
#wishlist:hover {z-index: 9;}

#wishlist::before {
 content: '';
 width: 456px;
 height: 45px;
 position: fixed;
 top: calc((100% - 710px)  / 2 + 596px);
 left: calc((100% - 960px) / 2 + 126px);
}

#wishlist li, #wishlist li a {display: block;}
#wishlist li {float: left;}
#wishlist .item {background: none;}

#wishlist li a {
 background: rgba(255,160,176,.5);
 width: 30px;
 height: 30px;
 padding: 3px;
 margin: 0 9px 9px 0;
 border-radius: 3px;
 transition: background .5s ease-in-out;
}
#wishlist li a:hover {background: #FFFFFF;}