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

ҜΩDҜΣΠMΔ	1744697620 Using Report Comment
gigi	1743877162 using Report Comment
chuu ૮ ˶ᵔ ᵕ ᵔ˶ ა	1742887773 using! Report Comment
gumy >•<	1742772480 using !! Report Comment
V4NCE	1742675118 using!! Report Comment
꒰♡꒱˚₊ ‧ tessa / kailee . ⊹ ₊	1741706771 using!!! Report Comment
Myrian	1741214506 Using <3 Report Comment
yanna ⋆˚࿔	1740334614 using Report Comment
𐔌 . ⋮ b0litar0sa .ᐟ ֹ ₊ ꒱	1740292020 usimg, gracias <3 Report Comment
𝒎 𝒂 𝒊 < 𝟑	1740158475 using<33 Report Comment
vanillessence	1740003376 using!! Report Comment
n4tall1jaa	1739894310 Using! Report Comment
Alia	1739766347 using Report Comment
Ap1r7	1738890275 Using :3 Report Comment
M3owM3wo ^•w•^	1738773912 Using! Its just what I was looking for!great job creator! ✧(｡•̀ᴗ-)✧ Report Comment
sandyᯓᡣ𐭩	1737820604 using!! Report Comment
Ishwarday༺☆༻	1737758306 using! i just would like to remove the online symbol. can you help me? i just want it to say online Report Comment
Kay	1737680024 usingggg Report Comment
Evelyn	1737678580 usingggg <3 Report Comment
jaarilyn	1737348707 me Report Comment