Code for Hasty Zorua

/* Code by AlthIndor, Graphics by Visual Light */

html, body {
 background: linear-gradient(to bottom, rgba(128,0,0,.5), rgba(0,0,0,.5)), url('https://i.imgur.com/zR5FhJt.png') fixed center repeat;
 cursor: url('https://i.imgur.com/m4UEHf0.png'), auto !important;
}

/* Fonts */

@font-face {
 font-family: 'Open Sans Condensed';
 font-style: normal;
 font-weight: 700;
 src: local('Open Sans Condensed'), local('OpenSans-Condensed'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xONSK5BxN3NFS4EJkViHIqo.woff) format('woff');
}

@font-face {
 font-family: 'La Belle Aurore';
 font-style: normal;
 font-weight: 400;
 src: local('La Belle Aurore'), local('LaBelleAurore'), url(https://fonts.gstatic.com/s/labelleaurore/v8/RrQIbot8-mNYKnGNDkWlocovHeI4HO2C.woff) format('woff');
}

/* Header */

#gaia_header {
 background: rgba(0,0,0,.3) !important;
 border-bottom: 3px solid transparent;
}

#gaia_header #header_left, #gaia_header #header_right {
 background: none !important;
 font-size: 0px !important;
 padding: 0 3px 0 3px !important;
}
#gaia_header #header_right {float: right !important;}

#gaia_header li {padding: 0 5px 0 5px;}
#gaia_header li.spacer {display: none !important;}
#header_left li:nth-of-type(2) {padding: 0;}

#header_left img {
 background-position: 3px -780px !important;
 width: 0 !important;
 padding: 0 43px 0 0 !important;
}

#gaia_header a {
 color: #B00000 !important;
 line-height: 26px !important;
 text-decoration: none;
 text-shadow: 0 1px 1px rgba(0,0,0,.5);
}

/* Open Sans Links */

#gaia_header a, #id_comments h2 ~ :not(dl) a {
 font-family: 'Open Sans Condensed', script, serif;
 font-size: 12px !important;
 text-transform: uppercase;
 transition: color .5s ease-in-out;
}
#gaia_header a:hover, #id_comments h2 ~ :not(dl) a:hover {color: #D0D0D0 !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {#gaia_header a {line-height: 28px !important;}}

/* Texture Atlas */

#header_left img, #columns, #column_2 .panel {background: url('https://i.imgur.com/iGer6Ib.png') no-repeat;}

/* Scrollbars */

#columns {
 scrollbar-track-color: #800000;
 scrollbar-arrow-color: #000000;
 scrollbar-face-color: #000000;
 scrollbar-shadow-color: #800000;
}

#columns ::-webkit-scrollbar {
 background: #800000;
 width: 13px;
 border-radius: 3px;
}

#columns ::-webkit-scrollbar-thumb {
 background: #000000;
 border: 1px solid #800000;
 border-radius: 5px;
}

/* Columns */

#columns, #column_1, #column_2, #column_3, .panel, .panel h2 {
 padding: 0;
 margin: 0;
 position: absolute;
}

#columns {
 background-position: -35px -15px;
 width: 1200px;
 height: 740px;
 position: fixed;
 top: calc((100% - 740px + 30px) / 2);
 left: calc((100% - 1200px) / 2);
}

#column_1 {
 background: url('https://i.imgur.com/C1CXT30.gif') 5px -7px no-repeat;
 width: 315px;
 height: 315px;
 top: 6px;
 left: 283px;
 border-radius: 50%;
}

#column_2 {
 width: 600px;
 height: 327px;
 top: 242px;
 right: 20px;
 z-index: 1;
}

#column_3 {display: none;}

/* Panels */

.panel {
 text-align: justify;
 box-sizing: border-box;
}

.panel a {
 color: #C86068;
 text-decoration: none;
}

#column_2 .panel {
 background-position: -615px -267px;
 width: 100%;
 height: 100% !important;
 color: #FFFFFF;
 padding-right: 10px;
 border: 10px solid transparent;
 border-left: none;
 overflow-x: hidden;
 overflow-y: scroll;
}
#column_2 .panel img {max-width: 600px;}

.custom_panel {
 top: 500px;
 z-index: 9;
}

.custom_panel:hover {
 top: 0;
 z-index: 999;
}

.panel h2 {
 background: none;
 width: 110px;
 height: 40px;
 color: #302040;
 font-family: 'La Belle Aurore', script, serif;
 font-size: 20px;
 font-style: italic;
 line-height: 41px;
 text-align: center;
 text-indent: -4px;
 text-shadow: 0 0 1px rgba(255,255,255,.5);
 text-transform: capitalize;
 position: fixed;
 top: calc((100% - 740px + 30px) / 2 + 560px);
 border: 5px solid transparent;
 border-width: 28px 5px 0 5px;
}

.custom_panel:nth-child(2) h2 {left: calc((100% - 1200px) / 2 + 575px);}
.custom_panel:nth-child(3) h2 {left: calc((100% - 1200px) / 2 + 695px);}
.custom_panel:nth-child(4) h2 {left: calc((100% - 1200px) / 2 + 815px);}
.custom_panel:nth-child(5) h2 {left: calc((100% - 1200px) / 2 + 935px);}
.custom_panel:nth-child(6) h2 {left: calc((100% - 1200px) / 2 + 1055px);}

/* Transparent Bridge */

#column_2::after {
 content: '';
 display: block;
 width: 600px;
 height: 24px;
 position: fixed;
 top: calc((100% - 740px + 30px) / 2 + 560px);
 left: calc((100% - 1200px) / 2 + 575px);
 z-index: 99;
}

/* Comments */

#id_comments {
 top: 0;
 left: 0;
}
#id_comments h2 {display: none;}
#id_comments #alerts_banner {display: none;}
#id_comments .username {text-transform: uppercase;}
#id_comments .deletecomment {display: none;}
#id_comments .date {color: #C86068;}
#id_comments .date a {font-weight: normal;}

#id_comments dd, #id_comments dt {
 background: rgba(255,255,255,.1);
 padding: 0 7px 0 7px;
 box-sizing: border-box;
}
#id_comments dd {padding-bottom: 7px;}
#id_comments dd:last-of-type {margin-bottom: 0;}

#id_comments dt {
 margin-top: 10px;
 border-bottom: none;
}
#id_comments dt:first-of-type {margin-top: 40px;}

#id_comments .dropBox {
 width: 48px;
 height: 48px;
 margin: 3px 8px 0px 0px;
 border: 1px solid #C86068;
 overflow: hidden;
}

#id_comments .dropBox img {
 width: 120px;
 height: 150px;
 margin-top: -26px;
 margin-left: -46px;
}

/* Comments Buttons */

#id_comments h2 ~ div:not(.clear), #id_comments h2 ~ div span,  #id_comments h2 ~ p {
 display: block;
 text-align: center;
 padding: 0;
}

#id_comments h2 ~ div:not(.clear), #id_comments h2 ~ p {
 float: left;
 background: #800000;
 width: calc(50% - 5px);
 height: 30px;
 line-height: 30px;
 text-shadow: -1px 0 #000, 1px 0 #000, 0 -1px #000, 0 1px #000;
 margin: 0;
 border-radius: 5px;
}
#id_comments h2 ~ div span {width: 100%;}
#id_comments h2 ~ p {margin-left: 10px;}

/* Media */

.media_panel {
 background: none;
 width: 30px;
 height: 30px !important;
 position: fixed;
 top: calc((100% - 740px + 30px) / 2 + 345px);
 left: calc((100% - 1200px) / 2 + 482px);
 overflow: hidden;
}
.media_panel h2 {display: none;}

.media_panel object {
 width: 200px;
 height: 200px;
 position: absolute;
 bottom: -2px;
 left: -10px;
 opacity: 0;
}