Google Light Blue Theme

[OZO]

(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