Bug 685549 - Clean up tablet CSS [r=wesj]

This commit is contained in:
Matt Brubeck 2011-09-08 17:45:24 -07:00
parent ec50329442
commit b2e23814b4

View File

@ -14,43 +14,40 @@
}
%endif
#toolbar-main[tablet="true"] > .spacer-actionbar,
#toolbar-main[tablet="true"] > .button-actionbar {
#toolbar-main[tablet] > .spacer-actionbar,
#toolbar-main[tablet] > .button-actionbar {
visibility: visible;
}
#toolbar-main[tablet="true"] > #tool-tabs {
#toolbar-main[tablet] > #tool-tabs {
visibility: collapse;
}
#controls-scrollbox[tablet="true"] > #controls-sidebar {
#controls-scrollbox[tablet] > #controls-sidebar {
visibility: collapse;
}
#tabs-spacer[tablet="true"] {
#tabs-spacer[tablet] {
visibility: collapse;
}
#tabs-container[tablet="true"] {
#tabs-container[tablet] {
-moz-border-end: 0px;
background: #000;
}
#tabs[tablet="true"] > .tabs-scrollbox {
#tabs[tablet] > .tabs-scrollbox {
max-width: 200px;
-moz-box-orient: vertical;
}
#tabs[tablet="true"] .tabs-list {
}
#tabs[tablet="true"] .tabs-list {
#tabs[tablet] .tabs-list {
width: 200px;
-moz-column-width: auto;
-moz-padding-end: 0px;
-moz-padding-start: 0px;
}
#tabs[tablet="true"] documenttab {
#tabs[tablet] documenttab {
/* Use px instead of mozmm because tab bar items have hard-coded pixel sizes */
width: 200px;
padding: 12px;
@ -58,15 +55,15 @@
background: none;
}
#tabs[tablet="true"] documenttab[selected="true"] {
#tabs[tablet] documenttab[selected="true"] {
background: none;
}
.documenttab-thumbnail[tablet="true"] {
.documenttab-thumbnail[tablet] {
border-radius: @border_radius_tiny@;
}
.documenttab-close-container[tablet="true"] {
.documenttab-close-container[tablet] {
left: 0px;
-moz-margin-end: 0px;
-moz-margin-start: 135px;
@ -74,7 +71,7 @@
-moz-box-align: center;
}
documenttab[selected="true"] > stack > .documenttab-close-container[tablet="true"] {
documenttab[selected="true"] > stack > .documenttab-close-container[tablet] {
background: url("chrome://browser/skin/images/close-background-hdpi.png");
background-repeat: no-repeat;
background-position: right;
@ -82,34 +79,34 @@ documenttab[selected="true"] > stack > .documenttab-close-container[tablet="true
padding-right: 2px;
}
.documenttab-close[tablet="true"] {
.documenttab-close[tablet] {
width: 30px;
height: 44px;
list-style-image: url("chrome://browser/skin/images/close-inactive-tab-tablet-hdpi.png");
}
documenttab[selected="true"] > stack > hbox > .documenttab-close[tablet="true"] {
documenttab[selected="true"] > 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="true"] {
.documenttab-close-container:hover:active > .documenttab-close[tablet] {
list-style-image: url("chrome://browser/skin/images/close-active-tablet-hdpi.png");
}
.documenttab-reload[tablet="true"] {
.documenttab-reload[tablet] {
background: url("chrome://browser/skin/images/tab-reopen-tablet-hdpi.png");
}
#newtab-button[tablet="true"] {
#newtab-button[tablet] {
list-style-image: url("images/newtab-default-tablet-hdpi.png");
}
@media (@orientation@: portrait) {
#toolbar-main[tablet="true"] > #tool-tabs {
#toolbar-main[tablet] > #tool-tabs {
visibility: visible;
}
#controls-scrollbox[tablet="true"] > #tabs-sidebar {
#controls-scrollbox[tablet] > #tabs-sidebar {
border: none;
%ifdef honeycomb
top: @touch_button_xlarge@;
@ -119,14 +116,14 @@ documenttab[selected="true"] > stack > hbox > .documenttab-close[tablet="true"]
visibility: collapse;
}
#controls-scrollbox[tablet="true"] > #tabs-sidebar:-moz-locale-dir(ltr) {
#controls-scrollbox[tablet] > #tabs-sidebar:-moz-locale-dir(ltr) {
left: 0;
}
#controls-scrollbox[tablet="true"] > #tabs-sidebar:-moz-locale-dir(rtl) {
#controls-scrollbox[tablet] > #tabs-sidebar:-moz-locale-dir(rtl) {
right: 0;
}
#controls-scrollbox[tablet="true"] > #tabs-sidebar[open] {
#controls-scrollbox[tablet] > #tabs-sidebar[open] {
position: fixed;
visibility: visible;
}