Super Mario Galaxy Layout

Tags: videogames, mario, mario galaxy, blue, space, wii, games

Description:

rules or stuff to take into account before using:

you DON'T have to:

- comment "using"
- add me

you CAN:

- edit this layout however you want
- use this as a base
- reupload edited versions of this layout (but DO credit me if you do!)

it would be pretty cool if:

- you kept the the credits in the code

it isn't strictly necessary either!!

please DON'T:

- claim this layout as yours

that is all i ask LOL go crazy with everything else

if the code is broken or if you have questions my DMs r open! i might take some time to reply tho so be patient. also this is probably very messy, sorry!

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@800&display=swap');

@font-face {
font-family:"SuperMario256";
src:url("https://file.garden/ZDrtGB-J4RNQd5ky/SuperMario256.ttf");
}


@font-face {
font-family:"Delfino";
src:url("https://file.garden/ZDrtGB-J4RNQd5ky/Delfino.otf");
}



body {
background:url("https://media.discordapp.net/attachments/1016795094143209632/1102369325026910372/Untitled2195_20230430200150.png");
background-size: cover;
        background-position: center;
        background-attachment:fixed;
}

.profile .blurbs .inner {
    padding-left:12px;
    padding-right:15px;
    background: rgba(255,255,255,0.5);
    border-radius: 0px 0px 5px 5px;
box-shadow: 0 0 5px #14065F;
border: solid 1px #14065F;
color:#141A5B;
text-align:center;
}

.profile .blurbs .inner h4 {
padding-bottom:10px;
padding-top:10px;
}


.profile h4 {
padding-bottom:3px;
padding-top:3px;
}



.profile .mood {
    padding-top:5px;
    padding-left:8px;
    background:url("https://media.discordapp.net/attachments/1016795094143209632/1102689756493660343/IMG_3438.jpg?width=649&height=406");
background-position:bottom;
    border-radius:3px;
    margin-bottom:10px;
box-shadow: 0 0 5px #14084e;
color:white;
}

.profile .mood p {
filter: drop-shadow(1px 1px 0 #0A0040) drop-shadow(-1px 1px 0 #0A0040) drop-shadow(0 -1px 0 #0A0040) drop-shadow(1px 0 #0A0040);
}

.profile .mood a {
    color:rgb(125,119,154);
}



.profile .friends .inner {
     background-color:rgba(255, 255, 255, 0.4);
    border-radius: 0px 0px 5px 5px;
box-shadow: 0 0 5px #14084e;
border: solid 1px #14084e;
margin-bottom:25px;
}

main .left {
background:rgba(0,0,0,0.3);
color:#768AFA;
}


main {
background:transparent;
}

main p {
font-family: 'Nunito', sans-serif;
font-size:12px;
}

.heading {
background: linear-gradient(180deg, rgba(36,90,175,0.6) 0%, rgba(11,13,61,0.6) 41%, rgba(27,72,143,0.6) 84%)!important;
padding-left:10px;
border-radius:3px;
box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
font-family: delfino;
font-size:14px;
}







.general-about .profile-pic img { 
content:url(https://media.discordapp.net/attachments/1016795094143209632/1102408076075749396/IMG_3431.gif?width=406&height=406);
box-shadow: 1px 2px 3px rgba(0,0,0,0.7);
border-radius:3px;
}

a {
    letter-spacing:normal;
  transition:.3s;
color:white;
}

a:hover {
    letter-spacing:0.5px;
  transition:.3s;
color:white;
}

nav .top {
background:url("https://media.discordapp.net/attachments/1016795094143209632/1102350660709658634/IMG_2989.jpg");
background-position:center;
border-radius:5px 5px 0px 0px;
padding-bottom:22px;
padding-top:22px;
padding-left:50px;
margin-top:25px;
box-shadow: 0px 0px 10px #212974;
}

nav .links {
border-radius: 0px 0px 5px 5px;
padding-top:7px;
padding-bottom:7px;
margin-bottom:8px;
background:rgba(0, 0, 0, 0.45);
border:solid 1px #0D156A;
box-shadow: 0px 0px 10px #212974;
}

footer {
background:transparent;
}


.container main .right {
width: 70%;
max-width: 1050px;
}

.container {
width: 90%;
max-width: 1000px;
}

.logo {
content:url("https://media.discordapp.net/attachments/1016795094143209632/1102352860592742410/Untitled2194.png");
scale:1.5;
}


.contact .inner a {
    font-size: 12px;
filter: drop-shadow(1px 1px 0 #14065F) drop-shadow(-1px 1px 0 #14065F) drop-shadow(0 -1px 0 #14065F) drop-shadow(1px 0 #14065F);
text-shadow: 0px 0px 5px rgba(24, 8, 107, 0.2);
}

.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 15px;
    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 Favorites */
	content: "★"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "★"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward 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 to Group */
	content: "★"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "✦"
}

:root {
    --topic1: "★";  
    --topic2: "General";
    --topic3: "Music";
    --topic4: "Movies & TV";
    --topic5: "Videogames";
    --topic6: "✦";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
   color:var(--links) !important;
   letter-spacing:normal !important;
   text-shadow: 2px 2px #4C5CFF !important; 
}

.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
    content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
    content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
    content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
    content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
    content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
    content: var(--topic6);
}
  

#q, button {
  padding-left:5px;
 padding-right:5px;
color: #4C5CfF;
background-color: black;
border:2px inset #2522B0;
font-family: inherit;
  letter-spacing:normal;
  transition:.3s;
border-radius:5px;
}

#q, button:hover {
  padding-left:5px;
 padding-right:5px;
color: #4C5CfF;
background-color: black;
border:2px inset #2522B0;
font-family: inherit;
  letter-spacing:0.3px;
  transition:.3s;
}


.blurbs .inner .section:first-of-type h4{
	font-size:0;
}
.blurbs .inner .section:first-of-type h4:after{
	content:"★ +  ABOUT ME . . . ";
font-size:.8rem;
}
.blurbs .inner .section:last-of-type h4{
font-size:0;
}
.blurbs .inner .section:last-of-type h4:after{
content:"WHO I´D LIKE TO MEET ☆";
font-size:.8rem;
}


.profile .friends .person p, .logout-btn {
color:#141A5B !important;
}

.profile .friends .person a {
color:#141A5B !important;
}

.heading h4{
  filter: drop-shadow(1px 1px 0 #0A0040) drop-shadow(-1px 1px 0 #0A0040) drop-shadow(0 -1px 0 #0A0040) drop-shadow(1px 0 #0A0040);
color:#ABB8FF;

}


table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;
color:#141A5B !important;

}
.comments-table {
border: none;
border-collapse: collapse;
border: 5px rgba(8,5,22,0);
border-radius: 3px;
}

.comments-table td{
color:#141A5B !important;
background-color: rgba(76,92,255,0) !important;
}


.comments-table td a{
color:#141A5B !important;
}

.blog-preview p {
color:#B3BFFF !important;
}



.profile-info {
display:none;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}


.profile .contact, .profile .table-section, .home-actions {
border: none !important;

}

.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}

.profile .contact .f-row:last-of-type{
    padding-bottom: 7px;
}
.details-table {
margin: 2px;
}
.details-table, td {
background:rgba(76,92,255,0.0844712885154062); !important;
}
 .profile .details-table td {
color: #768AFA;
background-color: rgba(76,92,255,0) !important;;
} 
table.details-table {
max-width: 98%;
}

.url-info{
display:none !important;
}



::-webkit-scrollbar {
  display:none;
}

h4 {
color:#B3BFFF!important;
filter: drop-shadow(1px 1px 0 #0A0040) drop-shadow(-1px 1px 0 #0A0040) drop-shadow(0 -1px 0 #0A0040) drop-shadow(1px 0 #0A0040);
}

.profile h1 {
text-shadow: 2.5px 2px black;
padding-left:7px;
text-align: center;
font-size: 28px;
font-family:"supermario256";
letter-spacing:2px;
color:#ABB8FF;
filter: drop-shadow(1px 1px 0 #0A0040) drop-shadow(-1px 1px 0 #0A0040) drop-shadow(0 -1px 0 #0A0040) drop-shadow(1px 0 #0A0040);
}

.image {
    background: url('https://media.discordapp.net/attachments/1016795094143209632/1102386554376298506/Untitled2197.png') no-repeat;
    background-size: 100%!important;
    position: fixed;
    right: 0px;
    bottom: 0px;
    height: 320px;
    width: 270px;
    z-index: 1000;
    opacity: 1;
    animation:float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

.image2 {
    background: url('https://media.discordapp.net/attachments/1016795094143209632/1102386458553221160/Untitled2196.png') no-repeat;
    background-size: 100%!important;
    position: fixed;
    left: 30px;
    top: 30px;
    height: 320px;
    width: 200px;
    z-index: 1000;
    opacity: 1;
animation:float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@media (max-width: 600px) {
.image{display:none;}
}

@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}


</style>

<div class="image"></div><div class="image2"></div>


<center>
<br/>
<img src="https://media.discordapp.net/attachments/1070091974218092615/1102418515144749156/IMG_3435.gif" width="180px" style="border-radius:5px;box-shadow: 0px 0px 5px #212974;margin-right:5px;"/>
<img src="https://media.discordapp.net/attachments/1070091974218092615/1102696840715042836/IMG_3441.gif" width="180px" style="border-radius:5px;box-shadow: 0px 0px 5px #212974;margin-right:5px;"/>
<img src="https://media.tenor.com/NuOur_EwzggAAAAC/super-mario-galaxy-luma.gif" width="180px" style="border-radius:5px;box-shadow: 0px 0px 5px #212974;"/>
</center>

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.