From 4c7587925d685a85a332736d5ae0e292f759ca24 Mon Sep 17 00:00:00 2001 From: piro Date: Tue, 2 Feb 2010 06:52:10 +0000 Subject: [PATCH] =?UTF-8?q?*=20=E3=82=B9=E3=82=BF=E3=82=A4=E3=83=AB?= =?UTF-8?q?=E9=81=B8=E6=8A=9E=E3=81=8C=E6=A9=9F=E8=83=BD=E3=81=97=E3=81=AA?= =?UTF-8?q?=E3=81=8F=E3=81=AA=E3=81=A3=E3=81=A6=E3=81=84=E3=81=9F=20*=20?= =?UTF-8?q?=E3=83=9E=E3=83=AB=E3=83=81=E3=83=97=E3=83=AB=E3=82=BF=E3=83=96?= =?UTF-8?q?=E3=83=8F=E3=83=B3=E3=83=89=E3=83=A9=E7=94=A8=E3=81=AE=E3=82=B9?= =?UTF-8?q?=E3=82=BF=E3=82=A4=E3=83=AB=E6=8C=87=E5=AE=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit git-svn-id: http://www.cozmixng.org/repos/piro/treestyletab/trunk@6194 599a83e7-65a4-db11-8015-0010dcdd6dc2 --- skin/classic/treestyletab/sidebar/sidebar.css | 87 ++++++++++--------- 1 file changed, 47 insertions(+), 40 deletions(-) diff --git a/skin/classic/treestyletab/sidebar/sidebar.css b/skin/classic/treestyletab/sidebar/sidebar.css index 33ec419f..faa9883f 100644 --- a/skin/classic/treestyletab/sidebar/sidebar.css +++ b/skin/classic/treestyletab/sidebar/sidebar.css @@ -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 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. Portions created by the Initial Developer are Copyright (C) 2010 @@ -29,48 +29,48 @@ Contributor(s): Philipp von Weitershausen /* Unset bottom border, instead let's have a border on the right-hand 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-bottom: none !important; } #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; } /* Background colour for the tree sidebar (light blue when window is active, grey otherwise) */ -tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tabs { +tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tabbrowser-tabs { background: transparent !important; background-color: #d4dde5 !important; } #main-window:not([active="true"]) -tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tabs { +tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tabbrowser-tabs { background-color: #e8e8e8 !important; } /* Don't display unnecessary clutter */ -tabbrowser[treestyletab-mode="vertical"] .tabs-bottom, -tabbrowser[treestyletab-mode="vertical"] .tabs-left, -tabbrowser[treestyletab-mode="vertical"] .tab-text-shadow, -tabbrowser[treestyletab-mode="vertical"] .treestyletab-splitter grippy { +tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tabs-bottom, +tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tabs-left, +tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tab-text-shadow, +tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .treestyletab-splitter grippy { display: none !important; } /* 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; min-width: 1px !important; background-image: none; background-color: #404040; } #main-window:not([active="true"]) -tabbrowser[treestyletab-mode="vertical"] .treestyletab-splitter { +tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .treestyletab-splitter { background-color: #868686; } /* 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; background: transparent !important; -moz-border-top-colors: none !important; @@ -90,62 +90,62 @@ tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab { 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; background: -moz-linear-gradient(top, #A0B0CF, #7386AB) repeat-x !important; } #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; background: -moz-linear-gradient(top, #B4B4B4, #8A8A8A) repeat-x !important; } /* Get the favicon and close button off the ground and towards the vertical center of the tab. */ -tabbrowser[treestyletab-mode="vertical"] .tab-icon-image, -tabbrowser[treestyletab-mode="vertical"] .tab-close-button { +tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tab-icon-image, +tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tab-close-button { margin-bottom: 1px; } -tabbrowser[treestyletab-mode="vertical"] .tab-close-button { +tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tab-close-button { margin-left: 3px; } -tabbrowser[treestyletab-mode="vertical"] +tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tab-close-button image { list-style-image: url("closetab.png"); opacity: 0.27; /* turn black into #b9b9b9 */ } -tabbrowser[treestyletab-mode="vertical"] +tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tab-close-button:active image { 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 { list-style-image: url("closetab-white.png"); opacity: 1; } /* 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 { 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 { display: none !important; } /* Tab label is without special decoration except when selected: then 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-weight: normal !important; color: #000000 !important; text-shadow: none !important; } -tabbrowser[treestyletab-mode="vertical"] +tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tabbrowser-tab[selected="true"] .tab-text { font-weight: bold !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. */ -tabbrowser[treestyletab-mode="vertical"] .treestyletab-counter-container { +tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .treestyletab-counter-container { padding: 0 6px !important; background-color: #91a0c0 !important; -moz-border-radius: 8px !important; } -tabbrowser[treestyletab-mode="vertical"] .treestyletab-counter { +tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .treestyletab-counter { color: #ffffff !important; font-weight: bold !important; text-shadow: none !important; } -tabbrowser[treestyletab-mode="vertical"] +tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tabbrowser-tab[selected="true"] .treestyletab-counter-container { background-color: #ffffff !important; } -tabbrowser[treestyletab-mode="vertical"] +tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tabbrowser-tab[selected="true"] .treestyletab-counter { color: #91a0c0 !important; } #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; } -#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 { 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 { color: #929292 !important; } @@ -189,18 +189,19 @@ tabbrowser[treestyletab-mode="vertical"] .treestyletab-counter-container { /* changed from original SidebarStyleTab */ -tabbrowser[treestyletab-mode="vertical"] -.tab-close-button image, -tabbrowser[treestyletab-mode="vertical"] -.tab-close-button:active image, -tabbrowser[treestyletab-mode="vertical"] -.tab-close-button:hover image, -tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab[selected="true"] -.tab-close-button image { +tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] + .tab-close-button image, +tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] + .tab-close-button:active image, +tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] + .tab-close-button:hover image, +tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] + .tabbrowser-tab[selected="true"] .tab-close-button image { -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; } @@ -215,3 +216,9 @@ tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] background: transparent !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; +}