Skip to content

[Flight Rising] Navbar Icons by a11y

Screenshot of [Flight Rising] Navbar Icons

Details

Authora11y

LicenseMIT-0

Categoryflightrising

Created

Updated

Size9.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Adds icons to the site navigation bar to make the links easier to recognize, and provides options to hide specific links.

Notes

[v2.0.0] - 2025-01-24

  • Added settings for hiding specific navigation links! ✨
  • General code cleanup.

[v1.0.0] - 2024-12-31

  • Initial release. Hello world!

Source code

/* ==UserStyle==
@name         [Flight Rising] Navbar Icons
@version      2.0.0
@namespace    https://userstyles.world/user/a11y
@description  Adds icons to the site navigation bar to make the links easier to recognize, and provides options to hide specific links.
@author       a11y
@license      MIT-0

@preprocessor stylus

@var checkbox dragonLair "Dragon Lair" 1
@var checkbox nestingGrounds "Nesting Grounds" 1
@var checkbox gatherItems "Gather Items" 1
@var checkbox clanProfile "Clan Profile" 1
@var checkbox hoard "Hoard" 1
@var checkbox bestiary "Bestiary" 1
@var checkbox messages "Messages" 1
@var checkbox achievements "Achievements" 1

@var checkbox purchaseGems "Purchase Gems" 1
@var checkbox merch "Merch" 1
@var checkbox marketplace "Marketplace" 1
@var checkbox auctionHouse "Auction House" 1
@var checkbox tradingPost "Trading Post" 1
@var checkbox crossroads "Crossroads" 1
@var checkbox customSkins "Custom Skins" 1
@var checkbox grandExchange "Grand Exchange" 1

@var checkbox fairgrounds "Fairgrounds" 1
@var checkbox coliseum "Coliseum" 1
@var checkbox dominance "Dominance" 1

@var checkbox forums "Forums" 1
@var checkbox devTracker "Dev Tracker" 1
@var checkbox whichWaystone "Which Waystone" 1
@var checkbox worldMap "World Map" 1
@var checkbox search "Search" 1
@var checkbox dressingRoom "Dressing Room" 1
@var checkbox scryingWorkshop "Scrying Workshop" 1
@var checkbox gameDatabase "Game Database" 1
@var checkbox encyclopedia "Encyclopedia" 1
@var checkbox support "Support" 1

@var checkbox adBanner "Ad Banner" 1
==/UserStyle== */

@-moz-document domain("flightrising.com") {
  .navbar {
    display: flex;
    height: 28px;
    margin-left: 23px;
    line-height: 20px;

    &::before {
      content: "";
      display: inline-block;
      vertical-align: top;
      width: 20px;
      height: 20px;
      margin-right: 6px;
      z-index: 1;
    }
  }

  .common-nav-item-alert {
    margin: -1px 0 0 -1px;
    border-radius: 4px;
    font-size: 0px;
  }
}

@-moz-document domain("www1.flightrising.com") {
  .navbar {
    margin-left: 26px;
  }
}

@-moz-document domain("flightrising.com") {
  .navbar {
    /* -------------------- CLAN -------------------- */

    &[href$="/lair"] {
      if dragonLair {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/48.png");
        }
      } else {
        display: none;
      }
    }

    &[href*="/nesting"], &[href$="tab=hatchery"] {
      if nestingGrounds {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/7.png");
        }
      } else {
        display: none;
      }
    }

    &[href$="/gathering"] {
      if gatherItems {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/49.png");
        }
      } else {
        display: none;
      }
    }

    &[href*="/clan-profile"], &[href$="/noauth"], &[href*="tab=userpage"] {
      if clanProfile {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/171.png");
        }
      } else {
        display: none;
      }
    }

    &[href$="/hoard"] {
      if hoard {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/104.png");
        }
      } else {
        display: none;
      }
    }

    &[href*="/bestiary"] {
      if bestiary {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/28.png");
        }
      } else {
        display: none;
      }
    }

    &[href$="/msgs"], &[href$="?p=pm"] {
      if messages {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/5.png");
        }
      } else {
        display: none;
      }
    }

    &[href$="/achievements"] {
      if achievements {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/27.png");
        }
      } else {
        display: none;
      }
    }

    /* -------------------- SHOP -------------------- */

    &[href$="/buy-gems"] {
      if purchaseGems {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/29.png");
        }
      } else {
        display: none;
      }
    }

    &[href$="/merch"] {
      if merch {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/173.png");
        }
      } else {
        display: none;
      }
    }

    &[href$="/market"] {
      if marketplace {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/30.png");
        }
      } else {
        display: none;
      }
    }

    &[href$="/auction-house"], &[href$="?p=ah"] {
      if auctionHouse {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/14.png");
        }
      } else {
        display: none;
      }
    }

    &[href$="/trading"], &[href$="?p=tradepost"] {
      if tradingPost {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/100.png");
        }
      } else {
        display: none;
      }
    }

    &[href$="crossroads"] {
      if crossroads {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/23.png");
        }
      } else {
        display: none;
      }
    }

    &[href$="/skins"] {
      if customSkins {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/66.png");
        }
      } else {
        display: none;
      }
    }

    &[href$="/exchange"] {
      if grandExchange {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/175.png");
        }
      } else {
        display: none;
      }
    }

    /* -------------------- PLAY -------------------- */

    &[href$="/fairgrounds"], &[href$="?p=faire"] {
      if fairgrounds {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/321.png");
        }
      } else {
        display: none;
      }
    }

    &[href$="/coliseum"], &[href$="?p=battle"] {
      if coliseum {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/4.png");
        }
      } else {
        display: none;
      }
    }

    &[href$="dominance"] {
      if dominance {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/137.png");
        }
      } else {
        display: none;
      }
    }

    /* -------------------- LIBRARY -------------------- */

    &[href$="/forums"], &[href$="?p=mb"] {
      if forums {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/50.png");
        }
      } else {
        display: none;
      }
    }

    &[href$="/dev-tracker"] {
      if devTracker {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/119.png");
        }
      } else {
        display: none;
      }
    }

    &[href$="/waystone"] {
      if whichWaystone {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/80.png");
        }
      } else {
        display: none;
      }
    }

    &[href$="/world-map"] {
      if worldMap {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/40.png");
        }
      } else {
        display: none;
      }
    }

    &[href$="search"] {
      if search {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/83.png");
        }
      } else {
        display: none;
      }
    }

    &[href$="/dressing"] {
      if dressingRoom {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/145.png");
        }
      } else {
        display: none;
      }
    }

    &[href$="scrying"] {
      if scryingWorkshop {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/59.png");
        }
      } else {
        display: none;
      }
    }

    &[href$="/game-database"] {
      if gameDatabase {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/335.png");
        }
      } else {
        display: none;
      }
    }

    &[href$="wiki"] {
      if encyclopedia {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/65.png");
        }
      } else {
        display: none;
      }
    }

    &[href$="/support"] {
      if support {
        &::before {
          background-image: url("https://www1.flightrising.com/static/cms/icons/468.png");
        }
      } else {
        display: none;
      }
    }
  }
}

@-moz-document domain("flightrising.com") {
  if not adBanner {
    #skybanner {
      display: none;
    }
  }
}

Reviews

No reviews yet.