Active Topics
-
HDMI with Leste (1)
to Maemo 7 / Leste by teroyk - 2 days, 15 hrs ago -
Firefox with Leste (9)
to Maemo 7 / Leste by teroyk - 4 days, 17 hrs ago - more...
|
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.
|
|
2008-02-18
, 09:27
|
|
Posts: 25 |
Thanked: 32 times |
Joined on Feb 2008
|
#3
|
Originally Posted by Duncan
The URL prefix defined in line 2 restricts the CSS changes to ONLY Google Reader:
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".
Originally Posted by earth2marsh
The entire block that follows is covered, so adding these tweaks will NOT mess things up on other sites. @-moz-document url-prefix("https://www.google.com/reader/"),
url-prefix("http://www.google.com/reader/")
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.
|
|
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').
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').
|
|
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.
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.
|
|
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.
|
|
2008-02-18
, 14:03
|
|
Posts: 25 |
Thanked: 32 times |
Joined on Feb 2008
|
#7
|
Originally Posted by Duncan
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).
Is stylish available for microb? If not, then perhaps it should be.
 |
|
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
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
|
|
2008-02-18
, 15:27
|
|
Posts: 25 |
Thanked: 32 times |
Joined on Feb 2008
|
#9
|
Originally Posted by tobiasj
/home/user/.mozilla/microb/chrome/userContent.css
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/??
You're missing the microb dir, and the 2nd "t" in userContent.css
|
|
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
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
(shown at 120% zoom)
Add this to your ~/.mozilla/microb/chrome/userContent.css (or create it if you don't have one)
@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} }- 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!