Reply
Thread Tools
brontide's Avatar
Posts: 868 | Thanked: 474 times | Joined on Oct 2007 @ Capital District, NY, USA
#1
I have been "fiddling" with tricks to make MicroB more usable and I just stumbled across many neat enhancements.

In your userContent.css

Code:
/* Listed most compatible to most trouble */

/* Make links bigger by default, can still be overridden by pages */
a { padding: 1em; margin: -.8em; }

/* Make it harder for pages to be bigger than the display ( thanks Rider ) */
* { max-width: 100% !important; min-width: 0px !important }

/* Make tiny text areas a thing of the past */
input { min-height: 18px ! important }
If another MicroB tweaker could try these globals it would help me refine them some.

Last edited by brontide; 2008-04-06 at 19:02.
 

The Following 8 Users Say Thank You to brontide For This Useful Post:
brontide's Avatar
Posts: 868 | Thanked: 474 times | Joined on Oct 2007 @ Capital District, NY, USA
#2
Hmm this appears to work better.

Code:
a { padding: 1em; margin: -.8em; }
It doesn't change the page layout as much as the last one while keeping the finger mashing tiny links.

EDIT: I can now easily select individual page numbers on long threads without using a stylus.

Last edited by brontide; 2008-04-06 at 19:03.
 
Posts: 1,950 | Thanked: 1,174 times | Joined on Jan 2008 @ Seattle, USA
#3
Originally Posted by brontide View Post
Hmm this appears to work better.

Code:
a { padding: 1em; margin: -.8em; }
It doesn't change the page layout as much as the last one while keeping the finger mashing tiny links.
This "new" code appears to be identical, character for character, to the code in Post #1.
__________________
.
. .

Help Save This Forum
for N8x0/Diablo Users! Register and Vote for Solution #1 on this Brainstorm. (The Solution will let you see New Posts with any threads you choose -- like the N900 and Maemo5/Fremantle threads -- filtered out.) (To understand the Solution better, see these posts #17, #18, and #19.)
 
qwerty12's Avatar
Posts: 4,274 | Thanked: 5,358 times | Joined on Sep 2007 @ Looking at y'all and sighing
#4
Originally Posted by GeraldKo View Post
This "new" code appears to be identical, character for character, to the code in Post #1.
It was something else before, I guess he reposted so the people already using the hacks (like me for example) could update their userContent.css and the first post updated so people don't use the wrong line.
 

The Following 2 Users Say Thank You to qwerty12 For This Useful Post:
Posts: 309 | Thanked: 51 times | Joined on Apr 2007
#5
I still need my original table data hack to keep certain websites readable without scrolling horizontally:

Code:
td {max-width : 780px ! important ; }
 

The Following User Says Thank You to Rider For This Useful Post:
Posts: 1,950 | Thanked: 1,174 times | Joined on Jan 2008 @ Seattle, USA
#6
Originally Posted by Rider View Post
I still need my original table data hack to keep certain websites readable without scrolling horizontally:

Code:
td {max-width : 780px ! important ; }
Do you still require what I thought went with it:

@namespace url(http://www.w3.org/1999/xhtml);

or did I misunderstand what the @namespace line was about?? (Which would explain why I can't even post what you had ... ITT keeps turning it into a link, but I thought you had had it as code to put in the css script.)

Also, do you find your table data hack conflicts with any of Brontide's, or just throw them all in??

thanks!
__________________
.
. .

Help Save This Forum
for N8x0/Diablo Users! Register and Vote for Solution #1 on this Brainstorm. (The Solution will let you see New Posts with any threads you choose -- like the N900 and Maemo5/Fremantle threads -- filtered out.) (To understand the Solution better, see these posts #17, #18, and #19.)

Last edited by GeraldKo; 2008-04-07 at 09:53.
 
Posts: 309 | Thanked: 51 times | Joined on Apr 2007
#7
do you find your table data hack conflicts with any of Brontide's, or just throw them all in??
I first threw them all in which does not conflict. But I noticed that Brontide's " * { max-width: 100% !important; min-width: 0px !important }" conflicts with the google-map hack which was posted here in a different thread. So I commented it out again.

(not sure if the @namespace line is necessary, but it doesn't hurt and should be placed at the beginning of the CSS file)
 
brontide's Avatar
Posts: 868 | Thanked: 474 times | Joined on Oct 2007 @ Capital District, NY, USA
#8
Some sites seem to override padding or margins, but not both making for some interesting effects. The utility of the finger friendly links far outweighs some issues here and there and the pages are generally still readable.

As for google maps, there is something weird going on there and I'm not positive how to resolve it. I will try your css over mine too see how they both work.
 
Bundyo's Avatar
Posts: 4,708 | Thanked: 4,649 times | Joined on Oct 2007 @ Bulgaria
#9
Fiddling with overall site CSS is something i will not do. Better someone ports the Stylish plugin.
 
Benson's Avatar
Posts: 4,930 | Thanked: 2,272 times | Joined on Oct 2007
#10
I assume you know you can do site-specific CSS, too, in the same way... but it's not very convenient, to say the least.

What I'd like is (a clone of) Opera's Developer Console; that is just sweet for CSSing things up.
 

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


 
Forum Jump


All times are GMT. The time now is 21:14.