enlarge the urlbar radius to fit better with the buttons around it
[themes.git] / LCARStrek / navigator / navigator.css
CommitLineData
351107c9 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
3d6dd546 38/** Contains style definitions for the navigator application
351107c9 39 **/
40
b1eaa419 41@import url("chrome://navigator/content/navigator.css");
42@import url("chrome://communicator/skin/");
b1eaa419 43@import url("chrome://communicator/skin/bookmarks/bookmarksToolbar.css");
351107c9 44
45@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
46
47/********** resource bundle binding **********/
48
b1eaa419 49/* ::::: primary toolbar buttons ::::: */
351107c9 50
b1eaa419 51#back-button {
e10e7add
RK
52 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
53 -moz-image-region: rect(42px 25px 63px 0px);
b1eaa419 54}
351107c9 55
56#back-button:hover,
242fc635 57#back-button:hover:active,
b1eaa419 58#back-button[open="true"] {
e10e7add 59 -moz-image-region: rect(42px 72px 63px 50px);
b1eaa419 60}
61
62#back-button[disabled="true"] {
e10e7add 63 -moz-image-region: rect(42px 50px 63px 25px) !important;
b1eaa419 64}
65
66#forward-button {
e10e7add
RK
67 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
68 -moz-image-region: rect(63px 25px 84px 0px);
b1eaa419 69}
351107c9 70
71#forward-button:hover,
242fc635 72#forward-button:hover:active,
b1eaa419 73#forward-button[open="true"] {
e10e7add 74 -moz-image-region: rect(63px 75px 84px 50px);
b1eaa419 75}
351107c9 76
b1eaa419 77#forward-button[disabled="true"] {
e10e7add 78 -moz-image-region: rect(63px 50px 84px 25px) !important;
b1eaa419 79}
80
81#reload-button {
82 list-style-image: url("chrome://navigator/skin/icons/reload.gif");
83}
351107c9 84
85#reload-button:hover,
b1eaa419 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 {
e10e7add
RK
95 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
96 -moz-image-region: rect(21px 25px 42px 0px);
b1eaa419 97}
351107c9 98
99#stop-button:hover,
b1eaa419 100#stop-button:hover:active {
e10e7add 101 -moz-image-region: rect(21px 75px 42px 50px);
3d6dd546 102}
351107c9 103
b1eaa419 104#stop-button[disabled="true"] {
e10e7add 105 -moz-image-region: rect(21px 50px 42px 25px) !important;
3d6dd546 106}
b1eaa419 107
108#print-button {
e10e7add
RK
109 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
110 -moz-image-region: rect(0px 25px 21px 0px);
b1eaa419 111}
351107c9 112
113#print-button:hover,
242fc635 114#print-button:hover:active,
b1eaa419 115#print-button[open="true"] {
e10e7add 116 -moz-image-region: rect(0px 75px 21px 50px);
b1eaa419 117}
118
119#print-button[disabled="true"] {
e10e7add 120 -moz-image-region: rect(0px 50px 21px 25px) !important;
b1eaa419 121}
351107c9 122
b1e5c9b1 123#clear-button {
124 list-style-image: url("chrome://global/skin/icons/close-button.gif");
125}
126
61290d60 127#clear-button:hover {
128 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
129}
130
351107c9 131/* Hides text below the above buttons */
dc8e1207 132/*
b1eaa419 133.toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-text,
134.toolbarbutton-1 > .toolbarbutton-text {
351107c9 135 display: none;
136}
dc8e1207 137*/
351107c9 138
b1eaa419 139#fullscreen-exit-button {
140 list-style-image: none;
141}
142
143#fullscreen-exit-button > .toolbarbutton-text {
3d6dd546 144/* display: normal; */
b1eaa419 145}
146
80916bc4 147/* ::::: small primary toolbar buttons ::::: */
148
dc8e1207 149.toolbarbutton-text[toolbarmode="small"] {
150 display: none;
80916bc4 151}
152
dc8e1207 153.toolbarbutton-icon[toolbarmode="small"] {
154 display: inline;
80916bc4 155}
156
e10e7add
RK
157#nav-bar[mode="text"] > #nav-bar-inner,
158#nav-bar[mode="icons"] > #nav-bar-inner,
80916bc4 159#nav-bar[toolbarmode="small"] > #nav-bar-inner {
e20d243c 160 margin: 2px 0px 2px 6px;
80916bc4 161}
162
e20d243c 163toolbar[toolbarmode="small"] > toolbargrippy {
164/* display: none; */
80916bc4 165}
166
167/* ::::: fullscreen window controls ::::: */
168
169#window-controls {
170 -moz-box-align: center;
e20d243c 171 padding: 0 3px 0 1px;
172 border-left: 3px solid #000000;
173}
174
175#window-controls > toolbarbutton {
176 padding: 2px 0px 2px 2px;
80916bc4 177}
178
179#minimize-button {
180 list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
181}
182
e20d243c 183#minimize-button:hover {
184 list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif");
185}
186
80916bc4 187#restore-button {
188 list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
189}
190
e20d243c 191#restore-button:hover {
192 list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif");
193}
194
80916bc4 195#close-button {
196 list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
197}
198
e20d243c 199#close-button:hover {
200 list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
201}
202
b1eaa419 203/* ::::: nav-bar-inner ::::: */
204
205#nav-bar-inner {
206 padding-left: 0px;
207 min-width: 0px;
3d6dd546 208 margin: 6px 4px 7px 4px;
b1eaa419 209}
210
211#urlbar {
7c6f4fb9 212 -moz-border-radius: 5px;
e10e7add
RK
213 outline: none;
214 border: 1px solid #9C9CFF;
b1eaa419 215 background-color: #000000;
216 margin: 0px 7px 0px 0px;
217}
218
d84b9613 219#urlbar[level="high"] > .autocomplete-textbox-container,
220#urlbar[level="low"] > .autocomplete-textbox-container {
221 background-color: #FFCF00;
222 color: #000000;
223}
224
b1eaa419 225/* ::::: page proxy icon ::::: */
3d6dd546 226
b1eaa419 227#page-proxy-deck,
228#page-proxy-favicon,
229#page-proxy-button {
230 width: 16px;
231 height: 16px;
232}
351107c9 233
234#page-proxy-deck {
d2f0d128 235 cursor: -moz-grab;
b1eaa419 236 margin: 1px 1px 1px 2px;
3d6dd546 237}
351107c9 238
b1eaa419 239#page-proxy-button {
3d6dd546 240 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
b1eaa419 241 padding-top: 2px;
242 padding-bottom: 2px;
3d6dd546 243}
244
b1eaa419 245#page-proxy-favicon {
246 list-style-image: none;
3d6dd546 247}
351107c9 248
b1eaa419 249/* ::::: autocomplete ::::: */
250
01fc5c11 251.autocomplete-treebody::-moz-tree-cell-text(value) {
b1eaa419 252 padding-left: 13px;
253}
254
01fc5c11 255.autocomplete-treebody::-moz-tree-cell-text(comment) {
b1eaa419 256 color: #E7ADE7;
257/* font-style: italic; */
351107c9 258}
259
b1eaa419 260.autocomplete-search-box {
261 border-top: 1px solid #FF9F00;
262 background-color: #9C9CFF;
263 color: #000000;
3d6dd546 264}
351107c9 265
b1eaa419 266.autocomplete-result-popup[nomatch] > .autocomplete-search-box {
267 border-top: 1px solid #9C9CFF;
351107c9 268}
351107c9 269
b1eaa419 270.autocomplete-search-engine {
271 padding: 2px;
3d6dd546 272}
351107c9 273
b1eaa419 274.autocomplete-search-engine[menuactive="true"] {
275 background-color: #008484;
276 color: #FFCF00;
3d6dd546 277}
351107c9 278
b1eaa419 279.autocomplete-search-engine-img {
280 margin-right: 4px;
281}
282
f8bb6584
RK
283.autocomplete-history-dropmarker:hover {
284 background-color: #FFCF00;
285}
286
287.autocomplete-history-dropmarker:hover:active,
288.autocomplete-history-dropmarker[open="true"] {
289 background-color: #FF9F00;
290}
291
b1eaa419 292/* ::::: go and searchbuttons ::::: */
293
3d6dd546 294#search-button,
351107c9 295#go-button {
61290d60 296 margin: 1px 3px 1px 0px;
b1eaa419 297/* min-height: 25px; */
298 font-weight: bold;
299 background-color: #000000;
351107c9 300}
301
3d6dd546 302#search-button:hover,
351107c9 303#go-button:hover {
b1eaa419 304 background-color: #FFCF00;
351107c9 305}
306
b1eaa419 307#search-button {
308/* list-style-image: url("chrome://communicator/skin/icons/search.gif"); */
309 font-weight: bold;
310}
351107c9 311
31e46317
RK
312/* ::::: throbber ::::: */
313
314#throbber-box {
315 -moz-margin-start: 2px;
316}
317
dc8e1207 318/* ::::: security button ::::: */
351107c9 319
dc8e1207 320#security-button {
321 list-style-image:url("chrome://communicator/skin/icons/lock-insecure.gif");
31e46317 322 -moz-margin-start: 2px;
b1eaa419 323}
351107c9 324
57d23eae 325/* |high| and |low| styles could be different, to better reflect the secure level... */
326#security-button[level="high"],
dc8e1207 327#security-button[level="low"] {
328 list-style-image:url("chrome://communicator/skin/icons/lock-secure.gif");
329}
330
331#security-button[level="broken"] {
332 list-style-image:url("chrome://communicator/skin/icons/lock-broken.gif");
b1eaa419 333}
351107c9 334
a3b3d4d6 335#popupIcon {
336 list-style-image:url("chrome://navigator/skin/icons/popup-blocked.gif");
337}
338
dc8e1207 339/* ::::: personal toolbar ::::: */
351107c9 340
dc8e1207 341#bookmarks-button {
342 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
b1eaa419 343}
351107c9 344
dc8e1207 345#bookmarks-button[open="true"] {
346 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
b1eaa419 347}
351107c9 348
dc8e1207 349#home-button {
350 list-style-image: url("chrome://communicator/skin/bookmarks/home.gif");
b1eaa419 351}
ac1cdf20 352
e10e7add
RK
353#bookmarks-chevron {
354 list-style-image: url("chrome://navigator/skin/icons/chevron.gif") !important;
ac1cdf20 355 margin-right: 2px;
356}
357
e10e7add
RK
358#bookmarks-chevron:hover,
359#bookmarks-chevron[open="true"] {
360 list-style-image: url("chrome://navigator/skin/icons/chevron-hover.gif") !important;
ac1cdf20 361}
362
e10e7add 363#bookmarks-chevron > .toolbarbutton-menu-dropmarker {
ac1cdf20 364 display: none;
365}
e10e7add
RK
366
367/* ::::: feeds ::::: */
368
369#feedsMenu {
370 list-style-image: url("chrome://navigator/skin/linkButtons/feeds.png") !important;
371 -moz-image-region: rect(0px 16px 16px 0px);
372}
373
374#feedsMenu[disabled="true"] {
375 -moz-image-region: rect(32px 16px 48px 0px);
376}
377
378#feedsButton {
379 list-style-image: url("chrome://navigator/skin/linkButtons/feeds.png");
380 -moz-image-region: rect(0px 32px 16px 16px);
381}
382
383#feedsButton:hover {
384 -moz-image-region: rect(16px 32px 32px 16px);
385}
386
387#feedsButton:hover:active {
388 -moz-image-region: rect(48px 32px 64px 16px);
389}