Post Reply 
Google Light Blue Theme
Mar. 02, 2009, 10:10 PM
Post: #16
RE: Google Light Blue Theme
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.
Visit this user's website
Add Thank You Quote this message in a reply
Mar. 03, 2009, 06:08 AM
Post: #17
RE: Google Light Blue Theme
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".
Visit this user's website
Add Thank You Quote this message in a reply
Mar. 03, 2009, 12:12 PM
Post: #18
RE: Google Light Blue Theme
Copied, thanks Kye-U. Smile!

As for possibly adjusting layout, i'll leave that to you.
Add Thank You Quote this message in a reply
Mar. 03, 2009, 07:26 PM
Post: #19
RE: Google Light Blue Theme
(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.
Add Thank You Quote this message in a reply
Mar. 03, 2009, 07:42 PM
Post: #20
RE: Google Light Blue Theme
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.)
Add Thank You Quote this message in a reply
Mar. 03, 2009, 08:22 PM
Post: #21
RE: Google Light Blue Theme
Here are two shapshots taken from "Google Light Blue Theme":

.png  G-LBT.png (Size: 49.31 KB / Downloads: 268)

and "Google Light Theme":

.png  G-LT.png (Size: 48.5 KB / Downloads: 255)

I'was taking them in IE7.
Add Thank You Quote this message in a reply
Mar. 03, 2009, 08:30 PM
Post: #22
RE: Google Light Blue Theme
What i mean is this, Firefox versus IE6:


Attached File(s)
.png  firefox.png (Size: 2.87 KB / Downloads: 284)
.png  ie6.png (Size: 3.14 KB / Downloads: 281)
Add Thank You Quote this message in a reply
Mar. 03, 2009, 09:19 PM
Post: #23
RE: Google Light Blue Theme
(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.
Add Thank You Quote this message in a reply
Mar. 03, 2009, 11:10 PM
Post: #24
RE: Google Light Blue Theme
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(){}
Add Thank You Quote this message in a reply
Mar. 03, 2009, 11:15 PM
Post: #25
RE: Google Light Blue Theme
Thanks OZO. I do wonder why the dark themes are working then...
Add Thank You Quote this message in a reply
Mar. 04, 2009, 12:30 AM
Post: #26
RE: Google Light Blue Theme
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"
Add Thank You Quote this message in a reply
Mar. 04, 2009, 01:02 AM
Post: #27
RE: Google Light Blue Theme
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".
Add Thank You Quote this message in a reply
Post Reply 


Forum Jump: