CSS
This tag belongs to the Additional Tags Category.
Parent tags (more general):
This tag has not been marked common and can't be filtered on (yet).
Works which have used it as a tag:
Pages Navigation
-
Tags
Summary
You are granted the rare chance to communicate with an Unknown Deity, but the word limit stands between you and the answers you seek.
Every choice you make and every question you ask alters the path you take. What will you uncover about the Deity and the world around you? As the final word approaches will you discover what you truly desire or will you be left with more questions than answers?
Series
- Part 5 of Beyond the Limit
-
Tags
Summary
Sort tags in a blurb in alphabetical order, for English numbers and letters (0-9, A-Z).
Sorts by the first number/letter only. For example, "Pineapple" can be sorted before "Peach" despite "e" being before "i" in the alphabet, but they will both be sorted before "Watermelon".
Note: Requires a modern, up-to-date browser. For example, will not work in Internet Explorer.
-
mm whatcha say?: Changing Text On Hover for Multilingual Fics (A Download Friendly Workskin) by mackerel_cheese for Graverobbber, enbyguous, vespeelira
Fandoms: No Fandom
18 Mar 2025
Tags
Summary
Do you want to have a nifty way to have multiple languages in a fic:
- Without making your readers scroll to the AN for a translation?
- Without the text and translation sitting side by side?
- And still make it look pretty when people download it into an EPUB or PDF format?
Here is a solution for you. Come on babygirls, let's roll.
(This is a HTML tutorial but I'm lowkey flirting with you by calling you babygirl occasionally because I got bored while writing this.)
Series
- Part 3 of .shapes_and_colours
-
Toggle for all caps, all lowercase, and capitalization by DoctorDizzyspinner
Fandoms: No Fandom, Ao3 meta - Fandom
22 Mar 2025
Tags
Summary
It's not a good idea to write in all caps or all lowercase. See: Use CSS Text Transform for Better Accessibility and text-transform - CSS: Cascading Style Sheets | MDN.
This provides free to use CSS for both
text-transform
and a toggle for turning these styles on and off so that the reader does not have to turn off the entire workskin if they do not want to see all caps or all lowercase words.Series
- Part 3 of My Code Snippets
-
Tags
-
Episode One: Dig, dig, dig, little animal. by Sophiebybophie
Fandoms: Batman - All Media Types
21 Mar 2025
Tags
Summary
He is born loved, dies loved, and is brought back loved.
—
Aka. Jason Todd is Life and Death’s Cat. He doesn’t know it.
(Mature because I like to describe violence lol)Series
-
Tags
Summary
A drabble that is 100
words.Series
- Part 1 of Beyond the Limit
-
Tags
Summary
Some very simple CSS and HTML for a very simple twitter trending page.
-
Tags
Summary
A drabble that is nothing
until there is.Series
- Part 3 of Beyond the Limit
-
Inside, Outside, Upside-down by Charles_Rockafellor
Fandoms: AO3 CSS, css - Fandom, HTML - Fandom
24 Mar 2025
Tags
Summary
I threw this together overnight (and have tweaked it some since then). Just applying a few little CSS party tricks that I've learned or developed along the way... 😉
My tricks aren't revealed in the narration, but since this is a How To series, you should be able to ferret them out by now — and if not, then take it as your homework challenge! ❤️
Use your 1337 haX0r Wiz zen skillz.
Click for keynote
Best viewed on a COMPUTER browser with a MOUSE, not a 'phone where some effects will be missed or simply not optimized (though there are a couple of surprises that appear on iPhone [not Android] rather than desktop browsers).
⚠️
CAUTION, beware of audio from invisible video; see notes.
⚠️Cf. notes in work skin for issues w.r.t. different approaches used in this work.
Series
- Part 4 of How to
-
Tags
Summary
A
choiceof what lies beyond 100 words.Series
- Part 4 of Beyond the Limit
-
Tags
Summary
Animatic song with words in ao3. Click play to start the audio and animations. Enjoy :]
-
Tags
Summary
"We do this not because it is easy, but because we thought it would be easy"
A completely normal tutorial for making a digital timer on ao3.
-
Tags
Summary
An accessible, screen reader friendly AO3 work skin that imitates the look of in-game Zenless Zone Zero DMs (Knock Knock).
Series
- Part 3 of Pent's Fandom-Specific AO3 Work Skins
-
Tags
-
Tags
Summary
CSS Credits:
La_Temperanza, Lucifer111, CodenameCarrot, mercuryandglass, JoanielSpeak, TrojanTeapot, anubisisms, MijuWrites
-
How to add emoticon and emoji to your story title, username, chapter title, notes and summary by Goddess_of_the_arena
Fandoms: HTML - Fandom, css - Fandom, Work Skin - Fandom, Work Skins - Fandom, AO3 help - Fandom
03 Apr 2025
Tags
Summary
This guide will give you the codes to add cute emoticon (also in color!) and emoji to your story title, to your username, to the chapter title, to the summary and to the notes.
It contains ready-to-use codes. You can also see right away the effect of every code in the work.
Chapter 2 will explain how to add different emoticon/emoji to every chapter title.
Also, check out heark/hearker's guide here to know how to target the elements of a story (title, username, summary, notes and more)!Series
- Part 8 of CSS GUIDES
-
Tags
Summary
The AO3 site skin (suits all devices). To use the skin, simply copy and paste the CSS code. For a preview, see this github post. Alternatively, look inside this work for more screenshots and the code.
-
Tags
Summary
The AO3 site skin (suits all devices). To use the skin, simply copy and paste the CSS code. For a preview, see this github post. Alternatively, look inside this work for more screenshots and the code.
-
Tags
Summary
The AO3 site skin (suits all devices). To use the skin, simply copy and paste the CSS code. For a preview, see this github post. Alternatively, look inside this work for more screenshots and the code.