Cute pink kitty layout!

Tags: cute, pink, cat, kawaii, kitty

Description:

This is my first layout so I'm sorry if the code is messy or the layout is a bit weird!! I hope whoever uses it enjoys it! :)

Preview:

click on the image for a larger preview

Code:

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


main:before {
	width: 100%;
	height: 100px;
	display: block;
	content: "";
	background-image: url('https://i.pinimg.com/564x/5d/ac/28/5dac28b75f7e4443a29a8ef15371d616.jpg');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}
.profile {
background:#fcf5f7;

}
.logo {

content:url("https://supplies.ju.mp/assets/images/gallery14/0a17d2cc.gif?v=8cd1d9b0")

  }
h1   {color: ##7ad1ff;}
p    {color: HotPink;}

::selection {
   background: #FFBEF8;
   color: White;}


.online{content:url("https://supplies.ju.mp/assets/images/gallery05/8ceedc8d.gif?v=8cd1d9b0");
}



    nav .links {
        background: url(https://i.pinimg.com/736x/ae/a6/96/aea6967c18183e057e8cfb55c74e14d7.jpg);}
body{
background: URL(https://i.pinimg.com/564x/1f/75/7f/1f757f0ef33b55eaeb33eca338bddb3b.jpg)
}
.profile-pic &gt; img { display:none; }
.profile-pic:after { background-image: url("https://i.pinimg.com/564x/4e/15/5c/4e155ca40e7ba4f7bff08f14b319cf26.jpg"); display: inline-block; content:"" }
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 150px; } 
.profile-pic:after{ 
  border: 0px dashed white;  
  box-shadow: 1px 0px 10px 2px white;
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
  border-radius: 50%;
  animation: spin 7s infinite linear;

 }     
{




.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* Add to Friends */
	content: url(https://pixel.crd.co/assets/images/gallery01/d5472bea.gif?v=6c952962)
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: URL(https://pixel.crd.co/assets/images/gallery07/cc3f926a.gif?v=6c952962)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: URL(https://gifs.crd.co/assets/images/gallery23/51291fd0.gif?v=ef433a6f)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: URL(https://gifs.crd.co/assets/images/gallery22/ec032434.gif?v=ef433a6f)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: URL(https://watermelon.crd.co/assets/images/gallery03/bd59d86d.gif?v=ab2f6a73)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: URL(https://pixel.crd.co/assets/images/gallery04/1b22ad1f.gif?v=6c952962)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: URL(https://supplies.ju.mp/assets/images/tiny1/6dd5a49b.gif?v=8cd1d9b0)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: URL(https://supplies.ju.mp/assets/images/tiny1/db6b57af.gif?v=8cd1d9b0)
}
{
	--logo-white: #FFBEF8;
	links: white;
 	--darker-blue: #FFBEF8;
	--lighter-blue: #FFBEF8;
	--even-lighter-blue: #FFBEF8;
	--lightest-blue: #LightSkyBlue;
	--dark-orange: LightSkyBlue;
	--light-orange: #FF69B4;
	--even-lighter-orange: #;
	--turquoise: #FFBEF8;

            --table-header: #FF56B1;
	--link-text: white;
	--main-text: white;
    
    }   
    nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: URL(https://supplies.ju.mp/assets/images/gallery05/b0063074.gif?v=8cd1d9b0);
    color: var(--headers);
 }

html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.pinimg.com/originals/6b/e8/9b/6be89b96350815f624315e0096b72cbc.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.4;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain 
  70% { transform:translate(0%, 15%) }
}





footer {background-image:URL("https://i.pinimg.com/736x/ae/a6/96/aea6967c18183e057e8cfb55c74e14d7.jpg");
background-repeat: none;
border-radius: 0px;}
div.col h1:before{
  background-color: #;
  border-radius: 10%;
  font-size: 12px;
  margin-left: 5px;
  padding: 5px;
  content: url(https://yokai.crd.co/assets/images/gallery04/29d0fa0d.png?v=b4df531c);}



.profile .contact{
   background: #ffffff;
   background-size: 345px; 
   border: solid
   border-color: #0;
   border-width: 2px;
 }
.profile .blurbs{
   background: #ffffff;
   background-size: 345px; 
   border: solid
   border-color: #0;
   border-width: 2px;
 }
.profile .friends{
   background: #ffffff;
   background-size: 345px; 
   border: solid
   border-color: #0;
   border-width: 2px;
 }
.profile .link{
   background: #ffffff;
   background-size: 345px; 
   border: solid
   border-color: #0;
   border-width: 2px;
 }








:root {
        --logo-blue: url(https://i.pinimg.com/564x/19/8c/e6/198ce6decd2f25a2a953fe696df1fbfb.jpg);
        --darker-blue:HotPink;
        --lighter-blue: #ffb3c3;
        --even-lighter-blue: #ffe0e7;
        --lightest-blue: #ffe0e7;
        --dark-orange: HotPink;
        --light-orange: #ffe0e7;
        --even-lighter-orange: #ffe0e7;
        --green: peachpuff;
    }

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

C A Y. 🖇️	1749300237 usingg Report Comment
luv.yyb	1740083278 using Report Comment
NEW ACC	1712083660 usingg Report Comment Using!!! :3 thank you so much for the layout! I don't know how to code.. so I'm just using layouts for now TwT by ꒰੭ ﾟmiri / miriam 𑁯 ୨🎀୧ ﾟ ꒱; 1721808774; Report Sorry I accidentally replied I meant to add comment by ꒰੭ ﾟmiri / miriam 𑁯 ୨🎀୧ ﾟ ꒱; 1721809014; Report Sorry I accidentally replied I meant to add comment by ꒰੭ ﾟmiri / miriam 𑁯 ୨🎀୧ ﾟ ꒱; 1721809014; Report Sorry I accidentally replied I meant to add comment by ꒰੭ ﾟmiri / miriam 𑁯 ୨🎀୧ ﾟ ꒱; 1721809015; Report
Nyon	1710315659 Usingg Report Comment
Kittee ^u^ !!	1707899602 usimg<333 Report Comment
morgan	1701731717 using thank you !!!! Report Comment
Lelo<3	1699670397 aww, it wont work for me :( Report Comment
chrissy 𖤐	1699283089 dis so cuteeee Report Comment
chrissy 𖤐	1699283076 dis so cuteeee Report Comment
hex u,_u	1699224798 might use later :3 Report Comment
Liyah^_< -★	1699015930 testing! Report Comment
CHOMMU!	1698668181 USING Report Comment
Elixir	1698198485 usil :3 mrow Report Comment
MalinLamb2	1698132103 using :DDD Report Comment
Pawz_Samyy	1697815650 using!! Report Comment
princessgen	1697500133 using, its adorable! Report Comment
Chuck	1697406980 using!! also its super cute Report Comment
M/S Salmonella	1697188628 using! Report Comment
SugarnEternal	1697044027 going to use <33 Report Comment