gecko/mobile/themes/core/tablet.css
Lucas Rocha b1552b1ab3 Bug 687287 - Fix alignment of close button on inactive tabs (r=mfinkle)
Do not force a width on close button container and let the margins define its size. This allows us to have different clickable areas for the close button on both active and inactive tabs.
2011-09-19 09:44:03 -07:00

165 lines
3.6 KiB
CSS

.spacer-actionbar,
.button-actionbar {
visibility: collapse;
}
.button-actionbar[disabled="true"] {
opacity: 0.5;
}
%ifndef honeycomb
.button-actionbar:hover:active {
background-color: #8db8d8;
}
%endif
#toolbar-main[tablet] > .spacer-actionbar,
#toolbar-main[tablet] > .button-actionbar {
visibility: visible;
}
#toolbar-main[tablet] > #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_tiny@;
}
.documenttab-close-container[tablet] {
left: 0px;
-moz-margin-end: 0px;
-moz-margin-start: 145px;
-moz-box-pack: end;
-moz-box-align: center;
-moz-margin-end: -11px;
padding-right: 11px;
}
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: 150px;
padding-right: 0px;
}
.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_xtiny@ !important;
padding: @padding_small@;
margin: 0px;
text-align: center;
display: -moz-box;
}
#newtab-button[tablet] {
list-style-image: url("images/newtab-default-tablet-hdpi.png");
}
@media (@orientation@: portrait) {
#toolbar-main[tablet] > #tool-tabs {
visibility: visible;
}
#controls-scrollbox[tablet] > #tabs-sidebar {
border: none;
%ifdef honeycomb
top: @touch_button_xlarge@;
%else
top: -moz-calc(@touch_button_xlarge@ + @margin_normal@);
%endif
visibility: collapse;
}
#controls-scrollbox[tablet] > #tabs-sidebar:-moz-locale-dir(ltr) {
left: 0;
}
#controls-scrollbox[tablet] > #tabs-sidebar:-moz-locale-dir(rtl) {
right: 0;
}
#controls-scrollbox[tablet] > #tabs-sidebar[open] {
position: fixed;
visibility: visible;
}
}
#identity-container[tablet] #identity-popup-container {
-moz-stack-sizing: ignore;
max-width: -moz-calc(0.75 * @urlbar_max_width@);
min-width: -moz-calc(0.75 * @urlbar_max_width@);
}
#identity-container[tablet] pageaction {
width: 100%;
}
%ifndef honeycomb
@media (min-width: @tablet_panel_minwidth@) {
#awesome-panels {
-moz-box-shadow: 0px 0px @shadow_width_small@ black;
}
#search-engines-popup {
max-width: -moz-calc(@tablet_panel_minwidth@);
}
}
%endif