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; | |
351107c9 | 38 | } |
39 | ||
b1eaa419 | 40 | .sidebar-header-text { |
41 | font-weight: bold; | |
42 | } | |
43 | ||
44 | /* ..... close button ..... */ | |
351107c9 | 45 | |
b1eaa419 | 46 | #sidebar-close-button { |
47 | -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image"); | |
48 | padding: 3px; | |
49 | list-style-image: url("chrome://global/skin/icons/close-button.gif"); | |
50 | } | |
351107c9 | 51 | |
b1eaa419 | 52 | #sidebar-close-button:hover, |
53 | #sidebar-close-button:hover:active { | |
54 | list-style-image: url("chrome://global/skin/icons/close-button-hover.gif"); | |
55 | } | |
351107c9 | 56 | |
b1eaa419 | 57 | /* ..... panel picker button ..... */ |
351107c9 | 58 | |
59 | #sidebar-panel-picker { | |
02920d2b | 60 | padding: 3px 1px; |
b1eaa419 | 61 | } |
62 | ||
63 | /* ::::: sidebar panel ::::: */ | |
64 | ||
65 | .sidebar-iframe-no-panels, | |
66 | .loadarea { | |
67 | background-color: #000000; | |
68 | color: #FF9F00; | |
69 | } | |
70 | ||
a3b3d4d6 | 71 | .iframe-panel, .browser-sidebar { |
b1eaa419 | 72 | } |
73 | ||
74 | /* ::::: loading info ::::: */ | |
75 | ||
76 | .text-panel-loading { | |
77 | margin: 5px 0px; | |
78 | } | |
79 | ||
80 | .text-panel-loading[loading="false"] { | |
8caa872d | 81 | -moz-margin-start: 11px; |
b1eaa419 | 82 | } |
83 | ||
84 | .image-panel-loading { | |
85 | margin: 5px; | |
86 | list-style-image: url("chrome://global/skin/icons/loading.gif"); | |
87 | } | |
88 | ||
89 | /* ::::: sidebar tabs ::::: */ | |
90 | ||
91 | .box-texttab { | |
92 | -moz-binding: url("chrome://communicator/skin/sidebar/sidebarBindings.xml#sbtab"); | |
93 | cursor: pointer; | |
94 | border-top: 3px solid black; | |
95 | } | |
96 | ||
97 | .box-texttab > hbox { | |
569543b3 | 98 | border-radius: 5px; |
b1eaa419 | 99 | -moz-box-align: stretch; |
02920d2b | 100 | padding: 2px 0px; |
b1eaa419 | 101 | background-color: #FF9F00; |
102 | color: #000000; | |
103 | } | |
104 | ||
105 | .box-texttab[selected="true"] > hbox, | |
106 | .box-texttab[selected="true"]:hover > hbox, | |
107 | .box-texttab[selected="true"]:hover:active > hbox { | |
108 | background-color: #008484; | |
109 | color: #FFCF00; | |
110 | font-weight: bold; | |
111 | } | |
112 | ||
113 | .box-texttab[selected="true"], | |
114 | .box-texttab[selected="true"]:hover, | |
115 | .box-texttab[selected="true"]:hover:active { | |
116 | border-bottom: 3px solid black; | |
117 | } | |
118 | ||
119 | .box-texttab[last-panel="true"], | |
120 | .box-texttab[last-panel="true"]:hover, | |
121 | .box-texttab[last-panel="true"]:hover:active, | |
122 | .box-texttab[last-panel="true"][selected="true"], | |
123 | .box-texttab[last-panel="true"][selected="true"]:hover, | |
124 | .box-texttab[last-panel="true"][selected="true"]:hover:active { | |
125 | border-bottom: none; | |
126 | } | |
127 | ||
128 | .sbtab-label { | |
02920d2b | 129 | margin: 0px !important; |
b1eaa419 | 130 | } |
131 | ||
132 | .sbtab-twisty { | |
02920d2b | 133 | margin: 2px 3px 0px; |
b1eaa419 | 134 | list-style-image: url("chrome://global/skin/tree/twisty-closed-selected.gif"); |
135 | } | |
136 | ||
b1eaa419 | 137 | .box-texttab:hover > hbox, |
138 | .box-texttab:hover:active > hbox { | |
139 | background-color: #FFCF00; | |
140 | } | |
141 | ||
142 | .box-texttab[last-panel="true"], | |
143 | .box-texttab[selected="true"] { | |
144 | margin-bottom: 0px; | |
145 | } | |
146 | ||
147 | .sbtab-twisty[selected="true"] { | |
148 | list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); | |
149 | } | |
80916bc4 | 150 | |
151 | /* ::::: sidebar navigation buttons ::::: */ | |
152 | ||
153 | .sidebar-nav-button { | |
154 | -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image"); | |
02920d2b | 155 | padding: 5px 0px; |
80916bc4 | 156 | } |
157 | ||
158 | .tab-fwd { | |
159 | list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); | |
160 | } | |
161 | ||
162 | .tab-back { | |
163 | list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); | |
b1e5c9b1 | 164 | } |