Userflag Style Info
example of the style's use in the forum

The Userflag Style adjusts username links across Wikidot to display a pride flag gradient of that user's choosing, as shown in the example above. These changes are only visible to users with the style active, and is updated as requests are made.

Install Instructions

The Userflag Style is powered by Stylus, a versatile browser extension which can add user stylesheets to websites of your choosing.

  • To download on Chrome, click here.
  • To download on Firefox, click here.

Once downloaded, click on the Stylus icon in your toolbar while viewing a Wikidot site. In the "Write style for:" section, hover over and select "wikidot.com".

Copy-paste the following into the large textarea:

@import url("http://nagiros.wdfiles.com/local--code/userflag-variables/1");
@import url("http://nagiros.wdfiles.com/local--code/secret%3Auserlist/1");

Edit the title of the style (found beneath the large "Add Style" text, default is "wikidot.com") to "Userflag Style", and click Save.

Request a flag

To request a flag to display over your username, please PM NagirosNagiros with your preferred flag.

The information you submit is used exclusively to support this style. While the Wikidot page which lists all users and assigned flags is visible only to the style's maintainer, the CSS containing the same is publicly accessible.

To add a flag only you can see, copy-paste the following beneath the two imports in your Stylus style, substituting USERNAME and YOUR-FLAG with your username and your flag, respectively.

.printuser:not(.avatarhover) a[href="http://www.wikidot.com/user:info/USERNAME"],
.printuser.avatarhover a[href="http://www.wikidot.com/user:info/USERNAME"]:nth-child(2),
#scpper-page-info a[href="http://www.wikidot.com/user:info/USERNAME"] {
  background: var(--YOUR-FLAG) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: bold !important;
}

Current flags (will add more upon request!)

Note: Some colors adjusted to display better against a white/gray background.

Agender

Aromantic

A/Demisexual

Bigender

Bisexual

Demiman

Demiwoman

Gay

Genderfluid

Leather

Lesbian

Nonbinary

Pansexual

Polyamorous

Polysexual

Transgender

Variables

+ Show root code