Pro for Lady IV

/* Profile By AlthIndor */

html, body {background: #060400;}
a {text-decoration: none !important;}

#columns {background: url('https://images2.imgbox.com/6f/6f/C7CvVoN5_o.jpg') center no-repeat;}
#column_2, #id_comments, #id_contact ul:not(.buttons) li {background: url('https://images2.imgbox.com/f3/c3/sGsfDGO5_o.png');}

/* Animations */

@keyframes fog_far_o {
 0% {opacity: .6;}
 22% {opacity: 1;}
 40% {opacity: .8;}
 58% {opacity: .4;}
 80% {opacity: .7;}
 100% {opacity: .6;}
}

@keyframes fog_close_o {
 0% {opacity: 1;}
 25% {opacity: .7;}
 50% {opacity: .6;}
 80% {opacity: .8;}
 100% {opacity: 1;}
}

@keyframes fog_move {
 0% {background-position-x: 0;}
 100% {background-position-x: 100%;}
}

/* Fonts */

@font-face {
 font-family: 'Aldrich';
 font-style: normal;
 font-weight: 400;
 src: local('Aldrich Regular'), local('Aldrich-Regular'), url(https://fonts.gstatic.com/s/aldrich/v7/Y0zWA9-hxl3_xvcxN-VXfA.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, #header_left, #header_right {background: none !important;}
#gaia_header {border-top: 2px solid transparent;}

#gaia_header #header_left, #gaia_header #header_right {
 color: transparent;
 font-family: 'Aldrich', sans-serif;
 font-size: 10px !important;
 padding: 0 5px !important;
 box-sizing: border-box;
}
#gaia_header #header_right {float: right;}
#gaia_header .spacer {display: none !important;}

#header_left img {
 background: url('https://gaia.hs.llnwd.net/e1/images/gaia_global/gaia_header/br_gaia_logo_header.png') 0 3px no-repeat;
 background-size: 40px auto;
 width: 0;
 height: 0;
 padding: 22px 40px 0 0;
 margin-right: 4px;
}

#gaia_header a {
 color: #E8A870 !important;
 font-size: 11px !important;
 text-transform: lowercase;
}

/* Scrollbars */

#columns {
 scrollbar-arrow-color: #A0A0A0;
 scrollbar-track-color: #483848;
 scrollbar-face-color: #A0A0A0;
 scrollbar-shadow-color: #483848;
}

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

#columns ::-webkit-scrollbar-thumb {
 background: rgba(255,255,255,.5);
 border: 1px solid #483848;
 border-radius: 3px;
}

/* Columns */

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

#columns, #column_1 {
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
}
#columns {min-height: 920px;}

#column_2 {
 width: 1240px;
 height: 900px;
 top: calc(50% - 450px);
 left: calc((100% - 1240px) / 2 - 5px);
}

/* Panels */

.panel {
 background: none;
 color: #FFFFFF;
 font: 11px 'Open Sans', sans-serif;
 text-align: justify;
 padding: 0;
 margin: 0;
 position: absolute;
 box-sizing: border-box;
}
.panel img {max-width: 100% !important;}
.panel h2 {display: none;}

#column_2 .panel {z-index: 1;}
.custom_panel br {display: none;}

.panel a {
 color: #E8A870;
 font-weight: normal;
 text-shadow: 0 0 2px gold;
}

#id_about, #id_footprints, #id_wishlist, #column_2 .custom_panel {
 border: 10px solid transparent;
 border-width: 20px 10px 10px 10px;
 overflow-x: hidden;
 overflow-y: scroll;
 opacity: .5;
 transition: all .5s ease-in-out;
}
#id_about, #id_footprints, #id_wishlist {padding-right: 10px;}

#id_about:hover, #id_footprints:hover, #id_wishlist:hover, #column_2 .custom_panel:hover {
 text-shadow: 0 1px 1px purple, 0 1px 2px purple,  0 1px 3px purple;
 opacity: 1;
}

#id_about, #column_2 .custom_panel {
 width: 500px;
 height: 210px;
 left: 60px;
}
#id_about {top: 210px;}

#column_2 .custom_panel {
 top: 435px;
 z-index: 9;
}

#id_wishlist, #id_footprints {
 height: 140px;
 text-align: center;
 top: 660px;
}

#id_wishlist {
 width: 160px;
 left: 115px;
}

#id_footprints {
 width: 270px;
 left: 290px;
}

/* Gallery */

.custom_panel .spoiler-wrapper {
 padding: 0;
 box-sizing: border-box;
 transform: scale(1);
}

.custom_panel .spoiler-hidden {
 background: rgba(255,255,255,.2);
 float: left;
 width: 100px;
 height: 175px;
 margin: 0 15px 0 0;
 border: 1px solid #764A85;
 border-radius: 5px;
}
.custom_panel .spoiler-hidden:nth-of-type(n+5) {margin-top: 10px;}
.custom_panel .spoiler-hidden:nth-of-type(4n) {margin-right: 0;}

.custom_panel .spoiler-revealed, .custom_panel .spoiler-control, .custom_panel .spoiler {
 width: 100%;
 height: 100%;
}

.custom_panel .spoiler-control {
 background: none;
 border: none;
}
.custom_panel .spoiler-control span {display: none;}
.custom_panel .spoiler-title {height: 0;}

.custom_panel .spoiler-control, .custom_panel .spoiler-revealed {
 position: fixed;
 top: 0;
 left: 0;
}

.custom_panel .spoiler {
 display: flex;
 justify-content: center;
}

.custom_panel .spoiler-revealed {
 background: rgba(0,0,0,.8);
 border: 50px solid transparent;
 z-index: 999;
}

.custom_panel img {
 object-fit: cover;
 object-position: center;
}
.custom_panel .spoiler-revealed img {object-fit: scale-down;}

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

/* Chrome Fix */

#column_2 .custom_panel {
 padding: 0;
 overflow: hidden;
}

#column_2 .custom_panel div[id*='content'] {
 width: 100%;
 height: 100%;
 padding: 0 10px 0 0;
 box-sizing: border-box;
 overflow-x: hidden;
 overflow-y: scroll;
}

/* Wish List */

#id_wishlist {
 display: flex;
 flex-flow: row wrap;
 justify-content: space-around;
}
#id_wishlist .clear {display: none;}
.premium_sparkle {display: none;}

.owner_checkmark {
 margin: 0;
 bottom: 5px;
 left: 5px;
}

#id_wishlist .item {
 background: rgba(255,255,255,.2);
 height: 30px;
 padding: 6px;
 margin: 0 0 10px 0;
 position: relative;
 border: 1px solid #764A85;
 border-radius: 50%;
}
#id_wishlist .item img {transition: transform .5s ease-in-out;}
#id_wishlist .item:hover img {transform: rotate(350deg);}

/* Contact and Comments */

#id_contact, #id_comments {
 height: 44px;
 top: 825px;
 font-size: 0;
}

#id_contact {
 width: 368px;
 left: 60px;
}

#id_contact ul:not(.buttons) li, #id_contact ul:not(.buttons) li a {
 display: block;
 height: 44px;
}

#id_contact ul:not(.buttons) li {
 float: left;
 margin-right: 25px;
 position: relative;
}

#id_contact ul:not(.buttons) li:nth-of-type(1) {
 background-position: -1240px 0;
 width: 80px;
}

#id_contact ul:not(.buttons) li:nth-of-type(2) {
 background-position: -1240px -44px;
 width: 92px;
}

#id_contact ul:not(.buttons) li:nth-of-type(3) {
 background-position: -1240px -88px;
 width: 121px;
}

#id_comments {
 background-position: -1240px -132px;
 width: 131px;
 left: 428px;
}
#id_comments #alerts_banner {display: none;}
#id_comments dl {display: none;}

#alert_container, #alert_container a, #id_comments h2 ~ p, #id_comments h2 ~ p a {
 display: block;
 width: 100%;
 height: 44px;
 padding: 0;
}

#id_comments, #id_contact ul:not(.buttons) li {
 opacity: 0;
 transition: opacity .5s ease-in-out;
}
#id_comments:hover, #id_contact ul:not(.buttons) li:hover {opacity: 1;}

/* Media */

.media_panel {
 background: url('https://i.imgur.com/vcNz49l.png') -5px -125px;
 background-size: 40px auto;
 width: 40px;
 height: 40px !important;
 left: 60px;
 top: 760px;
 border: 5px solid transparent;
 overflow: hidden;
}

.media_panel object {
 width: 480px;
 height: 320px;
 position: absolute;
 bottom: 0;
 left: -10px;
 opacity: .001;
}

/* Fog */

#column_1 .custom_panel, #column_1 .custom_panel div[id*='content'], #column_1 .custom_panel b {
 display: block;
 width: 100%;
 height: 100%;
 font-size: 0;
 top: 0;
 left: 0;
}
#column_1 .custom_panel b {position: absolute;}

#column_1 .custom_panel b:nth-of-type(1) {
 background: url('https://i.imgur.com/RDH7yir.png') bottom repeat-x;
 animation: fog_far_o 20s linear infinite, fog_move 200s ease-in-out infinite alternate;
}

#column_1 .custom_panel b:nth-of-type(2) {
 background: url('https://i.imgur.com/yu75ROP.png') bottom repeat-x;
 animation: fog_far_o 15s linear infinite, fog_move 195s ease-in-out infinite alternate-reverse;
}

#column_1 .custom_panel b:nth-of-type(3) {
 background: url('https://i.imgur.com/XAxKvxK.png') bottom repeat-x;
 animation: fog_close_o 10s linear infinite, fog_move 190s ease-in-out infinite alternate;
}

/* Decorations */

#pictures_container, #texts_container {
 width: 1px;
 height: 1px;
 position: absolute;
 top: 50%;
 left: 50%;
}

.avatar_decoration {
 filter: saturate(0%);
 transition: filter .5s ease-in-out;
}
.avatar_decoration:hover {filter: none;}