CSS code scripts for Ao3
Series Metadata
Listing Series
-
How to make a News Website Article skin on Ao3 by ElectricAlice
Fandoms: Archive of Our Own, Fandom - Fandom
26 Dec 2019
Tags
Summary
Live example and tutorial for a news article extract that include website header, fake social media buttons, title and author of the article.
Series
- Part 1 of CSS code scripts for Ao3
-
Minimal skin for Ao3 in both dark and light mode by ElectricAlice
Fandoms: Archive of Our Own, Fandom - Fandom
26 Sep 2020
Tags
Summary
A site skin that is somewhat clean and minimal and low contrast. Both in dark and light mode.
The images are responsive on mobile so you won't have huge images.
Series
- Part 2 of CSS code scripts for Ao3
-
How to make a fanfic header Ao3 Style inside your own fanfic by ElectricAlice
Fandoms: Archive of Our Own, Fandom - Fandom
26 Sep 2020
Tags
Summary
Live example and tutorial on how to insert a fanfic header + fic tags + summary in your fanfic. In perfect ao3 style.
If you need your own fic to go extra meta.Series
- Part 3 of CSS code scripts for Ao3
-
Ao3 Skin - Make the buttons flat by ElectricAlice
Fandoms: Archive of Our Own, Fandom - Fandom
20 Mar 2021
Tags
Summary
A skin for Archiveofourown.org that adds flat buttons and flattens a few of the 3d elements.
It will work with most of the skins you have, it does work with reversi!
Series
- Part 4 of CSS code scripts for Ao3
-
Dyslexia friendly Site Skin by ElectricAlice
Fandoms: Archive of Our Own, Fandom - Fandom
21 Feb 2022
Tags
Summary
A clean dyslexia skin for Ao3.
I made this following the British Dyslexia Association Style Guide and then tweaked with requests and ideas dyslexic readers brought forth.
There's a guide inside on how to further tweak everything from font to size to color so that you can customize it for your needs.Dark mode available in chapter 3!
Series
- Part 5 of CSS code scripts for Ao3
-
Tags
Summary
A skin that makes the text rainbow and multicolored.
Sot of Beeline style.Series
- Part 6 of CSS code scripts for Ao3
-
Tags
Summary
A bunch of Ao3 Skins with flag pride colors!
Happy pride month!
Series
- Part 7 of CSS code scripts for Ao3
-
Tide: a flat and clean skin for Ao3 by ElectricAlice
Fandoms: Archive of Our Own, Fandom - Fandom
18 Jul 2021
Tags
Summary
A site skin for Ao3 that clean and minimal and somewhat more modern than the default skin.
Available both in dark and light mode.Series
- Part 8 of CSS code scripts for Ao3
-
Workskin for showing and hiding spoilers by ElectricAlice
Fandoms: Archive of Our Own, Fandom - Fandom
29 Aug 2021
Tags
Summary
A very simple workskin to hide/show spoilers in your works by having your users clicking on a button!
Series
- Part 9 of CSS code scripts for Ao3
-
"Do You Love the Color of the Sky?" Site Skin by ElectricAlice
Fandoms: Archive of Our Own, Fandom - Fandom
18 Oct 2021
Tags
Summary
make your ao3 look like your 2012 tumblr dashboard.
(why would you)
Series
- Part 10 of CSS code scripts for Ao3
-
Tags
Summary
make your ao3 look
amazingly90esSeries
- Part 11 of CSS code scripts for Ao3
-
Tags
Summary
And different backgrounds to make them as separate as possible for easier reading.
Series
- Part 12 of CSS code scripts for Ao3
-
Tags
Summary
Some fandoms have different names according to localizations (or adaptations) and some fans prefers the characters being called in one way and some in other ways. This is a workskin that allows you to write the fic with both name that can alternate thanks to toggling the workskin on and off!
Series
- Part 13 of CSS code scripts for Ao3
-
Tags
Summary
This skin will make the comments of your favorite commenters all pretty with colors and images!
5 different styles that can be modified to your tastes.
Series
- Part 14 of CSS code scripts for Ao3