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

slightlyunwellsasha	1764025937 using Report Comment
slightlyunwellsasha	1764025937 using Report Comment
Blue_Mouse_fan	1762223546 Using this Report Comment
Blue_Mouse_fan	1762223546 Using this Report Comment
Blue_Mouse_fan	1762223544 Using this Report Comment
Blue_Mouse_fan	1762223544 Using this Report Comment
Sg's Goofy Space	1759546808 using!! Report Comment
LOTUS_START	1758764178 using for my website :) Report Comment
lamagenuino	1751311222 Using <3 Report Comment
cyberirene	1749306554 using Report Comment
soren	1748385358 using Report Comment
𝐂𝐚𝐦✮⋆˙	1747332578 using! Report Comment
Xunsu2020	1746487572 Guess I'll go ahead and use it Report 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
frotashiro	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