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

♫Bailey♫	1714014999 Using :3 Report Comment
rawriex	1713809260 USIN!! Report Comment
‧₊˚🖇️✩ ASMO ₊˚🎧⊹♡	1713418447 if u dont mind, i only used the cats in the layout !! Report Comment
Lauurito pum	1713412403 Usandoo! Report Comment
noriko 💤	1712959147 using dancey cats :3 Report Comment
🕆🕇 VAMPZ;;	1711854138 UZIN >_< Report Comment
Iris23009	1711812781 Using !! (Gonna edit it a bit for myself Report Comment
Stan	1711772539 using a bit of your code! I stole the dancing kitty! Report Comment
Etta/Elliot	1711770849 using Report Comment
aster	1711490047 using!! Report Comment
☼ kkkops ☼	1711481075 Usandoo!! Report Comment
caspr :3	1711420116 using !!! Report Comment
Morrowseer	1711319093 using!! Report Comment
Arielle is cool	1711256491 so epic!!!! am use Report Comment
wonka :p	1711219167 might use, thiz is beautiful!! Report Comment
.k4tana	1711170573 might use !! <3 Report Comment
Hyba_:)	1711149242 might use this thankz :) Report Comment
MADDY!!!	1711123980 using! Report Comment
4yd3n :3	1710699558 Using :3 Report Comment
Stickman_LR	1710612950 using this :))) Report Comment