Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Profile By AlthIndor */
- :root {
- --color-primary: pink;
- --color-secndry: thistle;
- --color-text: #505050;
- --border: 1px solid #B8988C;
- --shadow: 0 2px 5px #00000060;
- --top-offset: 150px;
- }
- html, body {
- background: url('https://i.imgur.com/e42xknE.png') top center #FDE8EA;
- overflow-x: hidden;
- }
- body a {text-decoration: none !important;}
- /* Fonts */
- @font-face {
- font-family: 'Open Sans';
- font-style: normal;
- font-weight: 400;
- src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
- }
- @font-face {
- font-family: 'Open Sans';
- font-style: normal;
- font-weight: 700;
- src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
- }
- @font-face {
- font-family: 'Font Awesome 5 Free';
- font-style: normal;
- font-weight: 900;
- font-display: block;
- src: url('https://ka-f.fontawesome.com/releases/v5.15.2/webfonts/free-fa-solid-900.woff2') format('woff2'), url('https://ka-f.fontawesome.com/releases/v5.15.2/webfonts/free-fa-solid-900.woff') format('woff');
- }
- /* Header */
- #viewer #gaia_header {
- background: var(--color-text) !important;
- height: 30px !important;
- position: fixed !important;
- box-shadow: var(--shadow);
- }
- #gaia_header li.spacer {display: none !important;}
- #gaia_header li {margin: 0 5px;}
- #gaia_header #header_left, #gaia_header #header_right {
- background: none !important;
- font: 0/28px 'Open Sans', sans-serif !important;
- padding: 0 5px !important;
- box-sizing: border-box;
- }
- #gaia_header #header_right {float: right;}
- #gaia_header img {
- background: url('https://i.imgur.com/cGGVY2x.png') no-repeat 0 4px;
- width: 0;
- padding: 0 34px 0 0;
- filter: invert(100%);
- }
- #gaia_header a {
- color: #FFFFFF !important;
- font-size: 10px !important;
- text-transform: uppercase;
- }
- #header_right a[href*='edit'], #header_right a[href*='report'] {font-size: 0 !important;}
- #header_right a[href*='edit']::before, #header_right a[href*='report']::before {font-size: 10px;}
- #header_right a[href*='edit']::before {content: 'Edit My Profile';}
- #header_right a[href*='report']::before {content: 'Report Profile';}
- /* Columns */
- #columns, #columns .column {
- float: none;
- width: 372px;
- overflow: visible;
- }
- #columns {
- top: var(--top-offset);
- left: calc(50% - 186px);
- }
- #columns .column {
- display: block;
- margin: 0;
- font-size: 0;
- }
- /* Panels */
- .panel, .panel h2 {
- color: var(--color-text);
- padding: 0;
- margin: 0;
- box-sizing: border-box;
- }
- .panel a {color: inherit;}
- .panel a:hover {color: var(--color-primary);}
- .panel {
- background: none;
- font: 10px/1.6 'Open Sans', sans-serif;
- text-align: justify;
- margin-bottom: 15px;
- position: relative;
- }
- .panel:not(#id_contact):not(#id_comments):not(.media_panel) {
- background: #FFFFFF;
- padding: 15px;
- border: var(--border);
- box-shadow: var(--shadow);
- overflow: hidden;
- }
- #id_about img {max-width: 100%;}
- .panel h2 {
- background: pink;
- width: calc(100% + 30px);
- height: 40px;
- text-indent: 15px;
- font-size: 14px;
- line-height: 39px;
- text-shadow: 0 1px 1px #FFFFFF;
- margin: -15px 0 15px -15px;
- border: var(--border);
- border-width: 0 0 1px 0;
- }
- #id_contact h2, #id_comments h2, .media_panel h2 {display: none;}
- /* Contact */
- #id_contact, #id_comments {
- margin: 0;
- position: absolute;
- left: 166px;
- z-index: 1;
- }
- #id_contact {top: 56px;}
- #id_comments {top: 191px;}
- #id_contact ul *, #id_comments * {
- width: 190px;
- height: 35px;
- }
- #id_contact li {margin: 0 0 10px 0;}
- #id_contact span {display: none;}
- #id_contact li, #id_comments h2 + div {
- display: flex;
- flex-flow: row nowrap;
- align-items: center;
- background: var(--color-primary);
- text-align: left;
- text-indent: 15px;
- text-shadow: 0 1px 1px #FFFFFF;
- position: relative;
- border: var(--border);
- box-sizing: border-box;
- }
- #id_contact li:hover, #id_comments h2 + div:hover {background: var(--color-secndry);}
- #id_contact li::before, #id_comments h2 + div::before {font: 900 18px/1 'Font Awesome 5 Free';}
- #id_contact li:nth-of-type(1)::before {content: '';}
- #id_contact li:nth-of-type(2)::before {content: '';}
- #id_contact li:nth-of-type(3)::before {content: '';}
- #id_comments h2 + div::before {content: '';}
- #id_contact li::after, #id_comments h2 + div::after {
- font-size: 14px;
- font-weight: 700;
- text-transform: uppercase;
- }
- #id_contact li:nth-of-type(1)::after {content: 'Add As Friend';}
- #id_contact li:nth-of-type(2)::after {content: 'Send Message';}
- #id_contact li:nth-of-type(3)::after {content: 'Start A Trade';}
- #id_comments h2 + div::after {content: 'Add Comment';}
- #id_contact a, #id_comments a {
- font-size: 0;
- position: absolute;
- top: 0;
- left: 0;
- z-index: 1;
- }
- /* Comments */
- #id_comments #alerts_banner, #id_comments h2 ~ p, #id_comments dl, #id_comments .clear {display: none;}
- #alert_container {display: contents;}
- /* Details */
- #id_details p:nth-of-type(n+2), .forum_userstatus {display: none;}
- #id_details img {filter: drop-shadow(0 1px #FFFFFF);}
- #id_details p {
- background: #00000010;
- width: 140px;
- padding: 9px;
- margin: 0;
- border: 1px solid #00000020;
- box-sizing: border-box;
- }
- /* Wish List */
- #id_wishlist {
- display: grid;
- grid-template-columns: repeat(7, 40px);
- grid-auto-rows: max-content;
- gap: 10px;
- text-align: center;
- position: relative;
- }
- #id_wishlist .clear, .premium_sparkle {display: none;}
- #id_wishlist .item img {filter: drop-shadow(0 1px #FFFFFF);}
- #id_wishlist h2 {
- grid-column: 1/-1;
- margin-bottom: 5px;
- }
- #id_wishlist .item {
- background: #00000010;
- width: 100%;
- height: 40px;
- padding: 4px 0;
- position: relative;
- border: 1px solid #00000020;
- box-sizing: border-box;
- }
- #id_wishlist .item:hover {background: thistle;}
- #id_wishlist .owner_checkmark {
- margin: 0;
- bottom: 4px;
- left: 4px;
- }
- /* Media */
- .media_panel {
- background: var(--color-primary);
- width: 100%;
- height: 40px !important;
- border: var(--border);
- box-shadow: var(--shadow);
- overflow: hidden;
- }
- .media_panel:hover {background-color: var(--color-secndry);}
- .media_panel::before {
- content: '';
- display: block;
- background: url('https://i.imgur.com/gqTTTvw.png') -14px -3px no-repeat, url('https://i.imgur.com/gqTTTvw.png') 77px -43px no-repeat;
- width: 100%;
- height: 100%;
- filter: invert(68.5%) drop-shadow(0 1px 1px #FFFFFF);
- }
- .media_panel iframe {
- width: calc(100% + 16px);
- height: 200px;
- position: absolute;
- bottom: 0;
- left: -9px;
- opacity: .001;
- }
- /* Misc */
- #pictures_container, #texts_container {
- width: 0;
- height: 0;
- position: absolute;
- top: var(--top-offset);
- left: 50%;
- }
Add Comment
Please, Sign In to add comment