Like a junkie, I need a fix !
- From: Jeff…Relf <Jeff_Relf@xxxxxxxxx>
- Date: 11 Jan 2007 13:02:30 GMT
Re: My latest userContent.CSS fix ( Like a junkie, I need a fix ! ):
www.Cotse.NET/users/jeffrelf/userContent.CSS
This is what Google Images looks like to me now:
www.Cotse.NET/users/jeffrelf/CSS.PNG
This is the page it's showing:
Images.Google.COM/images?svnum=10&hl=en&lr=&imgsz=xxlarge&newwindow=1&safe=off&q=%22black+hole%22&btnG=Search
Before these latest changes ( note the sole, unique scroll bar )
I had to constantly use the horizonal scrollbar when viewing Google-Images.
( Probably because my fonts are larger than Google allowed, the bastards ! )
Google uses JavaScipt to dynamically ( and incorrectly ) draw the images,
so I had to override the height of the images as well as
the " line-height " of " td[id] " ( " Table Data " ), like this:
td[id] { line-height: 9.5em !important; }
td[id] img { margin-top: .5em !important;
height: 4.5em !important; }
Much my surprize, this also worked well for images at UrbandDictionay.COM !
I have FireFox set up so that, when at Images.Google.COM,
each full-sized image ( in its own tab ) is just one left-click away...
....Man ! is that nice ?
Also, I right-click to view ( full-size or zoomed )
_Any_ image in its own tab... not just the one's at Google.
" Vertically Aligned " images ( which are rare enough ) were overwriting text;
so, lacking a better option, I made their height equal to one line:
td[valign=top] img {
margin-bottom: -.48em !important; height: 1.3em !important; }
I still don't know how if I can make the <br> tag act like a horizontal tab.
Short of replacing Wim_XP's Explorer ( with a commercial product ),
I don't think I can " Skin " its scrollbars.
For archiving purposes, my CSS settings follow...
html, html * {
background: black !important; color: rgb( 155, 111, 111 ) !important;
letter-spacing: .4px !important;
font: 22px normal Consolas,monospace !important;
line-height: 110% !important;
white-space: normal !important; direction: ltr !important;
margin: 0 0 0 0 !important; margin-right: .5em !important;
border: 0 0 0 0 !important; padding: 0 0 0 0 !important;
text-align: left !important; border-style: none !important;
text-decoration: none !important; text-transform: none !important;
position: static !important; float: none !important;
display: inline !important; }
pre, *[class=fixed_width]
, input div, textarea div, scrollbar, scrollbar * {
white-space: pre !important; margin-right: 0 !important;
height: auto !important; display: block !important; }
body, input, textarea, iframe, frame { width: 100% !important; }
input[type] { display: inline !important; }
td { margin-right: 0 !important; }
td[valign=top] img {
margin-bottom: -.48em !important; height: 1.3em !important; }
td[id] { line-height: 9.5em !important; }
td[id] img { margin-top: .5em !important;
height: 4.5em !important; }
input, select, option { width: auto !important;
height: 1.1em !important; line-height: 1.1em !important; }
input[type=text] { width: 100% !important;
height: auto !important; display: block !important; }
option, tr, h1, h2, h3, h4, h5, h6 {
height: auto !important; display: block !important; }
div[id=ticker_div]
, scrollbarbutton, embed, style, script, noscript, html br, html * br {
display: none !important; }
scrollbarbutton[sbattr="scrollbar-down-bottom"]
, input br, textarea br, *[class=fixed_width] br {
display: inline !important; }
scrollbarbutton[ sbattr="scrollbar-down-bottom"] {
-moz-appearance: none !important; }
thumb[ orient=vertical ] { min-height: 2em !important; }
thumb[ orient=horizontal ] { min-width: 2em !important; }
thumb { -moz-appearance: none !important;
background: rgb( 99, 88, 77 ) !important; }
input div, textarea div { background: rgb( 77, 88, 99 ) !important; }
span[class], input div, pre { color: rgb( 166, 133, 99 ) !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; }
select { color: rgb( 111, 144, 244 ) !important; }
marquee { -moz-binding: none !important; }
::-moz-selection, span[class="diffchange"]
, span[class="diff-deletedline"], span[class="diff-addedline"] {
color: rgb( 177, 255, 133 ) !important;
background: rgb( 77, 88, 99 ) !important; }
a[target], a[href], a[class], option, input, button {
color: rgb( 155, 155, 155 ) !important; }
a[target] *, a[href] *, a[class] *, a[target]:visited
, a[href]:visited, a[class]:visited
, option:visited, input:visited, button:visited {
color: rgb( 177, 177, 177 ) !important; }
a[target]:hover, a[href]:hover, a[class]:hover
a[target]:hover *, a[href]:hover *, a[class]:hover *
, option:hover, input:hover, button:hover {
color: rgb( 155, 255, 111 ) !important; }
@-moz-document domain(google.com) {
div[class=g]:before {
white-space: pre !important; content:
" "
" "; } }
@-moz-document domain(answers.com) {
iframe, div[id=greenGameBox], div[id=headerSection]
, div[id=footer], div[class=nistar] {
display: none !important; } }
.
- Follow-Ups:
- Re: Like a junkie, I need a fix !
- From: Eric Gisse
- Re: Like a junkie, I need a fix !
- References:
- not(input), not(textarea)
- From: Jeff…Relf
- I can hang FireFox on demand.
- From: Jeff…Relf
- Google now looks like this to me...
- From: Jeff…Relf
- Horizontal scrolling is now almost a thing of the past for me.
- From: Jeff…Relf
- I've become a hard-core userContent.CSS junkie !
- From: Jeff…Relf
- How do I make the <br> tag act like a horizontal tab ?
- From: Jeff…Relf
- not(input), not(textarea)
- Prev by Date: Re: QM's amazing denial of common sense
- Next by Date: Re: Why these two absolute quantities are paradoxical?
- Previous by thread: Re: How do I make the <br> tag act like a horizontal tab ?
- Next by thread: Re: Like a junkie, I need a fix !
- Index(es):