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 ianPAN!C (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 60 comments ( View all | Add Comment )

pluto	1746377790 using! Report Comment
maaalak ;)	1745535069 using!!! this layout looks so cool Report Comment
JimmyFour_	1744768223 Using Report Comment
Yuzu_juice	1744747106 Using this layout! ITS SO PRETTTYYY :) Report Comment
PlayerAdante1	1744596434 using this layout! Report 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
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
Noah	1738017492 Using Report Comment
october30 [charlie]	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