cute black and pink layout

Tags: black, pink, cute, lace, layout, ribbon

Description:

my third layout ive made. Sorry if the code is a little wonky, im still learning html T_T

dont use as base + dont repost + you dont need to credit but dont claim it as yours ^^

Preview:

click on the image for a larger preview

Code:

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

<style>
    body {
    background-image: url(https://files.catbox.moe/dp0nqs.jpeg);
    }
    @font-face {
    font-family: roman;
    src: url(https://dl.dropbox.com/s/f9cfrx4wyt13rwv/ROMANTIC.TTF);
    }
    @font-face {
    font-family: 'basiic';
    src: url(https://files.catbox.moe/jtvuhg.ttf);
    }
     :root {
    --light-orange: #000; /* CHANGE BACKGROUND OF COMMENT SECTION */
    --even-lighter-orange: #000; /* CHANGE BACKGROUND OF COMMENT SECTION */
    --green: #000;
    }
    .profile-pic img{
     border-width: 12px;
     border-style:solid;
     border-image: url("https://foollovers.com/mat/plate/pl034-plate-i08.gif") 30 fill round;
    }
    .profile .friends .person img:not(.icon) {
    border-width: 12px;
    border-style:solid;
    border-image: url("https://foollovers.com/mat/plate/pl034-plate-i08.gif") 30 fill round;
    }
    .blog-preview .pinned .icon{
    content: url('https://wilardo.crd.co/assets/images/gallery18/269e0e9e.gif?v=b62e9456')         !important;
    }
    main {
    padding: 5px;
    border: 3px double #e3cbd6;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    font-family: basiic !important;
    color: #fff; 
    background-color: #000;
    }
    footer{
    background-color: transparent; 
    color: #fff;
    font-family: basiic;
    }
    .heading { 
    background-color: transparent !important; 
    color: #fff !important; /* FONT COLOR */
    border: 1px solid #e3cbd6;
    border-radius: 10px;
    background: linear-gradient(to top, #efc7d6 2%, #000 100%) !important;
    padding: 5px !important;
    }
    .profile h1 {
    font-family: roman;
    font-size:3em;
    text-shadow: 1px 0px #000, -1px 0px #000, 0px 1px #000, 0px -1px #000, 0 0;
    color: #efc7d6;
    }
    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
    padding: 5px;
    color: #fff;
    border: 3px double #e3cbd6;
    border-radius: 10px;
    }
    .profile-info {
    color: #fff;
    border: 1px solid #e3cbd6;
    background-color: #000;
    background: linear-gradient(to top, #efc7d6 2%, #000 100%);
    border-radius: 10px;
    }
   .profile .url-info {
    display: none;
    }
    .profile .contact .heading,
    .profile .table-section .heading{
    color: #fff;
    background-color: #000;
    border: 1px solid #e3cbd6;
    border-radius: 10px;
    background: linear-gradient(to top, #efc7d6 2%, #000 100%);
    text-align: center;
    padding: 5px;
    font-size: 15px;
    }
    .profile .table-section .details-table td {
     background-color: #000;
     color: #fff ;
     }
     .profile .table-section {
    background-color: #000;
    border: 1px solid #e3cbd6;
    border-radius: 10px;
    }
    nav .links {
     background-color: #000;
     border: 3px double #e3cbd6;
     border-radius: 10px;
    }
    nav .top {
     background-color: #000;
     border: 3px double #fbd1e8;
     border-radius: 10px;
     background: linear-gradient(to top, #efc7d6 2%, #000 100%);
    }
    .blurbs .section h4{display: none !important;}
    }
    .contact{ 
    border-spacing:5px;
    }
    .f-row{
    margin:0px!important; /* this margin keeps the links from popping out of contact box */
    }
    .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: url('https://wilardo.crd.co/assets/images/gallery14/801ffe50.gif?v=b62e9456');
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
   /* add to favorites */
   content: url('https://wilardo.crd.co/assets/images/gallery14/801ffe50.gif?v=b62e9456');
  }
  .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
   /* Send Message */
   content: url('https://wilardo.crd.co/assets/images/gallery14/801ffe50.gif?v=b62e9456');
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
   /* forward to friend */
   content: url('https://wilardo.crd.co/assets/images/gallery14/801ffe50.gif?v=b62e9456');
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
   /* instant message */
  content: url('https://wilardo.crd.co/assets/images/gallery14/801ffe50.gif?v=b62e9456');
  }
  .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
  /* block user */
  content: url('https://wilardo.crd.co/assets/images/gallery14/801ffe50.gif?v=b62e9456');
  }
  .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
  /* add to group */
  content: url('https://wilardo.crd.co/assets/images/gallery14/801ffe50.gif?v=b62e9456');
  }
  .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
  /* report user */
  content: url('https://wilardo.crd.co/assets/images/gallery14/801ffe50.gif?v=b62e9456');
   }
   .table-section .inner .details-table tr:nth-child([number of row]) td:nth-child(1) img {
	content: url(https://wilardo.crd.co/assets/images/gallery14/801ffe50.gif?v=b62e9456);
    }
    a {
    color: #fbd1e8 !important;
   }
   .details-table td:first-child {
   color: #fbd1e8;
   }
   button {
   color: #fff !important;
   background: #fff;
   border: 1px solid #e3cbd6;
   font-family: basiic;
   border-radius: 10px;
   padding: 5px;
   }
   .top input{
   color: #fff;
   background-color: 000 !important;
   border: 1px solid #e3cbd6;
   }
   p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {text-shadow: none!important; font-family:basiic!important;}'
}
   nav .links a {
   font-family: basiic !important;
}

   .comments-table td, .music-table td {
    border: 1px solid #000 !important;
    border-radius: 10px !important;
    margin-bottom: 3px; !important;
}
   .blurbs .heading{font-size: 0px; }
   .blurbs .heading:before{content: "about me"; font-size:.8rem; font-weight:bold;}
}
   nav .links li .icon{
   content: url(https://wilardo.crd.co/assets/images/gallery14/801ffe50.gif?v=b62e9456) !important;

}
  nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
  content: " | ";
  color: transparent;
}

  .logout-btn, .logout-form {
      color: #fff !important;
      font-family: basiic !important;
}

.links li:nth-child(12) a .icon {
content: url(https://wilardo.crd.co/assets/images/gallery18/269e0e9e.gif?v=b62e9456) !important;
}

nav .links li .icon {
content: url(https://wilardo.crd.co/assets/images/gallery18/269e0e9e.gif?v=b62e9456);
}
nav .links li:first-child .icon {
content: url(https://wilardo.crd.co/assets/images/gallery18/269e0e9e.gif?v=b62e9456);
}

.comment-reply:not(:first-child) {
    border-top: 1px solid #000 !important;
}

.count {
    color: #f8bfd7;
}

</style>

<style>.online { visibility: hidden; } .online img { content: url("https://wilardo.crd.co/assets/images/gallery04/ed104df9.png?v=b62e9456"); animation-name: none; visibility: visible; height: 20px; width: 40px; }</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 120 comments ( View all | Add Comment )

🩸pierce,,	1732030578 usinf !! Report Comment
ᶻ 𝗓 𐰁	1731322077 using!! Report Comment
Lenore	1730302006 Using, thank you <3 Report Comment
Celty	1730113919 using Report Comment
⋆｡‧˚ʚ julie ɞ˚‧｡⋆	1729705075 using Report Comment
Shu!	1728738932 Question , does anyone know how to change the "edit profile" button (and the rest if its possible) from blue to white??? Report Comment
ren 🎀	1728734791 Using ^^ Report Comment
schoutl	1727646413 using!!! Report Comment
𝒚in ♱	1727238255 using!! i love this sm <3 Report Comment
❻ㅤू✿ㅤscott.	1726966582 usingg :3 Report Comment
mars ⋆ ˚｡⋆୨୧˚	1724799540 using ^_^ Report Comment
Aelita	1723816706 Using!!! Report Comment
giulia	1723739030 usingg Report Comment
strwbrrynana	1723563283 usinggg XD Report Comment
liver	1722365427 using :3 Report Comment
kanaad	1721941125 using Report Comment
kanaad	1721941125 using Report Comment
Kowaiideathstar丰	1721350405 Using Report Comment
hannah★(ALT ACCOUNT!!!!!!!!!!!)	1720982653 usin Report Comment
michelle	1720547396 using Report Comment