自作自演

Sidebar Mix を入れてみた。 の続きみたいなもの。



そんな感じで、Sidebar Mix を userChrome.css を使ってカスタマイズしてみました。
Calc とダウンロードマネージャを表示させているタブのスクリーンショット。

ちょっと省略していますが、ソース。

@-moz-document url(chrome://sidebarmix/content/sidebarmix.xul){
tab{width:24px !important; min-width:24px !important;
  border-right:1px solid ThreeDShadow; padding:3px 0px 1px 0px !important;}
tab label{display:none !important;}
#tab1{list-style-image: url("sidebar_mix.png");}
#tab1{-moz-image-region: rect(16px 16px 32px 0px);}
#tab1[selected="true"]{-moz-image-region: rect(0 16px 16px 0px);}
}

適用範囲は Sidebar Mix の中だけに限定しています。
タブの大きさを変えて、文字を消して、アイコンを作って適用しました。

ついでに、拡張機能・テーママネージャをコンパクト化。

extension {margin:0px !important; padding:2px !important;}
extension * {margin:0px !important; padding:0px !important;}
extension > hbox > vbox {margin:3px !important;}
.extension-install-button-box{margin:0px !important;}


extension .extension-icon-stack image{
  width:16px !important; height:16px !important;}
extension[selected="true"] .extension-icon-stack image{


  width:32px !important; height:32px !important;}
extension[selected="true"] .extension-icon-stack .extension-badge{
  width:16px !important; height:16px !important;}


extension .extension-item-version{display:none !important;}
extension[selected="true"] .extension-item-version{
  display:inline !important;}


extension > hbox > vbox > hbox + hbox{display:none !important;}
extension[selected="true"] > hbox > vbox > hbox + hbox{
  display:inline !important;}


extension {height:20px !important;}
extension[selected="true"] {height:36px !important;}


@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xul?type=){
#commandBar button label, #getMore{display:none !important;}
#commandBar button image{padding:0px !important; margin:0px !important;}
#commandBar button {min-width:16px !important;}}
@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xul?type=themes){
#extensionsView{max-width:150px !important;}}