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://u.cubeupload.com/SoniKast/img20240709132007.png');
}
/* profile color */
main {
    background-image: url('https://u.cubeupload.com/SoniKast/img20240709132032.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 20 of 27 comments ( View all | Add Comment )

Bozo_2598	1736470257 100% usinf firre Report Comment
cryst	1736280648 usssinngg !!!! Report Comment
Damskii!	1736240542 USING!! Report Comment
Anomalocaris	1734094914 Using Report Comment
Feradox	1734094845 Using Report Comment
Grung3KnUx	1728728254 Using! Report Comment
xane	1727246109 using! Report Comment
Ray	1726731951 Using!! Report Comment
Blazingjaguar	1723381513 Using Report Comment
spunkert_	1722963871 using vro, thanks for being kewl B) Report Comment
sxrge	1722285821 using!! Report Comment
Xx_BunnyBoy2001_xX	1715267593 The background images aren’t loading after I apply this layout. Report Comment it's bcs u can't use discord for hosting images anymore. Here's it fixed: https://rentry.org/ekdahkwr by 𝕳𝖔𝖙𝖙𝖔𝖕𝖎𝖈 𝖂𝖆𝖓𝖓𝖆𝖇𝖊; 1720030682; Report Fixed it on the post by SoniKast™; 1720524125; Report oh nice!! I'll ue your version then :D by 𝕳𝖔𝖙𝖙𝖔𝖕𝖎𝖈 𝖂𝖆𝖓𝖓𝖆𝖇𝖊; 1720524187; Report use by 𝕳𝖔𝖙𝖙𝖔𝖕𝖎𝖈 𝖂𝖆𝖓𝖓𝖆𝖇𝖊*; 1720524196; Report
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