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

Titi! <3333	1752215848 Using Report Comment
shaylee	1752211891 using Report Comment
Anneliese(๑>◡<๑)	1752118850 using! Report Comment
Strwb3rryZw0mbi3	1751157101 using Report Comment
𝔊𝔦𝔯𝔩	1751053129 Using!! ♡ Report Comment
gigi	1750193753 usingg Report Comment
nutella	1749153881 using! :3 Report Comment
Carson	1748753403 Using Report 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