glossy purple

Tags: simple, layout, vista, purple, gloss, glossy, 2000s, futuristic, emo, scene

Description:

==LAYOUT NOT BY ME==

(layout by liliana_p)

didn't do much just changed the colors and font

based off yahoo messenger 9

Preview:

click on the image for a larger preview

Code:

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

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

<style>

/* Gen Body Settings */

.container {
  border: 1px solid lightblue; 
}
main {
      color: #000000;
}

body {
 background: #ffffff;
background-image:url("http://img2.coolspacetricks.com/images/layouts/emotions/0240-0.gif");
background-attachment:fixed;
background-repeat:no-repeat;
background-position:bottom left;
    } 

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

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

.details-table td p {
  font-size: 11px;
  font-family: 'verdana';
  color: black;
} 

.details-table td:first-child {
  background: linear-gradient(#af99e2, 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: verdana;
  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: 'MS UI Gothic';
}

.mood b, .profile .url-info b{
  font-weight: normal;
  font-family: verdana;
  font-size: 0.875em;
}

.general-about .profile-pic img {
 height: 100px; 
 width: 100px;
}
/* Link Settings */
.mood a, .inner a {
 color: #000000;
 font-weight: normal;
 font-size: 13px;
 font-family: 'MS UI Gothic';
}

.friends a {
 color: #000000;

}
.blog-preview a {
 color: #2f748a;
 font-weight: normal;
 font-size: 12px;
 font-family: 'MS UI Gothic';
}

/* Nav Bar */

nav .links {
 background: linear-gradient(#d0b6f7 20%, #af99e2, #f1e6fe);
 box-shadow: #ebdcf9 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(#af99e2 15%, #6541bb 60%, #d0b0f8); 
 box-shadow: #b2a1da 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(#af99e2 15%, #6541bb 50%, #d0b0f8); 
  box-shadow: #b2a1da 0 1px 1px 1px inset;
  color: white;
  font-size: 11px;
  font-weight: normal;
  text-shadow: black 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: 'verdana';
}

.profile .blurbs .section {
 font-size: 11px; 
 font-family: 'ms ui gothic';
 color: black;
}

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

.profile .inner b {
 font-size: 11px; 
 font-family: 'verdana';
 color: #6541bb;
}

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

.profile .friends .person p {
 font-size: 11px;
 font-family: verdana;
 color: #4983ce;
}

.comments-table td:first-child {
  background: linear-gradient(#af99e2, 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(#ffffff 15%, #f0f1e9, #e5e7db); 
 box-shadow: #d8e1d5
 0 1px 1px 1px inset;
 color: #83847f;
 font-size: 11px;
 font-weight: normal;
 text-shadow: white 0px 2px 5px;
 border: 1px solid #d1d2ca;
 border-radius: 2px;
 padding: 2px;
} 

button:not(.logout-btn):hover {
 background: linear-gradient(white, lightgreen); 
 box-shadow: white 0 1px 1px 1px inset;
 color: #83847f;
 font-size: 11px;
 font-weight: normal;
 text-shadow: white 0px 2px 5px;
 border: 1px solid #d1d2ca;
 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 14 of 14 comments ( View all | Add Comment )

✮ Ralfy ✮	1700094362 using <3 Report Comment
miles !	1699481611 usinggg :P Report Comment
Marku	1699471254 using Report Comment
esterezstuff [tw: loud autoplay]	1698579033 using :3 Report Comment
SeniPainty	1697635100 using!! Report Comment
liam :3	1696694403 using!!! Report Comment
fishor	1694045314 using! Report Comment
Jonah	1693106905 using! Report Comment
MUTULATION ANGEL	1692695246 Using Report Comment
Hamed M.	1690320046 thx Report Comment
juno	1689026994 using! Report Comment
ara	1688566206 using code!! :P Report Comment nvm i couldn't figure it out by ara; 1688570475; Report
Maxwell Cupcakez	1679535820 using ;D!1 Report Comment
wolfboy231 (jay) ☆	1673182064 using!! Report Comment