@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
*|*.textbox-input:-moz-placeholder { color:transparent !important; }
*|*.textbox-input:-moz-placeholder:hover { color:transparent !important; }
/*tabs*/
#TabsToolbar {
background: #444 !important;
}
.tabbrowser-tab[selected="true"] {
background: #222 !important;
font-family: "Verdana" !important;
font-size: 10px !important;
color: white !important;
font-weight: normal !important;
border: none !important;
border-radius: 0 !important;
padding-left: 5px !important;
padding-right: 5px !important;
}
.tabbrowser-tab:not([selected="true"]) {
background: #444 !important;
font-family: "Verdana" !important;
font-size: 8px !important;
color: white !important;
font-weight: normal !important;
border: none !important;
border-radius: 0 !important;
padding-left: 5px !important;
padding-right: 5px !important;
}
.tab-close-button {
display: none !important;
}
.tabs-newtab-button {
display: none !important;
border: none !important;
margin: 0 !important;
}
* {
font-family: "DejaVu Sans";
}
If you wish to tweak more UI elements, see http://kb.mozillazine.org/Dev_:_Firefox_Chrome_URLs
]]>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#addonbar-closebutton {
visibility: collapse !important;
}
#bookmarks-menu-button > .toolbarbutton-text {
display: none !important;
}
First block just removes the X from the addon bar (probably don't need that any more, I think pentadactyl does the same thing). The second block removes the text from the bookmarks button, because it takes up a ridiculous amount of space, and I know that the book icon contains bookmarks.
]]>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
*|*.textbox-input:-moz-placeholder { color:transparent !important; }
*|*.textbox-input:-moz-placeholder:hover { color:transparent !important; }
/*tabs*/
#TabsToolbar { background: #444 !important; }
.tabbrowser-tab[selected="true"] { background: #222 !important; font-family: "Verdana" !important; font-size: 10px !important; color: white !important; font-weight: normal !important; border: none !important; padding-left: 5px !important; padding-right: 5px !important; }
.tabbrowser-tab:not([selected="true"]) { background: #444 !important; font-family: "Verdana" !important; font-size: 8px !important; color: white !important; font-weight: normal !important; border: none !important; padding-left: 5px !important; padding-right: 5px !important; }
.tabs-newtab-button: { display: none !important; }
* {
font-family: "DejaVu Sans";
}
If anyone could also show me how to square the tabs and have a border that doesn't look like crap I'd appreciate it
]]>