Stylish is a popular addon for firefox and other browsers that allows people to apply their own stylesheets (basically like skins) to their favorite websites. Mostly, these styles are shared at userstyles.org, but because of pressure from advertisers, it doesn't allow adult sites.
I wrote a gray on black style to make aff more pleasant to read on mobile, particularly in the dark. I don't know about you guys, but Id rather read in bed before going to sleep than sitting at a desk with all the lights on
It doesn't do anything clever and I'm no CSS guru, but it mostly achieves it's purpose with a few caveats:
1) I can't figure out how to change the font size for stories.
2) AFF is unfortunately inconsistent about paragraphs and linebreaks atm so I can't do much with paragraph styling.
3) lang is not set I can't enabled auto hyphenation.
feel free to contribute improvements!
Firefox mobile installation instructions:
1) go here to download the lastest stylish beta that is required to install styles locally: http://forum.userstyles.org/discussion/38049/stylish-for-firefox-1.4b3
2) copy the style below and save it as something.css
3) MENU->TOOLS->ADDONS->STYLISH->install from url
4) enter file:/// followed by the path to the style. for example file:///storage/sdcard1/styles/aff.css
5) enter a name
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("adult-fanfiction.org") {
body {
background-color: black !important;
color: gray !important;
}
#header {
background-color: black !important;
color: gray !important;
}
#snav li a {
background-color: black !important;
color: gray !important;
}
#snav li.list a {
background-color: black !important;
color: gray !important;
}
#bottomnav li a {
background-color: black !important;
color: gray !important;
}
.MenuBarHorizontal {
background-color: black !important;
color: gray !important;
}
ul.MenuBarHorizontal a {
background-color: black !important;
color: gray !important;
}
#copyright {
background-color: black !important;
color: gray !important;
}
#footer {
background-color: black !important;
color: gray !important;
}
#content {
background-color: black !important;
color: gray !important;
}
.news {
background-color: black !important;
color: gray !important;
}
table {
background-color: black !important;
color: gray !important;
}
td {
background-color: black !important;
color: gray !important;
text-align: justify !important;
}}