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

232 lines
5.1 KiB
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