UserChrome.css - Hiding SUBmenu options

[jmdemuth]

All:

I am familiar with the technique of using entries such as menu[label="file"] {display: none !important;} to hide an entire menu bar option in FireFox. But, let's say I want some of the FILE (or EDIT or VIEW, etc) menu options to be available, but not others.

Does anyone know what syntax I can use to accomplish this, or even if it's possible in userchrome.css?

Better yet, can anyone point me to a complete reference of just what I can do in userchrome.css?

Thanks in advance. BTW, this is for FF v1.0

[Old Bozz]

Firefox Help - Tips & Tricks is a good place to start. Look in your userchrome.css.example for some stuff. Check out this thread. Also learn how to use Dom Inspector. You need to do a 'custom' install to add this feature. There's still more you can do than what I've posted.

...and this is what I use:


/* Browser fonts */
menubar, menubutton, menulist, menu, menuitem, textbox,
toolbar, .tab-text, tree, tooltip, sidebarheader, statusbar
{ font-size: 9pt !important;
font-family: Times New Roman !important; }

/* Hide dropdown arrows in Back & Forward buttons */
#back-button .toolbarbutton-menubutton-dropmarker,
#forward-button .toolbarbutton-menubutton-dropmarker
{ display: none !important; }

/* Hide Find Toolbar */
#FindToolbar { display: none !important; }

/* Don't show tab icons */
.tab-icon { display: none !important; }

/* Change all tab properties */
tab {
-moz-appearance: none !important;
height: 18px !important;
max-height: 20px !important; }

/* Cosmetic effects to line everything up */
.tabs-closebutton {
padding: 1px !important; }

/* Hide the close button on the tab bar */
.tabbrowser-tabs > stack > .tabs-closebutton-box > .tabs-closebutton,
.tabbrowser-tabs > stack > .tabs-right,
.tabbrowser-tabs > hbox > .tabs-right {
display: none !important; }

/* Hide close button on tab bar and side bar */
.tabs-closebutton {
display: none !important; }

/* Menu bar activity */
menubar > menu {
color: #000000 !important;
height: 18px !important;
max-height: 22px !important; }

/* Resize urlbar and searchbar height */
#urlbar, #searchbar .searchbar-textbox { height: 19px; }

/* Slightly rounded address and search bar corners */
#urlbar {
-moz-appearance: none !important;
-moz-border-radius: 3px !important;
padding-right: 1px !important; }

#searchbar .searchbar-textbox {
-moz-appearance: none !important;
-moz-border-radius: 3px !important; }

/* Make the Search box flex wider */
#search-container, #searchbar {
width: 236px !important; }

/* Adds a little space between icon and text in the Search bar */
.searchbar-dropmarker
{ margin-right: 2px !important;
margin-left: 1px !important; }

/* Urlbar and searchbar background and text color */
#urlbar, #searchbar .searchbar-textbox{
background-color: #F6F6F6 !important;
color: #000000 !important; }

/* Resize Navigation Bar */
#navigator-toolbox toolbar { max-height: 26px !important; }
#navigator-toolbox toolbarbutton { padding: 0px !important; }

/* Change maximum width of bookmarks in menus - default is 26em */
menu.bookmark-item, menuitem.bookmark-item { max-width: 16em !important; }

/* Hide styleselector/switcher */
#page-theme-button[themes] { display: none !important; }

/* Status Bar Height */
#status-bar { max-height: 21px !important; }

/* Icon is too big when I put it up on the menu bar */
toolbarbutton.bookmark-item > .toolbarbutton-icon {
margin-top: -1px !important; }

/* Hide type ahead auto-complete drop down in Address bar */
#PopupAutoComplete, .autocomplete-tree { visibility: hidden !important;
display: none !important; }

/* Remove the drop down arrow in the Address bar */
.autocomplete-history-dropmarker {
display: none !important; }

/* Remove the drop arrow in the Search bar */
.searchbar-dropmarker-image {display: none !important;}

/* Remove Back/Forward drop-down arrows */
.toolbarbutton-menubutton-dropmarker { display: none !important; }

/* Stop blinking text */
blink { text-decoration: none ! important; }

/* Hide status bar icons */
statusbarpanel#security-button,
statusbarpanel#page-report-button,
statusbarpanel#page-theme-button,
statusbarpanel#statusbar-updates {
display: none !important; }

/* Remove orange RSS icon in status bar */
#livemark-button { display: none !important; }

/* Remove yellow shading in the urlbar */
#urlbar[level="high"] > .autocomplete-textbox-container,
#urlbar[level="low"] > .autocomplete-textbox-container,
#urlbar[level="broken"] > .autocomplete-textbox-container {
background-color: white !important; }

/* Sidebar background color and font */
#historyTree, #bookmarks-view tree{
-moz-appearance: none !important;
background-color: #F6F6F6 !important;
font-size: 9pt !important;
font-family: Times New Roman !important; }

sidebarheader { height: 23px !important; }

#sidebar-splitter { min-width: 0px !important;
max-width: 4px !important; }

#sidebar { min-width: 0px !important; }

/* Hide the Sidebar bookmarks Search box */
#bookmarksPanel > hbox { display:none; }

/* Hide bookmarks sidebar scrollbar..scrollable with mouse wheel */
#bookmarks-view, scrollbar[orient=vertical] { width: 0px !important; }

/* Remove the security-button from the status bar */
#urlbar .info-icon {
display:none !important; }

/* Remove the statusbar-progress panel from the status bar */
#statusbar-progresspanel {
display: none !important; }

/* Hide All Separators...except View>Toolbars>Bookmarks Toolbar(unknown) */
menuitem + menuseparator { display: none; }
menu + menuseparator { display: none !important; }

/* Hide "normal" bookmark icons in the bookmarks menu */
menuitem.bookmark-item > .menu-iconic-left {
display: none; }

/* Hide bookmark icons in the Personal Toolbar */
toolbarbutton.bookmark-item > .toolbarbutton-icon {
display: none; }

/* Hide icons for bookmark folders in Bookmarks menu */
menu.bookmark-item > .menu-iconic-left {
display: none; }

/* Hide icons for bookmark groups in Bookmarks menu */
menuitem.bookmark-group > .menu-iconic-left {
display: none; }

/* Remove Favicon placeholder in URL bar */
#page-proxy-deck {
display: none !important; }

/* Set max length for bookmark menu list */
menupopup, popup {
max-height: 700px !important; }


/* Hide Menus */
#navigator-toolbox menu[label="File"],
#navigator-toolbox menu[label="Go"],
#navigator-toolbox menu[label="Edit"],
#navigator-toolbox menu[label="View"],
#navigator-toolbox menu[label="Tools"],
#navigator-toolbox menu[label="Help"] { display: none !important; }

/* Hide Tools Menus */
menuitem[label="Web Search"],
menuitem[label="Downloads"],
menuitem[label="Themes"],
menuitem[label="Extensions"],
menuitem[label="Read Mail (0 new)"],
menuitem[label="New Message..."],
menuitem[label="DOM Inspector"],
menuitem[label="Page Info"] { display: none; }

/* Hide Bookmarks Menuitems */
menuitem[label="Add to Bookmarks..."],
menuitem[label="New Bookmark..."],
menuitem[label="New Separator"],
menuitem[label="Open in Tabs"] { display: none; }

menuitem[label="Open"],
menu[label="Mozilla Firefox & Mozilla Information"],
menu[label="Bookmarks Toolbar Folder"] { display: none !important; }

menupopup > menuitem[label="Bookmark This Page..."] {display: none !important;}


/* Hide Context Menuitems */
#context-back,
#context-forward,
#context-reload,
#context-stop,
#context-viewsource,
#context-openlink,
#context-openlinkintab,
#context-viewpartialsource-selection,
#context-selectall,
menuitem[label="View Background Image"],
menuitem[label="Reload Tab"],
menuitem[label="Reload All Tabs"],
menuitem[label="Close Tab"] { display: none !important; }

menuitem[label="Open"],
menuitem[label="Open in New Tab"],
menuitem[label="Expand"],
menuitem[label="Manage Folder"],
menuitem[label="New Folder..."],
menuitem[label="Show Only This Frame"],
menuitem[label="Open in New Window"],
menuitem[label="JavaScript Console"],
menuitem[label="Reload Frame"],
menuitem[label="Bookmark This Frame..."],
menuitem[label="Save Frame As..."],
menuitem[label="View Frame Source"],
menuitem[label="View Frame Info"],
menuitem[label="Open Frame in New Window"] { display: none; }

[jmdemuth]

Thanks much! The menuITEM thing was just what I was looking for.

[Raila]

Bozz? It looks like you have a set of redundant commands???

Code: Select all

/* Hide dropdown arrows in Back & Forward buttons */
#back-button .toolbarbutton-menubutton-dropmarker,
#forward-button .toolbarbutton-menubutton-dropmarker
{ display: none !important; }


and

Code: Select all

/* Remove Back/Forward drop-down arrows */
.toolbarbutton-menubutton-dropmarker { display: none !important; }


Why would you both hide and remove the same thing?

I did borrow a few things tho
I never noticed the yellow line thing in the address bar till I saw it fixed in yours!

[Old Bozz]

lol...after two years, you can get a little crossed up. Probably one of the codes worked in earlier builds and the other for later builds. Since I'm hiding both of those icons now anyway, which one would be the correct code of 1.0 to remove/hide(same thing actually) the dropdown just for reference to help with new users? This is a test for you.

Thanks for pointing this out.

[GameController]

bozz,

A very useful list. Thanks

[PhoneMan]

menuitem[label="Read Mail (0 new)"]

I found the following works better for me because it will hide the menu item no matter how many "new" there are.

Code: Select all

menuitem[command="Browser:ReadMail"] {display: none !important}

[Old RPGM35]

prob the wrong place but,
how can i make the search bar be at the top instead of the bottom?

[sheehan]

customize, then drag & drop. It is not a bar, just another element that can be moved to any of the toolbars.

[Old Bozz]

bozz,

A very useful list. Thanks

Thank you. Your welcome.

menuitem[label="Read Mail (0 new)"]

I found the following works better for me because it will hide the menu item no matter how many "new" there are.

Code: Select all

menuitem[command="Browser:ReadMail"] {display: none !important}

Good tip. Thanks.

[Old RPGM35]

customize, then drag & drop. It is not a bar, just another element that can be moved to any of the toolbars.

my bad, i ment the find bar >.>

[Raila]

Bozz?

Found how to hide ALL the Menuseparators

it was like
DUH when I found it lol

instead of this

Code: Select all

/* Hide All Separators...except View>Toolbars>Bookmarks Toolbar(unknown) */
menuitem + menuseparator { display: none; }
menu + menuseparator { display: none !important; }

change it to

Code: Select all

/* Removes majority of menu separators */
 menuseparator {
display: none;
}


lol

Has ANYONE figured out how to edit the Tabs Menu from TBE?

What they are called there?

[umfridus]

To hide individual menus, you may wanna give a try at the <a href="http://extensionroom.mozdev.org/more-info/compactmenu">Compact Menu</a> extension. Works just as well, if not better.

[Raila]

I have been thinking about that, however, I have the menus themselves hidden that I want hidden. I only wish I could figure out how to get the Bookmark menu to act like the menu itself, and be able to be a button with a dropdown menu, and NOT the sidebar :>

What I would like to do is hide individual menu entries, not the entire menu set that I have left :>

I USE those lol

[Orions_Stardom]

I have been thinking about that, however, I have the menus themselves hidden that I want hidden. I only wish I could figure out how to get the Bookmark menu to act like the menu itself, and be able to be a button with a dropdown menu, and NOT the sidebar :>

If I'm understanding what you're saying, you could try putting everything into a folder in the "Bookmarks Toolbar Folder".