Google Light Blue Theme - Printable Version

Google Light Blue Theme - Printable Version

+- The Un-Official Proxomitron Forum (https://www.prxbx.com/forums)
+-- Forum: Proxomitron Config Sets (/forumdisplay.php?fid=43)
+--- Forum: Sidki (/forumdisplay.php?fid=44)
+--- Thread: Google Light Blue Theme (/showthread.php?tid=1291)

Pages: 1 2

RE: Google Light Blue Theme - Kye-U - Mar. 02, 2009 10:10 PM

I have a bit of time tonight (finished a psychology test today), so I'll check out the modified filter Wink

I'll post what needs to be changed in 5-6 hours.

RE: Google Light Blue Theme - Kye-U - Mar. 03, 2009 06:08 AM

Sidki, here's the updated filter:

Code:

[Patterns]

Name = ". + Google Light Blue Theme     9.01.05 (!nn) [jd sd] (o.s) test-20090303"

Active = FALSE

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; line-height: 16px;}\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"

          "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"

The only change is:

.g {margin-top: 10px; margin-bottom: 10px; line-height: 16px;}\r\n

OZO, I tried out your filter and my personal preference is the original Light Blue colours, as it provides more contrast. This is just me though. I agree with you though; perhaps we can increase the padding-left, to match up with the "Web" text in "Web Thumbnails".

RE: Google Light Blue Theme - sidki3003 - Mar. 03, 2009 12:12 PM

Copied, thanks Kye-U. Smile!

As for possibly adjusting layout, i'll leave that to you.

RE: Google Light Blue Theme - OZO - Mar. 03, 2009 07:26 PM

(Mar. 03, 2009 06:08 AM)Kye-U Wrote: OZO, I tried out your filter and my personal preference is the original Light Blue colours, as it provides more contrast. This is just me though. I agree with you though; perhaps we can increase the padding-left, to match up with the "Web" text in "Web Thumbnails".

I see contrast as a ratio between the color of the text and color of page background. On my laptop I need color of the text to be dark and color of the background to be as lighter as possible (even close to white). That's why I always use (and offered here) the light theme for Google. But, as you've said, it's just the matter of personal preference. Smile!

Thank you for trying my theme.

RE: Google Light Blue Theme - sidki3003 - Mar. 03, 2009 07:42 PM

Does the "width: 100%" rule in ". + Google Light Blue Theme" fail for anyone else in IE?
The search results aren't stretched to the page width for me in IE6. (The other themes do work.)

RE: Google Light Blue Theme - OZO - Mar. 03, 2009 08:22 PM

Here are two shapshots taken from "Google Light Blue Theme":
[attachment=334]

and "Google Light Theme":
[attachment=335]

I'was taking them in IE7.

RE: Google Light Blue Theme - sidki3003 - Mar. 03, 2009 08:30 PM

What i mean is this, Firefox versus IE6:

RE: Google Light Blue Theme - OZO - Mar. 03, 2009 09:19 PM

(Mar. 03, 2009 08:30 PM)sidki3003 Wrote: What i mean is this, Firefox versus IE6:

Yes, when I run IE6 I see that too.

RE: Google Light Blue Theme - OZO - Mar. 03, 2009 11:10 PM

IE6 doesn't support "max-width" property. Width of common comment blocks is dynamically set via "width" property.

Check this block in Google's page that I'm getting in IE6:

Code:

<script>(function(){

var a=document.styleSheets[0],b=a.rules,c=document.getElementById("mbEnd"),d,e=0;a.addRule(".s","width:auto");d=b[b.length-1].style;function f(){d.width=document.body.clientWidth-(c?c.offsetWidth:0)<=588?"auto":"544px"}window.attachEvent("onresize",function(){var g=new Date;if(g-e>100){f();e=g}});f();

})()

</script>

And particularly at '...<=588?"auto":"544px"'. You may change it as you need, or simply replace function f() with dummy one: function f(){}

RE: Google Light Blue Theme - sidki3003 - Mar. 03, 2009 11:15 PM

Thanks OZO. I do wonder why the dark themes are working then...

RE: Google Light Blue Theme - OZO - Mar. 04, 2009 12:30 AM

Good question!

I see that dark theme has this code block and it uses different style sheets that I've mentioned above:
a=document.styleSheets[0+1]
it's instead of:
a=document.styleSheets[0]

But, I've made it work with a different approach. Try this code in IE6:

Code:

Name = ". + Google Light Theme     0.00.03"

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 !important; width: auto !important;}\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"

To make it work I've added "width: auto !important;" into .s style:

Code:

".s {max-width: none !important; width: auto !important;}\r\n"

RE: Google Light Blue Theme - sidki3003 - Mar. 04, 2009 01:02 AM

Cool! So:

Code:

[Patterns]

Name = ". + Google Light Blue Theme     9.03.04 (!nn) [...] (o.s)"

Active = FALSE

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

Limit = 5000

Match = "<style( id=\"themed\"*>$INEST(<style,//-->|-->|</style))\2(*</style >)\3"

        "$STOP(Code by: JD5000, sidki, Kye-U, ProxRocks, OZO)"

Replace = "<style\2\r\n"

          "/* Proxomitron light blue Google theme */\r\n"

          ".g {margin-top: 10px; margin-bottom: 10px; line-height: 16px;}\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"

          "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; width: auto !important;}\r\n\3"

edit: Changed "Active = TRUE" to "Active = FALSE".