Google - corrupted display with dif. styles
I'm having a strange problem here. Using Greg's Brushed Google, Valacar' dark gray and blue - i see the top part of the page themed, and 2/3d just white w/unreadable font. See pic.
Since it shows the same with different styles and for different google sites (start search/search results), i'm assuming it has to do more with google than styles. However, if i switch styles, it shows correctly at first but on reload/opening a link will get screwed again! I don't see any body mentioning any thing like that - searched - and wonder if it's a strange conflict with my exts. ... all of a sudden (didn't install any for a while). Or did google change something on their site(-s)?
TIA!!
Since it shows the same with different styles and for different google sites (start search/search results), i'm assuming it has to do more with google than styles. However, if i switch styles, it shows correctly at first but on reload/opening a link will get screwed again! I don't see any body mentioning any thing like that - searched - and wonder if it's a strange conflict with my exts. ... all of a sudden (didn't install any for a while). Or did google change something on their site(-s)?
TIA!!
Comments
I use different styles than you do and it just whacked out about 12 hours ago.
If you use more than one style you should expect conflicts as Google changes. Just look for updates from the authors. I'm sure they use Google every day and will notice when changes occur.
I don't expect Greg to update his Brushed style - i think he's just got fed up with their changes. Don't know about Valacar, would be nice though.
Anyway, thanks for your time!
Think about it...if you have one style that makes a web page's background color blue and another style that makes the background red...what color will it end up being? Only one can win. I don't want to get technical on how to fix it, but it is possible using something in CSS called "specificity". Also, it's not a change I would make to my google styles just for this particular case, so I'd just recommend turning off one of the styles.
If that doesn't work, you can try making a slight change to the code. For my blue google style, on line 19, you'll find this:
body {
change it to this:
html > body {
Also, be sure you've updated the blue google style...I made a few changes yesterday (May 16th).
EDIT: I just thought of something else. Judging from the screenshot, it appears you have something that's adding icons to google. Are you using a greasemonkey script to do that? If that's the case, try turning off greasemonkey to see if that helps.
Anyway, i'll repeat in case it won't show later - i have SiteAdvisor ext. which adds rating icons to google but i had this forever, well before it became mcafee and never had any problems with it.
I've checked my styles for the background code and found one in my Content style:
/*Browser background*/
BODY {background-color: #F2F8F1 !important;}
Why it's there i'm not sure, i'm guessing a sloppy copy/paste on my part. I commented it out and it looks good so far.
And yes, I've updated my (your) styles yesterday.
Thank you very much, Valacar!
I'm french so I don't speak english very very well, but i've a problem with stylish google dark.
A new image is replaced the old one in google with the JO 2010 ---> see here http://i63.servimg.com/u/f63/12/33/65/43/google10.jpg
How can I delete the blue mountain image witch pollues my google web search page ?
Thanks to use simple words in your answer =)
.nj*/
{ display: none !important; }
I've done ! But it doesn't change anything... Maybe can you give me an advice with the code :
@-moz-document url-prefix(http://www.google),
url-prefix(http://images.google),
url-prefix(http://news.google),
url-prefix(http://blogsearch.google),
url-prefix(http://books.google),
url-prefix(http://209.85.165.104),
url-prefix(https://www.google.com/accounts)
{html, body {background: #262626 url("http://nsm02.casimages.com/img/2009/12/03//091203075935902034982580.png") top left repeat-x !important;
color: #fff !important;}
tr[bgcolor="#bbcced"],tr[bgcolor="#ffffff"],td[bgcolor="#e8eefa"],.days{background:transparent!important}
#gbs, .gbm,[style="background-color:#ffb;padding:.5em"]{background: #444 !important}
[src="google_transparent.gif"]{width: 0 !important;height: 25px !important;padding-left: 61px !important;background: url("http://www.golddustgala.org/google_transparent.gif") no-repeat !important;}
[src="/images/isr_g.png"],[src="/hosted/images/small_google_logo.gif"]{width: 0 !important;height: 24px !important;padding-left: 58px !important;background: url("http://i.imagehost.org/0928/1262929160030746600.png") no-repeat !important;}
[style="border-top:solid 1px #3366cc"]{border-top: none !important;}
[style="background-position:0 0;margin-left:auto;width:44px"],[style="background-position:-26px 0;width:18px"],#pagination div,#nf,#np{background: url(http://www.imagechicken.com/uploads/1263578363028357100.png)!important; background-position:0 0 !important; margin-left:auto!important; width:44px !important}
[style="background-position:-60px 0;width:16px"],#pagination .o, .n .nr{background: url(http://www.imagechicken.com/uploads/1263578363028357100.png)!important; background-position:-59px 0 !important; margin-left:auto!important; width:16px !important}
[style="background-position:-44px 0;width:16px"], #pagination #current,#nc{background: url(http://www.imagechicken.com/uploads/1263578363028357100.png)!important; background-position:-44px 0 !important; margin-left:auto!important; width:16px !important}
[style="background-position:-76px 0;margin-right:34px;width:66px"], #pagination #end-next,#nn{background: url(http://www.imagechicken.com/uploads/1263578363028357100.png)!important; background-position:-76px 0 !important; margin-right:34px!important; width:66px !important}
#tbp, .wpb, #rptglbl,[class="csb mbi"],div.plus{background: url(http://www.imagechicken.com/uploads/1263578363028357100.png)!important; background-position: -91px -74px !important; margin-left: 0.75em !important; margin-top:1px !important; width:14px !important; height: 14px!important; }
[class="w40"]{background: url(http://www.imagechicken.com/uploads/1263578363028357100.png) no-repeat !important;background-position: -104px -42px !important}
[class="w4"]{background: url(http://www.imagechicken.com/uploads/1263578363028357100.png) no-repeat !important;background-position: -119px -42px !important}
[class="w50"]{background: url(http://www.imagechicken.com/uploads/1263578363028357100.png) no-repeat !important;background-position: -104px -57px !important}
[class="w5"]{background: url(http://www.imagechicken.com/uploads/1263578363028357100.png) no-repeat !important;background-position: -119px -57px !important}
#ghead, #sbl, .fade, #fctr{ opacity: 1 !important; }
small{color:#666622!important}
[class="name-text sub-name-text name-text-d-1"], [class="unselectable"], [class="name-text folder-name-text name-text-d-0"], [class="subscribe-button"], [class="text"] {color:#454545 !important}
body.index_page td.new-ui div.prettybox_top,.std{background:transparent!important}
input{opacity:0.5!important;color:#333!important}
input:hover{opacity:0.8!important;color:#333!important}
select:hover{opacity:0.8!important;color:#333!important}
select{opacity:0.5!important;color:#333!important}
.google-ac-m .google-ac-c {color:#636363 !important;}
h1,h2,label,font[size="-1"] {color:#808080 !important}
span[class="link"] {color:#969696 !important}
[id="message-area-inner"]{color:#454545 !important}
.tbo #tbd,.form-noindent,td[bgcolor="#FFFF99"] {background-color:#010101 !important; opacity:0.9;
border-right: 5px solid #333;border-left: 5px solid #333;border-top: 5px solid #333;border-bottom: 5px solid #333;}
max-width:100% !important;}
#srp-logo {color:transparent !important;}
[src="/products/intl/en_us/images/ps_logo_lg.gif"]{display:none !important}
h1#hp-logo{
margin-left: auto !important;
margin-right: auto !important;
width: 276px; height: 110px;
background: url("http://www.imagechicken.com/uploads/1262816171041607000.png");
text-indent: -9999px;}
[src="/images/nav_logo7.png"]{display:none !important}
.samp_q_line td {border: none !important;}
#hp-tagline {color:#CCC !important;}
[src*="ps2.png"]{
height:59px!important;padding-left:275px!important;
background-image:url("http://www.imagechicken.com/uploads/1262823267043754100.png")!important;width:0!important}
[src="http://www.gstatic.com/news/img/logo/debr.gif"],[src="http://www.gstatic.com/news/img/bluelogo/en_us/news.gif"]{
height:40px!important;padding-left:170px!important;
background-image:url("http://www.imagechicken.com/uploads/1262917476087755800.png")!important;width:0!important}
[src="http://www.google.com/intl/en/images/logos/web_search_logo.gif"]{
height:40px!important;padding-left:233px!important;
background-image:url("http://www.imagechicken.com/uploads/1263168836053131800.png")!important;width:0!important}
[src="http://www.google.com/intl/en/images/logos/accounts_logo.gif"]{
height:40px!important;padding-left:211px!important;
background-image:url("http://www.imagechicken.com/uploads/1263169261020957400.png")!important;width:0!important}
#fctr, #ghead, #pmocntr, #sbl, #tba, #tbe, .fade { background: transparent !important; }
b {color: #AAAAAA !important;}
.nav .item {border:none !important}
.nub-item{border:none !important}
.sidebar {border: none !important;}
.footer .bottom-search {border:none !important; background: transparent !important;}
.bottom {border:none !important;}
#ads-top, #ads-rhs, #ads-bot {display:none !important;}
.spon_txt{display:none !important;}
#footer, #footer-bg{background: transparent !important;border:none !important; }
.starsizer {color: transparent !important;}
#logo {color: transparent !important;}
#lhs-ref {background:transparent !important;border: none !important;}
.more-link, .fewer-link{background:transparent !important; border: 1 solid #ccc !important;}
.c-0, .c-h {background-color:#4D4D4D !important;}
.nj*/
{ display: none !important; }
#ps-titlebar{border-top:1px solid #2e2e2e !important;border-bottom:1px solid #2e2e2e;border-left:1px solid #2e2e2e;border-right:1px solid #2e2e2e;background:#252525 !important}
.right-nav {display:none !important;}
[id^=":DEVELOPING_h"] {display:none !important;}
[src="images/sprite.png"]{
height:15px!important;padding-left:15px!important;
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAjxJREFUKM+dUk1IVGEUPfd737xmXuMbscbfUGdeKYooKFlpBvYjthCKIBhsUUK7CoogCGrZrhYxK8EoqYgiaNUmxcgEEUoUMhW1aDQra3Ke8/N6vvd9LcowsqjO7sI59x7OucAfMHCDIvgfPO2C7/1kdHHojr/tn8Uve1raMvEeuTAVHbl1Gp61OOx3Yj2vtouxFDQ9t6q6pb7mr8XPHoTPbCxuDrrL85IpCeYLlFxbi0f91xEuLDtyFCTKvP5Cg3G1TtMNUpSPEtImCEuSWkyL8yMgEtNW6t0LzvXJ+NxQHyeBBa7qjZsqDu5etqYhnRRc9w2km4ZwMwBsUGYBevYXEJNGTl7YWEr4kRztvk8rDl4NdfTnh2obhROTwk2T6yxBiBSksCCdCTD5SXI1nyy7JjHae7th7wmMKSv+m4uHb2q6v0rPLa9wrGkpXJNc9zNc6zlImuBqPiUSWzJz44Pbmo6ZYz8FduAC7IdX7x5PmyaAOEG8hbSHQWSDmAohdXyYGejYenh2bM20y3agWtNMSHtCSicmFUZQmEcyxQvu4VBU7/bVfL56KKrcWQ0RA+MagQXhUFPSw157IcY5IxuBYOUeYPaXnlUA2Vhn1HNPAGbCSPY9Xh9tj1xu7+wcPj8bKxgnXgFND1UByALgXzlMAPw5ARSMPmp90tu9+V6WFw0AdgFoBbAPQP2Vc76zM4ORzMlDaAKwAYD3h4OiIHwXO1D+fXMRgBAAA0CYCCUAgvvrUHrpFCsFvv36Vz4H0YlfEtbwAAAAAElFTkSuQmCC")!important;}
.tl-sect {background-color:#000 !important}
#rpsp.rpop{opacity:0.9;background-color:#000 !important;border-right: 5px solid #333 !important;border-top: 5px solid #333 !important;border-bottom: 5px solid #333 !important;border-left: 5px solid #333 !important;}
div.sc{margin-left:-4px !important;background-color:#303030 !important;}
.bl {background:transparent !important}
td[bgcolor="#b0c3e6"] {background:transparent !important}
tr.on td {background:transparent !important}
tr.off td {background:transparent !important}
tr.off2 td {background:transparent !important}
[style^="background-color:#e5ecf9;border:thin solid #36C;border-width:1px 0;clear:both;margin-top:20px;padding:20px 0;text-align:center"]{background:transparent !important; border:none !important}
[style^="background-color:#dddddd;border:2px groove black;padding:5px;padding-top:0px;padding-bottom:2px;color:black;font-family:sans-serif; text-decoration:none; font-size:10pt;margin-top:5px"]{background:transparent !important;}
span {color:#CCC !important}
u {color:#CCC !important}
#gsr #res .g .s {max-width:100% !important;}
a#logo{color:transparent !important;
height:52px!important;padding-left:150px!important;
background-image:url("http://www.imagechicken.com/uploads/1262827929058536100.png")!important;width:0!important}
.lgc{color:transparent !important;margin-top:26px!important;
height:52px!important;padding-left:150px!important;
background-image:url("http://www.imagechicken.com/uploads/1262827929058536100.png")!important;width:0!important}
.tbd{background-color:#000000 !important}
.tbt {background-color:#000000 !important}
.gac_m {color:#252525 !important}
.gac_a {color:#252525 !important;}
.gac_b {color:#252525 !important;}
td.gac_c {color:#252525 !important;}
[id="rhsline"]{display:none !important}
[id="rhspad"]{display:none !important}
[id="ss-box"]{background-color:#000000 !important}
#bsf,#ssb,.blk{border-top:1px solid #2e2e2e;border-bottom:1px solid #2e2e2e;border-left:1px solid #2e2e2e;border-right:1px solid #2e2e2e;background:#252525 !important}
[style="background:#fff8dd;padding:8px;margin-top:0px"]
{display:none !important}
#guser{background-color:#000000 !important}
[id="fctr"]{background:transparent !important}
[id="sbl"]{background:transparent !important}
a:link, a:visited, .link { color: #ccc !important; }
a:active, .link:active { color: #fff !important; }
:focus { outline: none; }
div, td, font[color="#000000"] { color: #fff !important; }
.a, .g font[color="#008000"] { color: #6e6e6e !important; }
.flc, a.fl, .fl2, .fl2:visited, .bl a, .f + a, .f .w { color: #7b7b7b !important; }
.g .w { color: #ff6 !important; }
.f, font[color="#666666"], font[color="#6f6f6f"], font[color="#555555"], font[color="#0000ff"] { color: #ffd !important; }
font.p:not([size="-1"]) { color: #a4ff53 !important; }
.aAutoComplete .dAutoComplete, .google-ac-a .google-ac-d { color: green !important; }
.google-ac-e td { color: blue !important; }
input *, textarea *, .aAutoComplete {
background-color: -moz-Field !important;
color: -moz-fieldtext !important;}
iframe { background-color: #fff !important; }
#gbi { background: #343434 !important; border-color: #575757 !important; }
a:hover,#rptgl span:hover{text-shadow: #BB5 0px -3px 5px !important;color:#eoeodd !important;}
#gbh, .gbh { border: none !important; }
.gb2 div { border-color: #575757 !important; }
.t, table [bgcolor="#e5ecf9"], table [bgcolor="#d5ddf3"], .hd, td.ttb, td.rsb, td.bts, h4, .page-title, td#headerText { background: #3e3e3e url("http://nsm02.casimages.com/img/2009/12/03//091203075935902034982577.png") top left repeat-x !important; }
.t a, table [bgcolor="#e5ecf9"] a, table [bgcolor="#d5ddf3"] a, .ks { color: #fff !important; }
td.k { background-color: transparent !important; }
table.ft.t.bb.bt, #footer { background: #2f2f2f !important; }
.bb, .bt, td#headerText, div#footer { border: none !important; }
td[bgcolor="#3366cc"] { display: none !important; }
.header td, table[style*="border-top: 1px solid rgb(51, 102, 204);"] { border-top: none !important; }
td.tpb, td.btb { background: none !important; }
#res, #results_container { margin-left: .5em !important; }
#res .j { width: 50em !important; }
#res .j font[size="-1"] { line-height: 1.4 !important; }
#res .g a:visited, #navbar td:not(.b) a:visited { opacity: 0.5 !important; }
#res .e font[color="green"] { color: #ccc !important; }
#res .g .l { font-size: 1.1em !important; color: #f0f0f0 !important; }
#red .g .l:active { color: #fff !important; }
#res .std { color: #c9c9c9 !important; }
#res .std b { color: #fff !important; background: #000 !important; }
hr { color: #fff !important; opacity: 0.25 !important; }
#navbar img { visibility: hidden !important; }
#navbar div { background: none !important; }
#navbar .i { color: #fff !important; font-size: 1.5em !important; }
#navbar div { height: auto !important; }
#navbar td.b, #navbar td { vertical-align: middle !important; }
#navbar td.b:first-child + td { padding-left: 1.5em !important; }
.ra, .ra [bgcolor],[background="http://www.google.com/images/dot2.gif"] { display: none !important; }
[id="tads"]{display:none!important}
#tads div { background: transparent !important; }
#tads, div[id^="tpa"] { background: url("http://nsm02.casimages.com/img/2009/12/03//091203075935902034982576.png") bottom left repeat-x !important; }
table[style="border: 1px solid rgb(51, 102, 153);"] { border: none !important; }
img[src$="logo_google_suggest.gif"], [src="/intl/en_ALL/images/logo.gif"], [src="/intl/en_ALL/images/logos/images_logo_lg.gif"] {
margin-top: 6% !important;
width: 0 !important;
height: 110px !important;
padding-left: 276px !important;
background-image: url("http://www.imagechicken.com/uploads/1262829555079145200.png") !important;
}
width: 0 !important;
height: 55px !important;
padding-left: 150px !important;
background: url("http://www.imagechicken.com/uploads/1263607192049772300.png") top left no-repeat !important;
}
a#logo { font-size: 0 !important; }
.tfb td.c, .tb td.c {background:#999 !important;}
.tfb td.b, .tb td.b {background:#ccc !important;}
.tfb td.a, .tb td.a {background:#fff !important;}
.csb[style*="background-position: -114px -78px"],
.csb[style*="background-position: -126px -78px"],
table[style*="height: 9px; width: 50px"] img[style*="top: -78px"],
img[src*="/sy-star-"]
{
background-image: url("http://nsm02.casimages.com/img/2009/12/03//091203075937902034982588.png") !important;
}
.csb[style*="background-position: -114px -78px"],
.csb[style*="background-position: -126px -78px"]
{
width: 16px !important;
height: 16px !important;
background-position: 0 0 !important;
}
.csb[style*="background-position: -114px -78px"] {
background-position: -16px 0 !important;
}
table[style*="height: 9px; width: 50px"] img[style*="top: -78px"], img[src*="/sy-star-"] {
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 10px !important;
padding-left: 10px !important;
background-position: -25px -17px !important;
}
table[style*="height: 9px; width: 50px"] img[style*="top: -78px"][style*="left: -20px"], img[src*="sy-star-on"] {
background-position: -1px -17px !important;}
table[style*="height: 9px; width: 50px"] img[style*="top: -78px"][style*="left: -10px"], img[src*="sy-star-half"] {
background-position: -13px -17px !important;}
img[src*="poweredby_FFFFFF.gif"] {
width: 0 !important;
height: 19px !important;
padding-left: 56px !important;
background: url("http://nsm02.casimages.com/img/2009/12/03//091203075936902034982583.png") no-repeat !important;
}
img[border="1"] { border: none !important; }
#res .j { padding-left: .1em !important; }
form[name="f"] input[type="submit"] { margin-top: .3em !important; }
}
@-moz-document url-prefix(http://www.google.com/advanced_search)
{
tr[bgcolor="#cbdced"] { background: #50668d !important; }
tr[bgcolor="#ffffff"] { background: #405882 !important; }
td[width="15%"] > font > b { color: #ffc !important; }
p.tip, #gen-query, #gen-query * { color: #000 !important; }
.comment { color: #fff !important; opacity: 0.5 !important; }
.qbuilder-env, .block {
border-color: #3f3f3f !important;
background-color: #3f3f3f !important;}
#gen-query { background: #fff url("http://nsm02.casimages.com/img/2009/12/03//091203075936902034982585.png") repeat-x !important; }
.block { background: #333 url("http://nsm02.casimages.com/img/2009/12/03//091203075935902034982579.png") bottom left repeat-x !important; }
#tads {display:none !important} }
@-moz-document url-prefix(http://www.google.com/preferences){td[bgcolor="#cbdced"] { display: none !important; }
table[bgcolor="#ffffff"] { background: transparent !important; }
h1 + font + br + table,
h1 + font + br + table ~ table
{
border-top: 1px solid #404040 !important;
border-bottom: 1px solid #0b0b0b !important;
background: #333 url("http://nsm02.casimages.com/img/2009/12/03//091203075936902034982584.png") bottom left repeat-x !important;
}
table td[width="175"] h2 { color: #ffc !important; }
}
@-moz-document url-prefix(http://www.google.com/language_tools)
{table tr[bgcolor="#ffffff"] { background: none !important; }
#sft.ts td { width: 130px !important; }
#sft #logo {
width: 130px !important;
height: 51px !important;
}
margin-top: 24px !important;
margin-left: 0px !important;
width: 400px !important;
height: 51px !important;
padding-left: 168px;
background: url("http://nsm02.casimages.com/img/2009/12/03//091203075936902034982582.png") no-repeat !important;
}
div#bsf, table#brs { display:none !important; }
div#ssb { background: #262626 url("http://nsm02.casimages.com/img/2009/12/03//091203075936902034982587.png") top left repeat-x !important; }
table.gac_m { background: #262626 url("http://nsm02.casimages.com/img/2009/12/03//091203075936902034982581.png") top left repeat-x !important; }
#fctr, #ghead, #pmocntr, #sbl, #tba, #tbe, .fade { background: transparent !important; }
#guser { background-color: #000 !important; }
#nav > tbody > tr > td span { background: none !important; }
#nav { font-size: 120% !important; margin-top: -30px !important; }
#nav .cur { font-size: 120% !important; margin-top: -40px !important; }
#nav td { vertical-align: bottom !important; padding: 0.15em !important; }
#navbar img { visibility: hidden !important; }
#navbar * { background-image: none !important;
vertical-align: bottom !important; padding: 0.10em !important; }}
@-moz-document url-prefix(http://www.google.com/support)
{div.header_bar, h3.info, div.module h2, .wpcpsriCSS{background:transparent!important;border:3px#ddc!important}
h3.info{color:#ddc!important;text-shadow: #999944 0px -1px 4px !important}
p.survey_invite_blue, div.additional_resources_wrapper{display:none!important}
[style="background-image:url(http://www.google.com/help/hc/images/wrench_E5ECF4.gif)"]{height:24px!important;padding-left:24px!important;background-image:url(http://www.site.lu/icon/wrench.png)!important;width:0!important}
.whapbCSS, .wpcrbCSS, .wmfnCSS, .wsvinviteCSS {background:transparent!important}
.goog-custom-button-hover .goog-custom-button-outer-box, .goog-custom-button-hover .goog-custom-button-inner-box, .goog-custom-button-inner-box {color:black!important}
.whapbCSS {border-top: none !important}
.wsvinviteCSS {color:#aaa!important;border: none!important;}
[src="http://www.google.com/intl/en/images/logos/chrome_logo.gif"]{height:64px!important;padding-left:200px!important;
background-image:url("http://www.imagechicken.com/uploads/1263600498023831400.png")!important;width:0!important}
.lchlCSS,.lctCSS th,.hcabCSS-head{background:transparent!important}
.whacflCSS{border-bottom:1px solid #CCC!important}}
.nj>a,.nj>a>img#logo{display:none!important}
.nj{background:url(http://www.imagechicken.com/uploads/1262827929058536100.png)no-repeat center!important}
Like so:
@-moz-document url-prefix(http://www.google),
url-prefix(http://images.google),
url-prefix(http://news.google),
url-prefix(http://blogsearch.google),
url-prefix(http://books.google),
url-prefix(http://209.85.165.104),
url-prefix(https://www.google.com/accounts)
{html, body {background: #262626 url("http://nsm02.casimages.com/img/2009/12/03//091203075935902034982580.png") top left repeat-x !important;
color: #fff !important;}
.nj>a,.nj>a>img#logo{display:none!important}
.nj{background:url(http://www.imagechicken.com/uploads/1262827929058536100.png)no-repeat center!important}
Big kiss and good afternoon !