Code for Visual Light

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

body {
 background: #FFFFFF;
 color: #185098;
}

/* Fonts */

@font-face {
 font-family: 'Damion';
 font-style: normal;
 font-weight: 400;
 src: local('Damion'), url(https://fonts.gstatic.com/s/damion/v7/hv-XlzJ3KEUe_YZkamww.woff) format('woff');
}

@font-face {
 font-family: 'PT Serif';
 font-style: normal;
 font-weight: 400;
 src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v8/sDRi4fY9bOiJUbgq53yZCfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

/* Header */

#gaia_header {
 background: #4088B8;
 border-bottom: 1px solid transparent;
 overflow: hidden;
 transition: background .7s ease-in-out;
}
#gaia_header:hover {background: #98C8E0;}

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

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

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

#header_right .favorites_add::before {
 content: '❤';
 font-size: 18px;
 position: absolute;
 top: -3px;
 left: 0;
}

/* Links */

a {text-decoration: none !important;}

#gaia_header a, #bar li, #bar li a {
 color: #FFFFFF !important;
 font-family: 'Damion', serif;
 font-size: 15px;
 font-style: italic;
}

/* Scrollbars */

#site {
 scrollbar-arrow-color: #C0C8E0;
 scrollbar-track-color: #FFFFFF;
 scrollbar-face-color: #C0C8E0;
 scrollbar-shadow-color: #FFFFFF;
}

#site ::-webkit-scrollbar {
 background: #FFFFFF;
 width: 13px;
 border-radius: 5px;
}

#site ::-webkit-scrollbar-thumb {
 background: #C0C8E0;
 border-radius: 5px;
}

/* Remove Sections */

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

/* Main Profile */

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

#site {
 background: url('http://i63.tinypic.com/f2e0k.png') top center no-repeat;
 width: 1220px;
 height: 850px;
 position: absolute;
 top: 48px;
 left: calc((100% - 1220px - 90px) / 2);
}

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

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

.section {
 font-family: 'PT Serif', serif;
 font-size: 10px;
 padding: 0;
 margin: 0;
 position: absolute;
 box-sizing: border-box;
}

/* Avatar and Bar */

#profile {
 background: none;
 width: 120px;
 height: 150px;
 top: 580px;
 left: 720px;
}

#profile #bar {
 background: none;
 width: 155px;
 height: 200px;
 position: absolute;
 top: -26px;
 left: -314px;
}

#bar li, #bar li a {
 display: block;
 width: 100% !important;
 height: 31px !important;
 font-size: 18px;
 line-height: 30px;
 text-align: center;
 text-transform: capitalize;
 padding: 0 !important;
}

#bar li {
 background: #4088B8 9px !important;
 float: none;
 text-indent: 0 !important;
 margin-bottom: 24px;
 position: relative;
 border: 1px solid #FFFFFF;
 box-shadow: 0 0 0 1px #4088B8;
 transition: background .7s ease-in-out;
}
#bar li:hover {background: #98C8E0 !important;}
#bar #ignoreButton {display: none;}
#bar a {background: none !important;}

#bar li::before {
 content: '';
 display: block;
 background: #FFFFFF;
 width: 9px;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
}

/* About and Wish List */

#about, #wishlist {
 background: rgba(255,255,255,.5);
 left: 640px;
 text-align: justify;
 border: 10px solid transparent;
 border-radius: 5px;
 overflow-x: hidden;
 overflow-y: scroll;
}

#about {
 width: 429px;
 height: 160px;
 line-height: 1.4em;
 padding-right: 10px;
 top: 220px;
}
#about .links {display: none;}

#wishlist {
 width: 325px;
 height: 110px;
 top: 425px;
}
#wishlist img {background: none !important;}

#wishlist .items li {
 background: #FFFAFA;
 display: block;
 float: left;
 width: 30px;
 height: 30px;
 padding: 5px;
 margin: 0 4px 5px 1px;
 border: 1px solid #185098;
 border-radius: 100%;
 box-shadow: 0 0 0 1px #FFFAFA;
 transition: transform .7s ease-in-out;
}
#wishlist .items li:hover {transform: rotate(360deg);}