Mario Kart 1993 for Roblox.com by coolerbadwater

/* ==UserStyle==
@name         Mario Kart 1993 for Roblox.com
@version      20220623.22.41
@namespace    userstyles.world/user/coolerbadwater
@description  Basically just the picture of a 1993 Mario Kart jigsaw puzzle, thought it looked neat so I decided to make it into a style, with all credits to the Garfield Dancing style for most of the code.
@author       coolerbadwater
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://web.roblox.com"), url-prefix("https://www.roblox.com") {
/* i really want this to be global */
  .ad, .ad *, .img_ad, .ad-annotations, #google_image_div, #aw0, #AdvertisingLeaderboard
  {
    display: none !important;
  }

  .ad, .ad *, .img_ad, .ad-annotations, #google_image_div, #aw0, #AdvertisingLeaderboard
  {
    display: none !important;
  }
  /*Ad removal */
  #header
  {
    background-color: #010081;
  }

  .dialog-container .dialog-header
  {
    background-color: #010081;
    color: #fff;
  }

  .navigation .notification-icon, .rbx-highlight
  {
    background: #010081;
  }

  #chat-header
  {
    background: #010081;
      /*Party header*/
    ;
  }

  .slide-item-container-left, .profile-avatar-right
  {
    background: #010081;
  }

  .rbx-tabs-horizontal .rbx-tab.active .rbx-tab-heading, .rbx-tabs-horizontal .rbx-tab-heading:hover, .rbx-tabs-horizontal .rbx-tab-heading:focus, .rbx-tabs-horizontal .rbx-tab-heading:active
  {
    box-shadow: 0 -4px 0 .6 #f089b8 inset;
      /* Yea idk what this is for*/
    ;
  }

  .forum-table-header, body .forum-table-header th, body .forum-table-footer, #ctl00_cphRoblox_Message1_ctl00_CenterColumn > table > tbody > tr:nth-child(1) > th, #ctl00_cphRoblox_CenterColumn > table > tbody > tr:nth-child(1) > th
  {
    background: #ccabff !important;
      /*Forum colors and messaging underline color*/
    ;
  }

  .rbx-upgrade-now #upgrade-now-button, .rbx-btn-secondary-xs.btn-more, #AjaxCommentsContainer > div > div.comment-form > form > button, .rbx-vip-server-create, .btn-secondary-xs
  {
    background-color: #010081 !important;
    border-color: #000;
      /*Updrade button*/
    ;
  }

  .rbx-upgrade-now #upgrade-now-button:hover, .rbx-btn-secondary-xs.btn-more:hover, #AjaxCommentsContainer > div > div.comment-form > form > button:hover, .rbx-vip-server-create:hover, .btn-secondary-xs:hover
  {
    background: #010081!important;
    border-color: #010081;
  }

  #TopAbpContainer, .ad-annotations, #LeftGutterAdContainer, #RightGutterAdContainer, #Skyscraper-Adp-Right, #Skyscraper-Adp-Left, .abp-spacer, #GamesListContainer1 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-even, #GamesListContainer1 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-odd, #GamesListContainer8 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-even, #GamesListContainer8 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-odd, .sponsored-game, .alert-info, #mCSB_1_container > ul > li.font-bold.small, #mCSB_1_container > ul > li.rbx-nav-sponsor
  {
    display: none !important;
  }

  .gotham-font .btn-to-link, .gotham-font .btn-to-link:active, .gotham-font .btn-to-link:hover, .gotham-font .btn-to-link:link, .gotham-font .btn-to-link:visited, .gotham-font .refresh-link, .gotham-font .refresh-link-icon, .gotham-font .refresh-link-icon:active, .gotham-font .refresh-link-icon:hover, .gotham-font .refresh-link-icon:link, .gotham-font .refresh-link-icon:visited, .gotham-font .refresh-link:active, .gotham-font .refresh-link:hover, .gotham-font .refresh-link:link, .gotham-font .refresh-link:visited, .gotham-font .see-all-link, .gotham-font .see-all-link-icon, .gotham-font .see-all-link-icon:active, .gotham-font .see-all-link-icon:hover, .gotham-font .see-all-link-icon:link, .gotham-font .see-all-link-icon:visited, .gotham-font .see-all-link:active, .gotham-font .see-all-link:hover, .gotham-font .see-all-link:link, .gotham-font .see-all-link:visited, .gotham-font .touch .btn-to-link, .gotham-font .touch .btn-to-link:active, .gotham-font .touch .btn-to-link:hover, .gotham-font .touch .btn-to-link:link, .gotham-font .touch .btn-to-link:visited, .gotham-font .touch .refresh-link, .gotham-font .touch .refresh-link-icon, .gotham-font .touch .refresh-link-icon:active, .gotham-font .touch .refresh-link-icon:hover, .gotham-font .touch .refresh-link-icon:link, .gotham-font .touch .refresh-link-icon:visited, .gotham-font .touch .refresh-link:active, .gotham-font .touch .refresh-link:hover, .gotham-font .touch .refresh-link:link, .gotham-font .touch .refresh-link:visited, .gotham-font .touch .see-all-link, .gotham-font .touch .see-all-link-icon, .gotham-font .touch .see-all-link-icon:active, .gotham-font .touch .see-all-link-icon:hover, .gotham-font .touch .see-all-link-icon:link, .gotham-font .touch .see-all-link-icon:visited, .gotham-font .touch .see-all-link:active, .gotham-font .touch .see-all-link:hover, .gotham-font .touch .see-all-link:link, .gotham-font .touch .see-all-link:visited
  {
    color: #000000;
  }

  #navbar-search-input, #navbar-search-btn
  {
    border: 1px solid #7f686d;
      /*Search border color*/
    ;
  }

  body
  {
    background: transparent !important;
  }

  .content
  {
    background: transparent !important;
  }

  #fb-root
  {
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    background-image: url(https://64.media.tumblr.com/568831f412d221019f6b1ec2c54a9f4a/4ee370d3079fa9de-c5/s500x750/ccac0c67fe212e875c1fdefc2a189ea0756e7295.jpg) !important;
      /* Background */
    background-size: cover !important;
    background-attachment: fixed !important;
  }

  #party_none_title, div.friend_dock_chatbox_titlebar.chat-header-blink-off
  {
    background: linear-gradient(to bottom, #e5acb6, #e5acb6);
  }

  #ctl00_cphRoblox_RightColumn, #Body > table > tbody > tr > td:nth-child(3), #Body > table > tbody > tr > td:nth-child(4)
  {
    display: none;
  }

  #GamesPageLeftColumn
  {
    width: auto;
    margin-right: 10px !important;
    margin-left: 10px !important;
  }

  #GamesListsContainer > div
  {
    background-color: transparent !important;
    width: 100% !important;
  }

  #navigation
  {
    background-color: #010081;
  }

  .notification-red
  {
    background-color: #ff0081;
    padding: 1px 6px;
    min-width: 18px;
  }

  .notification-blue
  {
    background-color: #010081;
    padding: 1px 6px;
    min-width: 18px;
  }

  .rbx-btn-primary-lg
  {
    background-color: rgba(1, 0, 129);
  }

  .rbx-btn-primary-lg:hover, .rbx-btn-primary-lg:focus
  {
    background-color: rgba(1, 0, 129);
  }

  .avatar-back
  {
    background-image: url(https://64.media.tumblr.com/568831f412d221019f6b1ec2c54a9f4a/4ee370d3079fa9de-c5/s500x750/ccac0c67fe212e875c1fdefc2a189ea0756e7295.jpg);
  }

  .dark-theme .section-content
  {
    background-color: #010081;
    color: #fff;
  }

  .dark-theme .rbx-tabs-horizontal .nav-tabs
  {
    background-color: #010081;
    color: #fff;
  }

  .dark-theme .profile-avatar-right .profile-avatar-mask
  {
    background-color: #010081;
    color: #fff;
  }

  .profile-avatar-left .enable-three-dee
  {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    background-color: #7f686d;
    border-color: #393b3d;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    height: auto;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 9px 9px;
    font-size: 16px;
    line-height: 100%;
    border-radius: 3px;
    border: 1px solid #010081;
    position: absolute;
    top: 12px;
    right: 12px;
    min-height: 32px;
  }

  .dark-theme .container-footer
  {
    background-color: #010081;
  }
}