Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Code by AlthIndor, Graphics by SugaSharra */
- html, body {background: linear-gradient(to bottom, rgba(255,192,204,.9), rgba(255,224,240,.9)) fixed, url('https://images2.imgbox.com/cb/a9/lqckG8Wu_o.png') center;}
- #columns, #columns::after, #id_contact ul:not(.buttons) li, #columns .media_panel {background: url('https://images2.imgbox.com/5a/5b/3OEbx6wF_o.png') no-repeat;}
- /* Fonts */
- @font-face {
- font-family: 'Cookie';
- font-style: normal;
- font-weight: 400;
- src: local('Cookie-Regular'), url(https://fonts.gstatic.com/s/cookie/v8/syky-y18lb0tSbf9kgqU.woff) format('woff');
- }
- @font-face {
- font-family: 'PT Sans';
- font-style: normal;
- font-weight: 400;
- src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0KEww.woff) format('woff');
- }
- /* Header */
- #gaia_header {
- background: purple;
- border-bottom: 2px solid transparent;
- box-shadow: 0 1px 0 rgba(0,0,0,.3);
- }
- #gaia_header #header_left, #gaia_header #header_right {
- background: none;
- color: transparent;
- font-family: 'PT Sans', script, serif;
- font-size: 11px !important;
- line-height: 26px !important;
- padding: 0 7px 0 7px !important;
- box-sizing: border-box;
- }
- #gaia_header #header_right {float: right;}
- #gaia_header li.spacer {display: none !important;}
- #header_left img {
- background: url('https://i.imgur.com/w0Cbo9w.png') 0 3px no-repeat;
- width: 0px !important;
- padding: 0 42px 0 0;
- }
- #gaia_header a {
- color: #FFFFFF !important;
- letter-spacing: .05em;
- text-decoration: none;
- text-transform: uppercase;
- }
- /* Columns */
- #columns, #column_1, #column_2, #column_3 {
- padding: 0;
- margin: 0;
- position: absolute;
- }
- #columns {
- width: 830px;
- height: 840px;
- top: 40px;
- left: calc(50% - 415px);
- }
- @media screen and (min-height: 800px) {#columns {top: calc(50% - 400px);}}
- #column_1, #column_2, #column_3 {
- width: 1px;
- height: 1px;
- overflow: visible;
- }
- #columns::after {
- content: '';
- background-position: bottom right;
- width: 500px;
- height: 500px;
- position: absolute;
- bottom: 14px;
- right: 0;
- pointer-events: none;
- }
- #columns ::-webkit-scrollbar {
- background: purple;
- width: 13px;
- border-radius: 3px;
- }
- #columns ::-webkit-scrollbar-thumb {
- background: #FFFFFF;
- border: 1px solid purple;
- border-radius: 3px;
- }
- /* Panels */
- .panel {
- color: #404050;
- font-family: 'PT Sans', sans-serif;
- font-size: 12px;
- padding: 0;
- margin: 0;
- position: absolute;
- box-sizing: border-box;
- }
- .panel h2 {display: none;}
- .panel a {
- color: purple;
- font-weight: normal;
- text-decoration: none;
- }
- #id_about, #id_comments, #id_wishlist, #id_footprints {
- background: #F2F0F4;
- line-height: 1.5em;
- border: 8px solid transparent;
- border-radius: 3px;
- box-shadow: 0 0 0 1px rgba(0,0,0,.3);
- overflow-x: hidden;
- overflow-y: scroll;
- opacity: .2;
- transition: opacity .5s ease-in-out;
- }
- #id_about:hover, #id_comments:hover, #id_wishlist:hover, #id_footprints:hover {opacity: 1;}
- /* About and Comments */
- #id_about, #id_comments {
- width: 499px;
- height: 188px;
- text-align: justify;
- left: 301px;
- padding: 0 8px 0 0;
- }
- #id_about {top: 168px;}
- #id_comments {top:398px;}
- #id_about img, #id_comments .message img {max-width: 100% !important;}
- /* Comments */
- #id_comments #alerts_banner {display: none;}
- #id_comments .deletecomment {display: none;}
- #id_comments dd {padding-bottom: 7px;}
- #id_comments dd:last-of-type {margin-bottom: 0;}
- #id_comments p {margin: 0;}
- #id_comments dt {
- padding: 0 0 2px 0;
- margin: 0 0 2px 0;
- border-bottom: 2px dotted rgba(0,0,0,.2);
- }
- #id_comments .dropBox {
- width: 48px;
- height: 60px;
- margin: 6px 8px 0 0;
- border: 1px solid purple;
- overflow: hidden;
- }
- #id_comments .dropBox img {
- width: 120px;
- height: 150px;
- margin-top: -26px;
- margin-left: -46px;
- }
- #id_comments h2 ~ div a, #id_comments h2 ~ p a {
- font-family: 'Cookie', script, serif;
- font-size: 18px;
- }
- #id_comments h2 ~ div {float: left;}
- #id_comments #alert_container {padding: 0;}
- #id_comments #alert_container::after {
- content: ' • ';
- letter-spacing: .3em;
- }
- /* Contact and Media */
- #id_contact, .media_panel {
- width: 42px;
- left: 32px;
- }
- #id_contact {
- background: none;
- height: auto;
- top: 169px;
- }
- #id_contact ul:not(.buttons) li, #id_contact ul:not(.buttons) li a {
- display: block;
- width: 100%;
- height: 42px;
- font-size: 0;
- }
- #id_contact ul:not(.buttons) li {
- position: relative;
- margin-bottom: 6px;
- }
- #id_contact ul:not(.buttons) li:nth-of-type(1) {background-position: -830px 0;}
- #id_contact ul:not(.buttons) li:nth-of-type(2) {background-position: -830px -42px;}
- #id_contact ul:not(.buttons) li:nth-of-type(3) {background-position: -830px -84px;}
- #id_contact ul:not(.buttons) li, .media_panel {
- opacity: 0;
- transition: opacity .5s ease-in-out;
- }
- #id_contact ul:not(.buttons) li:hover, .media_panel:hover {opacity: 1;}
- /* Media */
- .media_panel {
- background-position: -830px -126px !important;
- background-origin: border-box !important;
- height: 42px !important;
- top: 313px;
- border: 4px solid transparent;
- overflow: hidden;
- }
- .media_panel object {
- position: absolute;
- bottom: 0;
- left: -8px;
- opacity: 0;
- }
- /* Details */
- #id_details {
- background: none;
- width: 120px;
- height: 150px;
- top: 632px;
- left: 33px;
- }
- #id_details p:nth-of-type(n+2) {display: none;}
- #id_details .forum_userstatus {display: none;}
- /* Visitors and Wish List */
- #id_footprints, #id_wishlist {
- width: 229px;
- height: 158px;
- text-align: center;
- top: 628px;
- }
- #id_footprints {left: 301px;}
- #id_wishlist {left: 571px;}
- /* Wish List */
- .owner_checkmark {
- margin: 0;
- bottom: 5px;
- left: 5px;
- }
- .premium_sparkle {display: none;}
- #id_wishlist .item {
- background: #F47498;
- height: 30px;
- width: 30px;
- padding: 4px;
- margin: 2px 6px 4px 0;
- position: relative;
- border: 2px solid rgba(255,255,255,.5);
- border-radius: 5px;
- transition: all .5s ease-in-out;
- }
- #id_wishlist .item:hover {
- background: #92D7D5;
- border-color: rgba(0,0,0,.5);
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement