Home | Blog | Software | Reviews and Features | Forum | Help | Donate | About us
topbanner_forum
  *

avatar image

Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
  • September 05, 2015, 12:48:33 AM
  • Proudly celebrating 10 years online.
  • Donate now to become a lifetime supporting member of the site and get a non-expiring license key for all of our programs.
  • donate

Author Topic: Dina in Firefox with Stylish  (Read 5967 times)

Lebewesen

  • Supporting Member
  • Joined in 2007
  • **
  • Posts: 10
    • View Profile
    • Donate to Member
Dina in Firefox with Stylish
« on: July 26, 2009, 10:07:23 AM »
@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:
dina.gif
« Last Edit: July 26, 2009, 04:28:29 PM by Lebewesen »

mouser

  • First Author
  • Administrator
  • Joined in 2005
  • *****
  • Posts: 35,013
    • View Profile
    • Mouser's Software Zone on DonationCoder.com
    • Donate to Member
Re: Dina in Firefox with Stylish
« Reply #1 on: July 26, 2009, 12:18:46 PM »
i'd love to see a screenshot of this in action lebewesen.  mind posting one?

housetier

  • Charter Honorary Member
  • Joined in 2005
  • ***
  • default avatar
  • Posts: 1,321
    • View Profile
    • Donate to Member
Re: Dina in Firefox with Stylish
« Reply #2 on: July 26, 2009, 01:45:18 PM »
arrrr me hearty! welcome aboard :D

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

Lebewesen

  • Supporting Member
  • Joined in 2007
  • **
  • Posts: 10
    • View Profile
    • Donate to Member
Re: Dina in Firefox with Stylish
« Reply #3 on: July 26, 2009, 04:54:32 PM »
One screenshots is in my first post now

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

Orginal:
Screenshot - 26.07.2009 , 23_44_27.png



Tweaked:
Screenshot - 26.07.2009 , 23_45_47.png
« Last Edit: July 26, 2009, 04:57:16 PM by Lebewesen »

Jibz

  • Moderator
  • Joined in 2005
  • *****
  • Posts: 1,035
    • View Profile
    • Donate to Member
Re: Dina in Firefox with Stylish
« Reply #4 on: July 26, 2009, 05:34:54 PM »
Amazing :Thmbsup:

housetier

  • Charter Honorary Member
  • Joined in 2005
  • ***
  • default avatar
  • Posts: 1,321
    • View Profile
    • Donate to Member
Re: Dina in Firefox with Stylish
« Reply #5 on: July 27, 2009, 05:48:05 AM »
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

  • Supporting Member
  • Joined in 2007
  • **
  • Posts: 10
    • View Profile
    • Donate to Member
Re: Dina in Firefox with Stylish
« Reply #6 on: July 27, 2009, 06:02:29 AM »
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
  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. }
  21.