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 102 comments ( View all | Add Comment )

Cab1_Cad3	1786151520 Using Report Comment
𝕲𝖗𝖆𝖈𝖊 ♱ ๋࣭ ⋆	1785708309 using!! thank you Report Comment
supremeathenaaa	1781927083 usingg Report Comment
intellium2007	1781303687 using Report Comment
Kleyrin	1778169194 Using! Report Comment
ᡕᠵデᡁ᠊╾━ ♱	1776658331 Using Report Comment
ᶻ 𝗓 𐰁	1776592864 using !!! Report Comment
keykey	1775545204 using :p Report Comment
Ozzie	1774269883 using! :D Report Comment
XERN0US	1772394878 using Report Comment
ｆｏｘｇａｍｉｎ２１	1771467057 USING! Report Comment
𝑨𝒎𝒂𝒏𝒆𝒄𝒆𝒓	1770968990 Using! Report Comment
Monko	1770155916 USING!!! Report Comment
valeria_snailey	1769020804 using maybe Report Comment
junipermelonhead	1768063753 using!! Report Comment
moz/suzie	1767757422 using! Report Comment
brimwnc	1767327027 using Report Comment
Rudytheweird	1766500571 using Report Comment
Labib	1766178415 Hey, really enjoying the layout you posted. Im having an issue tho: there are grey boxes on my "edit your profile" button and on the board where it says "add" "msg" "fav" etc. Is there a way to make those boxes transparent like the other boxes? Please and thank you. Report Comment
NotMaliciousCode	1766085866 hooray! very pretty :] Report Comment