Welcome Guest.   Make a donation to an author on the site December 18, 2014, 01:17:33 AM  *

Please login or register.
Or did you miss your validation email?


Login with username and password (forgot your password?)
Why not become a lifetime supporting member of the site with a one-time donation of any amount? Your donation entitles you to a ton of additional benefits, including access to exclusive discounts and downloads, the ability to enter monthly free software drawings, and a single non-expiring license key for all of our programs.


You must sign up here before you can post and access some areas of the site. Registration is totally free and confidential.
 
Your Support Funds this Site: View the Supporter Yearbook.
   
   Forum Home   Thread Marks Chat! Downloads Search Login Register  
Pages: [1]   Go Down
  Reply  |  New Topic  |  Print  
Author Topic: Dina in Firefox with Stylish  (Read 5466 times)
Lebewesen
Supporting Member
**
Posts: 10


View Profile Give some DonationCredits to this forum member
« 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:
« Last Edit: July 26, 2009, 04:28:29 PM by Lebewesen » Logged
mouser
First Author
Administrator
*****
Posts: 33,768



see users location on a map View Profile WWW Read user's biography. Give some DonationCredits to this forum member
« 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?
Logged
housetier
Charter Honorary Member
***
Posts: 1,321


see users location on a map View Profile Give some DonationCredits to this forum member
« Reply #2 on: July 26, 2009, 01:45:18 PM »

arrrr me hearty! welcome aboard cheesy

Yes and I would like to see the results too: "before" and "after".
Logged
Lebewesen
Supporting Member
**
Posts: 10


View Profile Give some DonationCredits to this forum member
« 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:




Tweaked:
« Last Edit: July 26, 2009, 04:57:16 PM by Lebewesen » Logged
Jibz
Moderator
*****
Posts: 959



Cold Warrior

View Profile WWW Give some DonationCredits to this forum member
« Reply #4 on: July 26, 2009, 05:34:54 PM »

Amazing Thmbsup
Logged

"A problem, properly stated, is a problem on it's way to being solved" -Buckminster Fuller
"Multithreading is just one damn thing after, before, or simultaneous with another" -Andrei Alexandrescu
housetier
Charter Honorary Member
***
Posts: 1,321


see users location on a map View Profile Give some DonationCredits to this forum member
« 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 smiley
Logged
Lebewesen
Supporting Member
**
Posts: 10


View Profile Give some DonationCredits to this forum member
« 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.

Formatted for CSS with the GeSHI Syntax Highlighter [copy or print]
  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. }
Logged
Pages: [1]   Go Up
  Reply  |  New Topic  |  Print  
 
Jump to:  
   Forum Home   Thread Marks Chat! Downloads Search Login Register  

DonationCoder.com | About Us
DonationCoder.com Forum | Powered by SMF
[ Page time: 0.044s | Server load: 0.07 ]