Fix breakage of the popup in windows managers that don't support opacity well - now...
[themes.git] / EarlyBlue / global / browser.css
CommitLineData
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/. */
f6e0a33f 4
5@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
6
df8c26c4
RK
7/**
8 * Tabbrowser Tabs
9 */
10
11.tabbrowser-tabs {
12 /* XXX: Firefox rules - look into those when we support FF
13 -moz-binding: url("chrome://global/skin/globalBindings.xml#tabbrowser-tabs") !important;
14 padding-top: 0px;
15 background: -moz-dialog url("chrome://global/skin/icons/tabbrowser-tabs-bkgnd.png") !important;
16 -moz-padding-start: 0px;
17 */
74d14f90 18}
19
df8c26c4
RK
20.tabbrowser-tabs[overflow="true"] {
21 -moz-padding-start: 0px;
74d14f90 22}
23
df8c26c4
RK
24/**
25 * Tab
26 */
27
28.tabbrowser-tab {
29 /* XXX: Firefox rules - look into those when we support FF
30 -moz-binding: url("chrome://global/skin/globalBindings.xml#tabbrowser-tab") !important;
31 background: transparent !important;
56029caf 32 margin: 0px 0px 1px !important;
df8c26c4
RK
33 padding: 0px !important;
34 border: none !important;
35 height: 22px !important;
df8c26c4 36 */
74d14f90 37}
38
df8c26c4
RK
39.tabbrowser-tab[busy] > .tab-image-middle > .tab-icon > .tab-icon-image {
40 list-style-image: url("chrome://global/skin/icons/loading.gif") !important;
74d14f90 41}
42
df8c26c4
RK
43.tabbrowser-tab[selected="true"] {
44 font-weight: bold;
45}
46
47.tab-icon-image {
2d09e496 48 margin-top: 1px;
df8c26c4 49 -moz-margin-end: 3px;
2d09e496 50 width: 16px;
51 height: 16px;
df8c26c4
RK
52 /* XXX: Firefox rules - look into those when we support FF
53 list-style-image: url("chrome://global/skin/icons/folder-item.png");
54 -moz-image-region: rect(0px, 16px, 16px, 0px);
55 */
2d09e496 56}
57
df8c26c4 58.tabs-bottom {
76983f4c 59}
60
df8c26c4 61tabpanels {
74d14f90 62}
63
df8c26c4
RK
64.tabs-left,
65.tabs-right {
66 width: 3px;
67 border-bottom-width: 0px;
68}
69
70/* tabbrowser-tab focus ring */
71.tabbrowser-tab > .tab-image-middle > .tab-text {
72 border: 1px dotted transparent;
f6e0a33f 73}
74
024ec655 75.tabbrowser-tab:-moz-focusring > .tab-image-middle > .tab-text {
df8c26c4
RK
76 border: 1px dotted #666699;
77}
74d14f90 78
df8c26c4
RK
79/**
80 * Tab Drag and Drop
81 */
82
83.tab-drop-indicator-bar {
56029caf 84 visibility: hidden;
df8c26c4
RK
85 height: 9px;
86 margin-top: -9px;
87 position: relative;
88}
89
90.tab-drop-indicator {
91 height: 11px;
92 width: 11px;
93 margin-bottom: -5px;
94 position: relative;
95 background: url('chrome://global/skin/icons/tab-drag-indicator.gif') 50% 50% no-repeat;
74d14f90 96}
97
df8c26c4 98.tab-drop-indicator-bar[dragging="true"] {
56029caf 99 visibility: visible;
f6e0a33f 100}
1232bf8e 101
df8c26c4
RK
102/**
103 * In-tab close button
104 */
105.tab-close-button > .toolbarbutton-icon {
106 -moz-margin-end: 0px !important;
107 margin-top: 1px;
108}
109
110.tab-close-button {
111 border: none !important;
1232bf8e 112 padding: 0px;
df8c26c4
RK
113 cursor: default;
114 list-style-image: url("chrome://global/skin/icons/close-button.gif");
e68e2f2b 115}
116
df8c26c4
RK
117
118.tab-close-button:focus {
119 outline: none !important;
e68e2f2b 120}
121
df8c26c4
RK
122/**
123 * Tab Scrollbox Arrow Buttons
124 */
125
126/* XXX: Firefox rules - look into those when we support FF */
127
128/**
129 * All Tabs Button
130 */
131
132/* XXX: Firefox rules - look into those when we support FF
133.tabs-alltabs-box {
134}
135
136.tabs-alltabs-button {
137}
138
139.tabs-alltabs-box-animate {
e68e2f2b 140}
df8c26c4 141*/
d84b9613 142
df8c26c4
RK
143/**
144 * All Tabs Menupopup
145 */
146
147.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
df8c26c4
RK
148 /* XXX: Firefox rules - look into those when we support FF
149 list-style-image: url("chrome://global/skin/icons/folder-item.png");
150 -moz-image-region: rect(0px, 16px, 16px, 0px);
151 */
152}
153
154.alltabs-item[selected="true"] {
155 font-weight: bold;
156}
157
158.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
159 list-style-image: url("chrome://global/skin/icons/loading.gif");
d84b9613 160}