gecko-dev/mobile/xul/themes/core/tablet.css

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */


.button-actionbar {
  visibility: collapse;
}

.button-actionbar[disabled="true"] .toolbarbutton-icon {
  opacity: 0.5;
}

%ifndef honeycomb
.button-actionbar:hover:active {
  background-color: #8db8d8;
}
%endif

#toolbar-main[tablet] > .button-actionbar {
  visibility: visible;
}
#toolbar-main[tablet][tablet_sidebar="true"] > #tool-tabs {
  visibility: collapse;
}

#controls-scrollbox[tablet] > #controls-sidebar {
  visibility: collapse;
}

#tabs-spacer[tablet]  {
  visibility: collapse;
}

#tabs-container[tablet] {
  -moz-border-end: @border_width_xxlarge@ solid #eaeaea;
  background: #000;
}

#tabs[tablet] > .tabs-scrollbox {
  max-width: 200px;
  -moz-box-orient: vertical;
}

#tabs[tablet] .tabs-list {
  width: 200px;
  -moz-column-width: auto;
  -moz-padding-end: 0px;
  -moz-padding-start: 0px;
}

#tabs[tablet] documenttab {
  /* Use px instead of mozmm because tab bar items have hard-coded pixel sizes */
  width: 200px;
  padding: 12px;
  padding-bottom: 0px;
  -moz-margin-start: 0px;
  background: none;
  margin-bottom: 0px;
}

#tabs[tablet] documenttab[selected="true"] {
  background: none;
}

.documenttab-thumbnail[tablet] {
  border-radius: @border_radius_xsmall@;
  border: 0px;
}

.documenttab-close-container[tablet] {
  left: 0px;
  -moz-margin-end: 0px;
  -moz-margin-start: 143px;
  -moz-box-pack: end;
  -moz-box-align: center;
  -moz-margin-end: -11px;
  -moz-padding-end: 13px;
}
.documenttab-close-container[tablet]:-moz-locale-dir(rtl) {
  left: auto;
  right: 0px;
}

documenttab[selected="true"] > vbox > stack > .documenttab-close-container[tablet] {
  background: url("chrome://browser/skin/images/close-background-hdpi.png");
  background-repeat: no-repeat;
  background-position: right;
  -moz-margin-start: 146px;
  -moz-padding-end: 2px;
}
documenttab[selected="true"] > vbox > stack > .documenttab-close-container[tablet]:-moz-locale-dir(rtl) {
  background: url("chrome://browser/skin/images/close-background-hdpi-rtl.png");
  background-position: left;
}

.documenttab-close[tablet] {
  width: 30px;
  height: 44px;
  list-style-image: url("chrome://browser/skin/images/close-inactive-tab-tablet-hdpi.png");
}

documenttab[selected="true"] > vbox > stack > hbox > .documenttab-close[tablet] {
  list-style-image: url("chrome://browser/skin/images/close-default-tablet-hdpi.png");
}

.documenttab-close-container:hover:active > .documenttab-close[tablet] {
  list-style-image: url("chrome://browser/skin/images/close-active-tablet-hdpi.png");
}

.documenttab-reload[tablet] {
  background: url("chrome://browser/skin/images/tab-reopen-tablet-hdpi.png");
}

.documenttab-title[tablet] {
  color: #FFF;
  font-size: @font_xxtiny@ !important;
  padding: @padding_snormal@;
  margin: 0px;
  text-align: center;
  display: -moz-box;
}

#newtab-button[tablet] {
  list-style-image: url("images/newtab-default-tablet-hdpi.png");
}

#newtab-button[tablet] > .toolbarbutton-icon {
  -moz-padding-start: 1em;
}

#newtab-button[tablet] > .toolbarbutton-text {
  -moz-padding-start: 0.5em;
  color: white;
  display: initial;
  text-align: start;
}

#controls-scrollbox[tablet][tablet_sidebar="false"] > #tabs-sidebar {
  visibility: collapse;
}

@media (@orientation@: portrait) {
  #toolbar-main[tablet][tablet_sidebar="true"] > #tool-tabs {
    visibility: visible;
  }

  #controls-scrollbox[tablet] > #tabs-sidebar {
    visibility: collapse;
  }
}

@media (@orientation@: landscape) {
  #toolbar-main[tablet][tablet_sidebar="true"] {
    -moz-padding-start: @padding_xxnormal@;
  }
}

#identity-container[tablet] #identity-popup-container {
  -moz-stack-sizing: ignore;
  max-width: @identity_popup_tablet_width@;
  min-width: @identity_popup_tablet_width@;
}

#identity-container[tablet] pageaction {
  width: 100%;
}

arrowbox {
  -moz-stack-sizing: ignore;
}

#tabs-popup-list {
  min-width: @dialog_width@;
  max-width: @dialog_width@;
  overflow-x: no-display;
}

#tabs-popup-newtab-button,
.tab-popup-item {
  -moz-box-align: center;
}

.tab-popup-item-box {
  -moz-box-flex: 1;
  -moz-box-align: center;
}

.documenttab-popup-favicon {
  width: 32px;
  height: 32px;
  image-rendering: -moz-crisp-edges;
}

.tab-popup-item.selected .documenttab-popup-checkmark {
  list-style-image: url("chrome://browser/skin/images/checkmark-hdpi.png");
}

.documenttab-popup-label {
  -moz-box-flex: 1;
}

.documenttab-popup-checkmark {
  min-width: 26px; /* size of the checkmark image */
}

#tabs-popup-newtab-button {
  -moz-box-flex: 1;
}

.tab-popup-item:only-child .documenttab-popup-closebutton {
  display: none;
}

%ifndef honeycomb
@media (min-width: @tablet_panel_minwidth@) {
  #awesome-panels {
    box-shadow: 0px 0px @shadow_width_small@ black;
  }
  #search-engines-popup {
    max-width: -moz-calc(@tablet_panel_minwidth@);
  }
}
.documenttab-popup-closebutton {
  list-style-image: url("chrome://browser/skin/images/close-default-hdpi.png");
}

#tabs-popup-newtab-button {
  list-style-image: url("chrome://browser/skin/images/newtab-hdpi.png");
}
%endif