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 ^^

i accept requests currently !! please comment what layout you want me to do :-) no guarantee ill do them tho !!

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

stvr ୨୧	1715007088 using! Report Comment
SillyzzRibbonzz	1714442689 using!!! Report Comment
Ani♱	1713428692 usingg Report Comment
ohliviuh	1712706143 using!! <3 Report Comment
ohliviuh	1712706143 using!! <3 Report Comment
Ren ✰	1711987554 using!!! :3 Report Comment
domotchi ⋆.ೃ࿔*:･	1711582741 using!! tysm!! Report Comment
charchar12797	1711407900 what is the font name for the user i need it!!!! Report Comment its new romantic !! :3 by mika; 1711466217; Report
𝒹𝑒𝓁𝒶𝓃𝑒𝓎 ♱	1710598513 usinggg Report Comment
⁠˖ . ♰ EMI / ELY. !!﹒ ◠ ୨୧	1710248714 Using!!!! <3 Report Comment
Babycakes୨୧	1710126428 using <3 Report Comment
elizabeth	1710118423 using !! Report Comment
laura	1709270644 using Report Comment
𝖅𝖔𝖗𝖆𝖞𝖆 🎀🪦	1709002078 using! :3 Report Comment
issa 𝜗𝜚	1708579217 using!!! :) Report Comment
Avalli_	1708293145 using Report Comment
strawberry	1708287397 using !! Report Comment
𝖈𝖆𝖙 !	1707618543 using Report Comment
Namu/Rosalie	1707471145 Using :3 Report Comment
𝓐𝓷𝓪	1707276705 using Report Comment