Scenecore Star Layout (WITH CATS!)

Tags: cat, cats, scene, scenecore, rainbow, star, stars, animation, overlay, custom

Description:

Includes: custom cursor, stars overlay, 3 dancing cat gifs :3, custom logo, custom online blinkie status and lots of stars!!! Made for Maina but anyone can use just lmk in the comments!

Preview:

click on the image for a larger preview

Code:

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

<style>

This is the cat in your about me section
</style>
<img src="https://i.ibb.co/k2D6WPQ/nJkyReS.gif"/>

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

/*BODY FONT*/
   body{font-family: 'Orbitron', sans-serif;
   color: white !important;
   font-size: 90%;
   text-shadow: 2px 2px 3px #FFFFFF, 0 0 25px white, 0 0 5px #FFFFFF}

/*HEADINGS FONT*/
   h1, h2, h3, h4, .profile .blurbs .section h4{font-family: 'Press Start 2P', cursive;
   font-size: 120%;
   color: white !important;
   text-shadow: 2px 2px 3px #FFFFFF, 0 0 25px white, 0 0 5px #FFFFFF}

/*TEXT SETTINGS*/
main p{
   letter-spacing: 2px;
   font-weight: 700; 
   line-height: 1.5;
   color: white !important;
   text-shadow: 2px 2px 3px #FFFFFF, 0 0 25px white, 0 0 5px #FFFFFF}

main{background: none}
/*CURSOR*/
*{cursor: url(http://www.rw-designer.com/cursor-view/153829.png), auto !important}

/*LINK COLOURS*/
.links, .links a, .logout-btn{
   color: white !important;
   text-shadow: 0px 0px 5px 3px white}

a{color: white !important}
   a:hover{color: yellow !important;
    text-decoration: underline}
   a:visited: color: yellow !important}

.top a{color: #FF0000 !important}
   .top a:hover{color: white !important
    text-decoration: underline}
   .top a:visited{color: white !important}

.links a{color: #5cad58 !important}
   .links a:hover{color: white !important
    text-decoration: underline}
   .links a:visited{color: white !important}

footer .links a{color: white !important}
   footer .links a{color: yellow !important
    text-decoration: underline}
   footer .links a{color: yellow !important}

/*BORDERS*/
.contact, .table-section{
   border-width: 2px; 
   border-radius: 4px;
   border-color: #0fff0f !important;
   box-shadow: 0px 0px 5px 3px #0fff0f !important;
   margin-bottom: 20px !important;
   background: url(https://i.ibb.co/JFbvDSK/IzFsb7l.gif)}

.blurbs, .friends{ 
   border: solid #0fff0f 2px;
   border-radius: 4px;
   margin-bottom: 20px;
   box-shadow: 0px 0px 5px 3px #0fff0f !important;
   margin-bottom: 20px !important
   background: url(https://i.ibb.co/JFbvDSK/IzFsb7l.gif)}

.comments-table{ 
   border: solid #0fff0f 2px;
   border-radius: 4px;
   box-shadow: 0px 0px 5px 3px #0fff0f !important;
   margin-bottom: 20px !important
   background: url(https://i.ibb.co/JFbvDSK/IzFsb7l.gif)}

footer .links{
   background: none !important;
   box-shadow: none !important}

/*VERY BACK BACKGROUND*/
body{
   background: url(https://i.ibb.co/4M5K6dF/lN2u4nS.gif);  
   background-size: cover}

/*PROFILE BCKGROUND*/
.profile{
   background-image: url(https://i.ibb.co/sWYbQwz/E6T35vt.gif);
   background-size: 100%;
   margin-bottom: 10px;
   border-radius: 4px;
   box-shadow: 0px 0px 5px 3px #0fff0f !important}

/*HEADER*/
.top{
   background:  !important;
   background-image: url(https://i.ibb.co/sWYbQwz/E6T35vt.gif) !important;
   background-size: cover !important;
   margin-bottom: 20px;
   border-radius: 4px;
   box-shadow: 0px 0px 5px 3px #0fff0f !important}

/*FOOTER*/
footer {
   height: 150px;
   background-image: url(https://i.ibb.co/sWYbQwz/E6T35vt.gif);
   background-position: centre !important;
   background-size: cover;
   border-radius: 4px;
   box-shadow: 0px 0px 5px 3px #0fff0f !important}

/*NAV BAR*/
.links{ 
   text-align: center;
   background:  !important;
   background: url(https://i.ibb.co/sWYbQwz/E6T35vt.gif) !important;
   margin-bottom: 20px !important;
   border-radius: 4px;
   box-shadow: 0px 0px 5px 3px #0fff0f !important}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{
    content: " ⭒ ";
    color:  white}

/*LOGO*/
.logo {
   filter: sepia(100%) hue-rotate(45deg) saturate(10);
   box-shadow: 0px 0px 7px 5px white}

/*HEADINGS BACKGROUND*/
.profile .blurbs .heading, .profile .friends .heading, .profile .table-section .heading, .profile .contact .heading, links{
   background: linear-gradient(red, orange, yellow, green, #3db6d1, blue, purple);
   border: 2px solid #0fff0f;
   border-radius: 2px}

/*CIRCULAR PFP*/
.profile-pic {
   border-radius: 500px;
   overflow: hidden;
   box-shadow: 0px 0px 9px 7px #0fff0f}

/*CIRCULAR FRIENDS PFP*/
.friends-grid img{
   border-radius: 500px;
   overflow: hidden;
   box-shadow: 0px 0px 9px 7px #0fff0f}

/*TRANSPARENT INTERESTS GRID*/
:root{
   --even-lighter-blue: opacity:0.01;
   --lightest-blue: opacity:0.01;

/*FRIENDS-GRID*/
   --light-orange: url(https://i.ibb.co/5sRxP9b/vIxYvNN.gif);
   --even-lighter-orange: linear-gradient(red, orange, yellow, green, #3db6d1, blue, purple)}

/*URL SECTION*/
.profile .url-info{
   background-image:url(https://i.ibb.co/MhDYf5h/CThNVQu.gif);
   background size: cover !important;
   border: solid #0fff0f 2px;
   border-radius: 4px;
   box-shadow: 0px 0px 5px 3px #0fff0f;
   margin-bottom: 20px !important}

/*CONTACT SECTION*/
.contact {
   margin-bottom: 20px !important;
   font-size: 12px;
   border-radius: 5px;
   border-top: 1px}

/*ONLINE*/
.online{content: url(https://i.ibb.co/vZxVg2W/vmFMb9I.gif);
   box-shadow: 0px 0px 7px 5px #0fff0f}

/*CONTACT ICONS*/
.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://i.ibb.co/mCc78DF/4iW2Zmr.png)}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* ADD TO FAVOURITE */
content: url(https://i.ibb.co/mCc78DF/4iW2Zmr.png)}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/*SEND A MESSAGE */
content: url(https://i.ibb.co/mCc78DF/4iW2Zmr.png)}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/*FORWARD TO FRIEND*/
content: url(https://i.ibb.co/mCc78DF/4iW2Zmr.png)}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/*INSTANT MESSAGE*/
content: url(https://i.ibb.co/mCc78DF/4iW2Zmr.png)}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/*BLOCK USER*/
content: url(https://i.ibb.co/mCc78DF/4iW2Zmr.png)}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/*ADD 2 GROUP*/
content: url(https://i.ibb.co/mCc78DF/4iW2Zmr.png)}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/*REPORT*/
content: url(https://i.ibb.co/mCc78DF/4iW2Zmr.png)}

/*PROFILE LINKS ICONS*/
  .icon, .award img {
        content: url(https://i.ibb.co/mCc78DF/4iW2Zmr.png);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0)}

/*BUTTONS*/
button{
   color: #0fff0f;
   background: url(https://i.ibb.co/4F3D2xT/vhXxMLx.gif); 
   border: 2px solid white;
   padding: 2px}
   button:hover {
   color: white;
   background: url(https://i.ibb.co/4F3D2xT/vhXxMLx.gif);
   padding: 4px}

/*TOP SEARCH BAR*/
  .search-wrapper input[type=text] {
    background-color: #0fff0f  !important;
    border: 1px solid white !important;
    border-radius: 10px !important}
 button{
    border-radius: 10px !important;
    border: 1px solid white !important;
    background-color:  #FF0000 !important}

/*ANIMATION OVERLAY*/
html:before{ 
   animation: grain 8s steps(10) infinite;
   background-image: url(https://i.ibb.co/fvBLrnH/Uu89tKu.gif);
   background-size: 10%; 
   content: "";
   height: 200%;
   left: -50%;
   opacity:.5;
   position: fixed;
   top: -100%;
   width: 200%;
   pointer-events:none}

<style>
dancey cat
</style>
<div style="float: ; max-height: 800px; position: fixed; left: 1px; bottom: 10px; z-index: 200;"><img src="https://i.ibb.co/KyMqypB/36uyURi.gif"/></div>

<style>
other dancey cat
</style>
<div style="float: ; max-height: 800px; position: fixed; top: 1px; bottom: 10px; right: 1px; z-index: 200; width: 500px;"><img src="https://i.ibb.co/0cTyjDG/NE5ua1t.gif"/></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 391 comments ( View all | Add Comment )

ryland	1745185173 using :D Report Comment
Geo	1744388897 Using!!!!! Report Comment
André	1743737949 using xppp Report Comment
🐾🧟Rory🧟🐾	1743608480 Using! Xp Report Comment
Rae	1742701963 Using Report Comment
hyperpopserserisi	1742585770 using Report Comment
CHAR !!!!!	1741831545 using :) Report Comment
CHAR !!!!!	1741831542 using :) Report Comment
Ari X3	1741688204 im gonna use this x3 Report Comment
Ari X3	1741688203 im gonna use this x3 Report Comment
Ari X3	1741688169 IM GONNA USE IT X3 Report Comment
Askel	1741017129 SO USING THE CAT GIF!! Report Comment
munchkins	1740924434 Using Report Comment
Bebel 🐞	1740769990 Usando!! Report Comment
𝔎𝔞𝔪𝔭𝔱𝟙𝟡	1740252035 using \^o^/ Report Comment
𝔏𝔳𝔢𝔰	1740237253 Using Report Comment
jackthejpg	1739111148 using! Report Comment
Moon	1739057785 using :3 Report Comment
𝖠-𝖭-𝖦-𝖤-𝖫	1738983435 Usiing Report Comment
C Kaloh	1738971362 i will use this Report Comment