Page 1 of 2 1 2
Reply
Thread Tools
earth2marsh is offline earth2marsh
2008-02-18 , 03:25
Posts: 25 | Thanked: 32 times | Joined on Feb 2008
#1
Use Google Reader? Wish it displayed better on your N800/N810?


(shown at 120% zoom)

Add this to your ~/.mozilla/microb/chrome/userContent.css (or create it if you don't have one)

Code:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("https://www.google.com/reader/"),
url-prefix("http://www.google.com/reader/") {
#gbar, #logo, #global-info, .gbh, #logo-container {display:none !important}
#search-input {width:50px!important}
#main {margin-top:0px!important;}
#entries-status{width:11em!important}
#stream-prefs-menu{display:none!important}
/* #chrome-footer-container{width:300px;position:absolute!important;top:34px;right:5px} */
#search{position:absolute;top:9px!important;left:240px!important;margin-bottom:0px!important}
#search-restrict{width:93px!important}
#search-restrict-input{width:55px!important}
.search-restrict-contents .goog-combobox-button{width:72px!important}
#search{width:280px!important}
#viewer-controls{width:185px!important}
.card-actionrow{font-size:18px!important}
#entries-up {height:34px!important;margin-top:-5px!important}
#entries-down {height:34px!important;margin-top:-5px!important}
.entry .card .ctl, .entry .card .ct, .entry .card .ctr, .entry .card .cr, .entry .card .cbr, .entry .card .cb, .entry .card .cbr, .entry .card .cl, .card .card-bottomrow .cbl, .card .card-actionrow .cal, .card .card-actionrow .car  {background-image:none!important; display:none!important}
.entry {margin:3px!important;padding:6px 6px 0 6px!important;border:2px solid #cdcdcd}
.entry .card .entry-actions {margin:0 -8px 0 -4px!important;padding:4px 8px!important;background-color:#EEE}
#current-entry.entry {border:2px solid #8181dc!important}
}
Summary of changes:
  • Removed logo and links bar from top
  • Removed view settings button
  • Search bar moved down and right (could use some more tuning)
  • Curved borders removed
  • Actions bar font size increased for finger tapping
  • Prev/Next buttons made finger-size
Enjoy!
 

The Following 7 Users Say Thank You to earth2marsh For This Useful Post:
Duncan is offline Duncan
2008-02-18 , 08:30
Posts: 157 | Thanked: 96 times | Joined on Nov 2007 @ Oxford, UK
#2
If you add that to userContent.css then you've messed up any other site which has similar ids and class names, e.g. anything with a div id="logo" or id="search". You would be much better to put it into a greasemonkey script and only apply the css changes for those pages which need them. See userscripts.org for some of the existing scripts which you can use as a base for this.
 
earth2marsh is offline earth2marsh
2008-02-18 , 09:27
Posts: 25 | Thanked: 32 times | Joined on Feb 2008
#3
Originally Posted by Duncan View Post
If you add that to userContent.css then you've messed up any other site which has similar ids and class names, e.g. anything with a div id="logo" or id="search".
The URL prefix defined in line 2 restricts the CSS changes to ONLY Google Reader:
Originally Posted by earth2marsh
@-moz-document url-prefix("https://www.google.com/reader/"),
url-prefix("http://www.google.com/reader/")
The entire block that follows is covered, so adding these tweaks will NOT mess things up on other sites.

I didn't know Greasemonkey works under MicroB... I'll have to look into that tomorrow!
Last edited by earth2marsh; 2008-02-18 at 09:34.
 
Duncan is offline Duncan
2008-02-18 , 12:23
Posts: 157 | Thanked: 96 times | Joined on Nov 2007 @ Oxford, UK
#4
Ok, I didn't know you could restrict the user css that way. Thanks

Greasemonkey works well, the most annoying thing about it though is that CSS changes applied through greasemonkey don't take effect until the page has completely finished loading and for some pages that can be quite some time after it first displays. The advantages of course are that you don't need to restrict yourself just to CSS changes, you can also manipulate the DOM, plus there's a website all setup to act as a single repository for useful scripts (if I can encourage other people to start using it: tag any tablet scripts with 'maemo').
 
earth2marsh is offline earth2marsh
2008-02-18 , 13:39
Posts: 25 | Thanked: 32 times | Joined on Feb 2008
#5
Yeah, Greasemonkey is pretty wonderful, particularly to change or add features/functionality to a site. But you make a good point about speed--while my desktop re-renders changes quickly enough, the tablet would choke a bit... I'm thinking that careful rules in userContent are probably the better way to do this as the rules get loaded before the page, and to use GM just for heavy lifting.

Incidentally, do you know Stylish, Greasemonkey's cousin? It specializes in just CSS mods, and hosts its scripts on userstyles.org. What's really clever is that userstyles can be loaded into Greasemonkey and Opera directly from the site. The other tool I've been using to squeeze the web onto my N800 is a bookmarklet for Mowser.
Last edited by earth2marsh; 2008-02-18 at 13:59.
 
Duncan is offline Duncan
2008-02-18 , 13:53
Posts: 157 | Thanked: 96 times | Joined on Nov 2007 @ Oxford, UK
#6
Is stylish available for microb? If not, then perhaps it should be.
 
earth2marsh is offline earth2marsh
2008-02-18 , 14:03
Posts: 25 | Thanked: 32 times | Joined on Feb 2008
#7
Originally Posted by Duncan View Post
Is stylish available for microb? If not, then perhaps it should be.
I don't think it has been ported. Like GM, it would be applying the CSS rules after the page loaded, so userContent is the faster/better way on a tablet. The tradeoff is that you would have to manually get any script updates (Stylish can do that for you).
 
tobiasj's Avatar
tobiasj is offline tobiasj
2008-02-18 , 14:28
Posts: 241 | Thanked: 74 times | Joined on Jul 2007
#8
um, ok maybe I am not getting it, but I dont even have a chrome folder in that location. Shouldnt I?

I 'created' a chrome folder and put a userConten.css in it, but it didn't do what it was supposed to.

Am I looking in the wrong location?

/home/user/.mozilla/??


-John
 
earth2marsh is offline earth2marsh
2008-02-18 , 15:27
Posts: 25 | Thanked: 32 times | Joined on Feb 2008
#9
Originally Posted by tobiasj View Post
I 'created' a chrome folder and put a userConten.css in it, but it didn't do what it was supposed to. Am I looking in the wrong location?

/home/user/.mozilla/??
/home/user/.mozilla/microb/chrome/userContent.css
You're missing the microb dir, and the 2nd "t" in userContent.css
 
tobiasj's Avatar
tobiasj is offline tobiasj
2008-02-18 , 15:34
Posts: 241 | Thanked: 74 times | Joined on Jul 2007
#10
oops, that was just in my post here, I was typing on the softkeyboard of the n800. but just to be sure.

Nokia-N800-50-2:/home/user/.mozilla/microb# ls -a
. cert8.db extensions history.txt .parentlock secmod.db
.. compreg.dat extensions.cache key3.db passwords.s xpti.dat
.autoreg cookies.txt extensions.ini lock prefs.js




is what I have on the N800 (os2008)

There is no chrome folder and thereby no userContent.css

I can create a chrome folder and the userContent.css however it doesn't seem to work when I do.

if I am still looking in the wrong location then I really just don't get it

Thanks for your help, and I am sorry for the mispost.

-John
 
Reply
Page 1 of 2 1 2

« Previous Thread | Next Thread »

 
Forum Jump


All times are GMT. The time now is 02:08.

Contact Us - Home - Archive - Top