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 40 comments ( View all | Add 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
Windows 7	1729181164 using Report Comment
Josefin	1728383117 might b using Report Comment
Yethany	1728288539 Using! :3 Report Comment
baldbestiekelly	1727793006 using!! thank you !! Report Comment
psyclone	1727714994 using!!! Report Comment
Wiktor	1727188706 using rigth now Report Comment
@ ₖₒₛₛᵤₙ	1727066627 using!!! Report Comment
EN2K5	1726936163 using Report Comment
DJ	1726446649 this captures my vision perfect thank you! Report Comment
Okeane	1726236620 goof jobb !! using Report Comment
Ilya5iK	1722879881 Use Report Comment
Dex Robot	1722368880 using =) Report Comment
durham	1721870983 totally using this Report Comment
⚉ᗴᗰᗰᗩ🍀ೄྀ	1720297234 Using, tysm!! Report Comment
yoom	1719097926 usingg Report Comment