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

GOOBER ^_^	1716093818 using!!! Report Comment
♰ Jessicka ♰	1715468905 Using!!!! ^^ Report Comment
🍓strawberryshortcake🍓	1715370406 using !! Report Comment
Franz Kafka	1715368443 Using Report Comment
val	1715213162 using prolly Report Comment
⸝⸝ ꒰ Angel Food 🍒ㆍ₊⊹	1715107879 do u take rqs? Report Comment i mean sure i have nothing else to do tbh by unicornlove8; 1715157115; Report Idk if this is like for phone also, but if u can could u make a phone version of this? by Zuko; 1715163009; Report can i DM u rq? ty btw !! by ⸝⸝ ꒰ Angel Food 🍒ㆍ₊⊹; 1715187661; Report Yes of course ! by Zuko; 1715243998; Report
⸝⸝ ꒰ Angel Food 🍒ㆍ₊⊹	1715107871 will def be using this !! ty <3 Report Comment