spacehey aero

Tags: windows, frutiger aero, computer, 2000s, simple, vista, yahoo

Description:

heavily inspired by windows live messenger and windows mobile

(adjust the general about padding according to your pfp)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ianisdead (https://layouts.spacehey.com/layout?id=102924) -->

<style>

    body {
 background: #ffffff;
background-image: url('https://i.ibb.co/0MsWH77/wallpaper-from-windows-longhorn-circa-2004-that-started-the-v0-ko2petse0p7a1.webp');
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));
}


</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 20 of 56 comments ( View all | Add Comment )

karlos	1742744890 using! it looks so good! Report Comment
jantoday	1741360033 using Report Comment
crazygonuts	1741318106 using! Report Comment
frejsi	1741161620 omg so using Report Comment
Greenapple64	1741123260 using! Report Comment
dayll	1740341574 Using Report Comment
H!	1740172026 using Report Comment
ottodpaula	1739807621 using Report Comment
Ben Dover	1739732693 using Report Comment
quote256	1739454512 using Report Comment
SunseedLeaf	1738352339 using!!! :3 Report Comment
Meawew	1738329802 Using! Report Comment
whotfiscalvin	1738017492 Using Report Comment
charlieee ᯓ★	1735756197 Using this ! very very new to the site, so pls lmk if making edits such as changing the bg is inappropriate :) Report Comment
xXUndrscorrXx	1735416849 Using!! Also using the background as my phone wallpaper!! Report Comment
wlday	1734561370 using :) Report Comment
vikello36	1732854126 usingg Report Comment
𝙙𝙚𝙫𝙤𝙣 𝙩𝙝𝙚𝙚 𝙜𝙪𝙣 𝙚𝙡𝙚𝙥𝙝𝙖𝙣𝙩	1732024223 using Report Comment
BLOODY IRIS OF THE SUN	1730038568 the whole contacting thing doesn't work much right D: Report Comment howwww by ianisdead; 1730082826; Report it leads to the wrong things by BLOODY IRIS OF THE SUN; 1730084356; Report https://ibb.co/vHszp66 by BLOODY IRIS OF THE SUN; 1730251393; Report try replacing the text in this section of the code https://ibb.co/Lks5KG4 (content: "YOUR TEXT") by ianisdead; 1730292858; Report
KDC705	1729673764 Definitely using this. :3 Looks very nice. Report Comment