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/. */ | |
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; | |
dae45075 | 16 | padding-inline-start: 0px; |
df8c26c4 | 17 | */ |
74d14f90 | 18 | } |
19 | ||
df8c26c4 | 20 | .tabbrowser-tabs[overflow="true"] { |
dae45075 | 21 | padding-inline-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; |
dae45075 | 49 | margin-inline-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 | 61 | tabpanels { |
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 { | |
dae45075 | 106 | margin-inline-end: 0px !important; |
df8c26c4 RK |
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 | } |