Post Reply 
Google Light Blue Theme
Feb. 25, 2009, 12:17 AM
Post: #1
Google Light Blue Theme
I had a problem with "Google Light Blue Theme". Sometimes when I scroll web page some lines become distorted (see picture 01) or even disappear (see picture 02).

To fix the problem I've edited this line:
Quote: "\6<br class=mainspace><br class=mainspace>\7"
replaced with:
"\6<br>\7"
Line is within "Google Search: Alternate Display 9.02.09 (multi) [sd ku] (d.s)" rule. Hope that it will be fixed in mainstream too.


Attached File(s)
.png  Distorted lines 01.png (Size: 15.82 KB / Downloads: 718)
.png  Distorted lines 02.png (Size: 9.87 KB / Downloads: 686)
Add Thank You Quote this message in a reply
Feb. 25, 2009, 01:29 AM
Post: #2
RE: Google Light Blue Theme
Thanks for this; I'll play around with it later tonight Wink Looks to be IE-specific.
Visit this user's website
Add Thank You Quote this message in a reply
Feb. 25, 2009, 04:18 AM
Post: #3
RE: Google Light Blue Theme
Yes, it could be IE specific or, even more, a video driver specific. But I'm glad that today I found the way to get rid of the problem, which, as you could imagine, was extremely annoying.

It's 100% repeatable (at least on my computer) and I can easy turn in on and off by changing the rule.
Add Thank You Quote this message in a reply
Feb. 25, 2009, 05:27 AM
Post: #4
RE: Google Light Blue Theme
I've decided to use a DIV instead of BR; seems to work well in Chrome/IE7/Firefox/Opera. If there is a better solution, feel free to post it =]

The div is <div class=mainspace></div> (replacing <br class=mainspace><br class=mainspace>)

Code:
[Patterns]
Name = "Google Search: Alternate Display     9.02.09 (multi) [sd ku] (d.s) test-2009022"
Active = TRUE
Multi = TRUE
URL = "$TYPE(htm)www.google.[^:/]+/(intl/[^/]+/(^?)|search\?(^q\=cache:)|webhp|(^?))$SET(keyword=$TST(keyword=\1.(i_layout:[#*:0].)+\2)\1.i_layout:2.\2)"
Limit = 2048
Match = "(^?)$SET(a=)$SET(b=)$STOP()"
        "|"
        "<br>((\r|)\n$SET(1= )| <br>( <table)\2$SET(1=</p><br class=mainspace>\2))"
        "|"
        "<("
        "/b> of (about )+<b>[0-9,]+</b> ((from|over the) $NEST(<b>,</b >) )+for <b>( <b>)+[^<]+"
        "&&((<*>|?)+{95})\2???$SET(1=<\2...\3\4\5)*|$SET(1=<\2\3\4\5)\2"
        ")(*</table > )\3(<div(^ id=)$INEST(<div,>)$SET(5=<div)|)$SET(4=<div id="topspace">&nbsp;</div>\r\n)"
        "|"
        "<style(^$TST(b=s))$SET(b=s)$SET(1="
        "<script>"
        "var prxSpics=["http://local.ptron/sidki_h_$GET(cfg)/Google/google-","
        "new Image(),new Image(),new Image()];"
        "prxSpics[1].src=prxSpics[0]+"bug.png";prxSpics[2].src=prxSpics[0]+"top.png";"
        "prxSpics[3].src=prxSpics[0]+"new.png";"
        "</script>"
        "<style id="themed""
        ")"
        "|"
        "<div ("
        "id=("
        "$AV(ie6tb)>$INEST(<div,</div)</div >( $NEST(<script,</script >))+"
        "|$AV(exp_msgs)$INEST(<div,</div)</div >"
        ")"
        "|style=$AV(margin : -5px 0 5px)$INEST(<div,</div)</div >"
        ")"
        "|"
        "<(div|li)\2 class="
        "$AV(g(\s*|))("
        "((^ style=$AV(margin-(left|right)*))($TST(a=odd)$SET(a=even)|$SET(a=odd))|)$SET(#=$GET(a))"
        ")(*<a)\#"
        "(*( href=$AV(/interstitial\?url\=h\9|([^/]+//[^/]+/)\9?*|*))\5*</a >)\4\6( <br>|( <table)\7)"
        "($TST(\9=t$SET(0="
        "<a href="h\9"><img src="http://local.ptron/sidki_h_$GET(cfg)/Google/google-bug.png""
        " width=16 height=10 border=0 title="Malware warning!"></a>&nbsp;&nbsp;"
        ")*|$SET(0="
        "<a href="\9"><img src="http://local.ptron/sidki_h_$GET(cfg)/Google/google-top.png""
        " width=10 height=10 border=0 title="Go to top domain"></a>&nbsp;&nbsp;"
        ")*)|)"
        "$SET(1="
        "<\2 class=g&#x20;\#\#\4&nbsp;&nbsp;\0"
        "<a\5 target=_blank><img src="http://local.ptron/sidki_h_$GET(cfg)/Google/google-new.png""
        " width=14 height=10 border=0 title="Open in new window"></a>&nbsp;&nbsp;"
        "\6<div class=mainspace></div>\7"
        ")"
Replace = "\1"

Name = ". + Google Light Blue Theme     9.01.05 (!nn) [jd sd] (o.s) test-20090225"
Active = TRUE
URL = "$TYPE(htm)www.google.(^$TST(hOrigUA=mozilla/4.[1-9](^*opera)*))[^:/]+/(intl/[^/]+/(^?)|search\?(^q\=cache:)|webhp|(^?))"
Limit = 5000
Match = "<style( id=\"themed\"*>$INEST(<style,//-->|-->|</style))\2(*</style >)\3"
Replace = "<style\2\r\n"
          "/* Proxomitron light blue Google theme */\r\n"
          ".g {margin-top: 10px; margin-bottom: 10px;}\r\n"
          "div.g, p.g {line-height: 16px; padding: 2px 5px 4px 5px;}\r\n"
          ".odd {background: #EFF6FF;}\r\n"
          ".even {background: #DFEFFF;}\r\n"
          "div#topspace {padding-top: 6px; line-height: 0;}\r\n"
          "br.mainspace {line-height: 3px;}\r\n"
          "div.mainspace {height: 3px;}\r\n"
          "a {text-decoration: none;}\r\n"
          "a:link, .q a:link, a.toplink:visited {color: #0C5AA9;}\r\n"
          "a:visited {color: #087D7E;}\r\n"
          "a:hover {text-decoration: underline;}\r\n"
          "a:hover, .q a:hover, a.fl:hover {color: #1689FF;}\r\n"
          "a#topthumb, a.mainlink {font-size: 15px;}\r\n"
          "a.mainlink:hover, a.toplink:hover"
          " {color: #1689FF; text-decoration: none; border-bottom: 1px solid #1689FF;}\r\n"
          "a.ProXPref:hover {color: #379CCD;}\r\n"
          "a.ProXPrefJs:hover {color: #968AFF;}\r\n"
          "a.ProXPref.mainlink {padding-right: 20px; background:"
          " url(http://local.ptron/sidki_h_$GET(cfg)/Google/google-bug.png) no-repeat right center;}\r\n"
          "a.ProXPrefJs {padding-right: 0; background: none;}\r\n"
          ".j {width: 100%;}\r\n"
          ".s {max-width: none;}\r\n"
          "\3"


Attached File(s)
.css  google-dark.css (Size: 3.62 KB / Downloads: 657)
Visit this user's website
Add Thank You Quote this message in a reply
Feb. 25, 2009, 06:29 AM
Post: #5
RE: Google Light Blue Theme
(Feb. 25, 2009 05:27 AM)Kye-U Wrote:  I've decided to use a DIV instead of BR; seems to work well in Chrome/IE7/Firefox/Opera. If there is a better solution, feel free to post it =]

The div is <div class=mainspace></div> (replacing <br class=mainspace><br class=mainspace> )
Thank you, Kye-U. It's working well !

But, why do you prefer to replace <BR> with <DIV class=mainspace> if simple <BR> does exactly what it's designed for and does it quite well?

I like a bit lighter and more contrast theme. It means that what is light should be even lighter and what is dark - becomes even darker too Wink

Here is my current compilation of the same "Google Light Blue Theme":
Code:
Name = ". + Google Light Theme"
Active = TRUE
URL = "$TYPE(htm)www.google.(^$TST(hOrigUA=mozilla/4.[1-9](^*opera)*))[^:/]+/(intl/[^/]+/(^?)|search\?(^q\=cache:)|webhp|(^?))"
Limit = 5000
Match = "<style( id=\"themed\"*>$INEST(<style,//-->|-->|</style))\2(*</style >)\3"
Replace = "<style\2\r\n"
          "/* Google Light Theme */\r\n"
          "a {text-decoration: none;}\r\n"
          "a:link, .q a:link, a.toplink:visited {color: #00A;}\r\n"
          "a:hover, .q a:hover, a.fl:hover {text-decoration: underline; color: #000 !important;}\r\n"
          "a:active, .q a:active, a.fl:active {color: #D00 !important;}\r\n"
          "a:visited {color: #087D7E;}\r\n"
          "a.ProXPref:hover {color: #379CCD;}\r\n"
          "a.ProXPrefJs {color: #008;}\r\n"
          "a.ProXPrefJs:hover {color: #000;}\r\n"
          "a.ProXPrefJs:active {color: #D00;}\r\n"
          "a.ProXPrefJs:visited {color: #00C;}\r\n"
          ".odd {background: #F4F4FE;}\r\n"
          ".even {background: #F4FEF4;}\r\n"
          "div#topspace {padding-top: 6px; line-height: 0;}\r\n"
          ".s {max-width: none;}\r\n"
          "div.med {padding-right: 0 !important;}\r\n"
          "li {padding-left: .5em;}\r\n"
          "\3"

Additionally I've slightly changed some padding values to make page a bit wider on the right side and to make it look a bit better (IMHO) on its left side. Smile! I have not tried it with other browsers, except IE though...
Add Thank You Quote this message in a reply
Feb. 25, 2009, 06:42 AM
Post: #6
RE: Google Light Blue Theme
The main reason I decided to use a DIV is because I want to maintain the same spacing that <br class=mainspace><br class=mainspace> provided.

Thanks for sharing! I'll try it out later.
Visit this user's website
Add Thank You Quote this message in a reply
Feb. 25, 2009, 10:40 AM
Post: #7
RE: Google Light Blue Theme
i'd have to "re-experiment", but when i bumped into that line-split tidbit, my fix didn't alter the filter, but rather the .css...

i'm not 100% sure, again, would have to "re-experiment", but i'm thinking my fix was in that the div.g, p.g has a line-height setting where the .g line does not... and that adding the line-height to the .g fixed the line-split... if memory serves...


edit: CONFIRMED!... that indeed fixes the line-split... but note that i was only getting the line-split when i went to scroll the page...

edit #2: laughing at myself, i do see in the first post that you mention "sometimes when i scroll the page"... ie, your fix is the line-height .css setting... of course, the div entry works as well, but i suspect the div.g's and the .g's both "should" have the same line-height settings...
Add Thank You Quote this message in a reply
Feb. 25, 2009, 11:16 AM
Post: #8
RE: Google Light Blue Theme
I also have a little contribution here. While looking at IncludeExclude, i noticed that the URL expression in these filters can be a wee bit simplified:

Code:
$TYPE(htm)www.google.(^$TST(hOrigUA=mozilla/4.[1-9](^*opera)*))[^/]+/(intl/[^/]+/(^?)|search\?|webhp|(^?))

Rationale: Google always uses no-alias servers when serving cached content. I don't see a reason for the non-SSL test (maybe there was one before).


In case any CSS rules aren't needed anymore (also check more exotic Googles like google.cn), please remove them. We always can restore them from the previous version. Smile!

edit: Let me know once i should copy over a new version.
Add Thank You Quote this message in a reply
Feb. 25, 2009, 08:04 PM (This post was last modified: Feb. 25, 2009 08:16 PM by OZO.)
Post: #9
RE: Google Light Blue Theme
(Feb. 25, 2009 10:40 AM)ProxRocks Wrote:  my fix was in that the div.g, p.g has a line-height setting where the .g line does not... and that adding the line-height to the .g fixed the line-split...
You're right on the target. That was creating the weird problem. Thanks!
(Feb. 25, 2009 11:16 AM)sidki3003 Wrote:  I also have a little contribution here. While looking at IncludeExclude, i noticed that the URL expression in these filters can be a wee bit simplified:

Code:
$TYPE(htm)www.google.(^$TST(hOrigUA=mozilla/4.[1-9](^*opera)*))[^/]+/(intl/[^/]+/(^?)|search\?|webhp|(^?))
Thank you. Simpler is better, isn't? Smile!
Add Thank You Quote this message in a reply
Feb. 25, 2009, 09:55 PM
Post: #10
RE: Google Light Blue Theme
(Feb. 25, 2009 08:04 PM)OZO Wrote:  
(Feb. 25, 2009 10:40 AM)ProxRocks Wrote:  my fix was in that the div.g, p.g has a line-height setting where the .g line does not... and that adding the line-height to the .g fixed the line-split...
You're right on the target. That was creating the weird problem. Thanks!

cool!...
perhaps an apology of sorts for not posting it months ago Sad

i handle "new window" and "translate" differently than sidki's out-of-the-box and also incorporate a "preview" feature (thanks to JD5000/Grypen), so, um, i assumed it was 'that' that was causing the line-split... doh!
Add Thank You Quote this message in a reply
Feb. 26, 2009, 06:03 AM
Post: #11
RE: Google Light Blue Theme
(Feb. 25, 2009 05:27 AM)Kye-U Wrote:  I've decided to use a DIV instead of BR; seems to work well in Chrome/IE7/Firefox/Opera. If there is a better solution, feel free to post it =]

The div is <div class=mainspace></div> (replacing <br class=mainspace><br class=mainspace> )
Your solution with replacing two <BR> tags with one <DIV> works well in IE7 and FF3 (and actually is better).

Here is my new compilation of "Google Light Blue Theme" (that uses proposed new <DIV> block):
Code:
Name = ". + Google Light Theme     0.00.02"
Active = TRUE
URL = "$TYPE(htm)www.google.(^$TST(hOrigUA=mozilla/4.[1-9](^*opera)*))[^:/]+/(intl/[^/]+/(^?)|search\?(^q\=cache:)|webhp|(^?))"
Limit = 5000
Match = "<style( id=\"themed\"*>$INEST(<style,//-->|-->|</style))\2(*</style >)\3"
Replace = "<style\2\r\n"
          "/* Google Light Theme */\r\n"
          "a {text-decoration: none;}\r\n"
          "a:link, .q a:link, a.toplink:visited {color: #00A !important;}\r\n"
          "a:visited {color: #087D7E;}\r\n"
          "a:active, .q a:active, a.fl:active {color: #D00 !important;}\r\n"
          "a:hover, .q a:hover, a.fl:hover {text-decoration: underline; color: #000 !important;}\r\n"
          "a.ProXPref:hover {color: #379CCD;}\r\n"
          "a.ProXPrefJs {color: #008 !important; }\r\n"
          "a.ProXPrefJs:visited {color: #00C !important;}\r\n"
          "a.ProXPrefJs:active {color: #D00 !important;}\r\n"
          "a.ProXPrefJs:hover {color: #000 !important;}\r\n"
          ".odd {background: #F4F4FE;}\r\n"
          ".even {background: #F4FEF4;}\r\n"
          "div#topspace {padding-top: 6px; line-height: 0;}\r\n"
          ".s {max-width: none;}\r\n"
          "div.med {padding-right: 0 !important;}\r\n"
          "li {padding-left: .5em; padding-right: .5em;}\r\n"
          ".g {line-height: 16px; margin-top: 10px; margin-bottom: 10px;}\r\n"
          "div.mainspace {height: 3px;}\r\n"
          "\3"

Comparing to "Google Light Blue Theme":
* background colors of the theme are lighter, while links are darker
* changed padding-left, padding-right for <li> tag
* added div.med {padding-right: 0; ) - it made blocks a bit wider to the right
* added a:active color

I've tried it with IE7, FF3. So far so good and I like it Smile!
Add Thank You Quote this message in a reply
Mar. 02, 2009, 07:09 PM
Post: #12
RE: Google Light Blue Theme
Could someone please post those updated, public config relevant, Google filters/CSS, to which discussed changes apply? I didn't follow thoroughly, sorry.
Add Thank You Quote this message in a reply
Mar. 02, 2009, 08:40 PM
Post: #13
RE: Google Light Blue Theme
The main issue is fixed by PR's fix to the CSS ("my fix was in that the div.g, p.g has a line-height setting where the .g line does not... and that adding the line-height to the .g fixed the line-split...").

OZO's post (#11 in this topic) presents additional/modified CSS rules that I haven't tested out yet. Perhaps other members can chime in and give their feedback on OZO's modified filter Smile!
Visit this user's website
Add Thank You Quote this message in a reply
Mar. 02, 2009, 08:48 PM
Post: #14
RE: Google Light Blue Theme
Okay! Nonetheless, possibly after a chiming in timeout, would you, or ProxRocks, or OZO, please tell me what to update? TIA!
Add Thank You Quote this message in a reply
Mar. 02, 2009, 08:58 PM
Post: #15
RE: Google Light Blue Theme
i leave this for you, Kye-U Big Teeth
Add Thank You Quote this message in a reply
Post Reply 


Forum Jump: