Firefox - Enable Aero Glass Transparency

edrik · Nov 19, 2009

dray said:
Edrik,

Nice work. i am loving your theme. However, I would like to tweak it a bit. I would like to have tabs look like the Glasser 1.1.2 style tabs but on your theme. What code do I need to apply for that?

TIA

cheers

you could remove the transparency on the tab in the css code

dray · Nov 19, 2009

help this noob please

Here is what I got Edrik:

/* AERO FOX */

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

*:not([style*="rgb"]) {
-moz-appearance: -moz-win-glass !important ;
background:transparent!important;
color:#fff !important;
}
popup menu:hover,
menuitem:hover
{
background-color: steelblue !important;
}

popup:not(#autoscroller), menupopup
{
border: none !important;
padding: 15px 30px 20px 0px !important;
}

}
#identity-box
{
padding: 1px 3px 1px 3px !important;
margin-left: -1px !important;
}

#identity-box[chromedir="ltr"]:-moz-system-metric(windows-default-theme)
{
-moz-border-radius: 0 0 !important;
border-left: none !important;
border-top: none !important;
border-bottom: none !important;
border-right: solid 1px rgba(234,234,234,1) !important;
}

.searchbar-engine-button,
stack,
.searchbar-textbox,
#urlbar,
#page-proxy-stack,
stack[none="PageProxyClickHandler(event);"],
#identity-box > hbox,
box[role="button"][chromedir="ltr"][onclick="gIdentityHandler.handleIdentityButtonEvent(event);"][onkeypress="gIdentityHandler.handleIdentityButtonEvent(event);"][class="unknownIdentity"][tooltiptext="This web site does not supply identity information."][style="-moz-user-focus: ignore;"]
{
border:none!important;
border-color:transparent!Important;
-moz-box-shadow: 0px 0px 0px transparent!important;
text-align:left!Important;
color:#fff!important;
text-shadow:skyblue 0px 0px 10px,skyblue 1px 1px 10px,skyblue 1px 1px 3px !important;
}

textbox:not(#urlbar):not(.searchbar-textbox),menulist
{
background-color: rgba(0,0,0,.15) !important;
-moz-border-radius: 12px;
padding: 2px 0px 3px 5px !important;
}

#urlbar
{
-moz-border-radius: 30px !important;
}

.searchbar-engine-button
{
margin-left: -11px !important;
width: 19px !important;
height: 22px !important;
border-right: none !important;
margin-top: -1px !important;
margin-bottom: -1px !important;
}

.searchbar-engine-button:hover
{
margin-left: -11px !important;
width: 19px !important;
height: 22px !important;
border-right: none !important;
margin-top: -1px !important;
margin-bottom: -1px !important;
}

.searchbar-textbox
{
font-size:13px!Important;
margin-left:5px!important;
font-weight:normal!important;
color:white!important;
text-shadow:steelblue 0px 0px 10px,steelblue 0px 0px 10px,white 0px 0px 3px !important;
}

.searchbar-textbox:hover
{
font-size:14px!Important;
margin-left:5px!important;
font-weight:normal!important;
color:white!important;
text-shadow:cyan 0px 0px 10px,cyan 0px 0px 10px,white 0px 0px 3px !important;
}

.autocomplete-textbox.textbox-input
{
font-size:14px!Important;
margin-left:5px!important;
font-weight:normal!important;
color:white!important;
text-shadow:steelblue 0px 0px 10px,steelblue 0px 0px 10px,white 0px 0px 3px !important;
}

.autocomplete-textbox.textbox-input:hover
{
font-size:14px!Important;
margin-left:5px!important;
font-weight:normal!important;
color:white!important;
text-shadow:cyan 0px 0px 10px,steelblue 0px 0px 10px,white 0px 0px 3px !important;
}

#urlbar
{
font-size:13px!Important;
margin-left:5px!important;
font-weight:normal!important;
color:white!important;
text-shadow:steelblue 0px 0px 10px,steelblue 0px 0px 10px,white 0px 0px 3px !important;
}

#urlbar:hover
{
font-size:14px!Important;
margin-left:5px!important;
font-weight:normal!important;
color:white!important;
text-shadow:cyan 0px 0px 10px,cyan 0px 0px 10px,white 0px 0px 3px !important;
}

#urltext,
#typetext,
#modetext,
#encodingtext,
#sizetext,
#refertext,
#modifiedtext,
#metatree > treechildren,
#general-security-identity,
#general-security-privacy
{
opacity: 0.99 !important;
color: black !important;
text-shadow: white 0px 0px 6px,
white 0px 0px 6px !important;
}

scrollbarbutton{
-moz-border-radius: 15px !important;
}

scrollbar thumb
{
-moz-border-radius: 15px !important;
}

scrollbar{
-moz-appearance:-moz-win-glass !important;
background: black !important;
}

thumb,
scrollbarbutton {
-moz-border-radius: 15px !important;
}

scrollbar[orient="vertical"]
{
-moz-appearance:-moz-win-glass !important;
background: transparent!important;
}

thumb[orient="horizontal"]
{
-moz-appearance:-moz-win-glass !important;
background:transparent !important;
}

thumb
{
-moz-appearance:-moz-win-glass !important;
background: transparent !important;
}

thumb:active, thumb[active="true"]
{
-moz-border-radius: 15px !important;
-moz-appearance:-moz-win-glass !important;
background: transparent !important;
}

thumb[orient="horizontal"]:active, thumb[orient="horizontal"][active="true"]
{
-moz-appearance:-moz-win-glass !important;
background: transparent !important;
}

thumb:active, thumb:hover, scrollbarbutton:hover
{
background: rgba(0,0,0,.2) !important;
}

scrollbarbutton
{
-moz-appearance:-moz-win-glass !important;
background: transparent !important;
}

scrollbarbutton:hover:active, scrollbarbutton[active="true"]
{
-moz-appearance:-moz-win-glass !important;
background: rgba(0,0,0,0.2) !important;
}

scrollcorner {
-moz-appearance: none !important;
background: black !important;
}

scrollbar scrollcorner {
-moz-appearance: none !important;
background: black !important;
}

scrollbarbutton[type="increment"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

scrollbarbutton[type="increment"][disabled="true"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"][disabled="true"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

scrollbarbutton[type="decrement"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

scrollbarbutton[type="decrement"][disabled="true"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"][disabled="true"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

#PopupAutoCompleteRichResult scrollbar
{
background:transparent!important;
}

#PopupAutoCompleteRichResult > richlistbox > scrollbox
{
margin: 2px 20px 20px 2px !important;
border:none!Important;
}

#PopupAutoCompleteRichResult > richlistbox > scrollbox > box
{
border: 0 !important;
padding: 0px 10px 0px 5px !important;
}

menuitem,menu
{
border-bottom: solid 4px rgba(0,0,0,0) !important;
border-top: solid 5px rgba(0,0,0,0) !important;
}

menubar > menu
{
border-left: none !important;
border-right: none !important;
}

menuitem[disabled="true"]>label
{
color: grey !important;
text-shadow: black 0px 0px 5px, black 0px 0px 5px!important;
opacity: 0.6 !important;
}

menupopup menu:hover, popup menu:hover,treechildren:-moz-tree-row(hover),menu:hover,
menuitem:hover, richlistitem:hover , richlistitem[selected=true]:hover,[class^="menu-iconic"]:hover,
[class*="menuitem-iconic"],
menu[container="true"],#PopupAutoComplete > tree > treechildren:-moz-tree-row(selected)
{
-moz-appearance: toolbarbutton !important;
background: transparent !important;
text-shadow:cyan 0px 0px 5px,white 0px 0px 5px,grey 0px 0px 5px !important;
}

menupopup menu, popup menu,treechildren:-moz-tree-row(hover),menu,
menuitem, richlistitem , richlistitem[selected=true],[class^="menu-iconic"],
[class*="menuitem-iconic"],
menu[container="true"],#PopupAutoComplete > tree > treechildren:-moz-tree-row(selected)
{
-moz-appearance: -moz-win-glass !important;
background:transparent!important;
text-shadow:steelblue 0px 0px 5px,darkcyan 0px 0px 5px,grey 0px 0px 5px !important;
}

menupopup[menugenerated="true"],menupopup,popup,#editBookmarkPanel, #PopupAutoComplete
{
padding: 0px 15px 15px 0px !important;
border: none !important;
}

popup:not(#autoscroller), menupopup
{
padding: 2px 0px 15px 0px !important;
border: none !important;
}

.popup-internal-box
{
padding: 2px 15px 5px 0px !important;
}

menupopup[menugenerated="true"]
{
padding: 2px 15px 15px 0px !important;
text-shadow:cyan 0px 0px 5px,white 0px 0px 5px,grey 0px 0px 5px !important;
}

.menulist-dropmarker
{
background-color: transparent !important;
-moz-border-radius: 12px;
margin: 0px 2px 0px 0px !important;
}

.menuitem-iconic.bookmark-item
{
margin-left:0px !important;
}

menuseparator
{
-moz-box-shadow: 0 0 3px 1px #c0c0c0;
opacity:0.6!important;
padding: 0px !important;
border: solid 1px #c0c0c0 !important;
}

dropmarker:hover
{
background: none!important;
border-left:ridge 1px rgba(0,0,0,0) !important;
}

#historyGroup
{
margin: 0px 0px -65px 0px !important;
}

#historyRememberPane
{
padding: 0px 0px 55px 0px !important;
}

radio[pane][selected="true"]:hover, radio[id*="-view"][selected="true"]:hover
{
background: url(chrome://browser/skin/tabbrowser/tab-hover-bkgnd.png) !important;
-moz-border-radius:0px!important;
}

radio[selected="true"]
{
background-color: transparent !important;
border: none !important;
-moz-border-radius: 12px;
}

radio[selected="true"]:hover
{
background-color: transparent !important;
border:none !important;
-moz-border-radius: 12px;
}

radio:not([selected="true"]):hover,tab
{
background-color:transparent !important;
border:none!important;
-moz-border-radius: 12px;
}

.radio-check-box1
{
-moz-appearance: radio !important ;
}

.checkbox-check
{
-moz-appearance: checkbox !important ;
}

#sidebars-titlebutton
{
border:none!important;
}

#sidebars-titlebutton > label
{
color: black !important;
opacity: 0.99 !important;
background: none !important;
text-shadow: white 0 0 12px,
white 0 0 12px,
white 0 0 12px !important
}

#viewButton,
#clearListButton,
.selectedButtons,
.toolbarbutton-1,
#styles-sort,
#mainDeck button,
#mainDeck .caption-text,
#styles button,
#extensionsManager toolbarbutton,
#extensionsView .addonInstallButton,
#styles .button-text
{
color: black !important;
border: none !important;
opacity: 0.99 !important;
background: none !important;
text-shadow: white 0 0 8px,
white 0 0 8px,
white 0 0 8px !important;
}

radiogroup *,#imageRadioGroup
{
-moz-appearance: none !important;
background-color:transparent!important;
background:transparent!important;
}

#search-box,
.textbox-input,
.textbox-input,
#search #searchbox .textbox-input-box,
#searchPanel #searchfield,
#styles-filter
{
opacity: 0.99 !important;
color:black !important;
text-shadow: white 0 0 6px,
white 0 0 6px !important;
margin-top :5px!important;
}

#styles > richlist labal{
opacity:0.99 !important;
color: black !important;
}

richlistitem .name,
richlistitem .dateTime,
richlistitem .status
{
color: white !important;
font-weight: normal !important;
opacity: 0.99 !important;
text-shadow: black 0 0 6px,
black 0 0 6px !important
}

richlistitem .name:active,
richlistitem .dateTime:active,
richlistitem .status:active
{
color: white !important;
opacity: 0.99 !important;
text-shadow: black 0 0 6px,
black 0 0 6px !important
}

#placesView > splitter,#sidebar-splitter
{
border-right:none!important;
}

.sidebar-placesTree
{
border:none!important;
}

.sidebar-placesTreechildren{background-color:transparent!important;
color: black !important;
opacity: 0.99 !important;
text-shadow: white 0 0 16px,
white 0 0 16px !important;
}

#styles richlistitem label
{
opacity: 0.99 !important;
color: white !important;
text-shadow: black 0 0 6px,
black 0 0 6px !important;
}

#noThemeSelected > label,
#previewImageContainer > description,
.addon-name-version,
.descriptionWrap,
.selectedStatusMsgs,
.addonTextBox
{
opacity: 0.99 !important;
color: white !important;
text-shadow: black 0 0 6px,
black 0 0 6px !important;
}

#extensionsView label[value="Recommended"],
#extensionsView label[value="See All Recommended Add-ons"],
#browseAddons,
#extensionsView .addonLearnMore.text-link,
#extensionsView .text-link
{
opacity: 0.99 !important;
color: black !important;
text-shadow: white 0 0 6px,
white 0 0 6px !important;
}

#extensionsView .addonType.addonTypeExtension,
#extensionsView .descriptionWrap
{
opacity: 0.99 !important;
color: white !important;
text-shadow: black 0 0 6px,
black 0 0 6px !important;
}

#browseAddons:hover,
#extensionsView .addonLearnMore.text-link:hover,
#extensionsView label[value="See All Recommended Add-ons"]:hover
{
opacity: 0.99 !important;
color: purple !important;
text-shadow: white 0 0 6px,
white 0 0 6px !important;
}

#titletext,
#generalPanel > grid,
#metatree .treecol-text
{
opacity: 0.99 !important;
color: black !important;
text-shadow: white 0 0 6px,
white 0 0 6px !important;
}

#imagetree > treechildren,
#imageurltext,
#imagetypetext,
#imagesizetext,
#imagedimensiontext,
#imagetext,
#imagelongdesctext,
#blockImage
{
opacity: 0.99 !important;
color: white !important;
text-shadow: black 0 0 6px,
black 0 0 6px !important;
}

#imagetree > treecols,
#mediaPreviewBox
{
opacity: 0.99 !important;
color: black !important;
text-shadow: white 0 0 6px,
white 0 0 6px !important;
}

#feedListbox .text-link,
#feedListbox .feedTitle,
#feedListbox > richlistitem
{
opacity: 0.99 !important;
text-shadow: white 0 0 6px,
white 0 0 6px !important;
}

#permList > vbox > label
{
color:black !important;
opacity: 0.99 !important;
text-shadow: white 0 0 6px,
white 0 0 6px !important;
}

#permList #permImageGroup,
#permList #permPopupGroup,
#permList #permCookieGroup,
#permList #permInstallGroup,
#permList radio
{
opacity: 0.99 !important;
color: white !important;
text-shadow: black 0 0 6px,
black 0 0 6px !important;
}

#security-privacy,
#security-technical-groupbox,
#security-privacy-groupbox textbox,
#security-identity-groupbox
{
color:black !important;
opacity: 0.99 !important;
text-shadow: white 0 0 6px,
white 0 0 6px !important;
}

#security-privacy-groupbox,
#security-identity-groupbox textbox
{
opacity: 0.99 !important;
color: white !important;
text-shadow: black 0 0 6px,
black 0 0 6px !important;
}

#metaTagsCaption,
#securityBoxCaption,
#mainDeck #securityPanel caption
{
Background: RGBa(200,200,200,0.6) !important;
}

toolbarbutton[class="tabs-closebutton"][oncommand="aios_toggleSidebar(this);"][ondblclick="event.stopPropagation();"][tooltiptext="Close sidebar"][label="Close sidebar"][chromedir="ltr"]
{
list-style-image: url("chrome://global/skin/icons/close.png")!important;
-moz-appearance: none!important;
-moz-image-region: rect(0px, 14px, 14px, 0px)!important;
}

treecol[label="Content"][persist="width"][flex="4"][ordinal="3"],
treecol[label="Name"][persist="width"][flex="1"][ordinal="1"]
{
-moz-appearance:-moz-win-glass!important;background:transparent!important;
background-color:black!important;
text-shadow: 0px 0px 10px white!important;
}

button,
input[type="submit"], [type="reset"], [class="gac_sb"]
{
-moz-appearance: -moz-win-glass !important;
color: white !important;
border-top: 0px solid transparent !important;
border-bottom: 0px solid transparent !important;
border-left: 0px solid transparent !important;
border-right: 0px solid transparent !important;
opacity: 0.99 !important;
background: transparent !important;
text-shadow: steelblue 0px 0px 10px,
steelblue 0px 0px 10px,
steelblue 0px 0px 10px !important
}

button:hover,
input[type="submit"]:hover, [type="reset"]:hover, [class="gac_sb"]:hover
{
background: -moz-rgba(0, 0, 0,0) !important;
border: transparent !important;
border-top: threedhighlight !important;
border-bottom: threedhighlight !important;
border-left: threedhighlight !important;
border-right: threedhighlight !important;
margin:1px!important;

color: white !important;
font-weight: bold!important;
text-shadow: lime 0px 0px 10px,
lime 0px 0px 10px,
lime 0px 0px 10px !important;
}

button::-moz-focus-outer,
::-moz-focus-inner
{
border:none !important;
}

tooltip
{
-moz-border-radius: 12px !important;
background: transparent !important;
border:none!important;
font-weight:bolder!important;
text-align:center!important;
text-shadow: orange 0px 0px 6px, orange 0px 0px 6px, orange 0px 0px 6px!important;
color:white!important
}

.tooltip-label
{
margin: 1px 0 -1px 0 !important;
}

#btTooltip
{
-moz-border-radius: 12px !important;
background: rgba(0,0,0,0.2) !important;
padding: 5px 8px 5px 5px !important;

}

#btTitleText
{
font-size: 14px !important;
margin-top: -2px !important;
}

#btUrlText
{
color: white !important;
font-size: 12px !important;
margin: -5px 0 3px 0 !important;
opacity: 0.65 !important;
}

#generalTab[selected="true"], #networkTab[selected="true"],
#updateTab[selected="true"],#encryptionTab[selected="true"]
{
font-weight:bold !important;
background: url(chrome://browser/skin/tabbrowser/tab-bkgnd.png) !important;
border: solid 1px rgba(0,255,255,0.3) !important;
-moz-border-radius-topleft: 12px!important;
-moz-border-radius-topright: 12px!important;
}

#generalTab, #networkTab, #updateTab, #encryptionTab
{
background: url(chrome://browser/skin/tabbrowser/tab-bkgnd.png) !important;
border: solid 1px rgba(0,255,255,0.3) !important;
-moz-border-radius-topleft: 12px!important;
-moz-border-radius-topright: 12px!important;
}

treechildren, label, #Console2Window, #JSConsoleWindow,
#BrowserPreferences, [id*="Dialog"], #places, richlistitem
{
opacity:0.99 !important;
}

treechildren:-moz-tree-cell-text
{
color:lightgreen !important;
}

treechildren:-moz-tree-cell-text(leaf)
{
color:lightblue!important;
}

treechildren:-moz-tree-row(even)
{
background: rgba(0,0,0,0.55)!important;
}

treechildren:-moz-tree-row(odd)
{
background: rgba(0,0,0,0.45)!important;
}

statusbarpanel, #status-bar, .tabs-bottom , #navigator-toolbox, #PopupAutoCompleteRichResult, richlistbox
{
border: 0 !important;
}

statusbarpanel, #status-bar, .tabs-bottom ,#navigator-toolbox,groupbox,tabpanels,.tabs-right
{
border: 0 !important;
}

richlistitem[selected=true]
{
background: rgba(0,0,0,0.2) !important;
}

.groupbox-title
{
background-color: rgba(0,0,0,.6) !important;
-moz-border-radius: 15px !important;
border: 1px !important;
}

.colorpicker-button-menupopup
{
border: none !important;
padding-bottom: 15px !important;
padding-right: 15px !important;
}

autorepeatbutton
{
-moz-box-shadow: 0 0 3px #c0c0c0;
-moz-border-radius: 15px !important;
height: 10px !important;
border: solid 1px #c0c0c0 !important;
margin: 5px !important;
}

#showWhenDownloading, #closeWhenDone, #saveWhere, #alwaysAsk, #useCursorNavigation,
#searchStartTyping, #blockAutoRefresh, #useAutoScroll, #useSmoothScrolling, #checkSpelling
{
border: none !important;
margin: -2px 0px -2px 0px !important;
opacity:0.99 !important
}

#nav-bar
{
margin-top: -3px!important;
}

#updatePanel > hbox
{
margin-top: -10px !important;
}
.tabs-bottom { display: none !important;
background-color: rgba(255, 255, 255, 00) !important; }

#browser tab {
margin-bottom: 1px;
}

tab {opacity: 0.95 !important;}
tab:hover {opacity: 0.95 !important;}
tab[selected="true"] {opacity: 0.95 !important;}
{
margin-top:5px!important;
}

@-moz-document url("chrome://browser/content/browser.xul")
{

.tab-text{
color: black !important;
opacity: .999 !important;
{
background-color:transparent!important;
-moz-border-radius:12px!important;
text-align:left!important;
}
.tabbrowser-tabs {
-moz-appearance: transparent !important;
background: none !important;
background-color: rgb(0, 0, 0) !important;
border: 0 none !important;
padding-bottom: 0px !important;
}

element {
color: white;
opacity: 0.99;
background: RGBa(0,0,0,0.3);
}

tab[selected="true"] .tab-close-button,
.tabbrowser-tab:not([selected="true"]) > .tab-text {
color: black !important;
text-shadow: white 0px 0px 16px,
white 0px 0px 16px,
white 0px 0px 16px!important;
opacity: .999 !important;
}

tab[selected="true"]:hover .tab-close-button,
.tabbrowser-tabs tab:not([selected="true"]):hover .tab-close-button,
.findbar-closebutton:hover
{
list-style-image: url("chrome://global/skin/icons/close.png")!important;
-moz-appearance: none!important;
-moz-image-region: rect(0px, 14px, 14px, 0px)!important;
}

}
.tabs-newtab-button,.tabs-alltabs-button
{
-moz-appearance: -moz-win-glass !important ;
background: none !important;
border:none!Important;
}

.tabbrowser-tabs tab
{
background:white!important;
opacity:1 !important;
padding:0 !important;
margin:5px !important;
background-color:none !important;
border:none!important;
}

.tabbrowser-tabs tab:hover
{
color:none !important;
opacity:1!important;
border:none!important;

}

.tabbrowser-tabs tab[selected="true"]
{
-moz-appearance:-moz-win-glass!important;
background-color:none !important ;
padding-bottom: 5px !important;
margin-bottom: 0px !important;
border:none!important;
}

.tabbrowser-tab:not([selected="true"]) > .tab-text {
color: white !important;
text-shadow: steelblue 0px 0px 10px,
steelblue 0px 0px 10px,
steelblue 0px 0px 10px !important;
opacity: .90 !important;
font-weight:normal!important;
}

.tabbrowser-tab:not([selected="true"]):hover > .tab-text {
color: white !important;
text-shadow: darkcyan 0px 0px 10px,
darkcyan 0px 0px 10px,
darkcyan 0px 0px 10px !important;
opacity: .9 !important;
}

.tab-text {
text-align: left!important;
color: white !important;
text-shadow: cyan 0px 0px 10px,
cyan 0px 0px 10px,
cyan 0px 0px 10px !important;
font-size:12px !important;
opacity: .9 !important;
}

.tab-text:hover {
color: white !important;
text-shadow: cyan 0px 0px 10px,
cyan 0px 0px 10px,
cyan 0px 0px 10px !important;
font-weight:bolder!important;
opacity: .9 !important;
}

/* DEFAULT SIDEBAR */
sidebarheader
{
-moz-appearance: none !important;
background: transparent !important;
border: none !important;
padding-right: 10px !important;
margin-right: -10px !important;
}
.sidebar-placesTree
{
opacity: 0.99 !important;
background: transparent !important;
color: white !important;
border: none !important;

}

#sidebar-title {
opacity: 0.99 !important;
color: transparent !important;
text-shadow: white 0 0 14px,
white 0 0 14px,
white 0 0 14px !important;

}
#sidebar-splitter{
-moz-appearance: none !important;
background: transparent !important;
border: none !important;
margin-top: 25px !important;
}
#history-panel > hbox, #bookmarksPanel > hbox{

-moz-appearance: none !important;

background: transparent !important;
margin-bottom: -2px !important;
text-shadow: white 0 0 12px,
white 0 0 12px,
white 0 0 12px !important
}

#bookmarksPanel > hbox > textbox, #history-panel > hbox > text
{
-moz-appearance: none !important;
background: RGBa(255,255,255,0.3) !important;
border: none !important;
}

hbox[flex="1"],vbox
{
border:none !important;
}

.alertBox
{
background:black !important;
}

#stop-button[disabled="true"] { display:none; }
#stop-button:not([disabled]) + #reload-button { display:none; }

#navigator-toolbox,
#main-window toolbox,
#main-window toolbar
{
background-image: none !important;
}

Here is a screenshot of what happens when I remove transparencies

edrik · Nov 20, 2009

dray said:
Here is what I got Edrik:

/* AERO FOX */

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

*:not([style*="rgb"]) {
-moz-appearance: -moz-win-glass !important ;
background:transparent!important;
color:#fff !important;
}
popup menu:hover,
menuitem:hover
{
background-color: steelblue !important;
}

popup:not(#autoscroller), menupopup
{
border: none !important;
padding: 15px 30px 20px 0px !important;
}

}
#identity-box
{
padding: 1px 3px 1px 3px !important;
margin-left: -1px !important;
}

#identity-box[chromedir="ltr"]:-moz-system-metric(windows-default-theme)
{
-moz-border-radius: 0 0 !important;
border-left: none !important;
border-top: none !important;
border-bottom: none !important;
border-right: solid 1px rgba(234,234,234,1) !important;
}

.searchbar-engine-button,
stack,
.searchbar-textbox,
#urlbar,
#page-proxy-stack,
stack[none="PageProxyClickHandler(event);"],
#identity-box > hbox,
box[role="button"][chromedir="ltr"][onclick="gIdentityHandler.handleIdentityButtonEvent(event);"][onkeypress="gIdentityHandler.handleIdentityButtonEvent(event);"][class="unknownIdentity"][tooltiptext="This web site does not supply identity information."][style="-moz-user-focus: ignore;"]
{
border:none!important;
border-color:transparent!Important;
-moz-box-shadow: 0px 0px 0px transparent!important;
text-align:left!Important;
color:#fff!important;
text-shadow:skyblue 0px 0px 10px,skyblue 1px 1px 10px,skyblue 1px 1px 3px !important;
}

textbox:not(#urlbar):not(.searchbar-textbox),menulist
{
background-color: rgba(0,0,0,.15) !important;
-moz-border-radius: 12px;
padding: 2px 0px 3px 5px !important;
}

#urlbar
{
-moz-border-radius: 30px !important;
}

.searchbar-engine-button
{
margin-left: -11px !important;
width: 19px !important;
height: 22px !important;
border-right: none !important;
margin-top: -1px !important;
margin-bottom: -1px !important;
}

.searchbar-engine-button:hover
{
margin-left: -11px !important;
width: 19px !important;
height: 22px !important;
border-right: none !important;
margin-top: -1px !important;
margin-bottom: -1px !important;
}

.searchbar-textbox
{
font-size:13px!Important;
margin-left:5px!important;
font-weight:normal!important;
color:white!important;
text-shadow:steelblue 0px 0px 10px,steelblue 0px 0px 10px,white 0px 0px 3px !important;
}

.searchbar-textbox:hover
{
font-size:14px!Important;
margin-left:5px!important;
font-weight:normal!important;
color:white!important;
text-shadow:cyan 0px 0px 10px,cyan 0px 0px 10px,white 0px 0px 3px !important;
}

.autocomplete-textbox.textbox-input
{
font-size:14px!Important;
margin-left:5px!important;
font-weight:normal!important;
color:white!important;
text-shadow:steelblue 0px 0px 10px,steelblue 0px 0px 10px,white 0px 0px 3px !important;
}

.autocomplete-textbox.textbox-input:hover
{
font-size:14px!Important;
margin-left:5px!important;
font-weight:normal!important;
color:white!important;
text-shadow:cyan 0px 0px 10px,steelblue 0px 0px 10px,white 0px 0px 3px !important;
}

#urlbar
{
font-size:13px!Important;
margin-left:5px!important;
font-weight:normal!important;
color:white!important;
text-shadow:steelblue 0px 0px 10px,steelblue 0px 0px 10px,white 0px 0px 3px !important;
}

#urlbar:hover
{
font-size:14px!Important;
margin-left:5px!important;
font-weight:normal!important;
color:white!important;
text-shadow:cyan 0px 0px 10px,cyan 0px 0px 10px,white 0px 0px 3px !important;
}

#urltext,
#typetext,
#modetext,
#encodingtext,
#sizetext,
#refertext,
#modifiedtext,
#metatree > treechildren,
#general-security-identity,
#general-security-privacy
{
opacity: 0.99 !important;
color: black !important;
text-shadow: white 0px 0px 6px,
white 0px 0px 6px !important;
}

scrollbarbutton{
-moz-border-radius: 15px !important;
}

scrollbar thumb
{
-moz-border-radius: 15px !important;
}

scrollbar{
-moz-appearance:-moz-win-glass !important;
background: black !important;
}

thumb,
scrollbarbutton {
-moz-border-radius: 15px !important;
}

scrollbar[orient="vertical"]
{
-moz-appearance:-moz-win-glass !important;
background: transparent!important;
}

thumb[orient="horizontal"]
{
-moz-appearance:-moz-win-glass !important;
background:transparent !important;
}

thumb
{
-moz-appearance:-moz-win-glass !important;
background: transparent !important;
}

thumb:active, thumb[active="true"]
{
-moz-border-radius: 15px !important;
-moz-appearance:-moz-win-glass !important;
background: transparent !important;
}

thumb[orient="horizontal"]:active, thumb[orient="horizontal"][active="true"]
{
-moz-appearance:-moz-win-glass !important;
background: transparent !important;
}

thumb:active, thumb:hover, scrollbarbutton:hover
{
background: rgba(0,0,0,.2) !important;
}

scrollbarbutton
{
-moz-appearance:-moz-win-glass !important;
background: transparent !important;
}

scrollbarbutton:hover:active, scrollbarbutton[active="true"]
{
-moz-appearance:-moz-win-glass !important;
background: rgba(0,0,0,0.2) !important;
}

scrollcorner {
-moz-appearance: none !important;
background: black !important;
}

scrollbar scrollcorner {
-moz-appearance: none !important;
background: black !important;
}

scrollbarbutton[type="increment"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

scrollbarbutton[type="increment"][disabled="true"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"][disabled="true"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

scrollbarbutton[type="decrement"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

scrollbarbutton[type="decrement"][disabled="true"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"][disabled="true"]
{
background-position: center !important;
background-repeat: no-repeat !important;
}

#PopupAutoCompleteRichResult scrollbar
{
background:transparent!important;
}

#PopupAutoCompleteRichResult > richlistbox > scrollbox
{
margin: 2px 20px 20px 2px !important;
border:none!Important;
}

#PopupAutoCompleteRichResult > richlistbox > scrollbox > box
{
border: 0 !important;
padding: 0px 10px 0px 5px !important;
}

menuitem,menu
{
border-bottom: solid 4px rgba(0,0,0,0) !important;
border-top: solid 5px rgba(0,0,0,0) !important;
}

menubar > menu
{
border-left: none !important;
border-right: none !important;
}

menuitem[disabled="true"]>label
{
color: grey !important;
text-shadow: black 0px 0px 5px, black 0px 0px 5px!important;
opacity: 0.6 !important;
}

menupopup menu:hover, popup menu:hover,treechildren:-moz-tree-row(hover),menu:hover,
menuitem:hover, richlistitem:hover , richlistitem[selected=true]:hover,[class^="menu-iconic"]:hover,
[class*="menuitem-iconic"],
menu[container="true"],#PopupAutoComplete > tree > treechildren:-moz-tree-row(selected)
{
-moz-appearance: toolbarbutton !important;
background: transparent !important;
text-shadow:cyan 0px 0px 5px,white 0px 0px 5px,grey 0px 0px 5px !important;
}

menupopup menu, popup menu,treechildren:-moz-tree-row(hover),menu,
menuitem, richlistitem , richlistitem[selected=true],[class^="menu-iconic"],
[class*="menuitem-iconic"],
menu[container="true"],#PopupAutoComplete > tree > treechildren:-moz-tree-row(selected)
{
-moz-appearance: -moz-win-glass !important;
background:transparent!important;
text-shadow:steelblue 0px 0px 5px,darkcyan 0px 0px 5px,grey 0px 0px 5px !important;
}

menupopup[menugenerated="true"],menupopup,popup,#editBookmarkPanel, #PopupAutoComplete
{
padding: 0px 15px 15px 0px !important;
border: none !important;
}

popup:not(#autoscroller), menupopup
{
padding: 2px 0px 15px 0px !important;
border: none !important;
}

.popup-internal-box
{
padding: 2px 15px 5px 0px !important;
}

menupopup[menugenerated="true"]
{
padding: 2px 15px 15px 0px !important;
text-shadow:cyan 0px 0px 5px,white 0px 0px 5px,grey 0px 0px 5px !important;
}

.menulist-dropmarker
{
background-color: transparent !important;
-moz-border-radius: 12px;
margin: 0px 2px 0px 0px !important;
}

.menuitem-iconic.bookmark-item
{
margin-left:0px !important;
}

menuseparator
{
-moz-box-shadow: 0 0 3px 1px #c0c0c0;
opacity:0.6!important;
padding: 0px !important;
border: solid 1px #c0c0c0 !important;
}

dropmarker:hover
{
background: none!important;
border-left:ridge 1px rgba(0,0,0,0) !important;
}

#historyGroup
{
margin: 0px 0px -65px 0px !important;
}

#historyRememberPane
{
padding: 0px 0px 55px 0px !important;
}

radio[pane][selected="true"]:hover, radio[id*="-view"][selected="true"]:hover
{
background: url(chrome://browser/skin/tabbrowser/tab-hover-bkgnd.png) !important;
-moz-border-radius:0px!important;
}

radio[selected="true"]
{
background-color: transparent !important;
border: none !important;
-moz-border-radius: 12px;
}

radio[selected="true"]:hover
{
background-color: transparent !important;
border:none !important;
-moz-border-radius: 12px;
}

radio:not([selected="true"]):hover,tab
{
background-color:transparent !important;
border:none!important;
-moz-border-radius: 12px;
}

.radio-check-box1
{
-moz-appearance: radio !important ;
}

.checkbox-check
{
-moz-appearance: checkbox !important ;
}

#sidebars-titlebutton
{
border:none!important;
}

#sidebars-titlebutton > label
{
color: black !important;
opacity: 0.99 !important;
background: none !important;
text-shadow: white 0 0 12px,
white 0 0 12px,
white 0 0 12px !important
}

#viewButton,
#clearListButton,
.selectedButtons,
.toolbarbutton-1,
#styles-sort,
#mainDeck button,
#mainDeck .caption-text,
#styles button,
#extensionsManager toolbarbutton,
#extensionsView .addonInstallButton,
#styles .button-text
{
color: black !important;
border: none !important;
opacity: 0.99 !important;
background: none !important;
text-shadow: white 0 0 8px,
white 0 0 8px,
white 0 0 8px !important;
}

radiogroup *,#imageRadioGroup
{
-moz-appearance: none !important;
background-color:transparent!important;
background:transparent!important;
}

#search-box,
.textbox-input,
.textbox-input,
#search #searchbox .textbox-input-box,
#searchPanel #searchfield,
#styles-filter
{
opacity: 0.99 !important;
color:black !important;
text-shadow: white 0 0 6px,
white 0 0 6px !important;
margin-top :5px!important;
}

#styles > richlist labal{
opacity:0.99 !important;
color: black !important;
}

richlistitem .name,
richlistitem .dateTime,
richlistitem .status
{
color: white !important;
font-weight: normal !important;
opacity: 0.99 !important;
text-shadow: black 0 0 6px,
black 0 0 6px !important
}

richlistitem .name:active,
richlistitem .dateTime:active,
richlistitem .status:active
{
color: white !important;
opacity: 0.99 !important;
text-shadow: black 0 0 6px,
black 0 0 6px !important
}

#placesView > splitter,#sidebar-splitter
{
border-right:none!important;
}

.sidebar-placesTree
{
border:none!important;
}

.sidebar-placesTreechildren{background-color:transparent!important;
color: black !important;
opacity: 0.99 !important;
text-shadow: white 0 0 16px,
white 0 0 16px !important;
}

#styles richlistitem label
{
opacity: 0.99 !important;
color: white !important;
text-shadow: black 0 0 6px,
black 0 0 6px !important;
}

#noThemeSelected > label,
#previewImageContainer > description,
.addon-name-version,
.descriptionWrap,
.selectedStatusMsgs,
.addonTextBox
{
opacity: 0.99 !important;
color: white !important;
text-shadow: black 0 0 6px,
black 0 0 6px !important;
}

#extensionsView label[value="Recommended"],
#extensionsView label[value="See All Recommended Add-ons"],
#browseAddons,
#extensionsView .addonLearnMore.text-link,
#extensionsView .text-link
{
opacity: 0.99 !important;
color: black !important;
text-shadow: white 0 0 6px,
white 0 0 6px !important;
}

#extensionsView .addonType.addonTypeExtension,
#extensionsView .descriptionWrap
{
opacity: 0.99 !important;
color: white !important;
text-shadow: black 0 0 6px,
black 0 0 6px !important;
}

#browseAddons:hover,
#extensionsView .addonLearnMore.text-link:hover,
#extensionsView label[value="See All Recommended Add-ons"]:hover
{
opacity: 0.99 !important;
color: purple !important;
text-shadow: white 0 0 6px,
white 0 0 6px !important;
}

#titletext,
#generalPanel > grid,
#metatree .treecol-text
{
opacity: 0.99 !important;
color: black !important;
text-shadow: white 0 0 6px,
white 0 0 6px !important;
}

#imagetree > treechildren,
#imageurltext,
#imagetypetext,
#imagesizetext,
#imagedimensiontext,
#imagetext,
#imagelongdesctext,
#blockImage
{
opacity: 0.99 !important;
color: white !important;
text-shadow: black 0 0 6px,
black 0 0 6px !important;
}

#imagetree > treecols,
#mediaPreviewBox
{
opacity: 0.99 !important;
color: black !important;
text-shadow: white 0 0 6px,
white 0 0 6px !important;
}

#feedListbox .text-link,
#feedListbox .feedTitle,
#feedListbox > richlistitem
{
opacity: 0.99 !important;
text-shadow: white 0 0 6px,
white 0 0 6px !important;
}

#permList > vbox > label
{
color:black !important;
opacity: 0.99 !important;
text-shadow: white 0 0 6px,
white 0 0 6px !important;
}

#permList #permImageGroup,
#permList #permPopupGroup,
#permList #permCookieGroup,
#permList #permInstallGroup,
#permList radio
{
opacity: 0.99 !important;
color: white !important;
text-shadow: black 0 0 6px,
black 0 0 6px !important;
}

#security-privacy,
#security-technical-groupbox,
#security-privacy-groupbox textbox,
#security-identity-groupbox
{
color:black !important;
opacity: 0.99 !important;
text-shadow: white 0 0 6px,
white 0 0 6px !important;
}

#security-privacy-groupbox,
#security-identity-groupbox textbox
{
opacity: 0.99 !important;
color: white !important;
text-shadow: black 0 0 6px,
black 0 0 6px !important;
}

#metaTagsCaption,
#securityBoxCaption,
#mainDeck #securityPanel caption
{
Background: RGBa(200,200,200,0.6) !important;
}

toolbarbutton[class="tabs-closebutton"][oncommand="aios_toggleSidebar(this);"][ondblclick="event.stopPropagation();"][tooltiptext="Close sidebar"][label="Close sidebar"][chromedir="ltr"]
{
list-style-image: url("chrome://global/skin/icons/close.png")!important;
-moz-appearance: none!important;
-moz-image-region: rect(0px, 14px, 14px, 0px)!important;
}

treecol[label="Content"][persist="width"][flex="4"][ordinal="3"],
treecol[label="Name"][persist="width"][flex="1"][ordinal="1"]
{
-moz-appearance:-moz-win-glass!important;background:transparent!important;
background-color:black!important;
text-shadow: 0px 0px 10px white!important;
}

button,
input[type="submit"], [type="reset"], [class="gac_sb"]
{
-moz-appearance: -moz-win-glass !important;
color: white !important;
border-top: 0px solid transparent !important;
border-bottom: 0px solid transparent !important;
border-left: 0px solid transparent !important;
border-right: 0px solid transparent !important;
opacity: 0.99 !important;
background: transparent !important;
text-shadow: steelblue 0px 0px 10px,
steelblue 0px 0px 10px,
steelblue 0px 0px 10px !important
}

button:hover,
input[type="submit"]:hover, [type="reset"]:hover, [class="gac_sb"]:hover
{
background: -moz-rgba(0, 0, 0,0) !important;
border: transparent !important;
border-top: threedhighlight !important;
border-bottom: threedhighlight !important;
border-left: threedhighlight !important;
border-right: threedhighlight !important;
margin:1px!important;

color: white !important;
font-weight: bold!important;
text-shadow: lime 0px 0px 10px,
lime 0px 0px 10px,
lime 0px 0px 10px !important;
}

button::-moz-focus-outer,
::-moz-focus-inner
{
border:none !important;
}

tooltip
{
-moz-border-radius: 12px !important;
background: transparent !important;
border:none!important;
font-weight:bolder!important;
text-align:center!important;
text-shadow: orange 0px 0px 6px, orange 0px 0px 6px, orange 0px 0px 6px!important;
color:white!important
}

.tooltip-label
{
margin: 1px 0 -1px 0 !important;
}

#btTooltip
{
-moz-border-radius: 12px !important;
background: rgba(0,0,0,0.2) !important;
padding: 5px 8px 5px 5px !important;

}

#btTitleText
{
font-size: 14px !important;
margin-top: -2px !important;
}

#btUrlText
{
color: white !important;
font-size: 12px !important;
margin: -5px 0 3px 0 !important;
opacity: 0.65 !important;
}

#generalTab[selected="true"], #networkTab[selected="true"],
#updateTab[selected="true"],#encryptionTab[selected="true"]
{
font-weight:bold !important;
background: url(chrome://browser/skin/tabbrowser/tab-bkgnd.png) !important;
border: solid 1px rgba(0,255,255,0.3) !important;
-moz-border-radius-topleft: 12px!important;
-moz-border-radius-topright: 12px!important;
}

#generalTab, #networkTab, #updateTab, #encryptionTab
{
background: url(chrome://browser/skin/tabbrowser/tab-bkgnd.png) !important;
border: solid 1px rgba(0,255,255,0.3) !important;
-moz-border-radius-topleft: 12px!important;
-moz-border-radius-topright: 12px!important;
}

treechildren, label, #Console2Window, #JSConsoleWindow,
#BrowserPreferences, [id*="Dialog"], #places, richlistitem
{
opacity:0.99 !important;
}

treechildren:-moz-tree-cell-text
{
color:lightgreen !important;
}

treechildren:-moz-tree-cell-text(leaf)
{
color:lightblue!important;
}

treechildren:-moz-tree-row(even)
{
background: rgba(0,0,0,0.55)!important;
}

treechildren:-moz-tree-row(odd)
{
background: rgba(0,0,0,0.45)!important;
}

statusbarpanel, #status-bar, .tabs-bottom , #navigator-toolbox, #PopupAutoCompleteRichResult, richlistbox
{
border: 0 !important;
}

statusbarpanel, #status-bar, .tabs-bottom ,#navigator-toolbox,groupbox,tabpanels,.tabs-right
{
border: 0 !important;
}

richlistitem[selected=true]
{
background: rgba(0,0,0,0.2) !important;
}

.groupbox-title
{
background-color: rgba(0,0,0,.6) !important;
-moz-border-radius: 15px !important;
border: 1px !important;
}

.colorpicker-button-menupopup
{
border: none !important;
padding-bottom: 15px !important;
padding-right: 15px !important;
}

autorepeatbutton
{
-moz-box-shadow: 0 0 3px #c0c0c0;
-moz-border-radius: 15px !important;
height: 10px !important;
border: solid 1px #c0c0c0 !important;
margin: 5px !important;
}

#showWhenDownloading, #closeWhenDone, #saveWhere, #alwaysAsk, #useCursorNavigation,
#searchStartTyping, #blockAutoRefresh, #useAutoScroll, #useSmoothScrolling, #checkSpelling
{
border: none !important;
margin: -2px 0px -2px 0px !important;
opacity:0.99 !important
}

#nav-bar
{
margin-top: -3px!important;
}

#updatePanel > hbox
{
margin-top: -10px !important;
}
.tabs-bottom { display: none !important;
background-color: rgba(255, 255, 255, 00) !important; }

#browser tab {
margin-bottom: 1px;
}

tab {opacity: 0.95 !important;}
tab:hover {opacity: 0.95 !important;}
tab[selected="true"] {opacity: 0.95 !important;}
{
margin-top:5px!important;
}

@-moz-document url("chrome://browser/content/browser.xul")
{

.tab-text{
color: black !important;
opacity: .999 !important;
{
background-color:transparent!important;
-moz-border-radius:12px!important;
text-align:left!important;
}
.tabbrowser-tabs {
-moz-appearance: transparent !important;
background: none !important;
background-color: rgb(0, 0, 0) !important;
border: 0 none !important;
padding-bottom: 0px !important;
}

element {
color: white;
opacity: 0.99;
background: RGBa(0,0,0,0.3);
}

tab[selected="true"] .tab-close-button,
.tabbrowser-tab:not([selected="true"]) > .tab-text {
color: black !important;
text-shadow: white 0px 0px 16px,
white 0px 0px 16px,
white 0px 0px 16px!important;
opacity: .999 !important;
}

tab[selected="true"]:hover .tab-close-button,
.tabbrowser-tabs tab:not([selected="true"]):hover .tab-close-button,
.findbar-closebutton:hover
{
list-style-image: url("chrome://global/skin/icons/close.png")!important;
-moz-appearance: none!important;
-moz-image-region: rect(0px, 14px, 14px, 0px)!important;
}

}
.tabs-newtab-button,.tabs-alltabs-button
{
-moz-appearance: -moz-win-glass !important ;
background: none !important;
border:none!Important;
}

.tabbrowser-tabs tab
{
background:white!important;
opacity:1 !important;
padding:0 !important;
margin:5px !important;
background-color:none !important;
border:none!important;
}

.tabbrowser-tabs tab:hover
{
color:none !important;
opacity:1!important;
border:none!important;

}

.tabbrowser-tabs tab[selected="true"]
{
-moz-appearance:-moz-win-glass!important;
background-color:none !important ;
padding-bottom: 5px !important;
margin-bottom: 0px !important;
border:none!important;
}

.tabbrowser-tab:not([selected="true"]) > .tab-text {
color: white !important;
text-shadow: steelblue 0px 0px 10px,
steelblue 0px 0px 10px,
steelblue 0px 0px 10px !important;
opacity: .90 !important;
font-weight:normal!important;
}

.tabbrowser-tab:not([selected="true"]):hover > .tab-text {
color: white !important;
text-shadow: darkcyan 0px 0px 10px,
darkcyan 0px 0px 10px,
darkcyan 0px 0px 10px !important;
opacity: .9 !important;
}

.tab-text {
text-align: left!important;
color: white !important;
text-shadow: cyan 0px 0px 10px,
cyan 0px 0px 10px,
cyan 0px 0px 10px !important;
font-size:12px !important;
opacity: .9 !important;
}

.tab-text:hover {
color: white !important;
text-shadow: cyan 0px 0px 10px,
cyan 0px 0px 10px,
cyan 0px 0px 10px !important;
font-weight:bolder!important;
opacity: .9 !important;
}

/* DEFAULT SIDEBAR */
sidebarheader
{
-moz-appearance: none !important;
background: transparent !important;
border: none !important;
padding-right: 10px !important;
margin-right: -10px !important;
}
.sidebar-placesTree
{
opacity: 0.99 !important;
background: transparent !important;
color: white !important;
border: none !important;

}

#sidebar-title {
opacity: 0.99 !important;
color: transparent !important;
text-shadow: white 0 0 14px,
white 0 0 14px,
white 0 0 14px !important;

}
#sidebar-splitter{
-moz-appearance: none !important;
background: transparent !important;
border: none !important;
margin-top: 25px !important;
}
#history-panel > hbox, #bookmarksPanel > hbox{

-moz-appearance: none !important;

background: transparent !important;
margin-bottom: -2px !important;
text-shadow: white 0 0 12px,
white 0 0 12px,
white 0 0 12px !important
}

#bookmarksPanel > hbox > textbox, #history-panel > hbox > text
{
-moz-appearance: none !important;
background: RGBa(255,255,255,0.3) !important;
border: none !important;
}

hbox[flex="1"],vbox
{
border:none !important;
}

.alertBox
{
background:black !important;
}

#stop-button[disabled="true"] { display:none; }
#stop-button:not([disabled]) + #reload-button { display:none; }

#navigator-toolbox,
#main-window toolbox,
#main-window toolbar
{
background-image: none !important;
}

Here is a screenshot of what happens when I remove transparencies

I'll check it later when I get home.... I'm still at school and it's only 30 more minutes before my break time is over...

dray · Nov 26, 2009

This is the look I want on my tabs and can't figure it out!!

edrik · Nov 27, 2009

dray said:
This is the look I want on my tabs and can't figure it out!!

Sorry for the late reply... I'm too busy for my preliminary thesis

anyway..
try this... just modify the colours if you want to..

.tabbrowser-tabs tab {
-moz-border-radius-topleft: 4px !important;
-moz-border-radius-topright: 4px !important;
-moz-border-left-colors: #959595 !important;
-moz-border-top-colors: #959595 !important;
-moz-border-right-colors: #959595 !important;
}

dray · Nov 27, 2009

edrik said:
dray said:

This is the look I want on my tabs and can't figure it out!!

Click to expand...

Sorry for the late reply... I'm too busy for my preliminary thesis

anyway..
try this... just modify the colours if you want to..

.tabbrowser-tabs tab {
-moz-border-radius-topleft: 4px !important;
-moz-border-radius-topright: 4px !important;
-moz-border-left-colors: #959595 !important;
-moz-border-top-colors: #959595 !important;
-moz-border-right-colors: #959595 !important;
}

Click to expand...

Tried it and no go buddy. Thx

n8w1ng · Nov 30, 2009

dray said:
Here is what I got Edrik:

/* AERO FOX */

all that **** is bein omitted!

Here is a screenshot of what happens when I remove transparencies

omg use paste-it.net or similar next time!!!

n8w1ng · Nov 30, 2009

n now to the topic...first of all,thx for the tutorial. Unfortunately, the first plugin ur recommendin doesnt work for the newest version(3.5.5) of firefox, however, there is another plugin https://addons.mozilla.org/en-US/firefox/addon/12181 which does the same job even without any needs for installin those remainin plugins from your tutorial...

hope it will b useful for some

edit: ye ok, there is also a new version of galsserPojo(1.1.2)

dray · Nov 30, 2009

n8w1ng said:
dray said:

Here is what I got Edrik:

/* AERO FOX */

all that **** is bein omitted!

Here is a screenshot of what happens when I remove transparencies

Click to expand...

omg use paste-it.net or similar next time!!!

LMAO...sorry

I was wondering how they did that.

ifro4u · Dec 20, 2009

dude i got this after applying transparency on Firefox can you explained what to do for full transparency

xxrazor · Dec 20, 2009

ifro4u said:
dude i got this after applying transparency on Firefox can you explained what to do for full transparency

I have have the same problem, see my post here, as i know what the problem is, but i do not know how to fix it, still waiting for a answer.

http://www.sevenforums.com/customization/9984-how-get-aero-glass-firefox-completely-61.html

Cheers
xxrazor

Psych0t1c · Dec 28, 2009

All my sites are now transparent after adding myspace to the whitelist. Anyone know why?

xxrazor · Dec 28, 2009

Psych0t1c said:
All my sites are now transparent after adding myspace to the whitelist. Anyone know why?

In the white list, be care full of spaces and comers, this is important,

cheers
xxrazor

Psych0t1c · Dec 28, 2009

Yeah there aren't any spaces. Could someone post a screenshot of how the whitelist should look

xxrazor · Dec 28, 2009

Psych0t1c said:
Yeah there aren't any spaces. Could someone post a screenshot of how the whitelist should look

Code:

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


var inFullscreen = false;

var toolbox = null;
var sidebar = null;
var statbar = null;
var browbox = null;
var vScrollBar = null;
var hScrollBar = null;

/*-----------------------------------WHITELIST---------------------------------------------**/


var whiteListItem = new Array(
"www.google.com",
"www.google.com.au",
"www.sevenforums.com",
"images.google.com.au",
"blogsearch.google.com.au",
"video.google.com.au",
"news.google.com.au",
"maps.google.com.au",
"books.google.com.au",
"scholar.google.com.au",
"picasaweb.google.com.au",
"sites.google.com.au",
"code.google.com.au",
"groups.google.com.au",
"reader.google.com.au",
"www.youtube.com"


                              /*ignore whitespace, but don't forget to put the domain in quotes and leave a comma off the last one*/
                              )
                              

/*********getfile method disbled bt mozdev due to bugs:(*/
//  try
//  {        
//    var   whiteListFile = IO.getFile("Profile", "WhiteList.txt")
//  }
//   catch (err)
//  {
//    alert("didn't work")
//  }
//
//while(stream.available())
//whiteListItem.push(stream.readLine());



/************************** interface with dwm                *******************************************/    
var dwm = Components.classes["@sixxgate.com/DwmCalls/CDwmCalls;1"].createInstance();
dwm = dwm.QueryInterface(Components.interfaces.IDwmCalls);


/**************************************Event Handlers*******************************************************/

function DWM_Glasser_OnFullscreen()
{
    this.handleEvent = function(e)
    {
        if (!dwm.GlassEnabled){  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")
        {
            goGoGadgetGlass()
            inFullscreen = false;
        }
    };
};


/*--------------------------------------------------------------------------------------------------------------------*/
function DWM_Glasser_OnAttrChange()
{
    this.handleEvent = function(e)
    {
        if (!dwm.GlassEnabled || inFullscreen == true) 
        {
            return;
        }          
        else
        {
            goGoGadgetGlass()
        }
   }
}
/*--------------------------------------------------------------------------------------------------------------------*/
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_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_OnLoad()    
{
   this.handleEvent = function(e)
   {

        toolbox = window.document.getElementById("navigator-toolbox");
         if (toolbox)

        toolbox.addEventListener("DOMAttrModified", Glasser_OnFullscreen, false);  
        toolbox.addEventListener("DOMAttrModified", Glasser_OnAttrChange, true); 
        sidebar = window.document.getElementById("sidebar-splitter");
        sidebar.addEventListener("DOMAttrModified", Glasser_OnAttrChange, true);
      
     
        statbar = window.document.getElementById("browser-bottombox");
        statbar.addEventListener("DOMAttrModified", Glasser_OnAttrChange, true)
        
        detectContentChange.init(e)
        window.addEventListener("resize", calScrollBar.init, false);

        

      ChangeGlasserTheme();
  };
};

/********************************************Functions********************************************************/
function DWM_Glasser_OnGlassChange()     
{
   this.handleEvent = function(e)
   {
      ChangeGlasserTheme();
   };
};

var detectContentChange =
{
  init: function()
  {
    var fBrowser = document.getElementById("appcontent");   
    if(fBrowser)
      fBrowser.addEventListener("DOMContentLoaded", detectContentChange.onContentChange, true);
    var container = gBrowser.tabContainer;
    if(container)
      container.addEventListener("TabSelect", detectContentChange.onContentChange, false);
  },
  
  onContentChange: function(e)
  {
      
        if(gBrowser.selectedBrowser.contentDocument.domain == null) return; 
        var x;
        for (x in whiteListItem)
        {
            if (gBrowser.selectedBrowser.contentDocument.domain==whiteListItem[x])
            var inWhiteList = true;
        }
        if(inWhiteList==true || gBrowser.selectedBrowser.contentDocument.location == "about:blank")
        { 
            try
            {
                 browbox = window.document.getElementById("browser");
                 
            }
            catch (err)
            {   // Something failed
                window.alert(err);
            }
            inWhiteList = false;
        }
        else
        {
             browbox = null;
        };
        calScrollBar.init()
  },
}

var calScrollBar =
{
    init: function()
          {
             
              calScrollBar.vert();
              calScrollBar.horz();
              Glasser_OnAttrChange();
              

          },
    vert: function()
    {
        
        try
        {
             var bBrowser = gBrowser.selectedBrowser.contentDocument.body
              var eBrowser = gBrowser.selectedBrowser.contentDocument.documentElement
              if(bBrowser == null || eBrowser == null)
             {return;}
             else
             {
                if((bBrowser.scrollHeight > bBrowser.clientHeight) || (eBrowser.scrollHeight > eBrowser.clientHeight))
                {
                    vScrollBar = 18;
        
                }
                else
                {
                    vScrollBar = 0;
                }
              }
        }
        catch(error)
        {
        alert(error)
        };
        
    },
    horz: function()
    {
        try
        {
             var bBrowser = gBrowser.selectedBrowser.contentDocument.body
             var eBrowser = gBrowser.selectedBrowser.contentDocument.documentElement
             if(bBrowser == null || eBrowser == null)
             {return;}
             else
             {
                if((bBrowser.scrollWidth > bBrowser.clientWidth) || (eBrowser.scrollWidth > eBrowser.clientWidth))
                {
                    hScrollBar = 18;
                }
                else
                {
                    hScrollBar = 0;
                    
                }
             }
        }
        catch(error)
        {
        alert(error)
        };
    }
};

function goGoGadgetGlass()
{  
   try
   { 
    var tabbar = gBrowser.tabContainer.boxObject;
    var win = window.document.getElementById("main-window");
    var height = null;
    var top = null;
    var bottom = null;
    var left = null;
    var full = null;
    var aiostoolbar = window.document.getElementById("aios-toolbar");
    var aiosttoolbox = window.document.getElementById("aios-toggle-toolbar");
    
/**********Calaculations for extent of glass into frame******/
/*-------- top  ------*/                
    if(toolbox!=null)
    {    top = tabbar.y + tabbar.height;}
    else
    {top = 0;};
    /*-------- bottom ----*/
    if(statbar!=null)
    {    bottom =  win.boxObject.height - statbar.boxObject.y}
    else
    {bottom = 0;};
    /*--------right -----*/
    
    /*------left---------*/
    if(sidebar!=null)
    {
        if((aiostoolbar == null) || (aiostoolbar != null && sidebar.boxObject.width != 0))
        {    left = sidebar.boxObject.width + sidebar.boxObject.x;}
        else if(aiostoolbar != null && aiostoolbar.boxObject.width == 0 && sidebar.boxObject.width == 0)    
        {    left = aiosttoolbox.boxObject.width}
        else if(aiostoolbar != null && aiostoolbar.boxObject.width != 0 && sidebar.boxObject.width == 0)
        {    left = aiostoolbar.boxObject.width}
    
    }
    else
    {left = 0;};
    
    /*------full---------*/
    if(browbox!=null)
    {full = browbox.boxObject.height;}
    else
    {full = 0;};

/*-------------------------------------------------------------*/

     dwm.ExtendFrameIntoWindow(top, vScrollBar, bottom+full+hScrollBar, left)  
   }
   catch (err)
   {   // Something failed
        window.alert(err);
   }
}

/*              instantiate all the above event handlers                     */    
var Glasser_OnFullscreen = new DWM_Glasser_OnFullscreen();
var Glasser_OnAttrChange = new DWM_Glasser_OnAttrChange();
var Glasser_OnLoad = new DWM_Glasser_OnLoad();    
var Glasser_OnGlassChange = new DWM_Glasser_OnGlassChange();

/*******            get the ball rolling              ****/    


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



/****-------------------------- this bit deals with windows dwm ------------------------------------*****/
    
dwm.AttachToWindow(window);
dwm.OnGlassChange = Glasser_OnGlassChange;

There you go.

cheers
xxrazor

Psych0t1c · Dec 28, 2009

Ok now none of my sites are glassed but sevenforums. This is confusing.

xxrazor · Dec 28, 2009

Psych0t1c said:
Ok now none of my sites are glassed but sevenforums. This is confusing.

Sorry mate, change the domain, mine is .com.au, you need to change them.

cheers
xxxrazor

XoS · Jan 30, 2010

Any of you genoiuses up to the task of creating a complete installer, which includes firefox, glasser, google glass and the lot??

go on u know u want to...

xxrazor · Jan 31, 2010

XoS said:
Any of you genoiuses up to the task of creating a complete installer, which includes firefox, glasser, google glass and the lot??
go on u know u want to...

Yes i am working on it now, silent install, Firefox glass with Google glass, the only issue is the domain will be .com and not .com.au as a example. I see this being a issue only due to the change required to the white-list after installation.

cheers
xxrazor

XoS · Jan 31, 2010

xxrazor said:
Much appreciation for the effort xxrazor.. when are you expecting it completed.. where will you post it, also is it for x64 only or both, is it compatible with ff3.6 or does your installer include its own?

how about posting it on mozilla add-ons website..?

Firefox - Enable Aero Glass Transparency

Commander from Hell

My Computer My Computer

New member

Attachments

My Computer My Computer

Commander from Hell

My Computer My Computer

New member

Attachments

My Computer My Computer

Commander from Hell

My Computer My Computer

New member

My Computer My Computer

New member

My Computer My Computer

New member

My Computer My Computer

New member

My Computer My Computer

New member

Attachments

My Computer My Computer

New member

My Computer My Computer

New member

My Computer My Computer

New member

My Computer My Computer

New member

My Computer My Computer

New member

My Computer My Computer

New member

My Computer My Computer

New member

My Computer My Computer

New member

My Computer My Computer

New member

My Computer My Computer

New member

My Computer My Computer

Similar threads

My Computer

My Computer

My Computer

My Computer

My Computer

My Computer

My Computer

My Computer

My Computer

My Computer

My Computer

My Computer

My Computer

My Computer

My Computer

My Computer

My Computer

My Computer

My Computer

My Computer