AO3 CSSfan fiction
Fandom · 11 works
3 AO3 CSS stories are open to everyone here, 100% of them complete. The average one runs about 2,400 words. Read any of them in your browser, save it as an EPUB, or listen to it.
Works
Some results are potentially explicit
AO3 CSS+1
Aesthetic Brown & Beige Site Skin
by orphan_account
Hey! I was going to look for some nice-looking site skins and change the colour scheme to beige or brown. I know many people prefer a white or black background, but that's never an option for me – my eyes just can't handle it. I can't say that I'm happy with the result, but I don't understand any of this, so I was constantly changing things and checking what effect they had to make it more or less the way I like it. So... That's all.
AO3 CSS+2
Inside, Outside, Upside-down
by Charles_Rockafellor
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.
AO3 CSS+2
Tide Sepia Mode (Site Skin)
by orphan_account
It's almost the same code, but with some minor changes. (I made these changes because I didn't like how it was before — I don't know about you, but it bothered me)!This is what it looks like:The full code:
AO3 CSS+1
Useful Codes For Site Skins
by orphan_account
Either hide the header or change "Archive of Your Own" to something else. Also hide the Kudos logo and the username.
AO3 CSS+1
A potentially explicit work
AO3 CSS+1
A potentially explicit work
AO3 CSS+2
Sepia + Tide Site Skin
by orphan_account
I really like the beige skin, and I mixed it with another of my favourite tide skin, although not much, because I don't understand codes and don't want to accidentally ruin something. I'll leave the comments open if you know how and where to fix things. The code itself:
AO3 CSS+1
Genshin UI/HUD Workskin Testing
by LetsGetKraken
On the tin constantly updates as I'm testing and changing CSS and HTML
AO3 CSS+1