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://www.wallfizz.com/nature/pleine-nature/5937-zoom-brin-d-herbe-WallFizz.jpg');
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 79 comments ( View all | Add Comment )

elelelvis	1761474116 using :) thx! Report Comment
/madcom09/	1760615373 using!! Report Comment
cole_c@nnibal	1760121398 Using Report Comment
Adam Wants You Dead	1759605948 Using! Report Comment
morningglory	1759429324 Usingg Report Comment
Kenny	1759116355 Using !! Report Comment
Atlas	1758826750 THIS IS THE BEST!!!!!!! USING!!!!!!!!! Report Comment
Мятная Желейка	1758483337 using Report Comment
Natallia	1756928598 Will be using and will edit the background! Report Comment
Miss.Sweeten443	1756587592 using Report Comment
IronoNSC	1756041194 using Report Comment
RazzumFrazum	1755246211 Using Report Comment
charlie trixie quince iii	1755207121 using! but the profile picture doesn't fit in the box,, is that normal or just a me problem? Report Comment .general-about{ padding: 15px; margin-bottom: 10px; } adjust the padding according to the size of ur pfp ^^^ by ianPAN!C; 1755845547; Report thank you sm!! sorry for the late reply by charlie trixie quince iii; 1758805303; Report
naoko ♪	1754664593 using!! Report Comment
Gyramujina	1754235034 using. Report Comment
Xtallixis	1753936892 using Report Comment
rack	1753040289 using!! Report Comment
69yardas	1752545831 Using Report Comment
sof<3	1752023091 usingg Report Comment
Starfang Predinova	1751937198 Using, I love it! Report Comment