Commit | Line | Data |
---|---|---|
9099c61d RK |
1 | /* This Source Code Form is subject to the terms of the Mozilla Public |
2 | * License, v. 2.0. If a copy of the MPL was not distributed with this | |
3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ | |
351107c9 | 4 | |
5 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
6 | ||
b1e5c9b1 | 7 | /* ::::: sidebar container ::::: */ |
8 | ||
b1eaa419 | 9 | #sidebar-box { |
10 | border: none; | |
11 | } | |
12 | ||
13 | /* ::::: sidebar splitter ::::: */ | |
14 | ||
351107c9 | 15 | #sidebar-panels-splitter[state="collapsed"] { |
b1eaa419 | 16 | margin-bottom: 0px; |
17 | border-left: none; | |
18 | border-right: none; | |
351107c9 | 19 | } |
20 | ||
21 | #sidebar-splitter { | |
b1eaa419 | 22 | border-top: none; |
23 | border-bottom: none; | |
351107c9 | 24 | } |
25 | ||
26 | #sidebar-splitter[state="collapsed"] { | |
8caa872d | 27 | -moz-margin-start: 0px; |
b1eaa419 | 28 | } |
29 | ||
30 | /* ::::: sidebar header ::::: */ | |
31 | ||
32 | .sidebarheader-main { | |
33 | border: none; | |
34 | color: #FF9F00; | |
35 | background-color: #6000CF; | |
02920d2b RK |
36 | padding: 0px 2px; |
37 | -moz-padding-start: 4px; | |
3e7d9b4d | 38 | height: auto; |
351107c9 | 39 | } |
40 | ||
b1eaa419 | 41 | .sidebar-header-text { |
42 | font-weight: bold; | |
43 | } | |
44 | ||
45 | /* ..... close button ..... */ | |
351107c9 | 46 | |
b1eaa419 | 47 | #sidebar-close-button { |
48 | -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image"); | |
49 | padding: 3px; | |
50 | list-style-image: url("chrome://global/skin/icons/close-button.gif"); | |
51 | } | |
351107c9 | 52 | |
b1eaa419 | 53 | #sidebar-close-button:hover, |
54 | #sidebar-close-button:hover:active { | |
55 | list-style-image: url("chrome://global/skin/icons/close-button-hover.gif"); | |
56 | } | |
351107c9 | 57 | |
b1eaa419 | 58 | /* ..... panel picker button ..... */ |
351107c9 | 59 | |
60 | #sidebar-panel-picker { | |
02920d2b | 61 | padding: 3px 1px; |
b1eaa419 | 62 | } |
63 | ||
64 | /* ::::: sidebar panel ::::: */ | |
65 | ||
66 | .sidebar-iframe-no-panels, | |
67 | .loadarea { | |
68 | background-color: #000000; | |
69 | color: #FF9F00; | |
70 | } | |
71 | ||
a3b3d4d6 | 72 | .iframe-panel, .browser-sidebar { |
b1eaa419 | 73 | } |
74 | ||
75 | /* ::::: loading info ::::: */ | |
76 | ||
77 | .text-panel-loading { | |
78 | margin: 5px 0px; | |
79 | } | |
80 | ||
81 | .text-panel-loading[loading="false"] { | |
8caa872d | 82 | -moz-margin-start: 11px; |
b1eaa419 | 83 | } |
84 | ||
85 | .image-panel-loading { | |
86 | margin: 5px; | |
87 | list-style-image: url("chrome://global/skin/icons/loading.gif"); | |
88 | } | |
89 | ||
90 | /* ::::: sidebar tabs ::::: */ | |
91 | ||
92 | .box-texttab { | |
93 | -moz-binding: url("chrome://communicator/skin/sidebar/sidebarBindings.xml#sbtab"); | |
94 | cursor: pointer; | |
95 | border-top: 3px solid black; | |
96 | } | |
97 | ||
98 | .box-texttab > hbox { | |
569543b3 | 99 | border-radius: 5px; |
b1eaa419 | 100 | -moz-box-align: stretch; |
02920d2b | 101 | padding: 2px 0px; |
b1eaa419 | 102 | background-color: #FF9F00; |
103 | color: #000000; | |
104 | } | |
105 | ||
106 | .box-texttab[selected="true"] > hbox, | |
107 | .box-texttab[selected="true"]:hover > hbox, | |
108 | .box-texttab[selected="true"]:hover:active > hbox { | |
109 | background-color: #008484; | |
110 | color: #FFCF00; | |
111 | font-weight: bold; | |
112 | } | |
113 | ||
114 | .box-texttab[selected="true"], | |
115 | .box-texttab[selected="true"]:hover, | |
116 | .box-texttab[selected="true"]:hover:active { | |
117 | border-bottom: 3px solid black; | |
118 | } | |
119 | ||
120 | .box-texttab[last-panel="true"], | |
121 | .box-texttab[last-panel="true"]:hover, | |
122 | .box-texttab[last-panel="true"]:hover:active, | |
123 | .box-texttab[last-panel="true"][selected="true"], | |
124 | .box-texttab[last-panel="true"][selected="true"]:hover, | |
125 | .box-texttab[last-panel="true"][selected="true"]:hover:active { | |
126 | border-bottom: none; | |
127 | } | |
128 | ||
129 | .sbtab-label { | |
02920d2b | 130 | margin: 0px !important; |
b1eaa419 | 131 | } |
132 | ||
133 | .sbtab-twisty { | |
02920d2b | 134 | margin: 2px 3px 0px; |
b1eaa419 | 135 | list-style-image: url("chrome://global/skin/tree/twisty-closed-selected.gif"); |
136 | } | |
137 | ||
b1eaa419 | 138 | .box-texttab:hover > hbox, |
139 | .box-texttab:hover:active > hbox { | |
140 | background-color: #FFCF00; | |
141 | } | |
142 | ||
143 | .box-texttab[last-panel="true"], | |
144 | .box-texttab[selected="true"] { | |
145 | margin-bottom: 0px; | |
146 | } | |
147 | ||
148 | .sbtab-twisty[selected="true"] { | |
149 | list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); | |
150 | } | |
80916bc4 | 151 | |
152 | /* ::::: sidebar navigation buttons ::::: */ | |
153 | ||
154 | .sidebar-nav-button { | |
155 | -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image"); | |
02920d2b | 156 | padding: 5px 0px; |
80916bc4 | 157 | } |
158 | ||
159 | .tab-fwd { | |
160 | list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); | |
161 | } | |
162 | ||
163 | .tab-back { | |
164 | list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); | |
b1e5c9b1 | 165 | } |