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

ASTRO	1700848331 might use Report Comment
anchonvee	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