Flight Rising: Show Awakened Familiars

Added by Fin@userstyles, Created: Jun 24, 2016, Updated: Oct 14, 2016
  • With the style applied
  • Baldwin-friendly (border removed, opacity lowered)
  • Applies to the full sized images too
  • in tandem w/ swipp+baldwin highlights


Slightly fades and adds a border around awakened familiars.

User must manually add their awakened familiars to the CSS for it to work.

There's a google spreadsheet https://docs.google.com/spreadsheets/d/1bRsBZLqAJJ3tdHr41xyis89zemXURbuEynL2taxf7XA/edit?usp=sharing to help create the codes.

If you can't access google sheets on your device or just can't get it to work, shoot me a message containing a list of your awakened familiars and I'll try to get the appropriate codes to you :)

More info
most recent Familiars on spreadsheet: the two cat golems from October 13 "Falcon: A New Primary Gene" update
(14-Oct-2016) - Moved the greasemonkey code into the non-baldwin tab and changed to sheet colours to look nicer/ more colour coded. Changed the name of the first sheet from "Chart" to "original code".

(23-Sep-2016) - GoldThroated Sparrow formerly recorded as ID#3071, now corrected to ID#727
and Yellow-Throated sparrowmouse corrected to ID#3071

(13-Sep-2016) - Added greasemonkey-friendly code sheets

To avoid the displacement problem in baldwin, remove
" border: inset 2px orange; border-radius: 12px; "
from the CSS and just set opacity to a decimal between 0.1 and 0.9. I like 0.4


How it works/ how to add familiars to the CSS:

If you already have a list of awakened familiars, good on you! Copy-paste it into the yellow section of the spreadsheet and it should spit out the codes you need. Copy these codes.

In your browser, go to manage styles > find this one in the list > edit > paste the codes into the area specified > save. The stylish should now work.

- - - -

To add the familiar manually to the CSS, you'll need to find it's item ID. I've listed all current ones in the spreadsheet but if you need to find it yourself, right-click the familiar icon, copy image location and you should get something like "http://flightrising.com/images/cms/familiar/341.png", in this case, 341 is the ID.

If you missed it above, https://docs.google.com/spreadsheets/d/1bRsBZLqAJJ3tdHr41xyis89zemXURbuEynL2taxf7XA/edit?usp=sharing

Note: Only applies to the official FR images.

Base coding was copied from Milay's http://freestyler.ws/style/118911/flight-rising-highlight-swipp-bald-items-jun-16

Use at your own risk/discretion. Not affiliated with or endorsed by FR or its admins.

You should to add comment and rate the style.


+ Create discussion

Applies to:
http://flightrising.com/main.php?p=bestiary, http://flightrising.com, http://www1.flightrising.com, http://flightrising.com/main.php?p=hoard

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.