coquette

Tags: pink, coquette, soft, cute, pastel

Description:

UPDATED LAYOUT!!!

extra info

includes a black & white image hovering effect
polarid pfp
banner
custom contact icons
cute pngs
coquette logo
scrolling friends & comments
optimal for mobile

🤍 leave me a comment if you like it or you're using it 🤍

you can modify it as you want but please don't post it in the layout page as yours
gimme some credit

also you can request ideas for a layout

Preview:

click on the image for a larger preview

Code:

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

<style>  
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');



:root {
        --logo-blue: #;
        --darker-blue: #FFB6C1;
        --lighter-blue: #;
        --even-lighter-blue: #;
        --lightest-blue: # ;
        --dark-orange: #;
        --light-orange: #;
        --even-lighter-orange: #;
        --green: #;}


.friends a p{
        font-size: 0px!important;
        font-family: ! important;        
        font-weight: 200;       
        letter-spacing: px!important; 
        color: #!important;} 


main:before { 

		width: 100%;

		height: 150px; /* CHANGE HEIGHT OF IMAGE */

		display: block;

		content: "";

		background-image: url('https://pbs.twimg.com/media/FizE_IvagAAGe4U.jpg');

		background-position: center;

		background-size: cover;}



.details-table tr:nth-child(1) td:first-child p { font-size:0; }
.details-table tr:nth-child(4) td:first-child p:before { content:""; font-size:.7rem; }
 
 
body {
        background: URL("https://www.wallpaperstogo.com/images/product/large/257370.jpg");
        background-size: 250px;
        background-attachment: repeat;
        text-transform: lowercase;}

p, nav label, .section, .profile .table-section, table.comments-table td{
        font-family:  times; color: #; letter-spacing: 1px; line-height: 9px;
        font-size: 9px;}


.profile-info {display: none!important;}
.url-info {display: none;}
.section h4{display: ;}
.blog-preview {display: ! important;}
.blurbs h4{display: ;}
.heading {display: ;}
footer{background: transparent;}
.table-section:last-child {display:  !important;}   
.friends .heading{display: ;}
.comment-replies{border: 0px solid white !important;}



.more, .url-info, .profile-info, .button,  .blurbs h4, .blurbs .heading, 
.contact .heading
{display: none;}   


.details-table td:first-child{display:  none!important;  }



.details-table {
 margin-top: -5px;}
.details-table td:first-child{display:  none!important;}  



.inner img{
border-radius: px;
filter: grayscale(35%);}


.icon, .award img {
    content: url(https://i.postimg.cc/yxkTCZCD/2.gif);
    display: inline-block;}
   
table.comments-table td {direction: ;
  background-image: URL(""); }

table, tr, td { 
  background-color:transparent; 
 border:none; 
 border-width:50px;} 


@keyframes hoverrainbow{
  from{filter:saturate(0%) hue-rotate(0deg);}
  to{filter:saturate(0%) hue-rotate(360deg);}
}

main img:hover {
  filter:saturate(0%);
  animation: 1s hoverrainbow infinite linear;
}



.comments-table td:first-child img, .profile .friends .person a:not(a:first-child) {
-webkit-mask-image: url(https://64.media.tumblr.com/21537f823a9682455940164951cd4f70/a13f6b3efb69d983-60/s250x400/4513c30e7c3d485e14827bda68c9750d7b2d80e4.pnj);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
width: 160px !important;
height: auto;
filter: grayscale(35%);}



.comment-replies{border: 0px solid white !important;}


table.comments-table {   
    direction: rtl;
    text-transform: lowercase!important;}


table.comments-table{
background: url(https://i.pinimg.com/564x/3d/fe/99/3dfe998af0389a871041ab6b85c96b7e.jpg);
border: 0px solid #eee4dc !important;   
        border-radius: 0px !important;
background-size: 100%; background-color: #;
display: block;
height: 180px!important;
overflow-y: scroll;}


.friends:not(#comments){
    margin-bottom:px;
    background-image: url('https://media.everskies.com/8J2FLIhP6xaSsvTTSinb.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 40px;} 


.col.right:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 88px;
  width: ;
  background-image: url(https://d2bzx2vuetkzse.cloudfront.net/images_without_background/fb0fad51-094d-4932-9fa2-c838d7496b74.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70px;}

.friends-grid {
    height: 140px;
    overflow-y: scroll;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.profile .friends .person {
    position: relative;
}
.profile .friends .person a:not(a:first-child) {
-webkit-mask-image: url(https://64.media.tumblr.com/21537f823a9682455940164951cd4f70/a13f6b3efb69d983-60/s250x400/4513c30e7c3d485e14827bda68c9750d7b2d80e4.pnj);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
width: 160px !important;
height: auto;
filter: grayscale(35%);}

nav {
        border-radius: 0px 0px 0 0;
        text-align: center;}

.general-about { 
  background: transparent;
  border-radius: px;
  padding: 10px 10px 5px!important;
  margin-bottom: 10px;
  margin-top: 0px; 
  text-align: center;}


.heading {font-size: 0px! important;
        padding: px 0 !important;
        text-align: center;
        margin-top: px;
        margin-bottom: px;
        background-color:  !important;
        color: transparent!important;
        border-bottom: 0px dotted;}

nav {
        border-radius: 0px 0px 0 0;
        text-align: center;}

nav .top a, nav .links a, footer{text-shadow: 0px 0px 0px black;
    color: #000!important; font-weight:bold;
    font-family: times! important;    
    font-size: 11px! important;      
    letter-spacing: px!important;} 


nav .links{
        background-color: transparent !important;
        border: 9px solid black;
        border-image: url("https://foollovers.com/mat/baf/twinkle/tw32-006-a.gif") 
        
        9 fill round;
        font-family: ; ; 
        text-align: center;
        margin-bottom: 10px !important;}

footer .links li:not(:last-child)::after,nav .links li:not(:last-child)::after{content:url(https://mypillowfort.net/two2/tumblr_lkqybbEsly1qi6qow540.gif)!important;padding-left:4px!important}


 
main{
    background-color: transparent!important;
    background-image: url('')!important;
    background-size: ;
    background-repeat: repeat;
   border: 9px solid;
   border-image: url("https://64.media.tumblr.com/6f0c2efb2b0902a5907c60c9d1dcad9e/9b9e0ed89a039867-11/s75x75_c1/90da82e9674eafbcc1f84f71303f353726a700b5.pnj") 8 fill round;
    width: px;
    height:px;
    overflow-y: ;
    margin: auto;}
    


.container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 10px;
        padding: 10px;}

.details-table{
    background-image: url('');
    background-size: 100%;
    background-position: left;
    background-repeat: repeat-y;}

.details-table td:first-child p{font-family: ;
    font-color: !important; font-weight: 200; font-size: 20px!important; color: #!important; 
    text-align: center;
    border-radius: 15px;
    padding: 17px;
    -webkit-text-stroke-width: px;
    -webkit-text-stroke-color: ;}   

a:hover{
text-decoration-style: wavy !important;
background-color: # !important;
background-image: url('https://i.postimg.cc/ZRrSnGJD/8372d80f.gif') !important;
background-repeat: repeat !important;
background-position: center !important;
background-size: 15px !important;
}

.links a:hover{
background-color: # !important;
background-image: url('https://i.postimg.cc/ZRrSnGJD/8372d80f.gif') !important;
background-repeat: repeat !important;
background-position: center !important;}

a:hover {
        
    color: #fff!important;font-size: 11px!important;}       
   
    a:visited{
        
    color: #FFB6C1;}


.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block; 
  height: 54px;
  background-image: url(https://media.everskies.com/xYNhgAIozZrzsgsV_Vfn.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 100%;}


.general-about, .mood{
  position: relative;
  margin-top: 5px;
  text-align: center;}


.general-about .profile-pic {
position: relative;
filter: drop-shadow(0 0 0.25rem gray);
transform: rotate(deg);
margin: 0 20px 8px -5px;
transition: transform .5s;
filter: grayscale(35%);
}
.general-about .profile-pic:hover {
transform: scale(1.2) rotate(deg);
}

.general-about .profile-pic:after {
content: "";
background: url('https://www.pngall.com/wp-content/uploads/14/Polaroid-Frame-PNG-Background.png');
position: absolute;
background-size: contain;
background-repeat: no-repeat;
top: -5px;
left: -5px;
width: 170px;
height: 220px;
filter: grayscale(35%);}

.mood {margin-top: 40px!important;}


.contact {
  border-radius: 15px;
  background: url(https://i.pinimg.com/originals/e2/bc/20/e2bc20853ae481d908f3132792a21cd4.gif);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 2px;
  width: px;
  height: px;}

.contact .inner a img {margin-right: -4px;
        font-size: 0;}
    

.contact .inner a{
 
        letter-spacing: px; 
        color: #fff !important; 
        font-weight: bold;      
        font-size: 20px!important;
        font-family: sacramento;}


.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	    /* add to friends */
	    content: url("https://i.postimg.cc/XJf8V7FQ/07a36dd2-original.gif")   
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://i.postimg.cc/tgSwqgn7/soda.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://i.postimg.cc/Vv8KWW7y/f4d36bbd-original.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://i.postimg.cc/XJf8V7FQ/07a36dd2-original.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://i.postimg.cc/9QfxKG4H/2a5cd1d7.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://i.postimg.cc/KYFsrMB1/tumblr-lkqyg5i-MRs1qi6qow540.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://i.postimg.cc/XJf8V7FQ/07a36dd2-original.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://i.postimg.cc/KYFsrMB1/tumblr-lkqyg5i-MRs1qi6qow540.gif")
    } 



b { 
  color:#;
  font-family: sacramento;
  letter-spacing: px;
  font-size: 18px; font-weight: 200;
-webkit-text-stroke-width: px;
  -webkit-text-stroke-color: #;}


        
h1 {
font-size: 29px!important;
        font-family: libre baskerville;
        color: #E6B2BA;         
        text-transform: !important; 
        font-weight: 200;
        letter-spacing: -1px;
        -webkit-text-stroke-width: 0.7px;
        -webkit-text-stroke-color: #000;
        font-weight: ;
        margin-bottom: 10px!important;
        margin-top: 0px!important;       
        text-align: center;
        line-height: 110px!important;
        background-image: url("https://mypillowfort.net/media2/tumblr_8e0cc1a39028f2f9d903ac5235a9914f_fb87f23f_250.gif");
        background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;}



.online img{
  font-size:0px;
}
.online{
    text-transform: ;
    color: transparent!important; font-family: ; 
        letter-spacing: px;
}
.online:before{
  display:inline;
  content:url('https://i.ibb.co/FgxP1Mx/2591088a2sjr2i9e1.gif');margin-right: -50px;
}  


.search-wrapper input[type=text] {
        font-family: times;
        color: black;
        background-color: #;
        background-image: url("https://foollovers.com/mat/dot/u09-bg-polkadot.gif");
        background-size: 7%;
        background-position: top;
        border: 1px solid #000!important;
        border-radius: 10px !important;
        font-size: 12px;
        
    }
    
    button{
        border-radius:  !important;
        border: 0px !important;
        text-transform: lowercase; 
        font-family: ;
        font-size: 10px!important;
        background-color: transparent!important;
        width:;
        color: white!important}

.count{color: #FAA0A0; font-family: ; font-size: 10px;
 font-weight: 00;} 

.top > .left > a > .logo {
    display: none;
  }
  .top .left a {
    content: url(https://i.postimg.cc/50DkYyVV/4134-Coquette-Final-BW-Logo.png);
    height: 60px; 
    width: 160px;
    display: inline-block;} 
	
</style>



<style>
.friends .heading:after {
    content: url(https://wilardo.crd.co/assets/images/gallery27/56478bfb.png?v=0a976b36); margin-left: 3px;}
.friends .heading{ font-size:0;}
.friends .heading:before{ content: "pals"; font-size:20px; font-family: sacramento; font-weight:200; color: #000;}


.friends#comments .heading:after {
    content: url(https://wilardo.crd.co/assets/images/gallery27/cc631ea2.gif?v=0a976b36); margin-left: 3px;}
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "comment something" url(); font-weight:200 ; font-size:20px; font-family: sacramento; color: #000;}


.blog-preview h4{ font-size:0; }
.blog-preview h4 a{font-size:.0rem;margin-left:5px; }
.blog-preview h4:before{ content: "my blogs"; font-size:26px;font-family: sacramento; color: #000; font-weight: 200; background-color: #;}

.blog-preview h4:after{
    content: url(https://i.postimg.cc/PrZX3bWx/003.gif); margin-left: px;} 

 
.blog-preview p .pinned .icon {
   content: url(https://mypillowfort.net/two2/1squaresmilie-hato.gif) !important;}
</style>




<div style="text-align: center;">
<img width="50%" height="auto" src="https://i.postimg.cc/YSgDchdg/1b92c947.png" alt="welcome"/>
<br/><br/>
here goes your about me!</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 100 comments ( View all | Add Comment )

putseycutsey	1760278722 using as inspo ^v^ Report Comment
putseycutsey	1760278719 using as inspo ^v^ Report Comment
putseycutsey	1760278719 using as inspo ^v^ Report Comment
ras	1759247853 using! Report Comment
Bammyyy	1759140442 using! Report Comment
꒰ა Ame ໒꒱	1758750518 using Report Comment
scarlett ༘˚⋆𐙚｡⋆	1757461266 using <3 Report Comment
yhan !!	1756380962 hii !! if its okay to ask, just wondering how you managed to make the layout background have a lace border ??:D Report Comment
𝘃𝗲𝗲	1755561185 using! ٩(ˊᗜˋ*)و ♡ Report Comment
cutestcalico	1755413476 usingg Report Comment
하니	1754945543 usando! Report Comment
renata098	1754775213 Vo usarrr Report Comment
yino	1754749326 usinggg Report Comment
Lisa Anne	1754512961 using! Report Comment
katya. ´ཀ`	1754294363 using ! Report Comment
cherry	1753990463 using Report Comment
FINN	1753382745 using Report Comment
lily ☆	1753297490 using Report Comment
‿‿ 𑁥𓍢 I usankasa ꪆ	1753002407 Using Report Comment
candyy	1752437992 usiiinngg Report Comment