Super Mario theme

Tags:

Description:

If you like super mario, here ya go, do as you wish with it all I ask is you leave a comment, kudos or whatever floats ya boat don't care THAT much tbh.

Credit a homie at the least tho

Preview:

click on the image for a larger preview

Code:

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

<!-- made by LuciDaNoob -->
<style>
/* font stuffs */
@import url(//db.onlinewebfonts.com/c/6c02f15fdbc9dd7c482b52b06d8e0a6c?family=Super+Mario+256);
@font-face {font-family: "Super Mario 256"; src: url("//db.onlinewebfonts.com/t/6c02f15fdbc9dd7c482b52b06d8e0a6c.eot"); src: url("//db.onlinewebfonts.com/t/6c02f15fdbc9dd7c482b52b06d8e0a6c.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/6c02f15fdbc9dd7c482b52b06d8e0a6c.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/6c02f15fdbc9dd7c482b52b06d8e0a6c.woff") format("woff"), url("//db.onlinewebfonts.com/t/6c02f15fdbc9dd7c482b52b06d8e0a6c.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/6c02f15fdbc9dd7c482b52b06d8e0a6c.svg#Super Mario 256") format("svg"); }

        
        *{
        font-family: 'Super Mario 256';
        color: #fbd000!important;
		text-shadow: 8px 8px 10px black;
		font-size: 15px;
                letter-spacing: 3px;
          }
			nav .top { /*for the spacehey tab at the top*/
            background-color: #049CD8!important;
			background:url(https://i.pinimg.com/originals/76/2a/62/762a622e30d20d69077908208140b3ce.png);
			background-size: 100px 80px;
			background-repeat: repeat;
            border-collapse:separate;
            border: 0px !important;
            border-radius:20px;
            -moz-border-radius:20px;
	    }
        ul  { /*for the links in the header and footer*/
            background-color: #E52521!important;
			background:url(https://i.pinimg.com/originals/76/2a/62/762a622e30d20d69077908208140b3ce.png);
			background-size: 40px 40px;
			background-repeat: repeat;
            color: white!important;
            font-size: 20px;
            border-collapse:separate;
            border: 0px !important;
            border-radius:20px;
            -moz-border-radius:20px;
        }
       
 body { /*main background stuff*/
            background-image: url(https://i1.wp.com/www.coryarcangel.com/images/artwork/arcangel-super-mario-clouds.gif); /* URL for the background image of the page */
            background-repeat: repeat;
            background-position: center, center;
            background-color: #101010;
        }
        main { /*background for all the info on your page*/
            background-color: #43b047!important;
            border-collapse: collapse;
			background-image: URL(https://64.media.tumblr.com/tumblr_m6vkiagblQ1qbf1hao1_500.gifv);
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
            border: 0px!important;
            border-radius:20px;
            -moz-border-radius:20px;
        }
        .contact { /* Contact info*/
            background-color: #303030cc!important;
            border-collapse:separate;
            border:solid black 1px !important;
            border-radius:12px;
            -moz-border-radius:12px;
        }
        .contact .heading { /*contact info title*/
            background-color: #101010cc!important;
            border-collapse:separate;
            border: 0px !important;
            border-radius:12px;
            -moz-border-radius:12px;
        }
        .url-info { /*links*/
            border-collapse:separate;
            border:solid black 1px !important;
            border-radius:20px;
            -moz-border-radius:20px;
        }
        .table-section { /*interests*/
<!-- made by LuciDaNoob -->
<style>
/* font stuffs */
@import url(//db.onlinewebfonts.com/c/6c02f15fdbc9dd7c482b52b06d8e0a6c?family=Super+Mario+256);
@font-face {font-family: "Super Mario 256"; src: url("//db.onlinewebfonts.com/t/6c02f15fdbc9dd7c482b52b06d8e0a6c.eot"); src: url("//db.onlinewebfonts.com/t/6c02f15fdbc9dd7c482b52b06d8e0a6c.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/6c02f15fdbc9dd7c482b52b06d8e0a6c.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/6c02f15fdbc9dd7c482b52b06d8e0a6c.woff") format("woff"), url("//db.onlinewebfonts.com/t/6c02f15fdbc9dd7c482b52b06d8e0a6c.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/6c02f15fdbc9dd7c482b52b06d8e0a6c.svg#Super Mario 256") format("svg"); }

        
        *{
        font-family: 'Super Mario 256';
        color: #fbd000!important;
		text-shadow: 10px 10px 15px black;
		font-size: 13px;
                letter-spacing: 5px;
          }
			nav .top { /*for the spacehey tab at the top*/
            background-color: #049CD8!important;
			background:url(https://i.pinimg.com/originals/76/2a/62/762a622e30d20d69077908208140b3ce.png);
			background-size: 100px 80px;
			background-repeat: repeat;
            border-collapse:separate;
            border: 0px !important;
            border-radius:20px;
            -moz-border-radius:20px;
	    }
        ul  { /*for the links in the header and footer*/
            background-color: #E52521!important;
			background:url(https://i.pinimg.com/originals/76/2a/62/762a622e30d20d69077908208140b3ce.png);
			background-size: 40px 40px;
			background-repeat: repeat;
            color: white!important;
            font-size: 20px;
            border-collapse:separate;
            border: 0px !important;
            border-radius:20px;
            -moz-border-radius:20px;
        }
       
 body { /*main background stuff*/
            background-image: url(https://i1.wp.com/www.coryarcangel.com/images/artwork/arcangel-super-mario-clouds.gif); /* URL for the background image of the page */
            background-repeat: repeat;
            background-position: center, center;
            background-color: #101010;
        }
        main { /*background for all the info on your page*/
            background-color: #43b047!important;
            border-collapse: collapse;
			background-image: URL(https://64.media.tumblr.com/tumblr_m6vkiagblQ1qbf1hao1_500.gifv);
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
            border: 0px!important;
            border-radius:20px;
            -moz-border-radius:20px;
        }
        .contact { /* Contact info*/
            background-color: #303030cc!important;
            border-collapse:separate;
            border:solid black 1px !important;
            border-radius:20px;
            -moz-border-radius:20px;
        }
        .contact .heading { /*contact info title*/
            background-color: #101010cc!important;
            border-collapse:separate;
            border: 0px !important;
            border-radius:20px;
            -moz-border-radius:20px;
        }
        .url-info { /*links*/
            border-collapse:separate;
            border:solid black 1px !important;
            border-radius:20px;
            -moz-border-radius:20px;
        }
        .table-section { /*interests*/
            border-collapse:separate;
            border:solid black 1px!important;
            border-radius:20px;
            -moz-border-radius:20px;
        }
        .table-section .heading { /*interests title*/
            background-color: #101010cc!important;
            border-collapse:separate;
            border: 0px !important;
            border-radius:20px;
            -moz-border-radius:12px;
        }
        .table-section .inner .details-table tbody tr td { /*interests tabs*/
            background-color: #151515aa!important;
            border-collapse:separate;
            border: 0px!important;
            border-radius:20px;
            -moz-border-radius:20px;
        }
        .blurbs .heading { /*pretty self explanatory, for the blurbs title*/
            background-color: #aa0000aa!important;
            border-collapse:separate;
            border: 0px!important;
            border-radius:20px;
            -moz-border-radius:20px;
        }
        .friends .heading { /*friends title (also affects the friends comments title)*/
            background-color: #aa0000aa!important;
            border-collapse:separate;
            border: 0px!important;
            border-radius:20px;
            -moz-border-radius:20px;
        }

        .comment-replies { border: 0px solid black;
         background-color: #00000000!important;
}
        

        footer { /*footer of the page*/
            background-color: #00000000!important;
            border-collapse:separate;
            border: 0px!important;
            border-radius:20px;
            -moz-border-radius:20px;
}
 .profile-pic {
        border-radius: 500px;
        overflow: hidden;

        
}
.profile .friends .person img {
        border-radius: 500px;
    }

		.online {content:url("https://nesmaps.com/maps/SuperMarioBrothers/sprites/Mario.gif");
}

:root {
    --light-gray: #f2f0f0;
    --gray: #e3e3e3;
    --darker-gray: #545454;
    --logo-blue: #1D4ED8;
    --darker-blue: #1E40AF;
    --lighter-blue: #60A5FA;
    --even-lighter-blue: #BFDBFE;
    --lightest-blue: #DBEAFE;
    --dark-orange: rgba(239, 68, 68, 0.9);
    --light-orange: rgb(25 20 12 / 60%);
    --even-lighter-orange: #1f1408ad;
    --strange-yellow: #1f1408ad;
    --green: #34D399;
    --dark-green: #059669;
}

button { background-color: #777777!important;}

</style>
<!-- End of Code Have Fun  -->

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

coolkidcody

1679793786

using :))

Report Comment

Coy James

1614180442

is there a way to make it non-animate though?

Report Comment

I'm assuming you mean the backgrounds? I. Used gif images, you can replace them with normal still image's if you want, it should be in the code actually.

by LuciDaNoob; 1614217025; Report

Coy James

1614180267

this is pretty dope. i think i may use this one!

Report Comment