All-Glass Firefox

By Ambroos
in Tips, Tweaks & Customization

 Share

Recommended Posts

Community Regular

Pseudonym

Posted
Posted

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.

Link to comment
Share on other sites
Grand Master

Ambroos

Posted
  • Author
Posted
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;
 }

Link to comment
Share on other sites
Grand Master

Ambroos

Posted
  • Author
Posted
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)

Link to comment
Share on other sites
Grand Master

PNWDweller

Posted
Posted

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)

Link to comment
Share on other sites
Grand Master

Ambroos

Posted
  • Author
Posted
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

Link to comment
Share on other sites
Grand Master

PNWDweller

Posted
Posted

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

funkyfox1.png

plugins.png

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.

Link to comment
Share on other sites
Community Regular

Advent

Posted
Posted
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.

Link to comment
Share on other sites
Rookie

mimol

Posted
Posted
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 }

Link to comment
Share on other sites
Rising Star

darren89

Posted
Posted (edited)

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

post-259616-1223393253_thumb.jpg

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

i doubt that.. :(

Edited by darren89
Link to comment
Share on other sites
Grand Master

Ambroos

Posted
  • Author
Posted
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

post-259616-1223393253_thumb.jpg

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

Link to comment
Share on other sites
Rising Star

darren89

Posted
Posted
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. :)

Link to comment
Share on other sites
Rookie

g4rb4g3

Posted
Posted (edited)
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 by g4rb4g3
Link to comment
Share on other sites
Rookie

g4rb4g3

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

post-259616-1223393253_thumb.jpg

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.

Link to comment
Share on other sites
Grand Master

Ambroos

Posted
  • Author
Posted (edited)

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:

post-151800-1223408121_thumb.png

Edited by Ambroos
Link to comment
Share on other sites
This topic is now closed to further replies.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.