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

otaku<3	1747522859 usin Report Comment
ru	1747514415 usiing Report Comment
SilentWhisper	1746804353 using :p Report Comment Might use by Selene of Alexandria; 1746929789; Report
sweetheart<3	1746746080 using so cuteee Report Comment
Aani	1746740564 Using!! This is so cute I love it sm Report Comment
HehthehrhihtH	1746381683 This is an absolute favorittttt, now THIS is the classical stuff are you interested in working with me? PROFOUND!!! Report Comment
willowsofwysteria	1746208641 using Report Comment
🎀amy🎀	1745923643 Using <33 Report Comment
🎀amy🎀	1745923643 Using <33 Report Comment
Amaya<3	1745708063 Using !! <3 Report Comment
gbomb.com	1745390130 using <3 Report Comment
annushkaa	1745017965 usingg Report Comment
𐙚 priscila	1744724520 using Report Comment
kuro クロ ☆	1744446116 usingg :3 Report Comment
COKEDUPP	1744262314 Usinggg! :) Report Comment
⊹ ׁ݂ ꒰꒰🦢 ˸ aceeee >< ⋅꒷	1744174571 usingggg <3 Report Comment
Ada🦢	1744156468 using <3 Report Comment
yaya	1743967899 usando Report Comment
Frann	1743945569 Using Report Comment
XoPrincess<3Xo	1743903305 Using Report Comment