site skin
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
-
Lime in the Coconut by gosuckalemon (orphan_account)
Fandoms: Ao3 site skins, Archive of Our Own
20 Dec 2019
Tags
Summary
A Reversi child skin with lime header and key. Background images have been removed and there are some minor aesthetic tweaks. There may be a few minor aesthetic/visibility issues with this theme. Feel free to modify as you wish and share the results.
-
Tags
Summary
A site skin that combines the dark mode of Reversi with Byline's separation of tags onto different lines based on type of tag.
-
Tags
Summary
Настройка скина для сайта с сортировкой тэгов и русскими названиями категорий в шапках
Series
- Part 1 of Архив на русском
-
Tags
Summary
Добавим немного кириллицы на главную страницу archiveofourown
Series
- Part 2 of Архив на русском
-
Tags
Summary
Страницы создания и редактирования работ на русском.
Series
- Part 3 of Архив на русском
-
Mystery Work
Part of Trash/Scraps
Summary
This is part of an ongoing challenge and will be revealed soon!
-
Tags
Summary
This is the code for a site skin that combines Reversi (dark mode) with Hide Stats by Blurblings.
-
Tags
Summary
Адаптируем боковое меню фильтров
Series
- Part 4 of Архив на русском
-
Tags
Summary
Прибираем рабочее пространство и меню коллекций
Series
- Part 5 of Архив на русском
-
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
-
Fonts, and colors, and work skins, oh my! by Charles_Rockafellor
Fandoms: css - Fandom, Work Skins - Fandom
24 Jan 2021
Tags
Summary
Explains:
● how to make a work skin;
● how to view fics' work skin rules;
● how to colorize text and circle words and highlight backgrounds (examples in head-note), and change and resize your fonts;
● how to turn all links blue-underscore automatically;
● the CSS code for diacritics to render properly, e.g.: “ầ” & “ồ” (with diacritics not superimposed), or “ị” (with underdot directly beneath, not kerned to the left), without breaking words such as “gầu” or “vịt” (using a monotype font for these letters would create gaps to each side of the ầ or the ị). Head-note has corrected examples;
● Site Skin addenda to block / shrink tags, and block authors / works;
● even a quick way (code included) to simply make a Site Skin so that you can read everything in your font of preference!Full code is included.
I read, appreciate, and reply to all of your comments — they're always welcome!
𝑫𝒐𝒏'𝒕 𝒇𝒐𝒓𝒈𝒆𝒕 𝒕𝒐 𝑳𝒊𝒌𝒆, 𝑺𝒉𝒂𝒓𝒆, 𝒂𝒏𝒅 𝑺𝒖𝒃𝒔𝒄𝒓𝒊𝒃𝒆! ❤️
Series
- Part 1 of How to
-
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
-
Tags
Summary
Does light mode hurt your eyes, but you find that white text on a black background is also hard to read? Well, this is the site skin for you! Inspired by the parchment-colored setting on a few other reading apps such as Kindle. Desktop and mobile friendly!
-
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
AO3 site skin with a white background and purple accents.
Header and footer are purple.
There is a border around each separate work on a work browsing list and on an author's profile page.
Each message in the inbox has a border around it, as does each comment at the end of a work. Threaded comments alternate having a white background and a pale grey background.
Buttons are rounded. Comment box is rounded.
Tags have a lighter purple background. Warnings are in white, regular text. Ships are bolded and in dark purple text. Shortening long tag fields skin is added as a parent to reduce tag field to a max of 5 lines that can be scrolled through.
Font is set to Helvetica Neue, Arial, or other sans serif font. -
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
-
SITE SKIN: Updated Workings Fix Actions Left by Gay_4_Space
Fandoms: css - Fandom, Archive Skins, Site Skin - Fandom, AO3
23 Jul 2021
Tags
Summary
Updated the Workings Fix Actions Left to work properly nowadays. Copy/Paste into your own site skin to make it work.
Series
- Part 1 of Updated Site Skins
- Part 1 of Site Skins
- Language:
- English
- Words:
- 122
- Chapters:
- 1/1
- Collections:
- 1
- Hits:
- 222
-
SITE SKIN: Updated Workings Fix Actions Right by Gay_4_Space
Fandoms: css - Fandom, Archive Skins, Site Skin - Fandom, AO3
23 Jul 2021
Tags
Series
- Part 2 of Updated Site Skins
- Part 2 of Site Skins
Pages Navigation
Bookmarks which have used it as a tag:
Pages Navigation
-
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
-
Tags
Summary
As I continue to teach myself CSS coding (and the bits and pieces of AO3 that can be customized), I decided to make a classic rainbow themed skin. Chapter 1 of this work is light mode. Chapter 2 is dark mode.
This was optimized for my android phone screen, so positioning might be off if you're on a different device or on a desktop. The only things I moved around were in the header, though, so hopefully it won't be too bad!
-
How to Block Tags With Site Skins (And Get Real Specific About It) by najio
Fandoms: No Fandom
08 Jan 2023
Tags
Summary
Just some info I've gathered over the past couple of weeks, about how to:
1. Block tags using Site Skins, block only fics that contain both tag A and tag B, and block fics with a tag that contains a certain phrase, unless they are a specific whitelisted tag
2. Highlight the tags in pretty colors! Or bold, or hide them!
3. Block mega-crossovers with a million different fandoms
4. Select for/block fics that are completed/rated something/have a certain category/don't have summaries
5. Block everything that doesn't have a certain tag, or one of a list of tags
6. Block orphan_account and tag block by author
7. Block only tags of specific types (fandoms, relationships, freeforms, etc.)
8. Block fics focused on original characters, and/or fics without any tags of a specific type
9. Block every pairing with two characters in it—case insensitive, any order, no matter how many other people are also in the tag
10. Block by number of tags -
Tags
Summary
A work skin and tutorial for logic grid puzzles on AO3. This tutorial includes 2 versions of a logic grid puzzle: a basic version (printable!) and an interactive puzzle grid!
See Chapter 1 for an overview of the style with annotations, Chapter 2 for an explanation of how it all works (including a tutorial on making the grid printable, hiding the solution table behind a spoiler block and how to make the grid interactive), Chapter 3 for the full CSS code for easy copy-pasting, Chapters 4 and 5 for an example of an interactive 3x3x3 logic grid with the HTML code, Chapters 6 and 7 for a basic 3x3x3 grid and Chapters 8 and 9 for a 4x4x4 logic puzzle grid.
All the puzzles that appear in this tutorial are solvable and the solutions are included here!
- Language:
- English
- Words:
- 5,516
- Chapters:
- 9/9
- Collections:
- 1
- Comments:
- 4
- Kudos:
- 32
- Bookmarks:
- 16
- Hits:
- 250
Bookmarked by JellyfishLover
28 Sep 2022
Bookmarker's Tags:
Bookmarker's Notes
Cool site skin! Now I'm in the mood to make a puzzle!
-
Tags
Summary
A bunch of Ao3 Skins with flag pride colors!
Happy pride month!
Series
- Part 7 of CSS code scripts for Ao3
-
Useful CSS for readers by ao3commentoftheday, memorizingthedigitsofpi
Fandoms: No Fandom
05 Apr 2022
Tags
Summary
This guide is two chapters long. Chapter One is some useful bits and pieces of CSS code that users who read on AO3 may find useful. This code only changes the way AO3 presents works to you, the reader. It does not change the way AO3 looks for anyone else.
Chapter Two provides instructions on how to create a site skin, if you've never made one before. It also contains instructions for how to combine site skins together, for example how to add the CSS code from Chapter One to the Reversi site skin for dark mode versions of the same functions.
Series
- Part 11 of How to AO3
-
Tags
Summary
A bunch of Ao3 Skins with flag pride colors!
Happy pride month!
Series
- Part 7 of CSS code scripts for Ao3
-
Neon Blue Dark Mode - site skin (aka Tron skin) by memorizingthedigitsofpi
Fandoms: No Fandom
04 Feb 2022
Tags
Summary
A site skin that changes the background of AO3 to true black. Text and all other elements are in blue. Glow effects are employed in probably too many places.
This skin also moves the icons about fic status/rating etc from a square in the top left corner of the blurb to a row in the centre, below the title. I also added in code to force a blank line between paragraphs if one doesn't exist and to force text to align left instead of centred or right.
-
Tags
Summary
Does light mode hurt your eyes, but you find that white text on a black background is also hard to read? Well, this is the site skin for you! Inspired by the parchment-colored setting on a few other reading apps such as Kindle. Desktop and mobile friendly!
-
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
- Language:
- English
- Words:
- 290
- Chapters:
- 1/1
- Collections:
- 2
- Comments:
- 38
- Kudos:
- 88
- Bookmarks:
- 23
- Hits:
- 4210
Bookmarked by Clover_Zero
21 Feb 2022
Bookmarker's Tags:
Bookmarker's Notes
Minimal skin for Ao3 in both dark and light mode by ElectricAlice
-
Neon Blue Dark Mode - site skin (aka Tron skin) by memorizingthedigitsofpi
Fandoms: No Fandom
04 Feb 2022
Tags
Summary
A site skin that changes the background of AO3 to true black. Text and all other elements are in blue. Glow effects are employed in probably too many places.
This skin also moves the icons about fic status/rating etc from a square in the top left corner of the blurb to a row in the centre, below the title. I also added in code to force a blank line between paragraphs if one doesn't exist and to force text to align left instead of centred or right.
-
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
- Language:
- English
- Words:
- 6,444
- Chapters:
- 4/4
- Collections:
- 4
- Comments:
- 168
- Kudos:
- 465
- Bookmarks:
- 297
- Hits:
- 18710
Bookmarked by GreyLiliy
24 Nov 2021
Bookmarker's Tags:
Bookmarker's Notes
I love this skin. It's so clean and easy to read as well as customize.
-
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
- Language:
- English
- Words:
- 1,329
- Chapters:
- 1/1
- Collections:
- 3
- Comments:
- 138
- Kudos:
- 215
- Bookmarks:
- 84
- Hits:
- 8944
Bookmarked by Clover_Zero
17 Nov 2021
Bookmarker's Tags:
Bookmarker's Notes
Tide: a flat and clean skin for Ao3 by ElectricAlice
-
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
make your ao3 look
amazingly90esSeries
- Part 11 of CSS code scripts for Ao3
-
Tag Naming Site Skin + Rename Stats site skin by memorizingthedigitsofpi
Fandoms: No Fandom
24 Sep 2022
Tags
Summary
CSS code that adds text in front of each tag type (Warnings, Relationships, Chararacters, Additional Tags). This only affects the tags when you're scrolling through a list of works (on an author's page, in a search etc) and not the labels at the top of a fic that you've opened.
Chapter two gives the CSS code for renaming the stats at the top of each AO3 work.
-
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
-
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
I made a dark mode site skin that embraces the classic red. Apparently AO3 didn't allow for users to make their skins public anymore so I decided to post it like this!
The skin makes the background black and the text white. Grey and the classic red are accent colours!
Works for desktop and phone great! Feel free to edit and use the CSS however you'd like! But keep in mind this was my first time coding so the CSS is a mess for those of you who are actually good at coding.
(Updated at 2019-12-29
Comment background no longer white.)(Updated 2020-05-24
White background no longer appears in the statistics tab.)(Updated 2020-07-20
When on a page under the upper left menu, the text header in the drop-down menu of the page you are on will show red, not dark grey.)Tutorial on how to use it in notes!
-
Orphan's Ao3 Skin by Orphan-dat
Fandoms: Archive of Our Own
This work isn't hosted on the Archive so this blurb might not be complete or accurate.
01 Jul 2021
Tags
Summary
Because I just got asked for this and the old link is broken: behold! The CSS files for the work and site skins I use at the AO3. Feel free to take this and hack and edit it as much as you like.
- Bookmarks:
- 1
Bookmarked by ElectricAlice
01 Jul 2021
Bookmarker's Tags:
Bookmarker's Collections:
Bookmarker's Notes
Both Site Skin and Work Skin available. Very elegant.