Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Code by AlthIndor */
- html, body {
- background: url('https://wallpapercave.com/wp/JpstKRv.jpg') fixed center no-repeat;
- background-size: cover;
- }
- /* Fonts */
- @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');
- }
- @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 {
- background: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
- background-origin: border-box;
- border-bottom: 4px solid transparent;
- }
- #gaia_header #header_left, #gaia_header #header_right {
- background: none !important;
- width: 50% !important;
- font-size: 0 !important;
- box-sizing: border-box;
- }
- #gaia_header #header_right {
- float: right !important;
- padding-right: 3px !important;
- }
- #gaia_header li {
- text-align: center;
- padding: 0 5px 0 5px;
- }
- #gaia_header .spacer {display: none !important;}
- #header_left img {
- background: url('http://s.cdn.gaiaonline.com/images/gaia_global/gaia_header/br_gaia_logo_header.png') no-repeat !important;
- background-size: 38px auto !important;
- width: 0 !important;
- height: 0 !important;
- padding: 18px 38px 0 0 !important;
- margin: 0 -1px 0 1px;
- }
- #gaia_header a {
- color: #FFFFFF !important;
- font-family: 'Open Sans Condensed', sans-serif;
- font-size: 10px !important;
- letter-spacing: .03em;
- text-decoration: none;
- text-transform: uppercase;
- }
- /* Columns */
- #columns, #column_1, #column_2, #column_3 {
- float: none;
- display: block;
- padding: 0;
- margin: 0;
- }
- #column_1, #column_2 {
- width: 1px;
- height: 1px;
- }
- /* Panels */
- .panel {
- color: #FFFFFF;
- font-family: 'Open Sans', sans-serif;
- text-align: center;
- padding: 0;
- margin: 0;
- }
- .panel a {
- color: inherit;
- font-weight: normal;
- }
- .panel h2, #column_3::before {
- background: none;
- height: 16px;
- font-family: 'Open Sans Condensed', sans-serif;
- font-size: 16px;
- line-height: 14px;
- text-align: center;
- padding: 0;
- margin: 0 0 22px 0;
- }
- #id_about, #id_comments, #column_3 {
- background: rgba(0,0,0,.9);
- display: block;
- width: 340px;
- height: 340px;
- padding: 20px 0 0 0;
- position: fixed;
- top: calc(50% - 170px);
- border-radius: 50%;
- box-sizing: border-box;
- overflow: hidden;
- opacity: .5;
- transition: all 1s ease-in-out;
- }
- #id_about:hover, #id_comments:hover, #column_3:hover {
- opacity: 1;
- transform: rotate(360deg);
- }
- #id_about {left: calc(50% - 170px - 360px);}
- #id_comments {left: calc(50% - 170px);}
- #column_3 {left: calc(50% - 170px + 360px);}
- /* Inner Sections */
- #id_about h2 ~ ul:not(.buttons), #id_comments dl, #id_wishlist {
- width: calc(100% - 102px);
- height: calc(100% - 100px);
- padding: 0 100px 0 0;
- margin: 0 0 0 60px;
- overflow-x: hidden;
- overflow-y: scroll;
- }
- /* Comments */
- #id_comments #alerts_banner {display: none;}
- #id_comments .deletecomment {display: none;}
- #id_comments .dropBox {display: none;}
- #id_comments dd:nth-last-of-type(n+2) {margin-bottom: 10px;}
- #id_comments dl ~ .clear {display: none;}
- #id_comments dt {
- height: auto;
- line-height: normal;
- text-align: center;
- padding: 0 0 2px 0;
- }
- #id_comments .username {float: none;}
- /* Buttons */
- #id_comments h2 ~ div, #id_comments div ~ p, .media_panel {
- background-image: url('https://i.imgur.com/vcNz49l.png');
- background-size: 20px auto;
- }
- /* Comments Links */
- #id_comments h2 ~ div, #id_comments div ~ p {
- padding: 0;
- margin: 0;
- position: absolute;
- }
- #id_comments h2 ~ div {
- background-position: -4px -4px;
- width: 12px;
- height: 12px;
- top: 21px;
- left: 112px;
- border: 1px solid rgba(255,255,255,.5);
- border-radius: 50%;
- }
- #id_comments div ~ p {
- background-position: 0 -120px;
- width: 18px;
- height: 18px;
- top: 18px;
- right: 112px;
- }
- #id_comments h2 ~ div a, #id_comments div ~ p a, #id_comments #alert_container {
- display: block;
- width: 100%;
- height: 100%;
- font-size: 0;
- padding: 0;
- }
- /* Wish List */
- #id_wishlist {
- display: flex;
- flex-flow: row wrap;
- align-content: flex-start;
- justify-content: center;
- background: none;
- margin-top: 38px;
- }
- #id_wishlist .clear {display: none;}
- #id_wishlist .premium_sparkle {display: none;}
- #id_wishlist .owner_checkmark {margin: 1px 0 0 -4px;}
- #id_wishlist h2 {display: none;}
- #id_wishlist .item {
- background: rgba(255,255,255,.2);
- width: 30px;
- height: 30px;
- padding: 4px;
- margin: 0 3px 6px 3px;
- position: relative;
- border-radius: 50%;
- transition: background .5s ease-in-out;
- }
- #id_wishlist .item:hover {background: #FFFFFF;}
- /* Fix A Bug In Chrome */
- #column_3::before {
- content: 'WISH LIST';
- width: 200px;
- color: #FFFFFF;
- margin: 0;
- position: absolute;
- top: 20px;
- left: calc((100% - 200px) / 2);
- }
- /* Media */
- .media_panel, .media_panel .buttons {
- position: fixed;
- left: 7px;
- }
- .media_panel {
- background-color: rgba(0,0,0,.9);
- background-size: 30px auto;
- background-position: 0 -90px;
- width: 30px;
- height: 30px !important;
- font-size: 0;
- top: 30px;
- border: 2px solid transparent;
- border-radius: 5px;
- overflow: hidden;
- opacity: .3;
- transition: opacity 1s ease-in-out;
- }
- .media_panel:hover {opacity: 1;}
- .media_panel h2 {display: none;}
- .media_panel .buttons {top: 70px;}
- .media_panel object {
- width: 200px;
- height: 200px;
- position: absolute;
- bottom: -2px;
- left: -10px;
- opacity: 0;
- }
- /* Enter Button */
- #texts_container {position: relative; z-index: 999;}
- #texts_container .text-decoration {z-index: 999 !important;}
- #texts_container .spoiler-revealed {display: none;}
- #texts_container .spoiler-control-show {
- background: #000;
- width: 100%;
- height: 100%;
- font-size: 0;
- position: fixed;
- top: 0;
- left: 0;
- border: none;
- }
- #texts_container .spoiler-control-show::after {
- content: 'CLICK TO ENTER';
- width: 100%;
- height: 100px;
- color: #FFFFFF;
- font-family: 'Open Sans Condensed', sans-serif;
- font-size: 100px;
- line-height: 90px;
- text-align: center;
- position: absolute;
- top: calc((100% - 100px) / 2);
- left: 0;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement