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

Atomic Angel	1736636176 Using!! TYSM! <3 Report Comment
̷M̷̷i̷̷l̷̷o̷	1735352206 Using but there’s something glitching, idk if it’s just me Report Comment
̷M̷̷i̷̷l̷̷o̷	1735352206 Using but there’s something glitching, idk if it’s just me Report Comment
Wiskear	1733934042 Using ^^ !! Report Comment
Angel ☆ beabadoobee fan	1733654419 using! Report Comment
Vicky_xxx	1732914004 usinggg Report Comment
mymelatoni	1732763434 using <3 Report Comment
Cruel King~! 🧊👑 ✩⏤͟͟͞͞✝︎˚	1732388801 Using :3 Report Comment
𝑔𝓇𝒶𝒸𝒾𝑒 ⪩⪨	1732104958 using Report Comment
⚞•⚟LYNA౨ৎ	1731982078 Using Report Comment
F1ZZYFR099!_XD	1731726144 So pretty!! Using! ^^ Report Comment
tigertor	1731578379 so cute, using! Report Comment
Margaret	1731422776 using! Report Comment
dannie	1730925345 Using! Report Comment
˚ ༘ ೀ⋆｡˚Alicia˚ 𝜗𝜚	1730326830 usinggg Report Comment
Yukiimuffinz	1728837999 using Report Comment
kayla	1728798380 using !! Report Comment
⋆｡‧˚ʚ maddy .ᐟ ɞ˚‧｡⋆	1728785887 using !! Report Comment
⋆｡‧˚ʚ maddy .ᐟ ɞ˚‧｡⋆	1728785887 using !! Report Comment
Sonyy??	1728739923 Using Report Comment