Share your custom Firefox/Minefield 4 stylish scripts

[Ji@nBing]

Bump!!!

[freak180]

how do you make the firefox button all square-like?

[foxxyn8]

Thanks. The normal window worked, but I'm still 1 pixel off on the maximized. I tried adjusting the number in the script and nothing happened no matter what number I put.

try this:

#TabsToolbar[tabsontop="true"] > .titlebar-placeholder[type="appmenu-button"] { 
     margin-left: -1px !important; 
}

[trag3dy]

how do you make the firefox button all square-like?

Try this:

#appmenu-button,
#nav-bar {
  border-radius: 0 !important;
}

[+Heartripper Subscriber¹]

Try this:

#appmenu-button,
#nav-bar {
  border-radius: 0 !important;
}

if you put also #nav-bar, the code will make also nav-bar squared!

just:

#appmenu-button{
  border-radius: 0 !important;
}

[trag3dy]

I see. I copied that from this thread a while ago but it doesn't change my nav bar at all. Weird. :laugh:

Could be because I'm using Stratiform though?

[+Heartripper Subscriber¹]

I see. I copied that from this thread a while but it doesn't change my nav bar at all. Weird. :laugh:

Could be because I'm using Stratiform though?

yes, it can be! :)

[freak180]

Thanks guys!!! :woot:

[Ji@nBing]

try this:

#TabsToolbar[tabsontop="true"] > .titlebar-placeholder[type="appmenu-button"] { 
     margin-left: -1px !important; 
}

That's not working either. It's not that big of a deal. It's only 1 pixel. I just don't get why they made it like that. Thanks for the help anyway guys!!

[Poom]

I dbout that's possible. If you look carefully, that one pixel isn't blank space. It's actually the left border of the tab. That's also why it doesn't bother me; if it's shifted left one more pixel then the tab will be incomplete IMO.

[parry]

How would I change just the colour of the identity box on a secure site, I want the default button style but in a different colour.

Anyone? :rolleyes:

[+Heartripper Subscriber¹]

Anyone? :rolleyes:

secure in which way?

#identity-box.verifiedIdentity -> green box

#identity-box.verifiedDomain -> blue box

[Quazzi]

I'm using the extensions More In Content UI, Omnibar, Status-4-Evar, Stratiform, Tab Mix Plus, Tab Scope, and Vertical Toolbar. The stylish script is authored by TSS, drifus, and foxxyn8:

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

#main-window[stylish-url="about:blank"] #browser {
        visibility: hidden !important;
}
sidebarheader {
	 -moz-appearance: none !important;
         border-top: none !important; 
         background-image: -moz-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)) !important; 
}
#browser-bottombox > * {
	 -moz-box-ordinal-group: 2 !important; 
} 
#browser-bottombox notificationbox {
	 -moz-box-ordinal-group: 1 !important; 
}
#status-bar {
         background-color: transparent !important; 
}
#navigator-toolbox textbox {
         background-color: rgba(222, 222, 222, .075) !important; 
}
#navigator-toolbox textbox:hover {
         background-color: rgba(255, 255, 255, .21) !important; 
}
#navigator-toolbox textbox[focused] {
         background-color: rgba(222, 222, 222, .49) !important; 
}
@media not all and (-moz-windows-compositor){
#browser-bottombox > * {
	 -moz-appearance: none !important; 
	 background: none !important; 
	 border: none !important; 
}
sidebarheader,
#navigator-toolbox:not(:-moz-lwtheme) > *:not(#TabsToolbar):not(#toolbar-menubar),
#browser-bottombox,
#main-window[tabsontop="false"] :-moz-any(#TabsToolbar, #toolbar-menubar),
#main-window[chromehidden=""][tabsontop="false"]:not(:-moz-lwtheme) {
         background-color: RGB(0, 0, 0) !important; 
}
#navigator-toolbox:-moz-lwtheme > *:not(#TabsToolbar),
#browser-bottombox:-moz-lwtheme > *,
#main-window[tabsontop="false"]:-moz-lwtheme #TabsToolbar:nth-last-child(1n+2),
#main-window[tabsontop="false"]:-moz-lwtheme #PersonalToolbar[collapsed="false"] + #TabsToolbar,
#main-window[tabsontop="false"]:-moz-lwtheme [id^="__customToolbar"]:not([collapsed="true"]) ~ #TabsToolbar,
sidebarheader:-moz-lwtheme {
         background-color: RGBa(0, 0, 0, .5) !important; 
}
#main-window:-moz-lwtheme #TabsToolbar,
#main-window:-moz-lwtheme #toolbar-menubar,
#main-window[tabsontop="false"]:-moz-lwtheme #nav-bar {
	 background-color: transparent !important; 
}
#FindToolbar,
#addon-bar {
	 border-top: 2px solid rgb(0, 0, 0) !important;  
	 -moz-border-top-colors: rgb(128, 128, 128) rgba(255, 255, 255, .5) !important; 
}
#FindToolbar:not([hidden="true"]) ~ #addon-bar {
	 border-top: none !important; 
}
#navigator-toolbox:after {
         background-image: -moz-linear-gradient(RGBa(0, 0, 0, .2), transparent) !important; 
}
.tabbrowser-tab[selected="true"] {
	 background-image: -moz-linear-gradient(rgba(255, 255, 255, .86), rgba(255, 255, 255, .5)),
                           -moz-linear-gradient(RGB(0, 0, 0), RGB(0, 0, 0)) !important; 
}
#main-window[tabsontop="false"] .tabbrowser-tab[selected="true"] {
	 background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4) 1px, rgba(0, 0, 0, .05) 1px, transparent 1px),
                           -moz-linear-gradient(rgba(255, 255, 255, .86), rgba(255, 255, 255, .5)),
                           -moz-linear-gradient(RGB(0, 0, 0), RGB(0, 0, 0)) !important; 
}
.tabbrowser-tab:not([selected="true"]),
.tabs-newtab-button {
	 background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4) 1px, rgba(0, 0, 0, .05) 1px, transparent 1px),
                           -moz-linear-gradient(rgba(195, 195, 195, .5), rgba(90, 90, 90, .5)),
                           -moz-linear-gradient(RGB(0, 0, 0), RGB(0, 0, 0)) !important; 
}
.tabbrowser-tab:not([selected="true"]):hover,
.tabs-newtab-button:hover {
	 background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4) 1px, rgba(0, 0, 0, .05) 1px, transparent 1px),
                           -moz-linear-gradient(rgba(245, 245, 245, .6), rgba(140, 140, 140, .6)),
                           -moz-linear-gradient(RGB(0, 0, 0), RGB(0, 0, 0)) !important; 
}
.tabbrowser-tab[pinned][titlechanged] {
	 background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4) 1px, rgba(0, 0, 0, .05) 1px, transparent 1px),
                           -moz-radial-gradient(50% 3px, circle cover, white 2%, rgba(255, 255, 255, 0) 50%),
                           -moz-linear-gradient(rgba(190, 190, 190, .5), rgba(110, 110, 110, .5) 50%),
                           -moz-linear-gradient(RGB(0, 0, 0), RGB(0, 0, 0)) !important; 
}
.tabbrowser-tab[pinned][titlechanged]:hover {
	 background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4) 1px, rgba(0, 0, 0, .05) 1px, transparent 1px),
                           -moz-radial-gradient(50% 3px, circle cover, white 2%, rgba(255, 255, 255, 0) 50%),
                           -moz-linear-gradient(rgba(240, 240, 240, .6), rgba(160, 160, 160, .6) 50%),
                           -moz-linear-gradient(RGB(0, 0, 0), RGB(0, 0, 0)) !important; 
}
.tabbrowser-tab[selected="true"]:-moz-lwtheme {
	 background-image: -moz-linear-gradient(rgba(255, 255, 255, .86), rgba(255, 255, 255, .5)),
                           -moz-linear-gradient(RGBa(0, 0, 0, .5), RGBa(0, 0, 0, .5)) !important; 
}
#main-window[tabsontop="false"] .tabbrowser-tab[selected="true"]:-moz-lwtheme {
	 background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4) 1px, rgba(0, 0, 0, .05) 1px, transparent 1px),
                           -moz-linear-gradient(rgba(255, 255, 255, .86), rgba(255, 255, 255, .5)),
                           -moz-linear-gradient(RGBa(0, 0, 0, .5), RGBa(0, 0, 0, .5)) !important; 
}
.tabbrowser-tab:not([selected="true"]):-moz-lwtheme,
.tabs-newtab-button:-moz-lwtheme {
	 background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4) 1px, rgba(0, 0, 0, .05) 1px, transparent 1px),
                           -moz-linear-gradient(rgba(255, 255, 255, .4), rgba(255, 255, 255, 0) 50%),
                           -moz-linear-gradient(RGBa(0, 0, 0, .5), RGBa(0, 0, 0, .5)) !important; 
}
.tabbrowser-tab:not([selected="true"]):-moz-lwtheme:hover,
.tabs-newtab-button:-moz-lwtheme:hover {
	 background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4) 1px, rgba(0, 0, 0, .05) 1px, transparent 1px),
                           -moz-linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .1) 50%),
                           -moz-linear-gradient(RGBa(0, 0, 0, .5), RGBa(0, 0, 0, .5)) !important; 
}
.tabbrowser-tab[pinned][titlechanged]:-moz-lwtheme {
	 background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4) 1px, rgba(0, 0, 0, .05) 1px, transparent 1px),
                           -moz-radial-gradient(50% 3px, circle cover, white 2%, rgba(255, 255, 255, 0) 50%),
                           -moz-linear-gradient(rgba(255, 255, 255, .4), rgba(255, 255, 255, 0) 50%),
                           -moz-linear-gradient(RGBa(0, 0, 0, .5), RGBa(0, 0, 0, .5)) !important; 
}
.tabbrowser-tab[pinned][titlechanged]:-moz-lwtheme:hover {
	 background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4) 1px, rgba(0, 0, 0, .05) 1px, transparent 1px),
                           -moz-radial-gradient(50% 3px, circle cover, white 2%, rgba(255, 255, 255, 0) 50%),
                           -moz-linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .1) 50%),
                           -moz-linear-gradient(RGBa(0, 0, 0, .5), RGBa(0, 0, 0, .5)) !important; 
}
}
@media all and (-moz-windows-compositor){
#browser-bottombox:-moz-lwtheme > * {
	 border: none !important; 
}
#browser-bottombox:not(:-moz-lwtheme) {
	 background-image: -moz-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)) !important; 
}
#browser-bottombox:not(:-moz-lwtheme) > *:not(#sync-notifications) {
	 -moz-appearance: -moz-win-glass !important; 
}
#FindToolbar,
#addon-bar {
	 box-shadow: 0 1px 0 rgba(26, 26, 26, .4) inset !important; 
}
#FindToolbar:not([hidden="true"]) ~ #addon-bar {
	 box-shadow: none !important; 
}
#addon-bar > *:not(#status-bar) {
	 margin-top: -1px !important; 
	 margin-bottom: -2px !important; 
}
sidebarheader,
#navigator-toolbox > *,
#browser-bottombox,
#browser-bottombox > *,
#main-window[tabsontop="false"] #TabsToolbar:nth-last-child(1n+2),
#main-window[tabsontop="false"] #PersonalToolbar[collapsed="false"] + #TabsToolbar,
#main-window[tabsontop="false"] [id^="__customToolbar"]:not([collapsed="true"]) ~ #TabsToolbar {
	 background-color: RGBA(0, 0, 0, 0) !important; 
}
#TabsToolbar,
#toolbar-menubar,
#main-window[tabsontop="false"] #nav-bar {
	 background-color: transparent !important; 
}
#main-window[tabsontop="true"]:-moz-any([sizemode="maximized"], [inFullscreen="true"]):not([lwtheme="true"]) #TabsToolbar {
	 background-image: none !important; 
	 box-shadow: 0 -0PX 0 rgba(26, 26, 26, .4) inset !important; 
}
#main-window[tabsontop="true"][sizemode="normal"]:not([lwtheme="true"]) #nav-bar {
	 box-shadow: rgba(26, 26, 26, .4) 0 -0PX 0 !important;  
         border-top: none !important;
         margin-top: 1px !important; 
}
#main-window[sizemode="normal"] #browser-bottombox > * {
         border-left: 1px solid rgba(26, 26, 26, .4) !important; 
         border-right: 1px solid rgba(26, 26, 26, .4) !important; 
}
#navigator-toolbox:after {
         background-color: RGBA(0, 0, 0, 0) !important; 
         background-image: -moz-linear-gradient(rgba(26, 26, 26, .4), rgba(26, 26, 26, .4)),
                           -moz-linear-gradient(rgbA(160, 160, 160, 0), rgbA(160, 160, 160, 0)) !important; 
}
.tabbrowser-tab[selected="true"] {
	 background-image: -moz-linear-gradient(rgba(255, 255, 255, .86), rgba(255, 255, 255, .5)),
                           -moz-linear-gradient(RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0)) !important; 
}
#main-window[tabsontop="false"] .tabbrowser-tab[selected="true"] {
	 background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 1px, transparent 1px),
                           -moz-linear-gradient(rgba(255, 255, 255, .86), rgba(255, 255, 255, .5)),
                           -moz-linear-gradient(RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0)) !important; 
}
.tabbrowser-tab:not([selected="true"]),
.tabs-newtab-button {
	 background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 0PX, transparent 1px),
                           -moz-linear-gradient(rgba(195, 195, 195, .5), rgba(90, 90, 90, .5)),
                           -moz-linear-gradient(RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0)) !important; 
}
.tabbrowser-tab:not([selected="true"]):hover,
.tabs-newtab-button:hover {
	 background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 0PX, transparent 1px),
                           -moz-linear-gradient(rgba(245, 245, 245, .6), rgba(140, 140, 140, .6)),
                           -moz-linear-gradient(RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0)) !important; 
}
.tabbrowser-tab[pinned][titlechanged] {
	 background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 0PX, transparent 1px),
                           -moz-radial-gradient(50% 3px, circle cover, white 2%, rgba(255, 255, 255, 0) 50%),
                           -moz-linear-gradient(rgba(190, 190, 190, .5), rgba(110, 110, 110, .5) 50%),
                           -moz-linear-gradient(RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0)) !important; 
}
.tabbrowser-tab[pinned][titlechanged]:hover {
	 background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 0PX, transparent 1px),
                           -moz-radial-gradient(50% 3px, circle cover, white 2%, rgba(255, 255, 255, 0) 50%),
                           -moz-linear-gradient(rgba(240, 240, 240, .6), rgba(160, 160, 160, .6) 50%),
                           -moz-linear-gradient(RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0)) !important; 
}
}
@media not all and (-moz-windows-compositor){
#titlebar {
	 visibility: hidden !important; 
}
#titlebar-content {
	 visibility: visible !important; 
}
#main-window[sizemode="maximized"][tabsintitlebar="true"]:not(:-moz-lwtheme) #TabsToolbar {
	 background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, 0.4) 1px, rgba(0, 0, 0, 0.05) 1px, transparent 50%) !important; 
}
#main-window[chromehidden=""]:not(:-moz-lwtheme),
#navigator-toolbox:not(:-moz-lwtheme) > * {
	 background-color: RGB(0, 0, 0) !important; 
}
}
@media all and (-moz-windows-compositor){
#main-window[chromehidden=""]:not([inFullscreen="true"]),
#main-window[inFullscreen="true"] #nav-bar,
#main-window[inFullscreen="true"] #TabsToolbar {
	 background-color: RGBA(0, 0, 0, 0) !important; 
}
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not(:-moz-lwtheme) > *,
#main-window:not([inFullscreen="true"]) #browser-bottombox:not(:-moz-lwtheme),
#main-window:not([inFullscreen="true"]):not(:-moz-lwtheme) sidebarheader,
#main-window:not(:-moz-lwtheme):not([inFullscreen="true"]) #TabsToolbar:nth-last-child(1n+2),
#main-window[tabsontop="false"]:not([inFullscreen="true"]):not(:-moz-lwtheme) #PersonalToolbar[collapsed="false"] + #TabsToolbar,
#main-window[tabsontop="false"]:not([inFullscreen="true"]):not(:-moz-lwtheme) [id^="__customToolbar"]:not([collapsed="true"]) ~ #TabsToolbar {
	 background-color: transparent !important; 
}
#main-window:not([inFullscreen="true"]) .tabbrowser-tab[selected="true"]:not(:-moz-lwtheme) {
	 background-image: -moz-linear-gradient(rgba(255, 255, 255, .86), rgba(255, 255, 255, .5)),
                           -moz-linear-gradient(RGBA(0, 0, 0, 0) 000%, transparent 000%) !important; 
}
#main-window[inFullscreen="true"] .tabbrowser-tab[selected="true"] {
	 background-image: -moz-linear-gradient(rgba(255, 255, 255, .86), rgba(255, 255, 255, .5)) !important; 
}
}
#appmenu-button {
	 background: none !important;
	 border: none !important;
	 box-shadow: none !important;
	 margin: 0 0 2px 0 !important;
}
#main-window[sizemode="maximized"][tabsontop="true"] #appmenu-button {
	 margin: -7px 0 2px 0 !important;
	 padding: 0 9px 0 0 !important;
	 min-width: 0 !important;
}
#appmenu-button:hover {
	 background-color: rgba(255,255,255,.4) !important;
	 border: 1px solid rgba(0,0,0,.6) !important;
	 border-top: none !important;
}
#appmenu-button .button-text, #appmenu-button > .button-box > .button-menu-dropmarker {
	 visibility: collapse !important;
}
#main-window {
	 margin-top: -2px !important;
}
#main-window[sizemode="maximized"] {
	 margin-top: 0px !important;
}
#main-window[sizemode="fullscreen"] {
	 margin-top: 0 !important;
}
.tab-throbber[progress] {
	 list-style-image: url("chrome://browser/skin/places/searching_16.png") !important;
}
toolbarbutton.bookmark-item > .toolbarbutton-icon {
	 display: none !important;
}
#navigator-toolbox label:not([class^="menu-"]):not([id^="identity-icon"]):not([class^="urlbar"]):not([class^="tab"]) {
	 color: #3F4952 !important; 
         text-shadow: rgba(222, 222, 222, .4) 0 1px 0 !important;
}
#sidebar-header,
#browser-bottombox label,
#browser-bottombox description {
	 color: #3F4952 !important;
         font-weight: bold !important; 
         text-shadow: rgba(222, 222, 222, .4) 0 1px 0 !important; 
}
#navigator-toolbox:not([blah]) .tab-text {
	 color: #000000 !important; 
         text-shadow: #3F4952 0 0 4px, 
                      #3F4952 0 0 4px, 
                      rgba(222, 222, 222, .4) 0 1px 0 !important; 
}
#navigator-toolbox:not([blah]) .tabbrowser-tab[selected="true"] .tab-text {
	 color: #3F4952 !important; 
         text-shadow: rgba(222, 222, 222, .7) 0px 1px 0px !important;
         font-weight: bold !important;
}
#urlbar {
         border-top: 2px solid rgba(026, 026, 026, .05) !important;
         border-left: 2px solid rgba(026, 026, 026, .05) !important;
         border-right: 2px solid rgba(026, 026, 026, .05) !important;
         border-bottom: 1px solid rgba(026, 026, 026, .05) !important;
         height: 16px !important;
         margin-top: 2px !important;
         margin-bottom: 1px !important;
         margin-right: -1px !important;
         margin-left: 2px !important;
         color: #3F4952 !important; 
         text-shadow: rgba(222,222,222,.15) 0 1px 0 !important;
         font-weight: bold !important
}
.urlbar-over-link-host-label, 
.urlbar-over-link-path-label {
         color: #000000 !important;
}
#vertical-toolbox {
         -moz-appearance: -moz-win-glass !important;
}
#star-button {
         opacity:0.4 !important;
         min-height: 11px !important;
         max-height: 11px !important;
         max-width: 16px !important;
	 margin-top: -1px !important;
	 margin-bottom: -2px !important;
}
#identity-box {
         opacity: 0.2 !important;
	 border-right: 1px solid rgba(026, 026, 026, .4) !important;
}
#identity-box-inner {
	 margin-top: -2px !important;
	 margin-bottom: -2px !important;
	 margin-left: -3px !important;
         margin-right: -3px !important;
}
#page-proxy-favicon {
         max-width: 11px !important;
         min-height: 11px !important;
         max-height: 11px !important;
}
#star-button:hover,
#identity-box:hover {
         opacity:1.0! important;
}
#firesizer-statuspanel > .statusbarpanel-text {
         margin-top: 3px !important;
}
#stylish-toolbar-button dropmarker, 
#abp-toolbarbutton dropmarker {
         display: none !important;
}
.tabbrowser-tab {
         font-size:90% !important;
}
.bookmark-item {
         font-size:95% !important;
}
#urlbar {
         font-size:75% !important;
}
.ac-comment,
.ac-url-text {
         font-size:90% !important;
}
/*.tabbrowser-tab, .tabs-newtab-button {
         margin-left: -1px !important;
}*/
#browser-bottombox {
	 border-radius: 0 !important;
}
/*#browser-bottombox, #addon-bar {
         border: none !important;
}*/

I can't find a way to display the border at the top of the nav bar without it running through the selected tab. Can anyone help?

edit: The best I can come up with is to change the section beginning on line #172 to:

#main-window[tabsontop="true"][sizemode="normal"]:not([lwtheme="true"]) #nav-bar {
	 box-shadow: rgba(26, 26, 26, .4) 0 -0PX 0 !important;  
         border-top-color: rgba(26, 26, 26, .125) !important;
         margin-top: 0px !important; 
}

[parry]

secure in which way?

#identity-box.verifiedIdentity -> green box

#identity-box.verifiedDomain -> blue box

Originally just the green but both is better! Thanks!

[r0bc]

I can't find a way to display the border at the top of the nav bar without it running through the selected tab. Can anyone help?

edit: The best I can come up with is to change the section beginning on line #172 to:

#main-window[tabsontop="true"][sizemode="normal"]:not([lwtheme="true"]) #nav-bar {
	 box-shadow: rgba(26, 26, 26, .4) 0 -0PX 0 !important;  
         border-top-color: rgba(26, 26, 26, .125) !important;
         margin-top: 0px !important; 
}

Have a look some way back for a screenshot of my setup. The only way of both keeping the border AND having translucent/transparent tabs and navbar is to... "fake" it, that is make a gradient or whatever that has a line 100% opaque on top of that border to hide it. Otherwise you need to remove it in full as you did.

The segment of the border "on" the selected tab is meant to be hidden by the opaque selected tab. if it's not opaque, then the border will show through. The trick was then to have just one line fully opaque and get a gradient from there up to the tab top and down to the navbar bottom.

[Semtex]

Hey All

I'm looking for user content script, Google add new option bar on main page, iGoogle and Gmail, in Gmail they made it with black background, white font color, gray hover etc. So is there any way to have it also in iGoogle, I'm use black skin so then it can looks perfect ;)

[Poom]

Have a look some way back for a screenshot of my setup. The only way of both keeping the border AND having translucent/transparent tabs and navbar is to... "fake" it, that is make a gradient or whatever that has a line 100% opaque on top of that border to hide it. Otherwise you need to remove it in full as you did.

The segment of the border "on" the selected tab is meant to be hidden by the opaque selected tab. if it's not opaque, then the border will show through. The trick was then to have just one line fully opaque and get a gradient from there up to the tab top and down to the navbar bottom.

I do that too!! What annoys me though is that despite doing that, it's still not possible at all to fix this one pixel...

Which really really bothers me. Mozilla should make it so that the border actually disappears instead of getting covered... -_-

[grayscale]

Is it really that noticeable? I mean, on casual browsing, I think that 1px, which is almost at the top left corner will not that much of a bother since you're actually viewing content on the center.

[Poom]

Yea, it's not actually that big of a deal. It's just that once you've seen it, you can't unsee it. Then my OCDness constantly reminds me that it's there lol. :p I've already begun to ignore it though.

[Quazzi]

Have a look some way back for a screenshot of my setup. The only way of both keeping the border AND having translucent/transparent tabs and navbar is to... "fake" it, that is make a gradient or whatever that has a line 100% opaque on top of that border to hide it. Otherwise you need to remove it in full as you did. The segment of the border "on" the selected tab is meant to be hidden by the opaque selected tab. if it's not opaque, then the border will show through. The trick was then to have just one line fully opaque and get a gradient from there up to the tab top and down to the navbar bottom.

Thanks for the reply. I found your post from a couple months ago so I think I have enough to give it a shot.

Yea, it's not actually that big of a deal. It's just that once you've seen it, you can't unsee it. Then my OCDness constantly reminds me that it's there lol. :p I've already begun to ignore it though.

:D Exactly! :yes:

[parry]

I'm trying to add an icon to the DNSSD toolbar button but am having a little trouble.

Usually I would use:

#dnssd-toolbar-button {
    list-style-image: url("IMAGE HERE") !important;
    -moz-image-region: auto !important;
}

But the toolbar button doesn't currently have an icon, instead it has the text 'DNSSD'. I'd rather have an icon in place of that.

Anyone know how to do this?

EDIT: Also is there anyway to change the title of a tab, my home printer tab title is currently 'http://printer.local/' but I'd rather have it display something of my choosing.

[foxxyn8]

I'm trying to add an icon to the DNSSD toolbar button but am having a little trouble.

Usually I would use:

#dnssd-toolbar-button {
    list-style-image: url("IMAGE HERE") !important;
    -moz-image-region: auto !important;
}

But the toolbar button doesn't currently have an icon, instead it has the text 'DNSSD'. I'd rather have an icon in place of that.

Anyone know how to do this?

EDIT: Also is there anyway to change the title of a tab, my home printer tab title is currently 'http://printer.local/' but I'd rather have it display something of my choosing.

#dnssd-toolbar-button > .toolbarbutton-icon  {
    list-style-image: url("Path to Image") !important;
    -moz-image-region: auto !important; 
    display: -moz-box !important;
}

#dnssd-toolbar-button > .toolbarbutton-text {
     display: none !important
}

[maikk]

im new here. i have aquestion btw 2 problems.

how can i fix that?

thanks

Edited April 30, 2011 by maikk

[foxxyn8]

im new here. i have aquestion btw 2 problems.

how can i fix that?

thanks

http://userstyles.org/styles/44810/ff4-ff3-disable-tab-overflow

[Ji@nBing]

Does anyone have a script to allow a custom scene on the Neowin forums? I found one that lets you customize the one on the front page, but I'd like something to enable and customize one on the forums too.