sapphic fanfic stuff

[ID: cropped screenshot of the ao3 include filter, reading "Other tags to include:" with "*/James "Bucky" Barnes" selected. /end ID]

IT WORKS

Is this new???? I've been wanting wildcard relationship search for YEARS 😍😍😍

This is the in depth guide that I am essentially plagiarising, I am just compiling my fave tricks from it. Seriously, refer to this for any context on why these things work and how to figure it out yourself. Najio actually explains it instead of just giving you a bunch of CSS.

for a given tag or ship, select copy link or your browsers equivalent. you should get something like this:

https://archiveofourown.org/tags/Getting%20Together/works

Or

https://archiveofourown.org/tags/Lan%20Zhan%20%7C%20Lan%20Wangji%20*a*%20Wei%20Ying%20%7C%20Wei%20Wuxian

the part that you need is the bolded section. (Whether or not /works is in the copied link depends on if you're copying from a fic directly/the search bar or via the search tags function)

*s* indicates /slash, *a* indicates &ampersand, %7C indicates |vertical bar %20 indicates a space. note that ao3 formats names within a relationship tag alphabetically by family name. this is the last name in english and the first name in Japanese, for example. You may have to block two tags, with the name order switched around.

CSS I have found the most use out of:

• excluding a single ship

.blurb:has(a[href$="/tags/Character%20One*s*Character%20Two"]) {

display: none !important;

}

• excluding every ship for a given character

.blurb:has(a[href*=“*s*Character%20One”]),

.blurb:has(a[href*=“Character%20One*s*”]) {

  display: none !important;

}

• excluding every ship for several characters

.blurb:has(.relationships > a[href*="*s*"]:is([href*=“Character%20Three”],

[href*=“Character%20Four”],

[href*=“Character”%20Five])) {

display: none !important;

}

• excluding every ship for a given character bar one

.blurb:has(a[href*="Character%20One*s*"]:not(a[href$="/tags/Character%20One*s*Character%20Two"])),

.blurb:has(a[href*="*s*Character%20One"]:not(a[href$="/tags/Character%20Two*s*Character%20One"])) {

display: none !important;

}

• muting several tags in big swathes (can be used for relationships, characters, fandoms, archive warnings, etc)

.blurb:has(a:is([href*=“tag” i],

[href*="tag" i],

[href*="tag" i],

[href*="tag" i],

[href*="tag" i],

[href*="tag" i],

[href*=“tag” i])) {

display: none !important;

}

• blocking mega crossovers (>2 fandoms in this example,)

.blurb:has(h5.fandoms):has(a.tag:nth-of-type(3)) {

display: none !important;

}

• blocking unfinished works

.blurb:has(span.complete-no) {

display: none !important;

}

From your dashboard, go to Skins

You should be on a page called "My Site Skins"

Click on "My Work Skins"

Click on "Create Work Skin" (in the upper-right)

Leave the Type as Work Skin

Give it a unique Title, like "Fuck Chatbots"

Go into the CSS body

Paste the following text:

#workskin * {

user-select: none;

}

(For the curious, the '*' is selecting everything and turning off the ability to select it. Specifically selecting text. "Workskin" is used with every CSS style on AO3 and is a required prefix.)

Click 'Submit'

Huzzah! It has been created! Let's use it!

Go to Post -> New Work

Fill in required fields with whatever your heart desires

In the Associations section, at the bottom at "Select Work Skin," select "Fuck Chatbots"

Fill the body with your fic text

Preview or Post your work

The following is a soft alternative to using the search tag/exclude tag function by coloring/styling tags of your choosing to make them more noticeable when browsing the entire site.

CSS instructions under the cut.