Coquette layout

Tags: layout, cute, pink, coquette

Description:

Made a cute little layout because i was bored and yeah. Feel free to use it and comment if you are.

Preview:

click on the image for a larger preview

Code:

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

<style>
    body{
    background-image: url(https://i.pinimg.com/564x/6f/80/f5/6f80f5bfa3bdc3631e56a26697f40433.jpg);
    background-attachment: FIXED;
    background-position: CENTER;
font-family: times new roman;
font-size: 20px;
    }

    .container{
        width: 1200px;
    }

    nav .top{
           background: linear-gradient(to bottom,   #c9b9c1, #f0e4ea,  #c9b9c1);
height: 130px;
border: 8px ridge #c9b9c1; 
    }
    nav .top .center form{
        text-align: center;
font-family: times new roman;
text-shadow: 2px 2px 2px black;
    }
    nav .links{
        text-align: center;
        background: transparent;
font-family: times new roman;
font-size: 20px;
    }

    main{
background-color: transparent;
border: 8px ridge #c9b9c1;
 background-image: url(https://www.pikpng.com/pngl/b/348-3481606_ftestickers-overlay-shading-texture-lace-white-lace-clipart.png);
background-size: 200px;
opacity: 110%;
    background-position: CENTER;
font-family: times new roman;
    } 

    .general-about .profile-pic img{
        margin-left: 10px;
        margin-top: 15px;
          border: 8px ridge #c9b9c1;
    }
     .general-about{
    background-color: #f0e4ea;
    border: 8px ridge #c9b9c1;
    text-align: left;
    height: 355px;
width: 344px;
    font-family: times new roman;
        margin-right: 50px;
        margin-top: 44px;
    }
    .profile h1{
        font-size: 65px;
        color: #784c57;
          border: 8px ridge #c9b9c1;
        background-image: url("");
        text-align: center;
        height: 90px;
width: 400px;
    font-family: rocketpop;
        margin-right: 23px;
    }

    FORM > BUTTON{
    border: 4px ridge #c9b9c1; 
font-family: times new roman;
    }

    .profile .blurbs .heading{
        background: transparent;
width: 650px;
margin-left: 44px;
text-align: center
    }
    .profile .blurbs .heading h4{
        color: #784c57;
font-size: 40px;
    font-family: rocketpop;
    }
    .profile .blurbs .inner{
        background: #f0e4ea;
          border: 8px ridge #c9b9c1;
        margin-top: 10px;
margin-left: 40px;
width: 650px;
        text-align: center;
font-family: times new roman;
    }
    DIV.blog-preview{
        text-align: center;
          border: 8px ridge #c9b9c1;
        background-image: ;
width: 650px;
            font-family: times new roman;
font-size: 16px;
    }
    .profile .blurbs .section h4{
        text-align: center;
        color: black;
            font-family: rocketpop;
font-size: 25px;
margin-top: 80px;
margin-bottom: 80px;

    }
    .profile .mood{
width: 100%
display: inline-block;
background-image: url('') !important;
background-position: !important;
background-repeat: no-repeat !important;
background-size: 20% !important;
        margin-top: 47px;
        margin-bottom: 5px;
        text-align: center;
    font-family: times new roman;
font-size: 20px;
    }
    .profile .friends .heading{
        background: transparent;
         text-align: center;
    }
    .profile .friends .heading h4{
        color: #784c57;
font-size: 40px;
    font-family: rocketpop;
    }
    .profile .friends .inner{
        text-align: center;
        background: transparent;
        margin-top: 10px;
        margin-bottom: 10px;
font-family: times new roman;
font-size: 17px;
    }
  
    .profile .friends .person p{
        display: none;
    }
    .profile .friends .person img:not(.icon){
    font-family: rocketpop;
    }

    .profile .contact{
          border: 8px ridge #c9b9c1; 
        background: #f0e4ea;
height: 180px;
        text-align: center;
        font-size: 20px;
font-family: times new roman;
    }
    .profile .contact .heading{
        background: transparent;
        border-bottom: ridge 8px #c9b9c1;     
    font-family: rocketpop; 
color: white;
font-size: 30px;
    }

    .icon{
        display: none;
    }
    a{
        color: #c9b9c1;

    }
    .profile .url-info{
display: none;
}

.table-section {
    height: 50px;
    overflow-y: hidden;
    transition: all 0.3s ease!important;
    border: none!important;
}
.table-section:nth-of-type(odd):hover {
    height: 500px;
    overflow-y: auto;
    transition: all 0.3s ease!important;
}
.table-section:nth-of-type(even):hover {
    height: 200px;
    overflow-y: auto;
    transition: all 0.3s ease!important;
}
.table-section .heading {
    width: 100%;
    background: linear-gradient(transparent, #f0e4ea, transparent), repeating-linear-gradient(45deg, #f0e4ea, #f0e4ea 10px, #f0e4ea 10px, #f0e4ea 20px)!important;
    height: 50px;
    border: 8px ridge #c9b9c1;
}
.table-section .heading h4 {
    font-size: 0px;
    color: transparent;
}
.table-section .heading::before {
   content:" ";
   display: flex;
   justify-content: center;
   align-items: center;
   height: 30px;
   font-size: 18px!important;
   color: white;
   background-color: #f0e4ea;
   background-size: 50px auto;
}
.table-section:nth-of-type(odd) .heading::before {
   content: "stuff i enjoy";
}
.table-section:nth-of-type(even) .heading::before {
   content: "find me";
}
.details-table {
    border: 8px ridge #c9b9c1;
}
.details-table p {
    font-size: 15px;
}
.details-table td:first-child {
    background: #f0e4ea;
    width: 60px;
}
.details-table td:first-child p {
    -webkit-background-clip: text;
    color: white;
    font-size: 15px;
}
.details-table td {
   background: #f0e4ea;
}
.table-section:nth-of-type(even) td:first-child a {
    font-size: 0px;
    text-shadow: none;
}

       :root {
    --light-orange: ;
       --even-lighter-blue: #f0e4ea;
       }
       .comments-table td *{
             border: none;
font-family: times new roman;
       }
       .count{
           color:  #c9b9c1;
       }
       
       .details-table td *{
           color: black ;
       }
       footer{
             border: 8px ridge #c9b9c1; 
           background: linear-gradient(to bottom,   #c9b9c1, #f0e4ea,  #c9b9c1);
font-family: times new roman;
        font-size: 20px;
       }
</style>

<style>
    .comments-table td{
        background: #f0e4ea;
font-family: times new roman;
        }
        .comments-table{
        background: #f0e4ea;
font-family: times new roman;
border: 8px ridge #c9b9c1;
   }
    
</style>

<style>
    .profile{
        
    direction: rtl;
    
    }
    .blurbs{
    
    direction: ltr;
        
    }
    .blog-preview{
        
    direction: ltr;
        
    }
    .friends{
    
    direction: ltr;
        
    }
    .general-info{
        
    direction: ltr;
        
    }
    .contact{
        
    direction: ltr;
    
    }
    .url-info{
        
    direction: ltr;
        
    }
    .details-table{
        
    direction: ltr;
        
    }
    .profile .table-section .heading{
    
    direction: ltr;
        
    }
    .details p{

    direction: ltr;

   }
   .mood{

       direction: ltr;

   }
</style>
 

<style>
             ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: white;
      border: 8px ridge #c9b9c1;
    }

    ::-webkit-scrollbar-track {
    background-image: linear-gradient(white, gray);
      border: 8px ridge #c9b9c1; 
    }
</style>

<style>
table.comments-table{
display: block;
height: 250px!important;
width: 650px;
margin-left: 30px;
overflow-y: scroll;
font-family: times new roman;
}
</style>

<style>
  DIV.blog-preview:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 180px;
  width: 350px;
  background-image: url(https://i.pinimg.com/originals/85/53/54/8553544f995225099edad8d3bcd66464.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  align-content: center;
    border: 8px ridge #c9b9c1; 
  margin-left: 130px;
  margin-top: 10px;
    
</style>

<style>
  .profile .mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 180px;
width: 437px;
  background-image: url(https://i.pinimg.com/564x/61/d4/1a/61d41a786f8e5f3a1d04f92bae47011b.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  align-content: center;
    border: 8px ridge #c9b9c1;
  margin-top: 10px;
  margin-bottom: 10px;
      }
</style>

<style>main:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 120px;
  width: 100%;
  background-image: url(https://i.pinimg.com/736x/c9/72/93/c972937fc9a8be24b8eaf8b4cb836d3b.jpg);
  background-repeat: repeat-x;
  background-position: center;
background-size: 30%;
  margin-top: -6px;
border-bottom: 8px ridge #c9b9c1; 

    }

   a:hover {
     color: black; 
   } 

nav .links a:hover {
color: black;
}
nav .links a {
color: #784c57;
text-shadow: none;
font-weight: bolder;
}

@font-face{
font-family: times new roman;
src: url("https://file.garden/ZigDp5GcT02HZKGt/Cardinal.ttf");
   } 

@font-face{
font-family: rocketpop;
src: url("https://file.garden/ZigDp5GcT02HZKGt/Avestrava%20Regular%20Personal%20Use%20Only.ttf");
font-size: 16px;
   }

.profile .blurbs .section p{
    color: black;
}

</style>


<style>

.online{
content:url("https://gifs.carrd.co/assets/images/image31.gif?vfd74bc7cc");
margin-right: 80px;
}

</style>


<style>

.profile .profile-info {
	background-image: url();
    border: 8px ridge #c9b9c1;
	text-align: center;
    font-family: rocketpop;
        font-size: 30px;
margin-left: 40px;
width: 650px;
}
</style>




<div style=" position: absolute; left: 860px; top: 436px; z-index: 99;">
<img src="https://img1.picmix.com/output/stamp/normal/8/0/2/3/1203208_af033.png" width="430"/></div>

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

SOUR	1742657092 using Report Comment
Mei	1742563941 Trying Report Comment
haydensangel ୨୧	1742021994 using! Report Comment
Neeny	1741885066 using!! Report Comment
𝒱𝒶𝒽𝒾𝑒𝑒	1741663751 Usandoo! ∘³ Report Comment
iirysae_	1740816836 usingg Report Comment
!! Jamm ‹𝟹	1740728696 using Report Comment
tbpqq	1740722194 using Report Comment
5yal	1740623312 Using Report Comment
georgie<3	1740491216 using Report Comment
Fn_271r_l <3	1740381235 using <3 Report Comment
So0girabbitO_.7	1740051520 using thx️ Report Comment
ՈNⱯ	1739223662 hiii, ive been using this as a base for my own layout, could you tell me which part of it is the lace thing around the profile pictur since it doesnt match the rest of the vibe? Thanks! Report Comment
ՈNⱯ	1739223646 hiii, ive been using this as a base for my own layout, could you tell me which part of it is the lace thing around the profile pictur since it doesnt match the rest of the vibe? Thanks! Report Comment
ՈNⱯ	1739223636 hiii, ive been using this as a base for my own layout, could you tell me which part of it is the lace thing around the profile pictur since it doesnt match the rest of the vibe? Thanks! spamming so you notice Report Comment
ՈNⱯ	1739223612 hiii, ive been using this as a base for my own layout, could you tell me which part of it is the lace thing around the profile pictur since it doesnt match the rest of the vibe? Thanks! Report Comment
aniyah	1738992311 Using Report Comment
Franz Kafka	1738948428 Using Report Comment
Wish	1738771621 Using !! Report Comment
Linnea	1738592658 using Report Comment