a276b3157ffdbb1cad622b7623fbf56791925ed2
[themes.git] / LCARStrek / navigator / navigator.css
1 /* ***** BEGIN LICENSE BLOCK *****
2  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
3  *
4  * The contents of this file are subject to the Mozilla Public License Version
5  * 1.1 (the "License"); you may not use this file except in compliance with
6  * the License. You may obtain a copy of the License at
7  * http://www.mozilla.org/MPL/
8  *
9  * Software distributed under the License is distributed on an "AS IS" basis,
10  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
11  * for the specific language governing rights and limitations under the
12  * License.
13  *
14  * The Original Code is "Classic" theme of mozilla.org code.
15  *
16  * The Initial Developer of the Original Code is
17  * the Mozilla Organization.
18  * Portions created by the Initial Developer are Copyright (C) 1998-2001
19  * the Initial Developer. All Rights Reserved.
20  *
21  * Contributor(s):
22  *   Robert Kaiser <KaiRo@KaiRo.at>
23  *
24  * Alternatively, the contents of this file may be used under the terms of
25  * either the GNU General Public License Version 2 or later (the "GPL"), or
26  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
27  * in which case the provisions of the GPL or the LGPL are applicable instead
28  * of those above. If you wish to allow use of your version of this file only
29  * under the terms of either the GPL or the LGPL, and not to allow others to
30  * use your version of this file under the terms of the MPL, indicate your
31  * decision by deleting the provisions above and replace them with the notice
32  * and other provisions required by the GPL or the LGPL. If you do not delete
33  * the provisions above, a recipient may use your version of this file under
34  * the terms of any one of the MPL, the GPL or the LGPL.
35  *
36  * ***** END LICENSE BLOCK ***** */
37
38 /** Contains style definitions for the navigator application
39  **/
40
41 @import url("chrome://navigator/content/navigator.css");
42 @import url("chrome://communicator/skin/");
43 @import url("chrome://communicator/skin/bookmarks/bookmarksToolbar.css");
44
45 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
46
47 /********** resource bundle binding **********/
48
49 /* ::::: primary toolbar buttons ::::: */
50
51 #back-button {
52   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
53   -moz-image-region: rect(42px 25px 63px 0px);
54 }
55
56 #back-button:hover,
57 #back-button:hover:active,
58 #back-button[open="true"] {
59   -moz-image-region: rect(42px 72px 63px 50px);
60 }
61
62 #back-button[disabled="true"] {
63   -moz-image-region: rect(42px 50px 63px 25px) !important;
64 }
65
66 #forward-button {
67   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
68   -moz-image-region: rect(63px 25px 84px 0px);
69 }
70
71 #forward-button:hover,
72 #forward-button:hover:active,
73 #forward-button[open="true"] {
74   -moz-image-region: rect(63px 75px 84px 50px);
75 }
76
77 #forward-button[disabled="true"] {
78   -moz-image-region: rect(63px 50px 84px 25px) !important;
79 }
80
81 #reload-button {
82   list-style-image: url("chrome://navigator/skin/icons/reload.gif");
83 }
84
85 #reload-button:hover,
86 #reload-button:hover:active {
87   list-style-image: url("chrome://navigator/skin/icons/reload-hover.gif");
88 }
89
90 #reload-button[disabled="true"] {
91   list-style-image: url("chrome://navigator/skin/icons/reload-disabled.gif") !important;
92 }
93
94 #stop-button {
95   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
96   -moz-image-region: rect(21px 25px 42px 0px);
97 }
98
99 #stop-button:hover,
100 #stop-button:hover:active {
101   -moz-image-region: rect(21px 75px 42px 50px);
102 }
103
104 #stop-button[disabled="true"] {
105   -moz-image-region: rect(21px 50px 42px 25px) !important;
106 }
107
108 #print-button {
109   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
110   -moz-image-region: rect(0px 25px 21px 0px);
111 }
112
113 #print-button:hover,
114 #print-button:hover:active,
115 #print-button[open="true"] {
116   -moz-image-region: rect(0px 75px 21px 50px);
117 }
118
119 #print-button[disabled="true"] {
120   -moz-image-region: rect(0px 50px 21px 25px) !important;
121 }
122
123 #clear-button {
124   list-style-image: url("chrome://global/skin/icons/close-button.gif");
125 }
126
127 #clear-button:hover {
128   list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
129 }
130
131 /* Hides text below the above buttons */
132 /*
133 .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-text,
134 .toolbarbutton-1 > .toolbarbutton-text {
135   display: none;
136 }
137 */
138
139 #fullscreen-exit-button {
140   list-style-image: none;
141 }
142
143 #fullscreen-exit-button > .toolbarbutton-text {
144 /*   display: normal; */
145 }
146
147 /* ::::: small primary toolbar buttons ::::: */
148
149 .toolbarbutton-text[toolbarmode="small"] {
150   display: none;
151 }
152
153 .toolbarbutton-icon[toolbarmode="small"] {
154   display: inline;
155 }
156
157 #nav-bar[mode="text"] > #nav-bar-inner,
158 #nav-bar[mode="icons"] > #nav-bar-inner,
159 #nav-bar[toolbarmode="small"] > #nav-bar-inner {
160   margin: 2px 0px 2px 6px;
161 }
162
163 toolbar[toolbarmode="small"] > toolbargrippy {
164 /*  display: none; */
165 }
166
167 /* ::::: fullscreen window controls ::::: */
168
169 #window-controls {
170   -moz-box-align: center;
171   padding: 0 3px 0 1px;
172   border-left: 3px solid #000000;
173 }
174
175 #window-controls > toolbarbutton {
176   padding: 2px 0px 2px 2px;
177 }
178
179 #minimize-button {
180   list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
181 }
182
183 #minimize-button:hover {
184   list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif");
185 }
186
187 #restore-button {
188   list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
189 }
190
191 #restore-button:hover {
192   list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif");
193 }
194
195 #close-button {
196   list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
197 }
198
199 #close-button:hover {
200   list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
201 }
202
203 /* ::::: nav-bar-inner ::::: */
204
205 #nav-bar-inner {
206   padding-left: 0px;
207   min-width: 0px;
208   margin: 6px 4px 7px 4px;
209 }
210
211 #urlbar {
212   outline: none;
213   border: 1px solid #9C9CFF;
214   background-color: #000000;
215   margin: 0px 7px 0px 0px;
216 }
217
218 #urlbar[level="high"] > .autocomplete-textbox-container,
219 #urlbar[level="low"] > .autocomplete-textbox-container {
220   background-color: #FFCF00;
221   color: #000000;
222 }
223
224 /* ::::: page proxy icon ::::: */
225
226 #page-proxy-deck,
227 #page-proxy-favicon,
228 #page-proxy-button {
229   width: 16px;
230   height: 16px;
231 }
232
233 #page-proxy-deck {
234   cursor: -moz-grab;
235   margin: 1px 1px 1px 2px;
236 }
237
238 #page-proxy-button {
239   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
240   padding-top: 2px;
241   padding-bottom: 2px;
242 }
243
244 #page-proxy-favicon {
245   list-style-image: none;
246 }
247
248 /* ::::: autocomplete ::::: */
249
250 .autocomplete-treebody::-moz-tree-cell-text(value) {
251   padding-left: 13px;
252 }
253
254 .autocomplete-treebody::-moz-tree-cell-text(comment) {
255   color: #E7ADE7;
256 /*  font-style: italic; */
257 }
258
259 .autocomplete-search-box {
260   border-top: 1px solid #FF9F00;
261   background-color: #9C9CFF;
262   color: #000000;
263 }
264
265 .autocomplete-result-popup[nomatch] > .autocomplete-search-box {
266   border-top: 1px solid #9C9CFF;
267 }
268
269 .autocomplete-search-engine {
270   padding: 2px;
271 }
272
273 .autocomplete-search-engine[menuactive="true"] {
274   background-color: #008484;
275   color: #FFCF00;
276 }
277
278 .autocomplete-search-engine-img {
279   margin-right: 4px;
280 }
281
282 .autocomplete-history-dropmarker:hover {
283   background-color: #FFCF00;
284 }
285
286 .autocomplete-history-dropmarker:hover:active,
287 .autocomplete-history-dropmarker[open="true"] {
288   background-color: #FF9F00;
289 }
290
291 /* ::::: go and searchbuttons ::::: */
292
293 #search-button,
294 #go-button {
295   margin: 1px 3px 1px 0px;
296 /*  min-height: 25px; */
297   font-weight: bold;
298   background-color: #000000;
299 }
300
301 #search-button:hover,
302 #go-button:hover {
303   background-color: #FFCF00;
304 }
305
306 #search-button {
307 /*  list-style-image: url("chrome://communicator/skin/icons/search.gif"); */
308   font-weight: bold;
309 }
310
311 /* ::::: throbber ::::: */
312
313 #throbber-box {
314   -moz-margin-start: 2px;
315 }
316
317 /* ::::: security button ::::: */
318
319 #security-button {
320   list-style-image:url("chrome://communicator/skin/icons/lock-insecure.gif");
321   -moz-margin-start: 2px;
322 }
323
324 /* |high| and |low| styles could be different, to better reflect the secure level... */
325 #security-button[level="high"],
326 #security-button[level="low"] {
327   list-style-image:url("chrome://communicator/skin/icons/lock-secure.gif");
328 }
329
330 #security-button[level="broken"] {
331   list-style-image:url("chrome://communicator/skin/icons/lock-broken.gif");
332 }
333
334 #popupIcon {
335   list-style-image:url("chrome://navigator/skin/icons/popup-blocked.gif");
336 }
337
338 /* ::::: personal toolbar ::::: */
339
340 #bookmarks-button {
341   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
342 }
343
344 #bookmarks-button[open="true"] {
345   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
346 }
347
348 #home-button {
349   list-style-image: url("chrome://communicator/skin/bookmarks/home.gif");
350 }
351
352 #bookmarks-chevron {
353   list-style-image: url("chrome://navigator/skin/icons/chevron.gif") !important;
354   margin-right: 2px;
355 }
356
357 #bookmarks-chevron:hover,
358 #bookmarks-chevron[open="true"] {
359   list-style-image: url("chrome://navigator/skin/icons/chevron-hover.gif") !important;
360 }
361
362 #bookmarks-chevron > .toolbarbutton-menu-dropmarker {
363   display: none;
364 }
365
366 /* ::::: feeds ::::: */
367
368 #feedsMenu {
369   list-style-image: url("chrome://navigator/skin/linkButtons/feeds.png") !important;
370   -moz-image-region: rect(0px 16px 16px 0px);
371 }
372
373 #feedsMenu[disabled="true"] {
374   -moz-image-region: rect(32px 16px 48px 0px);
375 }
376
377 #feedsButton {
378   list-style-image: url("chrome://navigator/skin/linkButtons/feeds.png");
379   -moz-image-region: rect(0px 32px 16px 16px);
380 }
381
382 #feedsButton:hover {
383   -moz-image-region: rect(16px 32px 32px 16px);
384 }
385
386 #feedsButton:hover:active {
387   -moz-image-region: rect(48px 32px 64px 16px);
388 }