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;
}






関連記事
プロフィール

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

全記事表示リンク

全ての記事を表示する

カテゴリ
検索フォーム