MKWii Rainbow Road Inspired Layout

Tags: mkwii, mario kart, rainbow, rainbow road, black, pink, blue, yellow

Description:

Hey! This is a Mario Kart Wii Rainbow Road Layout I made while posting was closed.

To use this layout, copy everything in the code box, go to "Edit Profile", then paste everything into your "About Me" section.

All I ask is that you don't change/remove the credit or repost this layout as your own! Thank you and enjoy!

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@500&display=swap');

body{
background-image: url(https://images4.imagebam.com/84/ae/3e/ME5G33W_o.jpg);
background-size: cover;
height: 100%;
background-attachment: fixed;
}

main{
background: rgb(255,251,113);
background: linear-gradient(180deg, rgba(255,251,113,0.5) 0%, rgba(138,255,131,0.5) 34%, rgba(154,155,249,0.7) 69%, rgba(216,109,247,0.9) 89%);
box-shadow: 0px 0px 10px #6FFFE9;
}

p{
color: white;
}

nav .top{
background-color: black;
}

nav .links{
background-image: url(https://images4.imagebam.com/1d/cf/87/ME5G33X_o.png);
background-size: cover;
text-align: center;
}

.profile h1{
font-family: 'Exo 2', sans-serif;
color: white;
text-shadow: 0px 0px 5px white;
font-size: 30px;
text-align: center;
}

.profile .general-about{
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 1em;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #6FFFE9;
text-align: center;
color: white;
}

.profile-pic img{
border: 1px solid white;
border-radius: 100%;
}

.general-about .profile-pic{
margin: 0;
}

.online{
color: #AAFFCE;
font-family: 'Exo 2', sans-serif;
color: white;
text-shadow: 0px 0px 5px white;
font-size: 20px;
text-align: center;
}

.online img{
content: url(https://images4.imagebam.com/b7/89/70/ME5NF1U_o.png);
}

footer{
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #6FFFE9;
color: white;
}

.profile .contact .heading,
.profile .table-section .heading{
background-image: url(https://images4.imagebam.com/1d/cf/87/ME5G33X_o.png);
text-align: center;
color: white;
text-shadow: 1px 1px 0px black;
}

.profile .contact, 
.profile .table-section,
.profile .url-info{
border: none;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #6FFFE9;
margin: .5em 0;
}

.profile .url-info{
color: white;
text-align: center;
}

table.details-table td {
background-color: transparent !important;
color: white !important;
}

.profile .blurbs .heading,
.profile .friends .heading{
background-image: url(https://images4.imagebam.com/1d/cf/87/ME5G33X_o.png);
background-size: cover;
text-align: center;
color: white;
text-shadow: 1px 1px 0px black;
}

.profile .blurbs,
.profile .friends{
border: none;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #6FFFE9;
text-align: center;
color: white;
}

.profile .blurbs .section h4{
color: white;
text-shadow: 1px 1px 0px black;
padding: 1em 0;
}

.profile .profile-info{
color: white;
text-shadow: text-shadow: 1px 1px 0px black;
background-image: url(https://images4.imagebam.com/8b/5f/c9/ME5HDAF_o.png);
background-size: cover;
background-position: center;
}

.profile .blog-preview{
text-align: center;
border: none;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #6FFFE9;
padding: 1em 0;
color: white;
}

.profile .friends .friends-grid p{
color: white;
text-shadow: 0px 0px 3px #6FFFE9;
}

.count{
color: white;
text-shadow: 0px 0px 3px #6FFFE9;
}

.profile .comments-table{
color: white;
text-align: center;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #6FFFE9;
border: none;
}

.profile .comments-table .comment-replies{
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #6FFFE9;
border: none;
color: white;
}

.profile .comments-table td{
background-color: transparent;
color: white;
padding: .5em;
}

a{
color: white;
text-shadow: 0px 0px 3px #6FFFE9;
}

a:visited {
color: white;
text-shadow: 0px 0px 3px #6FFFE9;
text-decoration: none;
}

a:hover {
color: #B0FDFF;
text-decoration: none;
}

a:active {
color: white;
text-decoration: none;
text-shadow: 0px 0px 3px #6FFFE9;
}

nav .links a:hover{
color: #B0FDFF;
text-decoration: none;
text-shadow: 0px 0px 3px #6FFFE9;
}

</style>

<div class="credit"><a href="https://spacehey.com/beefstew">Layout Made By BEEFSTEW</a></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 34 comments ( View all | Add Comment )

tfb213	1728002724 using :DDD Report Comment
HYBR1DTH30RY	1726629937 using Report Comment using again :3 by M3T30RA; 1726860451; Report
Charlie !!	1723682724 Using Report Comment
Roboto	1722820831 using! Report Comment
ZoosellDooflard	1722812378 using Report Comment
Star/Fettuccine	1722401151 Using!!! Report Comment
DE123	1722352992 using! :-) Report Comment
moxxarella!!	1722343955 using :D Report Comment
kokoa ♡	1722192500 Ussingg!! Report Comment
weflourishintostars	1720759019 using Report Comment
Mr.Mario	1717472589 using!! Report Comment
𓏲 ₊˚๑ ꒰ • KYL3 • ꒱ ໑‧₊˚.ꪆ	1717141489 Using! Report Comment
rowan	1712866806 UZ1NG!11 Report Comment
vcka	1709231907 I LOVE THIS Report Comment
chelly	1707371572 using!!! Report Comment
isabella ★⌒ヽ	1703257025 using!! Report Comment
lycantreyski	1702404403 using! this one is sooo cool! :) Report Comment
.𖥔 ݁🌈.ᐟ.ᐟ BRETT	1701038502 using! Report Comment
Antique Scissors	1696825412 Usingguhhh Report Comment
₊ 𓂃 tom ◞	1695080501 using ! Report Comment