Firefox > 拡張 > Stylish

Top > Firefox > 拡張 > Stylish
最終更新日:2015年03月28日 (土) 13時11分28秒
2015/03/28 「AutoPagerizeの区切り線」「未選択タブの文字色をビビットピンク(#FF3399)に変更する」を追加
2015/03/27 「ロケーションバーと検索バーのフォントサイズを大きくする」を追加
2015/03/25 「開いているタブの総数を表示する」を追加
2015/03/24 「メニューボタンを左端に移動する」「Flickrページ上部のYahoo!ナビゲーションバーを非表示にする」を追加
2015/03/23 「タブのサイズを変更する」「未読タブの不透明度を変更する」を追加
2015/03/15 「ツールバーボタンをカラフルにする」を追加
+ 過去の簡易履歴
2014/04/30 「デフォルトテーマの色(タイトルバー・文字色)や不透明度を変更する(Fx29~)」を追加
2012/07/12 「訪問済みリンクの色&画像の枠線の色を変更する」を追加
2012/07/01 「CSSテーマを変更する」を追加
2012/05/27 color & statusbarを追加
2012/05/27 「ステータスポップアップを常に右側に表示する」を追加
2012/05/27 「AutoPagerizeの継ぎ足し線を変更」のリンクを更新
2012/05/27 一部のユーザースタイルを削除
2011/12/06 Firefox本体に適用 - 基本スタイルを修正


Firefox本体に適用

デフォルトテーマの色(タイトルバー・文字色)や不透明度を変更する(Fx29~)

Fx29以降のAustralisUIに対応している

メニューアイコンを追加する


ツールバーボタンをカラフルにする


ステータスポップアップを見やすくする


ステータスポップアップを常に右側に表示する

statuspanel { left: auto !important; right: 0 !important; } 

テキスト選択時の背景色をライトブルーに変更する

視認性が向上する。インストール後に文字色も変更する(黒など)と良いかも。
(例)
*::-moz-selection {
 background: #a8d1ff !important; 
 color: #000000 !important;
}

タブのサイズを変更する


未読タブの不透明度を変更する

opacityの値を0~1の間で調整する
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.tabbrowser-tab[pending]:not([pinned]) {
 opacity: 0.6 !important;
}

メニューボタンを左端に移動する


開いているタブの総数を表示する


ロケーションバーと検索バーのフォントサイズを大きくする


未選択タブの文字色をビビットピンク(#FF3399)に変更する

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
.tabbrowser-tab:not([selected]) {
 color: #FF3399 !important;
 text-shadow: 0px 0px 5px rgba(0,173,238,.75) !important;
}

アドオン別に適用

DownThemAll!の外観を変更


サイト全般に適用

AutoPagerizeの継ぎ足し線を変更


AutoPagerizeの区切り線


CSSテーマを変更する

myfavolours - global custom color scheme (背景色:濃い灰色)


Midnight Surfing Alternative (背景色:黒)


Liqube Day - new (背景色:薄い灰色)


訪問済みリンクの色&画像の枠線の色を変更する

+ 拡張「Visited」の丸コピペ
img:hover {
            opacity: 0.8;
}
a img {
            border: 1px solid lightGray !important;
}
a:visited img {
            border: 1px solid purple !important;
}
a:visited {
            color: purple !important;
}
a:visited > * {
            color: purple !important;
}
+ 現在の私的スタイル_20120717版
@namespace url(http://www.w3.org/1999/xhtml);
/* サイト全般に適用 */
a img {
            border: 2px solid lightGray !important;
}
a:visited img {
            border: 2px solid purple !important;
}
a:hover img {
            border: 2px solid #FF3399 !important;
}
a:visited {
            color: purple !important;
}
a:visited > * {
            color: purple !important;
}
a:hover {
            color: #FF3399 !important;
            text-decoration: underline !important;
}

/* コムショップで画像のボーダー無効化 */
@-moz-document domain("comshop.ne.jp") {
    a img {
            border: none !important;
    }
    a:visited img {
            border: none !important;
    }
    a:hover img {
            border: none !important;
    }
}

サイト別 - Flickr

ページ上部のYahoo!ナビゲーションバーを非表示にする


最終更新:2015年03月28日 13:11