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 9 of 9 comments ( View all | Add 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 djlordenvyxoxo666; 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
Kal	1651481950 I really love this, totally using it if it fits with any Metal Sonic pfp I can find Report Comment