FAST Racing League CSS

Tags: wii, game, gaming

Description:

based off of an old wiiware game i used to play

Preview:

click on the image for a larger preview

Code:

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

:root {
        --logo-blue: #0077ff77;
        --darker-blue: #aaccff;
        --lighter-blue: #0077ffcc;
        --even-lighter-blue: #232323;
        --lightest-blue: transparent;
        --dark-orange: #fff;
        --light-orange: transparent;
        --green: #EEECF1;
        --even-lighter-orange:transparent;
}

body {
  background:url("https://files.gamebanana.com/bitpit/unknown_73_.png");
  background-position: center;
  background-size:cover;
  background-attachment:fixed;
}
*{cursor:url(https://files.gamebanana.com/bitpit/wii_cursor.cur), auto !important;}
main {background:transparent;color:White;font-family:Exo2;}

@font-face {
    font-family: Naftera;
    src:url("https://files.gamebanana.com/bitpit/graviton_-_nafteradisplaysolid.otf");
}

@font-face {
    font-family:Exo2;
    src:url(https://files.gamebanana.com/bitpit/exo2-variablefont_wght.ttf);
}
[itemprop="name"] {font-family:Naftera;font-size:20px;}

::selection {
  color:black !important;
  background:#0099ff !important;
}::moz-selection {
  color:black !important;
  background:#0099ff !important;
}

a:hover {
  color:white !important;
  text-shadow:0px 0px 8px #0077ff, 0px 0px 8px #0077ff, 0px 0px 15px #0077ff !important;
  text-decoration-line:none;
}.friends-grid .person img:hover, .comments-table &gt; tbody &gt; tr &gt; td:nth-child(1) &gt; a:hover &gt; img {
  box-shadow: 0px 0px 8px #0077ff, 0px 0px 8px #0077ff, 0px 0px 15px #0077ff !important;
  filter:brightness(1.2);
}

.general-about {
  background:#001144dd;
  border:1px solid #5599cc55;
  border-radius:7px;
  backdrop-filter: blur(5px);
  box-shadow:0px 0px 4px #0077ff77, 0px 0px 2px #0077ff;
  color:white;
  padding:5px;
  height:auto !important;
}

.contact, .url-info, .table-section, footer {
  background:#001144dd;
  border:1px solid #5599cc55 !important;
  border-radius:7px;
  backdrop-filter: blur(5px);
  box-shadow:0px 0px 4px #0077ff77, 0px 0px 2px #0077ff;
  color:white;
  overflow:hidden;
}
footer li:after{color:white !important;}
.contact &gt; .heading, .table-section &gt; .heading {background:#0077ff77 !important;}

.details-table td:first-child {
  background:#0077ff77 !important;
  color:white;
  border-radius:5px;
  padding:4px;
}

.col.right &gt; .blog-preview,  .col.right &gt; .blurbs, .profile-info, .friends {
  background:#001144dd;
  border:1px solid #5599cc55 !important;
  border-radius:7px;
  backdrop-filter: blur(5px);
  box-shadow:0px 0px 4px #0077ff77, 0px 0px 2px #0077ff;
  color:white;
  overflow:hidden;
  padding:5px;
}
.col.right &gt; .blog-preview{padding-left:12px;}
.friends {margin-bottom: 20px;}
.friends-grid .person a p {
  color:#aaccff !important;
}
.friends-grid .person a:hover p {
  color:#fff !important;
}
.friends-grid .person img,
.comments-table &gt; tbody &gt; tr &gt; td:nth-child(1) &gt; a &gt; img
{border-radius: 5px;}

.profile-pic &gt; img{
  border-radius:5px;
  height:calc(100% - 5px)!important;
  min-height: unset!important;
  max-height:unset!important;
}

.comments-table, .comments-table td, .comment-replies {border:none;}
.comments-table tr &gt; td:nth-of-type(2) {border-bottom:1px solid #0077ff77;}
ul &gt; li:after {color:white !important;}

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.