Firefox25 で "ツリーアイテム選択色変更スタイル" を使う


Firefox25( 22?)以降 ブックマークツリーアイテムのデザインが変更されたため
 
ツリーアイテム選択色変更用スタイル
 
  ・ブックマークツリーのアイテム選択色を変更
  ・ブックマークツリーのアイテム選択色変更(2) [バグあり]
 
が使えなくなっていたので それに対応させました..

※ スタイル適用後、更新しない場合 一度 ブックマークサイドバーを閉じてください..
※ 追加(01/18):マウスhover時の文字色変更(適当な色に変えてください)
※ 修正(02/01):ScrapBookに影響していた部分の修正
※ 追加(07/04):ドラッグ先フォルダ(選択状態)の背景
※ 修正(07/04):角丸タイプじゃないのに角丸になっていた部分の修正(確認ミス)




ブックマークツリーのアイテム選択色を変更 〚 Firefox25 対応 〛


/*-----------------------------------------------------*/

/* サイドバーのタイトルを表示しない */
#sidebar-box sidebarheader {display: none !important;}

/* ブックマークサイドバーの検索を表示しない */
#bookmarksPanel > hbox {display: none !important;}

/*-----------------------------------------------------*/
/* ::: 上、必要ない人は、ここから下をコピーして下さい ::: */

/* ブックマークサイドバーの背景色を設定 */
#bookmarks-view {
background-color: #FFFFF3 !important;
}

/*-----------------------------------------------------*/

#bookmarksPanel treechildren::-moz-tree-row(selected) {
background-color: #E7EDF6 !important;
}
/* 選択行全体 */
/* アクティブ状態で、選択状態のアイテム */
#bookmarksPanel treechildren::-moz-tree-row(selected,focus) {
background-color: #6FB7FF !important;
}

/*-----------------------------------------------------*/

/* 非アクティブ状態で、選択状態のテキスト */
#bookmarksPanel treechildren::-moz-tree-cell-text(selected) {
color: black !important;
background-color: #E7EDF6 !important;
}

/* アクティブ状態で、選択状態のテキスト */
#bookmarksPanel treechildren::-moz-tree-cell-text(selected,focus) {
color: white !important;/*白抜き文字*/
background-color: #6FB7FF !important;
}

/*-----------------------------------------------------*/

/* ドラッグ先フォルダ */
#bookmarksPanel treechildren::-moz-tree-row(dropOn) {
background-color: #FFC251 !important;
}

#bookmarksPanel treechildren::-moz-tree-cell-text(dropOn) {
color: white !important;/* 白抜き文字 */
}

/* 最上位 ・ブックマークツールバー ・ブックマークメニュー
・未整理のブックマークフォルダ */
#bookmarksPanel treechildren::-moz-tree-cell-text(primary,dropOn) {
border-color: transparent !important;
background-color: transparent !important;
}

/*-----------------------------------------------------*/

#bookmarksPanel treechildren::-moz-tree-drop-feedback {
background-color: #FF0000 !important;
width: 80px !important;
height: 3px !important;/* デフォルトは2pxゴミが気になるときは元へ */
margin-left: -9px !important;
}

/*-----------------------------------------------------*/

/* セパレーター */
/*#bookmarksPanel treechildren::-moz-tree-separator {
border-top-color: ThreeDShadow !important;
border-bottom-color: ThreeDHighlight !important;
}*/

/*============= ここから追加 =============*/

#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(current,focus),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected,focus),
#bookmarksPanel treechildren::-moz-tree-row(dropOn),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected,current,focus),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover,current),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover,selected) {
-moz-border-bottom-colors: transparent !important;
-moz-border-left-colors: transparent !important;
-moz-border-right-colors: transparent !important;
-moz-border-top-colors: transparent !important;
border-radius: 0px !important;
}

#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(current,focus),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected,focus),
#bookmarksPanel treechildren::-moz-tree-row(dropOn),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover,current,focus),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover,current),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover,selected) {
background-image: none !important;
}

#bookmarksPanel treechildren::-moz-tree-cell-text(selected,focus) {
border-style: none !important;
border-radius: 0 !important;
}
#bookmarksPanel treechildren::-moz-tree-row(hover) {
background-color: #93C9FF !important;
}

#bookmarksPanel treechildren::-moz-tree-cell-text(hover,selected),
#bookmarksPanel treechildren::-moz-tree-row(hover,selected) {
background-color: #6FB7FF !important;
}

/* 追加 01.18 */
/*#bookmarksPanel treechildren::-moz-tree-cell-text(hover) {
color: white !important;
}
*/

/* 追加 07.04 */
#bookmarksPanel treechildren::-moz-tree-row(dropOn,selected) {
background-color: #FFC251 !important;
}






ブックマークツリーのアイテム選択色変更(2) 〚 Firefox25 対応 〛


/*-----------------------------------------------------*/

/* サイドバーのタイトルを表示しない */
#sidebar-box sidebarheader {display: none !important;}

/* ブックマークサイドバーの検索を表示しない */
#bookmarksPanel > hbox {display: none !important;}

/*-----------------------------------------------------*/
/* ::: 上、必要ない人は、ここから下をコピーして下さい ::: */

/* ブックマークサイドバーの背景色を設定 */
#bookmarks-view {
background-color: #FFFFF3 !important;
}

/*-----------------------------------------------------*/
/* 選択行全体 */
/* 非アクティブ状態で、選択状態のアイテム */
#bookmarksPanel treechildren::-moz-tree-row(selected) {
background-color: #E2EAF4 !important;
}

/* アクティブ状態で、選択状態のアイテム */
#bookmarksPanel treechildren::-moz-tree-row(selected,focus) {
border-color: transparent !important;
background-color: transparent !important;
}

/*-----------------------------------------------------*/

/* 非アクティブ状態で、選択状態のテキスト */
#bookmarksPanel treechildren::-moz-tree-cell-text(selected) {
color: black !important;
background-color: #E2EAF4 !important;
}

/* アクティブ状態で、選択状態のテキスト */
#bookmarksPanel treechildren::-moz-tree-cell-text(hover,selected),
#bookmarksPanel treechildren::-moz-tree-cell-text(selected,focus) {
color: white !important;/*白抜き文字*/
background-color: #3399FF !important;
margin: -1px -2px 0px -2px !important;/*上右下左*/
padding: 0px 1px 0px 1px !important;
border-radius: 0 !important;
}
/*-----------------------------------------------------*/

/* ドラッグ先フォルダ */
#bookmarksPanel treechildren::-moz-tree-row(dropOn) {
background-color: #FFC251 !important;
}

#bookmarksPanel treechildren::-moz-tree-cell-text(dropOn) {
color: white !important;/*白抜き文字*/
}

/* 最上位 ・ブックマークツールバー ・ブックマークメニュー
・未整理のブックマークフォルダ */
#bookmarksPanel treechildren::-moz-tree-cell-text(primary,dropOn) {
border-color: transparent !important;
background-color: transparent !important;
}

/*-----------------------------------------------------*/

#bookmarksPanel treechildren::-moz-tree-drop-feedback {
background-color: #FF0000 !important;
width: 70px !important;
height: 2px !important;
margin-left: -2px !important;
}

/*-----------------------------------------------------*/

/* セパレーター */
/*#bookmarksPanel treechildren::-moz-tree-separator {
border-top-color: ThreeDShadow !important;
border-bottom-color: ThreeDHighlight !important;
}*/

/*-----------------------------------------------------*/

#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(current,focus),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected,focus),
#bookmarksPanel treechildren::-moz-tree-row(dropOn),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected,current,focus),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover,current),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover,selected) {
-moz-border-bottom-colors: transparent !important;
-moz-border-left-colors: transparent !important;
-moz-border-right-colors: transparent !important;
-moz-border-top-colors: transparent !important;
border-radius: 0px !important;
}

#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(current,focus),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected,focus),
#bookmarksPanel treechildren::-moz-tree-row(dropOn),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover,current,focus),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover,current),
#bookmarksPanel treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover,selected) {
background-image: none !important;
}

#bookmarksPanel treechildren::-moz-tree-cell-text(selected,focus) {
border-style: none !important;
border-radius: 0 !important;
}

#bookmarksPanel treechildren::-moz-tree-row(hover) {
background-color: #93C9FF !important;
}

#bookmarksPanel treechildren::-moz-tree-row(hover,selected) {
background-color: transparent !important;
}

#bookmarksPanel treechildren::-moz-tree-separator(hover,current,selected) {
border-top-color: #4F4F4F !important;
border-bottom-color: #C8C8C8 !important;
}

/* 追加 01.18 */
/*#bookmarksPanel treechildren::-moz-tree-cell-text(hover) {
color: white !important;
}
*/

/* 追加 07.04 */
#bookmarksPanel treechildren::-moz-tree-row(dropOn,selected) {
background-color: #FFC251 !important;
}






関連記事

Firefox25 更新で ブックマークツリー デザインが...


Firefox25(22?いつからだったか忘)から ブックマークツリーアイテムデザインが
Windows標準の それになり
 
  ・ブックマークツリーのアイテム選択色を変更
  ・ブックマークツリーのアイテム選択色変更(2)
 
が使えなくなくなりました。

Firebug調査してみたら..
 
1040行目以降が それの関連部分らしいです。
 
なので、カスタマイズしたい人は ここいらを いじくればいいかも...
  
追記:「ブックマークツリーのアイテム選択色変更」スタイル

Firefox25でも使えるように修正しました。


treechildren:not(.autocomplete-treebody)::-moz-tree-row {
-moz-outline-radius-bottomleft: 3px;
-moz-outline-radius-bottomright: 3px;
-moz-outline-radius-topleft: 3px;
-moz-outline-radius-topright: 3px;
background-repeat: no-repeat;
background-size: 100% 100%;
border-bottom-color: transparent;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-width: 2px;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-left-color-value: transparent;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-width-value: 2px;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-right-color-value: transparent;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-width-value: 2px;
border-top-color: transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-top-width: 2px;
color: -moz-fieldtext;
height: 1.8em;
margin-end-value: 1px;
margin-left-ltr-source: logical;
margin-left-rtl-source: logical;
margin-right-ltr-source: logical;
margin-right-rtl-source: logical;
margin-start-value: 1px;
}
treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) {
-moz-border-bottom-colors: #D9D9D9 rgba(255, 255, 255, 0.6);
-moz-border-left-colors: #D9D9D9 rgba(255, 255, 255, 0.4);
-moz-border-right-colors: #D9D9D9 rgba(255, 255, 255, 0.4);
-moz-border-top-colors: #D9D9D9 rgba(255, 255, 255, 0.4);
background-color: transparent;
background-image: linear-gradient(rgba(190, 190, 190, 0.1), rgba(190, 190, 190, 0.4));
outline-color: rgba(255, 255, 255, 0.4);
outline-style: solid;
outline-width: 1px;
}
treechildren:not(.autocomplete-treebody)::-moz-tree-row(current,focus) {
-moz-border-bottom-colors: #7DA2CE rgba(255, 255, 255, 0.6);
-moz-border-left-colors: #7DA2CE rgba(255, 255, 255, 0.4);
-moz-border-right-colors: #7DA2CE rgba(255, 255, 255, 0.4);
-moz-border-top-colors: #7DA2CE rgba(255, 255, 255, 0.4);
border-bottom-style: solid;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-style-value: solid;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-style-value: solid;
border-top-style: solid;
outline-color: rgba(255, 255, 255, 0.4);
outline-style: solid;
outline-width: 1px;
}
treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected,focus), treechildren::-moz-tree-row(dropOn) {
-moz-border-bottom-colors: #84ACDD rgba(255, 255, 255, 0.6);
-moz-border-left-colors: #84ACDD rgba(255, 255, 255, 0.4);
-moz-border-right-colors: #84ACDD rgba(255, 255, 255, 0.4);
-moz-border-top-colors: #84ACDD rgba(255, 255, 255, 0.4);
background-color: transparent;
background-image: linear-gradient(rgba(131, 183, 249, 0.16), rgba(131, 183, 249, 0.376));
}
treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected,current,focus) {
-moz-border-bottom-colors: #7DA2CE rgba(255, 255, 255, 0.6);
-moz-border-left-colors: #7DA2CE rgba(255, 255, 255, 0.4);
-moz-border-right-colors: #7DA2CE rgba(255, 255, 255, 0.4);
-moz-border-top-colors: #7DA2CE rgba(255, 255, 255, 0.4);
background-image: linear-gradient(rgba(131, 183, 249, 0.28), rgba(131, 183, 249, 0.5));
border-bottom-style: solid;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-style-value: solid;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-style-value: solid;
border-top-style: solid;
}
treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover) {
-moz-border-bottom-colors: #B8D6FB rgba(255, 255, 255, 0.6);
-moz-border-left-colors: #B8D6FB rgba(255, 255, 255, 0.4);
-moz-border-right-colors: #B8D6FB rgba(255, 255, 255, 0.4);
-moz-border-top-colors: #B8D6FB rgba(255, 255, 255, 0.4);
background-image: linear-gradient(rgba(131, 183, 249, 0.05), rgba(131, 183, 249, 0.16));
outline-color: rgba(255, 255, 255, 0.4);
outline-style: solid;
outline-width: 1px;
}
treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover,current) {
-moz-border-bottom-colors: #7DA2CE rgba(255, 255, 255, 0.6);
-moz-border-left-colors: #7DA2CE rgba(255, 255, 255, 0.4);
-moz-border-right-colors: #7DA2CE rgba(255, 255, 255, 0.4);
-moz-border-top-colors: #7DA2CE rgba(255, 255, 255, 0.4);
background-image: linear-gradient(rgba(131, 183, 249, 0.05), rgba(131, 183, 249, 0.16));
}
treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover,selected) {
-moz-border-bottom-colors: #7DA2CE rgba(255, 255, 255, 0.6);
-moz-border-left-colors: #7DA2CE rgba(255, 255, 255, 0.4);
-moz-border-right-colors: #7DA2CE rgba(255, 255, 255, 0.4);
-moz-border-top-colors: #7DA2CE rgba(255, 255, 255, 0.4);
background-image: linear-gradient(rgba(131, 183, 249, 0.28), rgba(131, 183, 249, 0.5));
}
tree[disabled="true"] > treechildren::-moz-tree-row {
-moz-border-bottom-colors: transparent;
-moz-border-left-colors: transparent;
-moz-border-right-colors: transparent;
-moz-border-top-colors: transparent;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
}
treechildren::-moz-tree-cell(dropOn) {
background-color: transparent;
background-image: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text {
background-color: transparent;
border-bottom-color: transparent;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-left-color-value: transparent;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-right-color-value: transparent;
border-top-color: transparent;
padding-bottom: initial;
}
treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text(selected,focus) {
color: -moz-dialogtext;
}
treechildren:not(.autocomplete-treebody)::-moz-tree-row {
-moz-outline-radius-bottomleft: 0;
-moz-outline-radius-bottomright: 0;
-moz-outline-radius-topleft: 0;
-moz-outline-radius-topright: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-width: 1px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-width-value: 1px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-width-value: 1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top-width: 1px;
}
treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) {
background-image: linear-gradient(rgba(190, 190, 190, 0.4), rgba(190, 190, 190, 0.4));
}
treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected,focus), treechildren::-moz-tree-row(dropOn) {
background-image: linear-gradient(rgba(131, 183, 249, 0.376), rgba(131, 183, 249, 0.376));
}
treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected,current,focus) {
background-image: linear-gradient(rgba(131, 183, 249, 0.5), rgba(131, 183, 249, 0.5));
}
treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover) {
background-image: linear-gradient(rgba(131, 183, 249, 0.16), rgba(131, 183, 249, 0.16));
}
treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover,current) {
background-image: linear-gradient(rgba(131, 183, 249, 0.16), rgba(131, 183, 249, 0.16));
}
treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover,selected) {
background-image: linear-gradient(rgba(131, 183, 249, 0.5), rgba(131, 183, 249, 0.5));
}





関連記事

Firefox tree.css を いじくる


※ 自分用メモです..

「tree.css」 がほしいときは、

ロケーションバーに『 chrome://browser/content/browser.xul 』を入力して、
 
ブラウザの中にブラウザを開く。


chrome://browser/content/browser.xul

 
  ffbs01s.png

  ffbs02as.png

ブックマークをサイドバーに表示

  gtuuts.png

Firebug調査

  ffbs02gs.png

■ tree.css を開く

  ffbs03as.png

  ffbs04as.png




関連記事

起動時 HDDが "チャリーン チャリーン" いいだした...


起動時にHDDが "チャリーン チャリーン" 言い出し
 
黒い画面で停止
 
"チャリーン チャリーン"が止まりそうにないので 強制終了
 
以後 フツーに起動できてますが..
 
これって おわりのはじまり?....


 


関連記事

詰め替え インク カートリッジ の保存方法(勝手に想像)


勝手に想像した オレ流なので 参考程度にしといてください..




インク室を完全密閉



■ 通気溝をセロテープ等で仮シールし、しばらく保存します..
 
  senn05s.jpg

■ この間にスポンジの 毛細管力・○○力 が回復します..
 
  catop01_Rs.jpg

アルミホイル で包み 保存。(横にしないで)
上の様に 満タン状態で保存すると 熱膨張で空気口からインク漏れします !!
さらには インク室インク注入口からインク漏れすることも..
 
  senn07s.jpg

■ インク漏れさせたくない方は ↓のようにインク量をほどほどに..
 
  catop02.jpg

 


□ 適当な時期がきたら…

■ ホルダーをはずし スポンジ室 の余分なインクを抜きます..
 
  gggfjyt s○○○○○○catop102.jpg

■ 通気溝を完全シールします..
 
  senn06s.jpg




アルミホイル で包み 密閉ケース・袋に入れ 保存
 
  senn07s.jpg  senn08s.jpg




使用前に シールをはがし 放置テストをします..
これでインク室が密閉されているか 確認できるはず..?
  完全に密閉されていないと 使用中にインク漏れを起こし 最悪 プリンターを破壊します !
 
  gggfjyt s○○○○○○yfuktds.jpg




■ 使用の際は 通気溝を完全に塞がないようシールします..
 
  senn05s.jpg  hdgiogi.jpg




※ 以上の情報を実践する場合は、自己責任でお願いします。

関連記事
プロフィール

Author:zubolla
  
あ~
めんどくちゃい めんどくちゃい

全記事表示リンク

全ての記事を表示する

カテゴリ
検索フォーム