[Ext] Glasser - Add Vista Glass to Firefox

[tom01]

Just thought I would reply, sorted the glow

[ViperAFK]

Just thought I would reply, sorted the glow

Looks pretty good!

[tom01]

Right I'm leaving it now their seems to be a bug with [sizemode=maximized]...Nevermind

[Nightburn]

Just thought I would reply, sorted the glow

So can we get the code for this? :)

Here is my current setup

I pulled this code from this theme (http://userstyles.org/styles/5189) to get the tabs and and status bar themed like this it goes in your userChrome.css

/*::::::::::::::Tabs::::::::::::::*/
.tabbrowser-tabs {
  -moz-appearance: none !important;
  background: #0B4B79 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAH0CAIAAABzX9DAAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH2AMfFB8wjc88ZQAAAAd0RVh0Q
XV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdF
NvZnR3YXJlAF1w%2FzoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG%2BaHAAAAB3RFWHRTb3VyY2UA9f%2BD6wAAAAh0RVh0Q29tbWVudAD2zJa%2FAAAABnRFWHRUaXRsZQCo7tInAAAAT0lEQVR4nO3DsQ2AQAwEwbu1zUuQUgE5%2FXf3pgoyjzS6n5d20AbZbBuc2EFbtAMRyMaGLehIhMHFplAWisXORddB14WOi84TSXPOOef89wfLVRDUQ7zMsQAAAABJRU5ErkJggg%3D%3D") !important;
}

.tabbrowser-tab:not([selected="true"]):hover {
  background: #000000 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH2AIDBAEFNLSlfgAAAAd0RVh0Q
XV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdF
NvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAAAW0lEQVR4nCXDPQqDQBCA0fHT9Ydd8Qg2KXN/RK9jI9qFODOuhBQ+eDLNC9t+cOUbyxk15zTna85HHfWL056af+WqJSKCFBVCQAhUoaWuO5o2EmNPSgMpDYzv1x/uYCVPmghWvQAAAABJRU5ErkJggg==") repeat-x center !important;
}

.tabbrowser-tab[selected="true"] {
  min-width: 150px !important;
  background: #000000 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABiCAIAAAAeFy4qAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH2AIDCygxWhqJHQAAAAd0RVh0Q
XV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdF
NvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAAASUlEQVR4nN2OywkAIQxEZfrvx5M9WJBv8GCCCrsNGAgk82NKbV02AguGwPEjgwgusdzF+dAEdnriXrg/dVdOege7k7f+p2d5YCZtF5EcLumtXgAAAABJRU5ErkJggg==") repeat-x center !important;
}

.tabs-bottom {
  background: #000000 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABiCAIAAAAeFy4qAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH2AIDCygxWhqJHQAAAAd0RVh0Q
XV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdF
NvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAAASUlEQVR4nN2OywkAIQxEZfrvx5M9WJBv8GCCCrsNGAgk82NKbV02AguGwPEjgwgusdzF+dAEdnriXrg/dVdOege7k7f+p2d5YCZtF5EcLumtXgAAAABJRU5ErkJggg==") repeat-x bottom !important;
}

.tabbrowser-tab .tab-text {
  color: white !important;
}

/* ::::: Status Bar Style ::::: */

statusbarpanel {
  -moz-appearance  : none !important;
  border: none !important;
  background: #0f0f14 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABiCAIAAAAeFy4qAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH2AIDCygxWhqJHQAAAAd0RVh0Q
XV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdF
NvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAAASUlEQVR4nN2OywkAIQxEZfrvx5M9WJBv8GCCCrsNGAgk82NKbV02AguGwPEjgwgusdzF+dAEdnriXrg/dVdOege7k7f+p2d5YCZtF5EcLumtXgAAAABJRU5ErkJggg==") repeat-x center !important;
  color: white !important;
}

[SMELTN]

my current layout

The WoW Music Games Tech are all my favorites with drop downs... The heart on the right is the Tiny Menu extension, I just used an icon instead of the actual text. Of course using Glasser extension and some stylish themes as well.

[.booKa]

This extension is awesome, with Stylish the final result is even prettier.

Hope the Mozilla Team will fix the text bug soon :)

[WongKit]

I got three questions for modifying the firefox style.

1. How do i get this space smaller?

2. Is it possible to fix the width of the search-box?

3. Is it possible to make the status-bar also glasser?

Thx

[Riscon]

Just thought I would reply, sorted the glow

Code please, I fiddled about with it but not managed to get it looking like that!

Also I have a slightly modded version of glasser that keeps the rounded url. I can posted the modded overlay.css, but need permission first before I can do so. 6Xgate, is it ok to post that here?

[Kyang]

Code please, I fiddled about with it but not managed to get it looking like that!

Also I have a slightly modded version of glasser that keeps the rounded url. I can posted the modded overlay.css, but need permission first before I can do so. 6Xgate, is it ok to post that here?

Goodness, I've been looking for a way to get the rounded URL bar back. You wouldn't be able to send me a PM would you?

[Riscon]

check your pm ;)

[proximo]

@gamergod, can I please also get the code for the rounded url bar. Ive tried fiddling about but cant get it right. :rolleyes:

[primexx]

Just thought I would reply, sorted the glow

now you have to give us the code to do that :p

[Dannydeman]

Long time no post, but I am working on a nice skin which uses Glasser...

This is all done with Stylish, nevertheless, I really want to know a way to 'move' the Titlebar text. So it can be just like Longhorn, nice big letters above the address bar. Is there a way to do this? Or is it impossible?

[proximo]

Long time no post, but I am working on a nice skin which uses Glasser...

This is all done with Stylish, nevertheless, I really want to know a way to 'move' the Titlebar text. So it can be just like Longhorn, nice big letters above the address bar. Is there a way to do this? Or is it impossible?

Looks nice. Any chance of getting the code for the bookmark toolbar section (the colour).

[Dannydeman]

It's not a color but it's a base64 PNG image. When I have time I'll upload it, it is just a tempbar though, I want to make something special :)

[WongKit]

Ok, i fixed my questions 1 and 2 myself with this code:

#search-container
{
max-width: 220px !important;
min-width: 220px !important;
-moz-margin-end: -7px !important;
}

[Dannydeman]

I (L) Glasser and Stylish....

[tom01]

You got a link to that Longhorn MSstyle etc mate?

[lordtinuviel]

I (L) Glasser and Stylish....

got a link to the style?

[tom01]

Yea come on lads lets get some links in. The Styles/themes above look sterling

[Dannydeman]

It's my own theme, will release once it's ready (won't take too long)..

I'll make a new topic for it once I'll release..

[proximo]

@ 6XGate; any luck contacting the author of the new tab button extension? You wrote that you would release it if you couldn't get in touch with him, and now his site is also down. Any chance of that happening? I prefer this particular extension to others such as Tabs Mix Plus etc.

[Riscon]

Ok, I have been trying to get this modded for ages, and almost succeeded in getting it how I like. I now have a properly curved url, and got rid of the stupid yellow secure site bar, which is now the default colour.

However, even though I am able to slim the identity box, so there is no gap. The seach box is still 1px deeper than the url bar. Does anyone know the code the for the google icon box?

For example the identity box is

#identity-box

Here is a pic of work in progress.

[proximo]

Ok, I have been trying to get this modded for ages, and almost succeeded in getting it how I like. I now have a properly curved url, and got rid of the stupid yellow secure site bar, which is now the default colour.

However, even though I am able to slim the identity box, so there is no gap. The seach box is still 1px deeper than the url bar. Does anyone know the code the for the google icon box?

For example the identity box is

#identity-box

Here is a pic of work in progress.

Could you please give me the instructions on how to achieve the rounded url bar using glasser. Thanks.

[Riscon]

Could you please give me the instructions on how to achieve the rounded url bar using glasser. Thanks.

Ok I have finished the modding. Download glasser, and rename it to .zip. Then open in winrar and browser to glasser-1.0.16-fx-win.zip\chrome\skin\classic

The paste the file below in there. Rename the file to xpi, and drag to the firefox window to install. Restart and voila!

overlay.css