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

Qabernell	1769533245 yay using Report Comment
── .✦	1768791916 Usingg!! Report Comment
sshax2007	1768681891 using Report Comment
lee	1767727065 using Report Comment
☆⋆｡𖦹°‧★ Cyberstxr.exe ☆⋆｡𖦹°‧★	1760560061 Using for blog layout✌︎('ω')✌︎ Report Comment
benny	1754211700 using this as a Windows Vista user :)) Report Comment
snowblindrr	1753008171 yup im using this Report Comment
civic 🎸🇧🇷	1752519777 using this!!! Report Comment
karlos	1752258107 i am so gonna use this Report Comment
Soulestine	1751695860 Using this! Thank yew :) Report Comment
ᯓmercuryˎˊ˗	1750912290 using :> Report Comment
rana۶ৎ	1750878025 using Report Comment
randooo	1749699491 using !!! 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
smolbean1794	1744388332 using Report Comment
GIO	1741363070 using Report Comment