Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Profile by AlthIndor */
- html, body {
- background:
- url('https://images2.imgbox.com/a9/cb/FSpasIbl_o.png') top 30px center fixed repeat-x,
- url('https://images2.imgbox.com/f9/3b/FrKB6uae_o.png') bottom center fixed repeat-x,
- repeating-linear-gradient(to right, #FF9CB8 0px, #FF9CB8 60px, #FFB8CC 60px, #FFB8CC 120px) fixed;
- background-size: auto 45px, auto 45px, auto;
- }
- body a {text-decoration: none !important;}
- html {
- --profile-height: 430px;
- --dark-color: #483C38;
- --mid-color: #806A64;
- --pink1: #FF9CB8;
- --pink2: #FFB8CC;
- }
- #columns, #id_contact ul:not(.buttons) li, .media_panel {background: url('https://images2.imgbox.com/3b/8a/fD2O23w6_o.png') top right no-repeat border-box;}
- /* 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/v15/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/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
- }
- /* Header */
- #viewer #gaia_header {
- background: var(--dark-color);
- width: 100%;
- height: 30px !important;
- box-shadow: 0 1px 3px rgba(0,0,0,.3);
- position: fixed !important;
- }
- #gaia_header #header_left, #gaia_header #header_right {
- background: none;
- width: 50% !important;
- font: bold 0/28px 'Open Sans', sans-serif !important;
- padding: 0 3px !important;
- box-sizing: border-box !important;
- }
- #gaia_header li.spacer {display: none !important;}
- #gaia_header li {margin: 0 5px;}
- #gaia_header #header_left img {
- background: url('https://gaia.hs.llnwd.net/e1/images/gaia_global/gaia_header/br_gaia_logo_header.png') 0 0 no-repeat;
- background-size: auto 200%;
- width: 0;
- height: 16px;
- padding: 0 34px 0 0;
- }
- #gaia_header a {
- color: #FFFFFF !important;
- font-size: 11px !important;
- text-transform: uppercase;
- }
- /* Columns */
- #columns, #column_1, #column_2 {
- display: block;
- float: none;
- margin: 0;
- }
- #column_3 {display: none;}
- #columns {
- width: 830px;
- height: 450px;
- top: calc((100% - 450px + 30px) / 2);
- left: calc(50% - 415px);
- transform: translateZ(0);
- overflow: visible;
- }
- #column_1, #column_2 {
- height: calc(100% - 20px);
- position: absolute;
- top: 0;
- }
- #column_1 {
- width: 250px;
- left: 0;
- }
- #column_2 {
- width: calc(100% - 270px);
- right: 0;
- overflow: visible;
- }
- /* Scrollbars */
- #columns ::-webkit-scrollbar {
- background: var(--mid-color);
- width: 8px;
- border-radius: 2px;
- }
- #columns ::-webkit-scrollbar-thumb {
- background: #FFFFFF content-box;
- border: 1px solid transparent;
- border-radius: 2px;
- }
- /* Panels */
- .panel, .panel h2 {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- }
- .panel a {color: inherit;}
- .panel a:hover {color: #FF4080;}
- .panel {
- color: var(--dark-color);
- font: 10px/1.6em 'Open Sans', sans-serif;
- overflow: hidden;
- }
- .panel:not(.media_panel) {background: none;}
- #column_2 .panel {position: absolute;}
- #id_wishlist, #id_details {
- width: 250px;
- left: 0;
- }
- /* Headers */
- #id_wishlist h2, .spoiler-control {
- height: 25px;
- color: #FFFFFF;
- font: 700 12px/2.2em 'Open Sans', sans-serif;
- text-align: center;
- text-shadow: 0 0 1px var(--mid-color);
- text-transform: uppercase;
- border-radius: 3px;
- }
- #id_wishlist h2 {
- background: var(--pink1);
- width: 230px;
- position: fixed;
- margin-top: -35px;
- }
- .panel:not(#id_wishlist) h2 {display: none;}
- .custom_panel .spoiler-title {
- position: fixed;
- top: 10px;
- left: 10px;
- }
- .custom_panel .spoiler-control {
- display: block !important;
- background: var(--pink2);
- float: left;
- width: 110px;
- border: none;
- outline: none;
- transition: background .5s ease-in-out;
- }
- .custom_panel .spoiler-control:hover {background: var(--pink1);}
- .custom_panel .spoiler-control-show {margin-right: 10px;}
- .custom_panel .spoiler-control span {display: none;}
- .custom_panel .spoiler-control-show::after {content: 'Comment';}
- .custom_panel .spoiler-control-hide::after {content: 'Visitors';}
- /* Panel Switcher */
- .custom_panel .spoiler-wrapper {
- padding: 0;
- border: none;
- }
- .custom_panel {margin-top: calc(var(--profile-height) * -1);}
- .custom_panel .spoiler {height: var(--profile-height);}
- .custom_panel .spoiler-hidden .spoiler-control-show, .custom_panel .spoiler-revealed .spoiler-control-hide {
- background: var(--pink1);
- pointer-events: none;
- }
- /* Contact and Media */
- #id_contact {
- width: 150px;
- font-size: 0;
- right: 105px;
- overflow: visible;
- }
- #id_contact ul:not(.buttons) li, .media_panel {
- width: 40px;
- height: 40px !important;
- border-radius: 50%;
- box-shadow: 0 0 3px 1px #FFFFFF;
- opacity: .01;
- transition: opacity .5s ease-in-out;
- }
- #id_contact ul:not(.buttons) li:hover, .media_panel:hover {opacity: 1;}
- #id_contact h2, .media_panel h2 {display: none;}
- #id_contact ul:not(.buttons) li {
- float: left;
- margin: 0 10px 0 0;
- position: relative;
- }
- #id_contact ul:not(.buttons) li:nth-of-type(1) {background-position: 0 bottom;}
- #id_contact ul:not(.buttons) li:nth-of-type(2) {background-position: -40px bottom;}
- #id_contact ul:not(.buttons) li:nth-of-type(3) {background-position: -80px bottom;}
- #id_contact ul:not(.buttons) li a {
- display: block;
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
- /* Details */
- #id_details {height: 220px;}
- #id_details h2 {display: none;}
- #id_details p:nth-of-type(n+2) {display: none;}
- #id_details .forum_userstatus {display: none;}
- #id_details p {
- position: relative;
- top: 30px;
- z-index: 1;
- }
- /* Visitors and Comments */
- #id_footprints, #id_comments {
- width: calc(100% - 20px);
- height: calc(100% - 55px);
- padding-right: 10px;
- overflow-x: hidden;
- overflow-y: auto;
- }
- #id_footprints {margin: 45px 0 0 10px;}
- #id_comments {margin: 55px 0 0 10px;}
- /* Comments */
- #id_comments .dropBox {display: none;}
- #id_comments #alerts_banner {display: none;}
- #id_comments #alert_container {padding: 0;}
- #id_comments .deletecomment {margin: 0 0 0 10px;}
- #id_comments dt {
- height: auto;
- line-height: normal;
- text-align: inherit;
- margin: 0 0 4px 0;
- padding: 0 0 5px 0;
- }
- #id_comments .username {float: none;}
- #id_comments .date {font: 90% monospace;}
- #id_comments .date a {text-transform: uppercase;}
- #id_comments dd {text-align: justify;}
- #id_comments dd:nth-last-of-type(n+2) {margin-bottom: 15px;}
- #id_comments dd:last-of-type {margin: 0;}
- /* Wish List */
- #id_wishlist {
- display: grid;
- grid-template-columns: repeat(4, 1fr);
- grid-gap: 10px 10px;
- height: 200px;
- padding-right: 10px;
- top: 230px;
- border: 10px solid transparent;
- border-width: 45px 10px 10px 10px;
- border-radius: 5px;
- overflow-y: scroll;
- }
- #id_wishlist .item {
- background: var(--pink2);
- width: 30px;
- height: 30px;
- padding: 6px;
- border-radius: 15px;
- outline: 1px dotted var(--dark-color);
- outline-offset: -4px;
- transition: all .5s ease-in-out;
- }
- #id_wishlist .item:hover {
- background: var(--mid-color);
- outline-color: var(--pink1);
- }
- /* Media */
- .media_panel {
- background-position: -120px bottom;
- right: 65px;
- border: 3px solid transparent;
- }
- .media_panel object {
- position: absolute;
- bottom: 0;
- left: -8px;
- opacity: .01;
- }
- /* Decorations */
- #pictures_container, #texts_container {
- width: 1px;
- height: 1px;
- position: absolute;
- top: 0;
- left: 50%;
- overflow: visible;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement