Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Code by AlthIndor */
- html, body {
- background: #000;
- overflow: hidden;
- }
- /* Fluorescent Lights Flicker
- From Github Gist @oddlyzen
- Originally from ringshia.com */
- @keyframes FluorescentLights {
- 0% {opacity: .75;}
- 4% {opacity: .75;}
- 6% {opacity: .7;}
- 8% {opacity: .8;}
- 10% {opacity: .7;}
- 11% {opacity: .75;}
- 12% {opacity: .9;}
- 14% {opacity: .8;}
- 16% {opacity: 0.7;}
- 17% {opacity: .8;}
- 19% {opacity: .75;}
- 20% {opacity: .75;}
- 24% {opacity: .75;}
- 26% {opacity: 0.94;}
- 28% {opacity: .75;}
- 38% {opacity: .7;}
- 40% {opacity: .75;}
- 42% {opacity: .85;}
- 44% {opacity: .75;}
- 46% {opacity: .75;}
- 56% {opacity: .75;}
- 58% {opacity: 1;}
- 60% {opacity: .75;}
- 68% {opacity: .75;}
- 70% {opacity: .6;}
- 72% {opacity: .75;}
- 93% {opacity: .75;}
- 95% {opacity: .6;}
- 97% {opacity: .75;}
- 100% {opacity: .75;}
- }
- /* Lights Flicker */
- @keyframes WindowLights {
- 0% {opacity: 0;}
- 49.99% {opacity: 0;}
- 50% {opacity: 1;}
- 100% {opacity: 1;}
- }
- @keyframes BarLights {
- 0% {opacity: 0;}
- 19.99% {opacity: 0;}
- 20% {opacity: 1;}
- 100% {opacity: 1;}
- }
- @keyframes CyanLights {
- 0% {opacity: .7;}
- 20% {opacity: 1;}
- 40% {opacity: .9;}
- 60% {opacity: .6;}
- 80% {opacity: .8;}
- 100% {opacity: .7;}
- }
- @keyframes RainMove {
- from {background-position: 0 0;}
- to {background-position: 0 464px;}
- }
- /* Fonts */
- @font-face {
- font-family: 'Open Sans';
- font-style: normal;
- font-weight: 400;
- src: url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
- }
- @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: 'Aldrich';
- font-style: normal;
- font-weight: 400;
- src: local('Aldrich Regular'), local('Aldrich-Regular'), url(http://fonts.gstatic.com/s/aldrich/v7/Y0zWA9-hxl3_xvcxN-VXfA.woff) format('woff');
- }
- /* Header */
- #gaia_header {
- background: none !important;
- border-top: 1px solid transparent;
- }
- #gaia_header #header_left, #gaia_header #header_right {
- background: none !important;
- font-size: 0px !important;
- }
- #gaia_header #header_right {float: right !important;}
- #gaia_header li {
- text-align: center;
- padding: 0 5px 0 5px;
- }
- #gaia_header li.spacer {display: none !important;}
- #header_left img {
- background: url('https://i.imgur.com/w0Cbo9w.png') 0px 3px no-repeat !important;
- width: 0px !important;
- padding: 0px 37px 0px 0px !important;
- margin: 0px -1px 0px 1px;
- }
- #gaia_header a {
- color: #FFFFFF !important;
- font-family: 'Open Sans Condensed', sans-serif;
- font-size: 11px !important;
- letter-spacing: .02em;
- text-transform: uppercase;
- text-decoration: none;
- transition: text-shadow .5s ease-in-out;
- }
- #gaia_header a:hover {text-shadow: 0 0 3px #0060FF;}
- /* Columns */
- #columns, #column_1, #column_2, #column_3 {
- padding: 0;
- margin: 0;
- position: absolute;
- }
- #columns, #column_1 {
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- }
- #columns {background: url('https://i.imgur.com/YczIurX.jpg') fixed top center / cover;}
- #column_2, #column_3 {display: none;}
- /* Scrollbars */
- #columns {
- scrollbar-track-color: #E5E5E5;
- scrollbar-arrow-color: #000000;
- scrollbar-face-color: #000000;
- scrollbar-shadow-color: #E5E5E5;
- }
- #columns ::-webkit-scrollbar {
- background: #E5E5E5;
- width: 15px;
- }
- #columns ::-webkit-scrollbar-thumb {
- background: #000000;
- width: 15px;
- border: 1px solid #E5E5E5;
- }
- /* Panels */
- .panel {
- background: none;
- font-family: 'Open Sans', sans-serif;
- padding: 0;
- margin: 0;
- position: absolute;
- z-index: 99;
- }
- .panel a {
- color: #B01030;
- font-weight: normal;
- }
- #id_comments, #id_wishlist, #id_footprints {
- background: #FFFFFF;
- width: 400px;
- height: 500px;
- color: #000;
- padding: 0 10px 0 0;
- left: -500px;
- top: 37px;
- border: 10px solid transparent;
- border-top-width: 60px;
- box-shadow: 0 0 0 2px #000, 0 0 0 4px #FFFFFF;
- box-sizing: border-box;
- overflow-x: hidden;
- overflow-y: scroll;
- }
- #id_comments:hover, #id_wishlist:hover, #id_footprints:hover {left: 58px;}
- #id_comments::before, #id_wishlist::before, #id_footprints::before {
- content: url('https://i.imgur.com/Twy9EKR.png');
- left: 35px;
- position: fixed;
- z-index: 9;
- opacity: 0;
- pointer-events: none;
- }
- #id_comments::before {margin-top: 61px;}
- #id_wishlist::before {margin-top: 105px;}
- #id_footprints::before {margin-top: 149px;}
- /* Work Around FF Render Bug */
- #id_comments:hover::before, #id_wishlist:hover::before, #id_footprints:hover::before {
- opacity: 1;
- pointer-events: all;
- }
- .panel h2 {
- background: #000;
- width: 500px;
- height: 40px;
- color: #FFFFFF;
- font-family: 'Aldrich', sans-serif;
- font-size: 30px;
- letter-spacing: .05em;
- line-height: 44px;
- text-align: center;
- text-transform: uppercase;
- padding: 0;
- margin: 0;
- position: fixed;
- top: 46px;
- left: 58px;
- opacity: 0;
- transform: scaleX(.8);
- transform-origin: top left;
- pointer-events: none;
- }
- /* Work Around FF Render Bug */
- .panel:hover h2 {opacity: 1;}
- .custom_panel {
- width: 100%;
- height: 100% !important;
- top: 0;
- left: 0;
- z-index: 9 !important;
- }
- #id_contact h2 {display: none;}
- #id_details h2 {display: none;}
- .media_panel h2 {display: none;}
- .custom_panel h2 {display: none;}
- /* Things That Are Buttons */
- #id_comments::after, #id_wishlist::after, #id_footprints::after, #id_contact ul:not(.buttons) li, .media_panel {
- background: url('https://i.imgur.com/vcNz49l.png');
- background-color: rgba(0,0,0,.8);
- background-size: 34px auto;
- width: 34px;
- height: 34px !important;
- font-size: 0px;
- border-radius: 2px;
- box-shadow: 0 0 0 1px rgba(255,255,255,.2);
- overflow: hidden;
- }
- #id_comments::after, #id_wishlist::after, #id_footprints::after, .media_panel {left: 7px;}
- .media_panel {position: absolute;}
- #id_contact ul:not(.buttons) li {
- position: relative;
- margin-bottom: 10px;
- }
- #id_comments::after, #id_wishlist::after, #id_footprints::after {
- content: '';
- position: fixed;
- z-index: 8;
- }
- #id_comments::after {
- background-position: 0 -204px;
- top: 166px;
- }
- #id_wishlist::after {
- background-position: 0 -306px;
- top: 210px;
- }
- #id_footprints::after {
- background-position: 0 -374px;
- top: 254px;
- }
- /* Contact */
- #id_contact {
- position: absolute;
- top: 34px;
- left: 7px;
- }
- #id_contact ul:not(.buttons) li:nth-of-type(1) {background-position: 0 0;}
- #id_contact ul:not(.buttons) li:nth-of-type(2) {background-position: 0 -34px;}
- #id_contact ul:not(.buttons) li:nth-of-type(3) {background-position: 0 -68px;}
- #id_contact ul:not(.buttons) li a {
- display: block;
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
- /* Details */
- #id_details, #pictures_container div:first-of-type {
- width: 120px;
- height: 150px;
- bottom: -200px;
- overflow: visible;
- z-index: 8;
- }
- #id_details {left: calc((100% - 120px) / 2 - 60px);}
- #id_details .forum_userstatus {display: none;}
- #id_details p:nth-of-type(n+2) {display: none;}
- #pictures_container div:first-of-type {
- position: fixed;
- top: auto !important;
- left: calc((100% - 120px) / 2 + 10px) !important;
- }
- @media screen and (min-height: 600px) {#id_details {bottom: 15%;} #pictures_container div:first-of-type {bottom: calc(15% - 20px);}}
- @media screen and (min-height: 640px) {#id_details {bottom: 20%;} #pictures_container div:first-of-type {bottom: calc(20% - 20px);}}
- @media screen and (min-height: 780px) {#id_details {bottom: 30%;} #pictures_container div:first-of-type {bottom: calc(30% - 20px);}}
- /* Avatar Shadow */
- #id_details::before, #pictures_container div:first-of-type::before {
- display: block;
- width: 120px;
- height: 150px;
- position: absolute;
- bottom: 4px;
- left: 0;
- filter: brightness(0);
- transform: scaleY(-.4);
- transform-origin: bottom center;
- z-index: -1;
- }
- #id_details::before {
- content: url('http://a2.cdn.gaiaonline.com/dress-up/avatar/ava/dd/a1/404c4e20255a1dd_flip.png');
- opacity: .4;
- }
- #pictures_container div:first-of-type::before {
- content: url('http://a2.cdn.gaiaonline.com/dress-up/avatar/ava/29/5f/bfdba1023e5f29.png');
- opacity: .2;
- }
- /* Comments */
- #id_comments .deletecomment {display: none;}
- #id_comments #alerts_banner {display: none;}
- #id_comments #alert_container {padding: 0px;}
- #id_comments dt {
- line-height: 7px;
- padding: 0;
- margin: 0 0 0 58px;
- position: absolute;
- border: none;
- }
- #id_comments dd {
- padding-bottom: 8px;
- margin-bottom: 10px;
- border-bottom: 1px solid rgba(0,0,0,.1);
- }
- #id_comments dd:last-of-type {
- margin-bottom: 0;
- border: none;
- }
- #id_comments .dropBox {
- background: rgba(0,0,0,.1);
- width: 48px;
- height: 48px;
- margin: 0 10px 0 0;
- border-radius: 3px;
- overflow: hidden;
- }
- #id_comments .dropBox img {
- width: 120px;
- height: 150px;
- margin-top: -26px;
- margin-left: -46px;
- }
- #id_comments dd .postcontent {
- display: table-cell;
- padding-top: 10px;
- }
- #id_comments .date {
- float: left;
- color: #808080;
- text-align: left;
- margin-left: 5px;
- }
- #id_comments .date::before {content: '•';}
- #id_comments .date a {
- color: #808080;
- text-transform: lowercase;
- padding: 0 3px 0 5px;
- position: relative;
- }
- #id_comments .date a::after {
- content: '•';
- display: block;
- background: #FFFFFF;
- position: absolute;
- top: 4px;
- left: calc(100% + 2px);
- box-shadow: 0 0 0 3px #FFFFFF;
- }
- /* Comment Links */
- #id_comments #alert_container, #id_comments h2 ~ p {
- width: 34px;
- height: 12px;
- line-height: 12px;
- text-align: right;
- position: fixed;
- margin-left: 345px;
- overflow: hidden;
- }
- #id_comments #alert_container {margin-top: -42px;}
- #id_comments h2 ~ p {margin-top: -28px;}
- #id_comments #alert_container a, #id_comments p a[href*='comments'] {
- color: #FFFFFF;
- font-family: 'Open Sans Condensed', sans-serif;
- font-size: 12px;
- font-weight: bold;
- text-decoration: none;
- text-transform: uppercase;
- }
- /* Wish List */
- #id_wishlist {padding: 0;}
- #id_wishlist .item {
- background: rgba(0,0,0,.1);
- height: 30px;
- text-align: center;
- padding: 4px;
- margin: 0 7px 7px 0;
- border-radius: 2px;
- position: relative;
- transition: background .5s ease-in-out;
- }
- #id_wishlist .item:hover {background: #B01030;}
- #id_wishlist .premium_sparkle {
- width: 30px;
- height: 30px;
- margin: 0;
- top: calc(50% - 15px);
- left: calc(50% - 15px);
- }
- #equipped-list, #equipped-list ~ #equipped-item-details, #equipped-item-details_mask {display: none !important;}
- #equipped-list_c, #equipped-item-details_c {z-index: 999 !important;}
- /* Visitors */
- #id_footprints .item {padding: 3px;}
- #id_footprints .item:nth-of-type(even) {background: rgba(0,0,0,.05);}
- /* Friends */
- #id_friends {
- bottom: 8px;
- left: 51px;
- }
- #id_friends h2 {display: none;}
- #id_friends h2 ~ p {display: none;}
- #id_friends p {margin: 0;}
- #id_friends ul:not(.buttons) li {
- background: rgba(0,0,0,.8);
- width: 34px;
- height: 34px;
- text-align: left;
- margin-right: 10px;
- border-radius: 2px;
- box-shadow: 0 0 0 1px rgba(255,255,255,.2);
- filter: grayscale(100%);
- opacity: .8;
- overflow: hidden;
- transition: opacity 1s ease-in-out;
- }
- #id_friends ul:not(.buttons) li:hover {opacity: 1;}
- #id_friends ul:not(.buttons) .dropBox {margin: -8px 0 0 -8px;}
- #id_friends ul:not(.buttons) li a {
- width: 100%;
- height: 100%;
- font-size: 0;
- position: absolute;
- }
- /* Media */
- .media_panel {
- background-position: 0 -102px;
- bottom: 8px;
- }
- .media_panel object {
- width: 480px;
- height: 360px;
- position: absolute;
- bottom: 0;
- left: -8px;
- opacity: 0;
- }
- /* Lights */
- .custom_panel span, .custom_panel span::after {
- display: block;
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
- left: 0;
- pointer-events: none;
- }
- .custom_panel span:nth-of-type(1) {
- background: url('https://i.imgur.com/NRloyZR.png') fixed top center / cover;
- animation: FluorescentLights 3s infinite linear;
- }
- .custom_panel span:nth-of-type(2) {
- background: url('https://i.imgur.com/f0H0TSW.png') fixed top center / cover;
- animation: WindowLights 83s infinite linear;
- }
- .custom_panel span:nth-of-type(3) {
- background: url('https://i.imgur.com/XIOFaXP.png') fixed top center / cover;
- animation: BarLights 6s infinite linear;
- }
- .custom_panel span:nth-of-type(4) {
- background: url('https://i.imgur.com/VO67xDO.png') fixed top center / cover;
- animation: CyanLights 10s infinite linear;
- }
- .custom_panel span:nth-of-type(5) {
- width: 30%;
- height: 40%;
- top: auto;
- right: 0;
- bottom: 0;
- left: auto;
- pointer-events: all;
- }
- .custom_panel span:nth-of-type(5)::after {
- content: '';
- background: url('https://i.imgur.com/UlDylod.png') fixed top center / cover;
- position: fixed;
- opacity: 0;
- transition: opacity 1s ease-in-out;
- }
- .custom_panel span:nth-of-type(5):hover::after {opacity: 1;}
- .custom_panel span:nth-of-type(6) {
- background: url('https://i.imgur.com/XYmSLbx.png') repeat;
- width: calc(100% + 200px);
- height: calc(100% + 200px);
- top: -100px;
- left: -100px;
- transform: rotate(5deg);
- animation: RainMove .5s infinite linear;
- opacity: .05;
- }
- /* Picture Container */
- #columns {z-index: 1;}
- #pictures_container {
- width: 1px;
- height: 1px;
- position: absolute;
- top: 50%;
- left: 50%;
- z-index: 2;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement