Firefox and removing borders

f-ads

This is what I've got so far (thanks to Dicky B):

/* Toolbars without borders */
menubar, toolbox, toolbar {border-style: none !important; }

But can anyone...

JasonBarnabe

menubar, toolbox, toolbar, textbox {border-style: none !important; }

f-ads

:)

Wildmyron

Deleted... I didn't read your question properly

ChoGGi

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #navigator-toolbox *,#navigator-toolbox, menubar, toolbox, toolbar, textbox {border-style: none !important; }

f-ads

Nope, that doesn't work.

makondo

I don't think it's a toolbox line. I think (!) it's the tabbar - i see it in some themes and not others.

f-ads

Maybe I can make a change here somewhere:

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

/* :: TAB Container :: */

.tabbrowser-strip,
.tabbrowser-tabs,
.tabs-bottom
{
padding: 0 !important;
margin: 0 !important;
background-image: none !important;
border: none !important;
}

.tabbrowser-strip
{
background-color: -moz-dialog !important;
padding-bottom: 2px !important;
border-bottom: 1px solid Threedshadow !important;
}

.tabbrowser-tabs
{
margin-top: 1px !important;
}

.tabs-bottom
{
height: 0 !important;
border-top: 1px solid Threedshadow !important;
border-bottom: 1px solid ThreeDHighlight !important;
}

/* :: TABS :: */

.tabbrowser-tab > .tab-image-middle,
.tabbrowser-tab > .tab-close-button
{
background: none !important;
}

.tabbrowser-tab > .tab-image-left,
.tabbrowser-tab > .tab-image-right
{
background: none !important;
width: 4px !important;
height: 4px !important;
}

.tabbrowser-tabs tab
{
-moz-appearance: tab !important;
-moz-box-sizing: border-box !important;
margin-top: 2px !important;
min-height: 24px !important;
padding: 0 !important;
}

.tabbrowser-tabs tab[selected="true"]
{
margin-top: 0 !important;
min-height: 26px !important;
}

tab[beforeselected="true"]
{
-moz-appearance: tab-left-edge !important;
border-right: none !important;
-moz-border-radius-topright: 0 !important;
}

tab[afterselected="true"]
{
-moz-appearance: tab-right-edge !important;
border-left: none !important;
-moz-border-radius-topleft: 0 !important;
}

tab[beforeselected="true"] > .tab-image-right,
tab[afterselected="true"] > .tab-image-left
{
width: 0px !important;
}

/* :: TAB BUTTONS :: */

.tabs-alltabs-box,
.tabs-alltabs-box-animate,
.scrollbutton-down-box,
.scrollbutton-down-box-animate
{
background: none !important;
}

.tabs-alltabs-button,
.scrollbutton-up,
.scrollbutton-down
{
-moz-appearance: toolbarbutton !important;
-moz-box-align: center !important;
-moz-box-pack: center !important;
height: auto !important;
border: 1px solid transparent !important;
padding: 3px !important;
background-color: transparent !important;
color: -moz-DialogText !important;
background-image: none !important;
opacity: 1 !important;
-moz-image-region: auto !important;
}

.tabs-alltabs-button {
margin: 0 2px 2px 2px !important;
width: 32px !important;
list-style-image: url("chrome://global/skin/tree/columnpicker.gif") !important;
}
.scrollbutton-up {
margin: 0 1px 2px 3px !important;
width: 18px !important;
list-style-image: url("chrome://global/skin/arrow/arrow-lft-sharp.gif") !important;
}
.scrollbutton-down {
margin: 0 3px 2px 2px !important;
width: 18px !important;
list-style-image: url("chrome://global/skin/arrow/arrow-rit-sharp.gif") !important;
}

.tabs-alltabs-button:not([disabled="true"]):hover,
.scrollbutton-up:not([disabled="true"]):hover,
.scrollbutton-down:not([disabled="true"]):hover
{
background: none !important;
border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight !important;
-moz-image-region: auto !important;
}

.scrollbutton-up:not([disabled="true"]):hover:active,
.scrollbutton-down:not([disabled="true"]):hover:active,
.tabs-alltabs-button:not([disabled="true"]):hover:active,
.tabs-alltabs-button[open="true"]
{
background: none !important;
border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow !important;
padding-top: 4px !important;
padding-bottom: 2px !important;
-moz-padding-start: 4px !important;
-moz-padding-end: 2px !important;
-moz-image-region: auto !important;
}

.scrollbutton-up[disabled="true"],
.scrollbutton-up[disabled="true"]:hover,
.scrollbutton-up[disabled="true"]:hover:active,
.scrollbutton-down[disabled="true"],
.scrollbutton-down[disabled="true"]:hover,
.scrollbutton-down[disabled="true"]:hover:active
{
background: none !important;
border-color: transparent !important;
padding: 3px !important;
opacity: 0.1 !important;
-moz-image-region: auto !important;
}

/* :: */

Anyone?

LouCypher

#navigator-toolbox > toolbar { border-style: none !important; }

f-ads

That removes the wrong line (one I've already removed).

Indoobidubly

These are what I use:

toolbar {border-style: none !important;}

and

tabbrowser .tabs-bottom {display: none !important;}

I also put in a matte background image:

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

toolbox,
#toolbar-menubar,
#nav-bar,
#PersonalToolbar,
tabbox,
.tabbrowser-tabs,
sidebarheader,
#sidebar-box,
window statusbarpanel {
-moz-appearance: none !important;
background-image: url('resource:/background.gif') !important;
background-color: transparent !important;
}

(make a picture of a white box, or whatever color you want into a .gif file and place it in your c:/programfiles/mozilla firefox folder)

LouCypher

Sometimes you need to restart the browser.

p.s.
This style

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

#navigator-toolbox > toolbar {
  border-style: none !important;
}

.tabbrowser-tabs {
  background-image: none !important;
}

Give me this

photoflyer1

I haven't been able to get any of these codes to work. Could it be a problem with firefox 3 beta 5?

Sonny

toolbar {
-moz-appearance: none !important;
border: none !important;
}

photoflyer1

Thank you! Works perfectly.

Mo Husen

Thanks!
That makes my toolbar look better & slimmer.