Bug 653134 - Create Fennec Gingerbread theme [r=mbrubeck a=pretty-fennec-fx6]

mobile/themes/core/forms.css

@@ -53,6 +53,8 @@
 
 #content-navigator > .previous-button,
 #content-navigator > .next-button {
+  min-width: @touch_button_small@ !important; /* button size */
+  min-height: @touch_button_small@ !important; /* button size */
   border: @border_width_tiny@ solid rgba(0,0,0,0.2) !important;
   border-bottom: @border_width_large@ solid #53565a !important;
   background-color: #5e6166;
@@ -117,10 +119,8 @@
   margin: @margin_normal@;
   -moz-margin-end: 0;
   padding: @padding_xnormal@;
-  border-radius: @border_radius_normal@;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
-  border: @border_width_tiny@ solid rgba(0,0,0,0.2) !important;
   width: 10em;
 }
 

mobile/themes/core/gingerbread/defines.inc

@@ -0,0 +1,202 @@
+%filter substitution
+
+%define color_background_active #525252
+%define color_background_default #000
+%define color_text_default #fff
+%define color_divider_border #333333
+%define color_button_border #5a5a5a
+%define color_dialog_border #5a5a5a
+%define color_background_dlgbuttons #9a9a9a
+%define color_background_panel #d6d6d6
+
+%define color_background_inverse #fff
+%define color_text_inverse #000
+%define color_text_gray #808080
+
+%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 7.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_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 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 22px
+%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_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 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

mobile/themes/core/gingerbread/platform.css

@@ -0,0 +1,739 @@
+/* ***** 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 <mfinkle@mozilla.com>
+ *
+ * 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;
+}
+
+::-moz-selection {
+  background-color: #8db8d8;
+  color: black;
+}
+
+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 */
+richlistbox,
+textbox {
+  color: black;
+  background-color: white;
+}
+
+/* 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_gray@;
+}
+
+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;
+}
+
+/* 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: @touch_normal@;
+}
+
+.dialog-dark,
+.panel-arrowcontent {
+  background-color: @color_background_inverse@;
+  box-shadow: black 0 @border_radius_tiny@ @border_radius_tiny@, black 0 -@border_radius_tiny@ @border_radius_tiny@;
+  padding: @padding_normal@ 0; /* core spacing */
+}
+
+@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: #000;
+  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: #aaa !important;
+  border: @border_width_tiny@ solid @color_button_border@ !important;
+}
+
+button:focus > .button-box {
+  border: @border_width_tiny@ solid transparent;
+}
+
+button:not([disabled]):hover: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: #000;
+  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:hover:active:not([disabled=true]),
+.spinbuttons-down:hover: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 --------------------------------------------------------- */
+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:hover,
+toolbarbutton:hover:active,
+toolbarbutton[open="true"] {
+  border-color: transparent;
+}
+
+/* checkbox buttons ----------------------------------------------------------- */
+.button-checkbox {
+  padding: 0 !important;
+  background: none !important;
+  border: none !important;
+  -moz-border-image: none !important;
+  color: white;
+  -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-46.png");
+}
+
+.button-checkbox[checked="true"] > .button-image-icon {
+  list-style-image: url("chrome://browser/skin/images/check-selected-46.png");
+}
+
+.button-checkbox:hover:active > .button-box,
+.button-checkbox[checked="true"] > .button-box {
+  padding-top: @padding_tiny@;
+  padding-bottom: @padding_xsmall@;
+  -moz-padding-start: @margin_small@;
+  -moz-padding-end: @margin_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: #000;
+  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]):hover: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 radios --------------------------------------------------------- */
+checkbox {
+  margin: @margin_tiny@ @margin_small@ @margin_tiny@ @margin_small@; /* match platform style for buttons */
+}
+
+radio.checkbox-radio-on:not([selected]) {
+  border-right: @border_width_tiny@ solid @color_button_border@;
+}
+
+radio.checkbox-radio-on:not([selected]):-moz-locale-dir(rtl) {
+  border-left: none;
+  border-left: @border_width_tiny@ solid @color_button_border@;
+}
+
+radio.checkbox-radio-off[selected],
+radio.checkbox-radio-off:hover:active {
+  background-image: url("chrome://browser/skin/images/toggle-off.png");
+  color: black;
+  background-repeat: repeat-x;
+}
+
+radio.checkbox-radio-on:not([selected]) .radio-label-box,
+radio.checkbox-radio-off:not([selected]) .radio-label-box {
+  visibility: hidden;
+}
+
+/* richlistbox ------------------------------------------------------------- */
+richlistbox {
+  -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 rgb(207,207,207);
+}
+
+richlistitem label.title,
+richlistitem description.title {
+  font-size: @font_normal@ !important;
+}
+
+richlistitem label.normal,
+richlistitem description.normal {
+  color: gray;
+  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: black;
+  background-color: white;
+}
+
+richlistitem:hover:active:not([selected="true"]):not([nohighlight="true"]) {
+  background-color: #8db8d8;
+}
+
+richlistitem.section-header,
+richlistitem[selected="true"].section-header {
+  font-weight: bold;
+  color: #000;
+  background-color: lightgray;
+}
+
+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: #000 !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: #aaa !important;
+  border: @border_width_tiny@ solid @color_button_border@ !important;
+}
+
+menulist:not([disabled="true"]):hover: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: #8db8d8;
+}
+
+/* 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_normal@;
+}
+
+.panel-arrow[side="bottom"] {
+  list-style-image: url("chrome://browser/skin/images/arrowbox-down.png");
+  margin-top: -@margin_normal@;
+}
+
+.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_default@ !important;
+  padding: 0 !important;
+}
+
+.panel-row-button {
+  -moz-appearance: none;
+  background: @color_background_default@;
+  background-size: 100% 100%;
+  color: white;
+  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:hover:active {
+  background: @color_background_active@;
+  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;
+  text-shadow: rgba(0,0,0,0.3) 0 @shadow_width_small@;
+}
+
+.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: #aaa;
+}
+
+.panel-row-button[checked="true"] {
+  color: white !important;
+  background: @color_background_active@ !important;
+  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-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;
+  }
+}

mobile/themes/core/jar.mn

@@ -126,13 +126,13 @@ chrome.jar:
   skin/gingerbread/aboutPage.css                        (aboutPage.css)
   skin/gingerbread/about.css                            (about.css)
   skin/gingerbread/aboutHome.css                        (aboutHome.css)
-* skin/gingerbread/browser.css                          (browser.css)
+* skin/gingerbread/browser.css                          (gingerbread/browser.css)
   skin/gingerbread/config.css                           (config.css)
   skin/gingerbread/firstRun.css                         (firstRun.css)
 * skin/gingerbread/forms.css                            (forms.css)
   skin/gingerbread/header.css                           (header.css)
 * skin/gingerbread/notification.css                     (notification.css)
-* skin/gingerbread/platform.css                         (platform.css)
+* skin/gingerbread/platform.css                         (gingerbread/platform.css)
   skin/gingerbread/touchcontrols.css                    (touchcontrols.css)
 % override chrome://global/skin/about.css chrome://browser/skin/about.css
 % override chrome://global/skin/media/videocontrols.css chrome://browser/skin/touchcontrols.css
@@ -146,6 +146,7 @@ chrome.jar:
   skin/gingerbread/images/aboutBackground.jpg           (gingerbread/images/aboutBackground.jpg)
   skin/gingerbread/images/button-bg.png                 (gingerbread/images/button-bg.png)
   skin/gingerbread/images/textbox-bg.png                (gingerbread/images/textbox-bg.png)
+  skin/gingerbread/images/urlbar-bg.png                 (gingerbread/images/urlbar-bg.png)
   skin/gingerbread/images/browseaddons-bg.jpg           (gingerbread/images/browseaddons-bg.jpg)
   skin/gingerbread/images/addons-32.png                 (images/addons-32.png)
   skin/gingerbread/images/arrowleft-16.png              (gingerbread/images/arrowleft-16.png)
@@ -156,13 +157,12 @@ chrome.jar:
   skin/gingerbread/images/arrowrightdark-16.png         (gingerbread/images/arrowrightdark-16.png)
   skin/gingerbread/images/arrowupdark-16.png            (gingerbread/images/arrowupdark-16.png)
   skin/gingerbread/images/arrowdowndark-16.png          (gingerbread/images/arrowdowndark-16.png)
-  skin/gingerbread/images/popup-bg-hdpi.png             (gingerbread/images/popup-bg-hdpi.png)
   skin/gingerbread/images/popup-selected-item-hdpi.png  (gingerbread/images/popup-selected-item-hdpi.png)
   skin/gingerbread/images/arrowbox-up.png               (gingerbread/images/arrowbox-up.png)
   skin/gingerbread/images/arrowbox-down.png             (gingerbread/images/arrowbox-down.png)
   skin/gingerbread/images/arrowbox-horiz.png            (gingerbread/images/arrowbox-horiz.png)
-  skin/gingerbread/images/check-selected-30.png         (gingerbread/images/check-selected-30.png)
-  skin/gingerbread/images/check-unselected-30.png       (gingerbread/images/check-unselected-30.png)
+  skin/gingerbread/images/check-selected-46.png         (gingerbread/images/check-selected-46.png)
+  skin/gingerbread/images/check-unselected-46.png       (gingerbread/images/check-unselected-46.png)
   skin/gingerbread/images/dropmarker-hdpi.png           (gingerbread/images/dropmarker-hdpi.png)
   skin/gingerbread/images/ratings-18.png                (images/ratings-18.png)
   skin/gingerbread/images/favicon-default-32.png        (gingerbread/images/favicon-default-32.png)
@@ -186,9 +186,6 @@ chrome.jar:
   skin/gingerbread/images/bookmark-default-hdpi.png     (gingerbread/images/bookmark-default-hdpi.png)
   skin/gingerbread/images/bookmarks-48.png              (gingerbread/images/bookmarks-48.png)
   skin/gingerbread/images/bookmark-starred-hdpi.png     (gingerbread/images/bookmark-starred-hdpi.png)
-  skin/gingerbread/images/panelrow-active-hdpi.png      (gingerbread/images/panelrow-active-hdpi.png)
-  skin/gingerbread/images/panelrow-default-hdpi.png     (gingerbread/images/panelrow-default-hdpi.png)
-  skin/gingerbread/images/panelrow-selected-hdpi.png    (gingerbread/images/panelrow-selected-hdpi.png)
   skin/gingerbread/images/forward-default-hdpi.png        (gingerbread/images/forward-default-hdpi.png)
   skin/gingerbread/images/downloads-default-hdpi.png      (gingerbread/images/downloads-default-hdpi.png)
   skin/gingerbread/images/settings-default-hdpi.png       (gingerbread/images/settings-default-hdpi.png)
@@ -205,7 +202,6 @@ chrome.jar:
   skin/gingerbread/images/mozilla-32.png                (images/mozilla-32.png)
   skin/gingerbread/images/toggle-on.png                 (gingerbread/images/toggle-on.png)
   skin/gingerbread/images/toggle-off.png                (gingerbread/images/toggle-off.png)
-  skin/gingerbread/images/sidebarbutton-active-hdpi.png (gingerbread/images/sidebarbutton-active-hdpi.png)
   skin/gingerbread/images/previous-hdpi.png             (gingerbread/images/previous-hdpi.png)
   skin/gingerbread/images/previous-disabled-hdpi.png    (gingerbread/images/previous-disabled-hdpi.png)
   skin/gingerbread/images/next-hdpi.png                 (gingerbread/images/next-hdpi.png)