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
What kind of person would litter instead of properly disposing of a phone?
You know you shouldn’t be looking at the contents of the phone… but… you could find the owner of this phone and then yell at them for littering! Yeah…
Or maybe they lost their phone by accident, and you’d be helping them by giving their phone back. Yeah…
You sit down on a chair by the wall, and pull out your little flip-notebook from your bag.
Time to solve the mystery of this phone’s owner.
[INTERACTIVE GAME FIC]
Series
- Part 3 of #html_cinematic_universe
-
Tags
Summary
Experimenting with work skins to create a visual novel experience on AO3.
-
Tags
Summary
I built a work skin for use on AO3 to be able to easily use the font used in-game for Embers. Just copy and paste it from below. Also, AO3 workskins don't preserve comments, so the below can be used to better understand how to use these workskins. Let me know if you have any comments or suggestions. I'm not actually an html or css programmer at all, so I'll be the first to admit this is sort of cobbled together. But it's better than nothing.
PS-- Someone remind me to ask Raus what the body text typeface is, or someone ask him for me. I'm using Arcon as a placeholder, but if anyone knows or remembers what it is, let me know. I can't datamine the game files like I could for Echo, lol.
- Language:
- English
- Words:
- 295
- Chapters:
- 1/1
- Kudos:
- 1
- Hits:
- 225
-
[Site Skin] Love is ... by Bacca, WTF Drarry 2022 (Fandom_Drarry)
Fandoms: Archive of Our Own, Harry Potter - J. K. Rowling
07 Feb 2022
Tags
Summary
Фандомный скин для сайта ао3. CSS код предложен в двух вариантах: 1) для устройств с разрешением экранов 1024х768 и выше (see github), и 2) для мобильных телефонов (see github).
EN: The AO3 site skin. It is provided in two variants: 1) for devices with the resolution more than1024х768 (see github), and 2) for cellphones (see github). To use the skin, simply copy and paste the CSS code provided.
-
[Site Skin] Черное озеро by Bacca, WTF Drarry 2022 (Fandom_Drarry)
Fandoms: Archive of Our Own, Harry Potter - J. K. Rowling
07 Feb 2022
Tags
Summary
Фандомный скин для сайта ао3. CSS код предложен в двух вариантах: 1) для устройств с разрешением экранов 1024х768 и выше (github), и 2) для мобильных телефонов (github).
EN: The AO3 site skin. It is provided in two variants: 1) for devices with the resolution more than1024х768 (github), and 2) for cellphones (github). To use the skin, simply copy and paste the CSS code provided.
-
[Site Skin] Верные враги by Bacca, WTF Drarry 2022 (Fandom_Drarry)
Fandoms: Archive of Our Own, Harry Potter - J. K. Rowling
07 Feb 2022
Tags
Summary
Фандомный скин для сайта ао3, рассчитанный на устройства с широким экраном. Не подходит для мобильных телефонов и планшетов. Тестировался на стационарном компьютере (с разрешением экрана 1920х1080) и ноутбуке (с разрешением экрана 1366x768); see github.
EN: The AO3 site skin. The skin is tested by laptop with the resolution 1366 x 768 and by computer with the resolution 1920х1080. To use the skin, simply copy and paste the CSS code provided.
-
Template for Adding Post-Chapter Content by SpookyTesting (FierySprites)
Fandoms: No Fandom
22 Feb 2022
Tags
Summary
A personal reference for integrating "extra scenes" after the end of a regular chapter, as used in But the Fates Aren’t Done With Me Yet.
-
Skin for Recreating Super Mario Galaxy’s Save Content by SpookyTesting (FierySprites)
Fandoms: Super Mario & Related Fandoms, Super Mario Galaxy
08 Mar 2022
Tags
Summary
A work skin for recreating the save file display and save game prompts from Super Mario Galaxy.
Series
- Part 1 of Save File Work Skins
-
Mystery Work
Part of Unrevealed Drafts
Summary
This is part of an ongoing challenge and will be revealed soon!
-
Replika Skin by FaeriMagic
Fandoms: Replika - Fandom, Fandom - Fandom, Archive of Our Own
28 Mar 2022
Tags
Summary
I tried to replicate the Replika aesthetic as much as I could within the confines of AO3's limited HTML/CSS pool.
May be updated in the future when necessary. -
[Site Skin] Горы и ветер by orphan_account for Bacca
Fandoms: 琅琊榜 | Nirvana in Fire (TV), Archive of Our Own
26 Mar 2022
Tags
Summary
Скин написан в подарок для Васса по ее чудесному арту. Рассчитан на устройства с широким экраном. Не подходит для мобильных телефонов и планшетов.Тестировался на ноутбуке (разрешение экрана 1366 x 768). Чтобы примерить скин просто скопируйте CSS code; see github
-
Tags
Summary
Is your CSS on AO3 displaying differently from the CSS in your CSS editor?
Well, then, do I have something for you!This work contains CSS classes that you can put in your CSS in order to have your preview window in your CSS editor to match the AO3 style more accurately.
This is a work in progress.
-
Skin for Recreating Kirby Star Allies’ Boss Subtitles by SpookyTesting (FierySprites)
Fandoms: Kirby (Video Games)
03 Apr 2022
Tags
Summary
A work skin for recreating the Boss Subtitles that show up in Kirby Star Allies.
Includes all color variants from that game, as well as the ones from the Wave 3 update/Heroes in Another Dimension.
-
Tags
Summary
For everyone who wants to use a language in their fic, and provide a translation, making it friendly for mobile and desktop, and something that's fairly easy without needing every possible translation included in the workskin itself, here you go.
-
Tags
Summary
The AO3 site skin inspired by the livejournal design. To use the skin, simply copy and paste the CSS code provided (e.g., github).
RU: Адаптация livejournal дизайна Ники для сайта ао3. Чтобы примерить скин просто скопируйте CSS code.
-
the hottest topic by mystyrust for Alexa_Piper, murphy_kitt, Dekalkomania, x_steelcrow_x, heartbeatslows
Fandoms: Danny Phantom
18 Apr 2022
Tags
Summary
Sailor of ships @letmyshipssail
so how did you end up working at hot topic? @deadTired
|
Yes I work at hot topic ✔ @deadTired
They were hiring.
|
Hot Topic ✔ @hottopic
we'd never say no to an emo punk boy who wants to work for us 🤙🤪The internet tries to figure the ghost boy out. Someone theorized he could be a 'half-ghost', but what does that mean, anyway?
Series
- Part 4 of phight phight phight!!
- Part 4 of #html_cinematic_universe
-
Skin for Putting Music Indicators in Your Fic by SpookyTesting (FierySprites)
Fandoms: No Fandom
27 Apr 2022
Tags
Summary
A work skin for inserting stylized music links into your fic, ala Super Smash Bros.’ music labels at the start of each match.
-
Tags
Summary
A site skin that hides hits, kudos, bookmarks, and comments on works and in search menus, the statistics page, the kudos count on the bottom of pages, statistics on series, and the bookmarks count in the upper right corner of each bookmark.
How to Hide Stats on AO3
How to Hide All Stats on AO3
How to Block All Statistics on Archive of Our Own
How to Disable All Statistics on AO3
How to Remove Stats on Archive of Our Own
How to Block Every Stat on AO3
Blocking Every Statistic on AO3
How to Hide "left kudos on this work"
How to Block the Kudos Widget on AO3
How to Hide the Bookmarks Counter on the Top Right of Bookmarks on AO3
How to Block Number on Top Right Corner of Bookmarks on AO3 -
Tags
Summary
Have you ever been reading a fic on here and thought 'gee I wish this looked more like a post-apocalyptic nightmare world. maybe with a clown or two'. Well then buddy do I have some code for you
-
Css in Testing: Second in the Series by InfinitysWraith
Fandoms: Ao3-Skins, Work-Skins, css - Fandom
22 Aug 2023
Tags
Summary
𝔚𝔢𝔩𝔠𝔬𝔪𝔢 𝔱𝔬 𝔭𝔞𝔯𝔱 𝔱𝔴𝔬 𝔬𝔣 𝔴𝔥𝔞𝔱 𝔦𝔰 𝔫𝔬𝔴 𝔞𝔭𝔭𝔞𝔯𝔢𝔫𝔱𝔩𝔶 𝔞 𝔰𝔢𝔯𝔦𝔢𝔰 𝔟𝔢𝔠𝔞𝔲𝔰𝔢 ℑ 𝔟𝔯𝔬𝔨𝔢 𝔰𝔬𝔪𝔢𝔱𝔥𝔦𝔫𝔤 𝔦𝔫 𝔪𝔶 𝔩𝔞𝔰𝔱 𝔚𝔬𝔯𝔨 𝔖𝔨𝔦𝔫 𝔞𝔫𝔡 𝔠𝔞𝔫'𝔱 𝔞𝔡𝔡 𝔞𝔫𝔶𝔱𝔥𝔦𝔫𝔤 𝔪𝔬𝔯𝔢 𝔱𝔬 𝔦𝔱 :)
𝔜𝔬𝔲'𝔯𝔢 𝔴𝔢𝔩𝔠𝔬𝔪𝔢 𝔱𝔬 𝔞𝔰𝔨 𝔮𝔲𝔢𝔰𝔱𝔦𝔬𝔫𝔰, 𝔰𝔱𝔢𝔞𝔩 𝔠𝔬𝔡𝔢 𝔬𝔯 𝔬𝔣𝔣𝔢𝔯 𝔪𝔢 𝔦𝔫𝔰𝔭𝔦𝔯𝔞𝔱𝔦𝔬𝔫. 𝔍𝔲𝔰𝔱 𝔡𝔬𝔫'𝔱 𝔱𝔞𝔨𝔢 𝔪𝔶 𝔞𝔯𝔱𝔴𝔬𝔯𝔨 𝔴𝔦𝔱𝔥𝔬𝔲𝔱 𝔞𝔱 𝔩𝔢𝔞𝔰𝔱 𝔩𝔦𝔫𝔨𝔦𝔫𝔤 𝔪𝔢 𝔶𝔬𝔲𝔯 𝔣𝔦𝔠 ;)
ℑ𝔣 𝔶𝔬𝔲 𝔥𝔞𝔳𝔢𝔫'𝔱 𝔞𝔩𝔯𝔢𝔞𝔡𝔶, 𝔱𝔞𝔨𝔢 𝔞 𝔩𝔬𝔬𝔨 𝔞𝔱 𝓟𝓪𝓻𝓽 𝓞𝓷𝓮 𝔣𝔬𝔯 𝔪𝔬𝔯𝔢 𝔭𝔯𝔬𝔧𝔢𝔠𝔱𝔰.
Click me!
Ao3 done unleashed a monster right here and it's goddamn beautiful.
Series
- Part 2 of CSS in Testing
Pages Navigation
Bookmarks which have used it as a tag:
Pages Navigation
-
Tags
Summary
A Reddit template for use on AO3.
-
the idiot's incoherent guide to learning css & html for ao3 in dystopia by Anonymous
Fandoms: No Fandom
20 Jun 2022
Tags
Summary
CSS & HTML code illiterate but want to add socmed elements amongst other interesting elements in your work? The Idiot™ pertained in the title? Then this Idiot's Incomprehensible Guide is for you! Alternatively, an autobiographical exploit and documentation into learning CSS and HTML in AO3 through the guide of other authors written in a third person perspective. If you found this, I'm so sorry. I'm publishing this so it doesn't get deleted.
-
How to Make iOS Text Messages on AO3 by CodenameCarrot, La_Temperanza
Fandoms: No Fandom
10 Apr 2016
Tags
Summary
This is a tutorial/live example on how to mimic iOS text messages on AO3 without the need to use images. There's also a chapter on how to have emojis displayed on AO3 as well.
Series
- Part 3 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 4,500
- Chapters:
- 2/2
- Collections:
- 7
- Comments:
- 363
- Kudos:
- 3,374
- Bookmarks:
- 3,265
- Hits:
- 142,667
Bookmarked by campylobacter
01 Aug 2022
Bookmarker's Tags:
Bookmarker's Notes
I forget this exists so I'm finally bookmarking it! Multiple updates & improvements with collaborative input.
-
Permablocking Specific Tags - Site Skin by Eli0t
Fandoms: Fandom - Fandom, AO3, No Fandom
10 Aug 2023
Tags
Summary
It finally exists. You can block any tag you want forever! You no longer need 3rd party extensions for this!
Series
- Part 1 of AO3 Skins
- Part 1 of :has() selector
-
AO3 Work Skins/Tutorials by CodenameCarrot, La_Temperanza
Fandom: Deadpool (Comics), Deadpool - All Media Types, No Fandom, Undertale (Video Game)
18 May 2025
- Words:
- 84,915
- Works:
- 19
- Bookmarks:
- 4,024
Bookmarked by TheLion_Shits_Carrots
30 Aug 2022
Bookmarker's Tags:
Bookmarker's Notes
Skiiiiiiiiiiinnnnn
-
Tags
Summary
This is a tutorial/live example on how to make large images fit on mobile browsers but remain normal size on desktop browsers.
Series
- Part 18 of AO3 Work Skins/Tutorials
-
Permablocking Specific Tags - Site Skin by Eli0t
Fandoms: Fandom - Fandom, AO3, No Fandom
10 Aug 2023
Tags
Summary
It finally exists. You can block any tag you want forever! You no longer need 3rd party extensions for this!
Series
- Part 1 of AO3 Skins
- Part 1 of :has() selector
- Language:
- English
- Words:
- 2,232
- Chapters:
- 3/3
- Collections:
- 1
- Comments:
- 281
- Kudos:
- 455
- Bookmarks:
- 471
- Hits:
- 20,419
Bookmarked by Takene_ne
18 Sep 2022
Bookmarker's Tags:
Bookmarker's Notes
→ Permablocking Specific Tags - Site Skin by Eli0t
* * *
TAG BLOCKER <3 <3 <3 -
CSS in Testing by InfinitysWraith
Fandoms: Ao3 Skins - Fandom, Work Skins - Fandom, css - Fandom
18 Apr 2022
Tags
Summary
This is a flaming dumpster filled with CSS and HTML experiments. It's not instructional, but I post the code and my own explanations for both our sakes. Feel free to steal the code or ask me questions- I don't know what I'm doing. :)
(Pics are mine though)
Chapter 5 is probably what you're looking for ;)
I'm not going to say I take requests, but I'm always looking for inspiration.
It seems I've broken Ao3 yet again. I can no longer add more code to my work skin so we're moving on to part two!
Series
- Part 1 of CSS in Testing
-
Tags
Summary
Popup tooltips that work well on both desktop (hover) and mobile (tap open and close). Constrained width, so best for short tooltips or translations for a couple words at the most.
Series
- Part 1 of Simbeline's Work Skins
-
Tags
Summary
A bunch of Ao3 Skins with flag pride colors!
Happy pride month!
Series
- Part 7 of CSS code scripts for Ao3
-
Tags
Summary
A Reddit template for use on 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
-
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
-
Permablocking Specific Tags - Site Skin by Eli0t
Fandoms: Fandom - Fandom, AO3, No Fandom
10 Aug 2023
Tags
Summary
It finally exists. You can block any tag you want forever! You no longer need 3rd party extensions for this!
Series
- Part 1 of AO3 Skins
- Part 1 of :has() selector
- Language:
- English
- Words:
- 2,232
- Chapters:
- 3/3
- Collections:
- 1
- Comments:
- 281
- Kudos:
- 455
- Bookmarks:
- 471
- Hits:
- 20,419
Bookmarked by Nightcandle
09 Feb 2023
Bookmarker's Tags:
Bookmarker's Collections:
Bookmarker's Notes
Permablocking Specific Tags - Site Skin by Eli0t
-----------------The code used here can also be used to highlight (by different text color) Works with specific tags.
It also has several useful "inspired by" Works that explain further useful possibilities of this code and its siblings.This Work is part of a Series that also has turorials for other useful Site Skins.
-
Tags
Summary
有手就行
-
Tags
Summary
Code for simplistic site skin for AO3.
Full code, with explanation on what everything does, so anyone can be able to customize it to their liking.
-
The Nice and Accurate Guide to Footnotes by Vigs for fersh
Fandoms: Good Omens - Neil Gaiman & Terry Pratchett, Good Omens (TV)
10 Aug 2019
Tags
Summary
If you're writing fanfiction for Good Omens, you may find yourself wanting to include footnotes.
But html can be confusing. What can you do?
Read this guide to find out!
-
Tags
Summary
Got a fic where characters message each other?
Series
- Part 3 of Azdaema's AO3 Messaging Skins
-
AO3 Work Skins/Tutorials by CodenameCarrot, La_Temperanza
Fandom: Deadpool (Comics), Deadpool - All Media Types, No Fandom, Undertale (Video Game)
18 May 2025
- Words:
- 84,915
- Works:
- 19
- Bookmarks:
- 4,024
-
Tags
Summary
An expansion to the existing forum skin by fencesit.
Bookmarked by not_rude_ginger
01 May 2023
Bookmarker's Tags:
Bookmarker's Notes
Forum discussion css