stonewareslord/treestyletab
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Highlight pinned tabs by self.

Browse Source 
Because style rules of highlighted pinned tabs are changed on Australis and I cannot support both default styles...
This commit is contained in:
YUKI Hiroshi 2013-11-20 17:48:53 +09:00
parent b6bd876aff
commit c9e64fdd08
4 changed files with 54 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
skin/classic/treestyletab/metal/tab.css
View File

@ -87,13 +87,28 @@
.tab-background-end[selected="true"]) {
mask: none !important;
}
/* highlighted pinned tabs */
.tabbrowser-tabs[treestyletab-mode="vertical"]
.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) .tab-background {
background-image: radial-gradient(circle farthest-corner at 50% 3px,
ThreeDHighlight 3%,
Highlight 80%);
}
.tabbrowser-tabs[treestyletab-mode="vertical"]
.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover .tab-background {
background-image: radial-gradient(circle farthest-corner at 50% 3px,
ThreeDHighlight 3%,
Highlight 100%);
}
.tabbrowser-tabs[treestyletab-mode="vertical"]
:-moz-any(.tab-background-start[pinned][titlechanged],
.tab-background-end[pinned][titlechanged]) {
visibility: collapse !important;
}
.tabbrowser-tabs[treestyletab-mode="vertical"]
.tab-background {
.tab-background,
.tabbrowser-tabs[treestyletab-mode="vertical"]
.tab-background-middle {
margin: 0 !important;
}
.tabbrowser-tabs[treestyletab-mode="vertical"]

18
skin/classic/treestyletab/sidebar/sidebar.css
View File

@ -436,6 +436,10 @@ tabbrowser[treestyletab-mode="vertical"]
.tab-background-end[selected="true"]) {
background: transparent !important;
}
.tabbrowser-tabs[treestyletab-mode="vertical"]
.tab-background-middle {
margin: 0 !important;
}
.tabbrowser-tabs[treestyletab-mode="vertical"]
:-moz-any(.tab-background-start[pinned][titlechanged],
.tab-background-end[pinned][titlechanged]) {
@ -454,6 +458,20 @@ tabbrowser[treestyletab-mode="vertical"]
border: 0 none !important;
}
/* highlighted pinned tabs */
.tabbrowser-tabs[treestyletab-mode="vertical"]
.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) {
background-image: radial-gradient(circle farthest-corner at 50% 3px,
Highlight 3%,
rgba(255, 255, 255, 0) 80%);
}
.tabbrowser-tabs[treestyletab-mode="vertical"]
.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover {
background-image: radial-gradient(circle farthest-corner at 50% 3px,
Highlight 3%,
rgba(255, 255, 255, 0) 100%);
}
/* for Multiple Tab Handler */
.tabbrowser-tabs[treestyletab-mode="vertical"]

23
skin/classic/treestyletab/square/base.css
View File

@ -117,6 +117,21 @@
.tabbrowser-tab:not([pinned]):not([selected="true"]) {
background: -moz-dialog repeat-x !important;
}
/* highlighted pinned tabs */
.tabbrowser-tabs[treestyletab-mode="vertical"]
.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) {
background-image: radial-gradient(circle farthest-corner at 50% 3px,
Highlight 3%,
rgba(255, 255, 255, 0) 80%);
}
.tabbrowser-tabs[treestyletab-mode="vertical"]
.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover {
background-image: radial-gradient(circle farthest-corner at 50% 3px,
Highlight 3%,
rgba(255, 255, 255, 0) 100%);
}
.tabbrowser-tabs:not([treestyletab-tabbar-position="top"])
:-moz-any(.tabbrowser-tab[pinned]:not([titlechanged]),
.tabbrowser-tab[pinned]:not([titlechanged]):not([selected="true"]),
@ -136,8 +151,8 @@
/* for Mac OS X */
.tabbrowser-tabs[treestyletab-mode="vertical"]
:-moz-any(.tab-content:not([selected="true"]),
.tab-content[selected="true"]) {
:-moz-any(.tab-content:not([pinned="true"]):not([selected="true"]),
.tab-content:not([pinned="true"])[selected="true"]) {
border: 0 none !important;
background: transparent !important;
}
@ -166,7 +181,9 @@
visibility: collapse !important;
}
.tabbrowser-tabs[treestyletab-mode="vertical"]
.tab-background {
.tab-background,
.tabbrowser-tabs[treestyletab-mode="vertical"]
.tab-background-middle {
margin: 0 !important;
}
.tabbrowser-tabs[treestyletab-mode="vertical"]

1
skin/classic/treestyletab/ui.css
View File

@ -394,4 +394,3 @@ tabbrowser[treestyletab-tabbar-position="bottom"]
> .scrollbutton-down > * {
display: none;
}