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





関連記事
プロフィール

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

全記事表示リンク

全ての記事を表示する

カテゴリ
検索フォーム