SmallStyle

_ userChrome.cssでOffice XP風に(3)

userChrome.cssでOffice XP風にしてみる第3回目．今回は右クリックで表示されるメニューなど細かい部分について．Launchyで任意のアプリケーションが動かないで掲載したスクリーンショットをみて，Launchyの部分がXP風になっていないことに気づく．あと，フレームを利用したページでも，フレームに関するメニューの部分がXP風でない…．中途半端なのも気に入らないので，このあたりの修正．

menuitem[_moz-menuactive="true"],
menupopup > menu:hover,
menupopup > menu[open="true"],
menuitem[open="true"],
#frame:hover,
#frame[open="true"],
menu[label="Launchy"]:hover,
menu[label="Launchy"][open="true"] {
border: 1px solid #6c6c6c !important;
           color: #000 !important;
           background-color: #d2d2d2 !important;
}

前回から修正した部分は，#frameの部分と，Launchyの部分．これで細かい部分もかなり見た目が統一されてきたかと思います．そうなるとほかの拡張も対応させていきたいところ．私がメインで使用している拡張でSageがありますが，このボタン部分も同じような感じにしてみます．

#pageSagePanel toolbarbutton:hover{
           border: 1px solid #6c6c6c !important;
           background-color: #d2d2d2 !important;
}

#pageSagePanel toolbarbutton[disabled="true"] {
           border: none !important;
           background-color: transparent !important;
}

私の環境ではSageくらいしか見た目を変える必要のある拡張はなかったのですが，他にも適用させたい場合は，DOM Inspectorでいろいろ探してみるとなんとかなるかと思います．