Google Reader Theme in Safari

OK, I think this is almost there. All the wierdness I was seeing in the sidebar seems to be have been solved. Anyone fancy testing it?

Update: 'Home' is now fixed

Most importantly, this solves a bug that I was seeing in webkit browsers with the default css. When scrolling, some sidebar elements would annoyingly bounce up and down. Not any more!

--------

This has now moved to: www.hicksdesign.co.uk/journal/google-reader-theme

To take full advantage of Flickr, you should use a JavaScript-enabled browser and
install the latest version of the Macromedia Flash Player.

Comments

vidarara [deleted] says:

nice nice nice. Thank you. I use greader as my default rss client. :)
Posted 27 months ago. ( permalink )

plasticshore says:

almost enough reason to start using google reader. looks great
Posted 27 months ago. ( permalink )

nfolson says:

Looks terrific. Thanks for all your work on this!
Posted 27 months ago. ( permalink )

superdeluxe says:

Somehow my Google Reader "Home" doesn't look very nice. It's completely blue and the content isn't readable at all...
Posted 27 months ago. ( permalink )

doubleoh2 says:

using your stylesheet for google reader Jon. thanks for making it. V cool.
Posted 27 months ago. ( permalink )

Eric Longstaff says:

awesome!
Posted 27 months ago. ( permalink )

Jon Hicks says:

@ Superdeluxe, sorry I mentioned that in a previous post. I just assume everyone reads them all! ;o)

Yes, Home is rubbish at the moment, but will be fixed soon. Its hard to motivate myself do it though, as I never use the 'Home' bit!
Posted 27 months ago. ( permalink )

vidarara [deleted] says:

I can't get it to work with Safari + SafariStand. The main problem is I can't see the css on the list of styles to apply. I placed the css in both ~/Library/Safari/Stand/UserStyleSheets/ and /Library/Safari/Stand/UserStyleSheets/ (my user library and the system library directories). Restarted Safari many times too and emptied the caché.
Thank you.
Posted 27 months ago. ( permalink )

Jon Hicks says:

Hmm, thats odd. For a start, you shouldn't need 2 UserStyleSheet folders, surely?

The greader.css file isn't in a subfolder by any chance?
Posted 27 months ago. ( permalink )

vidarara [deleted] says:

Yep. I placed it on my home "Library" directory first, and then I thought you were refering to place it to /Library (not ~/Library). Anyway, I placed the css in both directories, just for ensure it works.
The greader file is on this directory ~/Library/Safari/Stand/UserStyleSheets/ (and in /Library/Safari/Stand/UserStyleSheets/ too.)
:/

Anyway, I can't see the css in the SafariStand list. It's clearly a SafariStand issue.
Thanks.
Posted 27 months ago. ( permalink )

Zenith says:

This looks fantastic, thank you!
Posted 27 months ago. ( permalink )

vidarara [deleted] says:

It was all my fault. I had to add a rule and from that rule, select the css (which was the css I put on ~/Library/Safari/Stand/UserStyleSheets/).
Thanks. It looks great on Safari. (and forget all I wrote up here.).
Posted 27 months ago. ( permalink )

Penguinville says:

First thanks for the gReader skin. Works great in the latest FF, except in list view the title positioning is weird, causing it to look as though it is overwriting itself with a shadow. Love the drawer effect for account info panel. Thanks.
Posted 27 months ago. ( permalink )

Jon Hicks says:

Roger, if you could send me a screenshot, I can take a look and see if I can reproduce it.
Posted 27 months ago. ( permalink )

Michael Grinstead says:

I'm guessing Roger is referring to this...

Just to add, when initially installed all was fine but after re-installing I now see the above! Fx on xp, just gona try the Mac.
Posted 27 months ago. ( permalink )

Michael Grinstead says:

The same on the Mac (Fx), initial install looks fine but the above after a refresh.
Posted 27 months ago. ( permalink )

Jon Hicks says:

Great, thanks for that. I've solved the Home view problem, and I'll have a look at this next. Also, the title at the top should be white...
Posted 27 months ago. ( permalink )

Marko Mihelcic says:

Nice stuff Jon, I was just wondering about one thing on the "Home" Page the bg color is blue(#1d5eba) is it supposed to be that way..erm here's what I've changed that it goes back to normal:
before:

#chrome {
background: #1d5eba (url here goes that img...

after:
#chrome {
background: #FFFFFF (url here goes that img...

P.S. I'm using the greader.css for Firefox + Camino
Posted 27 months ago. ( permalink )

Jon Hicks says:

No its not meant to be that way. If you re-download, I've updated it to include the Home Page fix (which is different to yours)
Posted 27 months ago. ( permalink )

Marko Mihelcic says:

great tnx
Posted 27 months ago. ( permalink )

radii_ says:

Same problem described by Michael Grinstead... I've just installed the last version of the Safari css. Emptied cache and all.
Posted 27 months ago. ( permalink )

Penguinville says:

Jon, your update fixed the Home issue and list view per category now displays fine. List view per feed still shows the Grindstead issue. Did I mention you have now made it almost enjoyable to use FF on a Mac?
Thanx
Posted 27 months ago. ( permalink )

Jon Hicks says:

OK, the "Grinstead Issue" should now be solved! Please re-download and update.

The download now documents what changes/fixes there are, and what's left to do (as much for me).
Posted 27 months ago. ( permalink )

YaaL says:

Overall much better than original, but the folder icons are way too big IMHO.
Posted 27 months ago. ( permalink )

Penguinville says:

Updates work like a charm, both on FF & Safari. Thanx
Posted 27 months ago. ( permalink )

Michael Grinstead says:

Thanks Jon :)
Posted 27 months ago. ( permalink )

vidarara [deleted] says:

thank you, Jon :)
Posted 27 months ago. ( permalink )

Iconaholic says:

I can't get it to work in Safari (works fine in FF).

I placed the css file in the ~Library/Safari/Stand/UserStyleSheets folder & in SafariStand settings I can select the css file. Here's a pic of my SafariStand settings if it helps
Posted 27 months ago. ( permalink )

Jon Hicks says:

Thanks Jono, that does help! You need to change the matching pattern to just:

www.google.com
Posted 27 months ago. ( permalink )

Iconaholic says:

Thanks Jon, I've got it working now on my MacBook Pro & looks great.

Still can't get it to work on my PowerMac (after clearing the cache, restarting Safari etc.) but I'll carry on twiddling & will hopefully get it up & running there also :)

[edit]Trashed my Safari plist file & now works fine[/edit]
Posted 27 months ago. ( permalink )

blakie says:

you did a great work!
Posted 27 months ago. ( permalink )

Jon Hicks says:

This has now moved to : www.hicksdesign.co.uk/journal/google-reader-t heme
Posted 27 months ago. ( permalink )

jnelas says:

Nice work!

Just one complain :) for the keyboard addicts:

If you use the keyboard to navigate the feed list (shift-j, shift-k), there is no indication of what feed you are selecting.
Posted 27 months ago. ( permalink )

visualdensity says:

that's awesome mate. i've been dying to get a nice style for greader and yours just rocks.

--
Seen on hicksdesign.co.uk (?)
Posted 27 months ago. ( permalink )

josece says:

up and running thanks keep up the good work!
Posted 27 months ago. ( permalink )

silent (e) says:

to get the keyboard cursor back, edit the code for this style.

#sub-tree li a.cursor {
-moz-border-radius: 0px !important;
background: #c3d9ff !important;
}

that's my edit. the background used to be "transparent"
Posted 27 months ago. ( permalink )

Jon Hicks says:

feed highlighting now works! Grab the file again for the update!
Posted 27 months ago. ( permalink )

jnelas says:

It's working perfectly now.

Thanks Jon e silent(e)
Posted 27 months ago. ( permalink )

KSWeatherford says:

Very cool! Thanks so much!

I'm switching back to google reader from newsfire because I can stand to look at it now!
Posted 27 months ago. ( permalink )

bartheq says:

Great job!
Posted 27 months ago. ( permalink )

Lon2000 says:

looks great, i'd love to check it out, but the site seems to be down.
Posted 27 months ago. ( permalink )

B-O-K says:

Fantastic work - thanks a lot!
But oh my! 403's all over the place!!
There's a mirror through Digg.com:
digg.com/apple/Gorgeous_Mac_like_skin_for_Goo gle_Reader#c...
Posted 27 months ago. ( permalink )

Cobber99 says:

Wow - nice work! But yeah - looks like DIGG crashed out your server.

This link works:
www.wikiupload.com/download_page.php?id=12835 3
Posted 27 months ago. ( permalink )

mortimer? says:

thanks a lot!

--
Seen on hicksdesign.co.uk (?)
Posted 27 months ago. ( permalink )

Jon Hicks says:

Site shoud be up now - it was actually a fault in the apache rules, rather than the server being down, although its apparently being hammered at over 6mb per second, which is a lot when you're not on a dedicated server!
Posted 27 months ago. ( permalink )

wu_135 says:

Fab!

~L
Posted 27 months ago. ( permalink )

hillary h says:

love it love it love it.
Posted 27 months ago. ( permalink )

thisisnik says:

any chance to get this working with safari 3?

love the skin but also the safari 3 features.

thanks
Posted 23 months ago. ( permalink )

Jon Hicks says:

NOt until SafariStand's site alteration feature works again, no.
Posted 23 months ago. ( permalink )

bigo_rno [deleted] says:

Jon Hicks can you share your wallpaper ?
Posted 14 months ago. ( permalink )

Would you like to comment?

[?]

	Jon Hicks' photostream
		1,433 uploads

This photo also belongs to:

	Google Reader Theme (Set)
		5 items
	Part of: Art, Design & Typography and Mac OS X

Additional Information

Taken on April 14, 2007

18 people call this photo a favorite

Viewed 17,310 times

Add to your map

Yay location removed

...

(Some formats are OK.)

Or, remove it from the map.

Go to the map

You	Sign in \| Create Your Free Account
Explore	Places \| Last 7 Days \| This Month \| Popular Tags \| The Commons \| Creative Commons \| Search
Help	Community Guidelines \| The Help Forum \| FAQ \| Sitemap \| Help by Email

Google Reader Theme in Safari

Comments

vidarara [deleted] says:

plasticshore says:

nfolson says:

superdeluxe says:

doubleoh2 says:

Eric Longstaff says:

Jon Hicks says:

vidarara [deleted] says:

Jon Hicks says:

vidarara [deleted] says:

Zenith says:

vidarara [deleted] says:

Penguinville says:

Jon Hicks says:

Michael Grinstead says:

Michael Grinstead says:

Jon Hicks says:

Marko Mihelcic says:

Jon Hicks says:

Marko Mihelcic says:

radii_ says:

Penguinville says:

Jon Hicks says:

YaaL says:

Penguinville says:

Michael Grinstead says:

vidarara [deleted] says:

Iconaholic says:

Jon Hicks says:

Iconaholic says:

blakie says:

Jon Hicks says:

jnelas says:

visualdensity says:

josece says:

silent (e) says:

Jon Hicks says:

jnelas says:

KSWeatherford says:

bartheq says:

Lon2000 says:

B-O-K says:

Cobber99 says:

mortimer? says:

Jon Hicks says:

wu_135 says:

hillary h says:

thisisnik says:

Jon Hicks says:

bigo_rno [deleted] says:

Would you like to comment?

Jon Hicks' photostream

Google Reader Theme (Set)

Tags

Additional Information