Dina in Firefox with Stylish

[Lebewesen]

@Jibz, I  love your font - its very clear and easy to read!

Some of my favorite websites are not easy to read in the normal site font so i created a little Stylish script:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("donationcoder.com"),
               domain("anotherDomaoin.com")
{
body, html, .post {font-family:dina !important;font-size:10pt !important;}
}

Edit: I made a mistake with the namespace - now it should work.

Screenshot:

[mouser]

i'd love to see a screenshot of this in action lebewesen.  mind posting one?

[housetier]

arrrr me hearty! welcome aboard

Yes and I would like to see the results too: "before" and "after".

[Lebewesen]

One screenshots is in my first post now

Here are two others - but with a bit more tweaking.

Orginal:



Tweaked:

[Jibz]

Amazing

[housetier]

Now that I have seen it, I have to consider trying stylish myself to improve the "web experience" of some sites.

Thanks for the idea

[Lebewesen]

Maybe you like this one as a starter - here I have tweaked the newssite  heise to nearly perfection - you can clearly distinguish links and see if they were visited or not and if they are external links.

If you like I can make a screenshot later.

Code: CSS [Select]

1. @namespace url(http://www.w3.org/1999/xhtml);
2.  
3. @-moz-document domain("heise.de"){
4.         a:link    {text-decoration:none !important; font-weight:bold   !important; color:blue !important;font-family:times;text-shadow: #c0c0c0 3px 3px 5px;}
5.         a:visited {text-decoration:none !important; font-weight:normal !important; color:navy!important; text-shadow: #c0c0c0 3px 3px 5px;}
6.         a:hover   {text-decoration:none !important; font-weight:bold   !important; background-color:gold !important;}
7.         a:active  {text-decoration:none !important; font-weight:bold   !important; background-color:blanchedalmond !important;}
8.         a:focus   {text-decoration:none !important; font-weight:bold   !important; background-color:aqua !important;}
9.         #body, html {font-family:times !important;}
10.         body, html {font-family:dina !important;font-size:10pt !important;}
11.  
12.         a[href^="http:"] {
13.                 text-shadow: red 3px 3px 5px;
14.         }
15.  
16.         a[href^="http://heise.de"],
17.         a[href^="http://www.heise.de"]{
18.                 text-shadow: #c0c0c0 3px 3px 5px;
19.         }
20. }