The Wiggles Racing To The Rainbow Layout

Tags: the wiggles, 2006, rainbow, scenecore
Description:

This is like the the Rainbow Dash layout by Alex the bat but with The Wiggles
Preview:

click on the image for a larger preview
Code:

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

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

<style>
/* Transparent Lite by Twilight Sparkle! https://spacehey.com/twilight */
/* Please keep the credit and don't take credit yourself! Even if you change it, leave a mention of the base you used, all I ask (and politely, I can't stop you anyway) */
body{
  background-image:url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/287d91d4-1d3a-4493-a988-4720faa9ca1e/dfcojgv-651d4289-dc02-41d7-9167-e8a8ff470b96.png/v1/fill/w_1024,h_576,q_80,strp/racing_to_the_rainbow_background_by_disneyfanwithautism_dfcojgv-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTc2IiwicGF0aCI6IlwvZlwvMjg3ZDkxZDQtMWQzYS00NDkzLWE5ODgtNDcyMGZhYTljYTFlXC9kZmNvamd2LTY1MWQ0Mjg5LWRjMDItNDFkNy05MTY3LWU4YThmZjQ3MGI5Ni5wbmciLCJ3aWR0aCI6Ijw9MTAyNCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.GfCLNGMD4UImb0NBWskMEI3mfr2_0N3AeeJ4a3tZ58U); /* put your background URL here */
  background-attachment:fixed;background-size:cover; /* remove this line if you want it to tile */
}

:root {
    --logo-blue: rgba(29, 78, 216, 0.4); /* Change some stuff so it's transparent or works on transparency */
    --light-orange: transparent;
    --dark-orange: black;
    font-size-adjust: .6; /* slightly bigger/better font */
}

nav .links {
    background-color: rgba(96, 165, 250, .4); /* navbar transparency */
}

#q,
footer {
    background: 0 0; /* footer transparency */
    color: #fff;
}

footer {
    padding: 0; /* closer footer */
}

footer .links li:not(:last-child)::after,
nav .links li:not(:last-child)::after {
    color: #fff; /* make the bars between nav items white */
}

#q {
    border: 0;
    outline: 0;
    border-bottom: 1px solid #000; /* better search bar */
}

button {
    border: none; /* more better search bar */
}

.comments-table td:first-child {
    width: 20%; /* authors do not need to be that big, goodnight */
}</style>
    }

<style>
    .profile {
       
 
 background-image: url('https://64.media.tumblr.com/ab04a18657d499866b306298ec692960/f92836da151133e1-c4/s250x400/717bea995e5aec3330b637626e1befbcf1265923.gifv') !important;
    }
</style>

<style>
    .top{
        
    background-image: url('https://64.media.tumblr.com/203a0fc3b5fbfec3337c506913cace2c/3e688e0a4e49f40b-fd/s500x750/f84af06a3107801d8d9f0ab8b7636850f86c4ffd.gifv') !important;
    background-attachment: FIXED !important;
        
    }
</style>

<style>
    .links{
        
  
    background-image: url('https://64.media.tumblr.com/592132088101752fdf9f0f0e3ab45fb5/tumblr_pggqryRLDb1stvqc1_640.gifv') !important;
        
    }
</style>

<style>
    .top input{
        
    background-color: cyan !important;
        
    }
</style>

<style>
    h1{
    background-image: url('https://64.media.tumblr.com/487277155c4c61543517cfd42f9b8924/c64263a24758dcd0-88/s400x600/f5bb65085f23d496ef7e6bfc4ad1d977d09f2ff3.gifv') !important;
    
    }
</style>


<style>
    .contact{

    background-image: url('https://64.media.tumblr.com/d1418974800e98adee0b6b969e6def22/d91b5185931cc1d9-17/s500x750/7ca6573feace6d85dd57915f74db1e22dcfbe145.gifv') !important;
    
    }
</style>

<style>
   
    .profile .details-table td{
        
    background-image: url('https://64.media.tumblr.com/0ba28b69fce55233f7188c549332aaf6/b8dfc2b34c74ec17-15/s640x960/bac4dcc618e0409e63efb18c6afcf39462665c49.gifv') !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT !important;
    background-position: RIGHT  !important;
        
    }
</style>




<style>
    .blurbs{
    
    color: cyan !important;
    
        
    }
</style>

<style>
    .friends{
        
   
    background-image: url('https://64.media.tumblr.com/db12bcab036a956e1c18ae1446be549b/a9a7b22fe52104c2-bd/s500x750/96117ba3457f2fcada47519b9c02d788ad182ea7.gifv') !important;

        
    }
</style>

<style>
    .comments-table td{
        
   
    background-image: url('https://64.media.tumblr.com/9854edd1b3546f6d6f058155e82d6dcc/cb985222739d7ddd-0f/s250x400/ce2a52a0d9983625d31670218a2de67bfafab3f2.gifv') !important;

    }
</style>

<style>
    footer{
        
    background-color: black !important;
 
    }
</style>

<style>h1{color: white !important;}</style>


<style>
@import url("https://fonts.googleapis.com/css?family=Creepster");

.w-40 h1{
font-family: Creepster;
font-size: 40px;
text-align: center;
background: -webkit-linear-gradient(#000000, #DDDDDD);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px black;
}
</style>




<style>
/* background of the page (i.e. left and right of your profile) */
body {
  background-color: white;
  border: 1px solid black;
}

/* 😜your profile itself. main does not encompass the header/footer, which I prefer to leave alone */
main {
  background-color: #333;
  color: #00FFEF;
}

/* links within main. --green is a variable from spacehey's own CSS */
main a {
  color: var(--green);
}

/* color/style of borders around tables on the left */
.profile .contact, .profile .table-section, .profile .url-info {
  border: 1px solid white;
}

/* colors for the table headings on the left */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #444;
  color: white;
}

/* colors for table cell background (by default spacehey has a separate color for :first-child) */
.profile .table-section .details-table td {
  background-color: #333;
  color: white ;
}

/* headings on the right */
.profile .blurbs .heading, .profile .friends .heading {
  background-color: #444;
  color: cyan;
}
</style>

<style>
.profile .friends .comments-table td {
  background-color: cyan;
}
</style>

<style>h1, h2, h3, h4, h5, p {padding-left:5px !important;} </style>

<style>
    .top{
        
border: 1px solid black !important;        

    }
</style>

<style>
    .logo{
        
border: 1px solid red !important;   
        
    }
</style>

<style>
    button{

border: 1px solid black !important;   
        
    }
</style>

<style>.online{content: url("https://64.media.tumblr.com/5e1eb00699e39ef310e1bb2d25e8520c/87566138dacda4d1-2f/s100x200/a60b952d7543f27645df0c418fcc9b5eb8eb5876.gifv") !important;}</style>

<style>.logo{content: url(https://64.media.tumblr.com/423c4953c52f1951928c4015a194f348/e1d41674b540a28d-90/s400x600/fefca97f6a25f599c473d70b0bcb47666e65f34c.pnj);width: 165px !important;height: 42px !important;}</style>

<style>li.active .icon { content:url('https://64.media.tumblr.com/8ed5ae4c74f238e1eb0092d5a438241a/74e3a4f2f60c0e4d-9f/s75x75_c1/b50422b0f6b42dcf65e18e7038d585bbfac89503.gifv'); width: XXXPX;height: XXXpx;}</style>

<style>.profile{
        
    direction: rtl;
    
    }
    .blurbs{
    
    direction: ltr;
        
    }
    .blog-preview{
        
    direction: ltr;
        
    }
    .friends{
    
    direction: ltr;
        
    }
    .general-info{
        
    direction: ltr;
        
    }
    .contact{
        
    direction: ltr;
    
    }
    .url-info{
        
    direction: ltr;
        
    }
    .details-table{
        
    direction: ltr;
        
    }
    .profile .table-section .heading{
    
    direction: ltr;
        
    }
    .details p{

    direction: ltr;

   }
   .mood{

       direction: ltr;

   }
</style>

<style>
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://angeliagiam.wordpress.com/wp-content/uploads/2008/08/wiggle.jpg?w=640');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>


<style>
body:before {

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


<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;"><img src="https://64.media.tumblr.com/edb56af100e94b31e245c0c0fc152a9f/850717e5ab266077-c5/s250x400/331024a1147e05644af5aef36c681d5967ad4577.gifv"/> <!-- (c) Layout created by Alex the bat (https://layouts.spacehey.com/layout?id=85111) -->

<style>

body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://64.media.tumblr.com/20eec130ddc4dffc89b32ce6c41b6f3a/149e9857825d19b0-4f/s640x960/593b28a70f8448484add4d9b535dfc3004941099.gifv');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>

<style>* {cursor: url(https://i.postimg.cc/C1Y9f85D/2024-01-11-00w-Kleki.png ), auto;}</style>
<style>A:hover{cursor: url("https://i.postimg.cc/sgGFFybB/2024-01-11-00u-Kleki.png "), auto;}
</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 1 of 1 comments ( View all | Add Comment )
Alex the bat
1739905787
Ty for mentioning me as the author of that one layout , this is actually cute🙏
Report Comment