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.

  • Posts

    • An actual cosmic "Eye of Sauron" had been looking straight at us all along

      By hellowalkman · Posted

      yep, thanks!
    • WebChangeMonitor 26.06

      By Copernic · Posted

      WebChangeMonitor 26.06 by Razvan Serea Monitors allows you to quickly check a number of web pages and tracks changes based on the content of the web pages. Allows to monitor several protocols, including HTTP and HTTPS. Allows to view and record differences. Available for Win7/10, Linux and others. WebChangeMonitor features: Allows monitoring of web pages and informs about content changes Indication of states of currently monitored items in the tool and taskbar Reporting as sound and/or email as well as log file or HTML log Several configuration / filter options Support all protocols, e.g. http, https Multi-threaded, running in the background Bulk-import and bulk-export of items (from/to CSV) to monitor Export of results to CSV file for further processing Allows running command on items states and/or showing diff (changes) of content with preferred diff-tool ...and many more! Open Source (C++, wxWidgets) Cross platform for Windows (7/10), Linux, RPi and Mac (if self-compiled) WebChangeMonitor 26.06 release notes: Release 26.06 brings mostly s but updates the underlying core infrastructure. A major compiler is used for both x86/x64 and WoA64 architectures. This also means that all core libraries are re-compiled accordingly which required some changes in the build scripts. One of the core libraries (cURL) has been updated to address vulnerabilities and a nasty linker error that was causing the need for a dedicated patch which could now be eliminated. Download: WebChangeMonitor 64-bit | Setup 64-bit | ~10.0 MB (Open Source) Download: WebChangeMonitor 32-bit | Setup 32-bit View: WebChangeMonitor Website | Other Operating Systems | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • BATorrent 3.0.4

      By Copernic · Posted

      BATorrent 3.0.4 is out.
    • Microsoft resumes forced Copilot app installation on some Windows PCs

      By contevo · Posted

      yea they change their app to high-system app so you can't disable with adb or within android, you gotta get root be able to do disable this high-system app now if you have locked down boot loader you screwed. samsung started locking down their store and their account app extremely annoying, account constantly nagging you to sign in... i disable all ai core apps and especially gemini since you can't uninstall anymore. i hope some day someone will present a bill force this companies quit locking down this damn phone especially the apps...
    • Ladybird Browser is no longer accepting outside contributions thanks to AI

      By fishnet37222 · Posted

      It's basically the only web browser project not controlled by a major corporation.

  • Recent Achievements

    • Dedicated
      Mark Spruce earned a badge
      Dedicated
    • Collaborator
      conkir earned a badge
      Collaborator
    • Rising Star
      olavinto went up a rank
      Rising Star
    • One Month Later
      lamborghiniv10 earned a badge
      One Month Later
    • Week One Done
      lamborghiniv10 earned a badge
      Week One Done

  • Popular Contributors

    1. 1
      +primortal
      482
    2. 2
      PsYcHoKiLLa
      257
    3. 3
      Steven P.
      74
    4. 4
      +Edouard
      69
    5. 5
      Skyfrog
      68
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!