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

* スタイル選択が機能しなくなっていた

Browse Source 
* マルチプルタブハンドラ用のスタイル指定

git-svn-id: http://www.cozmixng.org/repos/piro/treestyletab/trunk@6194 599a83e7-65a4-db11-8015-0010dcdd6dc2
This commit is contained in:
piro 2010-02-02 06:52:10 +00:00
parent 14228ee0d7
commit 4c7587925d
1 changed files with 47 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -12,7 +12,7 @@ WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
for the specific language governing rights and limitations under the for the specific language governing rights and limitations under the
License. License.
The Original Code is the Tree Style Tab. The Original Code is the SidebarStyleTab.
The Initial Developer of the Original Code is Philipp von Weitershausen. The Initial Developer of the Original Code is Philipp von Weitershausen.
Portions created by the Initial Developer are Copyright (C) 2010 Portions created by the Initial Developer are Copyright (C) 2010
@ -29,48 +29,48 @@ Contributor(s): Philipp von Weitershausen <philipp@weitershausen.de>
/* Unset bottom border, instead let's have a border on the right-hand /* Unset bottom border, instead let's have a border on the right-hand
side, much like the sidebar does. */ side, much like the sidebar does. */
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-strip { tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tabbrowser-strip {
border-top: 1px solid #404040; border-top: 1px solid #404040;
border-bottom: none !important; border-bottom: none !important;
} }
#main-window:not([active="true"]) #main-window:not([active="true"])
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-strip { tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tabbrowser-strip {
border-top: 1px solid #868686; border-top: 1px solid #868686;
} }
/* Background colour for the tree sidebar (light blue when window is /* Background colour for the tree sidebar (light blue when window is
active, grey otherwise) */ active, grey otherwise) */
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tabs { tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tabbrowser-tabs {
background: transparent !important; background: transparent !important;
background-color: #d4dde5 !important; background-color: #d4dde5 !important;
} }
#main-window:not([active="true"]) #main-window:not([active="true"])
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tabs { tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tabbrowser-tabs {
background-color: #e8e8e8 !important; background-color: #e8e8e8 !important;
} }
/* Don't display unnecessary clutter */ /* Don't display unnecessary clutter */
tabbrowser[treestyletab-mode="vertical"] .tabs-bottom, tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tabs-bottom,
tabbrowser[treestyletab-mode="vertical"] .tabs-left, tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tabs-left,
tabbrowser[treestyletab-mode="vertical"] .tab-text-shadow, tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tab-text-shadow,
tabbrowser[treestyletab-mode="vertical"] .treestyletab-splitter grippy { tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .treestyletab-splitter grippy {
display: none !important; display: none !important;
} }
/* Use the splitter to display the border of .tabbrowser-strip */ /* Use the splitter to display the border of .tabbrowser-strip */
tabbrowser[treestyletab-mode="vertical"] .treestyletab-splitter { tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .treestyletab-splitter {
width: 1px !important; width: 1px !important;
min-width: 1px !important; min-width: 1px !important;
background-image: none; background-image: none;
background-color: #404040; background-color: #404040;
} }
#main-window:not([active="true"]) #main-window:not([active="true"])
tabbrowser[treestyletab-mode="vertical"] .treestyletab-splitter { tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .treestyletab-splitter {
background-color: #868686; background-color: #868686;
} }
/* Style tabs themselves. Get rid of most of the initial XUL styling */ /* Style tabs themselves. Get rid of most of the initial XUL styling */
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab { tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tabbrowser-tab {
-moz-appearance: none !important; -moz-appearance: none !important;
background: transparent !important; background: transparent !important;
-moz-border-top-colors: none !important; -moz-border-top-colors: none !important;
@ -90,62 +90,62 @@ tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab {
border-top: 1px solid transparent !important; border-top: 1px solid transparent !important;
} }
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab[selected="true"] { tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tabbrowser-tab[selected="true"] {
border-top: 1px solid #94A1C0 !important; border-top: 1px solid #94A1C0 !important;
background: -moz-linear-gradient(top, #A0B0CF, #7386AB) repeat-x !important; background: -moz-linear-gradient(top, #A0B0CF, #7386AB) repeat-x !important;
} }
#main-window:not([active="true"]) #main-window:not([active="true"])
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab[selected="true"] { tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tabbrowser-tab[selected="true"] {
border-top: 1px solid #979797 !important; border-top: 1px solid #979797 !important;
background: -moz-linear-gradient(top, #B4B4B4, #8A8A8A) repeat-x !important; background: -moz-linear-gradient(top, #B4B4B4, #8A8A8A) repeat-x !important;
} }
/* Get the favicon and close button off the ground and towards the /* Get the favicon and close button off the ground and towards the
vertical center of the tab. */ vertical center of the tab. */
tabbrowser[treestyletab-mode="vertical"] .tab-icon-image, tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tab-icon-image,
tabbrowser[treestyletab-mode="vertical"] .tab-close-button { tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tab-close-button {
margin-bottom: 1px; margin-bottom: 1px;
} }
tabbrowser[treestyletab-mode="vertical"] .tab-close-button { tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tab-close-button {
margin-left: 3px; margin-left: 3px;
} }
tabbrowser[treestyletab-mode="vertical"] tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"]
.tab-close-button image { .tab-close-button image {
list-style-image: url("closetab.png"); list-style-image: url("closetab.png");
opacity: 0.27; /* turn black into #b9b9b9 */ opacity: 0.27; /* turn black into #b9b9b9 */
} }
tabbrowser[treestyletab-mode="vertical"] tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"]
.tab-close-button:active image { .tab-close-button:active image {
opacity: 0.46; /* turn black into #8a8a8a */ opacity: 0.46; /* turn black into #8a8a8a */
} }
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab[selected="true"] tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tabbrowser-tab[selected="true"]
.tab-close-button image { .tab-close-button image {
list-style-image: url("closetab-white.png"); list-style-image: url("closetab-white.png");
opacity: 1; opacity: 1;
} }
/* Always display the favicon at 100% opacity */ /* Always display the favicon at 100% opacity */
tabbrowser[treestyletab-mode="vertical"] tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"]
.tabbrowser-tab:not(:hover):not([selected="true"]) .tab-icon-image { .tabbrowser-tab:not(:hover):not([selected="true"]) .tab-icon-image {
opacity: 1.0 !important; opacity: 1.0 !important;
} }
tabbrowser[treestyletab-mode="vertical"] tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"]
.tabbrowser-tab:not(:hover):not([selected="true"]) > .tab-close-button { .tabbrowser-tab:not(:hover):not([selected="true"]) > .tab-close-button {
display: none !important; display: none !important;
} }
/* Tab label is without special decoration except when selected: then /* Tab label is without special decoration except when selected: then
the text is white and bold. */ the text is white and bold. */
tabbrowser[treestyletab-mode="vertical"] .tab-text { tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tab-text {
font-size: 11px; font-size: 11px;
font-weight: normal !important; font-weight: normal !important;
color: #000000 !important; color: #000000 !important;
text-shadow: none !important; text-shadow: none !important;
} }
tabbrowser[treestyletab-mode="vertical"] tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"]
.tabbrowser-tab[selected="true"] .tab-text { .tabbrowser-tab[selected="true"] .tab-text {
font-weight: bold !important; font-weight: bold !important;
color: #ffffff !important; color: #ffffff !important;
@ -154,33 +154,33 @@ tabbrowser[treestyletab-mode="vertical"]
/* Make the tab counter look like the bubbles in Mail.app et.al. */ /* Make the tab counter look like the bubbles in Mail.app et.al. */
tabbrowser[treestyletab-mode="vertical"] .treestyletab-counter-container { tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .treestyletab-counter-container {
padding: 0 6px !important; padding: 0 6px !important;
background-color: #91a0c0 !important; background-color: #91a0c0 !important;
-moz-border-radius: 8px !important; -moz-border-radius: 8px !important;
} }
tabbrowser[treestyletab-mode="vertical"] .treestyletab-counter { tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .treestyletab-counter {
color: #ffffff !important; color: #ffffff !important;
font-weight: bold !important; font-weight: bold !important;
text-shadow: none !important; text-shadow: none !important;
} }
tabbrowser[treestyletab-mode="vertical"] tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"]
.tabbrowser-tab[selected="true"] .treestyletab-counter-container { .tabbrowser-tab[selected="true"] .treestyletab-counter-container {
background-color: #ffffff !important; background-color: #ffffff !important;
} }
tabbrowser[treestyletab-mode="vertical"] tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"]
.tabbrowser-tab[selected="true"] .treestyletab-counter { .tabbrowser-tab[selected="true"] .treestyletab-counter {
color: #91a0c0 !important; color: #91a0c0 !important;
} }
#main-window:not([active="true"]) #main-window:not([active="true"])
tabbrowser[treestyletab-mode="vertical"] .treestyletab-counter-container { tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .treestyletab-counter-container {
background-color: #b5b5b5 !important; background-color: #b5b5b5 !important;
} }
#main-window:not([active="true"]) tabbrowser[treestyletab-mode="vertical"] #main-window:not([active="true"]) tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"]
.tabbrowser-tab[selected="true"] .treestyletab-counter-container { .tabbrowser-tab[selected="true"] .treestyletab-counter-container {
background-color: #ffffff !important; background-color: #ffffff !important;
} }
#main-window:not([active="true"]) tabbrowser[treestyletab-mode="vertical"] #main-window:not([active="true"]) tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"]
.tabbrowser-tab[selected="true"] .treestyletab-counter { .tabbrowser-tab[selected="true"] .treestyletab-counter {
color: #929292 !important; color: #929292 !important;
} }
@ -189,18 +189,19 @@ tabbrowser[treestyletab-mode="vertical"] .treestyletab-counter-container {
/* changed from original SidebarStyleTab */ /* changed from original SidebarStyleTab */
tabbrowser[treestyletab-mode="vertical"] tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"]
.tab-close-button image, .tab-close-button image,
tabbrowser[treestyletab-mode="vertical"] tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"]
.tab-close-button:active image, .tab-close-button:active image,
tabbrowser[treestyletab-mode="vertical"] tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"]
.tab-close-button:hover image, .tab-close-button:hover image,
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab[selected="true"] tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"]
.tab-close-button image { .tabbrowser-tab[selected="true"] .tab-close-button image {
-moz-image-region: auto !important; -moz-image-region: auto !important;
} }
tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tabbrowser-tabs { tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"]
.tabbrowser-tabs {
-moz-appearance: none !important; -moz-appearance: none !important;
} }
@ -215,3 +216,9 @@ tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"]
background: transparent !important; background: transparent !important;
border: 0 none !important; border: 0 none !important;
} }
/* for Multiple Tab Handler */
tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"]
.tabbrowser-tab:not(:hover):not([selected="true"])[multipletab-ready-to-close="true"] > .tab-close-button {
display: -moz-box !important;
}