Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Code by AlthIndor */
- html, body {background: url('https://i.imgur.com/uFyCiIk.png') center;}
- body::after, #gaia_header, #columns, #column_2 .custom_panel {background: url('https://i.imgur.com/py6yGtd.png');}
- body::after {
- content: '';
- background-position: 0 -1065px;
- display: block;
- width: 100%;
- height: 35px;
- position: fixed;
- bottom: 0;
- left: 0;
- pointer-events: none;
- }
- /* Fonts */
- @font-face {
- font-family: 'Nanum Pen Script';
- font-style: normal;
- font-weight: 400;
- src: local('Nanum Pen'), local('NanumPen'), url(https://fonts.gstatic.com/s/nanumpenscript/v6/daaDSSYiLGqEal3MvdA_FOL_3FkN6zn0bw.woff) format('woff');
- }
- /* Header */
- #gaia_header {
- background-position: center -20px;
- border-bottom: 38px solid transparent;
- }
- #viewer #gaia_header {position: fixed !important;}
- #gaia_header #header_left, #gaia_header #header_right {
- background: none;
- color: transparent !important;
- line-height: 32px !important;
- padding: 0 5px 0 5px !important;
- }
- #gaia_header #header_right {float: right;}
- #gaia_header li.spacer {display: none !important;}
- #header_left img {
- background: url('https://i.imgur.com/w0Cbo9w.png') 3px 3px no-repeat;
- width: 0 !important;
- padding: 0 46px 0 0;
- opacity: .65;
- }
- #gaia_header a {
- color: #A0A0C4 !important;
- font-family: 'Nanum Pen Script', serif;
- font-size: 1.6em !important;
- font-weight: normal;
- text-decoration: none;
- }
- /* Columns */
- #columns, #column_1, #column_2, #column_3 {
- padding: 0;
- margin: 0;
- position: absolute;
- overflow: visible;
- }
- #columns {
- background-position: 0 -84px;
- width: 986px;
- height: 658px;
- left: calc((100% - 986px) / 2);
- top: calc((100% - 658px + 30px) / 2);
- }
- #column_1, #column_2, #column_3 {
- width: 1px;
- height: 1px;
- top: 0;
- left: 0;
- }
- /* Panels */
- .panel {
- color: #A0A0C4;
- text-align: justify;
- margin: 0;
- position: absolute;
- box-sizing: border-box;
- overflow: hidden;
- }
- .panel h2 {display: none;}
- .panel a {color: #78B8C4;}
- #column_1 .panel {
- background: none;
- padding: 0;
- }
- .custom_panel img {max-width: 100%;}
- /* Details */
- #id_details {
- width: 120px;
- height: 150px;
- padding: 0;
- top: 174px;
- left: 184px;
- }
- #id_details p:nth-of-type(n+2) {display: none;}
- .forum_userstatus {display: none;}
- /* Wish List */
- #id_wishlist {
- display: flex;
- width: 90px;
- height: 65px;
- top: 528px;
- left: 198px;
- overflow-x: scroll;
- }
- .premium_sparkle {display: none;}
- .owner_checkmark {display: none;}
- #id_wishlist .item {
- background: rgba(0,0,0,.5);
- min-width: 30px;
- width: 30px;
- height: 30px;
- padding: 5px;
- margin: 0 10px 0 0;
- border-radius: 5px;
- }
- /* Contact and Custom Links */
- #column_1 .custom_panel, #id_contact {
- width: 72px;
- height: 204px;
- top: 435px;
- }
- #column_1 .custom_panel {left: 413px;}
- #column_1 .custom_panel br {display: none;}
- #id_contact {left: 1px;}
- #column_1 .custom_panel a, #id_contact ul:not(.buttons) li, #id_contact ul:not(.buttons) li a {
- display: block;
- width: 100%;
- height: 68px;
- font-size: 0;
- }
- /* Large Customs */
- #column_2 .custom_panel {
- background-origin: border-box;
- width: 306px;
- height: 323px;
- padding: 0 10px 0 0;
- border: 30px solid transparent;
- border-width: 30px 25px 30px 25px;
- opacity: .5;
- overflow-y: scroll;
- transition: opacity 1s ease-in-out;
- z-index: 1;
- }
- #column_2 .custom_panel:hover {
- opacity: 1;
- z-index: 9;
- }
- #column_2 .custom_panel:nth-of-type(1) {
- background-position: 0px -742px;
- top: 44px;
- left: 506px;
- }
- #column_2 .custom_panel:nth-of-type(2) {
- background-position: -306px -742px;
- top: 316px;
- left: 680px;
- }
- /* Small Customs */
- #column_3 .custom_panel {
- background: none;
- width: 72px;
- height: 190px;
- padding: 0;
- }
- #column_3 .custom_panel div[id*='content'] {
- width: 90px;
- height: 100%;
- padding-right: 30px;
- overflow-x: hidden;
- overflow-y: scroll;
- }
- #column_3 .custom_panel:nth-of-type(1) {
- top: 430px;
- left: 552px;
- }
- #column_3 .custom_panel:nth-of-type(2) {
- color: #000830;
- top: 76px;
- left: 868px;
- }
- #column_3 .custom_panel:nth-of-type(2) a {color: #000000;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement