Shadow the Hedgehog Layout

Tags: shadow, red, black, gif, layout, sonic, layouts, simple, shadow the hedgehog

Description:

This is a Shadow the Hedgehog inspired layout. It also includes a custom Shadow cursor not shown in the image.

Anyone can feel free to use for their profile. However, please do not repost this layout as your own or remove the credit. Thank you.

Preview:

click on the image for a larger preview

Code:

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

<style>

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

body{
background-image:url(https://images4.imagebam.com/f3/02/4c/MEAVZ8T_o.png);
height: 100%;
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}

.container{
margin: 0 auto;
width: 70%;
}

main{
background: transparent;
}

p{
color: white;
}

nav .top{
background-color: transparent;
margin: 1em 0;
}

nav .links{
background: rgb(255,0,0);
background: linear-gradient(0deg, rgba(255,0,0,0.5) 0%, rgba(122,0,0,0.5) 18%, rgba(59,0,0,0.5) 38%, rgba(32,0,0,0.7) 62%, rgba(27,0,0,0.9) 83%, rgba(0,0,0,1) 100%);
border: 1px solid red;
box-shadow: inset 0px 0px 5px red;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 1em 0;
}

nav .links li::after{
display: none;
}

.profile h1{
font-family: 'Iceland', cursive;
color: white;
font-size: 50px;
text-shadow: 0px 0px 5px red;
}

.profile .general-about{
display: flex;
flex-wrap: wrap;
padding: 1em;
color: white;
text-shadow: 2px 3px 5px black;
}

.profile-pic img{
border: 2px solid white;
box-shadow: 0px 0px 10px red;
}

.online{
color: white;
font-family: 'Iceland', cursive;
text-shadow: 0px 0px 5px red;
font-size: 40px;
}

.online img{
content: url(https://static.wikia.nocookie.net/animal-jam-clans-1/images/7/79/1531687548187_%283%29.gif/revision/latest?cb=20190106012426);
}

.profile .profile-info{
color: white;
text-shadow: 2px 3px 5px black;
background: rgb(255,0,0);
background: linear-gradient(0deg, rgba(255,0,0,0.5) 0%, rgba(122,0,0,0.5) 18%, rgba(59,0,0,0.5) 38%, rgba(32,0,0,0.7) 62%, rgba(27,0,0,0.9) 83%, rgba(0,0,0,1) 100%);
border: 1px solid red;
box-shadow: inset 0px 0px 5px red;
}

</style>

<div class="credit"><a href="https://spacehey.com/beefstew">Layout Made By BEEFSTEW</a></div>

<style>

.profile .contact .heading,
.profile .table-section .heading{
font-family: 'Iceland', cursive;
font-size: 30px;
background-color: transparent;
color: white;
text-shadow: 2px 3px 5px red;
}

.profile .contact, 
.profile .table-section,
.profile .url-info{
background: rgb(255,0,0);
background: linear-gradient(0deg, rgba(255,0,0,0.5) 0%, rgba(122,0,0,0.5) 18%, rgba(59,0,0,0.5) 38%, rgba(32,0,0,0.7) 62%, rgba(27,0,0,0.9) 83%, rgba(0,0,0,1) 100%);
border: 1px solid red;
box-shadow: inset 0px 0px 5px red;
}

table.details-table td {
background-color: transparent !important;
color: white !important;
text-shadow: 2px 3px 5px black;
}

.profile .mood{
color: white;
text-shadow: 2px 3px 5px black;
}

.profile .url-info{
color: white;
text-shadow: 2px 3px 5px black;
}

.profile .blog-preview{
color: white;
text-shadow: 2px 3px 5px black;
}

.profile .blurbs .heading,
.profile .friends .heading{
font-family: 'Iceland', cursive;
font-size: 30px;
background-color: transparent;
color: white;
text-shadow: 2px 3px 5px red;
}

.profile .blurbs,
.profile .friends{
background: rgb(255,0,0);
background: linear-gradient(0deg, rgba(255,0,0,0.5) 0%, rgba(122,0,0,0.5) 18%, rgba(59,0,0,0.5) 38%, rgba(32,0,0,0.7) 62%, rgba(27,0,0,0.9) 83%, rgba(0,0,0,1) 100%);
border: 1px solid red;
box-shadow: inset 0px 0px 5px red;
}

.profile .blurbs .section h4{
color: #FFD826;
text-shadow: 2px 3px 5px black;
padding: 1em 0;
}

.profile .blurbs p{
color: white;
text-shadow: 2px 3px 5px black;
}

.profile .friends .friends-grid p{
color: white;
text-shadow: 2px 3px 5px black;
}

.profile .friends p b{
color: #FFD826;
text-shadow: 2px 3px 5px black;
}

.count{
color: red;
text-shadow: 2px 3px 5px black;
}

.profile .comments-table{
border: none;
color: white;
background-color: transparent;
box-shadow: 0px 0px 10px white;
margin: .5em 0;
}

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

footer{
background-color: transparent;
margin: 1em 0;
color: white;
}

a{
color: red;
text-shadow: 2px 3px 5px black;
}

a:visited {
color: red;
text-shadow: 2px 3px 5px black;
text-decoration: none;
}

a:hover {
color: white;
}

nav .links a:hover{
color: red;
}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/games/gam-1/gam86.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2006/03/31/gam86.html" target="_blank" title="Shadow the Hedgehog - Sonic Heroes"><img src="https://cur.cursors-4u.net/cursor.png" alt="Shadow the Hedgehog - Sonic Heroes" style="position:absolute; top: 0px; right: 0px;"/></a>

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

ONION_PANIKC	1711033894 using!! loving it ^^ Report Comment
Robyn :3	1708356970 USING Report Comment
Aspen	1708339099 using :33 Report Comment
☆ clayy	1707683643 usingg!! Report Comment
bancho	1707236721 USING Report Comment
Shadow !!	1706657375 Using!!!! Report Comment
Exoox	1706404196 usinggg Report Comment
enanan	1703151719 using! Report Comment
ASTRO	1700848331 might use Report Comment
Ezra	1698841308 using maybe Report Comment
🖤STORMY HEART !!🌪️	1697529530 Using!! Report Comment
pathos!	1690254346 using, giving u credit <3 Report Comment
Domino	1684358982 So cool!! could you make a tails or Silver one??(─‿‿─) Report Comment
C♡LI	1677735777 might use :) Report Comment
☆$l33z3 L@w33z🕱	1660717731 I love this one! Thank you so much for adding this layout! I will be using this one! This is one of the few I feel like fit best of what I want my profile to look like! Shout out to any Shadow The Hedgehog fans! Report Comment i'll be using this one! thx!!! by coffin.milk; 1674346514; Report