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 25 comments ( View all | Add 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 : emery !? ੈ✩‧₊˚; 1721808774; Report Sorry I accidentally replied I meant to add comment by : emery !? ੈ✩‧₊˚; 1721809014; Report Sorry I accidentally replied I meant to add comment by : emery !? ੈ✩‧₊˚; 1721809014; Report Sorry I accidentally replied I meant to add comment by : emery !? ੈ✩‧₊˚; 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
silliest of sillies	1697188628 using! Report Comment
Scag	1697044027 going to use <33 Report Comment
Bella	1696793826 using Report Comment
www.nora.com	1696568075 Using <3 Report Comment