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

ᯓmercuryˎˊ˗	1750912290 using :> Report Comment
rana۶ৎ	1750878025 using Report Comment
randooo	1749699491 using !!! Report Comment
kayden....	1748893007 using :D Report Comment
dankpodslover1125 (ROGERJONESMAXXING)	1748391867 using Report Comment
Maple	1748048490 using Report Comment
cmxcix	1745834877 using, спасибо! Report Comment
fawn	1745003319 using!! Report Comment
⨍åʊx͓̽¢ʊɭȶɭҽåɖҽɾ	1744943640 using, thx! <3 Report Comment
1794	1744388332 using Report Comment
GIO	1741363070 using Report Comment
cyan.paper	1738469388 using! Report Comment
nez	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