Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Community Regular

foxxyn8

Posted
Posted

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

Mentor

+Heartripper Subscriber¹

Posted
  • Subscriber¹
Posted

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

Mentor

+Heartripper Subscriber¹

Posted
  • Subscriber¹
Posted

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! :)

Grand Master

Ji@nBing

Posted
Posted

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

Collaborator

Quazzi

Posted
Posted

F0Ran.png

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

Explorer

r0bc

Posted
Posted

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.

Grand Master

Semtex

Posted
Posted

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 ;)

Apprentice

Poom

Posted
Posted

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

iPthO.png

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

Collaborator

Quazzi

Posted
Posted

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:

Explorer

parry

Posted
Posted

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.

Community Regular

foxxyn8

Posted
Posted

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
}

This topic is now closed to further replies.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.