1
/* ***** BEGIN LICENSE BLOCK *****
2
* Version: MPL 1.1/GPL 2.0/LGPL 2.1
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/
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
14
* The Original Code is Mozilla Mobile Browser.
16
* The Initial Developer of the Original Code is
17
* Mozilla Corporation.
18
* Portions created by the Initial Developer are Copyright (C) 2008
19
* the Initial Developer. All Rights Reserved.
22
* Mark Finkle <mfinkle@mozilla.com>
23
* Kantha Kanchiraju <kkanchir@sta.samsung.com>
25
* Alternatively, the contents of this file may be used under the terms of
26
* either the GNU General Public License Version 2 or later (the "GPL"), or
27
* the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
28
* in which case the provisions of the GPL or the LGPL are applicable instead
29
* of those above. If you wish to allow use of your version of this file only
30
* under the terms of either the GPL or the LGPL, and not to allow others to
31
* use your version of this file under the terms of the MPL, indicate your
32
* decision by deleting the provisions above and replace them with the notice
33
* and other provisions required by the GPL or the LGPL. If you do not delete
34
* the provisions above, a recipient may use your version of this file under
35
* the terms of any one of the MPL, the GPL or the LGPL.
37
* ***** END LICENSE BLOCK ***** */
39
@media all and (min-device-width: 401px) {
41
/* main toolbar (URL bar) -------------------------------------------------- */
44
min-height: 0 !important;
45
min-width: 0 !important;
46
margin-top: -40px; /* keep pixels */
47
list-style-image: url(images/fullscreen-close-40.png);
50
#toolbar-main[fullscreen="true"] #tool-app-close {
54
#toolbar-main[dialog="true"] #tool-app-close {
56
list-style-image: url("chrome://browser/skin/images/fullscreen-up-40.png");
59
/* URL bar cap buttons */
61
list-style-image: url("chrome://browser/skin/images/go-30.png");
65
list-style-image: url("chrome://browser/skin/images/reload-30.png");
69
list-style-image: url("chrome://browser/skin/images/stop-30.png");
73
/* URL bar ----------------------------------------------------------------- */
74
/* creates the left endcap */
78
background: url("images/leftcap-default-64.png") top left no-repeat;
79
-moz-box-align: center;
80
-moz-box-pack: center;
83
#identity-box:hover:active,
85
background: url("images/leftcap-active-64.png");
88
/* add special color */
89
#identity-box[mode="verifiedIdentity"] {
90
background: url("images/leftcapEV-default-64.png");
93
#identity-box[mode="verifiedIdentity"]:hover:active,
94
#identity-box[mode="verifiedIdentity"][open] {
95
background: url("images/leftcapEV-active-64.png");
98
/* add special color */
99
#identity-box[mode="verifiedDomain"] {
100
background: url("images/leftcapSSL-default-64.png");
103
#identity-box[mode="verifiedDomain"]:hover:active,
104
#identity-box[mode="verifiedDomain"][open] {
105
background: url("images/leftcapSSL-active-64.png");
108
#urlbar-throbber[loading] {
109
list-style-image: url("chrome://browser/skin/images/throbber.png");
117
#urlbar-favicon[src=""] {
118
list-style-image: url("chrome://browser/skin/images/favicon-default-30.png");
123
-moz-box-align: center;
125
border-top: 1px solid #262629; /* keep pixels */
126
border-bottom: 3px solid #262629; /* keep pixels */
130
/* make sure this endcap matches the other endcap */
134
background: url("images/rightcap-default-64.png") top right no-repeat;
135
-moz-box-pack: center;
138
#urlbar-icons:hover:active {
139
background: url("images/rightcap-active-64.png");
142
/* right toolbar (browser controls) ---------------------------------------- */
144
list-style-image: url("chrome://browser/skin/images/bookmark-default-64.png");
147
#tool-star:hover:active {
148
list-style-image: url("chrome://browser/skin/images/bookmark-active-64.png");
151
#tool-star[starred="true"] {
152
list-style-image: url("chrome://browser/skin/images/bookmarked-default-64.png");
155
#tool-star[starred="true"]:hover:active {
156
list-style-image: url("chrome://browser/skin/images/bookmarked-active-64.png");
160
list-style-image: url("chrome://browser/skin/images/back-default-64.png");
163
#tool-back:hover:active {
164
list-style-image: url("chrome://browser/skin/images/back-active-64.png");
167
#tool-back[disabled="true"],
168
#tool-back[disabled="true"]:hover:active {
169
list-style-image: url("chrome://browser/skin/images/back-disabled-64.png");
173
list-style-image: url("chrome://browser/skin/images/forward-default-64.png");
176
#tool-forward:hover:active {
177
list-style-image: url("chrome://browser/skin/images/forward-active-64.png");
180
#tool-forward[disabled="true"],
181
#tool-forward[disabled="true"]:hover:active {
182
list-style-image: url("chrome://browser/skin/images/forward-disabled-64.png");
185
/* button overflows off the right edge */
187
list-style-image: url("chrome://browser/skin/images/settings-default-64.png");
188
margin-right: -40px; /* big number just to make sure the image overflows the edge */
191
#tool-panel-open:not([disabled="true"]):active:hover {
192
list-style-image: url("chrome://browser/skin/images/settings-active-64.png");
195
/* button overflows off the left edge */
197
list-style-image: url("chrome://browser/skin/images/settings-open-64.png");
198
margin-left: -40px; /* big number just to make sure the image overflows the edge */
201
/* "extras" panel UI ----------------------------------------------------- */
203
list-style-image: url("chrome://browser/skin/images/addons-default-64.png");
206
#tool-addons:hover:active,
207
#tool-addons[checked="true"] {
208
list-style-image: url("chrome://browser/skin/images/addons-active-64.png");
212
list-style-image: url("chrome://browser/skin/images/downloads-default-64.png");
215
#tool-downloads:hover:active,
216
#tool-downloads[checked="true"] {
217
list-style-image: url("chrome://browser/skin/images/downloads-active-64.png");
221
list-style-image: url("chrome://browser/skin/images/preferences-default-64.png");
224
#tool-preferences:hover:active,
225
#tool-preferences[checked="true"] {
226
list-style-image: url("chrome://browser/skin/images/preferences-active-64.png");
230
list-style-image: url("chrome://browser/skin/images/console-default-64.png");
233
#tool-console:hover:active,
234
#tool-console[checked="true"] {
235
list-style-image: url("chrome://browser/skin/images/console-active-64.png");
238
/* URL List and autocomplete navigation popup ------------------------------ */
239
#tool-bookmarks-close {
240
min-height: 0 !important;
241
min-width: 0 !important;
242
margin-top: -40px; /* keep pixels */
243
list-style-image: url(images/fullscreen-up-40.png);
246
/* folders have a fixed image */
247
placeitem[type="folder"] .bookmark-item-label > image,
248
placeitem[type="folder"] > .bookmark-manage > image {
249
list-style-image: url(images/folder-32.png);
253
-moz-appearance: none;
257
list-style-image: url("chrome://browser/skin/images/close-default-40.png");
260
.close-button:hover:active {
261
list-style-image: url("chrome://browser/skin/images/close-active-40.png");
265
list-style-image: url("chrome://browser/skin/images/navigation-magnifier-30.png");
268
.autocomplete-item-label > image,
269
.bookmark-item-label > image,
270
placeitem > .bookmark-manage > image {
276
placeitem[src=""] .bookmark-item-label > image {
277
list-style-image: url(chrome://mozapps/skin/places/defaultFavicon.png);
280
.autocomplete-item-url,
285
autocompleteresult.allbookmarks > .autocomplete-item-label > image {
288
list-style-image: url(images/bookmarks-30.png);
291
/* Left sidebar (tabs) ---------------------------------------------------- */
292
box[type="documenttab"] .documenttab-canvas {
293
/* keep the unselected thumbnails aligned with the selected one */
294
border: 8px solid #36373b;
297
box[type="documenttab"][selected="true"] .documenttab-canvas {
299
-moz-border-radius: 3px;
300
-moz-border-top-colors: #8db8d8 #8db8d8 #8db8d8 #8db8d8 #36373b;
301
-moz-border-right-colors: #8db8d8 #8db8d8 #8db8d8 #8db8d8 #36373b;
302
-moz-border-bottom-colors: #8db8d8 #8db8d8 #8db8d8 #8db8d8 #36373b;
303
-moz-border-left-colors: #8db8d8 #8db8d8 #8db8d8 #8db8d8 #36373b;
306
box[type="documenttab"] .documenttab-close {
309
list-style-image: url("chrome://browser/skin/images/close-default-40.png");
312
box[type="documenttab"] hbox:hover:active .documenttab-close {
313
list-style-image: url("chrome://browser/skin/images/close-active-40.png");
317
list-style-image: url("images/newtab-default-64.png");
320
#newtab-button:hover:active {
321
list-style-image: url("images/newtab-active-64.png");
324
/* bookmark editor ------------------------------------------------------- */
326
list-style-image: url("images/star-40.png");
330
#identity-popup-icon {
332
list-style-image: url("chrome://browser/skin/images/identity-64.png");
335
#identity-container[mode="verifiedDomain"] > hbox > #identity-popup-icon {
336
list-style-image: url("chrome://browser/skin/images/identitySSL-64.png");
339
#identity-container[mode="verifiedIdentity"] > hbox > #identity-popup-icon {
340
list-style-image: url("chrome://browser/skin/images/identityEV-64.png");
343
#identity-popup-encryption-icon {
344
list-style-image: url("chrome://browser/skin/images/unlock-40.png");
347
#identity-container[mode="verifiedIdentity"] > hbox > vbox > #identity-popup-encryption-icon ,
348
#identity-container[mode="verifiedDomain"] > hbox > vbox > #identity-popup-encryption-icon {
349
list-style-image: url("chrome://browser/skin/images/lock-40.png");
352
/* Preferences window ---------------------------------------------------- */
354
-moz-box-align: center;
355
-moz-box-orient: horizontal;
358
/* Add-ons panel --------------------------------------------------------- */
359
.addon-rating[rating] {
362
list-style-image: url("chrome://browser/skin/images/ratings-18.png");
365
.addon-rating[rating="0"] {
366
-moz-image-region: rect(0px 78px 18px 0px);
369
.addon-rating[rating="1"] {
370
-moz-image-region: rect(18px 78px 36px 0px);
373
.addon-rating[rating="2"] {
374
-moz-image-region: rect(36px 78px 54px 0px);
377
.addon-rating[rating="3"] {
378
-moz-image-region: rect(54px 78px 72px 0px);
381
.addon-rating[rating="4"] {
382
-moz-image-region: rect(72px 78px 90px 0px);
385
.addon-rating[rating="5"] {
386
-moz-image-region: rect(90px 78px 108px 0px);
390
margin-left: 28px; /* sized based on the 32px addon image */
393
/* select popup ------------------------------------------------------------ */
394
#select-list > option[selected="true"] > image {
395
list-style-image: url("chrome://browser/skin/images/check-30.png");