Pro for SSY

/* Code by AlthIndor, Graphics by Cassiel Socks */

body {
 background: url('https://images2.imgbox.com/9f/12/Y44Ku0MD_o.png') fixed, url('https://images2.imgbox.com/a1/f3/jFKwonia_o.png') fixed, url('https://images2.imgbox.com/f4/7f/JOuFWFMj_o.jpg') fixed;
 background-position: top center, center center, top center;
 background-size: cover, cover, cover;
}
body a {text-decoration: none !important;}

#header_left img, #content {background: url('https://images2.imgbox.com/c8/6d/zUY6Hqux_o.png');}

/* Fonts */

@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');
}

@font-face {
 font-family: 'Bubblegum Sans';
 font-style: normal;
 font-weight: 400;
 src: local('Bubblegum Sans Regular'), local('BubblegumSans-Regular'), url(https://fonts.gstatic.com/s/bubblegumsans/v5/Y9iTUUNz6lbl6TrvV4iws3XDLzkeTJI1q7uv6LMmp4I.woff) format('woff');
}

/* Header */

#gaia_header {
 background: rgba(255,128,192,.5);
 border-top: 1px solid transparent;
}

#gaia_header #header_left, #gaia_header #header_right {
 background: none;
 width: 50% !important;
 font-size: 0;
 padding: 0 6px 0 6px;
 box-sizing: border-box;
}
#gaia_header li, #gaia_header a {color: #FFE0C0 !important;}
#gaia_header .spacer {display: none;}

#header_left img {
 background-position: -0 -830px;
 width: 0px !important;
 padding: 0 36px 0 0;
}

#gaia_header a {
 font: bold 12px/22px 'Bubblegum Sans', sans-serif;
 text-transform: lowercase;
}

#header_left li::after, #header_right li::before {
 content: '★';
 font: 12px/20px 'PT Serif', serif;
 margin: 0 5px 0 5px;
}

#gaia_header .avatar {
 top: 3px;
 right: 0;
 filter: sepia(100%) hue-rotate(-20deg) brightness(120%);
}

/* Remove Sections */

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

/* Scrollbars */

#site ::-webkit-scrollbar {
 background: #CC70BE;
 width: 15px;
 border-radius: 5px;
}

#site ::-webkit-scrollbar-thumb {
 background: #FFE0C0;
 border: 2px solid #CC70BE;
 border-radius: 5px;
}

/* Main */

#site, #content, #content #sidebar, #content #main {
 padding: 0;
 margin: 0;
 position: absolute;
 border: none;
}

#site {
 height: 830px;
 width: 1200px;
 top: 0;
 left: calc(50% - 600px);
 transform: scale(1);
}
@media screen and (min-height: 800px) {#site {top: calc(50% - 420px);}}

#content, #content #main {
 width: 100%;
 height: 100%;
}

#content #sidebar {
 width: 120px;
 height: 150px;
 top: 185px;
 left: 298px;
}

/* Sections */

.section {
 background: none !important;
 color: #FFFFFF;
 font: 12px/1.6em 'PT Serif', serif;
 text-shadow: 0 1px 1px #807078;
 padding: 0;
 margin: 0;
 position: absolute;
 box-sizing: border-box;
 overflow: hidden;
}

.section a {color: #FFE0C0;}
.section a:visited {color: #FFE0C0 !important;}

#about, #comments {
 width: 365px;
 height: 230px;
 top: 410px;
 overflow-y: scroll;
}

#about {
 text-align: right;
 padding-right: 10px;
 left: 100px;
}

#sidebar, #profile {overflow: visible;}
#profile img {filter: drop-shadow(0 0 3px pink);}

/* Comments */

#comments {
 padding-left: 10px;
 right: 100px;
 direction: rtl;
}

#comments #alerts_banner, #comments h2 ~ p, #comments dt {display: none;}
#comments dd::before, #comments dd::after {display: none;}
#comments dd:nth-of-type(n+2) {margin-top: 12px;}
#comments dl, #comments .message {padding: 0;}
#comments dl dd, #comments .message {margin: 0;}
#comments dl {direction: ltr;}

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

#comments .message {
 background: none;
 min-height: 0;
 font: inherit;
 position: static;
}

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

#comments .date ~ p {
 padding-bottom: 2px;
 border-bottom: 1px dotted rgba(255,224,192,.5);
}

/* Comments Link */

#comments .links {
 height: 0;
 margin: 0;
 overflow: hidden;
}

#comments #qa_addcomment {
 position: fixed;
 top: 355px;
 right: 180px;
}

/* Media */

#multimedia {
 width: 30px;
 height: 30px;
 top: 121px;
 right: 168px;
}

#multimedia object, #multimedia embed {
 position: absolute;
 bottom: 0;
 left: -10px;
 opacity: .001;
}