Sonic Riders Zero Gravity

Tags: sonic the hedgehog, sonic, sonic riders, sonic riders zero gravity, riders zg, zero gravity

Description:

A theme based on Sonic Riders Zero Gravity's menus. Unfortunately I have no idea how to get outlined text with gradients in it, so that's the only thing missing for this theme. Also I finally fixed my white profile background issue so my future layouts probably won't have it. Just credit me if you use it!

Preview:

click on the image for a larger preview

Code:

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

<style>
/* font */
p {
  font-family: 'Helvetica', sans-serif;
  font-size: 130%;
  color: white;
  text-shadow: 1px 1px 3px black;
}
h1,h2,h3,h4,h5 {
  font-family: 'Helvetica', sans-serif;
  font-size: 180%;  
}
/* wallpaper */
body {
   background-image: url('https://media.discordapp.net/attachments/407220400578101257/965901609299247154/91a1fc502d2f6ce3b0ddc73bdcda8129e9b6eab3_s2_n1.png');
}
/* profile color */
main {
    background-image: url('https://cdn.discordapp.com/attachments/407220400578101257/965918506958860348/the_grid.png'), linear-gradient(90deg, #131421 0%, #050C77 25%); 
    background-size: 1900px;
    box-shadow: 2px 2px 2px black;
    background-color: black;
}

/* Profile name color */
.profile h1 {
    border-radius: 6px;
    border: 2px solid #00ffff;
    outline: 2px solid black;
    padding: 4px;
    background-image: linear-gradient(180deg, #07e0e7 0%, transparent 35%, transparent 50%, transparent 75%, #07e0e7 100%);
    -webkit-text-fill-color: #00feff;
    -webkit-text-stroke-width: 1.2px;
    -webkit-text-stroke-color: #007ffe;
    font-size: 180%;  
}
a, .count {
    -webkit-text-fill-color: #F8F8F8;
    -webkit-text-stroke-color: #8D8D8D;
    -webkit-text-stroke-width: 1px;
}
/* Header colors */
.profile .blurbs .heading, .profile .contact .heading, 
.profile .table-section .heading, .profile .friends .heading,
 DIV.blog-preview > H4 {
    border-radius: 6px;
    border: 2px solid #E6E6EF;
    outline: 2px solid black;
    padding: 4px;
    background-image: linear-gradient(180deg, #E6E6EF 0%, transparent 35%, transparent 50%, transparent 75%, #E6E6EF 100%);
    -webkit-text-fill-color: #E6E6EF;
    -webkit-text-stroke-width: 1.2px;
    -webkit-text-stroke-color: #007ffe;
    box-shadow: 2px 4px 4px black;
}
/* Friend username color */
.profile .friends .person p {
    color: white;
}
/* Image border */
.profile .friends .person img:not(.icon), .general-about .profile-pic img, .comments-table img {
    border-radius: 12px;
    border: 2px solid black;
}
/* That box on the bottom, dunno what it's called */
footer {
    outline: 2px solid #42c0c7;
    border: 2px solid black;
    border-radius: 32px;
    background: #42c0c7;
    font-weight: bold;
    text-shadow: 1px 1px 3px black;
    opacity: 0.6;
}
/* The spacehey banner */
nav .top
{
    color: white;
    border: 2px solid black;
    background-image: linear-gradient(180deg, #001f65 0%, #000000 55%, #001f65 100%);
}
/* Green squares */
table.details-table,
DIV.contact > DIV.inner,
.profile .blurbs .inner,
.profile .friends .inner {
    border: 4px solid #007480;
    background-image: linear-gradient(90deg, #031434 0%, transparent 100%);
    color: white;
    text-shadow: 1px 1px 3px black;
}
.profile .url-info {
    border: 4px solid #007480;
    outline: 2px solid #FAFFFF;
    border-radius: 15px;
    background-image: linear-gradient(90deg, #031434 0%, transparent 100%);
}
:root {
    --darker-blue: white;
    --lighter-blue: black;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: white;
    --light-orange: ;
    --even-lighter-orange: ;
}
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
content: ;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
content: ;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
content: ;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
content: ;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
content: ;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
content: ;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
content: ;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
content: ; 
}  
</style>

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

Xx_BunnyBoy2001_xX	1715267593 The background images aren’t loading after I apply this layout. Report Comment
DIAMO	1711576116 Using! Report Comment
marathehedgehog	1707994798 using It! Report Comment
Robertx_3413	1707578223 si Report Comment
IVY	1706322472 USING!!!!!! Report Comment
Jeremías	1706114417 Usando Report Comment
Jongro	1704534900 using, ty!! Report Comment
sas	1692471553 use! ty!! Report Comment
sn4i1z	1689394217 ITS GREAT Report Comment
JonjonIDK	1687410351 using fr Report Comment
prowerr	1686606414 using tysm Report Comment same by djlordenvy; 1686663645; Report
Razputin	1679885661 Using <3 I love it Report Comment
Nalu	1677477398 using Report Comment
elian	1677371450 saving this Report Comment
plutonic	1665443492 tysm bro ily fr Report Comment
!!Kasey!!	1651481950 I really love this, totally using it if it fits with any Metal Sonic pfp I can find Report Comment