spacehey aero

.general-about{
padding: 15px;
margin-bottom: 10px;
}

adjust the padding according to the size of ur pfp ^^^

by ianPAN!C; 1755845547; Report

Here is the fixed code that should work with the background image






body {
background: #ffffff;
background-image: url('https://www.wallfizz.com/nature/pleine-nature/5937-zoom-brin-d-herbe-WallFizz.jpg');
background-color: black;
background-attachment: fixed;
background-repeat: no-repeat;
background-size:cover;
font-family: segoe ui, sans-serif;
}

nav .links a {
text-shadow: 0 0 7px #ffffff;
}

.general-about{
padding: 15px;
margin-bottom: 10px;
}

main, nav .top, nav .links, footer, .comments-table td, .comments-table td:first-child {
background-color: transparent;
}

div.table-section, div.blurbs, div.friends-grid {
text-align: center;
}

.details-table td *, .details-table td {
background: rgba(0, 0, 0, 0);
border-color: transparent;
}

main .right {
padding: 20px;
}

main, footer p, a, .profile .blurbs .section h4, .details-table td:first-child, .profile .friends .heading, .profile .blurbs .heading h4, .profile .friends .person p {
color:white;
}

a:hover {
color: rgba(102, 136, 232);
}

.profile-info, .general-about, .profile .table-section, .profile .url-info, .profile .blurbs, table.comments-table, DIV.blog-preview, .profile .friends {
border-style:solid;
border-width:1px;
border-color: #ffffff;
border-radius: 2px;
text-shadow: 0 0 9px black;
background: linear-gradient(rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 25% , rgba(255,255,255,0.0) 52%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.4));
box-shadow: 0px 0px 15px black;

}

.profile .table-section .heading, .profile .blurbs .heading, .profile .friends .heading {
border-style:solid;
border-width:1px;
border-color: #ffffff;
border-top-right-radius: 1px;
border-top-left-radius: 1px;
text-shadow: 0 0 9px black;
background: linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.5) 10%, rgba(255,255,255,0.1) 50% , rgba(255,0,0,0) 0%, rgba(255,255,255,0.1), rgba(255,255,255,0.2));

}

div#comments {
margin-top: 20px;
}

table.comments-table {
background: linear-gradient(rgba(255, 255, 255, 0.2) 10%, rgba(255, 255, 255, 0) 40%, rgba(255, 0, 0, 0) 0%, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}

.profile h1, .profile-info {
border-style:solid;
border-width:1px;
border-radius: 2px;
text-align: center;
background: linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.5) 10%, rgba(255,255,255,0.1) 50% , rgba(255,0,0,0) 0%, rgba(255,255,255,0.1), rgba(255,255,255,0.2));
box-shadow: 0px 0px 15px black;
}

.profile .contact .heading {
display: none;
}

.details-table td:first-child {
border-style:solid;
border-width:1px;
border-color: #ffffff;
text-align: center;
background: linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.5) 10%, rgba(255,255,255,0.1) 50% , rgba(255,0,0,0) 0%, rgba(255,255,255,0.1), rgba(255,255,255,0.2));
}

/* contact */
.profile .contact {
border-style:solid;
border-radius:2px;
border-width:2px;
border-color: white;
text-shadow: 0 0 9px black;
box-shadow: 0px 0px 15px black;
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:after {
font-size: 25px;
line-height: 14px;
padding: 0px 0px 0px 0px;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:hover:after, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:hover:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:hover:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:hover:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:hover:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:hover:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:hover:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:hover:after {
transform: scale(2);
opacity: 1
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:after {
content: "add"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:after {
content: "im"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:after {
content: "msg"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:after {
content: "group"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:after {
content: "fav"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:after {
content: "forward"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:after {
content: "block"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:after {
content: "report"
}

.f-col a {
color: #ffffff;
font-weight: normal;
width: 93% !important;
padding-right: 17px !important;
padding-bottom: 10px !important;
font-size: 0pt;
text-align: center;
display: block;
}

.contact {

background: linear-gradient(rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 25% , rgba(255,255,255,0.0) 52%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.4));
font-family: 'segoe ui';
font-weight: normal;
padding-top: 10px;
}

button {
border-style: solid;
border-width: 2px;
border-radius: 2px;
border: grey;
background: linear-gradient(rgba(255, 255, 255, 1.6), rgba(240, 240, 240, 1.5) 10%, rgba(240, 240, 240, 1.1) 50%, rgba(235, 235, 235, 1) 0%, rgba(220, 220, 220, 1.1), rgba(210, 210, 210, 1));
}

by RougeBear; 1750245157; Report

mind if i use this cuz i cant get any image hoster to work

by ianPAN!C; 1750325449; Report

ITS FOR YOU GO ON BABE

by RougeBear; 1750326123; Report