Glossy Pink Sweets

Tags: pink, candy, glossy

Description:

A layout I made for a friend based off of poppy's glossy layout. Includes code for blogs and profiles.

Preview:

click on the image for a larger preview

Code:

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

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

<style>* {cursor: url(https://external-media.spacehey.net/media/s7tQ1FtN7ZYQvfs4v_rX5I1Y3ZOdSCvHioZTOfsrFiOE=/https://cur.cursors-4u.net/food/foo-4/foo348.cur), auto;}a:hover {cursor: url(cursor: url(https://external-media.spacehey.net/media/s-qSv6CEWKsGaAZyyYr9Skr88EGdDM2UizDZDqlMCs4s=/https://cur.cursors-4u.net/food/foo-4/foo349.cur), auto !important;}button:hover {cursor: url(cursor: url(https://external-media.spacehey.net/media/s-qSv6CEWKsGaAZyyYr9Skr88EGdDM2UizDZDqlMCs4s=/https://cur.cursors-4u.net/food/foo-4/foo349.cur), auto !important;}

/* Gen Body Settings */

.container {
  border: 1px solid #ffa9d6; 
}

main {
    color: #f2258f;
}

body {
 background: #fff5fd; 
 background-image: url("https://external-media.spacehey.net/media/s7eHEWpfuxRneyXM_D7VQxLRfxRl0pZ9xYm3KF6k3eMk=/https://whiteheartrainbowsoul.neocities.org/spaceheyhost/candystripes.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.icon {
    height: 1em;
    width: 1em;
}
/* Link Settings */
a {
 color: #b01083;
 font-weight: normal;
 font-size: 16px;
 font-family: 'MS UI Gothic';
}
.contact .inner a{
font-size: 14px;}
/* Profile Settings */

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

.details-table td p {
 font-size: 18px;
  font-family: 'ms ui gothic';
  color: #f2258f;
} 

.details-table td:first-child {
  background: linear-gradient(#ffa9ea, 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: ms ui gothic;
  font-size: 15px;
  font-weight: normal;
}

.profile .contact .heading h4, .profile .table-section h4 {
  font-weight: normal;
font-family: 'MS UI Gothic';
}

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

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

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

.profile-info h3 {
  font-weight: normal;
 font-size: 18px;
  color: grey;
  margin: 0;
font-family: 'MS UI Gothic';
}

.profile h1 {
  letter-spacing: 0.3px;
 font-size: 18px;
  margin: 0;
font-family: 'MS UI Gothic';
}

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

.mood p, .profile .url-info  {
  font-size: 18px;
 font-family: 'MS UI Gothic';
}

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

.general-about .profile-pic img {
 height: 100px; 
 width: 100px;
}

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

/* Nav Bar */

nav .links {
 background: linear-gradient(#efcdf9 15%, #ffaae6, #f9d0e7); 
 box-shadow: white 0 1px 1px 1px inset;
 padding: 0;
 text-align: center;
  font-size: 14px;
}

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

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

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

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

/* Nav Top */

nav .top {
 background: linear-gradient(#e8bdd7 , #f2258f 40%, #e6add8); 
 box-shadow: #fff6 0px 0px 2px 3px inset;
}

/* Blurbs and Headings Settings */

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

.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading {
  background: linear-gradient(#efcdf9 15%, #ffaae6, #f9d0e7); 
  box-shadow: white 0 1px 1px 1px inset;
  color: #f2258f;
  font-size: 18px;
  font-weight: normal;
  text-shadow: white 0px 2px 5px;
  border: 1px solid #ffa9d6;
  border-bottom: 0;
  border-radius: 2px;
}

.profile .friends .heading h4,  .blurbs .heading h4{
 font-weight: normal; 
font-family: 'MS UI Gothic';
}

.profile .blurbs .section h4 {
 color: grey;
 font-weight: normal;
 font-size: 16px;
 font-family: 'ms ui gothic';
}

.profile .blurbs .section {
 font-size: 18px; 
 font-family: 'ms ui gothic';
 color: #f2258f;
}

/* Friends */

.profile .inner b {
 font-size: 18px; 
 font-family: 'ms ui gothic';
 color: #f2258f;
}

.profile .inner span.count {
 color: #ffa9ea; 
}

.profile .friends .person p {
 font-size: 18px;
 font-family: verdana;
 color: #f2258f;
}

.comments-table td:first-child {
  background: linear-gradient(#ffa9ea, 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 #f2258f;
    box-shadow: 0px 1px 2px #fff;
}

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

button:not(.logout-btn) {
 background: linear-gradient(#efcdf9 15%, #ffaae6, #f9d0e7); 
 box-shadow: white 0 1px 1px 1px inset;
 color: #f2258f;
 font-size: 18px;
 font-weight: normal;
 text-shadow: white 0px 2px 5px;
 border: 1px solid #f2258f;
 border-radius: 2px;
 padding: 2px;
} 

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

p{
font-family: 'MS UI Gothic';}

footer{
margin-top: 0px;
margin-bottom: 0px;
background-color: white;
border-top: 1px solid #ffa9d6; }

.online {
    content: url("https://external-media.spacehey.net/media/sC-PuXtYJVIhw867WZkO5N_28tmWUIDrr7mbOMLoYS4E=/http://dl6.glitter-graphics.net/pub/772/772186ax86r93zoq.gif")
}

/* contact icons */
.contact .inner a img {
    font-size: 0;
}

.contact .inner a img:before {
    font-size: 1em;
    display: block;
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
    /* add to friends */
    content: "🍭"


}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
    /* add to favorite */
    content: "🍭"
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
    /* send a message */
    content: "🍭"
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
    /* foward to friend*/
    content: "🍭"
}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
    /* instant message */
    content: "🍭"
}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
    /* block user */
content: "🍭"
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
    /* add 2 group  */
content: "🍭"
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
    /* report */
content: "🍭"
}

.pinned {

    content: url('https://external-media.spacehey.net/media/siC6L_Q3alGSANbbsNKdSEEQpEr4XQNAvt54qgWOLIyE=/https://64.media.tumblr.com/00b0428cbbed5d5122de33f31ec05f17/8a9ece1d6aa6773f-0f/s75x75_c1/1015f9912a735f21ee0a8632088ae73b63397545.gifv');
    height: 15px;

}
.comment-reply:not(:first-child) {
    border-top: border: 1px solid #ffa9d6!important;
}
</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 18 of 18 comments ( View all | Add Comment )

koko ♡	1721705698 im using!! Report Comment
LyliaDelovaya	1716467514 using Report Comment
PERCIVAL!	1713997477 Using! Report Comment
♯┆chii .ᐟ ★	1713245588 using !! ^_^ Report Comment
liquid kote	1708014658 usingggggda Report Comment
cay	1703084612 using ! Report Comment
~marla~	1702774188 Using?! Report Comment
x_Frostyfoxx6_x	1701100428 using for the blogs Report Comment
Myulizac	1697998312 Usingg Report Comment
daisy	1693479358 using <3 Report Comment
izzy!? O_O	1688416377 using! Report Comment
amèlie	1683755321 using<3 Report Comment
2heart4	1683390370 Using Report Comment
⋆˚࿔ van 𝜗𝜚˚⋆	1681742787 using, thank you! ^w^ Report Comment
Uni	1681197294 using!! so cute Report Comment
Spongy 🧽 *:・ﾟ✧	1680951522 I love this! im using it! _ Report Comment
♪ COSMO/OREL ♪	1680873867 using :D Report Comment
noah	1680870275 using! Report Comment