coquette

Tags: pink, coquette, soft, cute, pastel

Description:

UPDATED LAYOUT!!!

extra info

includes a black & white image hovering effect
polaroid 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://i.postimg.cc/kgJkjp4r/wallpaper-rolls-g56649-64-600.webp");
        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 132 comments ( View all | Add Comment )

FictophiliaDreamer	1773552955 Using it! TYSM Report Comment
Karlstar	1773210919 Usandoo Report Comment
march 27	1772918981 using :3 thanks! Report Comment
gotica.lanches	1772717707 using thx! Report Comment
phoenixandbunnies	1772717194 using!! tysm Report Comment
shh…	1772716565 using! thank you!! :3 Report Comment
kiki	1772626331 Usingg Report Comment
Oracle	1771853800 might be using Report Comment
slashisme	1770934300 using! Report Comment
V જ⁀➴	1770525734 using! Report Comment
ʷⁱᵗˡᶠᵃʷⁿ⋆˚꩜｡	1770237524 Using Report Comment
Yara	1770158537 thanks queen Report Comment
Bella.O.Brown	1770141009 Using! Report Comment
valentina	1770084711 using!! Report Comment
yeoful	1769992403 using Report Comment
wony	1769631755 Using Report Comment
Victor !!	1769378392 using!! Report Comment
N0t_maja	1768340111 Usingg Report Comment
nilsinexx	1768130954 usingg Report Comment