[Ext] Glasser 3.5.2 - Add Vista Glass to Firefox 3.5 and 3.6

[achappel]

I believe I'm experiencing the same issue as pendletonallen. I have Vista installed and Aero effects enabled. In my case, after installing the extension, I saw the glass effect for a split second, before the toolbars went black and gray.

[404]

hey guys

is it possible to get the Menu to appear glassy as well (i mean the file, edit view history etc)

[mzfuser]

Try this:

Code: Select all

/* ----------Remove withe background from menubar---------- */
#toolbar-menubar {
background: none !important;
}

[404]

Try this:

Code: Select all

/* ----------Remove withe background from menubar---------- */
#toolbar-menubar {
background: none !important;
}

thanks a lot! that worked perfectly...

i think i'm pushing it... but is it possible to do the same for status bar at the bottom? i tried the same code but replaced menubar with statusbar and it didnt work

[mzfuser]

Afaik nope its not possible.

[404]

ok thanks anyway

[Mad_Griffith]

Hi everybody, got a problem with Glasser: as you can see in this screenshot, the bar in the picture is a bit higher than normal. Its unusual height makes both the favicons and the writings to stretch, creating a weird effect. I'm using Firefox 3.0.1 official.

bump

[blue_think]

Hey,

anybody can post me the full userChrome.css for the blue bookmark-bar?

[mzfuser]

You can just get the CSS from the first post you know.

[verb]

Running vista with aero enabled and just installed glasser but it just gives me a gray background instead of the glass effect. Any idea how to fix this?

running FF 3.0.1, vista ultimate

[DKasler]

I've been trying to install this extension for the past few days, but I keep getting this error:

Firefox could not install the file at

https://addons.mozilla.org/en-US/firefo ... fx-win.xpi

because: Invalid file hash (possible download corruption)
-261

Any ideas?

[mzfuser]

Youre trying to install from Mozilla Addons, right? Make sure you allow third-party cookies in Firefox.

[jordoex]

I did some heavy modding on it and played around with the javascript and stylish to do this:


I've posted on here with a previous mod, but this one is a bit more complicated. I'm using the excellent NASA night launch theme, the NEXTlevel Vista Theme, Personal menu(for the menu,history,bookmarks on the side), AND of course, Glasser, with my javascript mod and a Stylish style.

So, here's the mod. Basically what it does is it sets the glass to the lowest toolbar, instead of just to the one marked "glasstome" (which is the navbar), and then under the tabbar as well, and sets the glass to also cover the statusbar and the find bar.
The stylish removes alot of background and borders and adds a couple tweaks for using personal bar with the NASA theme, and tweaks with other things.

If modifying parts of an extension is too much for you, but you still want night launch, here's my old Nightlaunch+Glasser Tweaker

Also, it's rather hackish and undocumented. And you'd have to mod the stylish even more to allow for the default theme. Sorry, it's not an official release. If anyone wants to help me do an official release, just pm me. However, I have other priorities.

Backup, then replace everything in %APPDATA%\Roaming\Mozilla\Firefox\Profiles\[profilename]\extensions\glasser@sixxgate.com\chrome\content\dwm-overlay.js with this

Code: Select all

/******************************************************************************
Copyright 2008 Matthew Holder. All rights reserved.

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:

   1. Redistributions of source code must retain the above copyright notice,
this list of conditions and the following disclaimer.
   2. Redistributions in binary form must reproduce the above copyright notice,
this list of conditions and the following disclaimer in the documentation
and/or other materials provided with the distribution.

THIS SOFTWARE IS PROVIDED BY THE AUTHOR ``AS IS'' AND ANY EXPRESS OR IMPLIED
WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO
EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT,
INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE
OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF
ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*********************************************************************************/

/*modified by Jordan Klassen, 2008
This notice can be removed, but please don't.
Above copyright terms still apply.
*/

var glassTo = null;
//var tabbar_height = 0;
var glassUp = null;
var inFullscreen = false;
var dwm = Components.classes["@sixxgate.com/DwmCalls/CDwmCalls;1"].createInstance();
dwm = dwm.QueryInterface(Components.interfaces.IDwmCalls);

function DWM_Glasser_OnFullscreen()
{
   this.handleEvent = function(e)
   {
      if (!dwm.GlassEnabled || glassTo == null)
         // If no glass, we have nothing to do
         return;

      if (e.attrName == "inFullscreen" && e.newValue == "true")
      {
         try
         {
            dwm.ExtendFrameIntoWindow(0, 0, 0, 0);
         }
         catch (err)
         {   // Something failed
            window.alert(err);
         }
         inFullscreen = true;
      }
      else if (e.attrName == "inFullscreen")
      {
         try
         {
            var tabheight = gBrowser.mTabContainer.boxObject.height;
            var height = glassTo.boxObject.y + glassTo.boxObject.height;
            var bottom = glassUp.boxObject.height;
            dwm.ExtendFrameIntoWindow(height+tabheight, 0, bottom, 0);
         }
         catch (err)
         {   // Something failed
            window.alert(err);
         }
         inFullscreen = false;
      }
   }
};
var Glasser_OnFullscreen = new DWM_Glasser_OnFullscreen();

function DWM_Glasser_Delayed_OnAttrChange()
{
   this.handleEvent = function(e)
   {
      if (!dwm.GlassEnabled || glassTo == null || inFullscreen == true)
         // If no glass, we have nothing to do
         return;
         
      var height = glassTo.boxObject.y + glassTo.boxObject.height;
      var bottom = glassUp.boxObject.height;
      try
      {
         var tabheight = gBrowser.mTabContainer.boxObject.height;
         dwm.ExtendFrameIntoWindow(height+tabheight, 0, bottom, 0);
      }
      catch (err)
      {   // Something failed
         window.alert(err);
      }

      e.currentTarget.removeEventListener("DOMAttrModified", this, false);
   };
};
var Glasser_Delayed_OnAttrChange = new DWM_Glasser_Delayed_OnAttrChange();

function ChangeGlasserTheme()
{
   if (dwm.GlassEnabled)
   {
      for (var i = 0; i != window.document.styleSheets.length; ++i)
      {
         if (window.document.styleSheets[i].href == "chrome://glasser/skin/overlay.css")
         {
            window.document.styleSheets[i].disabled = false;
            break;
         }
      }
      Glasser_Delayed_OnAttrChange.handleEvent(e);
   }
   else
   {
      for (var i = 0; i != window.document.styleSheets.length; ++i)
      {
         if (window.document.styleSheets[i].href == "chrome://glasser/skin/overlay.css")
         {
            window.document.styleSheets[i].disabled = true;
            break;
         }
      }
   }
};

function DWM_Glasser_OnAttrChange()
{
   this.handleEvent = function(e)
   {
      e.currentTarget.addEventListener("DOMAttrModified", Glasser_Delayed_OnAttrChange, false);
   };
};
var Glasser_OnAttrChange = new DWM_Glasser_OnAttrChange();

function DWM_Glasser_OnLoad()
{
   this.handleEvent = function(e)
   {
      // Find the toolbar marked as glassToMe
      var toolbox = window.document.getElementById("navigator-toolbox")
      if (toolbox == null)
         return;
         
      toolbox.addEventListener("DOMAttrModified", Glasser_OnFullscreen, false);

      var ct = toolbox.firstChild;
      var breakNow = false;
      for (; ct != null; ct = ct.nextSibling)
      {
         /*if (ct.tagName != "toolbar")
            // Only toolbar are of any concern
            continue;*/

         ct.addEventListener("DOMAttrModified", Glasser_OnAttrChange, false);

         if (breakNow)
            // We have attatched to the last toolbar, we are done
            break;
         if (ct.nextSibling == null)
         {   // We have found the end of the glass, break on the next toolbar
            glassTo = ct;
            breakNow = true;
         }
      }
      
      
      // Find the last toolbar
      var browbox = window.document.getElementById("browser")
      if (browbox == null)
         return;
         
      //tabbar_height = 28;
      //ct.getAttribute("className") != null && (ct.getAttribute("className").equals("tabbrowser-tabs"))
      /*var statbar = window.document.getElementById("browser-bottombox");
      if (statbar == null)
         return;
         
      statbar.addEventListener("DOMAttrModified", Glasser_OnFullscreen, false);

      var ct2 = statbar.lastChild;
      var breakNow2 = false;
      for (; ct2 != null; ct2 = ct2.previousSibling)
      {

         ct2.addEventListener("DOMAttrModified", Glasser_OnAttrChange, false);

         if (breakNow2)
            // We have attatched to the last toolbar, we are done
            break;

         if (ct2.previousSibling == null)
         {   // We have found the end of the glass, break on the next toolbar
            glassUp = ct2;
            breakNow2 = true;
         }
      }*/
      glassUp = window.document.getElementById("browser-bottombox");
      
      ChangeGlasserTheme();
   };
};
var Glasser_OnLoad = new DWM_Glasser_OnLoad();

function DWM_Glasser_OnGlassChange()
{
   this.handleEvent = function(e)
   {
      ChangeGlasserTheme();
   };
};
var Glasser_OnGlassChange = new DWM_Glasser_OnGlassChange();

window.addEventListener("load", Glasser_OnLoad, false);

dwm.AttachToWindow(window);
dwm.OnGlassChange = Glasser_OnGlassChange;


and add this into a new Stylish style

Code: Select all

/* MODDED Glasser + NASA Night Launch + Other tweaks
Created 2008 by Jordan Klassen

Feel free to modify, feel free to give me credit, please don't be a jerk.

w00t!
*/

/*@import url("chrome://global/skin/subskins/style-3/subskin.css");*/

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);



#main-window #navigator-toolbox #toolbar-menubar
{

   background:none !important;
}

#main-window #navigator-toolbox{
margin-left: -5px !important;
margin-right: -2px !important;
margin-top: -2px !important;
}
/*
#main-window #navigator-toolbox #urlbar-container{
margin-left: -3px !important;
}

#main-window #navigator-toolbox #unified-back-forward-button{
margin-left: -3px !important;
}*/

/*URL BAR*/

#main-window #urlbar
{
border: none !important;
background-color: rgba(30, 30, 30, 0.2) !important;
background-image:url("data:image/png;base64,
iVBORw0KGgoAAAANSUhEUgAAAAgAAAZACAQAAADu3cs7AAAAAXNSR0IArs4c6QAAAAJiS0dEAP+H
j8y/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH2AgbBDscqmu0FgAAAHRJREFUeNrtzrkN
ACAMA0CeMAL7d8xJTSjo0bk8WZbrXOVIKykRGXqG8Wzk1agvuH4AAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPwBG+okDVwdB8UQ
AAAAAElFTkSuQmCC") !important;

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

#main-window #urlbar #identity-box
{
padding:2px 0px 2px 0px !important;
}


#main-window #nav-bar{
background:none !important;
}

.searchbar-textbox { border: none !important;
-moz-appearance: none !important;
background:none !important;}



#main-window #navigator-toolbox #PersonalToolbar  {
  border-top: 5px none !important;
  padding: 3px 3px 3px 3px !important;
background:none !important;
margin-top: -3px !important;
}

#main-window #navigator-toolbox toolbar
{
background:none !important;
-moz-appearance: none !important;
   border: 0 none !important;

}

/*~~~~~~~~~~~~~~~~~~~~BUTTONS~~~~~~~~~~~~~~~~~~~~~~*/

#main-window #navigator-toolbox #nav-bar
{
background:none !important;
-moz-appearance: none !important;
   border: 0 none !important;
   padding:0px 0 0 0 !important;
}

#main-window #navigator-toolbox #nav-bar .cm-button
{
background:none !important;
-moz-appearance: none !important;
   border: 0 none !important;
   padding:0px 0 0 0 !important;

margin-left: 0px !important;
}

#main-window #navigator-toolbox #nav-bar .cm-button .toolbarbutton-1
{

background-attachment: scroll !important;
background-color: transparent !important;
background-image: url(chrome://global/skin/subskins/flatter-toolbarbuttons-1/toolbarbutton-gradient-bg.75pct.png) !important;
background-repeat: repeat-x !important;

border-bottom-color: rgb(19, 19, 19) !important;
border-bottom-style: solid !important;
border-bottom-width: 1px !important;
border-collapse: separate !important;
border-left-color: rgb(19, 19, 19) !important;
border-left-style: solid !important;
border-left-width: 1px !important;
border-right-color: rgb(19, 19, 19) !important;
border-right-style: solid !important;
border-right-width: 1px !important;
border-spacing: 0px 0px !important;
border-top-color: rgb(19, 19, 19) !important;
border-top-style: solid !important;
border-top-width: 1px !important;

-moz-border-radius-bottomleft: 2px !important;
-moz-border-radius-bottomright: 2px !important;
-moz-border-radius-topleft: 2px !important;
-moz-border-radius-topright: 2px !important;

-moz-appearance: none !important;
   /*padding: 3px 8px 3px 8px !important;*/

margin-left: 0px !important;
}
#main-window #navigator-toolbox #nav-bar #cm-menu
{
list-style-image: url("data:image/png;base64,
iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A
/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9gIGwQnG9J4fOgAAAJhSURBVEjH
tZZNSitBEMd/E4ZAQkDjaL4WQhSCbnQpQrauvEO8gAfxBNkK3sBzeAFFk4WoIEzQhQYZp7rfqpqe
L/U9ng1DdTNd9a+qf1XRwdPTE7+5Qt2cnJxYAGstQRBgrQWo3PvnvAS4uLgIMgAA0+kUYwwA9/f3
bG5u/pPXp6enxQgARITFYuEAms3mjwwaY6jVagBEUVSeIk2Phqj76+trAJ6fn1kul/R6PQBeXl5o
NBocHh5yfn7OeDxmNBohIhmAWh7AlxqJtZZWq0Wv18MYQ6PRIEkStre3MzppmpKm6dcRGGMcWdZa
jo6OCiQHQcBoNHI6k8nE6ap+AcCvACVapf73wf00GmOczKfoywjiOHak/3S9v79/DeDLKIoKVeFX
jrXWeazet9vtaoDb21vm87k7X11dZQD93FatwWBQDhAEAbPZjJ2dHQAWi0XBe+VBuclzBjCfz8tJ
zi9V1ojiOGa5XNLpdAB4fX2lXq+zt7fH5eUl+/v7pZ1fK2s0n4uHhwdEhGazyfr6OiJCGIYkScJg
MMjcVV4qOcgTba1lPB5nFNWQeisiHB8fF1JVCjAcDrm5uXHnOI7/etBtbGxUk7y1tcXq6ioAd3d3
DIfDTDPlP/XaL9m1tbVqkvWiXx1lxv361/sigjGGz8/P7zvZNzybzVxXf3x8EEURIsLb2xthGLK7
u1tauqVVpN2o3okIj4+PboK2223SNKVer5MkCd1u13kuIt9PU9+4hn1wcJBJgTrS7/cL6SurpAzJ
IsLKygrGGKIocnsfQI3m55H/r5Lks7Oz//6qCH772fIHw5FINr/x970AAAAASUVORK5CYII=") !important;
}

#main-window #navigator-toolbox #nav-bar .cm-button
{
margin-right: -6px !important;
}

/*******************SEARCH BAR********************/
#searchbar .searchbar-textbox
{
   border: 0 none !important;
   padding:0px 0 0 0 !important;
background:none !important;
}

#searchbar .searchbar-textbox .textbox-input-box
{
background-color: rgba(30, 30, 30, 0.0) !important;
background-image:url("data:image/png;base64,
iVBORw0KGgoAAAANSUhEUgAAAAgAAAZACAQAAADu3cs7AAAAAXNSR0IArs4c6QAAAAJiS0dEAP+H
j8y/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH2AgbBDscqmu0FgAAAHRJREFUeNrtzrkN
ACAMA0CeMAL7d8xJTSjo0bk8WZbrXOVIKykRGXqG8Wzk1agvuH4AAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPwBG+okDVwdB8UQ
AAAAAElFTkSuQmCC") !important;
border: 0 none !important;
}

#searchbar .searchbar-textbox .searchbar-engine-button
{
padding:2px 0px 2px 0px !important;
}

#searchbar .search-go-button
     {position: relative !important;
      width: 14% !important;
      height: 16px !important}

/*STATUS BAR*/
#browser-bottombox
{
background-color: rgb(0, 0, 0) !important;
}

#FindToolbar
{
margin-top: 1px !important;
-moz-appearance: none !important;
background: none !important;
border: 0 none !important;
}

#status-bar
{
-moz-appearance: none !important;
background-color: rgb(0, 0, 0) !important;
border: 0 none !important;
}

/*TABS*/
.tab-text
{
opacity: .99 !important;
}

.tabbrowser-tabs
{
-moz-appearance: none !important;
background: none !important;
background-color: rgb(0, 0, 0) !important;
border: 0 none !important;
padding-bottom: 0px !important;
}


[fmorel90]

That is really neat. Any idea why the text on tabs is weird?

[jordoex]

It's because glasser does weird stuff with colors and antialiasing. Experimenting now, setting the opacity to .99 works better than the default of setting it to 1(don't ask me why).

Anyways, add this to the Stylish style:

Code: Select all

.tab-text
{
opacity: .99 !important;
}


I've also edited the original post, so you could alternatively just replace the entire style.