Mozilla Firefoxのテーマ Opera 7 Style for Firefox
Opera 7 Style for Firefox は、Opera 7 から Opera 7.23 までの青く美しい Standard Skin (Pål Syvertsen, Flott Altså によるデザイン) を Mozilla Firefox のテーマとして移植したものです。
Opera 7 Style for Firefox is Firefox Theme that transplanted blue, beautiful Standard Skin (Design of Pål Syvertsen, Flott Altså.) of Opera7 (Opera 7 - 7.23).
現在リリースされている Mozilla Firefox 1.0.x 用のテーマとなります。
現在リリースされている Firefox 1.5.0.x 用のテーマです。
Opera 7 Style for Firefox は userChrome.css への追記で一部デザインに変更を加えることが可能です。
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */元となる userChrome-example.css に以上の行があると思われますが、この行より上に追記することでデザインの変更が適用されます。以下は一例。
/*
* Do not remove the @namespace line -- it's required for correct functioning
*/
/* Mostly Crystal */
@import url("chrome://global/skin/subskin/pinstripes.css");
@import url("chrome://global/skin/subskin/dropmarker.css");
/* Opera 7 Style for Firefox */
@import url("chrome://browser/skin/subskins/popup1.css");
@import url("chrome://browser/skin/subskins/livemarks2.css");
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ブックマークアイコンは、初期の状態で Opera 7 にて既読済みを現す緑色のアイコンを使用していますが、これを未読状態の赤いブックマークアイコンに変更します。
@import url("chrome://browser/skin/subskins/unvisited.css");
Opera 7 Style for Firefox では Go ボタンに画像が表示されていますが、元となった Opera のスキンではボタン画像が表示されていません。Opera に近しい表示にしたい場合は以下を記述ください。
@import url("chrome://browser/skin/subskins/go_search.css");/* ::::: Go and Search button ::::: */
#go-button,
#search-button {
margin: 2px 4px !important;
}
#go-button > .toolbarbutton-icon,
#search-button > .toolbarbutton-icon {
display: none !important;
}
#go-button > .toolbarbutton-text,
#search-button > .toolbarbutton-text {
margin: 0px !important;
}chrome://browser/skin/subskins/go_search.css の内容は以上になっています。片方だけ表示させたいという場合は、userChrome.css に必要に応じて削った内容を入れてください。
コンテキストメニュー (右クリックメニュー) 等のポップアップは、初期状態では Windows 互換となる 2px のボーダー (枠線) となっています。
これを Firefox 0.8 までのテーマであった Qute 互換である 1px の、もしくは Qute の最新版、Qute 3 互換であるボーダー (枠線) へ変更します。
低スペックの場合は体感速度が向上するかもしれません。2px のボーダーは 1px のものと比べて、非常に微妙ながら処理に時間がかかります。シンプルで汎用的な記述なので、他のテーマにも流用が効くはずです。
@import url("chrome://browser/skin/subskins/popup1.css");
/* ::::: popup 1 (Qute 2) ::::: */
menupopup,
popup {
border: 1px solid !important;
-moz-border-left-colors: ThreeDHighlight !important;
-moz-border-top-colors: ThreeDHighlight !important;
-moz-border-right-colors: ThreeDShadow !important;
-moz-border-bottom-colors: ThreeDShadow !important;
}@import url("chrome://browser/skin/subskins/popup2.css");
/* ::::: popup 2 (Qute 3) ::::: */
menupopup,
popup {
border: 1px solid !important;
-moz-border-left-colors: ThreeDShadow !important;
-moz-border-top-colors: ThreeDShadow !important;
-moz-border-right-colors: ThreeDShadow !important;
-moz-border-bottom-colors: ThreeDShadow !important;
}