userContent.css Edit? - maemo.org

YoDude | # 1 | 2008-11-04, 15:22 | Report

MicroB in Diablo works very well for me. Between Flash and HTML I have been able to make locally stored pages that provide me with information that makes the tablet very useful. I hope to post examples soon.

However, there are two domains that I access frequently that usually require that I increase zoom to 150% so that images are viewable from the windsheild mount while driving.

Is there a way to edit the userContent.css so that the view for pages from just these two domains is increased automatically?

If so, can someone provide an an example of the code that should be inserted in userContent.css?

The Following User Says Thank You to YoDude For This Useful Post:
lm2

iamthewalrus | # 2 | 2008-11-04, 18:27 | Report

try this ; replace 'somesite.com' with the actual domain:

Code:

@-moz-document domain(somesite.com) {
    img{width: 150%; height: 150% !important }
}

The Following 2 Users Say Thank You to iamthewalrus For This Useful Post:
lm2, YoDude

lm2 | # 3 | 2008-11-04, 19:31 | Report

@ iamthewalrus: Is there a way to tweak this to make X% the default zoom for any page microB accesses?

iamthewalrus | # 4 | 2008-11-04, 20:17 | Report

Yes if you leave out the @-moz....} brackets all images will be 150%, so like this

Code:

 img{width: 150%; height: 150% !important }

Also see the web section of the old wiki. Be quick because this wiki will be close down and I'm too lazy to copy it to the new one.

The Following User Says Thank You to iamthewalrus For This Useful Post:
lm2

Benson | # 5 | 2008-11-04, 21:37 | Report

Originally Posted by iamthewalrus View Post

Yes if you leave out the @-moz....} brackets all images will be 150%, so like this

Code:

 img{width: 150%; height: 150% !important }

Also see the web section of the old wiki. Be quick because this wiki will be close down and I'm too lazy to copy it to the new one.

No, you're confused. The old maemo.org wiki is being closed in favor of the new maemo.org wiki. The itT wiki is not being closed, but one of the major reasons for its existence and use was how bad the maemo.org wiki was. It's generally deprecated by maemo.org people since they brought the new one up.

The Following User Says Thank You to Benson For This Useful Post:
iamthewalrus

lm2 | # 6 | 2008-11-04, 21:43 | Report

Sorry, I meant to ask if there was a way to have the WHOLE PAGE rendered at X%, not just the images...???

YoDude | # 7 | 2008-11-04, 22:08 | Report

Originally Posted by iamthewalrus View Post

try this ; replace 'somesite.com' with the actual domain:

Code:

@-moz-document domain(somesite.com) {
    img{width: 150%; height: 150% !important }
}

'GOO GOO G'JOOB!

Thanks for jumpstartin' my brain cells.

Benson | # 8 | 2008-11-04, 22:17 | Report

Well, you can do something like body {font-size: 150% !important} (off-hand, syntax not guaranteed.), I think.

The Following User Says Thank You to Benson For This Useful Post:
lm2

briand | # 9 | 2008-11-04, 22:21 | Report

if the van don't come, you'll get your tan from standing in the english rain.

iamthewalrus | # 10 | 2008-11-04, 22:23 | Report

Originally Posted by lm2 View Post

Sorry, I meant to ask if there was a way to have the WHOLE PAGE rendered at X%, not just the images...???

What do you by 'mean render the page at X%?' Do 'you mean zoom in so that it becomes wider than the screen'? Or just larger fontsize and images but width adjusted to the screen? Latter is explained in the wiki like I said.