All-Glass Firefox

[Pseudonym]

OK, now I've used it for a while, I've noticed a few things. I apologise if others ahve pointed these out, just thought I'd add my thoughts.

The colour of the text on the bookmark toolbar doesn't really fit with aero or Fx and is my one major (ok, so its not really huge) gripe.

Some of the favicons on the bookmark toolbar have a white border around them (i appreciate this isn't the fault of the the theme, but it is exacerbated and there might be ways to limit the impact, idk)

Otherwise, as i said before, I love it, really good work.

[Ambroos]

OK, now I've used it for a while, I've noticed a few things. I apologise if others ahve pointed these out, just thought I'd add my thoughts.

The colour of the text on the bookmark toolbar doesn't really fit with aero or Fx and is my one major (ok, so its not really huge) gripe.

Some of the favicons on the bookmark toolbar have a white border around them (i appreciate this isn't the fault of the the theme, but it is exacerbated and there might be ways to limit the impact, idk)

Otherwise, as i said before, I love it, really good work.

The favicons having a white border, can't do a thing about it... You can edit the favicons manually (some way, i think), but there's no way to do that...

The text colour: at the 4th # in the userstyle you can edit it. Example:

#main-window #navigator-toolbox #PersonalToolbar toolbarbutton > label
 {
	 color: red !important;
	 opacity: .90 !important;
 }

[SMELTN]

WOOT!! Thanks to the awesome help of Ambroos, mine is now working great. Looks awesome thanks again :)

[Skulltrail-old]

Just what I was looking for. I prefer Firefox over all other browsers, but enjoy Chrome's transparency. This allows me to have a little of both! :laugh:

[Iian K]

grrrr what am I doing wrong?

~snip~

Wow, that looks bad.

Yeah, make sure you edited the files correctly, and have all other themes off except for the default one.

[Ambroos]

Wow, that looks bad.

Yeah, make sure you edited the files correctly, and have all other themes off except for the default one.

It was his GMail notifier that did it. Helped him trying to fix it. (It's fixed now)

[PNWDweller]

Too bad they didn't have Vista at work. I would be running that on the XP box here. Looks cool though! I have always like semi-transparent apps and windows. :)

BTW, interesting effect if you run it in XP. (Mac as well, tried it a few days ago there for kicks)

[Ambroos]

Too bad they didn't have Vista at work. I would be running that on the XP box here. Looks cool though! I have always like semi-transparent apps and windows. :)

BTW, interesting effect if you run it in XP. (Mac as well, tried it a few days ago there for kicks)

Mind posting the interesting effect? Would love to see

[PNWDweller]

This is what I have and the extensions I have going.

As for firefox plugins - Better Gmail2, Forecast fox (See that at bottom), IE TAB, Google Gears, and Stylish.

I can't do the Mac as I am at work, but pretty much does the same.

[Advent]

This is what I have and the extensions I have going.

As for firefox plugins - Better Gmail2, Forecast fox (See that at bottom), IE TAB, Google Gears, and Stylish.

I can't do the Mac as I am at work, but pretty much does the same.

You need to have Windows Vista for this to work. XP won't work.

[jordoex]

I did that 2 weeks ago, although with night launch instead of strata:

http://forums.mozillazine.org/viewtopic.ph...450205#p4450205

[Ambroos]

Jordoex, that's where I got the idea!

[Malskazz]

Nice work Ambroos, i didn't see this topic before now :D..

See you on msn ect

[Darksoft]

can somebody give me the stylish theme?

the website in the OP doesn't work. :(

[mimol]

How Can I turn on status bar?

[Pseudonym]

How Can I turn on status bar?

Read the bug report in the OP and realise that this is a known problem...

[mimol]

Read the bug report in the OP and realise that this is a known problem...

What mean OP?

If u add this script, status bar will be show but text doesnt looks nice.

/* Vista Transparency theme


/* Get rid of fat border */

#navigator-toolbox,

#nav-bar,

#PersonalToolbar {

  margin-bottom: -1px !important }



#browser {

  border: 0 !important }



/* Tabbar and toolbar looks */



#PersonalToolbar,

#FindToolbar,

sidebarheader,

statusbarpanel,


.tabs-bottom {

  -moz-appearance: none !important;

  background: url("data:image/png;base64,

   iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3R

	JTUUH2AIDBAEFNLSlfgAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAA

	AKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3Y

	XJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRT

	b3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAAAW0lEQVR4nCX

	DPQqDQBCA0fHT9Ydd8Qg2KXN/RK9jI9qFODOuhBQ+eDLNC9t+cOUbyxk15zTna85HHfWL056af+WqJS

	KCFBVCQAhUoaWuO5o2EmNPSgMpDYzv1x/uYCVPmghWvQAAAABJRU5ErkJggg==") bottom !important }




#FindToolbar > *,

.findbar-container > *,

statusbarpanel,

sidebarheader,



#PersonalToolbar toolbarbutton > label {

  color: -moz-win-mediatext !important }



#FindToolbar > *,

.findbar-container > * {

  display: -moz-box !important }



statusbarpanel {

  -moz-appearance: statusbar;

  border: 0px !important }



#FindToolbar,

sidebarheader { 

  border: 0px !important }



/* Keep menus readable */

menulist > menupopup {

  -moz-appearance: menupopup !important }



menulist > menupopup > menuitem[_moz-menuactive="true"] {

  -moz-appearance: menuitem !important }



/* Toolbar Buttons Closer */

#toolbar-menubar > toolbarbutton,

#nav-bar > toolbarbutton,

#nav-bar > .toolbarbutton-icon,

#FindToolbar toolbarbutton,

#FindToolbar toolbarbutton *,

.bookmark-item .toolbarbutton-text {

  -moz-appearance:none !important;

  border: 0px !important;

  margin: 0px 0px 0px 1px !important;

  padding: 0px 0px 0px 0px !important }



#nav-bar > toolbarbutton * {

  border: 0px !important;

  margin: 0px 0px 0px 1px !important;

  padding: 0px  !important }



.chevron {

  -moz-appearance:none !important;

  margin: 0px 0px 0px 0px !important;

  padding: 0px 0px 0px 0px !important }



.bookmark-item {

  -moz-appearance:none !important;

  margin: 0px 0px 0px 0px !important;

  padding: 0px 0px 0px 0px !important }



.bookmark-item .toolbarbutton-icon {

  -moz-appearance:none !important;

  border: 0px !important;

  margin: 0px 0px 0px 2px !important;

  padding: 0px 0px 0px 0px !important }



/* Hide bookmarkmenubar, unhide by hovering Navigator Toolbox */

#PersonalToolbar {

  visibility: collapse !important }




/* Transparent tooltip */

tooltip {

  -moz-appearance: none !important;

  background-color: transparent !important;

  color: -moz-win-mediatext !important;

  font-family: Calibri, Tahoma, sans-serif !important;

  background-image: url("data:image/png;base64,

	iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAAK/INwWK6QAAABh0RVh0U29

	mdHdhcmUAUGFpbnQuTkVUIHYzLjA4ZXKc4QAAAC9JREFUOE9j5LcMWsxATQAykJqYgZqGgX07aiDFET

	QahpQn8tEwHA1DMsrKwZ9sADuo19oANiVcAAAAAElFTkSuQmCC") !important }



/* Translucent dialogs (too dark for vistaglazz toolbars) */

@-moz-document url(chrome://global/content/commonDialog.xul) {

  dialog {

	background: url("data:image/png;base64,

	  iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAAK/INwWK6QAAABh0RVh0U29

	  mdHdhcmUAUGFpbnQuTkVUIHYzLjA4ZXKc4QAAAC9JREFUOE9j5LcMWsxATQAykJqYgZqGgX07aiDFET

	  QahpQn8tEwHA1DMsrKwZ9sADuo19oANiVcAAAAAElFTkSuQmCC") !important }



  description, checkbox {

	color: -moz-win-mediatext !important;

	font-family: Calibri, Tahoma, sans-serif !important;

	font-size: 11pt !important }



  vbox > description {

	font-weight: bold !important }

}



/* TabMix: Tab Progressbar with system appearance */

tab .progress-bar {

  -moz-appearance: progresschunk !important }



#statusbar-progresspanel {

  display: none !important }



.searchbar-textbox{

   margin-right:0

}





#identity-box,

.autocomplete-history-dropmarker,

.textbox-input-box,

.search-go-container {

   margin-top: -1px !important;

   margin-bottom: -1px !important }



#identity-box > hbox,

#identity-box,

#page-proxy-stack,

.searchbar-engine-button {

   background: none;

   border-right: none!important }



#identity-box > hbox,

.searchbar-engine-button {

   padding-right: 1px !important }



#identity-box:hover > hbox,

.searchbar-engine-button:hover {

   padding-right: 0 !important;

   background-image: url(chrome://browser/skin/navbar-textbox-buttons.png);

   border-right: 1px solid ThreeDShadow!important }



#page-proxy-stack:hover {

   background-image: url(chrome://browser/skin/urlbar-favicon-glow.png) }



#page-proxy-stack {

   margin-left: -4px }

[darren89]

thank you for sharing with us ambroos! :)

i'll try it out and see how's it.

hopefully its good! ;)

[darren89]

haiz....... sadly it doesn't work properly at my firefox. i'm using vista home basic by the way.

is it a must to use vista with transparency (glass) effects? :s

can you possibly make this work for vista home basic as well?

i doubt that.. :(

Edited October 7, 2008 by darren89

[Ambroos]

haiz....... sadly it doesn't work properly at my firefox. i'm using vista home basic by the way.

is it a must to use vista with transparency (glass) effects? :s

can you possibly make this work for vista home basic as well?

i doubt that.. :(

I have no idea about making it work in Vista Home Basic, but I highly doubt it, as I don't think it's rendered the same way...

[darren89]

I have no idea about making it work in Vista Home Basic, but I highly doubt it, as I don't think it's rendered the same way...

hmm...do you have anyway to solve this? just curious.

anyway, i'll try that on my vista business and ultimate. it should work fine. :)

[g4rb4g3]

How Can I turn on status bar?

Add this to the stylish script:

/* Fixes a problem with ugly statusbar text*/ 

.statusbarpanel-text{ color: gray !important; opacity: 1 !important; }

edit:

this is for the findbar:

.findbar-find-fast{ color: white !important; opacity: 1 !important; }
.checkbox-label-box{ color: white !important; opacity: 1 !important; }

Does anybody know how to remove the separator between the statusbar icons?

g4rb4g3

Edited October 7, 2008 by g4rb4g3

[g4rb4g3]

haiz....... sadly it doesn't work properly at my firefox. i'm using vista home basic by the way.

is it a must to use vista with transparency (glass) effects? :s

can you possibly make this work for vista home basic as well?

i doubt that.. :(

You need a Vista with glass support. It will never work on Vista Home Basic because it just extends the area for glass to the navigation and tab bar. But your system doesn't support glass at all.

[Ambroos]

Hi there!

Thanks for all the good reply's! I'm glad you're all enjoying it!

I've updated the style today with some new bits I got, it's all in the original post, and done some cleaning!

I've also rewritten the original post, and it is now a lot clearer how to do everything.

Thank you all, and keep the downloads coming!

Ambroos

(PS: if anyone knows how to remove the status bar divider lines, please let me know!)

Latest update:

Edited October 7, 2008 by Ambroos

[SMELTN]

so do we need to redownload the Modified dwm-overlay.js (for Glasser) or just the stylish userstyle to update?