Road Trip by FAETALIC by mjhhff

/* ==UserStyle==
@name           Road Trip by FAETALIC
@namespace      USO Archive
@author         faetalic
@description    `PLEASE USE DARK MODE FOR THIS TO WORK!!! follow me on roblox: FAETALIC :)`
@version        20210510.13.34
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/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-image: url(https://i.imgur.com/HG4iTwt.gif) !important;
                    }


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

#navigation {
         background: transparent !important;
}.light-theme .rbx-left-col {
    box-shadow: 0 0 5px 0 #5d054847
}
  .dark-theme .rbx-left-col {
    box-shadow: 0 0 5px 0 #5d054847
}

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

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

  .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 #0000004f inset;
  }

  .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: #ECEBEC !important;
      /*Forum colors and messaging underline color*/
    ;
  }


  #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;
  }

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

  body
  {
    background: transparent !important;
  }

  .content
  {
    background: transparent !important;
  }
.dark-theme .section-content
{
  background: transparent !important;
}
.dark-theme .section-content
{
  background: transparent !important;
}
.light-theme .profile-avatar-right .profile-avatar-mask {
    background: transparent !important;
}
.dark-theme .profile-avatar-right .profile-avatar-mask {
    background: transparent !important;
}

/* avatar background*/
.light-theme .thumbnail-2d-container {
    border: 0;
    background-color: rgb(0 0 0 / 0%);
    border-color: #b2017c;
}
.light-theme .avatar-container .avatar-card-image, .light-theme .avatar-container img {
    background-color: #c507b0;
}
.light-theme .avatar .avatar-card-image {
    background-color: #d4d4d400;
}
.dark-theme .thumbnail-2d-container {
    border: 0;
    background-color: rgb(0 0 0 / 0%);
    border-color: #b2017c;
}
.dark-theme .avatar-container .avatar-card-image, .dark-theme .avatar-container img {
    background-color: #571335;
}
.dark-theme .avatar .avatar-card-image {
    background-color: #d4d4d400;
}

/* game server list*/
.light-theme .stack .stack-list .stack-row {
    background-color: #ffafee87;
    color: #000000;
}
         .dark-theme .stack .stack-list .stack-row {
    background-color: #0000004f;
    color: #000000;
}.dark-theme .touch .btn-common-play-game-lg.active, .dark-theme .touch .btn-common-play-game-lg:active, .dark-theme .touch .btn-common-play-game-lg:focus, .dark-theme .touch .btn-common-play-game-lg:hover, .dark-theme .touch .btn-common-play-game-lg:visited, .light-theme .touch .btn-common-play-game-lg.active, .light-theme .touch .btn-common-play-game-lg:active, .light-theme .touch .btn-common-play-game-lg:focus, .light-theme .touch .btn-common-play-game-lg:hover, .light-theme .touch .btn-common-play-game-lg:visited, .light-theme a.btn-common-play-game-lg {
    color: #fff;
    background-color: #fff7fe87;
    border-color: #8c3f7a;
}.dark-theme .touch a.btn-common-play-game-lg.active, .dark-theme .touch a.btn-common-play-game-lg:active, .dark-theme .touch a.btn-common-play-game-lg:focus, .dark-theme .touch a.btn-common-play-game-lg:hover, .dark-theme .touch a.btn-common-play-game-lg:visited, .light-theme .touch a.btn-common-play-game-lg.active, .light-theme .touch a.btn-common-play-game-lg:active, .light-theme .touch a.btn-common-play-game-lg:focus, .light-theme .touch a.btn-common-play-game-lg:hover, .light-theme .touch a.btn-common-play-game-lg:visited {
    color: #fff0;
    background-color: #ff9edd7d;
    border-color: #763466;
}

/*play button*/
.light-theme a.btn-common-play-game-lg {
    border-radius: 200px;
}
.dark-theme a.btn-common-play-game-lg {
    border-radius: 200px;
}

/* other game page stuff*/
.light-theme .rbx-tabs-horizontal .nav-tabs {
    background-color: #ffffff69;
}
.dark-theme .rbx-tabs-horizontal .nav-tabs {
    background-color: #0000004f;
}
/* profile stuff*/
.light-theme .layer {
         background: transparent !important;
}.light-theme .slide-switcher .slide-item-container .slide-item-container-right {
         background: transparent !important;
}.light-theme .slide-switcher.groups {
    background-color: #ffffff8c;
}
.dark-theme .layer {
         background: transparent !important;
}.dark-theme .slide-switcher .slide-item-container .slide-item-container-right {
         background: transparent !important;
}.dark-theme .slide-switcher.groups {
    background-color: #0000004f;
}
.light-theme .slide-switcher .slide-item-container .slide-item-container-left {
         background: transparent !important;
}
.dark-theme .slide-switcher .slide-item-container .slide-item-container-left {
         background: transparent !important;
}


  #fb-root
  {
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    background-image: url(https://i.imgur.com/HG4iTwt.gif) !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, #B787EA, #B787EA);
  }

  #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: #ECEBEC;
  }

  .rbx-btn-primary-lg
  {
    background-color: #ECEBEC;
  }

  .rbx-btn-primary-lg:hover, .rbx-btn-primary-lg:focus
  {
    background-color: #ECEBEC;
  }

  .avatar-back
  {
    background: transparent !important;
  }
.notification-blue {
    background-color: #000000;
    }
body {
    background-color: #000000;
    color: #000000;
    font-family: serif;
    font-weight: 300;
    font-size: 16px;
    width: 100%;
    height: 100%;
    min-width: 320px;
    margin-bottom: 168px;
    overflow-y: scroll;
}
.dialog-container .dialog-message-container .dialog-message {
    background-color: #ECEBEC;
    border: 1px solid #ECEBEC;
    color: #000000;
}
.dialog-container .dialog-header {
    background-color: #ECEBEC;
    color: #000000;
}
.chat-windows-header {
    background-color: #ECEBEC;
    color: #000000;
}
.dialog-container .dialog-message-container.message-cluster-master .dialog-triangle:after, .dialog-container .dialog-message-container.message-cluster-master .dialog-triangle:before {
    border-color: transparent transparent transparent #ecebec;
    }
.section-content {
    background-color: #0000004d;
    padding: 15px;
    position: relative;
}
.game-card-container {
    background-color: #0000004d;
    position: relative;
    border-radius: 3px;
    float: left;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 100%;
}
.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...