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 Venom Boy (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 409 comments ( View all | Add Comment )

nuclear_smash	1759791488 using!! Report Comment
..haru..	1759445030 using the cats !! Report Comment
neptune	1758778614 usingg Report Comment
Memory	1756690405 using Report Comment
Mirrvxs X3	1755316823 Using!! Report Comment
K4SP3R XD	1754971015 usingg!! :3 Report Comment
cosmicfox1235	1754961796 am using Report Comment
gumbyenby	1754633903 using <3 Report Comment
jayjay	1754064553 Using Report Comment
MrCat	1752770732 Using Report Comment
Stupid_EmiXD	1752561006 Using!! :3 Report Comment
†EVAN†	1751697553 Using!! Report Comment
areea :3	1751276519 usingg!! Report Comment
xXAusomeDog123Xx	1749951988 Using! Report Comment
M@V3R1CK	1749059416 useing! Report Comment
Autumn	1748799372 using! <3 Report Comment
Inspecteur	1748089437 useing Report Comment
Inspecteur	1748089402 usingg Report Comment
Socks :3	1748087970 using dansing catss Report Comment
brainsdotio	1746850967 using the kitties :) Report Comment