I can hang FireFox on demand.



Below, you'll find my much-improved userContent.CSS:

www.Cotse.NET/users/jeffrelf/userContent.CSS

As it turns out, .CSS files have serious limits !
I might wind up adding some JavaScript.

This CSS might goof up a bit when confronted with invalid HTML.
I found such at Yahoo.COM on an overly-complex ( read: crappy ) page.

It also has problems with the overly-active top part of WikiPedia.ORG pages
when there's a picture there. This .ASP page hangs FireFox, every time:

Search.IMTranslator.NET/trans/splr.asp

I think they did it intentially ( so you have to see their ads ).
Eventually, I'll find the " work around "... but not today.

This is an interesting bit of CSS:

a[name]:before {
display: block !important;
content: "\A--> "; white-space: pre !important; }

It inserts a newline at " Jump-To " sections ( i.e. an " a[name] " tag ).
" display: block !important; " is CSS-speak for " hard whitespace ".

Almost everything is " inline ", i.e. wrapped, with a margin on the right,
( call it, " soft, altered whitespace " ) with the exception of:

option, option *, input, input div, textarea, textarea div
, slider, scrollbarbutton, scrollbar {
display: block !important; margin-right: 0 !important; }

It literally took me days ( working all day ),
to discover what must ( and must not ) be in that list.
Note, " option " modifies all " option " tags, not their descendants.
" option * " modifies only the descendants of " option " tags,
not the tag itself.

Note that the " div " in " input div " is virtual ( i.e. implicit ).

The full CSS follows...

body, body * {
white-space: normal !important;
text-align: left !important;
text-decoration: none !important; text-transform: none !important;
margin: 0 0 0 0 !important;
border: 0 0 0 0 !important; padding: 0 0 0 0 !important;
position: static !important; float: none !important;
border-style: none !important; line-height: 110% !important;
letter-spacing: .4px !important; background: black !important;
font: 22px normal Consolas,monospace !important; }

div *, ul *, span * {
display: inline !important; margin-right: .5em !important; }

option, option *, input, input div, textarea, textarea div
, slider, scrollbarbutton, scrollbar {
display: block !important; margin-right: 0 !important; }

a[name]:before {
display: block !important;
content: "\A--> "; white-space: pre !important; }

input div, textarea div {
white-space: pre !important; background: rgb( 99, 99, 99 ) !important; }

pre, pre *, *[class=fixed_width] { white-space: pre !important; }

script, noscript, ul br, span br { display: none !important; }

:focus *, :inactive { background: rgb( 0, 96, 0 ) !important; }

i, b, em { color: rgb( 177, 155, 133 ) !important; }

h1, h2, h3, h4, h5, h6 { color: rgb( 155, 177, 133 ) !important; }

::-moz-selection, span[class="diffchange"]
, span[class="diff-deletedline"], span[class="diff-addedline"] {
color: rgb( 177, 255, 133 ) !important; background: black !important; }

body { color: rgb( 155, 111, 111 ) !important; }
input div, pre { color: rgb( 166, 111, 111 ) !important; }
a[target], a[href], a *, span[id], span[id] *, option, input, button {
color: rgb( 155, 155, 155 ) !important; }
select { color: rgb( 111, 144, 244 ) !important; }
a:visited, a:visited *, span[id]:visited, span[id]:visited *
, option:visited, input:visited, button:visited {
color: rgb( 177, 177, 177 ) !important; }
a:hover, a:hover *, span[id]:hover
, option:hover, input:hover, button:hover {
color: rgb( 155, 255, 111 ) !important; }

marquee { -moz-binding: none !important; }


.