CSS Files

SIMRacingApps Apps and Widgets uses a naming convention for the “id” or “class” values that is unique globally. The naming convention is:

If you want to override a Widget’s style, you must first import the Widget’s CSS file, then apply the override in the App’s default.css file. The import just forces the loading order to be correct.
Each App should also include the “/SIMRacingApps/useroverrides.css” file in the <HEAD> section. This file is not there by default because I don’t want to overwrite what the user has customized when an update is applied. Users have to create it manually. Also, should import any CSS file(s) you are overriding to make sure the load order is preserved properly.