Submit Hint Search The Forums LinksStatsPollsHeadlinesRSS
14,000 hints and counting!


Click here to return to the 'Modify the look of the Safari 5 Reader function' hint
The following comments are owned by whoever posted them. This site is not responsible for what they say.
Modify the look of the Safari 5 Reader function
Authored by: squareman on Jun 09, '10 10:09:38PM

Perfectly easy to override the style in the reader using a user style sheet. No need to hack into application bundle (because that will get overridden with Safari updates).

The trick is getting a higher specificity score than what's in the reader's stylesheet. For example. I wrote a simple "reader.css" file to point at with Safari's advanced settings in prefs (Advanced > Style Sheet). They style in question to override in reader's style sheet is ".page" (worth "0,0,10,0" in specificity), So I simply need to write a style for "html .page" and that will have higher specificity (0,0,10,1). I tried it and it worked flawlessly and I was able to do it without even restarting or quitting Safari. Here was the style I used:

html .page { text-align: inherit; }

[ Reply to This | # ]