Nyan Cat Layout

Tags: nyan cat, blue, purple, space, cat, rainbow, pink, green, cats

Description:

Nyan Cat inspired layout. It also features a custom Nyan Cat cursor.

Anyone can feel free to use. All I ask is that you do not remove the credit or repost this layout as your own. Thank you!

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

body{
background-image:url(https://images4.imagebam.com/c2/bf/8a/MEAJ7T7_o.png);
height: 100%;
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}

main{
background: rgb(255,27,70);
background: linear-gradient(0deg, rgba(255,27,70,0.5) 0%, rgba(255,118,39,0.5) 18%, rgba(255,234,65,0.5) 38%, rgba(65,250,51,0.5) 62%, rgba(77,119,255,0.5) 83%, rgba(253,45,217,0.5) 100%);
border: 2px solid white;
box-shadow: inset 2px 3px 5px white;
}

p{
color: white;
}

nav .top{
border: 2px solid white;
box-shadow: inset 2px 3px 5px white;
background-color: transparent;
margin: 1em 0;
}

nav .links{
background-color: transparent;
border: 2px solid white;
box-shadow: inset 2px 3px 5px white;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 1em 0;
}

nav .links li::after{
display: none;
}

.profile h1{
font-family: 'Press Start 2P', cursive;
color: white;
font-size: 30px;
text-shadow: 2px 3px 5px black;
}

.profile .general-about{
display: flex;
flex-wrap: wrap;
padding: 1em;
color: white;
text-shadow: 2px 3px 5px black;
}

.profile-pic img{
border: 2px solid white;
box-shadow: 0px 0px 10px white;
}

.online{
color: white;
font-family: 'Press Start 2P', cursive;
text-shadow: 2px 3px 5px black;
font-size: 20px;
}

.online img{
content: url(https://images4.imagebam.com/14/91/5d/MEAJVIA_o.gif);
}

.profile .profile-info{
color: white;
text-shadow: 2px 3px 5px black;
border: 2px solid white;
box-shadow: 0px 0px 10px white;
background-image:url(https://media2.giphy.com/media/URZcG7uLd9h4s/200.gif);
background-size: 300px 300px;
}

</style>

<div class="credit"><a href="https://spacehey.com/beefstew">Layout Made By BEEFSTEW</a></div>

<style>

.profile .contact .heading,
.profile .table-section .heading{
background-color: transparent;
color: white;
text-shadow: 2px 3px 5px black;
}

.profile .contact, 
.profile .table-section,
.profile .url-info{
border: none;
background-color: rgba(18,58,105,0.5);
box-shadow: 0px 0px 10px white;
margin: .5em 0;
}

table.details-table td {
background-color: transparent !important;
color: white !important;
text-shadow: 2px 3px 5px black;
}

.profile .mood{
color: white;
text-shadow: 2px 3px 5px black;
}

.profile .url-info{
color: white;
text-shadow: 2px 3px 5px black;
}

.profile .blog-preview{
color: white;
text-shadow: 2px 3px 5px black;
}

.profile .blurbs .heading,
.profile .friends .heading{
background-color: transparent;
color: white;
text-shadow: 2px 3px 5px black;
}

.profile .blurbs,
.profile .friends{
border: none;
background-color: rgba(18,58,105,0.5);
box-shadow: 0px 0px 10px white;
margin: .5em 0;
}

.profile .blurbs .section h4{
color: #FFBCE5;
text-shadow: 2px 3px 5px black;
padding: 1em 0;
}

.profile .blurbs p{
color: white;
text-shadow: 2px 3px 5px black;
}

.profile .friends .friends-grid p{
color: white;
text-shadow: 2px 3px 5px black;
}

.profile .friends p b{
color: #FFBCE5;
text-shadow: 2px 3px 5px black;
}

.count{
color: #FFBCE5;
text-shadow: 2px 3px 5px black;
}

.profile .comments-table{
border: none;
color: white;
background-color: transparent;
box-shadow: 0px 0px 10px white;
margin: .5em 0;
}

.profile .comments-table td{
background-color: transparent;
color: white;
}

footer{
border: 2px solid white;
box-shadow: inset 2px 3px 5px white;
background-color: transparent;
margin: 1em 0;
color: white;
}

a{
color: #FFBCE5;
text-shadow: 2px 3px 5px black;
}

a:visited {
color: #FFBCE5;
text-shadow: 2px 3px 5px black;
text-decoration: none;
}

a:hover {
color: white;
}

nav .links a:hover{
color: #FFBCE5;
}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat927.ani), url(https://cur.cursors-4u.net/nature/nat-10/nat927.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/10/28/animated-nyan-cat-rainbow.html" target="_blank" title="Animated Rainbow Nyan Cat"><img src="https://cur.cursors-4u.net/cursor.png" alt="Animated Rainbow Nyan Cat" style="position:absolute; top: 0px; right: 0px;"/></a>

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

Jesse/Seth!! ★彡	1701026487 Usinggg! Report Comment
Xxmenancem4rixX	1700856504 Using! Report Comment
rEINrAUS	1700235636 Used, its cute Report Comment
valen (⁠^⁠～⁠^⁠;⁠)⁠ゞ🍩	1700041146 USING THIS IS SO CUTE Report Comment
dollie :3	1699263952 USING MAYBE XD Report Comment
M0SS.TH3.RAC00N	1698933345 USINGGGG Report Comment
˗ˏˋ beneficialDisk´ˎ˗	1698020545 USING!!! 83 Report Comment
Zocketx	1697934845 using :D Report Comment
finney :33	1697346629 using :3 Report Comment
azrael★	1695142736 using!! Report Comment
axel	1695075454 using! :3 Report Comment
Mari⋆☆⋆ (Mariana)	1693156208 USING !! Report Comment
tabber	1692942176 using Report Comment
liam :3	1692891965 using :p Report Comment
vinny !!	1692497314 using! :3 Report Comment
- TODD ★	1691532250 using!! X) Report Comment
Fizzy_Red_Soda	1691358653 might use Report Comment
✩ John ✩	1691125530 USING! :3 Report Comment
! CONNOR !	1690831682 using :DDD Report Comment
☆LAMMY☆	1690610141 Using! Report Comment