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:
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 68 comments ( View all | Add Comment )
nao!! (^q^)
using!!
Gyramujina
using.
Xtallixis
using
rack
using!!
69yardas
Using
sof<3
usingg
Starfang Predinova
Using, I love it!
RougeBear
using but the background image doesn’t work
Here is the fixed code that should work with the background image
body {
background: #ffffff;
background-image: url('https://www.wallfizz.com/nature/pleine-nature/5937-zoom-brin-d-herbe-WallFizz.jpg');
background-color: black;
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));
}
by RougeBear; ; Report
mind if i use this cuz i cant get any image hoster to work
by ianPAN!C; ; Report
ITS FOR YOU GO ON BABE
by RougeBear; ; Report
horns
using
pluto
using!
maaalak ;)
using!!! this layout looks so cool
JimmyFour_
Using
Yuzu_juice
Using this layout! ITS SO PRETTTYYY :)
PlayerAdante1
using this layout!
karlos
using! it looks so good!
jantoday
using
crazygonuts
using!
frejsi
omg so using
dayll
Using
H!
using