Code for Eden-San

/* Code by AlthIndor, Graphics by SugaSharra */

body {background: url('https://images2.imgbox.com/d7/ff/cDtiya5S_o.png') top center;}
#site, #site #bar li, #multimedia {background-image: url('https://images2.imgbox.com/3f/d9/vognfgJq_o.png') !important;}

/* Fonts */

@font-face {
 font-family: 'PT Sans';
 font-style: normal;
 font-weight: 400;
 src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0KEww.woff) format('woff');
}

/* Header */

#gaia_header {
 background: rgba(48,88,180,.5);
 border-bottom: 5px solid transparent;
 overflow: hidden;
}

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

#header_left img {
 background: url('https://i.imgur.com/s0NkOhU.png') 6px 0px 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: 'PT Sans', sans-serif;
 font-size: 11px;
 font-weight: bold;
 text-decoration: none;
 text-transform: uppercase;
 transition: .5s ease-in-out;
}
#gaia_header a:hover {color: #98B8FF !important;}

/* Remove Sections */

#header {display: none;}
#details {display: none;}
#friends {display: none;}
#journal {display: none;}
#signature {display: none;}
#profile .items {display:none;}
#about .links {display: none;}
.section h2 {display: none;}

/* Main Profile */

#site, #content, #content #sidebar, #content #main, .section {
 padding: 0;
 margin: 0;
 position: absolute;
}
#content, #content #sidebar, #content #main {overflow: visible;}
#content #sidebar, #content #main {width: 1px;}
#content #sidebar {left: 0;}

#site {
 width: 1100px;
 height: 890px;
 left: calc(50% - 555px);
 top: -40px;
}

@media screen and (min-height: 800px) {
 body {overflow: hidden;}
 #site {top: calc((100% - 890px) / 2 - 20px);}
}

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

/* Scrollbars */

#site {
 scrollbar-arrow-color: #808080;
 scrollbar-track-color: #203060;
 scrollbar-face-color: #808080;
 scrollbar-shadow-color: #203060;
}

#site ::-webkit-scrollbar {
 background: #203060;
 width: 15px;
 border-radius: 3px;
}

#site ::-webkit-scrollbar-thumb {
 background: #808080;
 border: 1px solid #203060;
 border-radius: 3px;
}

/* Sections */

.section {
 color: #FFFFFF;
 font-family: 'PT Sans', sans-serif;
 box-sizing: border-box;
}

.section a, .section a:visited {
 color: #98B8FF !important;
 text-decoration: none;
}

#about, #comments, #wishlist {
 width: 390px;
 left: 30px;
}

#about, #comments, #wishlist .items {
 overflow-x: hidden;
 overflow-y: scroll;
}

/* Things That Are Buttons */

#bar li, #bar li a, #wishlist .items li, #multimedia {
 display: block;
 width: 40px;
 height: 40px;
}

#bar li, #wishlist .items li, #multimedia {
 background-color: rgba(48,88,180,.5) !important;
 border-radius: 5px;
 transition: background-color .5s ease-in-out;
}
#bar li:hover, #wishlist .items li:hover, #multimedia:hover {background-color: rgba(160,160,160,.5) !important;}

/* Wish List */

#wishlist {
 background: none;
 height: 90px;
 top: 212px;
 overflow: hidden;
}

#wishlist .items {
 width: calc(100% + 30px);
 height: 100%;
}

#wishlist .items li {
 float: left;
 padding: 5px;
 margin: 0 10px 10px 0;
 box-sizing: border-box;
}

#wishlist .item {
 background: none;
 filter: brightness(200%) grayscale(100%);
 transition: filter .5s ease-in-out;
}
#wishlist li:hover .item {filter: none;}

/* About and Comments */

#about, #comments {
 background: rgba(160,160,160,.2);
 height: 240px;
 line-height: 1.4em;
 text-align: justify;
 padding: 0 10px 0 0;
 border: 10px solid transparent;
 border-radius: 5px;
}
#about {top: 312px;}
#comments {top: 563px;}

/* Comments */

#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;
 line-height: 18px;
}
#comments .date ~ p {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: 2px 0 0 0;
 margin: 4px 0 0 0;
 border-top: 1px solid #404040;
}

/* Comments Links */

#comments .alert_container {
 display: block;
 float: none;
 width: 100%;
 font-size: 0;
 margin: 0;
}

#comments .alert_container li {
 background: rgba(32,64,128,.5);
 display: inline-block;
 width: calc(50% - 5px);
 font-size: 10px;
 font-weight: bold;
 text-align: center;
 text-transform: uppercase;
 padding: 5px 0 5px 0;
 margin: 0;
 border-radius: 5px;
}
#comments .alert_container li:nth-of-type(2) {margin-left: 10px;}
#comments .alert_container li a {color: #FFFFFF !important;}

#comments .alert_container li:only-child {
 width: 100%;
 margin: 0;
}

/* Profile and Bar */

#profile {
 background: none;
 width: 120px;
 height: 690px;
 top: 112px;
 left: calc(1080px - 120px);
}

#profile .avatar {
 position: absolute;
 bottom: 0;
 filter: grayscale(100%);
 transition: filter .5s ease-in-out;
}
#profile .avatar:hover {filter: none;}

/* Bar and Media */

#bar, #bar li, #bar li a {font-size: 0;}
#bar li a, #bar li a:hover {background: none !important;}

#bar {
 background: none;
 margin: 0;
 position: absolute;
 right: 0;
}

#bar li {
 float: none;
 margin-bottom: 10px;
}

#bar #onlineButton, #bar #offlineButton, #bar #ignoreButton {display: none;}
#bar #addButton {background-position: right 0;}
#bar #tradeButton {background-position: right -40px;}
#bar #msgButton {background-position: right -80px;}

/* Media */

#multimedia {
 background-position: right -120px;
 background-origin: border-box;
 top: calc(112px + 150px);
 left: calc(1080px - 40px);
 border: 3px solid transparent;
 overflow: hidden;
}

#multimedia object {
 position: absolute;
 bottom: 0;
 left: -18px;
 opacity: 0;
}