coquette

Tags: pink, coquette, soft, cute, pastel

Description:

this layout hides the music, movies, television, books and heroes section so put everything in the general section!!

extra info

includes a black & white image hovering effect
animated h1 header (your name)
heart shaped effect for your pic with pink glow
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;}  


.table-section:nth-last-child(2) .details-table tr:nth-child(2){display:none! important;}
.table-section:nth-last-child(2) .details-table tr:nth-child(3){display:none! important;}
.table-section:nth-last-child(2) .details-table tr:nth-child(4){display:none! important;}
.table-section:nth-last-child(2) .details-table tr:nth-child(5){display:none! important;}
.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none! important;}


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


.icon, .award img {
    content: url(https://wilardo.crd.co/assets/images/gallery14/323ce49f.png?v=0a976b36);
    display: inline-block;
    height: 1.8em;
    width: 1.8em;
    margin: 0 .05em 0 em;
    vertical-align: -0em;
    color: rgba(0,0,0,0);}

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-family: times! important;    
    font-size: 11px! important;      
    letter-spacing: px!important;} 


nav .links { hover: #000;
        background: url("https://pa1.aminoapps.com/6544/3e6dc394fd4d940047d2cc91bb8b0e6b0dc58664_00.gif");
        font-family: !important;
        background-size: 50%;
        background-color: #;
        background-position: bottom!important;
        background-repeat: repeat!important;
        height: px;
        font-weight:bold! important; 
        border:none;
        border-bottom: 0px black solid;} 

footer .links li:not(:last-child)::after,nav .links li:not(:last-child)::after{content:url(https://wilardo.crd.co/assets/images/gallery18/2dea9f1a.gif?v=0a976b36)!important;padding-left:4px!important}


 
main{
    background-color: white!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;}


.profile-pic {
position: relative;
width: 150px;
}


.profile-pic::before{
content: "";
background: url('https://www.dropbox.com/scl/fi/qovgjorrrboxqgvyrrtgx/gradient.png?rlkey=iiq1ibqquqkamco5ny0wzbqz6&raw=1');
background-size: cover;
position: absolute;
bottom: 1px;
left: -4px;
width: 168px;
height: 168px;
cursor-event:none;
filter: brightness(0) saturate(100%) invert(70%) sepia(99%) saturate(7493%) hue-rotate(324deg) brightness(143%) contrast(105%); }
       


.profile-pic img:hover {
animation: pulse 1s infinite alternate;
}

.general-about .profile-pic {
width: 140px;
}

.general-about .profile-pic img{
-webkit-mask-image: url(https://64.media.tumblr.com/a3933905fc43763b859df986790f7cfc/a13f6b3efb69d983-75/s250x400/e093c1488a8f7800c9a96a2aa980cbc6e9fece92.pnj);
        -webkit-mask-size: 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        width: 180px;
        height: auto;}


.contact {
  border-radius: 15px;
  background: url(https://64.media.tumblr.com/d78014183aacfc6bf09b50ab1acbb5b3/tumblr_ovz0z7SP9K1ugdbgro1_500.gif);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 9px;
  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: 200;      
        font-size: 18px!important;
        font-family: sacramento;}


.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	    /* add to friends */
	    content: url("https://mypillowfort.nekoweb.org/media2/tumblr_201734c07db8b3a537680f46fd7fb251_f4ac55c2_75.gif")   
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://mypillowfort.nekoweb.org/media2/tumblr_201734c07db8b3a537680f46fd7fb251_f4ac55c2_75.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://64.media.tumblr.com/f29c98a3688b42cc1fe5a2039356b2dd/0943507cd3c89989-a9/s75x75_c1/65f84477ea238d94fc176a95afd3c43aba24ea9a.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://mypillowfort.nekoweb.org/media2/tumblr_201734c07db8b3a537680f46fd7fb251_f4ac55c2_75.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://64.media.tumblr.com/f29c98a3688b42cc1fe5a2039356b2dd/0943507cd3c89989-a9/s75x75_c1/65f84477ea238d94fc176a95afd3c43aba24ea9a.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://mypillowfort.nekoweb.org/media2/tumblr_9da4f9a0c25a7e2dc70695f3821cf26b_e2c702e3_75.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://mypillowfort.nekoweb.org/media2/tumblr_201734c07db8b3a537680f46fd7fb251_f4ac55c2_75.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://mypillowfort.nekoweb.org/media2/tumblr_9da4f9a0c25a7e2dc70695f3821cf26b_e2c702e3_75.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: 27px!important;
        font-family: libre baskerville;
        color: #FFC0CB;         
        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: 140px!important;
        background-image: url("https://img.myloview.com/stickers/pink-purple-pastel-cute-coquette-princess-box-bubble-chat-talk-label-conversation-sign-signboard-400-407074840.jpg");
        background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;

animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
background-image: url("https://img.myloview.com/stickers/pink-purple-pastel-cute-coquette-princess-box-bubble-chat-talk-label-conversation-sign-signboard-400-407074840.jpg");background-position: center;}
  
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }    
}



.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: ;
        color: black;
        background-color: #;
        background-image: url("");
        background-size: 55px;
        background-position: top;
        border: 1px solid #ccc!important;
        border-radius: 10px !important;
        font-size: 12px;
        
    }
    
    button{
        border-radius:  !important;
        border: 0px !important;
        text-transform: lowercase; 
        font-family: ;
        font-size: 0px!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: 100px; 
    width: 180px;
    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://mypillowfort.net/media2/tumblr_pn5oxqJadv1xjy6j6o1_250.gif); margin-left: px;} 

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




<img width="19%" height="auto" src="https://64.media.tumblr.com/a50472defc9ee84f1117ea2e1888146c/tumblr_inline_mly8ywMT6Y1qz4rgp.gif" alt="about me"/>
<br/><br/><div style="text-align: center;"> 
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 39 comments ( View all | Add Comment )

4L0R3_555	1736951102 this is so cuteee Might use cuz this is sooo cute XD just a silly request idea: Maybe u can make a blue version of this with pink details? It would be so cute! U can do this if u want! LOVE UR LAYOUTS!!!!! <3 Report Comment
kris °❀⋆.ೃ࿔*:･	1736654652 using!! Report Comment
amberlistas ★	1736622121 Using! Report Comment
Aimee💌	1736617579 using!! :) Report Comment
batdoll1e	1736131043 Using xp ! Report Comment
˙∘˚🍓mᥲі *˙🎀Ꮺ	1734555657 usandoo Report Comment
shiinezs^_^	1733871765 using !!! Report Comment
Pofie	1733846294 using Report Comment
gigi	1732792505 using Report Comment
Ariana	1731993360 using <3 Report Comment
Maryglu	1730138092 Using! Report Comment
𝓩౨ৎ	1729714571 usssinnnggg ! Report Comment
P☆	1728509066 using Report Comment
ˢʷᵉᵉᵗ𝐴𝑢𝑟𝑜𝑟𝑎	1727537221 using Report Comment
Chuyyumi!	1725705036 Using!! ^w^ Report Comment
Aya777	1724702909 Using Report Comment
♡	1724474370 using ^^ Report Comment
mélomanie♪	1723838799 usingg! luv this layout sm <33 Report Comment
Kitty🎀	1723325842 Using Report Comment
velynn_014	1722968749 using :D Report Comment