MY layout rainbowcore scene black

Tags:
Description:

slin kee :)
ALTERNATE FORMAT CODE FOR GENERAL, INTERESTS AND MUSIC INFO:
*insert images, text, blinkies, gifs here*
alt="CLICK NOW!!"/> }
⠀
http://www.rw-designer.com/cursor-view/137152.png
.profile-pic > img { display:none; } .profile-pic:after { background-image: url("https://media.tenor.com/3Afx4ADd7noAAAAM/rainbow-webcore.gif"); display: inline-block; content:"" } .blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 130px; height: 130px; } /* blogs, bulletins */ .general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */
Code:

<!-- (c) Layout created by un❕k⨂rn (https://layouts.spacehey.com/layout?id=89497) -->

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

<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://media.tenor.com/OtbfGeKKty8AAAAd/fluttershy-mlp-fluttershy.gif"); display: inline-block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */ 
</style>

<!-- (c) Layout created by saahturno (https://layouts.spacehey.com/layout?id=88878) -->
<!-- (c) Layout created by Xx_g4rf13ld_xX (https://layouts.spacehey.com/layout?id=86249) -->

<marquee behavior="scroll" direction="left"><img width="100" height="108" src="https://external-media.spacehey.net/media/sX00vjBhuxw2nDrcJYmLTcVL_6vZfy4t-h3BPO0I9An0=/https://i.pinimg.com/originals/43/af/e1/43afe15c941bdca3fc7f9dc23bd562e4.gif" alt="slin kee :)"/></marquee>
<style>
@keyframes hoverrainbow {
  from {
    filter: saturate(300%) hue-rotate(0deg);
  }
  to {
    filter: saturate(300%) hue-rotate(360deg);
  }
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

@keyframes hoverEffects {
  from {
    filter: saturate(150%) hue-rotate(0deg);
    transform: translate(1px, 1px) rotate(0deg);
  }
  to {
    filter: saturate(150%) hue-rotate(360deg);
    transform: translate(1px, -2px) rotate(-1deg);
  }
}

main img:hover {
  animation: 1s hoverrainbow, 0.8s shake, 1s hoverEffects;
  animation-iteration-count: infinite;
}
</style>

<img src="https://64.media.tumblr.com/730b3db66b7ad52aa9c610211eceb767/3e688e0a4e49f40b-70/s640x960/734b8575e126fa086c1a362f98a5170d02a896c9.gifv"/>
<div style="width: 400px; height: 120px; background-color: none ; border-color: #black; border-width: 0px; border-style: ; color: #000000; font-size: 11px; overflow: auto;"><p> 
<a href="https://youtu.be/dQw4w9WgXcQ?si=GdJcB5gOoYFKpWXC"><img src="https://i.postimg.cc/5yDD4RqL/IMG-0467.jpg" alt="CLICK NOW!!"/></a>
</p></div>



ALTERNATE FORMAT CODE FOR GENERAL, INTERESTS AND MUSIC INFO:

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

<div style="width: 210px; height: 120px; background-color: none ; border-color: #black; border-width: 0px; border-style: dotted; color: #000000; font-size: 11px; overflow: auto;"><p> 

*insert images, text, blinkies, gifs here*

</p></div>

 alt="CLICK NOW!!"/&gt;


}
<style>
@keyframes flying-santa{
from{ left:-400px; }
to{ left:calc(100% + 20px); }
}
#santa{
position: fixed;
left: -400px;
top: 200px;
width: 130px;
animation: flying-santa 5s infinite linear;
pointer-events: none;
}
</style>
<img id="santa" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/a9b1f597-88c9-47e4-884e-ff91cb45746f/d5ikt2g-9260ecb8-ebbe-4193-a472-cd91cf9c579c.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2E5YjFmNTk3LTg4YzktNDdlNC04ODRlLWZmOTFjYjQ1NzQ2ZlwvZDVpa3QyZy05MjYwZWNiOC1lYmJlLTQxOTMtYTQ3Mi1jZDkxY2Y5YzU3OWMuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.TclIh_nISIEeJ2Dp1dBap0UTX9FkN8B7xXIC_GOmnQ4"/>⠀
<iframe width="0" height="0" src="https://www.youtube.com/embed/rgiCZwuYc9Y//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://media.tenor.com/w6-qvpCAQzEAAAAC/badboyhalo-skeppy.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 1s 1 normal forwards;

pointer-events: none;}
 
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>

<style>* {cursor: url(http://www.rw-designer.com/cursor-view/161616.png), auto !important;}</style><a href="http://www.rw-designer.com/cursor-view/137152.png" target="_blank" title="http://www.rw-designer.com/cursor-view/137152.png"><img src="https://cur.cursors-4u.net/cursor.png" alt="http://www.rw-designer.com/cursor-view/137152.png" style="position:absolute; top: 0px; right: 0px;"/></a>



.profile-pic &gt; img { display:none; }
.profile-pic:after { background-image: url("https://media.tenor.com/3Afx4ADd7noAAAAM/rainbow-webcore.gif"); display: inline-block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 130px; height: 130px; } /* blogs, bulletins */
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */ 


<!-- (c) Layout created by ɟ₀ⅹ₁ⅹ🕳 (https://layouts.spacehey.com/layout?id=89281) -->
<style>@keyframes rainbowAnimation {
0% { border-color: #FF0000; box-shadow: 0 0 5px #FF0000, 0 0 10px #FF0000, inset 0 0 5px #FF0000, inset 0 0 10px #FF0000; }
12.5% { border-color: #FA9907; box-shadow: 0 0 5px #FA9907, 0 0 10px #FA9907, inset 0 0 5px #FA9907, inset 0 0 10px #FA9907; }
25% { border-color: #FFFF00; box-shadow: 0 0 5px #FFFF00, 0 0 10px #FFFF00, inset 0 0 5px #FFFF00, inset 0 0 10px #FFFF00; }
37.5% { border-color: #00FF00; box-shadow: 0 0 5px #00FF00, 0 0 10px #00FF00, inset 0 0 5px #00FF00, inset 0 0 10px #00FF00; }
50% { border-color: #00FFFF; box-shadow: 0 0 5px #00FFFF, 0 0 10px #00FFFF, inset 0 0 5px #00FFFF, inset 0 0 10px #00FFFF; }
62.5% { border-color: #0000FF; box-shadow: 0 0 5px #0000FF, 0 0 10px #0000FF, inset 0 0 5px #0000FF, inset 0 0 10px #0000FF; }
75% { border-color: #7800FF; box-shadow: 0 0 5px #7800FF, 0 0 10px #7800FF, inset 0 0 5px #7800FF, inset 0 0 10px #7800FF; }
87.5% { border-color: #FF00FF; box-shadow: 0 0 5px #FF00FF, 0 0 10px #FF00FF, inset 0 0 5px #FF00FF, inset 0 0 10px #FF00FF; }
100% { border-color: #FF0000; box-shadow: 0 0 5px #FF0000, 0 0 10px #FF0000, inset 0 0 5px #FF0000, inset 0 0 10px #FF0000; }
}
nav img.logo {
 
 content:url("https://media.discordapp.net/attachments/857624184989679626/1106952619576000602/450_Sem_Titulo_20230513113402.png");
    }

<style>
}
nav .top div {
    display: inline-block;
    vertical-align: top;
}
* {
   
}
* {
    box-sizing: border-box;
}
user agent stylesheet
div {
    display: block;
}
nav, nav .links a {
    color: #000000;
}
nav {
    color: black;
    font-size: 72%;
    font-size: max(72%, 12px);
}
body {
    background-image: url('https://steamuserimages-a.akamaihd.net/ugc/931551196253772421/208C371B8E73E667B9955B0CB01CB47E49DFF330/?imw=200&imh=200&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=true');px100px100
    background-color: #;
    background-color: var(--);
   background-size:cover;px100px100
    font-family: verdana, arial, sans-serif, helvetica;
}
:root {
    --black: #000000;
    --black: #000000;
    --black: #000000;
    --black: #000000;
    --black: #000000;
    --black: #000000;
    --lighter-blue: #000000;
    --even-lighter-blue: #000000;
    --lightest-blue: #000000;
    --red: #000000;
    --dark-orange: #000000;
    --light-orange: #000000;
    --even-lighter-orange: #000000;
    --strange-yellow: #000000;
    --green: #000000;
    --light-green: #000000;
    --medium-green: #000000;
    --dark-green: #000000;
    accent-color: #000000;
    accent-color: var(--logo-black);
}
:root {
    --light-gray: #f2f0f0;
    --gray: #e3e3e3;
    --dark-gray: #919191;
    --darker-gray: #545454;
    --logo-blue: #1D4ED8;
    --darker-blue: #1E40AF;
    --lighter-blue: #60A5FA;
    --even-lighter-blue: #BFDBFE;
    --lightest-blue: #DBEAFE;
    --red: #FF0000;
    --dark-orange: #ED0707;
    --light-orange: #f9c56c;
    --even-lighter-orange: #fcdbb8;
    --strange-yellow: #dbae2e;
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #A0C99C;
    --dark-green: #059669;
    accent-color: #1D4ED8;
    accent-color: var(--logo-blue);
}
html {
    line-height: 1.225;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}


.details-table td {
    background: #000000;
    /* background: var(--black); */
    vertical-align: top;animation: rainbowAnimation 2s ease-in-out infinite
animation: rainbowAnimation 2s ease-in-out infinite
}
:root {
    --black: #000000;
    --black: #000000;
    --dark-gray: #000000;
    --darker-gray: #000000;
    --logo-blue: #000000;
    --darker-blue: #000000;
    --lighter-blue: #000000;
    --even-lighter-blue: #000000;
    --lightest-blue: #000000;
    --red: #000000;
    --dark-orange: #000000;
    --light-orange: #000000;
    --even-lighter-orange: #000000;
    --strange-yellow: #000000;
    --green: #000000;
    --light-green: #000000;
    --medium-green: #000000;
    --dark-green: #000000;
    accent-color: #000000;
    accent-color: var(--logo-black);
}
animation: rainbowAnimation 2s ease-in-out infinite
body {



   background: animation: rainbowAnimation 2s ease-in-out infiniteurl(https://64.media.tumblr.com/ae1c6dce8c63a10966a9d9d793c004e9/0a3c464755fde56a-86/s500x750/81de13c79f3459fb6a7dca76b316cd4e9147a1d3.gifv);animation: rainbowAnimation 2s ease-in-out infinite



}



button, input {







    overflow: hidden;







    background: black;animation: rainbowAnimation 2s ease-in-out infinite







    animation: rainbowAnimation 2s ease-in-out infinite;







    color: #000000;
animation: rainbowAnimation 2s ease-in-out infinite






    font-weight: bold;
animation: rainbowAnimation 2s ease-in-out infinite






}







main {














    color: #000000;







    animation: rainbowAnimation 2s ease-in-out infinite;







    padding: 6px 0px;animation: rainbowAnimation 2s ease-in-out infinite







    font-size: 12px;







}















}















.comment-replies {







    padding: 0 5px;







    animation: rainbowAnimation 2s ease-in-out infinite;







    border-radius: 15px;animation: rainbowAnimation 2s ease-in-out infinite







    margin-top: 10px;







}















main::before {







  width: 98%;







  height: 99px;







  display: block;







 







  background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Solid_black.svg/512px-Solid_black.svg.png?20110227150705);animation: rainbowAnimation 2s ease-in-out infinite







  background-position: center;animation: rainbowAnimation 2s ease-in-out infinite







  background-size: cover;animation: rainbowAnimation 2s ease-in-out infinite







  margin-left: auto;







  margin-right: auto;







 animation: rainbowAnimation 2s ease-in-out infinite;







}















a, .profile .friends .person p, p, h2, h3, h4, .count {
animation: rainbowAnimation 2s ease-in-out infinite































  color: rgb(#000000)!important;































}































h1{































   border: 4px solid rgb(#000000)!important;































   border-radius: 6px;































   padding: 5px;































   background-color: rgb(#000000)!important;































   color: rgb(#000000)!important;































   































  























   text-align: center;































}































































h4 {


































  -webkit-background-clip: text;



  -webkit-text-fill-color: transparent;


   text-shadow: none!important;







}

.profile {



background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Solid_black.svg/512px-Solid_black.svg.png?20110227150705);
animation: rainbowAnimation 2s ease-in-out infinite


}



}



}



.profile {


animation: rainbowAnimation 2s ease-in-out infinite
background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Solid_black.svg/512px-Solid_black.svg.png?20110227150705);
animation: rainbowAnimation 2s ease-in-out infinite


}



  </style>

<style>

animation: rainbowAnimation 2s ease-in-out infinite





body {
animation: rainbowAnimation 2s ease-in-out infinite


background-color: black;







}







.logo {



filter: sepia(0%) hue-rotate(0deg) saturate(0);







}



#q, button {



color: #000000;



background-color: black;



border: 1px solid #000000;











}



p, i, b, .count {



color: #000000 !important;







}



a, .profile .friends .person p, .logout-btn {



color: #000000 !important;



text-decoration: underline !important;



background: url(https://cur.glitter-graphics.net/pub/3390/3390323un7ana0wpz.gif);



    -webkit-background-clip: text;



    -webkit-text-fill-color: transparent;



    font-style: normal;







}



.container {



margin: 0 auto 0;



}



.icon {



display: none;



}



nav, nav .links a {



color: #000000;











}



nav .top {



margin-top: 2px;



background: none;



background-color: black;



border: 2px  #000000;



border-bottom: none;







}



nav .links {



background-color: black;



border: 2px  #000000;



background: url(https://cur.glitter-graphics.net/pub/3390/3390323un7ana0wpz.gif);



    -webkit-background-clip: text;



    -webkit-text-fill-color: transparent;



    font-style: normal;



  text-align: center;







}







main {



background: black;



color: #000000;



border-left: 2px  #000000;



border-right: 2px  #000000;



  text-align: center;







}



.heading, .url-info {



color: #000000 !important;



background: none;



background-color:  black!important;



border: 2px solid #000000 !important;



  text-align: center;







}



.inner {



color: #000000 !important;



border: 2px  #000000;



border-top: none;







}



.profile-info {



border: 2px solid #000000;











}



.profile-info .inner {



border: none;



  text-align: center;







}



.friends .inner {



border-bottom: none;











}



#comments {



border-bottom: 2px #000000;







}



.profile .contact, .profile .table-section, .home-actions {



border: none !important;







}











.profile .contact .f-row:first-of-type {



margin-top: 0px;



padding-top: 7px;



}







.profile .blurbs .section h4 {



color: #000000!important;



  text-align: center;







}







.details-table {



margin: 2px;



}







.details-table, td {



border: 1px solid #000000;



border-collapse: collapse;



  text-align: center;







}







td {



color: #000000 !important;







background-color: !important;







} 







table.details-table {



max-width: 98%;



  text-align: center;



}







.general-about .details p:not(.online){



color: #000000 !important;



text-align: center;











}







.general-about .details a{











}







.profile h1 {



font-size: 2em;







    -webkit-background-clip: text;



    -webkit-text-fill-color: transparent;



    font-style: normal;



  text-align: center;







}







footer {



background: black;



border: 2px  #000000;







}



footer p {



color #000000 !important;







}



.comments-table {



border: ;
@keyframes rainbowAnimation {
0% { border-color: #FF0000; box-shadow: 0 0 5px #FF0000, 0 0 10px #FF0000, inset 0 0 5px #FF0000, inset 0 0 10px #FF0000; }
12.5% { border-color: #FA9907; box-shadow: 0 0 5px #FA9907, 0 0 10px #FA9907, inset 0 0 5px #FA9907, inset 0 0 10px #FA9907; }
25% { border-color: #FFFF00; box-shadow: 0 0 5px #FFFF00, 0 0 10px #FFFF00, inset 0 0 5px #FFFF00, inset 0 0 10px #FFFF00; }
37.5% { border-color: #00FF00; box-shadow: 0 0 5px #00FF00, 0 0 10px #00FF00, inset 0 0 5px #00FF00, inset 0 0 10px #00FF00; }
50% { border-color: #00FFFF; box-shadow: 0 0 5px #00FFFF, 0 0 10px #00FFFF, inset 0 0 5px #00FFFF, inset 0 0 10px #00FFFF; }
62.5% { border-color: #0000FF; box-shadow: 0 0 5px #0000FF, 0 0 10px #0000FF, inset 0 0 5px #0000FF, inset 0 0 10px #0000FF; }
75% { border-color: #7800FF; box-shadow: 0 0 5px #7800FF, 0 0 10px #7800FF, inset 0 0 5px #7800FF, inset 0 0 10px #7800FF; }
87.5% { border-color: #FF00FF; box-shadow: 0 0 5px #FF00FF, 0 0 10px #FF00FF, inset 0 0 5px #FF00FF, inset 0 0 10px #FF00FF; }
100% { border-color: #FF0000; box-shadow: 0 0 5px #FF0000, 0 0 10px #FF0000, inset 0 0 5px #FF0000, inset 0 0 10px #FF0000; }
}



border-collapse: collapse;











}



.comment-replies {



border: 1px solid #000000;



margin: 2px;



  text-align: center;







}



nav .info {



background: none;



}







.col, main, footer, nav::before, .online, nav .links, nav .top {







animation: float 4s;







animation-iteration-count: infinite;







animation-timing-function: ease-in-out;







}







.col, main, footer, nav::before, .online, nav .links, nav .top {







animation: float 4s;







animation-iteration-count: infinite;







animation-timing-function: ease-in-out;







}







@keyframes float {







0% { transform: translate(0, 0px);







}







50% {







transform: translate(0, 8px);







}







100% {







transform: translate(0, -0px);







}











</style>







<style>






}



</style>







<style>







/*SPACES BETWEEN LINKS*/







nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{







    content: " _";







    color: black}







</style>







<style>







.pfp-fallback, .row.profile {



   border: 2px # !important;



}



</style>







<style>



@keyframes spin{



  from{ transform:rotate(0deg); }



  to{ transform:rotate(0deg); }



}



</style>







<style>



@keyframes spin{



  from{ transform:rotate(0deg); }



  to{ transform:rotate(-360deg); }



}



.general-about .profile-pic img{



  border-radius: 50%;



</style>







<style>* {cursor: url(http://www.rw-designer.com/cursor-view/136785.png), auto;}</style><a href="" target="_blank" title="badboyhalo"><img src="https://cur.cursors-4u.net/cursor.png" alt="" style="position:absolute; top: 0px; right: 0px;"/></a>







<style>



  .logo {







</style>







<style>







</style>







<style>



/* contact icons */



.contact .inner a img {



font-size: 0;



}



.contact .inner a img:before {animation: rainbowAnimation 2s ease-in-out infinite



font-size: 1em;



display: block



}



.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {



/* add to friends */



content: "✩"



}



.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {



/* add to favorite */



content: "✩"



}



.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {



/* send a message */



content: "✩"



}



.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {



/* foward to friend*/



content: "✩"



}



.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {



/* instant message */



content: "✩"



}



.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {



/* block user */



content: "✩"



}



.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {



/* add 2 group  */



content: "✩"



}



.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {



/* report */



content: "✩"

}  





</style>
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 0 of 0 comments ( View all | Add Comment )