Code for DeVoN

/* Profile by AlthIndor */

@keyframes ShowHotArea {
 0% {opacity: 1;}
 50% {opacity: 1;}
 100% {opacity: 0;}
}

html, body {background: url('https://images2.imgbox.com/55/5a/ECKytdqY_o.jpg');}
body a {text-decoration: none !important;}

#column_2 .panel {background: url('https://images2.imgbox.com/47/83/bQmNWBaA_o.png') no-repeat, url('https://images2.imgbox.com/47/83/bQmNWBaA_o.png') no-repeat;}
#header_left img, #gaia_header #header_left, #gaia_header #header_right, #column_2, .panel h2, #id_contact ul:not(.buttons) li, #id_comments h2 ~ div:first-of-type, #id_comments h2 ~ p {background: url('https://images2.imgbox.com/47/83/bQmNWBaA_o.png') no-repeat;}

/* 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: '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;}

#gaia_header #header_left, #gaia_header #header_right {
 background-origin: border-box;
 width: 420px !important;
 font-family: 'Open Sans Condensed', sans-serif;
 font-size: 0 !important;
 line-height: 24px !important;
 border-bottom: 2px solid transparent;
}
#gaia_header #header_left {background-position: bottom right;}

#gaia_header #header_right {
 background-position: bottom left;
 float: right;
}

#gaia_header li {padding: 20px 6px 9px 6px;}
#gaia_header li:hover {background: #D84838;}
#gaia_header li.spacer {display: none !important;}

#header_left img {
 background-position: -532px -965px;
 width: 0px !important;
 padding: 0 37px 0 0;
 margin: 0 -1px 0 1px;
}
#gaia_header li:hover img {background-position-x: -579px;}

#gaia_header a, #header_left::after {
 color: #303030 !important;
 font-size: 13px;
 text-shadow: 0 1px #FFFFFF;
}

#gaia_header li:hover a {
 color: #FFFFFF !important;
 text-shadow: none;
}

#header_left::after {
 content: 'By AlthIndor';
 margin-left: 6px;
 opacity: .5;
}

/* Columns */

#columns, #column_1, #column_2, #column_3 {
 display: block;
 margin: 0;
 position: absolute;
}

#columns {
 width: 100%;
 height: 100%;
 top: 0;
 overflow: hidden;
}

#column_1 {
 background: url('https://images2.imgbox.com/1f/74/WGiuCKQ4_o.png') border-box;
 width: 1600px;
 height: 940px;
 top: calc(50% - 470px - 75px);
 left: calc(50% - 800px - 65px);
 border: 75px solid transparent;
 border-width: 75px 66px 75px 65px;
 transform-origin: center center;
 transform: scale(1);
}
@media screen and (max-width: 1400px) {#column_1 {transform: scale(.8);}}

#column_2 {
 background-position: 0 -916px;
 width: 480px;
 height: 68px;
 bottom: 0;
 left: calc(50% - 240px);
}

#column_3 {
 width: 174px;
 height: 48px;
 bottom: 10px;
 left: calc(50% + 24px);
 overflow: visible;
}

/* Panels */

.panel, .panel h2 {
 padding: 0;
 margin: 0;
}

.panel {
 color: #303030;
 font-family: 'Open Sans', sans-serif;
 font-size: 11px;
 line-height: 1.5em;
 text-align: justify;
 position: absolute;
 box-sizing: border-box;
 overflow: hidden;
}
.panel a {color: #D84838;}
.panel img {max-width: 100% !important;}

#column_3 .panel {background: none;}
#column_1 h2, #column_3 h2 {display: none;}

#column_2:hover .panel {transition: top 0s linear 0s, z-index 0s linear 0s;}

#column_2 .panel {
 background-origin: border-box;
 width: 640px;
 height: 400px;
 position: fixed;
 margin: -200px 0 0 -320px;
 top: -200%;
 left: 50%;
 border: 1px solid transparent;
 border-top-width: 29px;
 box-shadow: 0 2px 5px 2px rgba(0,0,0,.5);
 z-index: 8;
 transition: top 0s linear 9999s, z-index 0s linear 9999s;
}

#column_2 .panel:hover {
 top: 50%;
 z-index: 99;
 transition: top 0s linear 0s, z-index 0s linear 0s;
}

#column_2 #id_about, #column_2 #id_footprints {
 padding: 10px;
 border-bottom-width: 29px;
 overflow-y: scroll;
}

#column_2 #id_about {background-position: 0 0, 0 -800px;}
#column_2 #id_comments {background-position: 0 0, 0 -829px;}
#column_2 #id_footprints {background-position: 0 0, 0 -858px;}
#column_2 .media_panel {background-position: 0 -400px, 0 -887px;}

/* Number of Items */

#id_about {counter-reset: picture;}
#id_comments {counter-reset: comment;}
#id_footprints {counter-reset: visitor;}

#id_about li {counter-increment: picture;}
#id_comments dt {counter-increment: comment;}
#id_footprints .item {counter-increment: visitor;}

#column_2:hover .panel::after {transition: opacity 0s linear 0s;}

.panel::after {
 display: block;
 width: 640px;
 height: 29px;
 font-family: 'Open Sans Condensed', sans-serif;
 font-size: 14px;
 line-height: 29px;
 text-align: center;
 position: fixed;
 top: calc(50% - 200px + 370px);
 left: calc(50% - 320px);
 opacity: 0;
 transition: opacity 0s linear 9999s;
 pointer-events: none;
}

#column_2 .panel:hover::after {
 opacity: 1;
 transition: opacity 0s linear 0s;
}

#id_about::after {content: counter(picture) ' Items';}
#id_comments::after {content: counter(comment) ' Items';}
#id_footprints::after {content: counter(visitor) ' Items';}

/* Panel Header and Buttons */

.panel h2, #id_contact ul:not(.buttons) li, #id_contact ul:not(.buttons) li a {
 width: 48px;
 height: 48px;
 font-size: 0;
}
#id_contact ul:not(.buttons) li, #id_contact ul:not(.buttons) li a {display: block;}
#id_contact ul:not(.buttons) li a {position: absolute;}

.panel h2, #id_contact ul:not(.buttons) li {
 background-position-y: -984px;
 border-radius: 3px;
 box-shadow: 0 1px 0 rgba(0,0,0,.3);
}
.panel h2:hover, #id_contact ul:not(.buttons) li:hover {background-position-y: -1032px;}
#column_2:hover .panel h2 {transition: background-position-y 0s linear 0s;}

.panel h2 {
 position: fixed;
 bottom: 10px;
 transition: background-position-y 0s linear 9999s;
}
.panel h2:hover {transition: background-position-y 0s linear 0s;}

#id_about h2 {
 background-position-x: 0;
 left: calc((100% - 396px) / 2);
}

#id_comments h2 {
 background-position-x: -48px;
 left: calc((100% - 396px) / 2 + 58px);
}

#id_footprints h2 {
 background-position-x: -96px;
 left: calc((100% - 396px) / 2 + (58px * 2));
}

.media_panel h2 {
 background-position-x: -144px;
 left: calc((100% - 396px) / 2 + (58px * 3));
}

#id_contact ul:not(.buttons) li {
 float: left;
 position: relative;
 margin: 0 0 10px 10px;
}

#id_contact ul:not(.buttons) li:nth-of-type(1) {background-position-x: -192px;}
#id_contact ul:not(.buttons) li:nth-of-type(2) {background-position-x: -240px;}
#id_contact ul:not(.buttons) li:nth-of-type(3) {background-position-x: -288px;}

/* Transparent Bridge */

#columns::before, .panel h2::before {
 content: '';
 display: block;
 width: 480px;
 position: fixed;
 left: calc(50% - 240px);
}

#columns::before, .panel h2::before {
 height: 10px;
 bottom: 58px;
}
#columns::before {z-index: 9;}

/* About - Chrome BugFix */

#id_about {
 padding: 0 !important;
 overflow: hidden !important;
}

#id_about ol {
 width: 100%;
 height: 100%;
 padding: 10px;
 box-sizing: border-box;
 overflow-x: hidden;
 overflow-y: scroll;
}

/* Comments */

#id_comments #alerts_banner {display: none;}
#id_comments .deletecomment {display: none;}
#id_comments dd {margin-bottom: 10px;}

#id_comments dl {
 height: calc(100% - 28px);
 padding: 7px 10px 10px 10px;
 box-sizing: border-box;
 overflow-x: hidden;
 overflow-y: scroll;
}

#id_comments dt {
 height: auto;
 line-height: inherit;
 padding: 0 0 1px 0;
 margin: 0 0 3px 0;
 border-color: #B0B0B0;
}

#id_comments .dropBox {
 background: #F0F0F0;
 width: 48px;
 height: 58px;
 margin: 3px 6px 0 0;
 border: 1px solid #B0B0B0;
 border-radius: 2px;
 overflow: hidden;
}

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

/* Comments Buttons */

#id_comments h2 ~ div:first-of-type, #id_comments h2 ~ p, #id_comments h2 ~ div a, #id_comments h2 ~ p a {
 display: block;
 width: 21px;
 height: 21px;
 font-size: 0;
 margin: 0;
 position: absolute;
 bottom: 3px;
}

#id_comments h2 ~ div:first-of-type {
 background-position: -480px -963px;
 left: 27px;
}

#id_comments h2 ~ p {
 background-position: -501px -963px;
 left: 51px;
}

/* Visitors */

#id_footprints .item {
 width: 100%;
 text-align: right;
 padding: 5px;
 border: 1px solid transparent;
 box-sizing: border-box;
}
#id_footprints .item:nth-of-type(odd) {background: #F0F0F0;}

#id_footprints .item:hover {
 background: rgba(216,72,56,.2);
 border-color: #D84838;
}

#id_footprints .item a {
 float: left;
 text-align: left;
}

#id_footprints a::before {
 content: '👤';
 color: #303030;
 margin-right: 5px;
}

/* Media */

.media_panel object {
 width: 100%;
 height: 100%;
 position: absolute;
}

/* Lightbox Code */

#id_about ol li {
 display: block;
 float: left;
 text-align: center;
 margin: 0 17px 10px 0;
}
#id_about ol li:nth-of-type(4n) {margin-right: 0;}
#id_about ol li br {display: none;}
#id_about ul {margin: 0;}

#id_about .spoiler-wrapper {
 background: rgba(216,72,56,.5);
 width: 135px;
 height: 100px;
 padding: 0;
 margin: 0 0 1px 0;
 position: relative;
 border: 1px solid #FFFFFF;
 box-shadow: 0 0 0 1px #303030;
}

#id_about .spoiler, #id_about .spoiler-title, #id_about .spoiler-title button {
 width: 100%;
 height: 100%;
 overflow: hidden;
}
#id_about .spoiler-title {z-index: 2;}

#id_about .spoiler {
 display: flex;
 position: relative;
 justify-content: center;
 box-sizing: border-box;
 z-index: 1;
}

#id_about .spoiler-hidden img {
 width: 100%;
 object-fit: cover;
}

#id_about .spoiler-title, #id_about .spoiler-title button {
 display: block;
 background: none !important;
 position: absolute;
 top: 0;
 left: 0;
 border: none;
}
#id_about .spoiler-title button span {display: none;}

#id_about .spoiler-revealed .spoiler, #id_about .spoiler-revealed .spoiler-title {
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 9999;
}

#id_about .spoiler-revealed .spoiler {
 background: rgba(0,0,0,.8);
 align-items: center;
 border: 60px solid transparent;
 overflow: visible;
 z-index: 9998;
}

#id_about .spoiler-revealed img {
 max-height: 100%;
 object-fit: scale-down;
 filter: drop-shadow(-1px 0 #FFFFFF) drop-shadow(1px 0 #FFFFFF) drop-shadow(0 -1px #FFFFFF) drop-shadow(0 1px #FFFFFF);
}

/* Image Unblocker */

#id_about ol span[style*='transparent'] {
 display: block;
 background: #E0E0E0;
 width: 100%;
 height: 30px;
 color: #303030 !important;
 font-family: 'Open Sans Condensed', sans-serif;
 font-size: 13px;
 line-height: 28px;
 text-align: center;
 text-indent: 20px;
 margin-bottom: 10px;
 position: relative;
 border: 1px solid #B0B0B0;
 box-sizing: border-box;
}

#id_about ol span[style*='transparent']:hover {
 background: rgba(216,72,56,.5);
 color: #FFFFFF !important;
 border-color: #D84838;
}

#id_about ol span[style*='transparent'] img {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 opacity: 0;
}

#id_about .spoiler img[class*='bbcode-swap'] {
 position: relative;
 top: calc(50% - 16px);
}
#id_about .bbcode-swapping-image {background-image: url('https://i.imgur.com/v5NdYFy.png');}

/* Clickable Background */

.custom_panel, .custom_panel div[id*='content'] {
 width: 100%;
 height: 100% !important;
 overflow: hidden;
}

.custom_panel {
 background: url('https://i.imgur.com/O2LcgMy.jpg') #000 bottom left no-repeat;
 position: absolute;
 bottom: 0;
 box-shadow: 0 0 0 1px #000 inset, 0 0 3px 1px #000 inset;
}
.custom_panel br {display: none;}

.custom_panel a {
 display: block;
 background: url('https://images2.imgbox.com/c9/ac/iciOO1AW_o.png');
 font-size: 0;
 position: absolute;
 opacity: 0;
 animation: ShowHotArea 2s 0s ease-in-out 1;
}
.custom_panel a:hover {opacity: 1;}

.custom_panel a:nth-of-type(1) {
 background-position: 0 0;
 width: 317px;
 height: 382px;
 bottom: 244px;
 left: 30px;
 z-index: 1;
}

.custom_panel a:nth-of-type(2) {
 background-position: -317px 0;
 width: 209px;
 height: 273px;
 bottom: 179px;
 left: 234px;
 z-index: 2;
}

.custom_panel a:nth-of-type(3) {
 background-position: -526px 0;
 width: 278px;
 height: 474px;
 bottom: 245px;
 left: 417px;
 z-index: 1;
}

.custom_panel a:nth-of-type(4) {
 background-position: -804px 0;
 width: 166px;
 height: 145px;
 bottom: 529px;
 left: 642px;
 z-index: 2;
}

.custom_panel a:nth-of-type(5) {
 background-position: -970px 0;
 width: 298px;
 height: 279px;
 bottom: 199px;
 left: 540px;
 z-index: 2;
}

.custom_panel a:nth-of-type(6) {
 background-position: -1499px 0;
 width: 289px;
 height: 240px;
 bottom: 233px;
 left: 893px;
 z-index: 1;
}

.custom_panel a:nth-of-type(7) {
 background-position: -1788px 0;
 width: 152px;
 height: 261px;
 bottom: 236px;
 left: 1050px;
 z-index: 2;
}

.custom_panel a:nth-of-type(8) {
 background-position: -1940px 0;
 width: 153px;
 height: 263px;
 bottom: 244px;
 left: 1125px;
 z-index: 3;
}

.custom_panel a:nth-of-type(9) {
 background-position: -2093px 0;
 width: 335px;
 height: 377px;
 bottom: 171px;
 left: 1196px;
 z-index: 2;
}

.custom_panel a:nth-of-type(10) {
 background-position: -804px bottom;
 width: 420px;
 height: 140px;
 bottom: -2px;
 left: -2px;
}

.custom_panel a:nth-of-type(11) {
 background-position: -1499px bottom;
 width: 319px;
 height: 134px;
 bottom: -2px;
 right: -2px;
}