# HG changeset patch
# Parent b354d9b3e9e1db726c6c9e22387b03ff41247b8c
diff --git a/mobile/chrome/content/browser-ui.js b/mobile/chrome/content/browser-ui.js
--- a/mobile/chrome/content/browser-ui.js
+++ b/mobile/chrome/content/browser-ui.js
@@ -127,12 +127,16 @@
else if (Util.isURLEmpty(url))
caption = "";
+ let tab = Browser.getTabForBrowser(aBrowser);
+
if (caption) {
this._title.value = caption;
this._title.classList.remove("placeholder");
+ tab.chromeTab.setAttribute("label", caption);
} else {
this._title.value = this._title.getAttribute("placeholder");
this._title.classList.add("placeholder");
+ tab.chromeTab.removeAttribute("label");
}
},
diff --git a/mobile/chrome/content/browser.js b/mobile/chrome/content/browser.js
--- a/mobile/chrome/content/browser.js
+++ b/mobile/chrome/content/browser.js
@@ -718,6 +718,9 @@
newTab.chromeTab.dispatchEvent(event);
newTab.browser.messageManager.sendAsyncMessage("Browser:TabOpen");
+ let cmd = document.getElementById("cmd_showTabs");
+ cmd.setAttribute("label", this._tabs.length-1);
+
return newTab;
},
@@ -732,6 +735,9 @@
}
tab.browser.messageManager.sendAsyncMessage("Browser:CanUnload", {});
+
+ let cmd = document.getElementById("cmd_showTabs");
+ cmd.setAttribute("label", this._tabs.length-1);
},
_doCloseTab: function _doCloseTab(aTab) {
diff --git a/mobile/chrome/content/browser.xul b/mobile/chrome/content/browser.xul
--- a/mobile/chrome/content/browser.xul
+++ b/mobile/chrome/content/browser.xul
@@ -102,7 +102,7 @@
-
+
#ifdef MOZ_SERVICES_SYNC
@@ -222,6 +222,7 @@
+
#ifdef MOZ_PLATFORM_MAEMO
#if MOZ_PLATFORM_MAEMO != 6
@@ -261,7 +262,6 @@
-
#ifndef ANDROID
#endif
diff --git a/mobile/chrome/content/tabs.xml b/mobile/chrome/content/tabs.xml
--- a/mobile/chrome/content/tabs.xml
+++ b/mobile/chrome/content/tabs.xml
@@ -7,7 +7,7 @@
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
-
+
@@ -16,6 +16,7 @@
+
diff --git a/mobile/themes/core/browser.css b/mobile/themes/core/browser.css
--- a/mobile/themes/core/browser.css
+++ b/mobile/themes/core/browser.css
@@ -973,6 +973,10 @@
margin: -1px;
}
+.documenttab-label {
+ display: none;
+}
+
documenttab:hover:active > stack > .documenttab-thumbnail,
documenttab[selected="true"] > stack > .documenttab-thumbnail {
opacity: 1.0;
diff --git a/mobile/themes/core/gingerbread/browser.css b/mobile/themes/core/gingerbread/browser.css
--- a/mobile/themes/core/gingerbread/browser.css
+++ b/mobile/themes/core/gingerbread/browser.css
@@ -926,6 +926,10 @@
margin: -1px;
}
+.documenttab-label {
+ display: none;
+}
+
documenttab:hover:active > stack > .documenttab-thumbnail,
documenttab[selected="true"] > stack > .documenttab-thumbnail {
opacity: 1.0;
diff --git a/mobile/themes/core/gingerbread/platform.css b/mobile/themes/core/gingerbread/platform.css
--- a/mobile/themes/core/gingerbread/platform.css
+++ b/mobile/themes/core/gingerbread/platform.css
@@ -657,7 +657,7 @@
-moz-user-select: none;
}
-.panel-row-button:hover:active {
+.panel-row-button:not[disabled="true]:hover:active {
background: @color_background_active@;
background-size: 100% 100%;
}
diff --git a/mobile/themes/core/honeycomb/browser.css b/mobile/themes/core/honeycomb/browser.css
new file mode 100644
--- /dev/null
+++ b/mobile/themes/core/honeycomb/browser.css
@@ -0,0 +1,1649 @@
+/* ***** BEGIN LICENSE BLOCK *****
+ * Version: MPL 1.1/GPL 2.0/LGPL 2.1
+ *
+ * The contents of this file are subject to the Mozilla Public License Version
+ * 1.1 (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ * http://www.mozilla.org/MPL/
+ *
+ * Software distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
+ * for the specific language governing rights and limitations under the
+ * License.
+ *
+ * The Original Code is Mozilla Mobile Browser.
+ *
+ * The Initial Developer of the Original Code is
+ * Mozilla Corporation.
+ * Portions created by the Initial Developer are Copyright (C) 2008
+ * the Initial Developer. All Rights Reserved.
+ *
+ * Contributor(s):
+ * Mark Finkle
+ *
+ * Alternatively, the contents of this file may be used under the terms of
+ * either the GNU General Public License Version 2 or later (the "GPL"), or
+ * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
+ * in which case the provisions of the GPL or the LGPL are applicable instead
+ * of those above. If you wish to allow use of your version of this file only
+ * under the terms of either the GPL or the LGPL, and not to allow others to
+ * use your version of this file under the terms of the MPL, indicate your
+ * decision by deleting the provisions above and replace them with the notice
+ * and other provisions required by the GPL or the LGPL. If you do not delete
+ * the provisions above, a recipient may use your version of this file under
+ * the terms of any one of the MPL, the GPL or the LGPL.
+ *
+ * ***** END LICENSE BLOCK ***** */
+
+%filter substitution
+%include defines.inc
+
+/* main toolbar (URL bar) -------------------------------------------------- */
+#toolbar-main {
+ -moz-appearance: none;
+ -moz-box-align: center;
+ padding: 0;
+ border: none;
+ min-height: @touch_button_xlarge@;
+}
+
+#toolbar-moveable-container[mode="discovery"],
+#toolbar-moveable-container[top="0"] {
+ position: fixed;
+ left: 0;
+ z-index: 1000;
+}
+
+/* main toolbar buttons */
+toolbarbutton.urlbar-button {
+ /* space out the buttons a bit horizontally */
+ -moz-margin-start: @margin_normal@; /* core spacing */
+}
+
+%ifndef ANDROID
+/* MAEMO (and desktop) only */
+#tool-app-switch {
+ margin-top: -@margin_normal@; /* force the button to go to the edge */
+ -moz-margin-start: 0; /* force the button to go to the edge */
+ min-width: @touch_button_xlarge@ !important; /* 72, not 64 to make up for the negative margin */
+ min-height: @touch_button_xlarge@ !important; /* 72, not 64 to make up for the negative margin */
+ visibility: collapse;
+ -moz-margin-end: @margin_normal@; /* core spacing */
+ list-style-image: url("chrome://browser/skin/images/task-switch-hdpi.png");
+ background-color: transparent !important;
+ border: none !important;
+}
+
+#tool-app-switch:hover:active {
+ background-color: @color_background_highlight@ !important;
+ -moz-border-radius-bottomright: @border_radius_small@;
+}
+
+#toolbar-main[fullscreen="true"] #tool-app-switch:not(:-moz-system-metric(maemo-classic)) {
+ visibility: visible;
+}
+
+/* MAEMO (and desktop) only */
+#tool-app-close {
+ margin-top: -@margin_normal@; /* force the button to go to the edge */
+ -moz-margin-end: 0 !important; /* force the button to go to the edge */
+ min-width: @touch_button_xlarge@ !important; /* 72, not 64 to make up for the negative margin */
+ min-height: @touch_button_xlarge@ !important; /* 72, not 64 to make up for the negative margin */
+ visibility: collapse;
+ list-style-image: url("chrome://browser/skin/images/task-close-hdpi.png");
+ background-color: transparent !important;
+ border: none !important;
+}
+
+#tool-app-close:hover:active {
+ background-color: @color_background_highlight@ !important;
+}
+
+#tool-app-close:hover:active:-moz-locale-dir(ltr) {
+ -moz-border-radius-bottomleft: @border_radius_small@;
+}
+
+#tool-app-close:hover:active:-moz-locale-dir(rtl) {
+ -moz-border-radius-bottomright: @border_radius_small@;
+}
+
+%if MOZ_PLATFORM_MAEMO != 6
+#toolbar-main[fullscreen="true"] #tool-app-close {
+ visibility: visible;
+}
+%endif
+
+#toolbar-main[dialog="true"] #tool-app-close {
+ visibility: visible;
+ list-style-image: url("chrome://browser/skin/images/task-back-hdpi.png");
+}
+
+#toolbar-main[dialog="true"] #tool-app-close:-moz-locale-dir(rtl) {
+ list-style-image: url("chrome://browser/skin/images/task-back-rtl-hdpi.png");
+}
+%endif
+
+/* URL bar ----------------------------------------------------------------- */
+#urlbar-container {
+ color: @color_text_default@;
+ background-color: transparent;
+ max-width: @urlbar_max_width@;
+ -moz-box-align: center;
+}
+
+#urlbar-container[mode="edit"] > #identity-box {
+ visibility: collapse;
+}
+
+/* URL bar cap buttons */
+.urlbar-cap-button {
+ margin: 0 !important;
+ min-width: @touch_button_small@ !important;
+ min-height: @urlbar_edit_height@ !important;
+ max-height: @urlbar_edit_height@ !important;
+ -moz-box-align: center;
+ -moz-box-pack: center;
+}
+
+/* left cap button --------------------------------------------------------- */
+#identity-box {
+ background-image: url("chrome://browser/skin/images/urlbar-border-left.png"),
+ url("chrome://browser/skin/images/urlbar-border-bottom.png");
+ background-position: bottom left;
+ background-repeat: no-repeat,
+ repeat-x;
+ padding: 0px @padding_tiny@;
+}
+
+#identity-box:hover:active {
+ background-color: @color_background_highlight@;
+}
+
+#identity-box:-moz-locale-dir(rtl) {
+ background-image: url("chrome://browser/skin/images/urlbar-border-right.png"),
+ url("chrome://browser/skin/images/urlbar-border-bottom.png");
+ background-position: bottom right;
+ background-repeat: no-repeat,
+ repeat-x;
+}
+
+/* add special color */
+#identity-box[mode="verifiedIdentity"] {
+ background-color: #89d715;
+}
+
+#identity-box[mode="verifiedDomain"] {
+ background-color: #6579e3;
+}
+
+#urlbar-throbber[loading] {
+ list-style-image: url("chrome://browser/skin/images/throbber.png");
+}
+
+#urlbar-throbber,
+#urlbar-favicon {
+ width: 32px;
+ height: 32px;
+ image-rendering: -moz-crisp-edges;
+}
+
+#urlbar-favicon[src=""] {
+ list-style-image: url("chrome://browser/skin/images/favicon-default-32.png");
+}
+
+/* Main urlbar textbox */
+#urlbar-title.placeholder {
+ color: @color_text_placeholder@;
+}
+
+#urlbar-edit,
+#urlbar-title {
+ padding: @padding_xxxnormal@ 0px @padding_xsmall@ 0px;
+ margin: 0px !important;
+ min-height: @urlbar_edit_height@ !important;
+ max-height: @urlbar_edit_height@;
+}
+
+#urlbar-title {
+ background-image: url("chrome://browser/skin/images/urlbar-border-left.png"),
+ url("chrome://browser/skin/images/urlbar-border-bottom.png");
+ background-position: bottom right;
+ background-repeat: no-repeat, repeat-x;
+}
+
+#urlbar-title:-moz-locale-dir(rtl) {
+ background-image: url("chrome://browser/skin/images/urlbar-border-left.png"),
+ url("chrome://browser/skin/images/urlbar-border-bottom.png");
+ background-position: bottom left;
+ background-repeat: no-repeat, repeat-x;
+}
+
+#urlbar-title:hover:active {
+ background-color: @color_background_highlight@;
+}
+
+#urlbar-edit {
+ -moz-appearance: none !important;
+ background-image: url("chrome://browser/skin/images/urlbar-border-bottom-active.png"),
+ url("chrome://browser/skin/images/urlbar-border-left-active.png"),
+ url("chrome://browser/skin/images/urlbar-border-left-active.png");
+ background-position: bottom left, bottom left, bottom right;
+ background-repeat: repeat-x, no-repeat, no-repeat;
+ border: none;
+}
+
+#urlbar-edit > hbox > .textbox-input-box {
+ margin: 0px !important;
+}
+
+:invalid {
+ box-shadow: none;
+}
+
+#urlbar-edit > hbox > hbox > .textbox-input {
+ text-indent: @urlbar_edit_indent@;
+}
+
+/* Right cap button --------------------------------------------------------- */
+#urlbar-icons {
+ background-image: url("chrome://browser/skin/images/urlbar-border-left.png"),
+ url("chrome://browser/skin/images/urlbar-border-bottom.png");
+ background-position: bottom right;
+ background-repeat: no-repeat,
+ repeat-x;
+}
+
+#urlbar-icons:-moz-locale-dir(rtl) {
+ background-image: url("chrome://browser/skin/images/urlbar-border-left.png"),
+ url("chrome://browser/skin/images/urlbar-border-bottom.png");
+ background-position: bottom left;
+}
+
+#urlbar-container[mode="edit"] > #urlbar-icons {
+ background-image: url("chrome://browser/skin/images/urlbar-border-left-active.png"),
+ url("chrome://browser/skin/images/urlbar-border-bottom-active.png");
+}
+
+#urlbar-icons toolbarbutton {
+ padding: 0px @padding_small@ !important;
+ margin: 0px !important;
+}
+
+#urlbar-icons[disabled="true"] {
+ pointer-events: none;
+}
+
+#urlbar-icons[disabled="true"] > toolbarbutton {
+ opacity: 0.5;
+}
+
+#tool-reload {
+ list-style-image: url("chrome://browser/skin/images/reload-hdpi.png");
+}
+
+#tool-stop {
+ list-style-image: url("chrome://browser/skin/images/stop-hdpi.png");
+}
+
+#tool-search {
+ list-style-image: url("chrome://browser/skin/images/navigation-magnifier-30.png");
+}
+
+#urlbar-icons[mode="loading"] > #tool-search,
+#urlbar-icons[mode="loading"] > #tool-reload {
+ visibility: collapse;
+}
+
+#urlbar-icons[mode="view"] > #tool-search,
+#urlbar-icons[mode="view"] > #tool-stop {
+ visibility: collapse;
+}
+
+#urlbar-icons[mode="edit"] > #tool-reload,
+#urlbar-icons[mode="edit"] > #tool-stop {
+ visibility: collapse;
+}
+
+/* right toolbar (browser controls) ---------------------------------------- */
+#browser-controls {
+ -moz-box-align: start;
+ padding: 0;
+ -moz-border-start: @border_width_large@ solid #262629;
+ min-width: @sidebar_width_minimum@ !important;
+ background: @color_background_default@;
+}
+
+.button-control {
+ padding: 0 !important;
+ min-width: @sidebar_width_minimum@ !important;
+ border-top: @border_width_tiny@ solid @color_divider_border@ !important;
+ border-bottom: @border_width_tiny@ solid @color_divider_border@ !important;
+ background-color: transparent !important;
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ height: @sidebar_button_height@;
+}
+
+.button-control:last-child {
+ border-bottom: 0 solid @color_divider_border@ !important;
+}
+
+.button-control[disabled="true"] {
+ opacity: 0.5;
+}
+
+.button-control:not([disabled="true"]):hover:active {
+ background-color: @color_background_active@ !important;
+ border-top: none;
+}
+
+#tool-tabs {
+ -moz-box-orient: vertical;
+ list-style-image: url("chrome://browser/skin/images/tabs-hdpi.png");
+}
+
+#tool-tabs .toolbarbutton-icon {
+ -moz-transform: translateY(0.5em);
+}
+
+#tool-tabs .toolbarbutton-text {
+ display: -moz-box;
+ font-size: @font_normal@ !important;
+ -moz-transform: translateY(-1.25em);
+}
+
+.tool-star {
+ list-style-image: url("chrome://browser/skin/images/bookmark-default-hdpi.png");
+}
+
+.tool-star[starred="true"] {
+ list-style-image: url("chrome://browser/skin/images/bookmark-starred-hdpi.png");
+}
+
+.tool-back,
+.tool-forward:-moz-locale-dir(rtl) {
+ list-style-image: url("chrome://browser/skin/images/back-default-hdpi.png");
+}
+
+#tool-back2 {
+ -moz-margin-end: @padding_tiny@;
+}
+
+.tool-back:-moz-locale-dir(rtl),
+.tool-forward {
+ list-style-image: url("chrome://browser/skin/images/forward-default-hdpi.png");
+}
+
+#tool-panel-open {
+ list-style-image: url("chrome://browser/skin/images/settings-default-hdpi.png");
+}
+
+%ifndef ANDROID
+/* MAEMO (and desktop) only */
+.panel-close {
+ min-width: @touch_button_xlarge@ !important; /* 72, not 64 to make up for the negative margin */
+ max-width: @touch_button_xlarge@ !important; /* 72, not 64 to make up for the negative margin */
+ min-height: @touch_button_xlarge@ !important; /* 72, not 64 to make up for the negative margin */
+ list-style-image: url("chrome://browser/skin/images/task-back-hdpi.png");
+ background: transparent !important;
+ border: none !important;
+}
+
+.panel-close:hover:active {
+ background-color: @color_background_highlight@ !important;
+}
+
+.panel-close:hover:active:-moz-locale-dir(ltr) {
+ -moz-border-radius-bottomleft: @border_radius_small@;
+}
+
+.panel-close:-moz-locale-dir(rtl) {
+ list-style-image: url("chrome://browser/skin/images/task-back-rtl-hdpi.png");
+}
+
+.panel-close:hover:active:-moz-locale-dir(rtl) {
+ -moz-border-radius-bottomright: @border_radius_small@;
+}
+%endif
+
+/* awesomescreen buttons --------------------------------------------------- */
+toolbarbutton.choice-all {
+ list-style-image: url(chrome://browser/skin/images/allpages-48.png);
+}
+
+toolbarbutton.choice-bookmarks {
+ list-style-image: url(chrome://browser/skin/images/bookmarks-48.png);
+}
+
+toolbarbutton.choice-history {
+ list-style-image: url(chrome://browser/skin/images/history-48.png);
+}
+
+toolbarbutton.choice-remotetabs {
+ list-style-image: url(chrome://browser/skin/images/remotetabs-48.png);
+}
+
+/* awesomescreen panels ---------------------------------------------------- */
+historylist > hbox.history-throbber-box,
+remotetabslist > hbox.remotetabs-throbber-box {
+ display: none;
+}
+
+.history-throbber-box > image,
+.remotetabs-throbber-box > image {
+ list-style-image: url("chrome://browser/skin/images/throbber.png");
+}
+
+historylist[loading="true"] > hbox.history-throbber-box,
+remotetabslist[loading="true"] > hbox.remotetabs-throbber-box {
+ background-color: white; /* force */
+ display: -moz-box;
+}
+
+historylist[loading="true"] > richlistbox.history-list-children,
+remotetabslist[loading="true"] > richlistbox.remotetabs-list-children {
+ visibility: collapse;
+}
+
+/* browsers ---------------------------------------------------------------- */
+.input-overlay:-moz-focusring {
+ outline: 0 !important;
+}
+
+/*
+ * These rules prevent browser to steal the focus while touching the screen
+ * to allow panning/zooming of the browser view without closing the VKB
+ */
+#browsers > notificationbox {
+ -moz-user-focus: ignore;
+}
+
+/* browser tools panel UI ------------------------------------------------ */
+.panel-header {
+ margin: 0;
+ padding: @padding_small@ @padding_normal@ @padding_normal@ @padding_normal@;
+ font-weight: bold;
+ color: @color_text_default@ !important;
+ background-image: url(images/row-header-bg.png);
+ background-repeat: repeat-x;
+ background-size: auto 100%;
+}
+
+#tool-addons {
+ list-style-image: url("chrome://browser/skin/images/addons-default-hdpi.png");
+}
+
+#tool-downloads {
+ list-style-image: url("chrome://browser/skin/images/downloads-default-hdpi.png");
+}
+
+#tool-preferences {
+ list-style-image: url("chrome://browser/skin/images/preferences-default-hdpi.png");
+}
+
+#tool-console {
+ list-style-image: url("chrome://browser/skin/images/console-default-hdpi.png");
+}
+
+/* preferences panel UI -----------------------------------------------------*/
+#menulist-container[for="prefs-homepage-options"] .options-command.selected {
+ pointer-events: none;
+}
+
+/* bug 597296 - The language.properties file is LTR and never translated */
+#prefs-languages .menulist-label {
+ direction: ltr !important;
+}
+
+/* addons panel UI ------------------------------------------------------- */
+#addons-repo {
+ -moz-box-orient: horizontal;
+ -moz-box-align: center;
+}
+
+@media (@orientation@: portrait) {
+ #addons-repo {
+ -moz-box-orient: vertical;
+ -moz-box-align: stretch;
+ }
+}
+
+.addon-image,
+.searchplugin-image {
+ list-style-image: url("chrome://mozapps/skin/xpinstall/xpinstallItemGeneric.png");
+ width: 32px;
+ height: 32px;
+ -moz-margin-start: @margin_normal@;
+ -moz-margin-end: @margin_normal@;
+}
+
+.addon-rating[rating] {
+ width: 78px;
+ height: 18px;
+ list-style-image: url("chrome://browser/skin/images/ratings-18.png");
+}
+
+.addon-rating[rating="0"] {
+ -moz-image-region: rect(0px 78px 18px 0px);
+}
+
+.addon-rating[rating="1"] {
+ -moz-image-region: rect(18px 78px 36px 0px);
+}
+
+.addon-rating[rating="2"] {
+ -moz-image-region: rect(36px 78px 54px 0px);
+}
+
+.addon-rating[rating="3"] {
+ -moz-image-region: rect(54px 78px 72px 0px);
+}
+
+.addon-rating[rating="4"] {
+ -moz-image-region: rect(72px 78px 90px 0px);
+}
+
+.addon-rating[rating="5"] {
+ -moz-image-region: rect(90px 78px 108px 0px);
+}
+
+.addon-showmore-image,
+.addon-banner-image {
+ width: 32px;
+ height: 32px;
+ list-style-image: url("chrome://browser/skin/images/addons-32.png");
+ -moz-margin-start: @margin_normal@;
+ -moz-margin-end: @margin_normal@;
+}
+
+richlistitem[isDisabled="true"] .title,
+richlistitem[isDisabled="true"] .normal {
+ color: @color_text_disabled@;
+}
+
+richlistitem[isDisabled="true"] image {
+ opacity: 0.25;
+}
+
+/* downloads panel UI ---------------------------------------------------- */
+.download-retry-failed {
+ color: red !important;
+ display: none;
+}
+
+.download-retry-failed[state="2"] {
+ display: -moz-box;
+}
+
+/* special "no downloads" items */
+#dl-empty-message {
+ margin-top: -moz-calc(2 * @touch_row@); /* 2 times row height */
+ font-style: italic;
+ border-bottom: none;
+}
+
+#dl-empty-message:active {
+ background-color: @color_background_default@;
+}
+
+#dl-empty-message > label {
+ text-align: center;
+ color: @color_text_placeholder@;
+}
+
+/* console panel UI ------------------------------------------------------ */
+#console-filter-warnings,
+#console-filter-messages {
+ visibility: visible;
+}
+
+@media (max-width: 499px) {
+ #console-filter-warnings,
+ #console-filter-messages {
+ visibility: collapse;
+ }
+}
+
+.console-error-msg,
+.console-msg-text {
+ white-space: pre-wrap;
+}
+
+/* folders navigation row */
+.place-list-parents placelabel {
+ visibility: collapse;
+}
+
+.place-list-parents placelabel:last-child:not(:only-child) {
+ visibility: visible;
+}
+
+/* be consistent with the size of placeitem */
+placelabel {
+ -moz-box-align: center;
+ -moz-padding-end: @placelabel_padding@;
+ background-image: url(images/arrowup-16.png), url("images/row-header-bg.png");
+ background-repeat: no-repeat, repeat-x;
+ background-position: 98% 50%, top left;
+ background-size: auto auto, auto 100%;
+ color: black; /* force */
+ min-height: @touch_row@; /* row size */
+}
+
+placelabel:-moz-locale-dir(rtl) {
+ background-position: 2% 50%, top left;
+}
+
+placelabel:hover:active {
+ background-image: url(images/arrowup-16.png);
+ background-color: @color_background_highlight@;
+ color: @color_text_highlight@;
+}
+
+/* folder bookmarks row */
+placeitem[type="folder"] {
+ -moz-box-pack: center;
+ -moz-padding-end: @placeitem_padding@;
+ background-image: url(images/arrowright-16.png);
+ background-repeat: no-repeat;
+ background-position: 98% 50%;
+}
+
+placeitem[type="folder"]:-moz-locale-dir(rtl) {
+ background-image: url(images/arrowleft-16.png);
+ background-position: 2% 50%;
+}
+
+placelist[ui="manage"] placeitem[type="folder"] {
+ background-image: none;
+}
+
+placeitem[type="folder"] > .bookmark-item-container > image,
+placeitem[type="folder"] > .bookmark-manage > image {
+ list-style-image: url(images/folder-32.png);
+ margin-top: 0;
+}
+
+placeitem[type="folder"] .bookmark-item-url {
+ display: none;
+}
+
+/* bookmark manage controls */
+placeitem > .bookmark-manage .bookmark-controls {
+ padding-top: @padding_normal@;
+}
+
+/* bookmark popup for star button */
+placeitem[ui="manage"] {
+ border-bottom: 0;
+}
+
+placeitem[ui="manage"] > .bookmark-manage > image {
+ visibility: collapse;
+}
+
+/* making the url textbox right-aligned for rtl locales */
+placeitem[ui="manage"] > .bookmark-manage textbox[anonid="uri"]:-moz-locale-dir(rtl) {
+ text-align: right;
+}
+
+/* force the richlistboxes to have a white background */
+.autocomplete-items,
+.place-list-children,
+.history-list-children,
+.remotetabs-list-children {
+ background-color: white; /* force */
+}
+
+autocompleteresult,
+placeitem {
+ -moz-user-focus: ignore;
+ color: black; /* force */
+ background-color: white; /* force */
+ padding: @padding_xsmall@ @padding_small@;
+ border-bottom: @border_width_tiny@ solid rgb(207,207,207);
+ min-height: @touch_row@; /* row size */
+}
+
+#popup_autocomplete autocompleteresult:hover:active,
+placelist placeitem:hover:active:not([selected="true"]),
+historylist autocompleteresult:hover:active:not([selected="true"]):not([class="history-item-title"]),
+remotetabslist autocompleteresult:hover:active:not([selected="true"]):not([class="remotetabs-item-title"]),
+.autocompleteresult-selected {
+ background-color: @color_background_highlight@;
+ color: @color_text_highlight@;
+}
+
+.autocomplete-item-container,
+.bookmark-item-container {
+ margin: 0;
+ padding: 0;
+}
+
+.autocomplete-item-label,
+.bookmark-item-label {
+ font-size: @font_normal@ !important;
+ font-weight: normal;
+ -moz-margin-end: @margin_normal@;
+}
+
+.autocomplete-item-container > image,
+.bookmark-item-container > image,
+placeitem > .bookmark-manage > image {
+ width: 32px;
+ height: 32px;
+ max-height: 32px;
+ image-rendering: -moz-crisp-edges;
+ /* margin-top = (1 - title's line-height) * title's font-size */
+ margin-top: @autocomplete_item_container_image_padding@;
+ margin-bottom: 0;
+ -moz-margin-end: @margin_xxxnormal@;
+ -moz-margin-start: @margin_normal@;
+}
+
+.autocomplete-item-container > image[src=""],
+placeitem[src=""] .bookmark-item-container > image {
+ list-style-image: url("chrome://browser/skin/images/favicon-default-32.png");
+}
+
+.autocomplete-item-container > vbox > label,
+.bookmark-item-container > vbox > label {
+ -moz-margin-start: @margin_xtiny@;
+}
+
+.autocomplete-item-container[favorite="true"],
+.autocomplete-item-container[remote="true"],
+.autocomplete-item-container[search="true"] {
+ background-repeat: no-repeat;
+ background-position: 100% @autocomplete_item_container_position@;
+ background-size: @autocomplete_item_container_size@ @autocomplete_item_container_size@;
+}
+
+.autocomplete-item-container[favorite="true"] {
+ background-image: url("chrome://browser/skin/images/autocomplete-bookmarked-hdpi.png");
+}
+
+.autocomplete-item-container[remote="true"] {
+ background-image: url("chrome://browser/skin/images/autocomplete-desktop-hdpi.png");
+}
+
+.autocomplete-item-container[search="true"] {
+ background-image: url("chrome://browser/skin/images/autocomplete-search-hdpi.png");
+}
+
+.autocomplete-item-container[favorite="true"][remote="true"] {
+ background-image: url("chrome://browser/skin/images/autocomplete-bookmarked-hdpi.png"),
+ url("chrome://browser/skin/images/autocomplete-desktop-hdpi.png");
+ background-position: 100% @autocomplete_item_container_position@,
+ 94% @autocomplete_item_container_position@;
+ -moz-padding-end: @autocomplete_item_container_padding@;
+}
+
+.autocomplete-item-container[favorite="true"]:-moz-locale-dir(rtl),
+.autocomplete-item-container[remote="true"]:-moz-locale-dir(rtl) {
+ background-position: left @autocomplete_item_container_position@;
+}
+
+.autocomplete-item-container[favorite="true"][remote="true"]:-moz-locale-dir(rtl) {
+ background-position: left @autocomplete_item_container_position@,
+ 6% @autocomplete_item_container_position@;
+}
+
+.autocomplete-item-subtitle,
+.bookmark-item-url {
+ color: blue; /* force */
+ font-size: @font_small@ !important;
+ -moz-margin-end: @autocomplete_item_subtitle_margin@;
+}
+
+.autocomplete-item-container[favorite="true"] .autocomplete-item-label,
+.autocomplete-item-container[remote="true"] .autocomplete-item-label,
+.autocomplete-item-container[search="true"] .autocomplete-item-label {
+ -moz-padding-end: @autocomplete_item_label_margin@;
+}
+
+.autocomplete-item-container[search="true"] .autocomplete-item-subtitle {
+ color: black; /* force */
+}
+
+.autocomplete-item-tags,
+.bookmark-item-tags {
+ content: attr(tags);
+ font-size: @font_small@ !important;
+ font-weight: lighter;
+ margin: @margin_tiny@ 0 @margin_small@ 0;
+ -moz-margin-start: @margin_normal@;
+ -moz-padding-end: @autocomplete_item_tags_margin@;
+}
+
+.autocomplete-item-tags[value=""] {
+ visibility: hidden;
+}
+
+.autocomplete-item-badge {
+ opacity: 1;
+ -moz-transition: opacity 1s ease;
+ background-color: #c90707;
+ border: @border_width_tiny@ solid #951919;
+ -moz-border-radius: @border_radius_tiny@;
+ content: attr(badge);
+ font-size: @font_xtiny@ !important;
+ font-weight: bolder;
+ margin: @margin_small@ 0 0 0;
+ padding: @padding_small@ @padding_snormal@;
+ color: white;
+}
+
+autocompleteresult:not([badge]) .autocomplete-item-badge,
+.autocomplete-item-badge[value=""] {
+ opacity: 0;
+ -moz-transition: none;
+}
+
+/* special "no results", "awesome header row" and "title rows" items */
+autocompleteresult[class="history-item-title"],
+autocompleteresult[class="remotetabs-item-title"] {
+ min-height: 0;
+ color: @color_text_default@;
+ font-size: smaller;
+ font-weight: bold;
+ background-color: transparent;
+ margin: 0;
+ padding: @autocompleteresult_padding@ @padding_xnormal@;
+ background-image: url(images/row-header-bg.png);
+ background-repeat: repeat-x;
+ background-size: auto 100%;
+}
+
+autocompleteresult[class="history-item-title"] .autocomplete-item-label,
+autocompleteresult[class="remotetabs-item-title"] .autocomplete-item-label {
+ font-size: @font_small@ !important;
+ font-weight: bold !important;
+}
+
+autocompleteresult[class="history-item-title"] .autocomplete-item-subtitle,
+autocompleteresult[class="history-item-title"] .autocomplete-item-tags,
+autocompleteresult[class="history-item-title"] .autocomplete-item-badge,
+autocompleteresult[class="remotetabs-item-title"] .autocomplete-item-subtitle,
+autocompleteresult[class="remotetabs-item-title"] .autocomplete-item-tags,
+autocompleteresult[class="remotetabs-item-title"] .autocomplete-item-badge {
+ margin: 0;
+ padding: 0;
+}
+
+autocompleteresult[class="history-item-title"] .bookmark-item-subtitle,
+autocompleteresult[class="history-item-title"] .autocomplete-item-tags,
+autocompleteresult[class="history-item-title"] .autocomplete-item-badge,
+autocompleteresult[class="remotetabs-item-title"] .bookmark-item-subtitle,
+autocompleteresult[class="remotetabs-item-title"] .autocomplete-item-tags,
+autocompleteresult[class="remotetabs-item-title"] .autocomplete-item-badge {
+ display: none;
+}
+
+autocompleteresult[class="history-item-title"] .bookmark-item-container,
+autocompleteresult[class="remotetabs-item-title"] .bookmark-item-container {
+ font-size: @font_normal@ !important;
+}
+
+autocompleteresult[class="history-item-title"] image,
+autocompleteresult[class="remotetabs-item-title"] image {
+ display: none;
+}
+
+autocompleteresult.noresults {
+ font-style: italic;
+ border-bottom: none;
+}
+
+autocompleteresult.noresults:hover:active {
+ background-color: white !important; /* force */
+}
+
+autocompleteresult.noresults > .autocomplete-item-container {
+ text-align: center;
+ color: @color_text_placeholder@;
+}
+
+/* Left sidebar (tabs) ---------------------------------------------------- */
+#tabs-container {
+ -moz-border-end: @border_width_large@ solid #262629;
+ background: @color_background_default@;
+}
+
+#tabs:-moz-locale-dir(rtl) {
+ -moz-box-align: start;
+}
+
+#tabs > scrollbox {
+ max-width: 350px;
+}
+
+#tabs .tabs-list {
+ display: block;
+ -moz-column-width: 121px;
+ -moz-column-gap: 0;
+ -moz-user-focus: ignore;
+ padding: 0;
+ background-color: transparent;
+ margin: 0;
+ -moz-padding-end: @padding_normal@; /* core spacing */
+ -moz-padding-start: @padding_small@; /* allow the thumbnails to get close to the edge */
+}
+
+#tabs-controls {
+ margin-top: @margin_normal@; /* core spacing */
+ -moz-box-pack: center;
+}
+
+documenttab {
+ -moz-margin-start: @margin_xnormal@;
+ width: 121px;
+ background-clip: padding-box;
+ border: @border_width_tiny@ solid rgba(0,0,0,0.1);
+ border-bottom-width: @border_width_small@;
+ line-height: 0;
+}
+
+documenttab[selected="true"] .documenttab-container {
+ border-bottom-color: rgba(0,0,0,0.2);
+ background: url("chrome://browser/skin/images/tab-active-hdpi.png") bottom repeat-x;
+}
+
+.documenttab-container {
+ padding: @padding_normal@;
+ padding-button: @documenttab_margin_bottom@;
+ background: url("chrome://browser/skin/images/tab-inactive-hdpi.png") bottom repeat-x;
+ background-size: 100% 100%;
+}
+
+.documenttab-label {
+ min-height: 1.5em;
+ font-size: @font_xsmall@;
+}
+
+.documenttab-thumbnail {
+ background-color: white;
+ opacity: 0.5;
+
+ /* if there is no border, blank thumbnail are invisible */
+ border: 1px solid white;
+ margin: -1px;
+}
+
+documenttab:hover:active > stack > .documenttab-thumbnail,
+documenttab[selected="true"] > stack > .documenttab-thumbnail {
+ opacity: 1.0;
+}
+
+.documenttab-close-container {
+ position: relative;
+ left: -16px;
+ -moz-margin-end: 49px;
+}
+
+.documenttab-close {
+ width: 40px;
+ height: 40px;
+ list-style-image: url("chrome://browser/skin/images/close-inactive-tab-hdpi.png");
+}
+
+documenttab[selected="true"] > stack > hbox > .documenttab-close {
+ list-style-image: url("chrome://browser/skin/images/close-default-hdpi.png");
+}
+
+.documenttab-close-container:hover:active > .documenttab-close {
+ list-style-image: url("chrome://browser/skin/images/close-active-hdpi.png");
+}
+
+documenttab:only-child > stack > hbox > .documenttab-close {
+ display: none;
+}
+
+documenttab[reload="true"] {
+ background: url("chrome://browser/skin/images/tab-closed-hdpi.png") bottom repeat-x;
+}
+
+.documenttab-reload {
+ background: url("chrome://browser/skin/images/tab-reopen-hdpi.png");
+ display: none;
+}
+
+documenttab[reload="true"] > stack > .documenttab-close-container {
+ display: none;
+}
+
+documenttab[reload="true"] > stack > .documenttab-reload {
+ display: -moz-box;
+}
+
+#newtab-button {
+ -moz-box-flex: 1;
+ list-style-image: url("images/newtab-default-hdpi.png");
+ height: @sidebar_button_height@;
+}
+
+/* bookmark editor ------------------------------------------------------- */
+#bookmark-form .bookmark-controls {
+ display: none;
+}
+
+#bookmark-popup-title {
+ background-color: @color_background_default@;
+}
+
+/* Identity popup -------------------------------------------------------- */
+#identity-popup-container {
+ background-color: @color_background_panel@;
+ padding: @padding_normal@; /* core spacing */
+ padding-bottom: @padding_xxxnormal@;
+ color: @color_text_panel@;
+}
+
+/* Popup Icons */
+#identity-popup-icon {
+ padding: 0;
+ padding-top: @padding_snormal@; /* align to top of text */
+ list-style-image: url("chrome://browser/skin/images/identity-default-hdpi.png");
+}
+
+#identity-container[mode="verifiedIdentity"] > hbox > #identity-popup-icon {
+ list-style-image: url("chrome://browser/skin/images/identity-ev-hdpi.png");
+}
+
+#identity-container[mode="verifiedDomain"] > hbox > #identity-popup-icon {
+ list-style-image: url("chrome://browser/skin/images/identity-ssl-hdpi.png");
+}
+
+/* Popup Body Text */
+#identity-popup-content-box {
+ -moz-padding-start: @padding_normal@; /* core spacing */
+ font-size: @font_small@ !important;
+ white-space: pre-wrap;
+}
+
+/* let the text flow into a second row, if needed */
+#identity-popup-runBy-box {
+ display: block;
+}
+
+#identity-popup-content-box.unknownIdentity > hbox > #identity-popup-connectedToLabel,
+#identity-popup-content-box.unknownIdentity > hbox > #identity-popup-runByLabel,
+#identity-popup-content-box.unknownIdentity > hbox > #identity-popup-content-host,
+#identity-popup-content-box.unknownIdentity > hbox > #identity-popup-content-owner,
+#identity-popup-content-box.verifiedIdentity > hbox > #identity-popup-connectedToLabel2,
+#identity-popup-content-box.verifiedDomain > hbox > #identity-popup-connectedToLabel2 {
+ display: none;
+}
+
+#identity-popup-encryption-label,
+#identity-popup-content-verifier {
+ font-size: @font_tiny@ !important;
+}
+
+#identity-popup-content-host,
+#identity-popup-content-owner {
+ font-weight: bold;
+}
+
+#identity-popup-encryption-icon {
+ padding-top: @padding_snormal@; /* align to top of text */
+ list-style-image: url("chrome://browser/skin/images/unlocked-hdpi.png");
+}
+
+#identity-container[mode="verifiedIdentity"] > hbox > vbox > #identity-popup-encryption-icon ,
+#identity-container[mode="verifiedDomain"] > hbox > vbox > #identity-popup-encryption-icon {
+ list-style-image: url("chrome://browser/skin/images/locked-hdpi.png");
+}
+
+/* Page Actions, Prompt, and Context Menu popups --------------------------- */
+.action-buttons,
+#context-commands,
+#pageactions-container {
+ border-top: @border_width_tiny@ solid rgb(205,205,205);
+ padding: 0;
+ -moz-user-focus: ignore;
+}
+
+.action-buttons,
+#pageactions-container {
+ background-color: transparent;
+ display: inline-block;
+}
+
+#context-commands {
+ display: -moz-box;
+}
+
+.action-button,
+.context-command,
+pageaction {
+ -moz-border-top-colors: white;
+ -moz-border-right-colors: rgb(175,175,175);
+ -moz-border-bottom-colors: rgb(175,175,175);
+ -moz-border-left-colors: white;
+ border-style: solid;
+ border-width: @border_width_tiny@ !important;
+ height: @touch_button_xlarge@;
+ min-height: @touch_button_xlarge@;
+ width: 100%;
+ min-width: @touch_action_minwidth@; /* keep the button from being too narrow */
+}
+
+/* Override richlistbox and richlistitem styles */
+#context-commands > scrollbox {
+ width: 100%;
+}
+
+.action-button,
+.context-command {
+ -moz-box-align: center;
+}
+
+.action-button[disabled="true"],
+.context-command[disabled="true"] {
+ pointer-events: none;
+ color: @color_text_disabled@ !important;
+}
+
+.action-button[selected="true"],
+.context-command[selected="true"] {
+ color: black; /* force */
+ background: transparent;
+}
+
+/* Override button styles */
+.action-button {
+ margin: 0;
+ -moz-border-image: none !important;
+ margin: 0;
+ background: transparent;
+}
+
+.action-button > .button-box {
+ padding: 0 @padding_small@ @padding_tiny@ @padding_xsmall@ !important;
+}
+
+.action-button > .button-box > .button-icon {
+ -moz-margin-end: @margin_normal@;
+}
+
+@media (min-width: 500px) {
+ .action-button,
+ pageaction {
+ width: 50%;
+ }
+
+ .action-button:last-child:nth-child(odd),
+ pageaction.odd-last-child {
+ width: 100%;
+ }
+}
+
+.action-button:not([disabled]):hover:active,
+.context-command:not([disabled]):hover:active,
+pageaction:not([disabled]):hover:active {
+ color: @color_text_highlight@;
+ background-color: @color_background_highlight@;
+ background-image: none !important;
+ background-origin: border-box !important;
+ background-clip: border-box !important;
+ -moz-border-top-colors: transparent;
+ -moz-border-left-colors: transparent;
+}
+
+pageaction > hbox > .pageaction-image {
+ width: 32px;
+ height: 32px;
+ -moz-margin-end: @margin_normal@;
+}
+
+pageaction:not([image]) > hbox >.pageaction-image {
+ width: 0;
+}
+
+.action-button,
+.context-command,
+.pageaction-title {
+ font-size: @font_normal@ !important;
+ color: black; /* force */
+}
+
+.pageaction-desc {
+ font-size: @font_tiny@ !important;
+ color: @color_subtext_default@;
+}
+
+.pageaction-desc[value=""] {
+ display: none;
+}
+
+#context-header {
+ background-color: @color_background_default@;
+}
+
+#share-title,
+#bookmark-popup-title,
+#context-hint {
+ color: @color_text_default@;
+ font-size: @font_small@;
+ padding: @padding_small@;
+}
+
+#context-hint[value=""] {
+ visibility: collapse;
+}
+
+#search-engines-list > .action-button > .button-box > .button-text {
+ text-align: start;
+ -moz-box-flex: 1; /* Needed for the crop attribute to have an effect */
+}
+
+#search-engines-list > .action-button > .button-box > .button-icon {
+ width: 32px;
+ height: 32px;
+}
+
+#search-engines-list > .action-button[image=""] > .button-box > .button-icon {
+ list-style-image: url("chrome://browser/skin/images/favicon-default-32.png");
+}
+
+/* Preferences window ---------------------------------------------------- */
+.settings-title {
+ min-height: 0;
+ color: @color_text_header@;
+ background-color: @color_background_header@;
+ font-size: smaller;
+ font-weight: bold;
+ margin: 0;
+ padding: @autocompleteresult_padding@ @padding_xnormal@;
+ border-bottom: @border_width_tiny@ solid @color_divider_border@;
+}
+
+.setting {
+ padding-left: @padding_xnormal@;
+ border-bottom: @border_width_tiny@ solid #cacdd5;
+}
+
+setting {
+ padding: @padding_xsmall@;
+ border-bottom: @border_width_tiny@ solid @color_divider_border@;
+ min-height: @touch_row@; /* row size */
+ -moz-box-align: center;
+ -moz-box-orient: horizontal;
+}
+
+.setting-label {
+ -moz-box-flex: 1;
+}
+
+.setting-group > setting {
+ border-bottom: none;
+}
+
+.setting-subgroup > setting {
+ border-bottom: none;
+ -moz-margin-start: @margin_xxxnormal@;
+}
+
+.setting-subgroup + :not(.setting-subgroup) > setting {
+ border-top: @border_width_tiny@ solid rgb(207,207,207);
+}
+
+/* Put setting textboxes on a separate row in portrait */
+@media (@orientation@: portrait) {
+ setting[type="integer"],
+ setting[type="string"] {
+ -moz-box-align: start;
+ -moz-box-orient: vertical;
+ }
+
+ setting[type="integer"] > .setting-input > textbox,
+ setting[type="string"] > .setting-input > textbox {
+ width: 499px; /* textboxes seem to need a width in order to flex */
+ -moz-box-flex: 1;
+ }
+}
+
+.options-box {
+ -moz-margin-start: 28px; /* sized based on the 32px addon image */
+}
+
+.options-box > setting:last-child {
+ border-bottom: 0;
+}
+
+/* XXX should be a richlistitem description.title */
+.preferences-title {
+ font-size: @font_normal@ !important;
+}
+
+/* XXX should be a richlistitem description.normal */
+.preferences-description {
+ font-size: @font_small@ !important;
+ color: @color_subtext_default@;
+}
+
+/* alerts popup ----------------------------------------------------------- */
+#alerts-container {
+ color: @color_text_default@;
+ background-color: #5e6166;
+ border: @border_width_small@ solid #767973;
+ border-radius: @border_radius_normal@;
+ box-shadow: black 0 @border_radius_tiny@ @border_radius_tiny@;
+ padding: @padding_normal@; /* core spacing on top/bottom */
+ margin-bottom: @margin_large@;
+ -moz-transition-property: opacity;
+ -moz-transition-duration: 0.5s;
+ opacity: 0;
+}
+
+#alerts-container.showing {
+ opacity: 1;
+}
+
+#alerts-title {
+ font-size: @font_small@ !important;
+}
+
+#alerts-text {
+ font-size: @font_xsmall@ !important;
+ white-space: pre;
+}
+
+%ifndef ANDROID
+#alerts-container {
+ -moz-margin-end: @margin_large@;
+}
+%endif
+
+/* helperapp (save-as) popup ----------------------------------------------- */
+#helperapp-target {
+ font-size: @font_small@ !important;
+}
+
+/* full-screen video ------------------------------------------------------- */
+.full-screen {
+ position: absolute;
+ z-index: 500;
+}
+
+/* openwebapps capabilities ------------------------------------------------------------ */
+.webapps-noperm description.webapps-perm-requested-hint {
+ display: block;
+}
+
+.webapps-perm description.webapps-perm-requested-hint {
+ display: none;
+}
+
+#webapps-icon {
+ width: 32px;
+ height: 32px;
+ margin: @margin_normal@;
+}
+
+#webapps-title {
+ -moz-margin-end: @margin_normal@;
+}
+
+/* Android menu ------------------------------------------------------------ */
+#appmenu {
+ background: @color_background_default@;
+ border-style: solid;
+ border-color: #6d6d6d;
+ border-width: @border_width_small@ @border_width_small@ 0 @border_width_small@;
+}
+
+#appmenu > .appmenu-button {
+ -moz-box-flex: 1;
+ -moz-box-orient: vertical;
+ color: @color_text_default@;
+ border-style: solid;
+ border-color: @color_divider_border@ !important;
+ border-width: 0 @border_width_tiny@ @border_width_tiny@ 0;
+ height: @appmenu_button_height@;
+ width: 0;
+ display: none;
+}
+
+#appmenu > .appmenu-button[show] {
+ display: inline-block;
+}
+
+#appmenu > .appmenu-button:hover:active {
+ background-image: url("chrome://browser/skin/images/appmenu-active-hdpi.png");
+ background-size: 100% 100%;
+}
+
+#appmenu > .appmenu-button .toolbarbutton-text {
+ display: block !important;
+ font-size: @font_snormal@ !important;
+}
+
+#appmenu > .appmenu-button .toolbarbutton-icon {
+ margin-top: @margin_normal@ !important;
+ margin-bottom: @margin_small@ !important;
+}
+
+.appmenu-site-button {
+ list-style-image: url("chrome://browser/skin/images/appmenu-site-hdpi.png");
+}
+
+.appmenu-addons-button {
+ list-style-image: url("chrome://browser/skin/images/appmenu-addons-hdpi.png");
+}
+
+.appmenu-preferences-button {
+ list-style-image: url("chrome://browser/skin/images/appmenu-preferences-hdpi.png");
+}
+
+.appmenu-downloads-button {
+ list-style-image: url("chrome://browser/skin/images/appmenu-downloads-hdpi.png");
+}
+
+.appmenu-findinpage-button {
+ list-style-image: url("chrome://browser/skin/images/appmenu-findinpage-hdpi.png");
+}
+
+.appmenu-saveas-button {
+ list-style-image: url("chrome://browser/skin/images/appmenu-downloads-hdpi.png");
+}
+
+.appmenu-share-button {
+ list-style-image: url("chrome://browser/skin/images/appmenu-share-hdpi.png");
+}
+
+#appmenu-more-button {
+ list-style-image: url("chrome://browser/skin/images/appmenu-more-hdpi.png");
+ display: none;
+}
+
+@media (@orientation@: portrait) {
+ #appmenu:not([hidden])[count="4"],
+ #appmenu:not([hidden])[count="5"],
+ #appmenu:not([hidden])[count="6"] {
+ height: @appmenu_portrait_height@;
+ display: inline-block;
+ }
+
+ #appmenu[count="4"] > .appmenu-button,
+ #appmenu[count="5"] > .appmenu-button {
+ width: 50%;
+ }
+
+ #appmenu[count="5"] > .appmenu-button[show="2"],
+ #appmenu[count="5"] > .appmenu-button[show="3"],
+ #appmenu[count="5"] > .appmenu-button[show="4"],
+ #appmenu[count="6"] > .appmenu-button {
+ width: 33.33%;
+ }
+}
+
+#appmenu-overflow {
+ background: @color_background_default@;
+ border-style: solid;
+ border-color: @color_dialog_border@;
+ border-width: @border_width_small@ @border_width_small@ 0 @border_width_small@;
+ margin: @margin_xxxnormal@ @margin_xxxnormal@ 0 @margin_xxxnormal@;
+}
+
+#appmenu-overflow-commands > .appmenu-button {
+ color: @color_text_default@;
+ background: transparent;
+ font-size: @font_normal@ !important;
+ height: @touch_button_xlarge@;
+ min-height: @touch_button_xlarge@;
+ width: 100%;
+ -moz-box-align: center;
+}
+
+#appmenu-overflow-commands > .appmenu-button:hover:active {
+ background-image: url("chrome://browser/skin/images/appmenu-active-hdpi.png");
+ background-size: 100% 100%;
+}
+
+/* Sync setup ------------------------------------------------------------- */
+.syncsetup-center {
+ /* TODO: remove this dummy when we no longer use it in other themes */
+}
+
+.syncsetup-code {
+ color: @color_text_textbox@;
+ background-color: @color_background_textbox@;
+ font-size: @font_xlarge@ !important;
+ padding: 0.2em 0.4em;
+ -moz-padding-end: 0.2em;
+ letter-spacing: 0.2em;
+ text-align: center;
+ min-width: 5.5em;
+}
+
+.syncsetup-label {
+ color: @color_text_default@;
+}
+
+#syncsetup-customserver {
+ -moz-margin-start: @margin_xnormal@;
+}
+
+#sync-message {
+ padding-bottom: 2em;
+}
+
+/* content scrollbars */
+.scroller {
+ opacity: 0;
+ background-color: @color_background_scroller@ !important;
+ -moz-border-top-colors: none !important;
+ -moz-border-bottom-colors: none !important;
+ -moz-border-right-colors: none !important;
+ -moz-border-left-colors: none !important;
+ border: @border_width_tiny@ solid rgba(0, 0, 0, 0.4) !important;
+}
+
+.scroller[panning="true"] {
+ opacity: 1;
+}
+
+.scroller[orient="vertical"] {
+ min-width: @scroller_thickness@;
+ width: @scroller_thickness@;
+ min-height: @scroller_minimum@;
+}
+
+.scroller[orient="horizontal"] {
+ min-height: @scroller_thickness@;
+ height: @scroller_thickness@;
+ min-width: @scroller_minimum@;
+}
+
+/* Sidebar peeking */
+:-moz-any(.sidebar, #browsers)[mode="discovery"] {
+ -moz-animation-delay: 1s;
+ -moz-animation-duration: 5s;
+ -moz-animation-name: sidebardiscovery;
+}
+
+:-moz-any(.sidebar, #browsers)[mode="discovery"]:-moz-locale-dir(rtl) {
+ -moz-animation-name: sidebardiscoveryrtl;
+}
+
+@-moz-keyframes sidebardiscovery {
+ from { -moz-transform: translateX(0); }
+ 10% { -moz-transform: translateX(-moz-calc(121px + @border_width_large@ + 2*@padding_normal@)); }
+ 45% { -moz-transform: translateX(-moz-calc(121px + @border_width_large@ + 2*@padding_normal@)); }
+ 55% { -moz-transform: translateX(-@sidebar_width_minimum@); }
+ 90% { -moz-transform: translateX(-@sidebar_width_minimum@); }
+ to { -moz-transform: translateX(0); }
+}
+
+@-moz-keyframes sidebardiscoveryrtl {
+ from { -moz-transform: translateX(0); }
+ 10% { -moz-transform: translateX(-moz-calc(-121px - @border_width_large@ - 2*@padding_normal@)); }
+ 45% { -moz-transform: translateX(-moz-calc(-121px - @border_width_large@ - 2*@padding_normal@)); }
+ 55% { -moz-transform: translateX(@sidebar_width_minimum@); }
+ 90% { -moz-transform: translateX(@sidebar_width_minimum@); }
+ to { -moz-transform: translateX(0); }
+}
+
+/* Tablet mode */
+
+.button-actionbar {
+ visibility: collapse;
+}
+
+.button-actionbar[disabled="true"] {
+ opacity: 0.5;
+}
+
+.button-actionbar:not([disabled="true"]):active {
+ background-color: #8db8d8;
+}
+
+#toolbar-main[tablet="true"] > .button-actionbar {
+ visibility: visible;
+}
+
+#controls-scrollbox[tablet="true"] > #controls-sidebar {
+ visibility: collapse;
+}
+
+#controls-scrollbox[tablet="true"] > #tabs-sidebar {
+ border: none;
+ position: fixed;
+ top: @touch_button_xlarge@;
+ visibility: collapse;
+}
+#controls-scrollbox[tablet="true"] > #tabs-sidebar:-moz-locale-dir(ltr) {
+ left: 0;
+}
+#controls-scrollbox[tablet="true"] > #tabs-sidebar:-moz-locale-dir(rtl) {
+ left: 0;
+}
+#controls-scrollbox[tablet="true"] > #tabs-sidebar[open] {
+ visibility: visible;
+}
+
+/* Text selection handles */
+
+#selectionhandle-start,
+#selectionhandle-end {
+ min-width: 35px !important;
+ width: 35px !important;
+ padding: 0 !important;
+ margin: 0 !important;
+}
+
+#selectionhandle-start {
+ list-style-image: url("chrome://browser/skin/images/handle-start.png");
+}
+
+#selectionhandle-end {
+ list-style-image: url("chrome://browser/skin/images/handle-end.png");
+}
+
+@media (min-width: @tablet_panel_minwidth@) {
+ #toolbar-main {
+ -moz-padding-start: @padding_xxxnormal@;
+ }
+}
diff --git a/mobile/themes/core/honeycomb/defines.inc b/mobile/themes/core/honeycomb/defines.inc
new file mode 100644
--- /dev/null
+++ b/mobile/themes/core/honeycomb/defines.inc
@@ -0,0 +1,222 @@
+%filter substitution
+
+%define color_background_active #fff
+%define color_background_default_window #fff
+%define color_background_default rgba(255,255,255,0.95)
+%define color_text_default #222222
+%define color_divider_border #333333
+%define color_button_border #5a5a5a
+%define color_background_dialog #fff
+%define color_text_dialog #000
+%define color_dialog_border #5a5a5a
+%define color_background_dlgbuttons #9a9a9a
+%define color_background_panel #d6d6d6
+%define color_text_panel #000
+%define color_background_header #292929
+%define color_text_header #999999
+%define color_background_scroller #9a9a9a
+%define color_background_textbox #fff
+%define color_text_textbox #000
+%define color_text_button #000
+%define color_text_disabled #808080
+%define color_text_placeholder #808080
+%define color_text_as_link #febc2b
+
+%define color_background_highlight #a7c5f4
+%define color_background_highlight_overlay rgba(167, 197, 244, 0.8)
+%define color_text_highlight #000
+%define color_selection #c0e49a
+
+%define color_subtext_default #aaaaaa
+
+%ifdef ANDROID
+%define font_xlarge 5.08mozmm
+%define font_xnormal 2.75mozmm
+%define font_normal 2.54mozmm
+%define font_snormal 2.33mozmm
+%define font_small 1.91mozmm
+%define font_xsmall 1.69mozmm
+%define font_tiny 1.48mozmm
+%define font_xtiny 1.27mozmm
+
+%define touch_row 7.41mozmm
+%define touch_button_xlarge 8.62mozmm
+%define touch_button_large 6.77mozmm
+%define touch_button_small 5.93mozmm
+%define touch_button_minwidth 11.86mozmm
+%define touch_action_minwidth 21.17mozmm
+%define touch_normal 6.77mozmm
+
+%define margin_context_popup 3.39mozmm
+%define margin_large 2.54mozmm
+%define margin_xxxnormal 1.69mozmm
+%define margin_xnormal 1.06mozmm
+%define margin_normal 0.85mozmm
+%define margin_snormal 0.64mozmm
+%define margin_small 0.42mozmm
+%define margin_tiny 0.21mozmm
+%define margin_xtiny 0.11mozmm
+
+%define padding_xlarge 3.39mozmm
+%define padding_large 2.54mozmm
+%define padding_xxxnormal 1.69mozmm
+%define padding_xxnormal 1.27mozmm
+%define padding_xnormal 1.06mozmm
+%define padding_normal 0.85mozmm
+%define padding_snormal 0.64mozmm
+%define padding_small 0.42mozmm
+%define padding_xsmall 0.21mozmm
+%define padding_tiny 0.11mozmm
+
+%define border_width_xxlarge 0.64mozmm
+%define border_width_xlarge 0.42mozmm
+%define border_width_large 0.32mozmm
+%define border_width_small 0.21mozmm
+%define border_width_tiny 0.11mozmm
+
+%define border_radius_normal 0.85mozmm
+%define border_radius_small 0.64mozmm
+%define border_radius_tiny 0.21mozmm
+
+%define shadow_width_xlarge 1.06mozmm
+%define shadow_width_large 0.64mozmm
+%define shadow_width_small 0.21mozmm
+
+%define textbox_height 5.08mozmm
+
+%define dropmarker_padding 0.53mozmm
+
+%define progressmeter_height 3.39mozmm
+
+%define urlbar_edit_height 6.35mozmm
+%define urlbar_edit_indent 0.85mozmm
+%define urlbar_max_width 96mozmm
+
+%define scroller_thickness 0.64mozmm
+%define scroller_minimum 1.27mozmm
+
+%define sidebar_width_minimum 8.47mozmm
+%define sidebar_button_height 7.41mozmm
+%define documenttab_margin_bottom 0.85mozmm
+
+%define placelabel_padding 8.47mozmm
+%define placeitem_padding 4.23mozmm
+
+%define autocomplete_item_container_image_padding 0.53mozmm
+%define autocomplete_item_container_position 0.21mozmm
+%define autocomplete_item_container_size 2.75mozmm
+%define autocomplete_item_container_padding 5.08mozmm
+
+%define autocomplete_item_subtitle_margin 2.75mozmm
+%define autocomplete_item_label_margin 3.18mozmm
+%define autocomplete_item_tags_margin 3.39mozmm
+
+%define autocompleteresult_padding 0.53mozmm
+
+%define dialog_width 76.2mozmm
+
+%define appmenu_portrait_height 21.17mozmm
+%define appmenu_button_height 10.48mozmm
+
+%define tablet_panel_controls 40mozmm
+%define tablet_panel_minwidth 124mozmm
+%else
+%define font_xlarge 48px
+%define font_xnormal 26px
+%define font_normal 24px
+%define font_snormal 20px
+%define font_small 18px
+%define font_xsmall 16px
+%define font_tiny 14px
+%define font_xtiny 12px
+
+%define touch_row 70px
+%define touch_button_xlarge 72px
+%define touch_button_large 64px
+%define touch_button_small 56px
+%define touch_button_minwidth 112px
+%define touch_action_minwidth 200px
+%define touch_normal 64px
+
+%define margin_context_popup 32px
+%define margin_large 24px
+%define margin_xxxnormal 16px
+%define margin_xnormal 10px
+%define margin_normal 8px
+%define margin_snormal 6px
+%define margin_small 4px
+%define margin_tiny 2px
+%define margin_xtiny 1px
+
+%define padding_xlarge 32px
+%define padding_large 24px
+%define padding_xxxnormal 16px
+%define padding_xxnormal 12px
+%define padding_xnormal 10px
+%define padding_normal 8px
+%define padding_snormal 6px
+%define padding_small 4px
+%define padding_xsmall 2px
+%define padding_tiny 1px
+
+%define border_width_xxlarge 6px
+%define border_width_xlarge 4px
+%define border_width_large 3px
+%define border_width_small 2px
+%define border_width_tiny 1px
+
+%define border_radius_normal 8px
+%define border_radius_small 6px
+%define border_radius_tiny 2px
+
+%define shadow_width_xlarge 10px
+%define shadow_width_large 6px
+%define shadow_width_small 2px
+
+%define textbox_height 48px
+
+%define dropmarker_margin 5px
+
+%define progressmeter_height 32px
+
+%define urlbar_edit_height 60px
+%define urlbar_edit_indent 8px
+%define urlbar_max_width 596px
+
+%define scroller_thickness 6px
+%define scroller_minimum 12px
+
+%define sidebar_width_minimum 80px
+%define sidebar_button_height 70px
+%define documenttab_margin_bottom 8px
+
+%define placelabel_padding 80px
+%define placeitem_padding 40px
+
+%define autocomplete_item_container_image_padding 5px
+%define autocomplete_item_container_position 2px
+%define autocomplete_item_container_size 26px
+%define autocomplete_item_container_padding 48px
+
+%define autocomplete_item_subtitle_margin 26px
+%define autocomplete_item_label_margin 30px
+%define autocomplete_item_tags_margin 32px
+
+%define autocompleteresult_padding 5px
+
+%define dialog_width 500px
+
+%define appmenu_portrait_height 200px
+%define appmenu_button_height 99px
+
+%define tablet_panel_controls 270px
+%define tablet_panel_minwidth 801px
+%endif
+
+%ifdef MOZ_PLATFORM_MAEMO
+%define orientation -moz-device-orientation
+%elifdef ANDROID
+%define orientation -moz-device-orientation
+%else
+%define orientation orientation
+%endif
diff --git a/mobile/themes/core/honeycomb/images/back-default-hdpi.png b/mobile/themes/core/honeycomb/images/back-default-hdpi.png
index 8c2387cfcbecbcd57f1701b1427b4343c39b919c..7e36213d0c299dd7a4ba326d3cb82263b83599a7
GIT binary patch
literal 649
zc$@)=0(Sk0P)E@KDVmW~2qyGF
z5pZ2g@>Aq-&%Lm0x0FN-whAwD7AA*v94JHrTQ
z17eAu6Ic`C5#p8QgI#)l%=5hJcja>V8x@U4C0Ukt+-~<-83Lxm--qH96bB)KH|57K_K@7jW95W6d5gEtDvVhtLg6WSl`a?pSt={X#9n
zVQm~LnM_{8
diff --git a/mobile/themes/core/honeycomb/images/bookmark-default-hdpi.png b/mobile/themes/core/honeycomb/images/bookmark-default-hdpi.png
index afd9c89544d6a5255505967b44b11040b5150465..2660b4755f6b6ca4da591af9bfa8f79d41803d6c
GIT binary patch
literal 1198
zc$@*Q1X25mP)@tAw48&m=UG;=z|~;fe7M!si44zCSo88lhE8W
z%O1>s)0~xke{wEd1WUbZOgR_69Pc^zT+e5}^ZRqglp7lxii3C^QXJ5WgK;np#=$rk
z2jgHIjDvA74)&ie4HU`RkX%BDpiEE%lA&^77s~
zoz4LQ#M~u}?N5tg;W{*i(a}+Je}8|`%*>1hU>>$Dm-e%d5kO=^L&N3u_4UJJV`CSZ
zo13%9g3OZp4-5-85CB()Uu!yRvs#|0&T(1Q|_&7T|YlYP=
zU@QuX{%`-CzNOl$EEWs3T1XEWp%~~GWQMH0y}eiQ%mxC*YISwB!)~`frF)yr=EeAV
z$O4(zoGA7V9eby&wJBwM{bpc36u~U7VZn%`qBb`-_dfZRUa#*O9v;3)ldM*2PaqJm
zA&9iLw6ye~YYqAh1z5Yv-cM=a8|&ZowO25Mn42gVEG#S-CMG6M&d<*ug<_VMmt*{X
z|K>JRDwRL-^YgQtnwlo*J~K13*yr;-7GGpE8hvWD+8-Mm`$?@xMl+C|oqeyhwbdi-Cph?8(c0RYeY?5E#l;Wn>+7H6&rd9|
zht^^xB_(&_z*()n6TPP@yQd3jA(RX~OYHVz@B_$;d(%i(vM1OmG`wjG;X5;F;
zu1_H|`cMRm6X9rKyMdEJQKTFh8M!2Z66CBc7~x*c;7-%0Ey6h*jtBn&OG!z2wFN2-
zij@mRlAWNDqXNtiX5bg^3knLJZN}=w#j}5#*V)+_Df(1LN5}2tx#+0;ok+6n_iHl1fbxp7I&pASsWE12r`@aambeMTLchj;X0B
zL7EPzMJ_ypM#~g-$Ck~7O-@dx(2dDta${SbL!P@vTaNm?UataqZ5oN#os*OEM5ogY
zQ!c|Zrp*^Sjh1x96*imDE}kpht)AxI2TRYFBDsuELISC9#ye
zdCUr(rK1h}?H#qaKNXA|CimE~)xS=#V~oI#981hntAD9CrAHr{^F3JKU@3$6a|jjN
zN&<^)tGg(uwQNq%zTi>v-+6E_4#vSa7zg8E9E^i;Fb;M=u0H|{0ADRxejA&CMF0Q*
M07*qoM6N<$f-%V{m;e9(
diff --git a/mobile/themes/core/honeycomb/images/bookmark-starred-hdpi.png b/mobile/themes/core/honeycomb/images/bookmark-starred-hdpi.png
index ee1defd1185c85af9853de567c21e4c6283d35ad..5c8473144eab95527324e386cef57392cd39efcb
GIT binary patch
literal 1201
zc$@*T1Wx;jP)C%H?kyZreOVk=&G(vhx5tN`5>7@uGB7{&%C6vNKL`#&&6@BoU
zu9w1fbx)S-vVGraj%|V0UAI+c;Lq%wbLQ;)&iBoH-yDv_X0ws4SUkuUEewo-F)#+k
zz!(?Z@&oap8PK>}gK0FH6|d>*>r+Cd%*n~Ql%Ag6
zq}6IaARzReg>#$JVlZ$os1$m=KCHR9`INz6Py<*Gb<5e!JjW2gzo@9_w8dia?(OYO
zE-fuhK?_n#Zay#=xB>ytS{)r7TJd;wb@e$q-+VT!#SqLdFE8&3S}P^Vk3@vZ$;8A&
zG*~Se&g}&4+OU7ew^ZwuTCK)f4)OshK>?s3P#7q>wzl>>Tw{xgim(kfrrGY^I&8ys
zLPEk2oIeUugFjRn
zOG_)km2Rnv5@USGor@tPGF<-GafEyEW{R|T^Gp6gW@ct_VPWAj_&GoWyK60$m6dh9
zt*s5+iWKWYNtlWw!MiyU8n`+y>h7N-GrW~Ns`*OZew-mPne2Ohe*Vqu?CcN!!(t+w
z3cU&D%h|fRIvpN7p1hshyAi(Xn~Z<6kjo`Qq_c;&hiZjW2GBRqysI-0%p4X#ma?+4
zr+A>Dq2a=-_tW0^do^(OP&n5rD=V+Y#>Ng)s7ZQ%*T*r)_vXYw0NfLN+W6D~jywd{
zTB+QAF!C=HCXXYILOCTs1Kd2F2L^PZjEs!?c>JS&`T1@#TNme)9n=_|R|}4g%PE-$
zz*%stpdYJFB7L_BHD)CMHA7u{(j8MOTn0Tco?#zu6%MdK
zEKI_XN9A_g7GYq6gM$aKkrd-gT0WV{jrk03{E$E;)&lHk$FdGfl&B&1qcaGypk&bgJvAZJ9E=3tAmLrkT_
zg&{sZzOJC4;5p1ATwtUS?;B=C-tLp0NIsxrO&_0j~w<7;sy9c*5
zphLK|Nli_Chc&b#K~hJzEGUVSz8XLm3Z}0Dr1VYHEVb0!GAWsY_VJ^AjLv$4C2`{C
z5HjjYQo6Futs&=>(>_jn!6RYcc`z^r#=saD17lzejDayQ2DU}YF98Msq8!5gHR8@I
P00000NkvXXu0mjfCapES
diff --git a/mobile/themes/core/honeycomb/images/forward-default-hdpi.png b/mobile/themes/core/honeycomb/images/forward-default-hdpi.png
index 4bcf5010976b5a260fa40240f8fa36c4149d2a94..e375855634eaa2c1a01837ca86aac9d97b88df94
GIT binary patch
literal 594
zc%17D@N?(olHy`uVBq!ia0vp^W+2SL1|)l2v+e>Z$r9IylHmNblJdl&R0hYC{G?O`
z&)mfH)S%SFl*+=BsWuD@j9)xm978H@y_xCg&EzQ3aM>i=(YM1@Ymtr0Mvo3}MW+XW
zyGu=P*k4%coqj&{7pq*$A9l64*Am_8tu`(qt^ti95!u|i`AKF>oV?|7EAk&W%O)Pr
zfBtsgcK_+Ak;02DVpQCcP|&kG9~g=cm^@(Pc`()ZN>XBiAV-0r+83rfi%u9CGM-^r
z{j?~u+ime%50#`;qnW`oZnIot*uS8(zJS{*UgyuBr9qjuO?*3jO=h26n`2geqI|;J
zCGk(%I)#4kn^&~+PUrR4wVTxgpR%+$O9XJY9-1fHXC{%T8FYsE%y&(38MTddPbW1n
zoj9y=Em&`^-|Mecwe0)i%Y*ow*DQ}wnz*AZD$i*C`D78M`3J14dyhXpKS?F_O4e3h
zYf*_d!8Kv4Pljlf>Yd(n@?EBb^zKg^PA^%>cx`U3iPY&?%Vf7ktyQfy65+Zl(tWhn
zHBj&2W7`i6s>hayRmgqf-PNlg{z9>w-6pYP`|Pd$wY~L-M-L3WS^rV>
a07Jvei#;pEre6al5(ZCKKbLh*2~7Ym7zI`U
diff --git a/mobile/themes/core/honeycomb/images/menu_hdpi.png b/mobile/themes/core/honeycomb/images/menu_hdpi.png
new file mode 100644
index 0000000000000000000000000000000000000000..45939f6522bf24a047c6db192387a1aa8600cd9c
GIT binary patch
literal 419
zc%17D@N?(olHy`uVBq!ia0vp^K0s{7!3HFA_3C?olw^r(L`iUdT1k0gQ7VIDN`6wR
zf@f}GdTLN=VoGJ<$y6H#21Zv;7srr_TW@aIavgFIXiHR9y5%CEz4dgYP4k503IYFw
zx!x5`GD>r!mR>y6;X9|5gG-F-_u)0~4cljSUTeD~coZQpU0v<=fPt!%E2-*rFOCm}6$Y2>uGx%YRhS~Yd?RPVN%
ztBxF=`R~rhX*Nf;slJ}R_NCUB#Z}%yzgp~EUkC%qh5j#s!KCo7gHH8#{-%c|F6Pv6
zkzCXI#pRby?Uq)t8mk4p4zMkmdKI;Vst
E07$;G%m4rY
diff --git a/mobile/themes/core/honeycomb/images/navigation-magnifier-30.png b/mobile/themes/core/honeycomb/images/navigation-magnifier-30.png
index 48001657c4651509a3b009ca0f595c5d17fd5da2..0701804bedc77f36c9237763ec1ff08a6e66d27d
GIT binary patch
literal 483
zc$@*_0UZ8`P)stBD;A&|
zBoj25pz#DrH)tnlI{}Q44Z;Rt0n~0#HXw&|mQI#k=pWY*tU_Nf&vSElARS4C82%=mNpGai_5HSOlXTjebS0G*
zup#bAC(@T=Ea~*T2p|>dk(7}hgu~X>ymX;aYQ72(n$?KZ9LBc-+&i46)U$9{<(V@;
z-1G5e|$3fka;0-FQcCx7l3jL%`FYo58QDi64i
z(7=K>0&WHuk)Ab!G^_t7Ufjx%jUb90!5ocX&&7Pl@W$#}De76WJA#hEZ8`lqtE;{^
zihcP@Iw#>Y385C!kMfAA>A0j5`gRKZy&K=AZee-*5b`+{O}o*k+eHY=e??Ww+BH8K@W(11;n=G_6+q*YoV`EJ7+HP*Pfx
zgod|3JD>z;6SNMJgUW-!pmun8SnqT?U(@^zURW9clM^tM%;WKBLZMK_^z`&q9M@FS?RGnLI-L)mM+ta-Ljzd&UIkhV!fI=4yFWfYem4?{RI=y!
ze7@ARx3_n-y1M#pM@PpCw61}HfzD(yiB{?3lTSmRQ~_J8vbD9AW8Cgt$SS(IdRaJRwYimC=G&F>bMq>=-7{CI}larIT
z5mqh$;{uw59JvgA5(7-BRDSC3@9zXq-_furTJC`_Td`Oyi(rkGTmi-fw3O3tZfl`9mACCcM=@)g=~R5%>gF&*gi$%n0{&0S?c1Gohcv(8c0x>3JDYn1rrB{Xye
zg^5I>G{e|#TGfD-v&72jP$E`q@0wxMaRU+e1mE(s+ikV~3Po?CrM!5P1~{(7|u%
z_4*m6V`5_B23$%hTK+dpl;y8c7qFx>7z}SP7+~}q8X9^C!5~c0bL}4qv4pl}5vy?L
zP0E2kIA$`LJotd%91h20I_6OUoHGRI-~jgP<`FT|WuhE^nZv9TS}ZouYbE
z4QYseZf@=(j$@frQ&Teo+ciW5{TfBi)ohneoI=ZFNOW9OLMo<`tAN04QPkZeXd7HF
zSd?S`8Y&`S#c9yC`JCM5MH9ZT3(y2;IotjSFaWJubs8M#5G4Qr002ovPDHLkV1gy`
B>|p=^
diff --git a/mobile/themes/core/honeycomb/images/stop-hdpi.png b/mobile/themes/core/honeycomb/images/stop-hdpi.png
index 2a2fcdfddddc29f595c6a2f6438a1b94b27e1387..87b71377cbb741e2e3ff126183f2ce4068f1306c
GIT binary patch
literal 773
zc$@(R1N!`lP)YlSM*1
z+tBcA^&kA;Gb0k3sE7MW^CS=HfOJIKo8U7?T429p_S@t7nV)I+;ukud&b4y6e3$Ag
zq)QCa4%i~b!Kcw^=-l=R`N@$+{byYy>G62H6%L1o(P(t1-EQ9_+bYRFX1tGdg>*fc
zOum6nBogUUJ3(3&@cu$(+IL7*)jk@%UT-Oz%|54@cbS?&%Z&5$EcB&PsZzJwy#=G!
z>qS@&M1-cO@WlFc&}=r>X~t~XfP;dt#bU9SCNNFYcI)-}!;!Vn5#b5VSwn72sIH<8
z+bR8iLGLaMnk~3$wfevcOxN|d(*O)|3%*Y?cg6Y9HA_*HuUNMbwrC@aDV(2hNPZ%H
z7WvZdDY%3j3(hPIY@LC9#1bgeD3|LSX`ghG$z)zxJK1)^W4_4T^H)ZKT{2Xw)ozqZ
zrDxUwu%QoQNCD0w91HC?V1vP6)(pvXI=z89Z0Ms*;0}We2?r-=2bv*;NHOe`IN_VS
zWImsNfgP2!hPr7V>09GWz~i(d$D$1|6Uy?mf)fEuBVDDCdu#*D!}_L5L+^nQ>n-mrSO~ic~^2I~SCttT(EmtCu*en){n|xsXKr%+g8f-hx
z<#OBf`KVH<+z$i-??mRFA`Z6--(28c&C6eYpAW9agq`+0UqTw}_ny>uN=BeCFx9;E
z-~;TWqOp&`etoCRH2KGhgeHrGCZS1a5}M=64*>=M<9V#VCrZ<*00000NkvXXu0mjf
DamsKZ
diff --git a/mobile/themes/core/honeycomb/images/tabs-hdpi.png b/mobile/themes/core/honeycomb/images/tabs-hdpi.png
new file mode 100644
index 0000000000000000000000000000000000000000..1d06449729d457b5dfa7a940ec6637b9beee58a8
GIT binary patch
literal 802
zc$@(u1Ks?IP)&m7^z48jf(#hBOu`CJ-PI!I+R5SANCd%=%uk
zHX0UvEQ`z}leY{T_U(u7%$t3%F`Z6rWWTpfLO^f`4#6Qf1c%@d9D+k|$OsO>Avgqw
z;8@SL1bxOnxMNAMhu|vsxfS8uV7|8`I0)toJ3hA(94A6ar_+xznas1vWOCVTGG4Fu
zxKJoOfx|1J;r#12jj7};m&?&*fI(}uT1WYO{x%$56_g48S3xe7N_Sw`2H&w-&H2S#
zF4tMHSbVx@AmMO0r>ZJ01h#6mdLM=tEX`HR!eKT5|F}Rl2X42!TC3F_;)`~>eV3)U
z!_vyp1M>U*!U5Im^<5Zt1A)K^htu!(J(Wu3AQTGW^)7*bU)P#5LXSiu@Abi4E*BH6
zo|S_GY8+$ZmrN$BcDwx>k2e~P04vDb>%LlHS3Hnq`HTme%_grq&UJ@_1%Ie0%3B`j
z^?HX4jDwT|fa3A^u|5c$`U8>bSxGohcd#grq3*oX$FWlvsh(BtkTvyS)5!zfZdVc6
zDX%gdt?u}IzEd9PbUKHm9G!Ba(P)_m@ZmR`%?25q9W&ub;4-+Pb7_fnM^jEJm3pm@
z!*kscQ_rmnbCu_v@75e(+_s+^T22e82OGkXBuQ<2gka6!Js7SrznF%6Q>-r%j<%@<
zOXqXePgp6nh8~aSl*7UO9Z=QFKkODfX7|z;nO0iwU@*_CtUH02&b4P0_Pip#T5?07*qoM6N<$f<;Deod5s;
diff --git a/mobile/themes/core/honeycomb/images/urlbar-border-bottom-active.png b/mobile/themes/core/honeycomb/images/urlbar-border-bottom-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..0c2e114032ef299bbfe58e0ccf08e1ca0ac69b7e
GIT binary patch
literal 182
zc%17D@N?(olHy`uVBq!ia0vp^OhC-Y!3HG1DAjj?IK@HkP7LeL$-D$|*pj^6T^Rm@
z;DWu&Cj&(|3p^r=85p>QL70(Y)*K0-AbW|YuPgg)4lyAyKGC(WfFcZ%C9V-A&iT2y
zsd*&~&PAz-C8;S2<(VZJ3hti10pX2&;y^`$o-U3d9M_X$>b{(=X9EHT(FEp1nPkN<
OkP)7)elF{r5}E+el`ORY
diff --git a/mobile/themes/core/honeycomb/images/urlbar-border-bottom.png b/mobile/themes/core/honeycomb/images/urlbar-border-bottom.png
new file mode 100644
index 0000000000000000000000000000000000000000..d527d50bbf5682d1e148fd1903a4c8925a598700
GIT binary patch
literal 182
zc%17D@N?(olHy`uVBq!ia0vp^OhC-Y!3HG1DAjj?IK@HkP7LeL$-D$|*pj^6T^Rm@
z;DWu&Cj&(|3p^r=85p>QL70(Y)*K0-AbW|YuPgg)4lyAyHtDh?BcPCEiEBiObAE1a
zYF-J0b5UwyNotBhd1gt5g1e`0KzJjcI8c$Gr;B3<$MxitgoGdG4;(naz`)AO$oPB5
RenFrlgQu&X%Q~loCIH)(F6jUO
diff --git a/mobile/themes/core/honeycomb/images/urlbar-border-left-active.png b/mobile/themes/core/honeycomb/images/urlbar-border-left-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..d422717f790b8246c459a20446176289ba691c9a
GIT binary patch
literal 185
zc%17D@N?(olHy`uVBq!ia0vp^j6lr6!3HEPq^3H81d4;)ofy`glX(f`uqAoByDx`7I;J!Gca%qgD@k*tT_@uLG}_)Usv|q9AZME@*xH@4S_b{(=S7QT$KP(LO{LFb$
TPTyYux`7I;J!Gca%qgD@k*tT_@uLG}_)Usv|q9AZMkvTsu2X9I;KOI#yLobz*Y
zQ}ap~oQqNuOHxx5$}>wc6x=<11Hv2m#DR)LJY5_^IIbrrBqaPef8@Y{0}b;T7*u5#
V`7T=KB?09bJYD@<);T3K0RU7ZFs1+i
diff --git a/mobile/themes/core/honeycomb/platform.css b/mobile/themes/core/honeycomb/platform.css
new file mode 100644
--- /dev/null
+++ b/mobile/themes/core/honeycomb/platform.css
@@ -0,0 +1,767 @@
+/* ***** BEGIN LICENSE BLOCK *****
+ * Version: MPL 1.1/GPL 2.0/LGPL 2.1
+ *
+ * The contents of this file are subject to the Mozilla Public License Version
+ * 1.1 (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ * http://www.mozilla.org/MPL/
+ *
+ * Software distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
+ * for the specific language governing rights and limitations under the
+ * License.
+ *
+ * The Original Code is Mozilla Mobile Browser.
+ *
+ * The Initial Developer of the Original Code is
+ * Mozilla Corporation.
+ * Portions created by the Initial Developer are Copyright (C) 2008
+ * the Initial Developer. All Rights Reserved.
+ *
+ * Contributor(s):
+ * Mark Finkle
+ *
+ * Alternatively, the contents of this file may be used under the terms of
+ * either the GNU General Public License Version 2 or later (the "GPL"), or
+ * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
+ * in which case the provisions of the GPL or the LGPL are applicable instead
+ * of those above. If you wish to allow use of your version of this file only
+ * under the terms of either the GPL or the LGPL, and not to allow others to
+ * use your version of this file under the terms of the MPL, indicate your
+ * decision by deleting the provisions above and replace them with the notice
+ * and other provisions required by the GPL or the LGPL. If you do not delete
+ * the provisions above, a recipient may use your version of this file under
+ * the terms of any one of the MPL, the GPL or the LGPL.
+ *
+ * ***** END LICENSE BLOCK ***** */
+
+/* global skin ------------------------------------------------------------- */
+@import url(chrome://global/skin/);
+
+%filter substitution
+%include defines.inc
+
+/* general stuff ------------------------------------------------------------ */
+:root {
+ font-family: "Nokia Sans", Tahoma, sans-serif !important;
+ font-size: @font_normal@ !important;
+ background-color: @color_background_default_window@; /* force */
+ color: @color_text_default@; /* force */
+}
+
+::-moz-selection {
+ background-color: @color_selection@;
+ color: @color_text_highlight@;
+}
+
+menu,
+menuitem {
+ padding: 0 !important;
+ margin: 0 !important;
+}
+
+description,
+label {
+ /* force mac to use the same margins as windows and linux */
+ -moz-margin-start: @margin_snormal@;
+ -moz-margin-end: @margin_snormal@;
+}
+
+/* Override any OS inverse themes */
+textbox {
+ color: @color_text_textbox@;
+ background-color: @color_background_textbox@;
+}
+
+/* textboxes --------------------------------------------------------------- */
+textbox:not([type="number"]) {
+ min-height: @textbox_height@;
+ border: @border_width_small@ solid @color_button_border@;
+ -moz-border-top-colors: -moz-initial;
+ -moz-border-right-colors: -moz-initial;
+ -moz-border-bottom-colors: -moz-initial;
+ -moz-border-left-colors: -moz-initial;
+}
+
+textbox[isempty="true"] {
+ color: @color_text_placeholder@;
+}
+
+textbox.search-bar {
+ border: @border_width_small@ solid rgba(0,0,0,0.4);
+ background-color: #f9f9f9;
+ background: url("chrome://browser/skin/images/textbox-bg.png") top left repeat-x;
+ background-size: 100% 100%;
+}
+
+textbox[disabled="true"] {
+ background-color: lightgray;
+}
+
+.link {
+ color: @color_text_as_link@;
+ text-decoration: underline;
+}
+
+/* sidebars spacer --------------------------------------------------------- */
+.sidebar-spacer {
+ background-color: #767973;
+}
+
+/* prompt dialogs ---------------------------------------------------------- */
+.context-block,
+.modal-block,
+.perm-modal-block {
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ background-color: rgba(0,0,0,.6);
+}
+
+.context-block {
+ padding: @margin_context_popup@;
+}
+
+.dialog-dark,
+.panel-arrowcontent {
+ background-color: @color_background_dialog@;
+ box-shadow: black 0 @border_radius_tiny@ @border_radius_tiny@, black 0 -@border_radius_tiny@ @border_radius_tiny@;
+ padding: 0;
+}
+
+@media (max-width: 499px) {
+ .context-block {
+ padding: @padding_xlarge@;
+ }
+}
+
+dialog > .prompt-header > .prompt-message {
+ white-space: pre-wrap;
+}
+
+dialog > .prompt-header > .button-checkbox {
+ margin-left: @margin_large@;
+}
+
+/* buttons ----------------------------------------------------------------- */
+.button-text,
+.toolbarbutton-text {
+ font-weight: normal;
+ font-size: @font_snormal@ !important;
+}
+
+button {
+ -moz-appearance: none;
+ min-width: @touch_button_minwidth@ !important;
+ min-height: @touch_button_small@ !important; /* button size */
+ color: @color_text_button@;
+ margin: @margin_normal@;
+ padding: @padding_xnormal@;
+ background-image: url("chrome://browser/skin/images/button-bg.png");
+ background-size: auto 100%;
+ border: @border_width_tiny@ solid @color_button_border@;
+}
+
+button[disabled="true"] {
+ color: @color_text_disabled@ !important;
+ border: @border_width_tiny@ solid @color_button_border@ !important;
+}
+
+button:focus > .button-box {
+ border: @border_width_tiny@ solid transparent;
+}
+
+button:not([disabled]):active,
+button:not([disabled])[checked="true"] {
+ background-image: url("chrome://browser/skin/images/toggle-off.png");
+}
+
+/* Override GTK2 system setting */
+.button-icon {
+ display: -moz-initial !important;
+}
+
+/* spinbuttons ------------------------------------------------------------- */
+spinbuttons {
+ border: none !important;
+}
+
+.numberbox-input-box {
+ border: @border_width_small@ solid @color_button_border@;
+ border-right: 0 solid transparent;
+ -moz-border-top-colors: -moz-initial;
+ -moz-border-bottom-colors: -moz-initial;
+ -moz-border-left-colors: -moz-initial;
+}
+
+.numberbox-input-box:-moz-locale-dir(rtl) {
+ border-right: @border_width_small@ solid @color_button_border@;
+ border-left: 0 solid transparent;
+}
+
+.spinbuttons-box {
+ border: none !important;
+ -moz-box-orient: horizontal !important;
+ -moz-box-direction: reverse !important;
+}
+
+.spinbuttons-up .button-icon,
+.spinbuttons-down .button-icon {
+ display: block;
+}
+
+.spinbuttons-up,
+.spinbuttons-down {
+ -moz-appearance: none !important;
+ min-width: @touch_button_small@ !important; /* button size */
+ min-height: @touch_button_small@ !important; /* button size */
+ color: @color_text_button@;
+ margin: @margin_normal@;
+ padding: @padding_xnormal@;
+ background-image: url("chrome://browser/skin/images/button-bg.png");
+ background-size: auto 100%;
+ border: @border_width_tiny@ solid @color_button_border@;
+ list-style-image: url("chrome://browser/skin/images/arrowdown-16.png");
+}
+
+.spinbuttons-up:active:not([disabled=true]),
+.spinbuttons-down:active:not([disabled=true]) {
+ background-image: url("chrome://browser/skin/images/toggle-on.png");
+}
+
+.spinbuttons-up {
+ list-style-image: url("chrome://browser/skin/images/arrowup-16.png");
+}
+
+/* toolbar buttons --------------------------------------------------------- */
+toolbar {
+ -moz-appearance: none;
+ background-color: @color_background_default@;
+ max-height: @touch_button_large@;
+}
+
+toolbarbutton {
+ min-width: @touch_button_large@ !important; /* primary button size */
+ min-height: @touch_button_large@ !important; /* primary button size */
+ -moz-appearance: none !important;
+ margin: 0;
+ padding: @padding_xsmall@;
+}
+
+toolbarbutton:not(.show-text) .toolbarbutton-text {
+ display: none;
+}
+
+.toolbarbutton-icon[label]:not([label=""]),
+.toolbarbutton-icon[type="menu"] {
+ -moz-margin-end: @margin_tiny@;
+}
+
+toolbarbutton:not(.show-text) .toolbarbutton-icon,
+toolbarbutton:not([image]) .toolbarbutton-icon,
+toolbarbutton[image=''] .toolbarbutton-icon {
+ -moz-margin-end: 0;
+}
+
+toolbarbutton:not([disabled="true"]):active,
+toolbarbutton[open="true"] {
+ border-color: transparent;
+ background-color: @color_background_highlight@;
+}
+
+/* checkbox buttons ----------------------------------------------------------- */
+.button-checkbox {
+ padding: 0 !important;
+ background: none !important;
+ border: none !important;
+ -moz-border-image: none !important;
+ color: @color_text_default@;
+ -moz-box-align: center;
+ font-size: @font_small@;
+ -moz-box-align: center;
+}
+
+.prompt-checkbox-label {
+ text-align: left;
+}
+
+.button-checkbox > .button-image-icon {
+ -moz-margin-end: @margin_normal@;
+ list-style-image: url("chrome://browser/skin/images/check-unselected-hdpi.png");
+}
+
+.button-checkbox[checked="true"] > .button-image-icon {
+ list-style-image: url("chrome://browser/skin/images/check-selected-hdpi.png");
+}
+
+.button-checkbox > .button-box,
+.button-checkbox:active > .button-box,
+.button-checkbox[checked="true"] > .button-box {
+ padding-top: @padding_tiny@;
+ padding-bottom: @padding_xsmall@;
+ -moz-padding-start: @padding_small@;
+ -moz-padding-end: @padding_small@;
+}
+
+/* radio buttons ----------------------------------------------------------- */
+radiogroup {
+ -moz-box-orient: horizontal;
+}
+
+.radio-label {
+ font-weight: normal;
+ font-size: @font_snormal@ !important;
+}
+
+radio {
+ -moz-appearance: none;
+ min-width: @touch_button_small@ !important; /* button size */
+ min-height: @touch_button_small@ !important; /* button size */
+ color: @color_text_button@;
+ padding: @padding_xnormal@;
+ margin: 0;
+ background-image: url("chrome://browser/skin/images/button-bg.png");
+ background-size: auto 100%;
+ border-top: @border_width_tiny@ solid @color_button_border@;
+ border-bottom: @border_width_tiny@ solid @color_button_border@;
+}
+
+radio .radio-icon, radio .radio-check {
+ display: none;
+}
+
+radio:not([disabled=true]):active,
+radio[selected] {
+ color: white;
+ background-image: url("chrome://browser/skin/images/toggle-on.png");
+}
+
+radio:first-child {
+ border-left: @border_width_tiny@ solid @color_button_border@;
+}
+
+radio:first-child:-moz-locale-dir(rtl) {
+ border-left: none;
+ border-right: @border_width_tiny@ solid @color_button_border@;
+}
+
+radio:last-child {
+ border-right: @border_width_tiny@ solid @color_button_border@;
+}
+
+radio:last-child:-moz-locale-dir(rtl) {
+ border-right: none;
+ border-left: @border_width_tiny@ solid @color_button_border@;
+}
+
+radio[focused="true"] > .radio-label-box {
+ border: @border_width_tiny@ solid transparent;
+}
+
+/* checkbox --------------------------------------------------------------- */
+checkbox {
+ margin: @margin_tiny@ @margin_small@ @margin_tiny@ @margin_small@; /* match platform style for buttons */
+ -moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox-with-spacing") !important;
+}
+
+/* stop the focus from moving/showing the border around the label, which we don't use */
+checkbox:focus > .checkbox-label-center-box > .checkbox-label-box {
+ border: 1px solid transparent;
+}
+
+.checkbox-check {
+ border: 2px transparent;
+ -moz-border-top-colors: -moz-initial;
+ -moz-border-right-colors: -moz-initial;
+ -moz-border-bottom-colors: -moz-initial;
+ -moz-border-left-colors: -moz-initial;
+ width: 46px;
+ height: 46px;
+ background: url("chrome://browser/skin/images/check-unselected-hdpi.png") no-repeat 50% 50%;
+}
+
+checkbox[checked="true"] > .checkbox-spacer-box > .checkbox-check {
+ background-image: url("chrome://browser/skin/images/check-selected-hdpi.png");
+}
+
+checkbox[checked="true"][disabled="true"] > .checkbox-spacer-box > .checkbox-check {
+ background-image: url("chrome://browser/skin/images/check-selected-hdpi.png");
+}
+
+/* richlistbox ------------------------------------------------------------- */
+richlistbox {
+ color: @color_text_default@;
+ background-color: @color_background_default@;
+ -moz-user-focus: ignore;
+ margin: 0;
+}
+
+richlistitem {
+ -moz-user-focus: ignore;
+ min-height: @touch_row@; /* row size */
+ padding: @padding_small@;
+ border-bottom: @border_width_tiny@ solid @color_divider_border@;
+}
+
+richlistitem label.title,
+richlistitem description.title {
+ font-size: @font_normal@ !important;
+}
+
+richlistitem label.normal,
+richlistitem description.normal {
+ color: @color_subtext_default@;
+ font-size: @font_small@ !important;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+richlistitem label.normal-black,
+richlistitem description.normal-black {
+ font-size: @font_small@ !important;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+richlistitem label.normal-bold,
+richlistitem description.normal-bold {
+ font-weight: bold;
+ font-size: @font_small@ !important;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+richlistitem[selected="true"] {
+ color: @color_text_default@;
+ background-color: @color_background_default@;
+}
+
+richlistitem:active:not([selected="true"]):not([nohighlight="true"]),
+richlistitem:active:not([selected="true"]):not([nohighlight="true"]) label.normal,
+richlistitem:active:not([selected="true"]):not([nohighlight="true"]) description.normal {
+ background-color: @color_background_highlight@;
+ color: @color_text_highlight@;
+}
+
+richlistitem.section-header,
+richlistitem[selected="true"].section-header {
+ font-weight: bold;
+ color: @color_text_header@;
+ background-color: @color_background_header@;
+}
+
+richlistitem .show-on-select {
+ visibility: collapse;
+}
+
+richlistitem[selected="true"] .show-on-select {
+ visibility: visible;
+}
+
+richlistitem .hide-on-select {
+ visibility: visible;
+}
+
+richlistitem[selected="true"] .hide-on-select {
+ visibility: collapse;
+}
+
+richlistitem[typeName="message"] {
+ border-bottom: 0;
+}
+
+/* colorpicker ------------------------------------------------------------- */
+colorpicker > panel {
+ background-color: #767973;
+}
+
+colorpicker > vbox {
+ background-color: #767973;
+}
+
+/* textbox ----------------------------------------------------------------- */
+.textbox-search-icon {
+ list-style-image: url("chrome://browser/skin/images/search-glass-30.png");
+ -moz-image-region: auto;
+}
+
+.textbox-search-clear {
+ list-style-image: url("chrome://browser/skin/images/search-clear-30.png");
+ -moz-image-region: auto;
+}
+
+/* menulist ---------------------------------------------------------------- */
+.menulist-label {
+ font-family: "Nokia Sans", Tahoma, sans-serif !important;
+ font-weight: normal;
+ font-size: @font_snormal@ !important;
+ background-color: transparent !important;
+}
+
+menulist {
+ -moz-appearance: none !important;
+ -moz-user-focus: ignore;
+ min-width: @touch_button_minwidth@ !important;
+ min-height: @touch_button_small@ !important; /* button size */
+ color: @color_text_button@ !important;
+ margin: @margin_normal@;
+ padding: @padding_small@ @padding_xnormal@;
+ background-image: url("chrome://browser/skin/images/button-bg.png");
+ background-size: auto 100%;
+ border: @border_width_tiny@ solid @color_button_border@;
+}
+
+menulist[disabled="true"] {
+ color: @color_text_disabled@ !important;
+ border: @border_width_tiny@ solid @color_button_border@ !important;
+}
+
+menulist:not([disabled="true"]):active {
+ background-image: url("chrome://browser/skin/images/toggle-off.png");
+}
+
+menulist > dropmarker {
+ height: 32px;
+ width: 32px;
+ margin-left: @margin_snormal@;
+ background-color: transparent; /* for windows */
+ border: none; /* for windows */
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ list-style-image: url("chrome://browser/skin/images/dropmarker-hdpi.png");
+ -moz-image-region: auto;
+ display: block;
+}
+
+menulist[disabled="true"] > dropmarker {
+ opacity: 0.5;
+}
+
+/* progressmeter ----------------------------------------------------------- */
+progressmeter {
+ background-color: #fff;
+ padding: @padding_small@;
+ height: @textbox_height@;
+ border: @border_width_large@ solid #aaa;
+ -moz-border-top-colors: -moz-initial;
+ -moz-border-right-colors: -moz-initial;
+ -moz-border-bottom-colors: -moz-initial;
+ -moz-border-left-colors: -moz-initial;
+}
+
+.progress-bar {
+ background-color: @color_background_highlight@;
+}
+
+/* panels / arrowboxes------------------------------------------------------ */
+arrowbox {
+ -moz-appearance: none;
+ background: transparent !important;
+ border: none;
+}
+
+.arrowbox-dark .panel-arrowcontent {
+ padding: @padding_normal@; /* core spacing */
+}
+
+dialog,
+.arrowbox-dark .panel-arrowcontent,
+.panel-dark {
+ color: @color_text_default@;
+ background: @color_background_default@;
+}
+
+dialog,
+.arrowbox-dark .panel-arrowcontent {
+ border: @border_width_small@ solid @color_dialog_border@;
+ box-shadow: black 0 @shadow_width_small@ @shadow_width_small@;
+}
+
+dialog {
+ margin: @margin_xxxnormal@ !important;
+ max-width: @dialog_width@;
+}
+
+.prompt-message {
+ -moz-box-pack: center;
+ font-size: @font_snormal@;
+ margin: @padding_normal@;
+}
+
+.prompt-title {
+ font-size: @font_xnormal@;
+ padding-top: @padding_xnormal@;
+ padding-left: @padding_normal@;
+}
+
+/* Authentication dialogs do not have a title */
+.prompt-title:empty,
+.prompt-title:empty + .prompt-line {
+ display: none;
+}
+
+.prompt-line {
+ border-bottom: @border_width_tiny@ solid @color_divider_border@;
+ margin: @margin_small@ 0 0 0;
+ height: @padding_normal@ !important;
+}
+
+.prompt-buttons {
+ font-size: @font_snormal@;
+ background-color: @color_background_dlgbuttons@;
+ display: inline-block;
+ text-align: center;
+}
+
+.prompt-edit {
+ margin: @margin_xnormal@;
+ font-size: @font_normal@;
+ text-align: start;
+}
+
+.panel-arrow[side="top"] {
+ list-style-image: url("chrome://browser/skin/images/arrowbox-up.png");
+ margin-bottom: -@margin_snormal@;
+}
+
+.panel-arrow[side="bottom"] {
+ list-style-image: url("chrome://browser/skin/images/arrowbox-down.png");
+ margin-top: -@margin_snormal@;
+}
+
+.panel-arrow[side="left"] {
+ list-style-image: url("chrome://browser/skin/images/arrowbox-horiz.png");
+ margin-right: -@margin_snormal@;
+ -moz-transform: scaleX(-1);
+}
+
+.panel-arrow[side="right"] {
+ list-style-image: url("chrome://browser/skin/images/arrowbox-horiz.png");
+ margin-left: -@margin_snormal@;
+}
+
+/*.panel-row-header ------------------------------------------------------------ */
+.panel-row-header {
+ border-bottom: @border_width_xxlarge@ solid @color_background_active@;
+ background-color: @color_background_header@ !important;
+ color: @color_text_header@;
+ padding: 0 !important;
+}
+
+.panel-row-button {
+ color: @color_text_header@;
+ -moz-appearance: none;
+ background-size: 100% 100%;
+ border: 0 solid transparent !important;
+ -moz-border-start: @border_width_tiny@ solid rgba(255,255,255,0.2) !important;
+ -moz-border-end: @border_width_tiny@ solid rgba(0,0,0,0.2) !important;
+ padding-top: @padding_xsmall@ !important;
+ padding-bottom: @padding_xsmall@ !important;
+ -moz-padding-start: @padding_xsmall@ !important;
+ -moz-padding-end: @padding_xsmall@ !important;
+ -moz-box-flex: 1;
+ -moz-user-focus: ignore;
+ -moz-user-select: none;
+}
+
+.panel-row-button:not[disabled="true]:active {
+ background: @color_background_active@;
+ color: @color_text_default@;
+ background-size: 100% 100%;
+}
+
+.panel-row-button:first-child {
+ -moz-border-start-width: 0 !important;
+}
+
+.panel-row-button:last-child {
+ -moz-border-end-width: 0 !important;
+}
+
+@media (@orientation@: portrait) {
+ .panel-row-button {
+ -moz-box-orient: vertical;
+ }
+
+ .panel-row-button .toolbarbutton-text {
+ font-size: @font_xsmall@ !important;
+ }
+}
+
+.panel-row-button .toolbarbutton-text {
+ text-align: left;
+}
+
+.panel-row-button .toolbarbutton-text:-moz-locale-dir(rtl) {
+ text-align: right;
+}
+
+.panel-row-button[disabled="true"] {
+ pointer-events: none;
+}
+
+.panel-row-button[disabled="true"] .toolbarbutton-icon {
+ opacity: 0.5;
+}
+
+.panel-row-button[disabled="true"] .toolbarbutton-text {
+ color: @color_text_disabled@;
+}
+
+.panel-row-button[checked="true"] {
+ background: @color_background_active@;
+ color: @color_text_default@;
+ background-size: 100% 100% !important;
+}
+
+.panel-row-button[checked="true"],
+.panel-row-button[disabled="true"] {
+ pointer-events: none;
+}
+
+#panel-container-inner {
+ -moz-box-orient: vertical;
+}
+
+#panel-controls {
+ -moz-box-orient: horizontal;
+}
+
+@media (min-width: @tablet_panel_minwidth@) {
+ #panel-container-inner {
+ -moz-box-orient: horizontal;
+ -moz-box-pack: center;
+ }
+
+ #panel-items {
+ max-width: @tablet_panel_minwidth@;
+ min-width: 0px !important;
+ }
+
+ /* This will affect the prefs screen, but not the awesome screen */
+ #panel-controls {
+ -moz-box-orient: vertical !important;
+ -moz-box-align: start;
+ }
+
+ #panel-controls > .panel-row-button {
+ -moz-box-orient: horizontal;
+ -moz-box-flex: 0;
+ min-width: @tablet_panel_controls@ !important;
+ }
+
+ #panel-controls .toolbarbutton-text {
+ display: -moz-box !important;
+ -moz-box-flex: 1;
+ }
+
+ #panel-container {
+ -moz-box-pack: center;
+ padding: @padding_xlarge@ 0px;
+ }
+}
+
+/* because the buttons can wrap, we need to use the margin to create inter-button
+ spacing and a bottom margin for the notification */
+notification > button {
+ margin-bottom: @margin_normal@;
+}
diff --git a/mobile/themes/core/jar.mn b/mobile/themes/core/jar.mn
--- a/mobile/themes/core/jar.mn
+++ b/mobile/themes/core/jar.mn
@@ -266,13 +266,13 @@
skin/honeycomb/aboutPage.css (aboutPage.css)
skin/honeycomb/about.css (about.css)
skin/honeycomb/aboutHome.css (aboutHome.css)
-* skin/honeycomb/browser.css (browser.css)
+* skin/honeycomb/browser.css (honeycomb/browser.css)
* skin/honeycomb/content.css (content.css)
skin/honeycomb/config.css (config.css)
* skin/honeycomb/forms.css (forms.css)
skin/honeycomb/header.css (header.css)
* skin/honeycomb/notification.css (notification.css)
-* skin/honeycomb/platform.css (platform.css)
+* skin/honeycomb/platform.css (honeycomb/platform.css)
skin/honeycomb/touchcontrols.css (touchcontrols.css)
* skin/honeycomb/localePicker.css (localePicker.css)
skin/honeycomb/netError.css (netError.css)
@@ -382,9 +382,13 @@
skin/honeycomb/images/scrubber-hdpi.png (honeycomb/images/scrubber-hdpi.png)
skin/honeycomb/images/handle-start.png (images/handle-start.png)
skin/honeycomb/images/handle-end.png (images/handle-end.png)
- skin/honeycomb/images/tabs-hdpi.png (images/tabs-hdpi.png)
+ skin/honeycomb/images/tabs-hdpi.png (honeycomb/images/tabs-hdpi.png)
skin/honeycomb/images/errorpage-warning.png (images/errorpage-warning.png)
skin/honeycomb/images/errorpage-larry-white.png (images/errorpage-larry-white.png)
skin/honeycomb/images/errorpage-larry-black.png (images/errorpage-larry-black.png)
skin/honeycomb/images/homescreen-blank-hdpi.png (images/homescreen-blank-hdpi.png)
skin/honeycomb/images/homescreen-default-hdpi.png (images/homescreen-default-hdpi.png)
+ skin/honeycomb/images/urlbar-border-left.png (honeycomb/images/urlbar-border-left.png)
+ skin/honeycomb/images/urlbar-border-bottom.png (honeycomb/images/urlbar-border-bottom.png)
+ skin/honeycomb/images/urlbar-border-left-active.png (honeycomb/images/urlbar-border-left-active.png)
+ skin/honeycomb/images/urlbar-border-bottom-active.png (honeycomb/images/urlbar-border-bottom-active.png)
diff --git a/mobile/themes/core/platform.css b/mobile/themes/core/platform.css
--- a/mobile/themes/core/platform.css
+++ b/mobile/themes/core/platform.css
@@ -670,7 +670,7 @@
-moz-user-select: none;
}
-.panel-row-button:hover:active {
+.panel-row-button:not[disabled="true]:hover:active {
background: rgb(94,97,102) url(images/panelrow-active-hdpi.png) no-repeat;
background-size: 100% 100%;
}