Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Code by AlthIndor, Graphics by Cassiel Socks */
- html, body {background: url('https://images2.imgbox.com/47/4c/R5NaJfa0_o.jpg') fixed center / cover;}
- #columns::before, #id_contact ul:not(.buttons) li, .media_panel, .custom_panel a, #id_friends h2 ~ p a::before{background: url('https://images2.imgbox.com/dc/50/fdPl8cXn_o.png');}
- @keyframes HaloBounce {
- from {top: 56px;}
- to {top: 60px;}
- }
- /* 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');
- }
- /* Header */
- #gaia_header, #header_left, #header_right {background: none !important;}
- #gaia_header #header_right {float: right;}
- #gaia_header .spacer {display: none !important;}
- #gaia_header #header_left, #gaia_header #header_right {
- color: transparent !important;
- font: 13px/28px 'Open Sans Condensed', sans-serif !important;
- padding: 0 7px !important;
- box-sizing: border-box;
- }
- #header_left img {
- background: url('https://gaia.hs.llnwd.net/e1/images/gaia_global/gaia_header/br_gaia_logo_header.png') 0 100% no-repeat;
- background-size: auto 200%;
- width: 0;
- height: 18px;
- padding: 0 38px 0 0;
- margin-right: 7px;
- }
- #gaia_header a {
- color: #FFFFFF !important;
- text-transform: uppercase;
- text-decoration: none;
- opacity: .7;
- }
- #gaia_header a:hover {opacity: 1;}
- /* Scrollbars */
- #columns {
- scrollbar-arrow-color: #FFFFFF;
- scrollbar-track-color: #000080;
- scrollbar-face-color: #FFFFFF;
- scrollbar-shadow-color: #000080;
- }
- #columns ::-webkit-scrollbar {
- background: #000080;
- width: 13px;
- border-radius: 3px;
- }
- #columns ::-webkit-scrollbar-thumb {
- background: #FFFFFF;
- border: 1px solid #000080;
- border-radius: 3px;
- }
- /* Columns */
- #columns, #column_1, #column_2, #column_3 {
- float: none;
- margin: 0;
- position: absolute;
- }
- #columns {
- background: url('https://images2.imgbox.com/23/1f/2LZFn0qB_o.png') no-repeat, url('https://images2.imgbox.com/96/84/hX8SrUH4_o.png') no-repeat, url('https://images2.imgbox.com/dc/50/fdPl8cXn_o.png');
- background-position: 545px 143px, 784px 600px, 0 0;
- width: 1320px;
- height: 900px;
- top: calc(50% - 450px + 10px);
- left: calc(50% - 660px);
- }
- body {overflow: hidden;}
- @media screen and (max-height: 800px) {
- body {overflow-y: scroll;}
- #columns {top: 0;}
- }
- #column_1, #column_2, #column_3 {
- width: 1px;
- height: 1px;
- top: 0;
- left: 0;
- overflow: visible;
- }
- /* Halo Animation */
- #columns::before {
- content: '';
- display: block;
- background-position: bottom right;
- width: 177px;
- height: 45px;
- position: absolute;
- top: 56px;
- left: calc((100% - 177px) / 2);
- animation: HaloBounce .5s linear infinite alternate;
- }
- /* Panels */
- .panel, .panel a {color: #000040;}
- .panel:not(.media_panel) {background: none;}
- .panel a {text-decoration: none;}
- .panel {
- font: 13px 'Open Sans Condensed', sans-serif;
- text-shadow: 0 0 3px #FFFFFF;
- text-transform: uppercase;
- padding: 0;
- margin: 0;
- position: absolute;
- box-sizing: border-box;
- overflow: hidden;
- }
- .panel h2 {display: none;}
- #id_friends, #id_wishlist {
- width: 400px;
- height: 400px;
- top: 297px;
- border: 10px solid transparent;
- overflow-y: scroll;
- }
- #id_friends {
- direction: rtl;
- padding-left: 10px;
- left: 160px;
- }
- #id_wishlist {
- padding-right: 10px;
- left: 760px;
- }
- /* Buttons */
- #id_contact ul:not(.buttons) li, .media_panel, .custom_panel a {
- width: 102px;
- height: 97px !important;
- font-size: 0;
- position: absolute;
- border-radius: 50%;
- opacity: .01;
- }
- #id_contact ul:not(.buttons) li:hover, .media_panel:hover, .custom_panel a:hover {opacity: 1;}
- #id_contact, .media_panel {top: 98px;}
- #id_contact ul:not(.buttons) li:nth-of-type(odd) {bottom: 0;}
- #id_contact {
- width: 1102px;
- height: 167px;
- left: 109px;
- z-index: 1;
- }
- #id_contact a {
- display: block;
- width: 100%;
- height: 100%;
- }
- .media_panel {
- background-position: -1320px -484px;
- background-origin: border-box;
- left: 1019px;
- border: 32px solid transparent;
- z-index: 2;
- }
- #id_contact ul:not(.buttons) li:nth-of-type(1) {
- background-position: -1320px -194px;
- left: 0;
- }
- #id_contact ul:not(.buttons) li:nth-of-type(2) {
- background-position: -1320px -291px;
- top: 0;
- left: 90px;
- }
- #id_contact ul:not(.buttons) li:nth-of-type(3) {
- background-position: -1320px -388px;
- right: 0;
- }
- .custom_panel {
- width: 806px;
- height: 97px !important;
- top: 706px;
- left: 257px;
- }
- .custom_panel a[href*='instagram'] {
- background-position: -1320px 0;
- top: 0;
- }
- .custom_panel a[href*='facebook'] {
- background-position: -1320px -97px;
- right: 0;
- }
- /* Media */
- .media_panel object {
- position: absolute;
- bottom: 0;
- left: -7px;
- opacity: .01;
- }
- /* Friends and WishList */
- #id_friends h2 ~ p a, #id_friends ul:not(.buttons) li, #id_wishlist .item {
- background: rgba(255,255,255,.7);
- float: none;
- width: 100%;
- height: 50px;
- position: relative;
- box-sizing: border-box;
- }
- #id_friends h2 ~ p, #id_friends li:nth-last-of-type(n+2), #id_wishlist .item:nth-last-of-type(n+3) {margin: 0 0 10px 0;}
- #id_friends ul:not(.buttons) li, #id_friends h2 ~ p a, #id_friends .dropBox, #id_wishlist .item, #id_wishlist img[src*='thumbnails'] {border-radius: 3px;}
- #id_friends ul:not(.buttons) li, #id_wishlist .item, #id_wishlist img[src*='thumbnails'] {padding: 5px;}
- #id_friends .dropBox, #id_wishlist .item img[src*='thumbnails'] {background: #FF40A8;}
- #id_friends a, #id_wishlist a::before {
- display: flex;
- flex-flow: row nowrap;
- align-items: center;
- }
- #id_friends ul a, #id_wishlist a::before {
- width: calc(100% - 60px);
- height: calc(100% - 10px);
- position: absolute;
- }
- #id_friends h2 ~ p a:hover, #id_friends ul:not(.buttons) li:hover, #id_wishlist .item:hover {background: #FF40A8;}
- #id_friends li:hover .dropBox, #id_wishlist .item:hover img[src*='thumbnails'] {background: #FFFFFF;}
- #id_friends h2 ~ p a:hover::before, #id_friends li:hover .dropBox {border-color: #FFFFFF;}
- #id_friends h2 ~ p a:hover, #id_friends li:hover a, #id_wishlist .item:hover a {color: #FFFFFF; text-shadow: none;}
- /* Friends */
- #id_friends h2 ~ div {display: none;}
- #id_friends p {margin: 0;}
- #id_friends ul {direction: ltr;}
- #id_friends h2 ~ p a::before, #id_friends .dropBox {
- width: 40px;
- height: 40px;
- border: 1px solid #FF40A8;
- box-sizing: border-box;
- }
- #id_friends h2 ~ p a::before {
- content: '';
- display: block;
- background-color: #FF40A8;
- background-position: -1320px -582px;
- margin: 0 5px 0 10px;
- border-radius: 3px;
- }
- #id_friends .dropBox {
- float: right;
- overflow: hidden;
- }
- #id_friends .dropBox img {margin: -6px 0 0 -8px;}
- #id_friends ul a {
- font-size: 0;
- justify-content: flex-end;
- }
- #id_friends ul a::before {
- content: attr(title);
- width: 100%;
- font-size: 13px;
- text-align: right;
- right: 55px;
- }
- /* Wish List */
- #id_wishlist .item a::before {
- content: attr(title);
- top: 5px;
- left: 55px;
- }
- .owner_checkmark {
- margin: 0;
- bottom: 10px;
- left: 10px;
- filter: invert(100%) hue-rotate(45deg) brightness(500%);
- }
- #id_wishlist .item:hover .owner_checkmark {filter: none;}
- .premium_sparkle {display: none;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement