📄 Layout
Intricate Pink Roses (with custom icons)

ID #337 · Added 2025-11-30
Categories:
Aesthetic Cute Pink Vintage
Colors:
Green Pink
Creator: AshBo
HTML/CSS Code

Copied!
<style>
  /* Layout by SpaceHeyLayouts.com*/
  /* Import Google Fonts */
  @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/*STARTED*/
  :root{
          --logo-blue: transparent;
        --darker-blue: #c83470;
        --lighter-blue: #df6c99;
        --even-lighter-blue: #ffcbec;
        --lightest-blue: #ffcbec;
        --dark-orange: #c83470 !important;
        --light-orange: white;
        --even-lighter-orange: white;
        --green: black;
  }
  
  /* The main profile page */
  main{
  margin-top: 8px;
  border-radius: 34px;
  background: white;
  }
  
  /*Background*/
  
  body{
  cursor: url(https://cur.cursors-4u.net/cursors/cur-6/cur588.cur), auto !important;;
  background: #ee9cbc;
  }
  
    /* Some */
  
  .friends .comments-table button {color: #c83470;}
  
  .profile .blurbs .heading {
  text-align: center;
  }

  .profile .friends .heading {
  text-align: center;
  }
  .profile .friends .person p {
  color: #c83470;
  }
  

  .profile .contact .heading {
  text-align: center;
  color: #c83470;
  }
  
  .profile .table-section {
  border-radius: 4px;
  }
  
  .profile .table-section .heading {
  text-align: center;
  color: #c83470;
  }
  
  .profile .blurbs .heading{
  color: #c83470;
  background: #df6c99;
  }
  
  .profile .blurbs {
  border: 2px solid #df6c99;
  }
  
  .profile .friends .heading{
  color: #c83470;
  background: #df6c99;
  }
  
  .profile .contact {
  border-radius: 4px;
  }
  
  .profile .friends .heading {
  border-radius: 2px;
  }
  
  .profile .friends .inner {
  border-radius: 2px;
  }
  
  /* Remove the "Your profile URL" */
  
  .profile .url-info { display: none;}
  
  .profile .friends .inner {border: 2px solid #df6c99}
  
  /* FONTS */
  .profile .blurbs .inner h4 {font-family: Times New Roman;, font-size: 13px; font-style: Normal; font-weight: normal;}
  
  h4 {
   font-family: "PT Serif", serif;
  font-weight: bold;
  font-size: 15px;
  font-style: italic;
}
  }
  
  /* ETC */
  
  .online { visibility: hidden; } 
  .online {color: #c83470}
  .online img { 
  content: url('https://spaceheylayouts.com/cute-graphics/28.gif'); 
  animation-name: none;
  visibility: visible;
  height: 43px;
  width: 90px; 
  }
  .profile .friends .heading {margin-top: 12px; text-align: center;}
  .profile .blurbs .section p {text-align: center;}
  .profile h1 {font-family: "Dancing Script", cursive;
  font-optical-sizing: auto;
  font-weight: bold;
  font-size: 31px;
  font-style: Italic;}
  
  .general-about .details {
  color: #c83470;
  font-style: italic;
  text-align: center;
  margin-top: 14px;
  }
  
  .general-about .profile-pic img {
    border-radius: 5px;
    box-shadow: 7px 12px 1px #aa7e9e;
}
  
  .profile-info {
  background-image: url(https://i.ibb.co/5gHnnB67/pink-roses.png);
  text-shadow: 0 0 6px #46611e, 0 0 5px #aa7e9e;
  color: white;
  background-position: center;
  border: 3px solid #df6c99; 
  }
  
  
  .comments-table p, b {
    color: #c83470;
}
  
  .count {color: #aa7e9e; font-style: italic;}
  
  main, right .p {color: #c83470;}

  /* Mood */
  
  .profile .mood {
    margin-top: 20px;
}
  .profile .mood {
    width: 100%;
    display: inline-block;
}
   .mood {
    color: #df6c99;
    background-color: #df6c99;
    border: 2px solid #df6c99;
    text-align: center;
    margin-bottom: 20px;
}
   .profile .mood b, p {color: #c83470;}
  
  /* Top */
  nav .links li .icon{
  width: 20px;
  height: 20px;
  content: url('https://spaceheylayouts.com/cute-graphics/28.gif');
  }
  nav .links {display: inline; background: none; font-size: 12px; white-space: nowrap;}
  nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ";
    display: inline-block; 
    width: 15px; 
    height: 15px; 
    background-image: url('https://spaceheylayouts.com/cute-graphics/28.gif'); 
    background-size: 100% 100%;
}
  /*Comments Replies*/
  .comment-replies {
    border: 2px solid #df6c99;
}
  .friends .comments-table {
    margin-top: 30px;
    border: 2px solid #b3e694;
    color: #73b88c;
    text-align: center;
}
  
  button {margin-left: 35%; margin-top: 10px; background: #df6c99; border:none; font-size: 13px; border-radius: 33px; font-family: Times New Roman}
  
  /* Some link effect */
  
  a:hover {color:#23c230b7; opacity: 0.3;   text-shadow: 0 0 6px white, 0 0 5px white;
}
  /*Remove search bar (if you want to enable it -> edit button, input display: block. Then you just need style it.)*/
  
  nav .top .left .logo {margin-left: 300px;}
  
  nav .top .center label {display: none;}
  
  nav .top div {display: inline-block}
  
  nav .top .center button {display: none;}
  
  nav .top .center input {display: none;}

 
  nav .top .a {display: block;}
  
  /* Change icon */
  
 .contact img.icon { 
 display: none; 
}

.contact .f-col>a::before{ 
 content: " "; 
 display: inline-block; 
 width: 15px; 
 height: 15px; 
 background-image: url('https://spaceheylayouts.com/cute-graphics/28.gif?w=700&h='); 
 background-size: 100% 100%;
} 

  /* Footer */
  
  footer {background: white; border-radius: 34px;}
  
  /*Change pfp mask*/

  .profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/zv0VSXxz/f66f07a2fc9f93bb12dddef8b5ca0781-removebg-preview.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
  
.comments-table td:first-child img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/zv0VSXxz/f66f07a2fc9f93bb12dddef8b5ca0781-removebg-preview.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

  /* END OF THE LAYOUT */ 
  </style>