Wider and nicer box in stories w/out covers FF.net

Added by rayesesshyfan@userstyles, Created: Jun 11, 2012, Updated: Jun 12, 2012
  • Here's what it will look like after you install.
  • With the style applied (Generated screenshot)
  • Without the style applied (Generated screenshot)


Inspired from Sirius' "Fanfiction.net - Remove avatars from summaries", I wanted something that will widen the content a little more (close to the original) and fix up the hideous looking box with a border FF.net decided to add for the story information.

More info
Here's what I did:

-Deleted that HORRIBLE blue border that was on the box.

-Added in the light grey (yes, it's grey, it just seems blue) for the area text controls instead of white because it had no sense of separation.

-Added some line-height to the table that holds the title, description, and everything down to the content adjustments to give some more space since it was terribly squished. It's still a bit too squished but FF.net decided not to use paragraph tags. Go figure.

-Added some spacing above the box to give space between the portal (Movies ->The Avengers in this case).

-Changed the size of the text controls one notch. It seemed too big. You can easily change this by deleting the line "font-size: 11px;".

There is no way to completely delete the borders around the box itself. FF.net decided not to use CSS there. Same goes for the title or the horrible horizontal line.

(The fact they use tables still is annoying to me and I hate it but this is as "pretty" as I could get.)

Original idea from Sirius.
I merely added to it just in case picky people like me also get bothered by the horrible box they added above the stories.

Feel free to edit the style to your liking. W3schools.com is the perfect place to learn CSS. It's pretty easy to learn.

You should to add comment and rate the style.


+ Create discussion

Applies to:
all URLs

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.