Firefox and removing borders

edited June 2007 in userstyles.org
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... Image Hosted by ImageShack.us

Comments

  • menubar, toolbox, toolbar, textbox {border-style: none !important; }
  • edited June 2007
    Deleted... I didn't read your question properly
  • @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #navigator-toolbox *,#navigator-toolbox, menubar, toolbox, toolbar, textbox {border-style: none !important; }
  • Nope, that doesn't work.
  • I don't think it's a toolbox line. I think (!) it's the tabbar - i see it in some themes and not others.
  • edited June 2007
    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?
  • #navigator-toolbox > toolbar { border-style: none !important; }
  • edited June 2007
    That removes the wrong line (one I've already removed).
  • edited June 2007
    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)
  • 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
    screenshot
  • I haven't been able to get any of these codes to work. Could it be a problem with firefox 3 beta 5?
  • toolbar {
    -moz-appearance: none !important;
    border: none !important;
    }
  • Thank you! Works perfectly.
  • Thanks!
    That makes my toolbar look better & slimmer.
Sign In or Register to comment.