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 )

(^O^)	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
Filosofem	1697188628 using! Report Comment
SugarnEternal	1697044027 going to use <33 Report Comment