ao3 quickfix codes

Sorry for everyone seeing this a million times, but I wanted to make a public post for this. Um, feel free to share?

AO3 recently updated its layout. I've designed a few quickfixes for readability, separated by function: they're about a few lines long each, and you can use as few or as many of them as you'd like. This only works for people with AO3 accounts, sorry.

Behind the cut are combined & separate codes to:

— change the background color to white
— force all fonts to your preferred font
— uncapitalize fic titles
— make the margins on fic text larger
— add back the divider between the summary/notes and the fic text
— make the input boxes white instead of lavender
— make boxes white instead of lavender on author pages
— ETA: un-shade the relationship tags (forgot to add this earlier, sorry)

Implementing the combined code will give you this (serif and sans serif), and the author pages will look like this.

Because I don't like change, I've messed around with the layout and now mine looks like this: fic page and author page. If you want of the particular fixes you see here, let me know, and I'll dig through my code and get back to you.

How to install:

1. Go here.
2. Paste this stuff into the CSS field and click submit.
3. Scroll down to the bottom of the next page and click use.


Combined code:

/* changes background color to white */ body,#outer { background-color: #fff; } /* forces all fonts to [preferred font] */ body,workskin,blockquote,pre,.heading .actions,.heading .action,.heading span.actions,span.unread,.replied,span.claimed,.heading,h1,h2,h3,h4,h5,h6,a.work,.system .intro,.system .module h2,.system .intro a,.system .intro em,.system .latest h3,.system div.news h3,span.symbol,div.preface,.preface blockquote,.preface h2.title,.datetime,input { font-family: georgia !important; } /* uncapitalizes the title */ .preface h2.title { font-variant: normal; } /* fixes the margins on fic text */ div.userstuff { margin: 1.5em 3em; padding: 0.643em 0.643em 0; } /*adds a divider between notes and fic text */ div.preface { border-bottom: 3px double; } /* makes the input boxes white */ input,textarea,input:focus,select:focus,textarea:focus { background-color: #fff; } /* makes boxes on author pages white */ .listbox .index,.dashboard .listbox .index { background-color: #fff; } /* un-shade the relationship tags */ .tags,.tags a,.tags li { background-color: #fff; }


Code snippets:

Changes background color to white:
/* changes background color to white */ body,#outer { background-color: #fff; }

Forces all font to your preferred font:
/* forces all fonts to [preferred font] */ body,workskin,blockquote,pre,.heading .actions,.heading .action,.heading span.actions,span.unread,.replied,span.claimed,.heading,h1,h2,h3,h4,h5,h6,a.work,.system .intro,.system .module h2,.system .intro a,.system .intro em,.system .latest h3,.system div.news h3,span.symbol, div.preface,.preface blockquote, .preface h2.title,.datetime,input { font-family: geogia !important; }

Uncapitalizes fic titles:
/* uncapitalizes the title */ .preface h2.title { font-variant: normal; }

Fixes the margins on fic text (larger margins)
/* fixes the margins on fic text */ div.userstuff { margin: 1.5em 3em; padding: 0.643em 0.643em 0; }

Adds the divider back between summary/notes and fic text:
/*adds a divider between notes and fic text */ div.preface { border-bottom: 3px double; }

Makes input boxes white instead of lavender:
/* makes the input boxes white */ input,textarea,input:focus,select:focus,textarea:focus { background-color: #fff; }

Makes boxes white instead of lavender on author pages:
/* makes boxes on author pages white */ .listbox .index,.dashboard .listbox .index { background-color: #fff; }

Un-shade the relationship tags:
/* un-shade the relationship tags */ .tags,.tags a,.tags li { background-color: #fff; }