Windows Live Layout

Tags: simple, vista, green, gloss, glossy, 2000s, futuristic, windows live, windows live messenger

Description:

An edit of Spacehey 2.0 Gloss to be themed around Windows Live / Windows Live Messenger !!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by lexio (https://layouts.spacehey.com/layout?id=31422) -->

<!-- PASTE THIS IN THE MEETING SECTION -->
<style>
.cool {animation: floating 3s ease-in-out infinite;}
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }   
}
</style>
<img class="cool" style="position: fixed; bottom: 0; right: 0;" src="https://static.wikia.nocookie.net/versions/images/f/fb/Windows_Live_Messenger_8.1.0178.png/revision/latest?cb=20090409194643"/>

<!-- PASTE THIS IN THE ABOUT SECTION -->

<style>
.logo {
content:url("https://i.ibb.co/MPGgMcz/winlive.png"); width: auto;
}

/* Gen Body Settings */

.container {
  border: 1px solid lightblue; 
}

main {
    color: #2f748a;
}

body {
 background-image: background: rgb(255,255,255);
background: -moz-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(218,218,218,1) 100%);
background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(218,218,218,1) 100%);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(218,218,218,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dadada",GradientType=1); filter: hue-rotate(-0.10turn);}

.icon {
    height: 1em;
    width: 1em;
}
/* Profile Settings */

.details-table td {
  background-color: white;
  color: #2f748a;
} 

.details-table td p {
  font-size: 11px;
  font-family: "Segoe UI", Arial, sans-serif;
  color: #2f748a;
} 

.details-table td:first-child {
  background: linear-gradient(lightblue, white 20px);
  text-align: center;
  text-shadow: white 0px 1px 2px;
  width: 30%;
  box-shadow: #ffffffab 0px 1px 2px 2px inset;
  color: black;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
}

.profile .contact .heading h4, .profile .table-section h4 {
  font-weight: normal;
}

.profile .contact, .profile .table-section, .profile .url-info {
    border: 0;
}

.profile .contact .inner, .profile .table-section .inner {
    border: lightblue 1px solid;
    
}

.profile-info {
  border: 0;
  margin: 0;
  padding: 0;
}

.profile-info h3 {
  font-weight: normal;
  font-size: 11px;
  color: #83a2ab;
  margin: 0;
}

.profile h1 {
  letter-spacing: 0.3px;
  font-size: 14px;
  margin: 0;
}

.general-about .profile-pic {
 height: 100px;
 border: 1px solid #2f748a;
 box-shadow: #a1c2cc 0px 2px 2px;
}

.mood p, .profile .url-info  {
 font-size: 13px;
 font-family: "Segoe UI", Arial, sans-serif;
}

.mood b, .profile .url-info b{
  font-weight: normal;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 0.875em;
}

.general-about .profile-pic img {
 height: 100px; 
 width: 100px;
}
/* Link Settings */
.mood a, .inner a, .friends a {
 color: #2f748a;
 font-weight: normal;
 font-size: 13px;
 font-family: "Segoe UI", Arial, sans-serif;
}

.blog-preview a {
 color: #2f748a;
 font-weight: normal;
 font-size: 12px;
 font-family: "Segoe UI", Arial, sans-serif;
}

/* Nav Bar */

nav .links {
 background: linear-gradient(#eefbee 15%, #91cfe3, #d0eff9); 
 box-shadow: white 0 1px 1px 1px inset;
 padding: 0;
 text-align: center;
}

nav .links a {
  color: #2f748a;
  text-shadow: white 0px 2px 4px;
  padding: 1px
}

nav .links a:hover {
  color: #2f748a;
  background: linear-gradient(white, lightgreen);
  text-decoration: none;
  padding-top: 0;
}

nav .links li.active a {
  color: #1a586c; 
  font-weight: normal;
}

nav .links li:not(:last-child)::after {
  color: white;
  text-shadow: lightblue 1px 0px 1px;
}

/* Nav Top */

nav .top {
 background: linear-gradient(#bddde8 , #1d94ba 40%, lightblue); 
 box-shadow: #fff6 0px 0px 2px 3px inset;
}

/* Blurbs and Headings Settings */

.profile .blurbs .inner, .profile .friends .inner, .profile .contact .heading {
  border: 1px solid lightblue;
  border-bottom: 0;
}

.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading {
  background: linear-gradient(#eefbee 15%, #91cfe3, #d0eff9); 
  box-shadow: white 0 1px 1px 1px inset;
  color: #2f748a;
  font-size: 11px;
  font-weight: normal;
  text-shadow: white 0px 2px 5px;
  border: 1px solid #91cfe3;
  border-bottom: 0;
  border-radius: 2px;
}

.profile .friends .heading h4,  .blurbs .heading h4{
 font-weight: normal; 
}

.profile .blurbs .section h4 {
 color: black;
 font-weight: normal;
 font-size: 13px;
 font-family: "Segoe UI", Arial, sans-serif;
}

.profile .blurbs .section {
 font-size: 11px; 
 font-family: "Segoe UI", Arial, sans-serif;
 color: #2f748a;
}

/* Friends */
.profile .friends .person img:not(.icon){
  width: 50px;
  height: 50px;
}

.profile .inner b {
 font-size: 11px; 
 font-family: 'ms ui gothic';
 color: #2f748a;
}

.profile .inner span.count {
 color: orange; 
}

.profile .friends .person p {
 font-size: 11px;
 font-family: "Segoe UI", Arial, sans-serif;
 color: #4983ce;
}

.comments-table td:first-child {
  background: linear-gradient(lightblue, white);
  text-align: center;
  text-shadow: white 0px 1px 2px;
  width: 30%;
  box-shadow: #ffffffab 0px 1px 2px 2px inset;
}
.comments-table img:not(.icon){
    border: 1px solid lightblue;
    box-shadow: 0px 1px 2px #fff;
}

.comments-table td {
 background-color: white; 
}

button:not(.logout-btn) {
 background: linear-gradient(#eefbee 15%, #91cfe3, #d0eff9); 
 box-shadow: white 0 1px 1px 1px inset;
 color: #2f748a;
 font-size: 11px;
 font-weight: normal;
 text-shadow: white 0px 2px 5px;
 border: 1px solid #91cfe3;
 border-radius: 2px;
 padding: 2px;
} 

button:not(.logout-btn):hover {
 background: linear-gradient(white, lightgreen); 
 box-shadow: white 0 1px 1px 1px inset;
 color: #2f748a;
 font-size: 11px;
 font-weight: normal;
 text-shadow: white 0px 2px 5px;
 border: 1px solid #91cfe3;
 border-radius: 2px;
 padding: 2px;
} 

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

cmxcix	1745834877 using, спасибо! Report Comment
fawn	1745003319 using!! Report Comment
⨍åʊx͓̽¢ʊɭȶɭҽåɖҽɾ	1744943640 using, thx! <3 Report Comment
Smolbean1794	1744388332 using Report Comment
GIO	1741363070 using Report Comment
cyan.paper	1738469388 using! Report Comment
arden	1738094222 usingx3 Report Comment
acerra lazarus	1737304022 use ing Report Comment
Lenni	1733884526 using!!! ;_; Report Comment
CANTTH1NK0FSH1T	1732630856 Using! Report Comment
pluto	1729970524 usingg Report Comment
C4tb0y0	1728671138 usingg! Report Comment
skyscrapercat14	1727291100 using Report Comment
𝒜𝓃𝑔𝑒𝓁･ﾟ✧*	1726086741 using! but how do i remove the floating myspace login thing at the bottom? Report Comment
emmanuel	1719097670 usin! Report Comment
Destro Dertell	1716525453 using Report Comment
Free McBup	1703957889 Can I change the colour? Report Comment
Kuba	1698898262 using the WLM popup! Report Comment
windowstopuser	1698878985 using!! Report Comment
'//, fishor	1698625845 using Report Comment