AFF userstyle

[vblm]

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;
}}
 

Edited November 9, 2013 by vblm

[DemonGoddess]

I wrote a userstyle primarily with the intention of making aff more pleasant to read on mobile. userstyles.org doesn't allow adult sites, so I thought I'd share it here!

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

So you know, linking the to Firefox addon page for this might've been better . At least where there is downloading that needs to happen.

As to why you can't:

Change font size: That's determined by the writer, when adding his or her story. The rich text editor allows a user to select fontface and font size. That being the case, there are many things already governed by css, such as how the stories draw.

Paragraphs and linebreaks - The "inconsistency" is once again governed by the users themselves, within the body of the story.

Lang is determined by the database. The default is utf-8

As what this addon does is give an additional set of css instructions to a web page, understand that where css is already in use, you won't be able to change anything

[vblm]

Hiya.

I didn't link to the addon page because that version doesn't allow you to install styles from arbitrary urls. The link I gave is to a beta of the next version.

Also you can (and I do) override the sites styling by using the !important declaration. This sort of thing would be useless otherwise.

edit: I'd made a quick change to the css adding www to the domain to prevent it interfering with the forum css, but I forgot aff uses subdomains so on a lot them weren't getting this style applied anymore. I've reverted that change, but it does make the desktop forum style ugly. Ill fix this maybe tomorrow by adding each subdomain separately.

Edited November 9, 2013 by vblm

[DemonGoddess]

Sure, you can override much visually with additional css instruction, as you're telling the browser to use css to tell the php application how to draw for you in your browser. However, there are certain things you won't be able to override, such as the paragraph and line break, character set, and etc. As I said, that's governed by the rte, and ITS css instructions, as well as the underlying javascript which powers that application.

Something else to keep in mind, this is a Firefox plugin. That being said, this is something which should only work in Firefox, whether standard or mobile.

[vblm]

Actually if you are interested in using this for another browser, there are userstyle plugins for desktop chrome, and I think safari. Like I said, I made this to make it easier to read on Firefox mobile (who wants to sit and read at their desk with the lights on anymore? , but it could be made to work on those browsers with minor modification assuming those plugins allow you to install styles from your locak fs.

[DemonGoddess]

Looking at the forum you linked to above, the Safari plugin is limited, the Chrome plugin is actually for CHROMIUM and will not work for Chrome

[vblm]

Here is the Chrome URL if you want to give it a try: https://chrome.google.com/webstore/detail/fjnbnpbmkenffdnngjfgmeleoegfcffe

However Chrome doesn't support @-moz-document so the procedure for getting it to use a certain domain is going to be different. I can't test it out, sorry, but it should be possible to use this style with chrome.

[DemonGoddess]

Again, I refer you to the reviews. When I have the time, I'll experiment a little, and see if I can make it work, and work well. As you said, you're not a css guru, which leads me to believe you're also not a web developer. Me, on the other hand, I'm conversant with css, have used it for years for various things, and help with web development here.

So, while I appreciate your excitement at finding something which may be useful, you also need to appreciate the fact that anything such as this, I'll want to test further for the users.

[vblm]

Um, it already works well for me. I shared this with the expectation that it might be useful to someone else who likes to read aff on android, but that's all. As far as I'm concerned, its already fulfilling its purpose. I'm not sure what you are trying to say.

[pittwitch]

I think DG is interpreting your posts as: You would like AFF to officially share this gizmo with our users as an option. If you want to use it for your own personal reading pleasure, more power to you! If anyone else would like to take advantage of your find, more power to them. AFF can't endorse something until its functionality is confirmed.

[vblm]

Huh. Well that's not really the purpose of a userstyle. The whole idea is to allow end users to write and apply their own css. As I said, I'm sharing it here directly with aff users because the usual venue does not allow adult sites.

Edit: I've been using stylish for a few years now. I think that the confusion is that I didn't think to explain it. It does have a good number of users, but it was probably unrealistic to expect people to have any idea what I was talking about. I'll try to explain it better in the first post.

Edited November 9, 2013 by vblm