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

Pikatyt	1743386582 using! Report Comment
BluWakSaturnFan2472	1742859497 use Report Comment
LAUЯEN!!	1742522710 using some of the code! thanks!! Report Comment
Silver	1742000455 using!!! Report Comment
tashirozinho :3	1741476047 your layout sick!! im not using it fully, but used some of your codes! thank you! Report Comment
rowyy	1740272524 usin ＞︿＜ Report Comment
Dqarchie	1738640694 using this TY!!!!!! Report Comment
clemie	1738301750 using itt tyy <3 Report Comment
> EMBER_	1738185381 using! Report Comment
AJ💙♠️	1737865117 Usinggg!!! Report Comment
Harry	1737762221 Using so excited! Report Comment
x4poll0xd	1737108411 Using ! Report 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
⊱ ꙳ Twix ꙳ ⊰	1726731951 Using!! Report Comment